@saasquatch/mint-components 2.3.0-1 → 2.3.0-2

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

@@ -0,0 +1,2579 @@
+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";
+    /**
+     * @uiName Branch name field label
+     */
+    this.branchNameLabel = "Branch name";
+    /**
+     * Label text for the classification input field
+     * @uiName Classification field label
+     */
+    this.classificationLabel = "Classification";
+    /**
+     * @uiName Classification code field label
+     */
+    this.classificationCodeLabel = "KBE code";
+    /**
+     * @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";
+    // ──────────────────────────────────────────────────────────────────
+    // Per-field validation error messages
+    // Each prop uses ICU select on {errorCode} to pick the right message.
+    // Error codes are short frontend keys mapped from the API error codes.
+    // The `other` branch displays the raw API message directly via {errorCode},
+    // which is already human-readable English (e.g. "Invalid Routing Code").
+    // ──────────────────────────────────────────────────────────────────
+    /**
+     * Error messages for the beneficiary / account holder name field.
+     * Supports error codes: empty, invalidCharacters, numeric, tooLong,
+     * nonEnglish, businessNameMismatch, nameMismatch, businessPayeeMismatch, payeeMismatch
+     * @uiName Beneficiary account name error
+     * @uiWidget textArea
+     */
+    this.beneficiaryAccountNameError = "{errorCode, select, empty {Account holder name is required} invalidCharacters {Account holder name contains invalid characters} numeric {Account holder name cannot be purely numeric} tooLong {Account holder name must be 70 characters or fewer} nonEnglish {Account holder name must contain only English characters for this currency} businessNameMismatch {Beneficiary name must match the name on your tax document} nameMismatch {Beneficiary name must match the name on your tax document} businessPayeeMismatch {Payee name must match the name on your tax document} payeeMismatch {Payee name must match the name on your tax document} other {{errorCode}}}";
+    /**
+     * Error messages for the bank account number / IBAN field.
+     * Supports error codes: empty, invalidUk, invalid, ibanEmpty,
+     * ibanAlphanumeric, ibanInvalid, ibanCountryMismatch
+     * @uiName Bank account number / IBAN error
+     * @uiWidget textArea
+     */
+    this.bankAccountNumberError = "{errorCode, select, empty {Account number is required} invalidUk {Please enter a valid UK account number} invalid {Account number is invalid} ibanEmpty {IBAN is required} ibanAlphanumeric {IBAN must contain only letters and numbers} ibanInvalid {IBAN is invalid} ibanCountryMismatch {UK accounts must use an IBAN starting with GB} other {{errorCode}}}";
+    /**
+     * Error messages for the routing code / sort code / BSB field.
+     * Supports error codes: invalidBsb, invalidSortCode, empty, invalid
+     * @uiName Routing code error
+     * @uiWidget textArea
+     */
+    this.routingCodeError = "{errorCode, select, invalidBsb {Please enter a valid BSB number} invalidSortCode {Please enter a valid sort code} empty {Routing number is required} invalid {Routing number is invalid} other {{errorCode}}}";
+    /**
+     * Error messages for the SWIFT / BIC code field.
+     * Supports error codes: empty, alphanumeric, invalid
+     * @uiName SWIFT code error
+     * @uiWidget textArea
+     */
+    this.swiftCodeError = "{errorCode, select, empty {SWIFT/BIC code is required} alphanumeric {SWIFT/BIC code must contain only letters and numbers} invalid {SWIFT/BIC code is invalid} other {{errorCode}}}";
+    /**
+     * Error messages for the bank account type field.
+     * Supports error codes: empty
+     * @uiName Bank account type error
+     * @uiWidget textArea
+     */
+    this.bankAccountTypeError = "{errorCode, select, empty {Bank account type is required} other {{errorCode}}}";
+    /**
+     * Error messages for the bank name field.
+     * Supports error codes: empty
+     * @uiName Bank name error
+     * @uiWidget textArea
+     */
+    this.bankNameError = "{errorCode, select, empty {Bank name is required} other {{errorCode}}}";
+    /**
+     * Error messages for the tax payer ID / classification entity field.
+     * Supports error codes: empty, emptyAr, emptyKr, alphanumeric, alphanumericAr,
+     * alphanumericKr, invalid, invalidAr, invalidKr, invalidKzt, cnpjTooShort, cpfTooShort
+     * @uiName Tax payer ID error
+     * @uiWidget textArea
+     */
+    this.taxPayerIdError = "{errorCode, select, empty {Tax payer ID is required} emptyAr {CUIT/CUIL is required} emptyKr {Classification ID is required} alphanumeric {Tax payer ID must contain only letters and numbers} alphanumericAr {CUIT/CUIL must contain only letters and numbers} alphanumericKr {Classification ID must contain only letters and numbers} invalid {Tax payer ID is invalid} invalidAr {CUIT/CUIL must be 11 characters} invalidKr {Classification ID length is invalid} invalidKzt {Tax payer ID must be 12 characters for KZT} cnpjTooShort {CNPJ must be at least 14 characters} cpfTooShort {CPF must be at least 11 characters} other {{errorCode}}}";
+    /**
+     * Error messages for the patronymic name field.
+     * Supports error codes: empty, alphanumeric
+     * @uiName Patronymic name error
+     * @uiWidget textArea
+     */
+    this.patronymicNameError = "{errorCode, select, empty {Patronymic name is required} alphanumeric {Patronymic name must contain only letters and numbers} other {{errorCode}}}";
+    /**
+     * Error messages for the VO code field.
+     * Supports error codes: empty, alphanumeric
+     * @uiName VO code error
+     * @uiWidget textArea
+     */
+    this.voCodeError = "{errorCode, select, empty {VO code is required} alphanumeric {VO code must contain only letters and numbers} other {{errorCode}}}";
+    /**
+     * Error messages for the agency code field.
+     * Supports error codes: empty, alphanumeric, tooShort
+     * @uiName Agency code error
+     * @uiWidget textArea
+     */
+    this.agencyCodeError = "{errorCode, select, empty {Agency code is required} alphanumeric {Agency code must contain only letters and numbers} tooShort {Agency code must be at least 5 characters} other {{errorCode}}}";
+    /**
+     * Error messages for the bank address field.
+     * Supports error codes: empty
+     * @uiName Bank address error
+     * @uiWidget textArea
+     */
+    this.bankAddressError = "{errorCode, select, empty {Bank address is required} other {{errorCode}}}";
+    /**
+     * Error messages for the bank city field.
+     * Supports error codes: empty
+     * @uiName Bank city error
+     * @uiWidget textArea
+     */
+    this.bankCityError = "{errorCode, select, empty {Bank city is required} other {{errorCode}}}";
+    /**
+     * Error messages for the bank province/state field.
+     * Supports error codes: empty
+     * @uiName Bank province/state error
+     * @uiWidget textArea
+     */
+    this.bankStateError = "{errorCode, select, empty {Bank province/state is required} other {{errorCode}}}";
+    /**
+     * Error messages for the bank postal code field.
+     * Supports error codes: empty
+     * @uiName Bank postal code error
+     * @uiWidget textArea
+     */
+    this.bankPostalCodeError = "{errorCode, select, empty {Bank postal code is required} other {{errorCode}}}";
+    /**
+     * Error messages for the branch code field.
+     * Supports error codes: invalid
+     * @uiName Branch code error
+     * @uiWidget textArea
+     */
+    this.branchCodeError = "{errorCode, select, invalid {Branch code is invalid} other {{errorCode}}}";
+    /**
+     * Error messages for the branch name field.
+     * Supports error codes: empty
+     * @uiName Branch name error
+     * @uiWidget textArea
+     */
+    this.branchNameError = "{errorCode, select, empty {Branch name is required} other {{errorCode}}}";
+    /**
+     * Error messages for the classification code field.
+     * Supports error codes: empty, invalidKzt
+     * @uiName Classification code error
+     * @uiWidget textArea
+     */
+    this.classificationCodeError = "{errorCode, select, empty {Classification code is required} invalidKzt {Classification code must be exactly 2 characters} other {{errorCode}}}";
+    /**
+     * Error messages for the PayPal email field.
+     * Supports error codes: empty, unsupportedCurrency, invalidEmail, verificationIncomplete
+     * @uiName PayPal email error
+     * @uiWidget textArea
+     */
+    this.paypalEmailError = "{errorCode, select, empty {PayPal email is required} unsupportedCurrency {PayPal is not supported for this currency} invalidEmail {Please enter a valid email address} verificationIncomplete {PayPal verification is not complete} other {{errorCode}}}";
+    /**
+     * Error messages for the payment threshold field.
+     * Supports error codes: empty, invalid
+     * @uiName Payment threshold error
+     * @uiWidget textArea
+     */
+    this.paymentThresholdError = "{errorCode, select, empty {Payment threshold is required} invalid {Payment threshold is invalid} other {{errorCode}}}";
+    /**
+     * Error messages for the payment day field.
+     * Supports error codes: empty, invalid
+     * @uiName Payment day error
+     * @uiWidget textArea
+     */
+    this.paymentDayError = "{errorCode, select, empty {Payment day is required} invalid {Payment day must be the 1st or the 15th} other {{errorCode}}}";
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  getTextProps() {
+    const props = getProps(this);
+    return {
+      ...props,
+      error: {
+        generalTitle: props.generalErrorTitle,
+        generalDescription: props.generalErrorDescription,
+        loadingErrorAlertDescription: props.loadingErrorAlertDescription,
+        loadingErrorAlertHeader: props.loadingErrorAlertHeader,
+      },
+      errorMessages: {
+        beneficiaryAccountName: props.beneficiaryAccountNameError,
+        bankAccountNumber: props.bankAccountNumberError,
+        routingCode: props.routingCodeError,
+        swiftCode: props.swiftCodeError,
+        bankAccountType: props.bankAccountTypeError,
+        bankName: props.bankNameError,
+        taxPayerId: props.taxPayerIdError,
+        patronymicName: props.patronymicNameError,
+        voCode: props.voCodeError,
+        agencyCode: props.agencyCodeError,
+        bankAddress: props.bankAddressError,
+        bankCity: props.bankCityError,
+        bankState: props.bankStateError,
+        bankPostalCode: props.bankPostalCodeError,
+        branchCode: props.branchCodeError,
+        branchName: props.branchNameError,
+        beneficiaryClassification: props.classificationCodeError,
+        paypalEmailAddress: props.paypalEmailError,
+        paymentThreshold: props.paymentThresholdError,
+        paymentDay: props.paymentDayError,
+      },
+    };
+  }
+  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, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10;
+    const props = isDemo()
+      ? useDemoBankingInfoForm(this)
+      : useBankingInfoForm(this);
+    const { errors } = props.states.formState;
+    const fieldRequiredError = this.fieldRequiredError;
+    const fieldInvalidError = this.fieldInvalidError;
+    function getValidationErrorMessage({ type, label, errorCode, fieldName, }) {
+      var _a;
+      // If we have a specific error code from the API, try to use
+      // the per-field ICU error message template for a rich message
+      if (type === "invalid" && errorCode && fieldName) {
+        const errorTemplate = (_a = props.text.errorMessages) === null || _a === void 0 ? void 0 : _a[fieldName];
+        if (errorTemplate) {
+          return intl.formatMessage({
+            id: `fieldError-${fieldName}-${errorCode}`,
+            defaultMessage: errorTemplate,
+          }, {
+            errorCode,
+            fieldName: 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,
+              errorCode: (_e = (_d = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _d === void 0 ? void 0 : _d.bankCountry) === null || _e === void 0 ? void 0 : _e.errorCode,
+              fieldName: "bankCountry",
+            }),
+          })),
+            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);
+              } }), (_f = props.states.countries) === null || _f === void 0 ? void 0 :
+            _f.map((country) => {
+              return (h("sl-menu-item", { value: country.countryCode }, country.displayName));
+            }), (_h = (_g = props.states) === null || _g === void 0 ? void 0 : _g.allCountries) === null || _h === void 0 ? void 0 :
+            _h.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: ((_k = (_j = props.states) === null || _j === void 0 ? void 0 : _j.formState) === null || _k === void 0 ? void 0 : _k.paymentThreshold) || "" }, (((_l = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _l === void 0 ? void 0 : _l.paymentThreshold) && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: (_o = (_m = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _m === void 0 ? void 0 : _m.paymentThreshold) === null || _o === void 0 ? void 0 : _o.type,
+              label: props.text.paymentThresholdSelectLabel,
+              errorCode: (_q = (_p = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _p === void 0 ? void 0 : _p.paymentThreshold) === null || _q === void 0 ? void 0 : _q.errorCode,
+              fieldName: "paymentThreshold",
+            }),
+          })), 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: ((_s = (_r = props.states) === null || _r === void 0 ? void 0 : _r.formState) === null || _s === void 0 ? void 0 : _s.paymentDay) || "", name: "/paymentDay", id: "paymentDay" }, (((_t = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _t === void 0 ? void 0 : _t.paymentDay) && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: (_v = (_u = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _u === void 0 ? void 0 : _u.paymentDay) === null || _v === void 0 ? void 0 : _v.type,
+              label: props.text.paymentDaySelectLabel,
+              errorCode: (_x = (_w = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _w === void 0 ? void 0 : _w.paymentDay) === null || _x === void 0 ? void 0 : _x.errorCode,
+              fieldName: "paymentDay",
+            }),
+          })),
+            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: ((_z = (_y = props.states) === null || _y === void 0 ? void 0 : _y.formState) === null || _z === void 0 ? void 0 : _z.paypalEmailAddress) || "", label: props.text.payPalInputLabel, key: "paypalEmailAddress", name: "/paypalEmailAddress", id: "paypalEmailAddress", type: "text" }, (((_2 = (_1 = (_0 = props.states.formState) === null || _0 === void 0 ? void 0 : _0.errors) === null || _1 === void 0 ? void 0 : _1.inputErrors) === null || _2 === void 0 ? void 0 : _2.paypalEmailAddress) && {
+            class: "error-input",
+            helpText: getValidationErrorMessage({
+              type: (_6 = (_5 = (_4 = (_3 = props.states.formState) === null || _3 === void 0 ? void 0 : _3.errors) === null || _4 === void 0 ? void 0 : _4.inputErrors) === null || _5 === void 0 ? void 0 : _5.paypalEmailAddress) === null || _6 === void 0 ? void 0 : _6.type,
+              label: props.text.payPalInputLabel,
+              errorCode: (_10 = (_9 = (_8 = (_7 = props.states.formState) === null || _7 === void 0 ? void 0 : _7.errors) === null || _8 === void 0 ? void 0 : _8.inputErrors) === null || _9 === void 0 ? void 0 : _9.paypalEmailAddress) === null || _10 === void 0 ? void 0 : _10.errorCode,
+              fieldName: "paypalEmailAddress",
+            }),
+          })))),
+        } })));
+  }
+  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\""
+    },
+    "branchNameLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Branch name field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "branch-name-label",
+      "reflect": false,
+      "defaultValue": "\"Branch name\""
+    },
+    "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\""
+    },
+    "classificationCodeLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Classification code field label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "classification-code-label",
+      "reflect": false,
+      "defaultValue": "\"KBE code\""
+    },
+    "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\""
+    },
+    "beneficiaryAccountNameError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Beneficiary account name error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the beneficiary / account holder name field.\nSupports error codes: empty, invalidCharacters, numeric, tooLong,\nnonEnglish, businessNameMismatch, nameMismatch, businessPayeeMismatch, payeeMismatch"
+      },
+      "attribute": "beneficiary-account-name-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Account holder name is required} invalidCharacters {Account holder name contains invalid characters} numeric {Account holder name cannot be purely numeric} tooLong {Account holder name must be 70 characters or fewer} nonEnglish {Account holder name must contain only English characters for this currency} businessNameMismatch {Beneficiary name must match the name on your tax document} nameMismatch {Beneficiary name must match the name on your tax document} businessPayeeMismatch {Payee name must match the name on your tax document} payeeMismatch {Payee name must match the name on your tax document} other {{errorCode}}}\""
+    },
+    "bankAccountNumberError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank account number / IBAN error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the bank account number / IBAN field.\nSupports error codes: empty, invalidUk, invalid, ibanEmpty,\nibanAlphanumeric, ibanInvalid, ibanCountryMismatch"
+      },
+      "attribute": "bank-account-number-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Account number is required} invalidUk {Please enter a valid UK account number} invalid {Account number is invalid} ibanEmpty {IBAN is required} ibanAlphanumeric {IBAN must contain only letters and numbers} ibanInvalid {IBAN is invalid} ibanCountryMismatch {UK accounts must use an IBAN starting with GB} other {{errorCode}}}\""
+    },
+    "routingCodeError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Routing code error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the routing code / sort code / BSB field.\nSupports error codes: invalidBsb, invalidSortCode, empty, invalid"
+      },
+      "attribute": "routing-code-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, invalidBsb {Please enter a valid BSB number} invalidSortCode {Please enter a valid sort code} empty {Routing number is required} invalid {Routing number is invalid} other {{errorCode}}}\""
+    },
+    "swiftCodeError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "SWIFT code error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the SWIFT / BIC code field.\nSupports error codes: empty, alphanumeric, invalid"
+      },
+      "attribute": "swift-code-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {SWIFT/BIC code is required} alphanumeric {SWIFT/BIC code must contain only letters and numbers} invalid {SWIFT/BIC code is invalid} other {{errorCode}}}\""
+    },
+    "bankAccountTypeError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank account type error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the bank account type field.\nSupports error codes: empty"
+      },
+      "attribute": "bank-account-type-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Bank account type is required} other {{errorCode}}}\""
+    },
+    "bankNameError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank name error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the bank name field.\nSupports error codes: empty"
+      },
+      "attribute": "bank-name-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Bank name is required} other {{errorCode}}}\""
+    },
+    "taxPayerIdError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Tax payer ID error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the tax payer ID / classification entity field.\nSupports error codes: empty, emptyAr, emptyKr, alphanumeric, alphanumericAr,\nalphanumericKr, invalid, invalidAr, invalidKr, invalidKzt, cnpjTooShort, cpfTooShort"
+      },
+      "attribute": "tax-payer-id-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Tax payer ID is required} emptyAr {CUIT/CUIL is required} emptyKr {Classification ID is required} alphanumeric {Tax payer ID must contain only letters and numbers} alphanumericAr {CUIT/CUIL must contain only letters and numbers} alphanumericKr {Classification ID must contain only letters and numbers} invalid {Tax payer ID is invalid} invalidAr {CUIT/CUIL must be 11 characters} invalidKr {Classification ID length is invalid} invalidKzt {Tax payer ID must be 12 characters for KZT} cnpjTooShort {CNPJ must be at least 14 characters} cpfTooShort {CPF must be at least 11 characters} other {{errorCode}}}\""
+    },
+    "patronymicNameError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Patronymic name error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the patronymic name field.\nSupports error codes: empty, alphanumeric"
+      },
+      "attribute": "patronymic-name-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Patronymic name is required} alphanumeric {Patronymic name must contain only letters and numbers} other {{errorCode}}}\""
+    },
+    "voCodeError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "VO code error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the VO code field.\nSupports error codes: empty, alphanumeric"
+      },
+      "attribute": "vo-code-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {VO code is required} alphanumeric {VO code must contain only letters and numbers} other {{errorCode}}}\""
+    },
+    "agencyCodeError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Agency code error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the agency code field.\nSupports error codes: empty, alphanumeric, tooShort"
+      },
+      "attribute": "agency-code-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Agency code is required} alphanumeric {Agency code must contain only letters and numbers} tooShort {Agency code must be at least 5 characters} other {{errorCode}}}\""
+    },
+    "bankAddressError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank address error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the bank address field.\nSupports error codes: empty"
+      },
+      "attribute": "bank-address-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Bank address is required} other {{errorCode}}}\""
+    },
+    "bankCityError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank city error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the bank city field.\nSupports error codes: empty"
+      },
+      "attribute": "bank-city-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Bank city is required} other {{errorCode}}}\""
+    },
+    "bankStateError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank province/state error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the bank province/state field.\nSupports error codes: empty"
+      },
+      "attribute": "bank-state-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Bank province/state is required} other {{errorCode}}}\""
+    },
+    "bankPostalCodeError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Bank postal code error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the bank postal code field.\nSupports error codes: empty"
+      },
+      "attribute": "bank-postal-code-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Bank postal code is required} other {{errorCode}}}\""
+    },
+    "branchCodeError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Branch code error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the branch code field.\nSupports error codes: invalid"
+      },
+      "attribute": "branch-code-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, invalid {Branch code is invalid} other {{errorCode}}}\""
+    },
+    "branchNameError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Branch name error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the branch name field.\nSupports error codes: empty"
+      },
+      "attribute": "branch-name-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Branch name is required} other {{errorCode}}}\""
+    },
+    "classificationCodeError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Classification code error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the classification code field.\nSupports error codes: empty, invalidKzt"
+      },
+      "attribute": "classification-code-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Classification code is required} invalidKzt {Classification code must be exactly 2 characters} other {{errorCode}}}\""
+    },
+    "paypalEmailError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "PayPal email error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the PayPal email field.\nSupports error codes: empty, unsupportedCurrency, invalidEmail, verificationIncomplete"
+      },
+      "attribute": "paypal-email-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {PayPal email is required} unsupportedCurrency {PayPal is not supported for this currency} invalidEmail {Please enter a valid email address} verificationIncomplete {PayPal verification is not complete} other {{errorCode}}}\""
+    },
+    "paymentThresholdError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Payment threshold error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the payment threshold field.\nSupports error codes: empty, invalid"
+      },
+      "attribute": "payment-threshold-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Payment threshold is required} invalid {Payment threshold is invalid} other {{errorCode}}}\""
+    },
+    "paymentDayError": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Payment day error",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": "Error messages for the payment day field.\nSupports error codes: empty, invalid"
+      },
+      "attribute": "payment-day-error",
+      "reflect": false,
+      "defaultValue": "\"{errorCode, select, empty {Payment day is required} invalid {Payment day must be the 1st or the 15th} other {{errorCode}}}\""
+    },
+    "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\"; errorCode?: string; }; }; }; }; 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 });
+}