@justifi/webcomponents 6.1.0-rc.1 → 6.1.0-rc.3

package/dist/module/table-filters-menu2.js

@@ -31,14 +31,14 @@ const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: 'db1619bbaa73d4102c684b2ca1b4897d1c36fa66', class: "d-flex gap-2" }, h("div", { key: '68f4538d4465aadbf20e322264e219ce7ca8078a', class: "dropdown pb-3" }, h("button", { key: 'cc1835756c1fa2a24a4bbc4ec2960caca0d24e75', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '14f88ecd195fcf3770cadd71659b00d4c117c460', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'd33a6875f30413f3a2f5b8d706cf0bf0e3d6620a', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '5923bb3684fc9f710a6686d9bf90a6d0f35a1818' })))), h("div", { key: 'eba66abc4ef60bf7603fd9459cf4040ed6105e8c' }, h(Button, { key: 'f5de28962ac56636904cee2a5e5d41204e07143c', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: '666d19b7f8dfa697155195faf6cafed8e001a3a1', class: "d-flex gap-2" }, h("div", { key: 'e8c5ce6acf0e981e974ec7dac626fa1133de91b1', class: "dropdown pb-3" }, h("button", { key: '019fe2ecdeac0d436b343489de8c58c28299b3eb', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '1264bdb0fad73a14857cd08774c5965b36e8e7cc', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'a5474b3d320f0ef1ac44ce386a0fe06543c4dc56', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '2bcaecc2051576ef38accd6195f041859c94ed32' })))), h("div", { key: '5adfbe93c5ec7e7b953e33a92d197dd52f12291f' }, h(Button, { key: '60ae8725304a6fe6ef1e994deab0151c2c5bebd1', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get watchers() { return {
         "params": ["watchParamsHandler"]
     }; }
 }, [260, "table-filters-menu", {
         "params": [8],
-        "clearParams": [16, "clear-params"],
+        "clearParams": [16],
         "anchorButton": [32],
         "menu": [32],
         "showClearButton": [32]

package/dist/module/terminal-orders-list-core2.js

@@ -164,7 +164,7 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'a8131df17851ab1468e025932371fa4b97ccc144' }, h(TableComponent, { key: '0fc81f64fb8a8f138f25c70522d046921edbd094' }, h(TableHead, { key: '7cc8be0184008cf08128eb1f241ab670538ecc65' }, h(TableHeadRow, { key: '5a7aa37a2b8f02469ca6c703e098da9431c0b45f' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'ff32aad8d5c4f319550d47ae1e0f77b617aa3d70' }, h(TableLoadingState, { key: 'dcc25430c77867a2c9639eba359c0d54cbacb73a', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '474ecda7420d595f49777f31910a380b48a8a1bc', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'd91e28581823ca91778159914157a003b011caaf', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '6dea4a93ab757d35916b9351e4e5fa7f76b4afd9' }, h(TableFootRow, { key: '5098c2d994bb0ba397bc94d7a0e9419b06e582a5' }, h(TableFootCell, { key: '5a8f90708691987f672cde0c102323225568d989', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '509e53f4c070fc9a8b479dc673c526417aceb5ef', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '71743bd2440b3b00ecafe74ddf9a0f48a96dbe6c' }, h(TableComponent, { key: '942af2def8486e3ff6d9cb9244bd88061b48db90' }, h(TableHead, { key: '32bcb4a7c21292ab9742dc509b921bd2f3b5ff5e' }, h(TableHeadRow, { key: '978a80218e60edd29d8799130c98f4772b471586' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'ef5a80cbc4868cc75fdfc19d58a6cee8928546ef' }, h(TableLoadingState, { key: 'dd773a17e38a975dd3821a104bfad75d83ed907e', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '8a857149326cc110d2daf440875cd977b8f2e2d6', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '1c9dfccef7c8675539290f53d3b6c615261c713a', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '2ba8b5c118f45affadf0bdf6ec9d013d4ac98636' }, h(TableFootRow, { key: 'a756ee19c1f4c36975f65aec354a4480f5563ea4' }, h(TableFootCell, { key: '7549ac667748d24c2f581eb13a5e0cd65c17697b', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '98178188d80869e44ceade1e225655a1f2d62ceb', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],
@@ -172,7 +172,7 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         "columns": ["updateOnPropChange"]
     }; }
 }, [256, "terminal-orders-list-core", {
-        "getTerminalOrders": [16, "get-terminal-orders"],
+        "getTerminalOrders": [16],
         "columns": [1],
         "terminalOrders": [32],
         "terminalOrdersTable": [32],

package/dist/module/terminal-quantity-selector2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { q as card, Y as image, Z as buttonLink } from './parts.js';
+import { q as card, Z as image, _ as buttonLink } from './parts.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
@@ -26,7 +26,7 @@ const TerminalQuantitySelector = /*@__PURE__*/ proxyCustomElement(class Terminal
         };
     }
     render() {
-        return (h("div", { key: '852621f3c36375e9c300201e4405c95501488c6d', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '1695cd25eaf56619ef4cc39d81c11ca9b6a5cd45', class: "d-flex gap-3" }, h("div", { key: '9930b0bd8881bc70bc5bdb2b31428980ec83a49b', class: "d-flex align-items-center" }, h("img", { key: 'ac71b5e64fd9081e8dc9c962cac1e747f2234fc4', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '0d575087df793cdeaf7bc04744d60647ea7d563f', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '35f18a705ee606a825c8ad7a6ebe449e6941e4e5', class: "row" }, h("div", { key: 'bf4f916904479fc7abf3167cacd9a655709a5048', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '1a96f19f6f9732c5f8d9dbb2405de2d3f24b142d', helpText: this.description })), h("div", { key: 'af1ca75c5134c832d8f64b63833b7494c8c11ca5', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '0d400a00a808c508ba870dc8e37d597581dd86ae', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '4348aef4cf19c02c574242f82061087e74e82617', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '75791dfdb7861bb7c1e4a2dc5376bceb12a19009', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: 'f05ebce500fb462f6e92351386b14ea0f1968139', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'ebf32f2ac9ee978f08d4c146d6022fb0ad92774f', class: "d-flex gap-3" }, h("div", { key: 'adb4e21d7ea60318b9b977f9f5fe7f52261a1949', class: "d-flex align-items-center" }, h("img", { key: '6e64b6e9b56a651708529d14919ba97feeb44862', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: 'cd4bdf915458e857b8986a65e8127409782c73ae', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: 'f6f70ca349493eea14d08d71b156a45c0c0d6852', class: "row" }, h("div", { key: '45b80f642748e9ef52df59e79fd2133d7f6d42b4', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'f48f14c05bae0b817208d37b159b90fa52155b5c', helpText: this.description })), h("div", { key: '340152ebf444ecae6118d7b0411cbc892dae08dc', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'fb16cb533eb0b4b6f4826323ff181bda7925b672', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '13ff697e39207f42e1e805169ebcf559b3b864a5', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '248a028259b6bbf3eff7cd42aef9d492bb11d298', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
 }, [256, "terminal-quantity-selector", {
         "modelName": [1, "model-name"],

package/dist/module/terminals-list-core2.js

@@ -182,7 +182,7 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '27022f23dcede378c6a6d16bffb040aa6448f4be' }, h(TableComponent, { key: '5d369cf93698adb50b843f65c747672abeb74cb4' }, h(TableHead, { key: '21173a74ccb82d7c3278157dae4ef3d471dbee5f' }, h(TableHeadRow, { key: '43e425567500ff324fd6ed68647a9504df812bf6' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '1151ee93144161308f8b27b0172acb32d2096d25' }, h(TableLoadingState, { key: '353fb24dfbd941e8bba6f62799e0feea42d05c53', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'daa19b965b5519e766ba8bbb63cfc4327128bf22', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'ee44061fa93cd20a59040a7b3faaeac10a925810', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '12cb09495ba8d416fd3593ccae4f205735226ecf' }, h(TableFootRow, { key: 'da2e2695e6101193db9f67a0a76ce1ce8abdc646' }, h(TableFootCell, { key: 'bffd81b4e90e668caa47813f96ab1a7764fa0f1b', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '61c268da3402e0675f54515617a6bd2d58834e17', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'cfe1ede487eed5a2723af6bc3df664b8a00803f8' }, h(TableComponent, { key: '7e14a73b25a1bd8fc929625baac78ad73b97f25a' }, h(TableHead, { key: 'e0e0f0b02883ea5568f8f9cef7efea7084421a2c' }, h(TableHeadRow, { key: 'fce520af31336e6ea90c47bc277f76f7e78f6708' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '59b20605909357d3bf5967c6e23041c07b1b5823' }, h(TableLoadingState, { key: 'c838ebc2443a857aa706d0bf495a19eb00b5af0d', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'a2a8eaaa3e2cbb1d8e64dce0ca55a0741ee857d2', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '2d323895c034ae25d4e4b440f0cf98c4de20efdf', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'c9f5a05d1c661f7e0780ec161b0afa6a74d5cf8e' }, h(TableFootRow, { key: '888f97557066f6003e1b09acf47aa4a75f6ff59d' }, h(TableFootCell, { key: 'db634074f6a089b52f7df8ce55af6f8499e3ba72', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'a30886dd1354edd40d3818215e29ec57cf70c7c1', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],
@@ -191,8 +191,8 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         "columns": ["updateOnPropChange"]
     }; }
 }, [256, "terminals-list-core", {
-        "getTerminals": [16, "get-terminals"],
-        "getSubAccounts": [16, "get-sub-accounts"],
+        "getTerminals": [16],
+        "getSubAccounts": [16],
         "columns": [1],
         "terminals": [32],
         "terminalsTable": [32],

package/dist/module/tokenize-payment-method.js

@@ -277,7 +277,7 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         return paymentMethodType === PAYMENT_METHODS.NEW_CARD ? (h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (h(StyledHost, { key: '5fc5dad15215fe24b421f4d6c13355fb849b8a76' }, h("form", { key: '0e0330e5b11ee3ae0bef9e092fa2fb2a0a6af3e7' }, h("fieldset", { key: 'ee4c026ccda62a249e019a9e105e40ea465fc400' }, h("div", { key: '15a8a86fa5be8a545745260d76a8c3b2569d6a0e', class: "row gy-3" }, h("div", { key: 'bbbeed6ee96311394a876b4beb206e8e335184c2', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'da2a2009abe4348e25a5fc712557e81e9f6c4c1f', class: "col-12" }, h("justifi-button", { key: '050939c757999383226f281ee0eff1ec178be203', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (h(StyledHost, { key: '373ac317c7a4c4c808ca67e8bf63be28c5dd43b4' }, h("form", { key: 'da07764bca9a6af5baf6b3bf025c1abf9661e4b7' }, h("fieldset", { key: 'af277c0c07697969a2c83dcbac6017a596c22077' }, h("div", { key: '1dc0ea324a4ed69eceb240504f320f1c1dfcf6b3', class: "row gy-3" }, h("div", { key: 'feaaff69b06663e759864857f6d15eec2aa31819', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '0dbee981688f541bfcf638c55698444f6a4eb9b4', class: "col-12" }, h("justifi-button", { key: '851dfb38a1a92c9990050dc17c55a693f3875afd', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/types/api/BankAccount.d.ts

@@ -7,6 +7,8 @@ export interface IBankAccount {
     acct_last_four?: string;
     account_number_last4?: string;
     routing_number?: string;
+    institution_number?: string;
+    transit_number?: string;
     bank_name?: string;
     country?: string;
     currency?: string;
@@ -26,6 +28,8 @@ export declare class BankAccount implements IBankAccount {
     acct_last_four?: string;
     account_number_last4?: string;
     routing_number?: string;
+    institution_number?: string;
+    transit_number?: string;
     bank_name?: string;
     country?: string;
     currency?: string;
@@ -41,6 +45,8 @@ export declare class BankAccount implements IBankAccount {
         account_type: string;
         account_number: string;
         routing_number: string;
+        institution_number: string;
+        transit_number: string;
         bank_name: string;
         nickname: string;
         business_id: string;

package/dist/types/api/Business.d.ts

@@ -1,6 +1,7 @@
 import { Identity } from './Identity';
 import { IDocument } from './Document';
 import { IBankAccount } from './BankAccount';
+import { CountryCode } from '../utils/country-codes';
 export declare enum BusinessFormServerErrors {
     fetchData = "Error retrieving business data",
     patchData = "Error updating business data"
@@ -89,6 +90,7 @@ export interface ICoreBusinessInfo {
     doing_business_as?: string;
     industry?: string;
     tax_id?: string;
+    tax_id_last4?: string;
     website_url?: string;
     email?: string;
     phone?: string;
@@ -100,6 +102,7 @@ export declare class CoreBusinessInfo implements ICoreBusinessInfo {
     doing_business_as: string;
     industry: string;
     tax_id: string;
+    tax_id_last4: string;
     website_url: string;
     email: string;
     phone: string;
@@ -137,10 +140,12 @@ export interface IBusiness {
     product_categories: ProductCategories;
     representative?: Identity | null;
     tax_id: string;
+    tax_id_last4: string;
     terms_conditions_accepted: boolean;
     updated_at: string;
     website_url: string;
     date_of_incorporation?: string;
+    country_of_establishment?: CountryCode;
 }
 export declare class Business implements IBusiness {
     additional_questions: IAdditionalQuestions;
@@ -161,11 +166,13 @@ export declare class Business implements IBusiness {
     platform_account_id: string;
     representative?: Identity | null;
     tax_id: string;
+    tax_id_last4: string;
     terms_conditions_accepted: boolean;
     updated_at: string;
     website_url: string;
     date_of_incorporation?: string;
     product_categories: ProductCategories;
+    country_of_establishment?: CountryCode;
     constructor(business: IBusiness);
     get payload(): {
         additional_questions: {
@@ -220,8 +227,10 @@ export declare class Business implements IBusiness {
             title: string;
         };
         tax_id: string;
+        tax_id_last4: string;
         website_url: string;
         date_of_incorporation: string;
+        country_of_establishment: CountryCode;
     };
 }
 export interface IProductReadiness {

package/dist/types/components/business-forms/business-form/business-core-info/business-core-info.d.ts

@@ -1,5 +1,6 @@
 import { FormController } from '../../../../ui-components/form/form';
 import { ICoreBusinessInfo } from '../../../../api/Business';
+import { CountryCode } from '../../../../utils/country-codes';
 /**
  *
  * The difference between this component and business-core-info-details
@@ -9,8 +10,10 @@ import { ICoreBusinessInfo } from '../../../../api/Business';
  */
 export declare class BusinessCoreInfo {
     formController: FormController;
+    country: CountryCode;
     errors: any;
     coreInfo: ICoreBusinessInfo;
+    isEditingTaxId: boolean;
     constructor();
     componentDidLoad(): void;
     inputHandler(name: string, value: string): void;

package/dist/types/components/business-forms/business-form/business-form.d.ts

@@ -1,11 +1,13 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { BusinessFormServerErrors, IBusiness } from '../../../api/Business';
 import JustifiAnalytics from '../../../api/Analytics';
+import { CountryCode } from '../../../utils/country-codes';
 import { ComponentClickEvent, ComponentErrorEvent, ComponentSubmitEvent } from '../../../api/ComponentEvents';
 export declare class BusinessForm {
     isLoading: boolean;
     isSaving: boolean;
     errorMessage: BusinessFormServerErrors;
+    country: CountryCode;
     authToken: string;
     businessId: string;
     hideErrors?: boolean;

package/dist/types/components/business-forms/business-form/business-representative/business-representative.d.ts

@@ -1,9 +1,12 @@
 import { FormController } from '../../../../components';
+import { CountryCode } from '../../../../utils/country-codes';
 export declare class BusinessRepresentative {
     formController: FormController;
     errors: any;
     representative: any;
-    get identificationNumberLabel(): "Update SSN (optional)" | "SSN";
+    country: CountryCode;
+    isEditingIdentification: boolean;
+    get identificationNumberLabel(): "SSN" | "SSN (optional)" | "SIN" | "SIN (optional)";
     componentDidLoad(): void;
     inputHandler: (name: string, value: string) => void;
     onAddressFormUpdate: (values: any) => void;

package/dist/types/components/business-forms/business-form/legal-address-form/legal-address-form.d.ts

@@ -1,9 +1,11 @@
 import { FormController } from '../../../../components';
 import { IAddress } from '../../../../api/Business';
+import { CountryCode } from '../../../../utils/country-codes';
 export declare class LegalAddressForm {
     formController: FormController;
     errors: any;
     legal_address: IAddress;
+    country: CountryCode;
     constructor();
     componentDidLoad(): void;
     inputHandler(name: string, value: string): void;

package/dist/types/components/business-forms/owner-form/identity-address/identity-address-form.d.ts

@@ -1,8 +1,10 @@
+import { CountryCode } from '../../../../utils/country-codes';
 import { IAddress } from '../../../../api/Business';
 export declare class IdentityAddressForm {
     handleFormUpdate: (values: any) => void;
     errors: any;
     defaultValues: any;
+    country: CountryCode;
     address: IAddress;
     handleAddressChange(newValues: any): void;
     inputHandler: (name: string, value: string) => void;

package/dist/types/components/business-forms/owner-form/owner-form-core.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 import { FormController } from '../../../ui-components/form/form';
 import { Identity, Owner } from '../../../api/Identity';
 import { ComponentClickEvent, ComponentErrorEvent } from '../../../api/ComponentEvents';
+import { CountryCode } from '../../../utils/country-codes';
 export declare class BusinessOwnerFormCore {
     isLoading: boolean;
     formController: FormController;
@@ -16,6 +17,7 @@ export declare class BusinessOwnerFormCore {
     removeOwner: (id: string) => void;
     newFormOpen?: boolean;
     ownersLength?: number;
+    country: CountryCode;
     loadingWatcher(): void;
     clickEvent: EventEmitter<ComponentClickEvent>;
     errorEvent: EventEmitter<ComponentErrorEvent>;

package/dist/types/components/business-forms/owner-form/owner-form-inputs.d.ts

@@ -1,8 +1,11 @@
 import { FormController } from '../../../components';
+import { CountryCode } from '../../../utils/country-codes';
 export declare class BusinessOwnerFormInputs {
     ownerDefaultValue: any;
     errors: any;
     formController: FormController;
+    country: CountryCode;
+    isEditingIdentification: boolean;
     inputHandler: (name: string, value: string) => void;
     onAddressFormUpdate: (values: any) => void;
     render(): any;

package/dist/types/components/business-forms/owner-form/owner-form.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { ComponentErrorEvent } from '../../../api/ComponentEvents';
+import { CountryCode } from '../../../utils/country-codes';
 export declare class BusinessOwnerForm {
     coreComponent: HTMLOwnerFormCoreElement;
     getOwner: Function;
@@ -12,6 +13,7 @@ export declare class BusinessOwnerForm {
     removeOwner: (id: string) => void;
     newFormOpen?: boolean;
     ownersLength?: number;
+    country: CountryCode;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     validate(): Promise<boolean>;
     submit(): Promise<boolean>;

package/dist/types/components/business-forms/payment-provisioning/bank-account/bank-account-form-inputs-canada.d.ts

@@ -0,0 +1,7 @@
+export declare class BankAccountFormInputsCanada {
+    defaultValue: any;
+    errors: any;
+    inputHandler: (name: string, value: string) => void;
+    formDisabled: boolean;
+    render(): any;
+}

package/dist/types/components/business-forms/payment-provisioning/bank-account/bank-account-read-only-value.d.ts

@@ -0,0 +1,5 @@
+export declare class BankAccountReadOnlyValue {
+    label: string;
+    value?: string;
+    render(): any;
+}

package/dist/types/components/business-forms/payment-provisioning/bank-account/business-bank-account-form-step-core.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
+import { CountryCode } from '../../../../utils/country-codes';
 import { FormController } from '../../../../ui-components/form/form';
 import { IBankAccount, EntityDocument, EntityDocumentStorage, FileSelectEvent, ComponentErrorEvent, ComponentFormStepCompleteEvent } from '../../../../api';
 export declare class BusinessBankAccountFormStepCore {
@@ -13,6 +14,7 @@ export declare class BusinessBankAccountFormStepCore {
     postBankAccount: Function;
     postDocumentRecord: Function;
     allowOptionalFields?: boolean;
+    country: CountryCode;
     stepCompleteEvent: EventEmitter<ComponentFormStepCompleteEvent>;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     formLoading: EventEmitter<boolean>;
@@ -20,6 +22,7 @@ export declare class BusinessBankAccountFormStepCore {
     validateAndSubmit({ onSuccess }: {
         onSuccess: any;
     }): Promise<void>;
+    private getSchema;
     componentWillLoad(): void;
     componentDidLoad(): void;
     initializeFormController: () => void;
@@ -30,6 +33,8 @@ export declare class BusinessBankAccountFormStepCore {
         account_type: string;
         account_number: string;
         routing_number: string;
+        institution_number: string;
+        transit_number: string;
         bank_name: string;
         nickname: string;
         business_id: string;

package/dist/types/components/business-forms/payment-provisioning/bank-account/business-bank-account-form-step.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { ComponentErrorEvent } from '../../../../api';
+import { CountryCode } from '../../../../utils/country-codes';
 export declare class BusinessBankAccountFormStep {
     coreComponent: HTMLJustifiBusinessBankAccountFormStepCoreElement;
     getBusiness: Function;
@@ -9,6 +10,7 @@ export declare class BusinessBankAccountFormStep {
     authToken: string;
     businessId: string;
     allowOptionalFields?: boolean;
+    country: CountryCode;
     propChanged(): void;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     validateAndSubmit({ onSuccess }: {

package/dist/types/components/business-forms/payment-provisioning/business-core-info/business-core-info-form-step-core.d.ts

@@ -2,15 +2,18 @@ import { EventEmitter } from '../../../../stencil-public-runtime';
 import { FormController } from '../../../../ui-components/form/form';
 import { ICoreBusinessInfo } from '../../../../api/Business';
 import { ComponentErrorEvent, ComponentFormStepCompleteEvent } from '../../../../api/ComponentEvents';
+import { CountryCode } from '../../../../utils/country-codes';
 export declare class BusinessCoreInfoFormStepCore {
     formController: FormController;
     errors: any;
     coreInfo: ICoreBusinessInfo;
     isLoading: boolean;
+    isEditingTaxId: boolean;
     businessId: string;
     getBusiness: Function;
     patchBusiness: Function;
     allowOptionalFields?: boolean;
+    country: CountryCode;
     stepCompleteEvent: EventEmitter<ComponentFormStepCompleteEvent>;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     formLoading: EventEmitter<boolean>;

package/dist/types/components/business-forms/payment-provisioning/business-core-info/business-core-info-form-step.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { ComponentErrorEvent } from '../../../../api/ComponentEvents';
+import { CountryCode } from '../../../../utils/country-codes';
 export declare class BusinessCoreInfoFormStep {
     coreComponent: HTMLJustifiBusinessCoreInfoFormStepCoreElement;
     getBusiness: Function;
@@ -7,6 +8,7 @@ export declare class BusinessCoreInfoFormStep {
     authToken: string;
     businessId: string;
     allowOptionalFields?: boolean;
+    country: CountryCode;
     propChanged(): void;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     validateAndSubmit({ onSuccess }: {

package/dist/types/components/business-forms/payment-provisioning/business-owners/business-owners-form-step-core.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { ComponentErrorEvent, ComponentClickEvent, ComponentFormStepCompleteEvent } from '../../../../api/ComponentEvents';
+import { CountryCode } from '../../../../utils/country-codes';
 interface ownerPayloadItem {
     id: string;
 }
@@ -13,6 +14,7 @@ export declare class BusinessOwnersFormStepCore {
     getBusiness: Function;
     patchBusiness: Function;
     allowOptionalFields?: boolean;
+    country: CountryCode;
     clickEvent: EventEmitter<ComponentClickEvent>;
     stepCompleteEvent: EventEmitter<ComponentFormStepCompleteEvent>;
     errorEvent: EventEmitter<ComponentErrorEvent>;

package/dist/types/components/business-forms/payment-provisioning/business-owners/business-owners-form-step.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { ComponentErrorEvent } from '../../../../api/ComponentEvents';
+import { CountryCode } from '../../../../utils/country-codes';
 export declare class BusinessOwnersFormStep {
     coreComponent: HTMLJustifiBusinessOwnersFormStepCoreElement;
     getBusiness: Function;
@@ -7,6 +8,7 @@ export declare class BusinessOwnersFormStep {
     authToken: string;
     businessId: string;
     allowOptionalFields?: boolean;
+    country: CountryCode;
     propChanged(): void;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     validateAndSubmit({ onSuccess }: {

package/dist/types/components/business-forms/payment-provisioning/business-representative/business-representative-form-inputs.d.ts

@@ -1,8 +1,11 @@
 import { FormController } from '../../../../ui-components/form/form';
+import { CountryCode } from '../../../../utils/country-codes';
 export declare class RepresentativeFormInputs {
     representativeDefaultValue: any;
     errors: any;
     formController: FormController;
+    country: CountryCode;
+    isEditingIdentification: boolean;
     inputHandler: (name: string, value: string) => void;
     onAddressFormUpdate: (values: any) => void;
     render(): any;

package/dist/types/components/business-forms/payment-provisioning/business-representative/business-representative-form-step-core.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../../../stencil-public-runtime';
 import { Identity } from '../../../../api/Identity';
 import { FormController } from '../../../../ui-components/form/form';
 import { ComponentErrorEvent, ComponentFormStepCompleteEvent } from '../../../../api/ComponentEvents';
+import { CountryCode } from '../../../../utils/country-codes';
 export declare class BusinessRepresentativeFormStepCore {
     formController: FormController;
     errors: any;
@@ -10,6 +11,7 @@ export declare class BusinessRepresentativeFormStepCore {
     getBusiness: Function;
     patchBusiness: Function;
     allowOptionalFields?: boolean;
+    country: CountryCode;
     stepCompleteEvent: EventEmitter<ComponentFormStepCompleteEvent>;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     formLoading: EventEmitter<boolean>;

package/dist/types/components/business-forms/payment-provisioning/business-representative/business-representative-form-step.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { ComponentErrorEvent } from '../../../../api/ComponentEvents';
+import { CountryCode } from '../../../../utils/country-codes';
 export declare class BusinessRepresentativeFormStep {
     coreComponent: HTMLJustifiBusinessRepresentativeFormStepCoreElement;
     getBusiness: Function;
@@ -7,6 +8,7 @@ export declare class BusinessRepresentativeFormStep {
     authToken: string;
     businessId: string;
     allowOptionalFields?: boolean;
+    country?: CountryCode;
     propChanged(): void;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     validateAndSubmit({ onSuccess }: {

package/dist/types/components/business-forms/payment-provisioning/form-address-fields/form-address-fields.d.ts

@@ -0,0 +1,8 @@
+import { CountryCode } from '../../../../utils/country-codes';
+export declare class FormAddressFields {
+    country: CountryCode;
+    errors: any;
+    defaultValues: any;
+    inputHandler: (name: string, value: string) => void;
+    render(): any;
+}

package/dist/types/components/business-forms/payment-provisioning/legal-address-form/legal-address-form-step-core.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../../../stencil-public-runtime';
 import { FormController } from '../../../../ui-components/form/form';
 import { IAddress } from '../../../../api/Business';
 import { ComponentErrorEvent, ComponentFormStepCompleteEvent } from '../../../../api/ComponentEvents';
+import { CountryCode } from '../../../../utils/country-codes';
 export declare class LegalAddressFormStepCore {
     formController: FormController;
     errors: any;
@@ -10,6 +11,7 @@ export declare class LegalAddressFormStepCore {
     getBusiness: Function;
     patchBusiness: Function;
     allowOptionalFields?: boolean;
+    country: CountryCode;
     stepCompleteEvent: EventEmitter<ComponentFormStepCompleteEvent>;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     formLoading: EventEmitter<boolean>;

package/dist/types/components/business-forms/payment-provisioning/legal-address-form/legal-address-form-step.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { ComponentErrorEvent } from '../../../../api/ComponentEvents';
+import { CountryCode } from '../../../../utils/country-codes';
 export declare class LegalAddressFormStep {
     coreComponent: HTMLJustifiLegalAddressFormStepCoreElement;
     getBusiness: Function;
@@ -7,6 +8,7 @@ export declare class LegalAddressFormStep {
     authToken: string;
     businessId: string;
     allowOptionalFields?: boolean;
+    country?: CountryCode;
     propChanged(): void;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     validateAndSubmit({ onSuccess }: {

package/dist/types/components/business-forms/payment-provisioning/payment-provisioning-core.d.ts

@@ -1,10 +1,12 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { ComponentClickEvent, ComponentErrorEvent, ComponentSubmitEvent } from '../../../api/ComponentEvents';
+import { CountryCode } from '../../../utils/country-codes';
 export declare class PaymentProvisioningCore {
     loading: boolean;
     businessProvisioned: boolean;
     currentStep: number;
     errorMessage: string;
+    country: CountryCode;
     businessId: string;
     authToken: string;
     allowOptionalFields?: boolean;
@@ -15,8 +17,8 @@ export declare class PaymentProvisioningCore {
     errorEvent: EventEmitter<ComponentErrorEvent>;
     submitEvent: EventEmitter<ComponentSubmitEvent>;
     handleFormCompleted(): void;
-    componentWillLoad(): void;
-    setBusinessProvisioned: () => void;
+    componentWillLoad(): Promise<void>;
+    setBusinessProvisioned: () => Promise<void>;
     postProvisioningData: () => void;
     private coreInfoRef;
     private legalAddressRef;

package/dist/types/components/business-forms/payment-provisioning/payment-provisioning-form-steps.d.ts

@@ -1,9 +1,11 @@
+import { CountryCode } from '../../../utils/country-codes';
 export declare class PaymentProvisioningFormSteps {
     businessId: string;
     authToken: string;
     refs: any[];
     currentStep: number;
     allowOptionalFields?: boolean;
+    country?: CountryCode;
     handleFormLoading: (e: CustomEvent) => void;
     get currentStepComponent(): any;
     componentStepMapping: {

package/dist/types/components/business-forms/payment-provisioning/test/mockBusiness.d.ts

@@ -0,0 +1,12 @@
+import { IBusiness } from '../../../../api/Business';
+import { CountryCode } from '../../../../utils/country-codes';
+/**
+ * Creates mock business data with 2-character country codes (as they come from API)
+ * This allows us to test the normalization that happens in the Business constructor
+ */
+export declare const createMockBusinessData: (countryCode: string) => IBusiness;
+/**
+ * Helper to get normalized country codes as they would appear in real usage
+ * This simulates what happens when the Business constructor processes API data
+ */
+export declare const getNormalizedCountry: (inputCountryCode: string) => CountryCode;