@saasquatch/mint-components 1.8.0-99 → 1.8.0

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

@@ -1,15 +1,15 @@
-import { isDemo } from "@saasquatch/component-boilerplate";
+import { isDemo, useSetParent } from "@saasquatch/component-boilerplate";
 import { useState, withHooks } from "@saasquatch/stencil-hooks";
 import { useEffect } from "@saasquatch/universal-hooks";
 import { Component, Host, Prop, State, h } from "@stencil/core";
 import deepmerge from "deepmerge";
+import { intl } from "../../../global/global";
 import { getProps } from "../../../utils/utils";
+import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
+import { getFormMap } from "./formDefinitions";
 import { mockPaymentOptions } from "./mockData";
 import { BankingInfoFormView, } from "./sqm-banking-info-form-view";
-import { getFormInputs, getFormMap, paypalFeeMap, useBankingInfoForm, } from "./useBankingInfoForm";
-import { intl } from "../../../global/global";
-import { useParent } from "../../../utils/useParentState";
-import { TAX_CONTEXT_NAMESPACE } from "../sqm-tax-and-cash/data";
+import { getFormInputs, paypalFeeMap, useBankingInfoForm, } from "./useBankingInfoForm";
 /**
  * @uiName Banking Information Form
  * @exampleGroup Common Components
@@ -19,207 +19,178 @@ export class BankingInfoForm {
   constructor() {
     this.ignored = true;
     /**
-     * Subtext shown at the top of the page, used to show the current step of the tax form.
-     * @uiName Form step text
+     * @uiName Setup progress
      */
     this.formStep = "Step {step} of {count}";
     /**
-     * Heading text shown at the top of the page
-     * @uiName Tax and Payouts heading text
+     * @uiName Step 4 title
      */
-    this.taxAndPayouts = "Tax and Payouts";
+    this.taxAndPayouts = "Payouts";
     /**
-     * Text shown at the top of the page next to the tax and payouts label text
-     * @uiName Tax and Payouts label text
+     * Displayed at the top of the page on all set up steps.
+     * @uiName Page description
      */
     this.taxAndPayoutsDescription = "Submit your tax documents and add your banking information to receive your rewards.";
     /**
-     * Text for the option to receive payments directly to a bank account
-     * @uiName Directly to bank account option text
+     * @uiName Direct to bank payout option
      */
     this.directlyToBankAccount = "Directly to my bank account";
     /**
-     * Text for the option to receive payments to a PayPal account with processing fee details
-     * @uiName PayPal option text with processing fee placeholder
+     * @uiName PayPal payout option
      */
     this.toPayPalAccount = "PayPal (2% processing fee capped to {feeCap})";
     /**
-     * Text for the option to receive payments at a specific balance threshold
-     * @uiName Payment schedule balance threshold text
+     * @uiName Threshold balance payment schedule option
      */
     this.paymentScheduleBalanceThreshold = "Pay me when my balance reaches a threshold";
     /**
-     * Text for the option to receive payments on a specific day of the month
-     * @uiName Payment schedule fixed day text
+     * @uiName Fixed day payment schedule option
      */
     this.paymentScheduleFixedDay = "Pay me on a fixed day of the month";
     /**
-     * Label text for the payment day select
-     * @uiName Payment day select label
+     * Let the participant choose what day of the month they’ll get paid
+     * @uiName Payment day field label
      */
     this.paymentDaySelectLabel = "Payment Day";
     /**
-     * Label text for the payment day select
-     * @uiName Payment day select label
+     * Participant use this field to select the balance at which they want to be paid
+     * @uiName Payment threshold field label
      */
     this.paymentThresholdSelectLabel = "Payment Threshold";
     /**
-     * Label text for the payment day select option for the first of the month
-     * @uiName First of month label text
+     * One of two payment day options
+     * @uiName First of month payday option
      */
     this.paymentDayFirstOfMonthLabelText = "1st of the month";
     /**
      * Label text for the payment day select option for the fifteenth of the month
-     * @uiName Fifteenth of month label text
+     * @uiName Fifteenth of month payday option
      */
     this.paymentDayFifteenthOfMonthLabelText = "15th of the month";
     /**
-     * Heading text for the payment method section
-     * @uiName Payment method heading text
+     * @uiName Payment method section header
      */
     this.paymentMethod = "Payment method";
     /**
-     * Heading text for the payment schedule section
-     * @uiName Payment schedule heading text
+     * @uiName Payment schedule section header
      */
     this.paymentSchedule = "Payment schedule";
     /**
-     * Subtext for the payment method section
-     * @uiName Payment method subtext
+     * @uiName Payment method section description
      */
