@saasquatch/mint-components 2.2.0-9 → 2.2.1-1

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

@@ -0,0 +1,1854 @@
+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";
+import deepmerge from "deepmerge";
+import { intl } from "../../../global/global";
+import { createStyleSheet } from "../../../styling/JSS";
+import { getProps } from "../../../utils/utils";
+import { TAX_CONTEXT_NAMESPACE } from "../data";
+import { getFormMap } from "./formDefinitions";
+import { mockPaymentOptions } from "./mockData";
+import { BankingInfoFormView, } from "./sqm-banking-info-form-view";
+import { getFormInputs, paypalFeeMap, useBankingInfoForm, } from "./useBankingInfoForm";
+/**
+ * @uiName Banking Information Form
+ * @exampleGroup Common Components
+ *
+ */
+export class BankingInfoForm {
+  constructor() {
+    this.ignored = true;
+    /**
+     * @uiName Setup progress
+     */
+    this.formStep = "Step {step} of {count}";
+    /**
+     * @uiName Step 4 title
+     */
+    this.taxAndPayouts = "Payouts";
+    /**
+     * Displayed at the top of the page on all set up steps.
+     * @uiName Page description
+     */
+    this.taxAndPayoutsDescription = "Submit your tax documents and add your banking information to receive your rewards.";
+    /**
+     * @uiName Direct to bank payout option
+     */
+    this.directlyToBankAccount = "Directly to my bank account";
+    /**
+     * @uiName PayPal payout option
+     */
+    this.toPayPalAccount = "PayPal (2% processing fee capped to {feeCap})";
+    /**
+     * @uiName Threshold balance payment schedule option
+     */
+    this.paymentScheduleBalanceThreshold = "Pay me when my balance reaches a threshold";
+    /**
+     * @uiName Fixed day payment schedule option
+     */
+    this.paymentScheduleFixedDay = "Pay me on a fixed day of the month";
+    /**
+     * Let the participant choose what day of the month they’ll get paid
+     * @uiName Payment day field label
+     */
+    this.paymentDaySelectLabel = "Payment Day";
+    /**
+     * Participant use this field to select the balance at which they want to be paid
+     * @uiName Payment threshold field label
+     */
+    this.paymentThresholdSelectLabel = "Payment Threshold";
+    /**
+     * One of two payment day options
+     * @uiName First of month payday option
+     */
+    this.paymentDayFirstOfMonthLabelText = "1st of the month";
+    /**
+     * Label text for the payment day select option for the fifteenth of the month
+     * @uiName Fifteenth of month payday option
+     */
+    this.paymentDayFifteenthOfMonthLabelText = "15th of the month";
+    /**
+     * @uiName Payment method section header
+     */
+    this.paymentMethod = "Payment method";
+    /**
+     * @uiName Payment schedule section header
+     */
+    this.paymentSchedule = "Payment schedule";
+    /**
+     * @uiName Payment method section description
+     */
+    this.paymentMethodSubtext = "Payouts will be sent from our referral program provider, impact.com.";
+    /**
+     * Displayed to participants who choose PayPal as their payout method
+     * @uiName PayPal email field label
+     */
+    this.payPalInputLabel = "PayPal email";
+    /**
+     * @uiName Bank country field label
+     */
+    this.bankLocationLabel = "Bank country location";
+    /**
+     * @uiName Beneficiary account field label
+     */
+    this.beneficiaryAccountNameLabel = "Account holder name";
+    /**
+     * @uiName Beneficiary account field description
+     */
+    this.beneficiaryAccountNameDescription = "The beneficiary name of your bank account. Ensure this matches the name on your tax form.";
+    /**
+     * @uiName Bank account type field label
+     */
+    this.bankAccountTypeLabel = "Bank account type";
+    /**
+     * @uiName Checking account option
+     */
+    this.checkingSelectItemLabel = "Checking";
+    /**
+     * @uiName Savings account options
+     */
+    this.savingsSelectItemLabel = "Savings";
+    /**
+     * @uiName Bank account number field label
+     */
+    this.bankAccountNumberLabel = "Bank account number";
+    /**
+     * @uiName IBAN field label
+     */
+    this.ibanLabel = "IBAN";
+    /**
+     * @uiName SWIFT code field label
+     */
+    this.swiftCodeLabel = "SWIFT code";
+    /**
+     * @uiName Routing code field label
+     */
+    this.routingCodeLabel = "{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} }";
+    /**
+     * @uiName Bank name field label
+     */
+    this.bankNameLabel = "Bank Name";
+    /**
+     * @uiName Classification entity field label
+     */
+    this.classificationEntityLabel = "Classification Entity";
+    /**
+     * One of three options listed for the classification field
+     * @uiName Business classification option
+     */
+    this.businessSelectItemLabel = "Business";
+    /**
+     * One of three options listed for the classification field
+     * @uiName Individual classification option
+     */
+    this.individualSelectItemLabel = "Individual";
+    /**
+     * One of three options listed for the classification field
+     * @uiName Foreign classification option
+     */
+    this.foreignSelectItemLabel = "Foreign";
+    /**
+     * @uiName Classification CPF field label
+     */
+    this.classificationCPFLabel = "Classification CPF";
+    /**
+     * @uiName Patronymic name field label
+     */
+    this.patronymicNameLabel = "Patronymic name";
+    /**
+     * @uiName VO code field label
+     */
+    this.voCodeLabel = "VO code";
+    /**
+     * @uiName Agency code field label
+     */
+    this.agencyCodeLabel = "Agency code";
+    /**
+     * @uiName Branch code field label
+     */
+    this.branchCodeLabel = "Branch code";
+    /**
+     * Label text for the classification input field
+     * @uiName Classification field label
+     */
+    this.classificationLabel = "Classification";
+    /**
+     * @uiName Taxpayer ID field label
+     */
+    this.taxPayerIdLabel = "{country, select, AR {CUIT/CUIL} KR {Classification ID} other { Beneficiary INN } }";
+    /**
+     * @uiName Bank address field label
+     */
+    this.bankAddressLabel = "Bank address";
+    /**
+     * @uiName Bank city field label
+     */
+    this.bankCityLabel = "Bank city";
+    /**
+     * @uiName Bank province/state field label
+     */
+    this.bankStateLabel = "Bank province/state";
+    /**
+     * @uiName Bank postal code field label
+     */
+    this.bankPostalCodeLabel = "Bank postal code";
+    /**
+     * Default payment method to the participants’ bank account.
+     * @uiName EFT withdrawal payment method
+     */
+    this.eftWithdrawalLabel = "EFT withdrawal (free)";
+    /**
+     * @uiName FX Wire Processing fee text
+     */
+    this.fxWireProcessingFeeLabel = "FX Wire (Processing Fee {currency}{defaultFxFee}.00)";
+    /**
+     * Placeholder text displayed in the country search dropdown
+     * @uiName Country field placeholder text
+     */
+    this.searchForCountryText = "Search for country..";
+    /**
+     * Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com.
+     * @uiName Participant is a partner alert title
+     * @uiWidget textArea
+     */
+    this.isPartnerAlertHeader = "An account with this email already exists with our referral program provider, impact.com";
+    /**
+     * Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com.
+     * @uiName Participant is a partner alert description
+     * @uiWidget textArea
+     */
+    this.isPartnerAlertDescription = "If you don’t recognize this referral program provider or believe this is a mistake, please contact our {supportLink} or sign up for this referral program with a different email.";
+    /**
+     * Text for verify email dialog
+     * @uiName Verify email header
+     */
+    this.verifyEmailHeaderText = "Verify your email";
+    /**
+     * @uiName Verify code widget header text
+     */
+    this.verifyEmailDescriptionText = "Verify your email to update your payment settings. Enter the code sent to {email} from our referral provider, impact.com.";
+    /**
+     * Part of the alert displayed at the top of the page.
+     * @uiName Form submission error message title
+     * @uiWidget textArea
+     */
+    this.generalErrorTitle = "There was a problem submitting your information";
+    /**
+     * Part of the alert displayed at the top of the page.
+     * @uiName Form submission error message description
+     * @uiWidget textArea
+     */
+    this.generalErrorDescription = "Please review your information and try again. If this problem continues, contact our {supportLink}.";
+    /**
+     * Displayed under a field that is missing required information.
+     * @uiName Empty form field error message
+     */
+    this.fieldRequiredError = "{fieldName} is required";
+    /**
+     * Displayed under a field when it has an invalid entry.
+     * @uiName Form field error message
+     */
+    this.fieldInvalidError = "{fieldName} is invalid";
+    /**
+     * @uiName Support link text
+     */
+    this.supportLink = "support team";
+    /**
+     * @uiName Continue button label
+     */
+    this.continueButton = "Save";
+    /**
+     * Text for the back button in the form
+     * @uiName Back button label
+     */
+    this.backButton = "Back";
+    /**
+     * Part of the alert displayed at the top of the page.
+     * @uiName Page load error message title
+     * @uiWidget textArea
+     */
+    this.loadingErrorAlertHeader = "There was a problem loading your form";
+    /**
+     * Part of the alert displayed at the top of the page.
+     * @uiName Page load error message description
+     * @uiWidget textArea
+     */
+    this.loadingErrorAlertDescription = "Please refresh the page and try again. If this problem continues, contact Support.";
+    /**
+     * @uiName Information modal title
+     */
+    this.modalTitle = "Important Note";
+    /**
+     * @uiName Information modal description text
+     */
+    this.modalDescription = "Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.";
+    /**
+     * @uiName Information modal button text
+     */
+    this.modalButtonText = "I understand, update my information";
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  getTextProps() {
+    const props = getProps(this);
+    return {
+      ...props,
+      error: {
+        generalTitle: props.generalErrorTitle,
+        generalDescription: props.generalErrorDescription,
+        loadingErrorAlertDescription: props.loadingErrorAlertDescription,
+        loadingErrorAlertHeader: props.loadingErrorAlertHeader,
+      },
+    };
+  }
+  render() {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
+    const props = isDemo()
+      ? useDemoBankingInfoForm(this)
+      : useBankingInfoForm(this);
+    const { errors } = props.states.formState;
+    const fieldRequiredError = this.fieldRequiredError;
+    const fieldInvalidError = this.fieldInvalidError;
+    function getValidationErrorMessage({ type, label, }) {
+      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,
+      getValidationErrorMessage,
+      bankCountry: props.states.bankCountry,
+    });
+    const inputFields = getFormInputs({
+      bitset: props.states.bitset,
+      formMap,
+    });
+    const style = {
+      Dialog: {
+        position: "relative",
+        "&::part(panel)": {
+          maxWidth: "420px",
+        },
+        "&::part(title)": {
+          padding: "var(--sl-spacing-large) var(--sl-spacing-large) 0 var(--sl-spacing-large)",
+        },
+        "&::part(base)": {
+          position: "absolute",
+        },
+        "&::part(close-button)": {
+          marginBottom: "var(--sl-spacing-large)",
+        },
+        "&::part(body)": {
+          padding: "0 var(--sl-spacing-large) 0 var(--sl-spacing-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",
+        },
+      },
+      SearchInput: {
+        padding: "var(--sl-spacing-x-small)",
+      },
+    };
+    const sheet = createStyleSheet(style);
+    const styleString = sheet.toString();
+    const verifyDescription = intl.formatMessage({
+      id: "codeResentSuccessfully",
+      defaultMessage: props.text.verifyEmailDescriptionText,
+    }, {
+      email: props.states.email,
+    });
+    const vanillaStyle = `
+      sl-menu-item::part(base) {
+      color: var(--sqm-input-color);
+    }
+     sl-menu-item::part(base):hover {
+      background-color: var(--sqm-input-border-color-hover);
+    }
+    `;
+    return (h(Host, null,
+      h("style", { type: "text/css" }, styleString),
+      h("style", { type: "text/css" }, vanillaStyle),
+      props.states.isPartner && props.states.showVerification ? (h("sl-dialog", { class: sheet.classes.Dialog, open: true, "onSl-hide": props.callbacks.onVerificationHide, label: props.text.verifyEmailHeaderText },
+        h("sqm-code-verification", { verifyCodeHeaderText: verifyDescription, reverifyCodeHeaderText: verifyDescription, onVerification: props.callbacks.onVerification }))) : null,
+      h(BankingInfoFormView, { callbacks: props.callbacks, text: props.text, states: props.states, refs: props.refs, slots: {
+          formInputsSlot: inputFields === null || inputFields === void 0 ? void 0 : inputFields.map(({ input }) => input),
+          countryInputSlot: (h("sl-select", Object.assign({ label: props.text.bankLocationLabel, disabled: props.states.saveLoading, required: true, name: "/bankCountry", id: "bankCountry", value: props.states.formState.bankCountry || "", "onSl-select": (e) => { var _a, _b; return props.callbacks.setBankCountry((_b = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.value); } }, (((_a = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _a === void 0 ? void 0 : _a.bankCountry) && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: (_c = (_b = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _b === void 0 ? void 0 : _b.bankCountry) === null || _c === void 0 ? void 0 : _c.type,
+              label: props.text.bankLocationLabel,
+            }),
+          })),
+            h("sl-input", { disabled: props.states.saveLoading, class: sheet.classes.SearchInput, placeholder: this.searchForCountryText, onKeyDown: (e) => {
+                // Stop shoelace intercepting key presses
+                e.stopPropagation();
+              }, "onSl-input": (e) => {
+                props.callbacks.setCountrySearch(e.target.value);
+              } }), (_d = props.states.countries) === null || _d === void 0 ? void 0 :
+            _d.map((country) => {
+              return (h("sl-menu-item", { value: country.countryCode }, country.displayName));
+            }), (_f = (_e = props.states) === null || _e === void 0 ? void 0 : _e.allCountries) === null || _f === void 0 ? void 0 :
+            _f.map((c) => (h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName))))),
+          paymentMethodSlot: (h("sl-input", { key: "paymentMethod", label: props.text.paymentMethod, placeholder: props.states.paymentMethodFeeLabel, disabled: true })),
+          paymentThresholdSelectSlot: (h("sl-select", Object.assign({ required: true, disabled: props.states.saveLoading, label: props.text.paymentThresholdSelectLabel, name: "/paymentThreshold", id: "paymentThreshold", value: ((_h = (_g = props.states) === null || _g === void 0 ? void 0 : _g.formState) === null || _h === void 0 ? void 0 : _h.paymentThreshold) || "" }, (((_j = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _j === void 0 ? void 0 : _j.paymentThreshold) && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: (_l = (_k = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _k === void 0 ? void 0 : _k.paymentThreshold) === null || _l === void 0 ? void 0 : _l.type,
+              label: props.text.paymentThresholdSelectLabel,
+            }),
+          })), props.states.thresholds.map((t) => (h("sl-menu-item", { value: t }, `${props.states.currency}${t}`))))),
+          paymentFixedDaySelectSlot: (h("sl-select", Object.assign({ required: true, disabled: props.states.saveLoading, label: props.text.paymentDaySelectLabel, value: ((_o = (_m = props.states) === null || _m === void 0 ? void 0 : _m.formState) === null || _o === void 0 ? void 0 : _o.paymentDay) || "", name: "/paymentDay", id: "paymentDay" }, (((_p = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _p === void 0 ? void 0 : _p.paymentDay) && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: (_r = (_q = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _q === void 0 ? void 0 : _q.paymentDay) === null || _r === void 0 ? void 0 : _r.type,
+              label: props.text.paymentDaySelectLabel,
+            }),
+          })),
+            h("sl-menu-item", { value: "1" }, props.text.paymentDayFirstOfMonthLabelText),
+            h("sl-menu-item", { value: "15" }, props.text.paymentDayFifteenthOfMonthLabelText))),
+          paypalInputSlot: (h("sl-input", Object.assign({ required: true, disabled: props.states.saveLoading, value: ((_t = (_s = props.states) === null || _s === void 0 ? void 0 : _s.formState) === null || _t === void 0 ? void 0 : _t.paypalEmailAddress) || "", label: props.text.payPalInputLabel, key: "paypalEmailAddress", name: "/paypalEmailAddress", id: "paypalEmailAddress", type: "text" }, (((_w = (_v = (_u = props.states.formState) === null || _u === void 0 ? void 0 : _u.errors) === null || _v === void 0 ? void 0 : _v.inputErrors) === null || _w === void 0 ? void 0 : _w.paypalEmailAddress) && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: (_0 = (_z = (_y = (_x = props.states.formState) === null || _x === void 0 ? void 0 : _x.errors) === null || _y === void 0 ? void 0 : _y.inputErrors) === null || _z === void 0 ? void 0 : _z.paypalEmailAddress) === null || _0 === void 0 ? void 0 : _0.type,
+              label: props.text.payPalInputLabel,
+            }),
+          })))),
+        } })));
+  }
+  static get is() { return "sqm-banking-info-form"; }
+  static get properties() { return {
+    "formStep": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Setup progress",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "form-step",
+      "reflect": false,
+      "defaultValue": "\"Step {step} of {count}\""
+    },
+    "taxAndPayouts": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Step 4 title",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "tax-and-payouts",
+      "reflect": false,
+      "defaultValue": "\"Payouts\""
+    },
+    "taxAndPayoutsDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Page description",
+            "name": "uiName"
+          }],
+        "text": "Displayed at the top of the page on all set up steps."
+      },
+      "attribute": "tax-and-payouts-description",
+      "reflect": false,
+      "defaultValue": "\"Submit your tax documents and add your banking information to receive your rewards.\""
+    },
+    "directlyToBankAccount": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Direct to bank payout option",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "directly-to-bank-account",
+      "reflect": false,
+      "defaultValue": "\"Directly to my bank account\""
+    },
+    "toPayPalAccount": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "PayPal payout option",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "to-pay-pal-account",
+      "reflect": false,
+      "defaultValue": "\"PayPal (2% processing fee capped to {feeCap})\""
+    },
+    "paymentScheduleBalanceThreshold": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Threshold balance payment schedule option",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "payment-schedule-balance-threshold",
+      "reflect": false,
+      "defaultValue": "\"Pay me when my balance reaches a threshold\""
+    },
+    "paymentScheduleFixedDay": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Fixed day payment schedule option",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "payment-schedule-fixed-day",
+      "reflect": false,
+      "defaultValue": "\"Pay me on a fixed day of the month\""
+    },
+    "paymentDaySelectLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Payment day field label",
+            "name": "uiName"
+          }],
+        "text": "Let the participant choose what day of the month they\u2019ll get paid"
+      },
+      "attribute": "payment-day-select-label",
+      "reflect": false,
+      "defaultValue": "\"Payment Day\""
+    },
+    "paymentThresholdSelectLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Payment threshold field label",
+            "name": "uiName"
+          }],
+        "text": "Participant use this field to select the balance at which they want to be paid"
+      },
+      "attribute": "payment-threshold-select-label",
+      "reflect": false,
+      "defaultValue": "\"Payment Threshold\""
+    },
+    "paymentDayFirstOfMonthLabelText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "First of month payday option",
+            "name": "uiName"
+          }],
+        "text": "One of two payment day options"
+      },
+      "attribute": "payment-day-first-of-month-label-text",
+      "reflect": false,
+      "defaultValue": "\"1st of the month\""
+    },
+    "paymentDayFifteenthOfMonthLabelText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Fifteenth of month payday option",
+            "name": "uiName"
+          }],
+        "text": "Label text for the payment day select option for the fifteenth of the month"
+      },
+      "attribute": "payment-day-fifteenth-of-month-label-text",
+      "reflect": false,
+      "defaultValue": "\"15th of the month\""
+    },
+    "paymentMethod": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Payment method section header",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "payment-method",
+      "reflect": false,
+      "defaultValue": "\"Payment method\""
+    },
+    "paymentSchedule": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Payment schedule section header",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "payment-schedule",
+      "reflect": false,
+      "defaultValue": "\"Payment schedule\""
+    },
+    "paymentMethodSubtext": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Payment method section description",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "payment-method-subtext",
+      "reflect": false,
+      "defaultValue": "\"Payouts will be sent from our referral program provider, impact.com.\""
+    },
+    "payPalInputLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "PayPal email field label",
+            "name": "uiName"
+          }],
+        "text": "Displayed to participants who choose PayPal as their payout method"
+      },
+      "attribute": "pay-pal-input-label",
+      "reflect": false,
+      "defaultValue": "\"PayPal email\""
+    },
+    "bankLocationLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank country field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "bank-location-label",
+      "reflect": false,
+      "defaultValue": "\"Bank country location\""
+    },
+    "beneficiaryAccountNameLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Beneficiary account field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "beneficiary-account-name-label",
+      "reflect": false,
+      "defaultValue": "\"Account holder name\""
+    },
+    "beneficiaryAccountNameDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Beneficiary account field description",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "beneficiary-account-name-description",
+      "reflect": false,
+      "defaultValue": "\"The beneficiary name of your bank account. Ensure this matches the name on your tax form.\""
+    },
+    "bankAccountTypeLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank account type field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "bank-account-type-label",
+      "reflect": false,
+      "defaultValue": "\"Bank account type\""
+    },
+    "checkingSelectItemLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Checking account option",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "checking-select-item-label",
+      "reflect": false,
+      "defaultValue": "\"Checking\""
+    },
+    "savingsSelectItemLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Savings account options",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "savings-select-item-label",
+      "reflect": false,
+      "defaultValue": "\"Savings\""
+    },
+    "bankAccountNumberLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank account number field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "bank-account-number-label",
+      "reflect": false,
+      "defaultValue": "\"Bank account number\""
+    },
+    "ibanLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "IBAN field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "iban-label",
+      "reflect": false,
+      "defaultValue": "\"IBAN\""
+    },
+    "swiftCodeLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "SWIFT code field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "swift-code-label",
+      "reflect": false,
+      "defaultValue": "\"SWIFT code\""
+    },
+    "routingCodeLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Routing code field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "routing-code-label",
+      "reflect": false,
+      "defaultValue": "\"{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} }\""
+    },
+    "bankNameLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank name field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "bank-name-label",
+      "reflect": false,
+      "defaultValue": "\"Bank Name\""
+    },
+    "classificationEntityLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Classification entity field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "classification-entity-label",
+      "reflect": false,
+      "defaultValue": "\"Classification Entity\""
+    },
+    "businessSelectItemLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Business classification option",
+            "name": "uiName"
+          }],
+        "text": "One of three options listed for the classification field"
+      },
+      "attribute": "business-select-item-label",
+      "reflect": false,
+      "defaultValue": "\"Business\""
+    },
+    "individualSelectItemLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Individual classification option",
+            "name": "uiName"
+          }],
+        "text": "One of three options listed for the classification field"
+      },
+      "attribute": "individual-select-item-label",
+      "reflect": false,
+      "defaultValue": "\"Individual\""
+    },
+    "foreignSelectItemLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Foreign classification option",
+            "name": "uiName"
+          }],
+        "text": "One of three options listed for the classification field"
+      },
+      "attribute": "foreign-select-item-label",
+      "reflect": false,
+      "defaultValue": "\"Foreign\""
+    },
+    "classificationCPFLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Classification CPF field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "classification-c-p-f-label",
+      "reflect": false,
+      "defaultValue": "\"Classification CPF\""
+    },
+    "patronymicNameLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Patronymic name field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "patronymic-name-label",
+      "reflect": false,
+      "defaultValue": "\"Patronymic name\""
+    },
+    "voCodeLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "VO code field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "vo-code-label",
+      "reflect": false,
+      "defaultValue": "\"VO code\""
+    },
+    "agencyCodeLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Agency code field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "agency-code-label",
+      "reflect": false,
+      "defaultValue": "\"Agency code\""
+    },
+    "branchCodeLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Branch code field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "branch-code-label",
+      "reflect": false,
+      "defaultValue": "\"Branch code\""
+    },
+    "classificationLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Classification field label",
+            "name": "uiName"
+          }],
+        "text": "Label text for the classification input field"
+      },
+      "attribute": "classification-label",
+      "reflect": false,
+      "defaultValue": "\"Classification\""
+    },
+    "taxPayerIdLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Taxpayer ID field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "tax-payer-id-label",
+      "reflect": false,
+      "defaultValue": "\"{country, select, AR {CUIT/CUIL} KR {Classification ID} other { Beneficiary INN } }\""
+    },
+    "bankAddressLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank address field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "bank-address-label",
+      "reflect": false,
+      "defaultValue": "\"Bank address\""
+    },
+    "bankCityLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank city field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "bank-city-label",
+      "reflect": false,
+      "defaultValue": "\"Bank city\""
+    },
+    "bankStateLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank province/state field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "bank-state-label",
+      "reflect": false,
+      "defaultValue": "\"Bank province/state\""
+    },
+    "bankPostalCodeLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank postal code field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "bank-postal-code-label",
+      "reflect": false,
+      "defaultValue": "\"Bank postal code\""
+    },
+    "eftWithdrawalLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "EFT withdrawal payment method",
+            "name": "uiName"
+          }],
+        "text": "Default payment method to the participants\u2019 bank account."
+      },
+      "attribute": "eft-withdrawal-label",
+      "reflect": false,
+      "defaultValue": "\"EFT withdrawal (free)\""
+    },
+    "fxWireProcessingFeeLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "FX Wire Processing fee text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "fx-wire-processing-fee-label",
+      "reflect": false,
+      "defaultValue": "\"FX Wire (Processing Fee {currency}{defaultFxFee}.00)\""
+    },
+    "searchForCountryText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Country field placeholder text",
+            "name": "uiName"
+          }],
+        "text": "Placeholder text displayed in the country search dropdown"
+      },
+      "attribute": "search-for-country-text",
+      "reflect": false,
+      "defaultValue": "\"Search for country..\""
+    },
+    "isPartnerAlertHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Participant is a partner alert title",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com."
+      },
+      "attribute": "is-partner-alert-header",
+      "reflect": false,
+      "defaultValue": "\"An account with this email already exists with our referral program provider, impact.com\""
+    },
+    "isPartnerAlertDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Participant is a partner alert description",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com."
+      },
+      "attribute": "is-partner-alert-description",
+      "reflect": false,
+      "defaultValue": "\"If you don\u2019t recognize this referral program provider or believe this is a mistake, please contact our {supportLink} or sign up for this referral program with a different email.\""
+    },
+    "verifyEmailHeaderText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Verify email header",
+            "name": "uiName"
+          }],
+        "text": "Text for verify email dialog"
+      },
+      "attribute": "verify-email-header-text",
+      "reflect": false,
+      "defaultValue": "\"Verify your email\""
+    },
+    "verifyEmailDescriptionText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Verify code widget header text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "verify-email-description-text",
+      "reflect": false,
+      "defaultValue": "\"Verify your email to update your payment settings. Enter the code sent to {email} from our referral provider, impact.com.\""
+    },
+    "generalErrorTitle": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Form submission error message title",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Part of the alert displayed at the top of the page."
+      },
+      "attribute": "general-error-title",
+      "reflect": false,
+      "defaultValue": "\"There was a problem submitting your information\""
+    },
+    "generalErrorDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Form submission error message description",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Part of the alert displayed at the top of the page."
+      },
+      "attribute": "general-error-description",
+      "reflect": false,
+      "defaultValue": "\"Please review your information and try again. If this problem continues, contact our {supportLink}.\""
+    },
+    "fieldRequiredError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Empty form field error message",
+            "name": "uiName"
+          }],
+        "text": "Displayed under a field that is missing required information."
+      },
+      "attribute": "field-required-error",
+      "reflect": false,
+      "defaultValue": "\"{fieldName} is required\""
+    },
+    "fieldInvalidError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Form field error message",
+            "name": "uiName"
+          }],
+        "text": "Displayed under a field when it has an invalid entry."
+      },
+      "attribute": "field-invalid-error",
+      "reflect": false,
+      "defaultValue": "\"{fieldName} is invalid\""
+    },
+    "supportLink": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Support link text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "support-link",
+      "reflect": false,
+      "defaultValue": "\"support team\""
+    },
+    "continueButton": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Continue button label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "continue-button",
+      "reflect": false,
+      "defaultValue": "\"Save\""
+    },
+    "backButton": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Back button label",
+            "name": "uiName"
+          }],
+        "text": "Text for the back button in the form"
+      },
+      "attribute": "back-button",
+      "reflect": false,
+      "defaultValue": "\"Back\""
+    },
+    "loadingErrorAlertHeader": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Page load error message title",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Part of the alert displayed at the top of the page."
+      },
+      "attribute": "loading-error-alert-header",
+      "reflect": false,
+      "defaultValue": "\"There was a problem loading your form\""
+    },
+    "loadingErrorAlertDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Page load error message description",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Part of the alert displayed at the top of the page."
+      },
+      "attribute": "loading-error-alert-description",
+      "reflect": false,
+      "defaultValue": "\"Please refresh the page and try again. If this problem continues, contact Support.\""
+    },
+    "modalTitle": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Information modal title",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "modal-title",
+      "reflect": false,
+      "defaultValue": "\"Important Note\""
+    },
+    "modalDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Information modal description text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "modal-description",
+      "reflect": false,
+      "defaultValue": "\"Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.\""
+    },
+    "modalButtonText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Information modal button text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "modal-button-text",
+      "reflect": false,
+      "defaultValue": "\"I understand, update my information\""
+    },
+    "demoData": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "DemoData<BankingInfoFormViewProps>",
+        "resolved": "{ states?: { showVerification: boolean; 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; email?: string; showModal: boolean; }; slots?: { verificationDialogSlot?: VNode; formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; refs?: { formRef: any; }; }",
+        "references": {
+          "DemoData": {
+            "location": "import",
+            "path": "../../../global/demo"
+          },
+          "BankingInfoFormViewProps": {
+            "location": "import",
+            "path": "./sqm-banking-info-form-view"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "undocumented"
+          }, {
+            "text": "object",
+            "name": "uiType"
+          }],
+        "text": ""
+      }
+    }
+  }; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}
+function useDemoBankingInfoForm(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+  const defaultPaymentMethodChecked = (_c = (_b = (_a = props.demoData) === null || _a === void 0 ? void 0 : _a.states) === null || _b === void 0 ? void 0 : _b.formState) === null || _c === void 0 ? void 0 : _c.paymentMethodChecked;
+  const defaultPaymentScheduleChecked = (_f = (_e = (_d = props.demoData) === null || _d === void 0 ? void 0 : _d.states) === null || _e === void 0 ? void 0 : _e.formState) === null || _f === void 0 ? void 0 : _f.paymentScheduleChecked;
+  const defaultCurrency = (_h = (_g = props.demoData) === null || _g === void 0 ? void 0 : _g.states) === null || _h === void 0 ? void 0 : _h.currency;
+  const defaultCountry = (_l = (_k = (_j = props.demoData) === null || _j === void 0 ? void 0 : _j.states) === null || _k === void 0 ? void 0 : _k.formState) === null || _l === void 0 ? void 0 : _l.bankCountry;
+  const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
+  const [paymentMethodChecked, setPaymentMethodChecked] = useState(undefined);
+  const [paymentScheduleChecked, setPaymentScheduleChecked] = useState(undefined);
+  const [currency, setCurrency] = useState(defaultCurrency);
+  const [bankCountry, setBankCountry] = useState(defaultCountry);
+  const currentPaymentOption = (_m = mockPaymentOptions[currency]) === null || _m === void 0 ? void 0 : _m.find((paymentOption) => {
+    if (paymentOption.countryCode === bankCountry)
+      return true;
+    return false;
+  });
+  const bitset = (currentPaymentOption === null || currentPaymentOption === void 0 ? void 0 : currentPaymentOption.withdrawalSettingId) || ((_p = (_o = props.demoData) === null || _o === void 0 ? void 0 : _o.states) === null || _p === void 0 ? void 0 : _p.bitset) ||
+    0;
+  useEffect(() => {
+    if (defaultPaymentMethodChecked !== paymentMethodChecked)
+      setPaymentMethodChecked(defaultPaymentMethodChecked);
+    if (defaultPaymentScheduleChecked !== paymentScheduleChecked)
+      setPaymentScheduleChecked(defaultPaymentScheduleChecked);
+    if (defaultCurrency !== currency)
+      setCurrency(defaultCurrency);
+    if (defaultCountry !== bankCountry)
+      setBankCountry(defaultCountry);
+  }, [defaultPaymentMethodChecked, defaultCurrency, defaultCountry]);
+  const feeCap = paypalFeeMap[currency] || "";
+  const paymentMethodFeeMap = {
+    ACH: props.eftWithdrawalLabel,
+    WIRE: intl.formatMessage({ id: "fxWireText", defaultMessage: props.fxWireProcessingFeeLabel }, {
+      currency,
+      defaultFxFee: (currentPaymentOption === null || currentPaymentOption === void 0 ? void 0 : currentPaymentOption.defaultFxFee) || "0",
+    }),
+  };
+  const paymentMethodFeeLabel = paymentMethodFeeMap[currentPaymentOption === null || currentPaymentOption === void 0 ? void 0 : currentPaymentOption.defaultFinancePaymentMethodId];
+  return deepmerge({
+    states: {
+      step: "4",
+      isPartner: false,
+      disabled: false,
+      loading: false,
+      saveLoading: false,
+      hideSteps: false,
+      hideBackButton: false,
+      feeCap,
+      thresholds: [],
+      paymentMethodFeeLabel,
+      formState: {
+        paymentMethodChecked,
+        paymentScheduleChecked,
+        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,
+          bankState: false,
+          bankPostalCode: false,
+          branchCode: false,
+          paymentThreshold: false,
+          paymentDay: false,
+        },
+      },
+      bitset,
+      bankCountry,
+      currency,
+      setCurrency,
+      hasPayPal: true,
+      showModal: false,
+    },
+    callbacks: {
+      onVerificationHide: () => { },
+      onSubmit: async () => {
+        setStep("/dashboard");
+      },
+      setBankCountry,
+      setPaymentMethodChecked,
+      setPaymentScheduleChecked,
+      setCountrySearch: () => { },
+      onBack: async () => setStep("/dashboard"),
+      onVerification: () => { },
+      onModalOpen: () => { },
+      onModalClose: () => { },
+    },
+    text: props.getTextProps(),
+    refs: {
+      formRef: { current: null },
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}