@justifi/webcomponents 4.23.0 → 5.0.0-rc-1

package/dist/esm/checkouts-list-core.entry.js

@@ -1,41 +1,36 @@
-import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
+import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
 import './Checkout-0b4086f8.js';
 import { p as pagingDefaults } from './Pagination-afc8f96d.js';
-import './Payment-2a868d0c.js';
+import './Payment-4f72d277.js';
 import './SubAccount-99a00594.js';
-import { o as onFilterChange } from './utils-4006c425.js';
-import { T as Table, a as TableLoadingState, b as TableEmptyState, c as TableErrorState } from './table-44e3d1e7.js';
-import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-cd33b57c.js';
-import './utils-1df1e55a.js';
+import { n as table, o as tableCell } from './parts-186d437f.js';
+import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-01dcdcbd.js';
+import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-8b116232.js';
+import { o as onQueryParamsChange, q as queryParams } from './checkouts-list-params-state-1d968971.js';
+import './Dispute-5fd28ec9.js';
+import './spinner-879489b3.js';
+import './utils-54543523.js';
+import './index-a47fdc7f.js';
 
 const CheckoutsListCore = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.rowClicked = createEvent(this, "checkout-row-clicked", 7);
+        this.clickEvent = createEvent(this, "click-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
         this.handleClickPrevious = (beforeCursor) => {
-            const newParams = Object.assign({}, this.params);
-            delete newParams.after_cursor;
-            this.params = Object.assign(Object.assign({}, newParams), { before_cursor: beforeCursor });
+            this.pagingParams = { before_cursor: beforeCursor };
+            this.clickEvent.emit({ name: TableClickActions.previous });
         };
         this.handleClickNext = (afterCursor) => {
-            const newParams = Object.assign({}, this.params);
-            delete newParams.before_cursor;
-            this.params = Object.assign(Object.assign({}, newParams), { after_cursor: afterCursor });
+            this.pagingParams = { after_cursor: afterCursor };
+            this.clickEvent.emit({ name: TableClickActions.next });
         };
         this.rowClickHandler = (e) => {
             const clickedCheckoutID = e.target.closest('tr').dataset.rowEntityId;
             if (!clickedCheckoutID)
                 return;
-            this.rowClicked.emit(this.checkouts.find((checkout) => checkout.id === clickedCheckoutID));
-        };
-        this.setParamsOnChange = (name, value) => {
-            let newParams = { [name]: value };
-            this.params = onFilterChange(newParams, this.params);
-        };
-        this.clearParams = () => {
-            this.errorMessage = '';
-            this.params = {};
+            const checkoutData = this.checkouts.find((checkout) => checkout.id === clickedCheckoutID);
+            this.clickEvent.emit({ name: TableClickActions.row, data: checkoutData });
         };
         this.getCheckouts = undefined;
         this.getSubAccounts = undefined;
@@ -46,21 +41,28 @@ const CheckoutsListCore = class {
         this.loading = true;
         this.errorMessage = undefined;
         this.paging = pagingDefaults;
-        this.params = {};
+        this.pagingParams = {};
     }
     updateOnPropChange() {
-        this.fetchCheckouts();
+        this.fetchData();
     }
     componentWillLoad() {
         this.checkoutsTable = new Table(this.checkouts, this.columns, checkoutTableColumns, checkoutTableCells);
         if (this.getCheckouts && this.getSubAccounts) {
-            this.fetchCheckouts();
+            this.fetchData();
         }
+        onQueryParamsChange('set', () => {
+            this.pagingParams = {};
+        });
+        onQueryParamsChange('reset', () => {
+            this.pagingParams = {};
+            this.errorMessage = '';
+        });
     }
-    fetchCheckouts() {
+    fetchData() {
         this.loading = true;
         this.getCheckouts({
-            params: this.params,
+            params: this.requestParams,
             onSuccess: async ({ checkouts, pagingInfo }) => {
                 this.checkouts = checkouts;
                 this.paging = pagingInfo;
@@ -107,6 +109,10 @@ const CheckoutsListCore = class {
             },
         });
     }
+    get requestParams() {
+        const combinedParams = Object.assign(Object.assign({}, queryParams), this.pagingParams);
+        return combinedParams;
+    }
     get subAccountParams() {
         let accountIdNumbers = this.checkouts.map((checkout) => checkout.account_id);
         let uniqueAccountIds = [...new Set(accountIdNumbers)];
@@ -126,10 +132,11 @@ const CheckoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '8d2c1fd960b2b3a66f3a1bf648b75576ad2e8857' }, h("checkouts-list-filters", { key: '18ba9bf560499112f71a690da751c8e3c4d345a7', params: this.params, setParamsOnChange: this.setParamsOnChange, clearParams: this.clearParams }), h("div", { key: '12cf6ee2912ac6a9518634ebd470dac5f7623aff', class: "table-wrapper" }, h("table", { key: '1ea2c118d7efb620dc1f39db55a510a8a473cb31', class: "table table-hover" }, h("thead", { key: '5e334a090be56c82b11ae7584bdf4014cc8743c7', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '233137a8b4e30bac28ded78010199bfecd0ac4e7', class: "table-light text-nowrap", part: "table-head-row" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: 'd4ed9d4bf3ac17d4dc7294b875734e02996c7444', class: "table-body", part: "table-body" }, h(TableLoadingState, { key: 'a7afbb627c768139af4244da5c12fae493dceafb', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '802c43c8da770bca9a249a88d115901e9b14e102', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'f1cd197cf7d1d5d81868a5abfafa40df762ca3c8', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler, part: `table-row ${index % 2 ? "table-row-even" : "table-row-odd"}` }, data)))), this.paging && (h("tfoot", { key: 'f0c367854322c341515bc481159101e9659117c7', class: "sticky-bottom" }, h("tr", { key: '88bc665c23665eddc4c88d27acc8c8f1cb39e277', class: "table-light align-middle" }, h("td", { key: '8be265c9b43033cfd3e2c4b3f12ac6d6c104e53d', part: "pagination-bar", colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '6abdb6091b78e58ec71ac6bf66f278ed9b6542fb', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
+        return (h("div", { key: '7079f5dbb8f52d0e99da70f6975e65f2024bd7c9' }, h("div", { key: '8d73be1816687fe3af837d5853f75b5aad756f6e', class: "table-wrapper" }, h("table", { key: '3a9d8cb62a25d28660fa160de263ae80c2b67804', class: "table table-hover", part: table }, h("thead", { key: 'cc1954f52372d481e789cf5460118952633ab34e', class: "table-head sticky-top" }, h("tr", { key: '141e9d5f5e671181487a77dd01ea86d0f2927ba6', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: 'c6f1ba23fcda58bef598d32ec6901e7bae56fe9c', class: "table-body" }, h(TableLoadingState, { key: '746e4eaab6f4840f95a7243ac7d9a119fe4dac6c', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '7d7cfed557fe138cfd56a8283da75b8fd55ef01e', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '71e438127afde6489e232ecd19f91545da9ca8fa', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '45a0d79963f2e6edd7f2f11620c0314345b3d6d5', class: "sticky-bottom" }, h("tr", { key: '8d502311b14f5f1a7cae5d00f3bff361f4816d72', class: "table-light align-middle" }, h("td", { key: '522745aa9b5d46188dd4b351debc83601c144dfe', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '41323e6e3aa31631dca4dba29e40551b9a9d5446', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
-        "params": ["updateOnPropChange"],
+        "queryParams": ["updateOnPropChange"],
+        "pagingParams": ["updateOnPropChange"],
         "getCheckouts": ["updateOnPropChange"],
         "getSubAccounts": ["updateOnPropChange"],
         "columns": ["updateOnPropChange"]

package/dist/esm/checkouts-list-params-state-1d968971.js

@@ -0,0 +1,10 @@
+import { c as createStore } from './index-a47fdc7f.js';
+
+const initialState = {};
+const checkoutsListQueryParams = createStore(() => initialState);
+const { state: queryParams, on: onQueryParamsChange } = checkoutsListQueryParams;
+const clearParams = () => {
+    checkoutsListQueryParams.reset();
+};
+
+export { clearParams as c, onQueryParamsChange as o, queryParams as q };

package/dist/esm/checkouts-table-8b116232.js

@@ -0,0 +1,44 @@
+import { h } from './index-29fcfdf5.js';
+import { f as formatTime, a as formatDate, b as formatCurrency } from './utils-54543523.js';
+import { k as tableHeadCell, m as getAlternateTableCellPart } from './parts-186d437f.js';
+
+const MapCheckoutStatusToBadge = (status) => {
+    switch (status) {
+        case 'created':
+            return "<span class='badge bg-primary' title='The checkout has been created'>Created</span>";
+        case 'completed':
+            return "<span class='badge bg-success' title='The checkout has been completed'>Completed</span>";
+        case 'attempted':
+            return "<span class='badge bg-secondary' title='The checkout has been attempted'>Attempted</span>";
+        case 'expired':
+            return "<span class='badge bg-danger' title='The checkout has expired'>Expired</span>";
+    }
+};
+
+const defaultColumnsKeys = 'created_at,payment_amount,payment_description,payment_mode,status';
+const checkoutTableColumns = {
+    created_at: () => (h("th", { part: tableHeadCell, scope: "col", title: "The date each checkout occurred" }, "Processed On")),
+    payment_amount: () => (h("th", { part: tableHeadCell, scope: "col", title: "The dollar amount of each checkout" }, "Payment Amount")),
+    payment_description: () => (h("th", { part: tableHeadCell, scope: "col", title: "The description of each checkout" }, "Payment Description")),
+    sub_account_name: () => (h("th", { part: tableHeadCell, scope: "col", title: "The sub account associated with the checkout" }, "Sub Account")),
+    payment_mode: () => (h("th", { part: tableHeadCell, scope: "col", title: "The payment mode of each checkout" }, "Payment Mode")),
+    status: () => (h("th", { part: tableHeadCell, scope: "col", title: "The current status of each checkout" }, "Status")),
+};
+const checkoutTableCells = {
+    created_at: (value, index) => (h("td", { part: getAlternateTableCellPart(index) },
+        h("div", { class: "fw-bold" },
+            formatDate(value),
+            " "),
+        h("div", { class: "fw-bold" },
+            formatTime(value),
+            " "))),
+    payment_amount: (value, index) => (h("td", { part: getAlternateTableCellPart(index) },
+        formatCurrency(value, true, true),
+        " ")),
+    payment_description: (value, index) => (h("td", { part: getAlternateTableCellPart(index) }, value)),
+    sub_account_name: (value, index) => (h("td", { part: getAlternateTableCellPart(index) }, value)),
+    payment_mode: (value, index) => (h("td", { part: getAlternateTableCellPart(index) }, value)),
+    status: (value, index) => (h("td", { part: getAlternateTableCellPart(index), innerHTML: MapCheckoutStatusToBadge(value) })),
+};
+
+export { checkoutTableCells as a, checkoutTableColumns as c, defaultColumnsKeys as d };

package/dist/esm/{custom-popper_4.entry.js → custom-popper.entry.js}

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-57431c24.js';
+import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
 
 var top = 'top';
 var bottom = 'bottom';
@@ -1875,7 +1875,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '486c7b71b1b4f6d3ad8a9b9042fe5bdfe0427443' }, h("style", { key: '54a5bed99c8cf367642c63650200376cc5a90142' }, `
+        return (h("div", { key: '153f64dde49d3c00975e4ab967092fe0eab2e096' }, h("style", { key: 'f3441ee39263f615a907d371e5a75be910e6ad80' }, `
           .popper-content {
             display: none;
           }
@@ -1883,109 +1883,8 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '1c4dc36300485c1c331f39998bf23127ea5e6177', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '9dbb8f23779595303814ef10762663b809447c32' }))));
+          `), h("div", { key: '840e5c3a19a9d57dda561971967130e8bf53518b', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '2b9bbfe2b4cd7bfb5ff3a6c21a99dea7e23d1124' }))));
     }
 };
 
-const SelectInput = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput", 7);
-        this.formControlBlur = createEvent(this, "formControlBlur", 7);
-        this.handleFormControlInput = (event) => {
-            const target = event.target;
-            const name = target.getAttribute('name');
-            this.inputHandler(name, target.value);
-            this.formControlInput.emit(target.value);
-        };
-        this.updateInput = (newValue) => {
-            this.selectElement.value = newValue;
-        };
-        this.name = undefined;
-        this.label = undefined;
-        this.options = undefined;
-        this.inputHandler = undefined;
-        this.defaultValue = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.disabled = undefined;
-    }
-    handleDefaultValueChange(newValue) {
-        this.updateInput(newValue);
-    }
-    componentDidLoad() {
-        this.updateInput(this.defaultValue);
-    }
-    render() {
-        var _a;
-        return (h(Host, { key: '2825653443c2fdd8c6e059e03f9170fa0f293fe5', exportparts: "label,input,input-invalid" }, h("div", { key: '8eb3d38a99762d030b534cbb195e5f12da754ed4', class: "form-group d-flex flex-column" }, h("div", { key: 'ac41bf1269b5eec07e63eb9426d05684dac1aadc', class: "d-flex align-items-start gap-2" }, h("label", { key: 'ba1cd374fdb460b72ed509366a469c6d0cf9779e', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7e81054e6daa2b19cae341126d49085d9c083602', helpText: this.helpText })), h("select", { key: '8eea54929eddbc98e71c0d8175e54b7e284a9f63', ref: el => (this.selectElement = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText ? 'input-invalid' : ''}`, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h("form-control-error-text", { key: 'e980065897e2c26b3f787dc576d4c5ffaeb7bdd3', errorText: this.errorText, name: this.name }))));
-    }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-const TextInput = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput", 7);
-        this.formControlBlur = createEvent(this, "formControlBlur", 7);
-        this.handleFormControlInput = (event) => {
-            const target = event.target;
-            const name = target.getAttribute('name');
-            this.inputHandler(name, target.value);
-            this.formControlInput.emit({ name, value: target.value });
-        };
-        this.updateInput = (newValue) => {
-            const inputElement = this.el.querySelector('input');
-            if (inputElement) {
-                inputElement.value = newValue || '';
-            }
-        };
-        this.name = undefined;
-        this.label = undefined;
-        this.inputHandler = undefined;
-        this.defaultValue = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.maxLength = undefined;
-        this.keyDownHandler = undefined;
-        this.disabled = undefined;
-    }
-    handleDefaultValueChange(newValue) {
-        this.updateInput(newValue);
-    }
-    componentDidLoad() {
-        this.updateInput(this.defaultValue);
-    }
-    render() {
-        return (h(Host, { key: '31f393afa67b52bea6b833a12be0bd06ce673bb2', exportparts: "label,input,input-invalid" }, h("div", { key: '14e875434e0f5c942623cbac1c338ef8775ed24d', class: "form-group d-flex flex-column" }, h("div", { key: '7c43ad5f89675b4db4b70e1e43a862e493ebeb30', class: "d-flex align-items-start gap-2" }, h("label", { key: '7d97de55470f39608349cf54225b927f9f029db8', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fd857b971360bf3bc87d902e28e15b17c1484bdd', helpText: this.helpText })), h("input", { key: 'ba0e1464cd736c8761cdee43715f9986480639c7', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? " input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h("form-control-error-text", { key: '31c1a57ce24a129a199864f20a0498957c2a43ea', errorText: this.errorText, name: this.name }))));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-const TooltipComponent = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.anchorIcon = undefined;
-        this.tooltip = undefined;
-        this.helpText = undefined;
-    }
-    show() {
-        this.tooltip.classList.add('show');
-    }
-    hide() {
-        this.tooltip.classList.remove('show');
-    }
-    render() {
-        if (!this.helpText) {
-            return null;
-        }
-        return (h("div", { class: "tooltip-container" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", class: "bi bi-question-square tooltip-icon", viewBox: "0 0 16 16", ref: (el) => (this.anchorIcon = el), part: "tooltip-icon" }, h("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z" }), h("path", { d: "M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94" })), h("custom-popper", { trigger: "hover", placement: "top", anchorRef: this.anchorIcon }, h("div", { class: "tooltip bs-tooltip-top", part: "tooltip", role: "tooltip", ref: (el) => (this.tooltip = el) }, h("div", { class: "tooltip-inner", part: "tooltip-inner" }, this.helpText)))));
-    }
-};
-
-export { CustomPopper as custom_popper, SelectInput as form_control_select, TextInput as form_control_text, TooltipComponent as form_control_tooltip };
+export { CustomPopper as custom_popper };

package/dist/esm/dispute.service-588dd905.js

@@ -0,0 +1,27 @@
+import { A as Api } from './Api-391d00e2.js';
+import './Checkout-0b4086f8.js';
+import './Pagination-afc8f96d.js';
+import './Payment-4f72d277.js';
+import './SubAccount-99a00594.js';
+import { c as config } from './config-27764a9d.js';
+
+class DisputeService {
+    async fetchDispute(disputeId, authToken) {
+        const endpoint = `disputes/${disputeId}`;
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).get(endpoint);
+    }
+    async updateDisputeResponse(disputeId, authToken, payload) {
+        const endpoint = `disputes/${disputeId}/response`;
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).patch(endpoint, payload);
+    }
+    async submitDisputeResponse(disputeId, authToken, payload) {
+        const endpoint = `disputes/${disputeId}/response`;
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
+    }
+    async createDisputeEvidence(disputeId, authToken, payload) {
+        const endpoint = `disputes/${disputeId}/evidence`;
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).put(endpoint, payload);
+    }
+}
+
+export { DisputeService as D };

package/dist/esm/{table-44e3d1e7.js → event-types-01dcdcbd.js}

@@ -1,4 +1,6 @@
-import { h } from './index-57431c24.js';
+import { h } from './index-29fcfdf5.js';
+import { p as tableEmpty, q as tableError, o as tableCell } from './parts-186d437f.js';
+import { S as Spinner } from './spinner-879489b3.js';
 
 const TableEmptyState = (props) => {
     const { columnSpan, isEmpty } = props;
@@ -6,7 +8,7 @@ const TableEmptyState = (props) => {
         return null;
     }
     return (h("tr", null,
-        h("td", { class: "empty-state", part: "empty-state", colSpan: columnSpan, style: { textAlign: 'center' } }, "No results")));
+        h("td", { class: "empty-state", part: tableEmpty, colSpan: columnSpan, style: { textAlign: 'center' } }, "No results")));
 };
 
 const TableErrorState = (props) => {
@@ -15,7 +17,7 @@ const TableErrorState = (props) => {
         return null;
     }
     return (h("tr", null,
-        h("td", { class: "error-state", part: "error-state", colSpan: columnSpan, "data-test-id": "table-error-state", style: { textAlign: 'center' } },
+        h("td", { class: "error-state", part: tableError, colSpan: columnSpan, "data-test-id": "table-error-state", style: { textAlign: 'center' } },
             "An unexpected error occurred: ",
             errorMessage)));
 };
@@ -26,9 +28,8 @@ const TableLoadingState = (props) => {
         return null;
     }
     return (h("tr", null,
-        h("td", { class: "loading-state", part: "loading-state-cell", colSpan: columnSpan, style: { textAlign: 'center' } },
-            h("div", { part: "loading-state-spinner", class: "spinner-border", role: "status" },
-                h("span", { class: "visually-hidden" }, "Loading...")))));
+        h("td", { class: "loading-state", part: tableCell, colSpan: columnSpan, style: { textAlign: 'center' } },
+            h(Spinner, null))));
 };
 
 class Table {
@@ -36,8 +37,8 @@ class Table {
         return this.columnKeys.map((key) => this.tableColumns[key]());
     }
     get rowData() {
-        return this.collection.map((dataEntry) => {
-            return this.columnKeys.map((key) => this.tableCells[key](dataEntry[key]));
+        return this.collection.map((dataEntry, index) => {
+            return this.columnKeys.map((key) => this.tableCells[key](dataEntry[key], index));
         });
     }
     set collectionData(collection) {
@@ -51,4 +52,11 @@ class Table {
     }
 }
 
-export { Table as T, TableLoadingState as a, TableEmptyState as b, TableErrorState as c };
+var TableClickActions;
+(function (TableClickActions) {
+    TableClickActions["row"] = "tableRow";
+    TableClickActions["next"] = "nextPage";
+    TableClickActions["previous"] = "previousPage";
+})(TableClickActions || (TableClickActions = {}));
+
+export { TableClickActions as T, Table as a, TableLoadingState as b, TableEmptyState as c, TableErrorState as d };

package/dist/esm/event-types-07cdb9a0.js

@@ -0,0 +1,22 @@
+var DisputeManagementClickActions;
+(function (DisputeManagementClickActions) {
+    DisputeManagementClickActions["nextStep"] = "nextStep";
+    DisputeManagementClickActions["previousStep"] = "previousStep";
+    DisputeManagementClickActions["cancelDispute"] = "cancelDispute";
+    DisputeManagementClickActions["respondToDispute"] = "respondToDispute";
+    DisputeManagementClickActions["submit"] = "submit";
+})(DisputeManagementClickActions || (DisputeManagementClickActions = {}));
+var DisputeResponseFormStep;
+(function (DisputeResponseFormStep) {
+    DisputeResponseFormStep["disputeReason"] = "dispute_reason";
+    DisputeResponseFormStep["productOrService"] = "product_or_service";
+    DisputeResponseFormStep["customerDetails"] = "customer_details";
+    DisputeResponseFormStep["cancellationPolicy"] = "cancellation_policy";
+    DisputeResponseFormStep["refundPolicy"] = "refund_policy";
+    DisputeResponseFormStep["duplicateCharge"] = "duplicate_charge";
+    DisputeResponseFormStep["electronicEvidence"] = "electronic_evidence";
+    DisputeResponseFormStep["shippingDetails"] = "shipping_details";
+    DisputeResponseFormStep["additionalStatement"] = "additional_statement";
+})(DisputeResponseFormStep || (DisputeResponseFormStep = {}));
+
+export { DisputeManagementClickActions as D };

package/dist/esm/event-types-5c87de02.js

@@ -0,0 +1,23 @@
+var BusinessFormClickActions;
+(function (BusinessFormClickActions) {
+    BusinessFormClickActions["nextStep"] = "nextStep";
+    BusinessFormClickActions["previousStep"] = "previousStep";
+    BusinessFormClickActions["submit"] = "submit";
+    BusinessFormClickActions["removeOwner"] = "removeOwner";
+    BusinessFormClickActions["addOwner"] = "addOwner";
+    BusinessFormClickActions["addOwnerForm"] = "addOwnerForm";
+    BusinessFormClickActions["updateOwner"] = "updateOwner";
+})(BusinessFormClickActions || (BusinessFormClickActions = {}));
+var BusinessFormStep;
+(function (BusinessFormStep) {
+    BusinessFormStep["businessInfo"] = "business_info";
+    BusinessFormStep["legalAddress"] = "legal_address";
+    BusinessFormStep["additionalQuestions"] = "additional_questions";
+    BusinessFormStep["representative"] = "representative";
+    BusinessFormStep["owners"] = "owners";
+    BusinessFormStep["bankAccount"] = "bank_account";
+    BusinessFormStep["documentUpload"] = "document_upload";
+    BusinessFormStep["termsAndConditions"] = "terms_and_conditions";
+})(BusinessFormStep || (BusinessFormStep = {}));
+
+export { BusinessFormClickActions as B, BusinessFormStep as a };

package/dist/esm/form-alert_5.entry.js

@@ -1,7 +1,8 @@
-import { r as registerInstance, h, H as Host } from './index-57431c24.js';
-import { a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, b as businessClassificationOptions } from './business-form-options-d790973e.js';
+import { r as registerInstance, h, H as Host } from './index-29fcfdf5.js';
+import { u as alertDanger, h as heading2 } from './parts-186d437f.js';
+import { a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, b as businessClassificationOptions } from './business-form-options-018f62a5.js';
 import { C as CURRENCY_MASK, T as TAX_ID_MASKS, P as PHONE_MASKS, S as SSN_MASK } from './form-input-masks-0e18300f.js';
-import { C as CoreBusinessInfo } from './Business-b73d5055.js';
+import { C as CoreBusinessInfo } from './Business-29c69f22.js';
 import { d as deconstructDate } from './helpers-96ea3464.js';
 import { S as StateOptions } from './state-options-a356fb11.js';
 import { n as numberOnlyHandler } from './utils-20cdf321.js';
@@ -19,7 +20,7 @@ const FormAlert = class {
         if (this.hideAlert) {
             return null;
         }
-        return (h("div", { class: 'alert alert-danger d-flex align-items-center', role: 'alert' }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "currentColor", class: "bi bi-exclamation-triangle-fill flex-shrink-0 me-2", viewBox: "0 0 16 16", role: "img", "aria-label": "Warning:" }, h("path", { d: "M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" })), h("div", null, this.text)));
+        return (h("div", { class: 'alert alert-danger d-flex align-items-center', role: 'alert', part: alertDanger }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", fill: "currentColor", class: "bi bi-exclamation-triangle-fill flex-shrink-0 me-2", viewBox: "0 0 16 16", role: "img", "aria-label": "Warning:" }, h("path", { d: "M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" })), h("div", null, this.text)));
     }
 };
 
@@ -41,7 +42,7 @@ const AdditionalQuestions = class {
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         const additionalQuestionsDefaultValue = this.formController.getInitialValues().additional_questions;
-        return (h(Host, { key: '61cc057bc6c5776e27de37de03fd89c11e222b48', exportparts: "label,input,input-invalid" }, h("fieldset", { key: 'b979a8632db229a28fe4c7e209963d9750cb3af3' }, h("legend", { key: 'f0228638af05f24d265ff3ff08da34d9026b8bc8' }, "Additional Questions"), h("hr", { key: '985908ab74473185e4f63edf8d2ae67d21aa2c4c' }), h("div", { key: '3e5b107b36d8f02d1a7ec7f5be04cc7560dacb9b', class: "row gy-3" }, h("div", { key: '7bca3143f0e7c813b02b08bf685ed7d83a6f17d3', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '7b96fb49733b41cb4a100d9fbdf85054409d46d8', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '3103b2355eccb404733e25b1a812faf7d33643de', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '2bd4f9de5e18f8e9f7337e09b20ef2027f8efe10', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.additional_questions) === null || _d === void 0 ? void 0 : _d.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '3947678da024eacc36a4895dc82133543904ec10', class: "col-12" }, h("form-control-select", { key: 'cb6473c4ca9b410e1f73fb6821a1e6a9c4e8ba3c', name: 'business_when_service_received', label: 'On average, how long after paying will your customers typically receive their goods or services?', inputHandler: this.inputHandler, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.additional_questions) === null || _f === void 0 ? void 0 : _f.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: '3ba6b5469e8b55fdf9607458ea82db534060b4da', class: "col-12" }, h("form-control-select", { key: '9239ce8bf9b5f54847dcd946b70b84cb2b188476', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: '3acb380a8932d9df99c1bec4bf77806d23f16376', class: "col-12" }, h("form-control-text", { key: '71a01a5936b25f95ecd1d7a4ae926c34f0ab8f42', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.additional_questions) === null || _k === void 0 ? void 0 : _k.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { key: 'e31135b0483e5ab0e71ad4126bed49c2ce8e2f2d', class: "col-12" }, h("form-control-select", { key: '00c4567411859e568ac6c8663476d8a35e11dd59', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.additional_questions) === null || _m === void 0 ? void 0 : _m.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: 'f30fdb514b300844feb0a0c1bb2492d234f5f050', class: "col-12" }, h("form-control-text", { key: '6d7cf0947be6991725bee50c2fcad1298677d5e3', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_p = (_o = this.errors) === null || _o === void 0 ? void 0 : _o.additional_questions) === null || _p === void 0 ? void 0 : _p.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
+        return (h(Host, { key: 'bb84bd6a1e3fa028c187a1d50c905e726549793d' }, h("fieldset", { key: '749a84c04210a561575b7182740fc6e5225756cb' }, h("legend", { key: '9b469b3014f11c3b108ca1ab85cfe61e202b9948', part: heading2 }, "Additional Questions"), h("div", { key: '1681a5e6f88b005dbf12c6e85c5b3b451a32d326', class: "row gy-3" }, h("div", { key: '8b29f94ac08449ed9d1995e1b3bd8e61692defa0', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'c05f4c9e4c14e2be2ce71f669d4f80661fac5812', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: 'bb7b1d913c72ead01ed7c1887ab3822082e156b4', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '33c9e231009d4368b5dcc45851f96e6329de64aa', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.additional_questions) === null || _d === void 0 ? void 0 : _d.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: 'b2e265d1eb6199f37cc667df427213f874764450', class: "col-12" }, h("form-control-select", { key: '0eb29219e1ee105088cd7b4953db890f31060a27', name: 'business_when_service_received', label: 'On average, how long after paying will your customers typically receive their goods or services?', inputHandler: this.inputHandler, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.additional_questions) === null || _f === void 0 ? void 0 : _f.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: '368372379f4e361c1a85e56b4f5f9f46f490024e', class: "col-12" }, h("form-control-select", { key: '20c055aaecbc1c98861f675416bd17631f4427af', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: 'bd9761c491278329673db6fc552aa81d410d3d4e', class: "col-12" }, h("form-control-text", { key: '7824d74e9855743c0fa3192aa67d091676ac8032', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.additional_questions) === null || _k === void 0 ? void 0 : _k.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { key: '5eaf43f760d3ca83fe6ce92934827eda00bce848', class: "col-12" }, h("form-control-select", { key: 'bf239e5e8ea008e0617f4930836e2cc54b7d0bfb', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.additional_questions) === null || _m === void 0 ? void 0 : _m.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: '67bf5e9add4e24d12feb6398fd55bd8d29d293ff', class: "col-12" }, h("form-control-text", { key: 'c7956d361e51bb80a96e42f208af4b3499a54c66', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_p = (_o = this.errors) === null || _o === void 0 ? void 0 : _o.additional_questions) === null || _p === void 0 ? void 0 : _p.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
     }
 };
 
@@ -64,7 +65,7 @@ const BusinessCoreInfo = class {
     }
     render() {
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '8d81a67cdd39073a8a2c4a392b848583bfbd3bb8', exportparts: "label,input,input-invalid" }, h("fieldset", { key: '83cf000ec3b8d66bc62d87e9adaf323e148d8caf' }, h("legend", { key: '904718bfb29a0542edf87a200c787424802a5e83' }, "General Info"), h("hr", { key: 'c62b85278d5dad53a5f87b4ce58e91092a7d8669' }), h("div", { key: 'f0bb373bf75561070fb745e0c73c3c65fd6754f1', class: "row gy-3" }, h("div", { key: 'a4d7446b5ba21a87b0f308726f0ebb6d827f4f97', class: "col-12" }, h("form-control-text", { key: '70c449d9559c0c08c449531a585fc0ffcd0a745c', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '8483e884591f2f48502d59ff3c2135a38f623752', class: "col-12" }, h("form-control-text", { key: '5037e14c786af49c92c139d83ac4b600a22e0d20', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '3de67ca2647f294aaea74964e7959e470d64ded6', class: "col-12 col-md-8" }, h("form-control-select", { key: '97f96111305371f1a4e037d49ed88cd9ee1864c6', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '9e72fce44d9dedddb78e80e60de04f9d1c011c3d', class: "col-12 col-md-4" }, h("form-control-date", { key: '7ef7d6dfc1be302b7c34c03c5795d487bfecb628', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: '1f922b07e9b518ef8803e38baf592edc5e1f3d53', class: "col-12 col-md-6" }, h("form-control-text", { key: '4db75fd442ab14ff0387967f8a91fc34b666aeca', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '3f7fe65745fc046a7654a1d091c68ba54f139bda', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '3e0c9db91b9bc2eed4a048d96e7d5c8e6cf9e04e', name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { key: 'cc4f89e9b8507752c147a9f59ed6a945ccfa0d95', class: "col-12" }, h("form-control-text", { key: '7d19bd16720da687b4a0f506509ec9fd8a6185fa', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: 'ddfacd485ca994560955ffaf3e9dc21e6300ea06', class: "col-12 col-md-6" }, h("form-control-text", { key: '9047a690090fe0c64b580c64bed78febeffafee8', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '54a8e1f648446f5be503c2f1f9e99e841f9a6e6f', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'ce8821b40c1771df94bc2a9658eea34befdd462a', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+        return (h(Host, { key: 'e4137edfffdb68e6dd792a9b38b13752734f5fd2' }, h("fieldset", { key: '7652930c2d961361969a454b6632ece8d34e9a7b' }, h("legend", { key: 'cb6e3a3eb561d862ea57d74bfd8a59fc8f2bb017', part: heading2 }, "General Info"), h("div", { key: '7becc4c5b16f7a77ff425b40e961fb478e50b3b4', class: "row gy-3" }, h("div", { key: '1c4d8eba65f262bf35e405e38818c2bb489c4c1a', class: "col-12" }, h("form-control-text", { key: 'f71636cf4bb91ee161e6e056cafc275950642e20', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '1865bb01a25c5f6148331a15804e31f48af4c6e8', class: "col-12" }, h("form-control-text", { key: '9d8a77ea431d826c864fe833fdb7866aa3fc6283', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: 'a271782b9750547ff609653307db7f3bfaccf25b', class: "col-12 col-md-8" }, h("form-control-select", { key: '52144fe64984bfbddc7d4488e48cc44decf44943', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '88c72bf4401345def76beff2f555f8dcd04724a5', class: "col-12 col-md-4" }, h("form-control-date", { key: '6c8b11e80c6959f257ed9a1022d6f0bc9437cf79', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: 'f5ddb61e0b705a4c16a0ae2b4610a6407cc4d919', class: "col-12 col-md-6" }, h("form-control-text", { key: '8e816266819351742ec3a00683a211d3b9ed5969', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '0e23adafca4f1dbde3a40d5f28a84278a00ef5df', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '143ad2c24b1643532186d0bbb4a0f4ada84cc880', name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { key: '3549c796c3c9653e2006f7441a3aedff5c559660', class: "col-12" }, h("form-control-text", { key: 'ae1794226a4aeffdc0ec0ae1a1959a7e1f599024', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: 'a10bae7797bdc5c0bad910281dba1006dcf336b7', class: "col-12 col-md-6" }, h("form-control-text", { key: 'f6c80857ae53d6949d9276d4df3d04e459300c5f', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'd680203bd386b10a8385bf50d2b7a8e5a5564e29', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'ca47e1b1d774b1fd61242ddd8d8adbeb21576970', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
 };
 
@@ -94,7 +95,7 @@ const BusinessRepresentative = class {
     }
     render() {
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (h(Host, { key: '857634ffd34ea218dce687fb0eaa95830a58bfb1', exportparts: "label,input,input-invalid" }, h("fieldset", { key: 'b3b073dc456e58c4fa67182ea3518581038419e3' }, h("legend", { key: '3c1997f718c340b5dd32e4cdbe9400d64eecf577' }, "Representative"), h("hr", { key: 'd51e5d797106af2050b884fc09802c497a180e1d' }), h("div", { key: '7e5631f8eb5c28f0a5c4193ece3039a3adc35d0a', class: "row gy-3" }, h("div", { key: '399a1f505781ed0b82fa85366ca66580e977f3e5', class: "col-12 col-md-8" }, h("form-control-text", { key: '0820b8e0b6178b997ba1938efc045ad334f061d3', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '2bb15a86304ce8755e1183835c0ed7c310a0e8b2', class: "col-12 col-md-4" }, h("form-control-text", { key: '2cc405cea169ec1bd5d72b110ce403101d029fff', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'd2927f863bd374c38b8028a148568068144294d7', class: "col-12 col-md-6" }, h("form-control-text", { key: '0fa24fa492e060978facf23aac2b151595bb129c', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '8c9f75ebc3c5d87fafaff48e489ad5dc091fbca4', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'f060196556cd11d9f68dab3aa7e87cba24e38afe', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '19f7bcd2a18ef1f8c937a90602bdd9f0ac8f91e5', class: "col-12 col-md-4" }, h("form-control-date", { key: '5392a1ce2cbb43a88c2d90981b56ef55ba4fdb31', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: '36203f898451d610b34afabc4bac9e20f01e53f7', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '4d4b9e4dcc0f5829068d4916d7373f6506ee9e74', name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: '560e1dabe186e54a201ad02fb9054505ab5bb84c', class: "col-12" }, h("justifi-identity-address-form", { key: 'b47b48c19ca88248a9609c0e1858ba649f44c2da', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        return (h(Host, { key: '6953e0a161c91c96bbd1175f827c408532d9671d' }, h("fieldset", { key: '6d964e41c2cbe52659cff1947f34a4bed0ac086b' }, h("legend", { key: 'f7cc0797ebbfabd6cf316507949f023eecb064eb', part: heading2 }, "Representative"), h("div", { key: '83c9b653887b11a242a64da2d6e56ee0a5928c09', class: "row gy-3" }, h("div", { key: '641bf82762b34021bb4de999b7ac7bdfc7467992', class: "col-12 col-md-8" }, h("form-control-text", { key: '5c467daf7356de89b9f83d1ad623b278a8728237', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '3fe3718a17b31d15c538708bf04ac3709e4fc693', class: "col-12 col-md-4" }, h("form-control-text", { key: '12d100d5169fc48738b948ae427a25f9e56a3a43', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '96cc8dcd98a219da320060afecbe606484d5e366', class: "col-12 col-md-6" }, h("form-control-text", { key: '77847b0d23fd7e12330965948c983e8d6d4dc9a7', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '85c1991710d1eb0459d6ec38f11e3e04db190e41', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '978cb087ff6dc7cb2b9de885eafb3ef129e9c98f', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'abf26703f0a54067e37b1431730c88b3bec66ea0', class: "col-12 col-md-4" }, h("form-control-date", { key: '1dce5eca05db74ac62070152c169acf527cecde0', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'b95022325c2954a38fd28d0e601b948c1dea1af9', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'c3e85a5a69b44bb009756ea431433e6997dbf33e', name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: 'f4e5fd0ee95bd83fc0916ebf70045e78e6ea0500', class: "col-12" }, h("justifi-identity-address-form", { key: '3559f515326eea50c760522f4a22a0231214ffc8', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
 };
 
@@ -116,7 +117,7 @@ const LegalAddressForm = class {
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (h(Host, { key: 'c882f02585a8b78ddd35e0d28a71252324631634', exportparts: "label,input,input-invalid" }, h("fieldset", { key: '7b41893d22bc032020060200e63f80707385585c' }, h("legend", { key: 'ddd67063e34b95920080bd649c0e3cfd1f4f1c0b' }, "Business Legal Address"), h("hr", { key: '7a74e634115497c445437543120bc8d9ff2d16ef' }), h("div", { key: 'acd00ea38decc4f4605ba058e2580626a86397a4', class: "row gy-3" }, h("div", { key: 'ca5a109b181dceab7d71bf3b7aa4cbaadc70ad6f', class: "col-12" }, h("form-control-text", { key: '67271661212a45157e37fe136a4a778552a9bfc9', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), h("div", { key: '1d2ed08d41694bf530c92c1cd6f7092c46f93b40', class: "col-12" }, h("form-control-text", { key: '66dcae505b16fe4a5cb43e541f197d7de45f374e', name: "line2", label: "Address Line 2", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: 'ad5bd6ecb8fd5afec958d44fe6fb265b8cfac358', class: "col-12" }, h("form-control-text", { key: '33053662779ae34f6117fec9d2c8f2b3ae57ab53', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: 'fa19d830d677b2e183dff7ee8532c23e77d2d162', class: "col-12" }, h("form-control-select", { key: '481324e4af2b4af52cd9955331b402a30ca0bc45', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: '76642ac99c59d4a4a75b2d8b03cffe807d96d62b', class: "col-12" }, h("form-control-text", { key: '0d46bb841e259ff86da5aff4e1e8ac9b000db331', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: '947782f5fa17fa0df3e431fe587d1efefbecdc27', class: "col-12" }, h("form-control-select", { key: 'd8848595610231ad5bf86f21eaad4bbb45617b01', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.legal_address) === null || _m === void 0 ? void 0 : _m.country,
+        return (h(Host, { key: 'cdc38fd9219f476ab7e96dc822e011e576ffd4a4' }, h("fieldset", { key: '2ede5cb6b37f1e3777ca0cc67301df09c3fba094' }, h("legend", { key: '172c62472d8604980ad3852706753fa57ca7de61', part: heading2 }, "Business Legal Address"), h("div", { key: 'e06b8a7685b684d0b13dca7d353a25657a193d7f', class: "row gy-3" }, h("div", { key: '666b922155f4867095c42bc8e5d532666bfa5dae', class: "col-12" }, h("form-control-text", { key: '3438b500fa38f5a8598087e9f1443c81727a25f7', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), h("div", { key: '161beeeed0ee761e3a46eedf8be84fa41d3baa97', class: "col-12" }, h("form-control-text", { key: '50529cbf0bace2992f1a26904711b44900e7f9ae', name: "line2", label: "Address Line 2", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: '9197e0c08d20fb1b4833bd5e3753bc9a98be38d3', class: "col-12" }, h("form-control-text", { key: 'a4f76e3e053a970971c65315679a26046e4bf93d', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: 'fc0751e18457603a59d6f159a8355b05f3199098', class: "col-12" }, h("form-control-select", { key: '3b9c78bdc3997badec0d0752fd8a0dcfa278ebbe', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: '088917f3ec58d3e0b91a80fc545be78cb7a0d5f2', class: "col-12" }, h("form-control-text", { key: 'abb1e41d287a7ea0165f68811ee60a7985d3bcc7', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: '2f042e9969d48a35618124975def5b2fd06a9b98', class: "col-12" }, h("form-control-select", { key: '67bf02cb2b3e786b2a5a4f5817a4ffd5ff2fee96', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.legal_address) === null || _m === void 0 ? void 0 : _m.country,
             // just for now so we skip handling country specificities
             disabled: true }))))));
     }