-    this.paymentMethodSubtext = "Payouts will be sent on the first day of each month from our referral program provider, impact.com.";
+    this.paymentMethodSubtext = "Payouts will be sent from our referral program provider, impact.com.";
     /**
-     * Label text for the PayPal email input field
-     * @uiName PayPal email input label
+     * Displayed to participants who choose PayPal as their payout method
+     * @uiName PayPal email field label
      */
     this.payPalInputLabel = "PayPal email";
     /**
-     * Label text for the bank country location input field
-     * @uiName Bank country location input label
+     * @uiName Bank country field label
      */
     this.bankLocationLabel = "Bank country location";
     /**
-     * Label text for the beneficiary account name input field
-     * @uiName Beneficiary account name input label
+     * @uiName Beneficiary account field label
      */
     this.beneficiaryAccountNameLabel = "Beneficiary account name";
     /**
-     * Label text for the bank account type input field
-     * @uiName Bank account type input label
+     * @uiName Bank account type field label
      */
     this.bankAccountTypeLabel = "Bank account type";
     /**
-     * Label text for the checking account type select item
-     * @uiName Checking select item label
+     * @uiName Checking account option
      */
     this.checkingSelectItemLabel = "Checking";
     /**
-     * Label text for the savings account type select item
-     * @uiName Savings select item label
+     * @uiName Savings account options
      */
     this.savingsSelectItemLabel = "Savings";
     /**
-     * Label text for the bank account number input field
-     * @uiName Bank account number input label
+     * @uiName Bank account number field label
      */
     this.bankAccountNumberLabel = "Bank account number";
     /**
-     * Label text for the IBAN input field
-     * @uiName IBAN input label
+     * @uiName IBAN field label
      */
     this.ibanLabel = "IBAN";
     /**
-     * Label text for the SWIFT code input field
-     * @uiName SWIFT code input label
+     * @uiName SWIFT code field label
      */
     this.swiftCodeLabel = "SWIFT code";
     /**
-     * Label text for the routing code input field
-     * @uiName Routing code input label
+     * @uiName Routing code field label
      */
-    this.routingCodeLabel = "{country, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch cumber} IN {IFSC} CNY {CNAPS} other {Routing code} }";
+    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} }";
     /**
-     * Label text for the bank name input field
-     * @uiName Bank name input label
+     * @uiName Bank name field label
      */
     this.bankNameLabel = "Bank Name";
     /**
-     * Label text for the classification entity input field
-     * @uiName Classification entity input label
+     * @uiName Classification entity field label
      */
     this.classificationEntityLabel = "Classification Entity";
     /**
-     * Label text for the business select item
-     * @uiName Business select item label
+     * One of three options listed for the classification field
+     * @uiName Business classification option
      */
     this.businessSelectItemLabel = "Business";
     /**
-     * Label text for the individual select item
-     * @uiName Individual select item label
+     * One of three options listed for the classification field
+     * @uiName Individual classification option
      */
     this.individualSelectItemLabel = "Individual";
     /**
-     * Label text for the foreign select item
-     * @uiName Foreign select item label
+     * One of three options listed for the classification field
+     * @uiName Foreign classification option
      */
     this.foreignSelectItemLabel = "Foreign";
     /**
-     * Label text for the classification CPF input field
-     * @uiName Classification CPF input label
+     * @uiName Classification CPF field label
      */
     this.classificationCPFLabel = "Classification CPF";
     /**
-     * Label text for the patronymic name input field
-     * @uiName Patronymic name input label
+     * @uiName Patronymic name field label
      */
     this.patronymicNameLabel = "Patronymic name";
     /**
-     * Label text for the VO code input field
-     * @uiName VO code input label
+     * @uiName VO code field label
      */
     this.voCodeLabel = "VO code";
     /**
-     * Label text for the agency code input field
-     * @uiName Agency code input label
+     * @uiName Agency code field label
      */
     this.agencyCodeLabel = "Agency code";
     /**
-     * Label text for the branch code input field
-     * @uiName Branch code input label
+     * @uiName Branch code field label
      */
     this.branchCodeLabel = "Branch code";
     /**
      * Label text for the classification input field
-     * @uiName Classification input label
+     * @uiName Classification field label
      */
     this.classificationLabel = "Classification";
     /**
-     * Label text for the Taxpayer ID input field
-     * @uiName Taxpayer ID input label
+     * @uiName Taxpayer ID field label
      */
     this.taxPayerIdLabel = "{country, select, AR {CUIT/CUIL} KR {Classification ID} other { Beneficiary INN } }";
     /**
-     * Label text for the Bank Address input
-     * @uiName Bank Address input item label
+     * @uiName Bank address field label
      */
     this.bankAddressLabel = "Bank address";
     /**
-     * Label text for the Bank City input
-     * @uiName Bank City Label input label
+     * @uiName Bank city field label
      */
     this.bankCityLabel = "Bank city";
     /**
-     * Label text for the Bank Province / State input
-     * @uiName Bank Province / State input label
+     * @uiName Bank province/state field label
      */
     this.bankStateLabel = "Bank province/state";
     /**
-     * Label text for the Bank Postal Code
-     * @uiName Bank Postal Code input label
+     * @uiName Bank postal code field label
      */
     this.bankPostalCodeLabel = "Bank postal code";
     /**
-     * @uiName EFT Withdrawal label text
+     * Default payment method to the participants’ bank account.
+     * @uiName EFT withdrawal payment method
      */
     this.eftWithdrawalLabel = "EFT withdrawal (free)";
     /**
@@ -227,53 +198,63 @@ export class BankingInfoForm {
      */
     this.fxWireProcessingFeeLabel = "FX Wire (Processing Fee {currency}{defaultFxFee}.00)";
     /**
-     * Header text for the alert when the user is identified as a partner
-     * @uiName Partner identification alert header
+     * 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";
     /**
-     * Description text for the alert when the user is identified as a partner
-     * @uiName Partner identification alert description
+     * Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com.
+     * @uiName Participant is a partner alert description
+     * @uiWidget textArea
      */
     this.isPartnerAlertDescription = "If you don’t recognize this referral program provider or believe this is a mistake, please contact our Support team or sign up for this referral program with a different email.";
     /**
-     * Title text for a general form submission error
-     * @uiName General form submission error title
+     * Part of the alert displayed at the top of the page.
+     * @uiName Form submission error message title
+     * @uiWidget textArea
      */
     this.generalErrorTitle = "There was a problem submitting your information";
     /**
-     * Description text for a general form submission error
-     * @uiName General form submission error description
+     * Part of the alert displayed at the top of the page.
+     * @uiName Form submission error message description
+     * @uiWidget textArea
      */
     this.generalErrorDescription = "Please review your information and try again. If this problem continues, contact Support.";
     /**
-     * Required error text shown at the bottom of field inputs
-     * @uiName Field inputs error text
+     * Displayed under a field that is missing required information.
+     * @uiName Empty form field error message
      */
     this.fieldRequiredError = "{fieldName} is required";
     /**
-     * Invalid error text shown at the bottom of field inputs
-     * @uiName Field inputs invalid error text
+     * Displayed under a field when it has an invalid entry.
+     * @uiName Form field error message
      */
     this.fieldInvalidError = "{fieldName} is invalid";
     /**
-     * Text for the save button in the form
-     * @uiName Save button text
+     * @uiName Continue button label
      */
     this.continueButton = "Save";
     /**
      * Text for the back button in the form
-     * @uiName Back button text
+     * @uiName Back button label
      */
-    this.backButton = "Save";
+    this.backButton = "Back";
     /**
-     * Alert header shown if there is a problem loading a form
-     * @uiName Loading error alert header
+     * Part of the alert displayed at the top of the page.
+     * @uiName Page load error message title
+     * @uiWidget textArea
      */
     this.loadingErrorAlertHeader = "There was a problem loading your form";
     /**
-     * Alert description shown if there is a problem loading a form
-     * @uiName Loading error alert description
+     * Part of the alert displayed at the top of the page.
+     * @uiName Page load error message description
+     * @uiWidget textArea
      */
     this.loadingErrorAlertDescription = "Please refresh the page and try again. If this problem continues, contact Support.";
     withHooks(this);
@@ -292,7 +273,7 @@ export class BankingInfoForm {
     };
   }
   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;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
     const props = isDemo()
       ? useDemoBankingInfoForm(this)
       : useBankingInfoForm(this);
@@ -321,48 +302,58 @@ export class BankingInfoForm {
     const formMap = getFormMap({
       props,
       getValidationErrorMessage,
+      bankCountry: props.states.bankCountry,
     });
     const inputFields = getFormInputs({
       bitset: props.states.bitset,
       formMap,
     });
-    console.log({
-      formState: props.states.formState,
-      thresholds: props.states.thresholds,
-    });
+    const searchStyle = {
+      SearchInput: {
+        padding: "var(--sl-spacing-x-small)",
+      },
+    };
     return (h(Host, 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, 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) && {
+          countryInputSlot: (h("sl-select", Object.assign({ label: props.text.bankLocationLabel, 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,
             }),
-          })), (_d = props.states.countries) === null || _d === void 0 ? void 0 : _d.map((country) => {
-            return (h("sl-menu-item", { value: country.code }, country.name));
-          }))),
+          })),
+            h("sl-input", { class: searchStyle.SearchInput, placeholder: this.searchForCountryText, onKeyDown: (e) => {
+                // Stop shoelace intercepting key presses
+                e.stopPropagation();
+              }, "onSl-input": (e) => {
+                props.callbacks.setCountrySearch(e.target.value);
+              } }), (_d = props.states.countries) === null || _d === void 0 ? void 0 :
+            _d.map((country) => {
+              return (h("sl-menu-item", { value: country.countryCode }, country.displayName));
+            }), (_f = (_e = props.states) === null || _e === void 0 ? void 0 : _e.allCountries) === null || _f === void 0 ? void 0 :
+            _f.map((c) => (h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName))))),
           paymentMethodSlot: (h("sl-input", { key: "paymentMethod", label: props.text.paymentMethod, placeholder: props.states.paymentMethodFeeLabel, disabled: true })),
-          paymentThresholdSelectSlot: (h("sl-select", Object.assign({ required: true, label: props.text.paymentThresholdSelectLabel, name: "/paymentThreshold", id: "paymentThreshold", value: (_f = (_e = props.states) === null || _e === void 0 ? void 0 : _e.formState) === null || _f === void 0 ? void 0 : _f.paymentThreshold }, (((_g = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _g === void 0 ? void 0 : _g.paymentThreshold) && {
+          paymentThresholdSelectSlot: (h("sl-select", Object.assign({ required: true, label: props.text.paymentThresholdSelectLabel, name: "/paymentThreshold", id: "paymentThreshold", value: ((_h = (_g = props.states) === null || _g === void 0 ? void 0 : _g.formState) === null || _h === void 0 ? void 0 : _h.paymentThreshold) || "" }, (((_j = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _j === void 0 ? void 0 : _j.paymentThreshold) && {
             class: "error-input",
             helpText: getValidationErrorMessage({
-              type: (_j = (_h = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _h === void 0 ? void 0 : _h.paymentThreshold) === null || _j === void 0 ? void 0 : _j.type,
+              type: (_l = (_k = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _k === void 0 ? void 0 : _k.paymentThreshold) === null || _l === void 0 ? void 0 : _l.type,
               label: props.text.paymentThresholdSelectLabel,
             }),
           })), props.states.thresholds.map((t) => (h("sl-menu-item", { value: t }, `${props.states.currency}${t}`))))),
-          paymentFixedDaySelectSlot: (h("sl-select", Object.assign({ required: true, label: props.text.paymentDaySelectLabel, value: (_l = (_k = props.states) === null || _k === void 0 ? void 0 : _k.formState) === null || _l === void 0 ? void 0 : _l.paymentDay, name: "/paymentDay", id: "paymentDay" }, (((_m = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _m === void 0 ? void 0 : _m.paymentDay) && {
+          paymentFixedDaySelectSlot: (h("sl-select", Object.assign({ required: true, label: props.text.paymentDaySelectLabel, value: ((_o = (_m = props.states) === null || _m === void 0 ? void 0 : _m.formState) === null || _o === void 0 ? void 0 : _o.paymentDay) || "", name: "/paymentDay", id: "paymentDay" }, (((_p = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _p === void 0 ? void 0 : _p.paymentDay) && {
             class: "error-input",
             helpText: getValidationErrorMessage({
-              type: (_p = (_o = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _o === void 0 ? void 0 : _o.paymentDay) === null || _p === void 0 ? void 0 : _p.type,
+              type: (_r = (_q = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _q === void 0 ? void 0 : _q.paymentDay) === null || _r === void 0 ? void 0 : _r.type,
               label: props.text.paymentDaySelectLabel,
             }),
           })),
             h("sl-menu-item", { value: "1" }, props.text.paymentDayFirstOfMonthLabelText),
             h("sl-menu-item", { value: "15" }, props.text.paymentDayFifteenthOfMonthLabelText))),
-          paypalInputSlot: (h("sl-input", Object.assign({ required: true, value: (_r = (_q = props.states) === null || _q === void 0 ? void 0 : _q.formState) === null || _r === void 0 ? void 0 : _r.paypalEmailAddress, label: props.text.payPalInputLabel, key: "paypalEmailAddress", name: "/paypalEmailAddress", id: "paypalEmailAddress", type: "text" }, (((_u = (_t = (_s = props.states.formState) === null || _s === void 0 ? void 0 : _s.errors) === null || _t === void 0 ? void 0 : _t.inputErrors) === null || _u === void 0 ? void 0 : _u.paypalEmailAddress) && {
+          paypalInputSlot: (h("sl-input", Object.assign({ required: true, value: ((_t = (_s = props.states) === null || _s === void 0 ? void 0 : _s.formState) === null || _t === void 0 ? void 0 : _t.paypalEmailAddress) || "", label: props.text.payPalInputLabel, key: "paypalEmailAddress", name: "/paypalEmailAddress", id: "paypalEmailAddress", type: "text" }, (((_w = (_v = (_u = props.states.formState) === null || _u === void 0 ? void 0 : _u.errors) === null || _v === void 0 ? void 0 : _v.inputErrors) === null || _w === void 0 ? void 0 : _w.paypalEmailAddress) && {
             class: "error-input",
             helpText: getValidationErrorMessage({
-              type: (_y = (_x = (_w = (_v = props.states.formState) === null || _v === void 0 ? void 0 : _v.errors) === null || _w === void 0 ? void 0 : _w.inputErrors) === null || _x === void 0 ? void 0 : _x.paypalEmailAddress) === null || _y === void 0 ? void 0 : _y.type,
+              type: (_0 = (_z = (_y = (_x = props.states.formState) === null || _x === void 0 ? void 0 : _x.errors) === null || _y === void 0 ? void 0 : _y.inputErrors) === null || _z === void 0 ? void 0 : _z.paypalEmailAddress) === null || _0 === void 0 ? void 0 : _0.type,
               label: props.text.payPalInputLabel,
             }),
           })))),
@@ -382,10 +373,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Form step text",
+            "text": "Setup progress",
             "name": "uiName"
           }],
-        "text": "Subtext shown at the top of the page, used to show the current step of the tax form."
+        "text": ""
       },
       "attribute": "form-step",
       "reflect": false,
@@ -403,14 +394,14 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Tax and Payouts heading text",
+            "text": "Step 4 title",
             "name": "uiName"
           }],
-        "text": "Heading text shown at the top of the page"
+        "text": ""
       },
       "attribute": "tax-and-payouts",
       "reflect": false,
-      "defaultValue": "\"Tax and Payouts\""
+      "defaultValue": "\"Payouts\""
     },
     "taxAndPayoutsDescription": {
       "type": "string",
@@ -424,10 +415,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Tax and Payouts label text",
+            "text": "Page description",
             "name": "uiName"
           }],
-        "text": "Text shown at the top of the page next to the tax and payouts label text"
+        "text": "Displayed at the top of the page on all set up steps."
       },
       "attribute": "tax-and-payouts-description",
       "reflect": false,
@@ -445,10 +436,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Directly to bank account option text",
+            "text": "Direct to bank payout option",
             "name": "uiName"
           }],
-        "text": "Text for the option to receive payments directly to a bank account"
+        "text": ""
       },
       "attribute": "directly-to-bank-account",
       "reflect": false,
@@ -466,10 +457,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "PayPal option text with processing fee placeholder",
+            "text": "PayPal payout option",
             "name": "uiName"
           }],
-        "text": "Text for the option to receive payments to a PayPal account with processing fee details"
+        "text": ""
       },
       "attribute": "to-pay-pal-account",
       "reflect": false,
@@ -487,10 +478,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Payment schedule balance threshold text",
+            "text": "Threshold balance payment schedule option",
             "name": "uiName"
           }],
-        "text": "Text for the option to receive payments at a specific balance threshold"
+        "text": ""
       },
       "attribute": "payment-schedule-balance-threshold",
       "reflect": false,
@@ -508,10 +499,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Payment schedule fixed day text",
+            "text": "Fixed day payment schedule option",
             "name": "uiName"
           }],
-        "text": "Text for the option to receive payments on a specific day of the month"
+        "text": ""
       },
       "attribute": "payment-schedule-fixed-day",
       "reflect": false,
@@ -529,10 +520,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Payment day select label",
+            "text": "Payment day field label",
             "name": "uiName"
           }],
-        "text": "Label text for the payment day select"
+        "text": "Let the participant choose what day of the month they\u2019ll get paid"
       },
       "attribute": "payment-day-select-label",
       "reflect": false,
@@ -550,10 +541,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Payment day select label",
+            "text": "Payment threshold field label",
             "name": "uiName"
           }],
-        "text": "Label text for the payment day select"
+        "text": "Participant use this field to select the balance at which they want to be paid"
       },
       "attribute": "payment-threshold-select-label",
       "reflect": false,
@@ -571,10 +562,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "First of month label text",
+            "text": "First of month payday option",
             "name": "uiName"
           }],
-        "text": "Label text for the payment day select option for the first of the month"
+        "text": "One of two payment day options"
       },
       "attribute": "payment-day-first-of-month-label-text",
       "reflect": false,
@@ -592,7 +583,7 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Fifteenth of month label text",
+            "text": "Fifteenth of month payday option",
             "name": "uiName"
           }],
         "text": "Label text for the payment day select option for the fifteenth of the month"
@@ -613,10 +604,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Payment method heading text",
+            "text": "Payment method section header",
             "name": "uiName"
           }],
-        "text": "Heading text for the payment method section"
+        "text": ""
       },
       "attribute": "payment-method",
       "reflect": false,
@@ -634,10 +625,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Payment schedule heading text",
+            "text": "Payment schedule section header",
             "name": "uiName"
           }],
-        "text": "Heading text for the payment schedule section"
+        "text": ""
       },
       "attribute": "payment-schedule",
       "reflect": false,
@@ -655,14 +646,14 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Payment method subtext",
+            "text": "Payment method section description",
             "name": "uiName"
           }],
-        "text": "Subtext for the payment method section"
+        "text": ""
       },
       "attribute": "payment-method-subtext",
       "reflect": false,
-      "defaultValue": "\"Payouts will be sent on the first day of each month from our referral program provider, impact.com.\""
+      "defaultValue": "\"Payouts will be sent from our referral program provider, impact.com.\""
     },
     "payPalInputLabel": {
       "type": "string",
@@ -676,10 +667,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "PayPal email input label",
+            "text": "PayPal email field label",
             "name": "uiName"
           }],
-        "text": "Label text for the PayPal email input field"
+        "text": "Displayed to participants who choose PayPal as their payout method"
       },
       "attribute": "pay-pal-input-label",
       "reflect": false,
@@ -697,10 +688,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Bank country location input label",
+            "text": "Bank country field label",
             "name": "uiName"
           }],
-        "text": "Label text for the bank country location input field"
+        "text": ""
       },
       "attribute": "bank-location-label",
       "reflect": false,
@@ -718,10 +709,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Beneficiary account name input label",
+            "text": "Beneficiary account field label",
             "name": "uiName"
           }],
-        "text": "Label text for the beneficiary account name input field"
+        "text": ""
       },
       "attribute": "beneficiary-account-name-label",
       "reflect": false,
@@ -739,10 +730,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Bank account type input label",
+            "text": "Bank account type field label",
             "name": "uiName"
           }],
-        "text": "Label text for the bank account type input field"
+        "text": ""
       },
       "attribute": "bank-account-type-label",
       "reflect": false,
@@ -760,10 +751,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Checking select item label",
+            "text": "Checking account option",
             "name": "uiName"
           }],
-        "text": "Label text for the checking account type select item"
+        "text": ""
       },
       "attribute": "checking-select-item-label",
       "reflect": false,
@@ -781,10 +772,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Savings select item label",
+            "text": "Savings account options",
             "name": "uiName"
           }],
-        "text": "Label text for the savings account type select item"
+        "text": ""
       },
       "attribute": "savings-select-item-label",
       "reflect": false,
@@ -802,10 +793,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Bank account number input label",
+            "text": "Bank account number field label",
             "name": "uiName"
           }],
-        "text": "Label text for the bank account number input field"
+        "text": ""
       },
       "attribute": "bank-account-number-label",
       "reflect": false,
@@ -823,10 +814,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "IBAN input label",
+            "text": "IBAN field label",
             "name": "uiName"
           }],
-        "text": "Label text for the IBAN input field"
+        "text": ""
       },
       "attribute": "iban-label",
       "reflect": false,
@@ -844,10 +835,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "SWIFT code input label",
+            "text": "SWIFT code field label",
             "name": "uiName"
           }],
-        "text": "Label text for the SWIFT code input field"
+        "text": ""
       },
       "attribute": "swift-code-label",
       "reflect": false,
@@ -865,14 +856,14 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Routing code input label",
+            "text": "Routing code field label",
             "name": "uiName"
           }],
-        "text": "Label text for the routing code input field"
+        "text": ""
       },
       "attribute": "routing-code-label",
       "reflect": false,
-      "defaultValue": "\"{country, select, AU {BSB number} CA {Routing number} CZ {Bank code} HK {Clearing code} SG {Clearing code} US {ABA routing number} NZ {BSB number} ZA {Bank/Branch cumber} IN {IFSC} CNY {CNAPS} other {Routing code} }\""
+      "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",
@@ -886,10 +877,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Bank name input label",
+            "text": "Bank name field label",
             "name": "uiName"
           }],
-        "text": "Label text for the bank name input field"
+        "text": ""
       },
       "attribute": "bank-name-label",
       "reflect": false,
@@ -907,10 +898,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Classification entity input label",
+            "text": "Classification entity field label",
             "name": "uiName"
           }],
-        "text": "Label text for the classification entity input field"
+        "text": ""
       },
       "attribute": "classification-entity-label",
       "reflect": false,
@@ -928,10 +919,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Business select item label",
+            "text": "Business classification option",
             "name": "uiName"
           }],
-        "text": "Label text for the business select item"
+        "text": "One of three options listed for the classification field"
       },
       "attribute": "business-select-item-label",
       "reflect": false,
@@ -949,10 +940,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Individual select item label",
+            "text": "Individual classification option",
             "name": "uiName"
           }],
-        "text": "Label text for the individual select item"
+        "text": "One of three options listed for the classification field"
       },
       "attribute": "individual-select-item-label",
       "reflect": false,
@@ -970,10 +961,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Foreign select item label",
+            "text": "Foreign classification option",
             "name": "uiName"
           }],
-        "text": "Label text for the foreign select item"
+        "text": "One of three options listed for the classification field"
       },
       "attribute": "foreign-select-item-label",
       "reflect": false,
@@ -991,10 +982,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Classification CPF input label",
+            "text": "Classification CPF field label",
             "name": "uiName"
           }],
-        "text": "Label text for the classification CPF input field"
+        "text": ""
       },
       "attribute": "classification-c-p-f-label",
       "reflect": false,
@@ -1012,10 +1003,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Patronymic name input label",
+            "text": "Patronymic name field label",
             "name": "uiName"
           }],
-        "text": "Label text for the patronymic name input field"
+        "text": ""
       },
       "attribute": "patronymic-name-label",
       "reflect": false,
@@ -1033,10 +1024,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "VO code input label",
+            "text": "VO code field label",
             "name": "uiName"
           }],
-        "text": "Label text for the VO code input field"
+        "text": ""
       },
       "attribute": "vo-code-label",
       "reflect": false,
@@ -1054,10 +1045,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Agency code input label",
+            "text": "Agency code field label",
             "name": "uiName"
           }],
-        "text": "Label text for the agency code input field"
+        "text": ""
       },
       "attribute": "agency-code-label",
       "reflect": false,
@@ -1075,10 +1066,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Branch code input label",
+            "text": "Branch code field label",
             "name": "uiName"
           }],
-        "text": "Label text for the branch code input field"
+        "text": ""
       },
       "attribute": "branch-code-label",
       "reflect": false,
@@ -1096,7 +1087,7 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Classification input label",
+            "text": "Classification field label",
             "name": "uiName"
           }],
         "text": "Label text for the classification input field"
@@ -1117,10 +1108,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Taxpayer ID input label",
+            "text": "Taxpayer ID field label",
             "name": "uiName"
           }],
-        "text": "Label text for the Taxpayer ID input field"
+        "text": ""
       },
       "attribute": "tax-payer-id-label",
       "reflect": false,
@@ -1138,10 +1129,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Bank Address input item label",
+            "text": "Bank address field label",
             "name": "uiName"
           }],
-        "text": "Label text for the Bank Address input"
+        "text": ""
       },
       "attribute": "bank-address-label",
       "reflect": false,
@@ -1159,10 +1150,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Bank City Label input label",
+            "text": "Bank city field label",
             "name": "uiName"
           }],
-        "text": "Label text for the Bank City input"
+        "text": ""
       },
       "attribute": "bank-city-label",
       "reflect": false,
@@ -1180,10 +1171,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Bank Province / State input label",
+            "text": "Bank province/state field label",
             "name": "uiName"
           }],
-        "text": "Label text for the Bank Province / State input"
+        "text": ""
       },
       "attribute": "bank-state-label",
       "reflect": false,
@@ -1201,10 +1192,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Bank Postal Code input label",
+            "text": "Bank postal code field label",
             "name": "uiName"
           }],
-        "text": "Label text for the Bank Postal Code"
+        "text": ""
       },
       "attribute": "bank-postal-code-label",
       "reflect": false,
@@ -1222,10 +1213,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "EFT Withdrawal label text",
+            "text": "EFT withdrawal payment method",
             "name": "uiName"
           }],
-        "text": ""
+        "text": "Default payment method to the participants\u2019 bank account."
       },
       "attribute": "eft-withdrawal-label",
       "reflect": false,
@@ -1252,6 +1243,27 @@ export class BankingInfoForm {
       "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,
@@ -1264,10 +1276,13 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Partner identification alert header",
+            "text": "Participant is a partner alert title",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Header text for the alert when the user is identified as a partner"
+        "text": "Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com."
       },
       "attribute": "is-partner-alert-header",
       "reflect": false,
@@ -1285,10 +1300,13 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Partner identification alert description",
+            "text": "Participant is a partner alert description",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Description text for the alert when the user is identified as a partner"
+        "text": "Part of the alert displayed at the top of the page if the participant is already a registered partner on impact.com."
       },
       "attribute": "is-partner-alert-description",
       "reflect": false,
@@ -1306,10 +1324,13 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "General form submission error title",
+            "text": "Form submission error message title",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Title text for a general form submission error"
+        "text": "Part of the alert displayed at the top of the page."
       },
       "attribute": "general-error-title",
       "reflect": false,
@@ -1327,10 +1348,13 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "General form submission error description",
+            "text": "Form submission error message description",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Description text for a general form submission error"
+        "text": "Part of the alert displayed at the top of the page."
       },
       "attribute": "general-error-description",
       "reflect": false,
@@ -1348,10 +1372,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Field inputs error text",
+            "text": "Empty form field error message",
             "name": "uiName"
           }],
-        "text": "Required error text shown at the bottom of field inputs"
+        "text": "Displayed under a field that is missing required information."
       },
       "attribute": "field-required-error",
       "reflect": false,
@@ -1369,10 +1393,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Field inputs invalid error text",
+            "text": "Form field error message",
             "name": "uiName"
           }],
-        "text": "Invalid error text shown at the bottom of field inputs"
+        "text": "Displayed under a field when it has an invalid entry."
       },
       "attribute": "field-invalid-error",
       "reflect": false,
@@ -1390,10 +1414,10 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Save button text",
+            "text": "Continue button label",
             "name": "uiName"
           }],
-        "text": "Text for the save button in the form"
+        "text": ""
       },
       "attribute": "continue-button",
       "reflect": false,
@@ -1411,14 +1435,14 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Back button text",
+            "text": "Back button label",
             "name": "uiName"
           }],
         "text": "Text for the back button in the form"
       },
       "attribute": "back-button",
       "reflect": false,
-      "defaultValue": "\"Save\""
+      "defaultValue": "\"Back\""
     },
     "loadingErrorAlertHeader": {
       "type": "string",
@@ -1432,10 +1456,13 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Loading error alert header",
+            "text": "Page load error message title",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Alert header shown if there is a problem loading a form"
+        "text": "Part of the alert displayed at the top of the page."
       },
       "attribute": "loading-error-alert-header",
       "reflect": false,
@@ -1453,10 +1480,13 @@ export class BankingInfoForm {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Loading error alert description",
+            "text": "Page load error message description",
             "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
           }],
-        "text": "Alert description shown if there is a problem loading a form"
+        "text": "Part of the alert displayed at the top of the page."
       },
       "attribute": "loading-error-alert-description",
       "reflect": false,
@@ -1467,7 +1497,7 @@ export class BankingInfoForm {
       "mutable": false,
       "complexType": {
         "original": "DemoData<BankingInfoFormViewProps>",
-        "resolved": "{ states?: { step?: string; locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; hideBackButton: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: BankingInfoFormData & { paymentMethodChecked?: \"toBankAccount\" | \"toPayPalAccount\"; paymentScheduleChecked?: \"BALANCE_THRESHOLD\" | \"FIXED_DAY\"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: \"required\" | \"invalid\"; }; }; }; }; bitset?: number; currency?: string; thresholds: string[]; countries?: { code: string; name: string; }[]; currentPaymentOption?: any; showInputs?: boolean; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; refs?: { formRef: any; }; }",
+        "resolved": "{ states?: { step?: string; locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; hideBackButton: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: BankingInfoFormData & { paymentMethodChecked?: \"toBankAccount\" | \"toPayPalAccount\"; paymentScheduleChecked?: \"BALANCE_THRESHOLD\" | \"FIXED_DAY\"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: \"required\" | \"invalid\"; }; }; }; }; bitset?: number; currency?: string; thresholds: string[]; countries?: { countryCode: string; displayName: string; }[]; allCountries?: { countryCode: string; displayName: string; }[]; currentPaymentOption?: any; showInputs?: boolean; bankCountry?: string; countrySearch?: string; }; slots?: { formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; refs?: { formRef: any; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -1503,7 +1533,7 @@ function useDemoBankingInfoForm(props) {
   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 [step, setStep] = useParent(TAX_CONTEXT_NAMESPACE);
+  const setStep = useSetParent(TAX_CONTEXT_NAMESPACE);
   const [paymentMethodChecked, setPaymentMethodChecked] = useState(undefined);
   const [paymentScheduleChecked, setPaymentScheduleChecked] = useState(undefined);
   const [currency, setCurrency] = useState(defaultCurrency);
@@ -1515,13 +1545,6 @@ function useDemoBankingInfoForm(props) {
   });
   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;
-  console.log("demo hook", {
-    demoData: props.demoData,
-    currentPaymentOption,
-    currency,
-    bankCountry,
-    bitset,
-  });
   useEffect(() => {
     if (defaultPaymentMethodChecked !== paymentMethodChecked)
       setPaymentMethodChecked(defaultPaymentMethodChecked);
@@ -1591,7 +1614,8 @@ function useDemoBankingInfoForm(props) {
       setBankCountry,
       setPaymentMethodChecked,
       setPaymentScheduleChecked,
-      onBack: async () => console.log("back"),
+      setCountrySearch: () => { },
+      onBack: async () => setStep("/dashboard"),
     },
     text: props.getTextProps(),
     refs: {