@justifi/webcomponents 4.22.0 → 4.22.1

package/dist/esm/justifi-payment-form.entry.js

@@ -7,11 +7,11 @@ import { l as loadFontsOnParent } from './utils-3daada24.js';
 import { c as config } from './config-27764a9d.js';
 import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
 import { g as getErrorMessage } from './utils-b10dae27.js';
-import { J as JustifiAnalytics } from './Analytics-777962a4.js';
+import { J as JustifiAnalytics } from './Analytics-a46c0c00.js';
 import { B as Button } from './button-34e75e0f.js';
 import { S as StyledHost } from './styled-host-e0ddb759.js';
-import { c as checkPkgVersion } from './check-pkg-version-bac8fac0.js';
-import './package-5144835c.js';
+import { c as checkPkgVersion } from './check-pkg-version-ed46fa3b.js';
+import './package-6c5cc174.js';
 import './Api-391d00e2.js';
 
 const paymentFormCss = ":host{display:block}justifi-payment-method-form{display:block;margin-left:calc(var(--jfi-layout-padding) * -1);margin-right:calc(var(--jfi-layout-padding) * -1)}*::part(label){color:var(--jfi-form-label-color);font-family:var(--jfi-form-label-font-family);font-weight:var(--jfi-form-label-font-weight);font-size:var(--jfi-form-label-font-size);margin:var(--jfi-form-label-margin)}*::part(input){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}.jfi-submit-button{font-family:var(--jfi-layout-font-family);color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow)}.jfi-submit-button:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.jfi-submit-button:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn.jfi-submit-button:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}.btn.jfi-submit-button-loading{min-width:75px;color:var(--jfi-submit-button-color-loading);background-color:var(--jfi-submit-button-background-color-loading);border-color:var(--jfi-submit-button-border-color-loading)}.btn.jfi-submit-button-loading .spinner-border{border-top-color:var(--jfi-submit-button-color-loading);border-bottom-color:var(--jfi-submit-button-color-loading);border-left-color:var(--jfi-submit-button-color-loading)}";

package/dist/esm/justifi-payment-provisioning.entry.js

@@ -1,12 +1,12 @@
 import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
-import { J as JustifiAnalytics } from './Analytics-777962a4.js';
+import { J as JustifiAnalytics } from './Analytics-a46c0c00.js';
 import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
 import { m as makeGetBusiness, a as makePostProvisioning } from './payment-provisioning-actions-0635eff7.js';
 import { B as BusinessService } from './business.service-97a3da69.js';
 import { c as config } from './config-27764a9d.js';
 import { A as Api } from './Api-391d00e2.js';
-import { c as checkPkgVersion } from './check-pkg-version-bac8fac0.js';
-import './package-5144835c.js';
+import { c as checkPkgVersion } from './check-pkg-version-ed46fa3b.js';
+import './package-6c5cc174.js';
 import './utils-b10dae27.js';
 
 class ProvisionService {

package/dist/esm/justifi-payments-list.entry.js

@@ -6,13 +6,13 @@ import { P as Payment } from './Payment-30790721.js';
 import './SubAccount-7f7e4c56.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
-import { J as JustifiAnalytics } from './Analytics-777962a4.js';
-import { c as checkPkgVersion } from './check-pkg-version-bac8fac0.js';
+import { J as JustifiAnalytics } from './Analytics-a46c0c00.js';
+import { c as checkPkgVersion } from './check-pkg-version-ed46fa3b.js';
 import { c as config } from './config-27764a9d.js';
 import { S as StyledHost } from './styled-host-e0ddb759.js';
 import { t as tableExportedParts } from './exported-parts-70e7a12b.js';
 import './Api-391d00e2.js';
-import './package-5144835c.js';
+import './package-6c5cc174.js';
 
 const makeGetPayments = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;

package/dist/esm/justifi-payout-details.entry.js

@@ -7,11 +7,11 @@ import { P as Payout } from './SubAccount-7f7e4c56.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
 import { E as ErrorState } from './utils-218275b7.js';
-import { J as JustifiAnalytics } from './Analytics-777962a4.js';
-import { c as checkPkgVersion } from './check-pkg-version-bac8fac0.js';
+import { J as JustifiAnalytics } from './Analytics-a46c0c00.js';
+import { c as checkPkgVersion } from './check-pkg-version-ed46fa3b.js';
 import './Api-391d00e2.js';
 import './config-27764a9d.js';
-import './package-5144835c.js';
+import './package-6c5cc174.js';
 
 const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

package/dist/esm/justifi-payouts-list.entry.js

@@ -7,12 +7,12 @@ import './Payment-30790721.js';
 import { P as Payout } from './SubAccount-7f7e4c56.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
-import { J as JustifiAnalytics } from './Analytics-777962a4.js';
-import { c as checkPkgVersion } from './check-pkg-version-bac8fac0.js';
+import { J as JustifiAnalytics } from './Analytics-a46c0c00.js';
+import { c as checkPkgVersion } from './check-pkg-version-ed46fa3b.js';
 import { S as StyledHost } from './styled-host-e0ddb759.js';
 import './Api-391d00e2.js';
 import './config-27764a9d.js';
-import './package-5144835c.js';
+import './package-6c5cc174.js';
 
 const makeGetPayouts = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;

package/dist/esm/justifi-season-interruption-insurance.entry.js

@@ -7,9 +7,9 @@ import './SubAccount-7f7e4c56.js';
 import { c as config } from './config-27764a9d.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
-import { J as JustifiAnalytics } from './Analytics-777962a4.js';
-import { c as checkPkgVersion } from './check-pkg-version-bac8fac0.js';
-import './package-5144835c.js';
+import { J as JustifiAnalytics } from './Analytics-a46c0c00.js';
+import { c as checkPkgVersion } from './check-pkg-version-ed46fa3b.js';
+import './package-6c5cc174.js';
 
 class InsuranceService {
     async fetchQuote(authToken, payload) {

package/dist/esm/justifi-terminals-list.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
-import { J as JustifiAnalytics } from './Analytics-777962a4.js';
-import { c as checkPkgVersion } from './check-pkg-version-bac8fac0.js';
+import { J as JustifiAnalytics } from './Analytics-a46c0c00.js';
+import { c as checkPkgVersion } from './check-pkg-version-ed46fa3b.js';
 import { c as config } from './config-27764a9d.js';
 import { A as Api } from './Api-391d00e2.js';
 import './Checkout-0b4086f8.js';
@@ -12,7 +12,8 @@ import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-16c8ce40.js';
 import { S as StyledHost } from './styled-host-e0ddb759.js';
 import { t as tableExportedParts } from './exported-parts-70e7a12b.js';
-import './package-5144835c.js';
+import { d as defaultColumnsKeys } from './terminals-table-059c473e.js';
+import './package-6c5cc174.js';
 
 class TerminalService {
     async fetchTerminals(accountId, authToken, params, apiOrigin) {
@@ -76,7 +77,7 @@ const TerminalsList = class {
         this.accountId = undefined;
         this.authToken = undefined;
         this.apiOrigin = config.proxyApiOrigin;
-        this.columns = undefined;
+        this.columns = defaultColumnsKeys;
     }
     componentWillLoad() {
         checkPkgVersion();
@@ -122,7 +123,7 @@ const TerminalsList = class {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'b150133d9e787d0a4f32d92d9fb26df50391e632', exportparts: tableExportedParts }, h("terminals-list-core", { key: '59302d93d0a308c34aacabf7e5a006099eaff2d6', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '8ffe95f21b5ef8c1c15fc0e22a9c824cff758ee6', exportparts: tableExportedParts }, h("terminals-list-core", { key: 'a550f1f85b84f6cc06bd93b5e5a9ec726b72b46c', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/esm/justifi-tokenize-payment-method.entry.js

@@ -2,9 +2,9 @@ import { r as registerInstance, c as createEvent, h } from './index-57431c24.js'
 import { B as Button } from './button-34e75e0f.js';
 import { S as StyledHost } from './styled-host-e0ddb759.js';
 import { C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
-import { c as checkPkgVersion } from './check-pkg-version-bac8fac0.js';
-import { J as JustifiAnalytics } from './Analytics-777962a4.js';
-import './package-5144835c.js';
+import { c as checkPkgVersion } from './check-pkg-version-ed46fa3b.js';
+import { J as JustifiAnalytics } from './Analytics-a46c0c00.js';
+import './package-6c5cc174.js';
 import './config-27764a9d.js';
 import './Api-391d00e2.js';
 

package/dist/esm/{package-5144835c.js → package-6c5cc174.js}

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "4.22.0";
+const version = "4.22.1";
 const description = "JustiFi Web Components";
 const collection = "dist/collection/collection-manifest.json";
 const main = "dist/index.cjs.js";

package/dist/esm/{table-75364107.js → table-5da154e7.js}

@@ -7,6 +7,9 @@ class Table {
             return this.columnKeys.map((key) => this.tableCells[key](checkout[key]));
         });
     }
+    set collectionData(collection) {
+        this.collection = collection;
+    }
     constructor(collection, columns, tableColumns, tableCells) {
         this.columnKeys = columns.split(',');
         this.collection = collection;

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

@@ -1,36 +1,12 @@
-import { h, r as registerInstance, c as createEvent } from './index-57431c24.js';
+import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
 import './Checkout-0b4086f8.js';
 import { p as pagingDefaults } from './Pagination-afc8f96d.js';
 import './Payment-30790721.js';
 import './SubAccount-7f7e4c56.js';
 import { T as TableLoadingState, a as TableEmptyState, b as TableErrorState } from './table-loading-state-356c7215.js';
 import { o as onFilterChange } from './utils-3a4d8f3a.js';
-import { T as Table } from './table-75364107.js';
-
-const MapTerminalStatusToBadge = (status) => {
-    switch (status) {
-        case 'connected':
-            return "<span class='badge bg-success' title='This terminal is connected.'>Connected</span>";
-        case 'disconnected':
-            return "<span class='badge bg-danger' title='This terminal is disconnected.'>Disconnected</span>";
-        case 'unknown':
-            return "<span class='badge bg-secondary' title='The status of this terminal is unknown'>Unknown</span>";
-    }
-};
-
-const defaultColumnsKeys = 'nickname,provider_id,status';
-const terminalTableColumns = {
-    nickname: () => (h("th", { part: "table-head-cell", scope: "col", title: "The nickname associated with the terminal" }, "Nickname")),
-    provider_id: () => (h("th", { part: "table-head-cell", scope: "col", title: "The provider ID of the terminal" }, "Provider ID")),
-    sub_account_name: () => (h("th", { part: "table-head-cell", scope: "col", title: "The sub account associated with the terminal" }, "Sub Account")),
-    status: () => (h("th", { part: "table-head-cell", scope: "col", title: "The current status of each terminal" }, "Status")),
-};
-const terminalTableCells = {
-    nickname: (value) => (h("td", null, value)),
-    provider_id: (value) => (h("td", null, value)),
-    sub_account_name: (value) => (h("td", null, value)),
-    status: (value) => (h("td", { innerHTML: MapTerminalStatusToBadge(value) })),
-};
+import { t as terminalTableColumns, a as terminalTableCells } from './terminals-table-059c473e.js';
+import { T as Table } from './table-5da154e7.js';
 
 const TerminalsListCore = class {
     constructor(hostRef) {
@@ -63,9 +39,9 @@ const TerminalsListCore = class {
         };
         this.getTerminals = undefined;
         this.getSubAccounts = undefined;
-        this.columns = defaultColumnsKeys;
+        this.columns = undefined;
         this.terminals = [];
-        this.terminalsTable = new Table([], this.columns, terminalTableColumns, terminalTableCells);
+        this.terminalsTable = undefined;
         this.subAccounts = [];
         this.loading = true;
         this.errorMessage = undefined;
@@ -76,6 +52,7 @@ const TerminalsListCore = class {
         this.fetchTerminals();
     }
     componentWillLoad() {
+        this.terminalsTable = new Table(this.terminals, this.columns, terminalTableColumns, terminalTableCells);
         if (this.getTerminals && this.getSubAccounts) {
             this.fetchTerminals();
         }
@@ -87,7 +64,7 @@ const TerminalsListCore = class {
             onSuccess: async ({ terminals, pagingInfo }) => {
                 this.terminals = terminals;
                 this.paging = pagingInfo;
-                this.terminalsTable = new Table(this.terminals, this.columns, terminalTableColumns, terminalTableCells);
+                this.terminalsTable.collectionData = this.terminals;
                 const shouldFetchSubAccounts = this.terminalsTable.columnKeys.includes('sub_account_name');
                 if (shouldFetchSubAccounts) {
                     await this.fetchSubAccounts();
@@ -149,7 +126,7 @@ const TerminalsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: 'd6bd09387fc558286f09cc98e7b5423a57410440' }, h("terminals-list-filters", { key: '27f3b5ca45bad96695364e96f0c047db8465f061', params: this.params, setParamsOnChange: this.setParamsOnChange, clearParams: this.clearParams }), h("div", { key: '693ef5e9383ad2d4433a79872d51a922f1bb0cbb', class: "table-wrapper" }, h("table", { key: 'd6779ca5094593e21ddee4f0b236b0fa94c7cfe5', class: "table table-hover" }, h("thead", { key: '5b7524c86b32d61d2b087c9ace5673276a6525e2', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '6f3f3f560f5eaa38a700aacf850c01ce7224c617', class: "table-light text-nowrap", part: "table-head-row" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: 'd65612fc80a216dbbce686e1e5cdd06bc7c934ad', class: "table-body", part: "table-body" }, h(TableLoadingState, { key: '9ffbafb5105380d685e9cad76b627afe96c8e724', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '692c6cb35da2c9057bbac4e5d8e7536017ef1694', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '5072ca0cb9f9ca3d77fc394c935cc1ae473b8864', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.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: 'b043af164be76a5bdbaf53e5a0563f48049925b0', class: "sticky-bottom" }, h("tr", { key: '2fed67d847e113c371213643c07a79208701c1e5', class: "table-light align-middle" }, h("td", { key: 'b3fac5af2d92a8ea93daefd24310ed5b45d32764', part: "pagination-bar", colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '4e5a82670a7aa1fee01b71fbc20b65824300a07f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
+        return (h("div", { key: '7f8bc3f39c1250281c2f2ad6fe081fc71bb20e79' }, h("terminals-list-filters", { key: 'd1184427fc74d970bd69d56a00d0ef4b7672516b', params: this.params, setParamsOnChange: this.setParamsOnChange, clearParams: this.clearParams }), h("div", { key: '582e37429a153cd17bf3c7ebb16e7330c774f986', class: "table-wrapper" }, h("table", { key: '1c03b2ddc8ca2da6b1f2147113f7832b3f27ec1d', class: "table table-hover" }, h("thead", { key: '811d48219cc04256f4a37854504252ff53392bd9', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: 'fafa54ac3abba993dcf38ca2e47f248031226041', class: "table-light text-nowrap", part: "table-head-row" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: '8c9072bf6ebb7f720f1fad0faa47c72c8ed84dd2', class: "table-body", part: "table-body" }, h(TableLoadingState, { key: 'abddb3ce09e39245c0455893f09e54cc631b26bf', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '166a461ee8aaf7405fc0a2b12cd17e1e1e9553f3', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '969bbfcce66b6bcee4dadabe465eaef37022d13b', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.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: 'c63268c11facddaa44452c58743ad9c03f492898', class: "sticky-bottom" }, h("tr", { key: '0e247f8968ad4ed7e8c001354b1c29d5bf7976aa', class: "table-light align-middle" }, h("td", { key: '51c5157453d911f5bf370ba2ac6a556dd1592f24', part: "pagination-bar", colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '3a3ba65f31099125e9c01bc9c8c001c6437ed720', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
     }
     static get watchers() { return {
         "params": ["updateOnPropChange"],

package/dist/esm/terminals-table-059c473e.js

@@ -0,0 +1,28 @@
+import { h } from './index-57431c24.js';
+
+const MapTerminalStatusToBadge = (status) => {
+    switch (status) {
+        case 'connected':
+            return "<span class='badge bg-success' title='This terminal is connected.'>Connected</span>";
+        case 'disconnected':
+            return "<span class='badge bg-danger' title='This terminal is disconnected.'>Disconnected</span>";
+        case 'unknown':
+            return "<span class='badge bg-secondary' title='The status of this terminal is unknown'>Unknown</span>";
+    }
+};
+
+const defaultColumnsKeys = 'nickname,provider_id,status';
+const terminalTableColumns = {
+    nickname: () => (h("th", { part: "table-head-cell", scope: "col", title: "The nickname associated with the terminal" }, "Nickname")),
+    provider_id: () => (h("th", { part: "table-head-cell", scope: "col", title: "The provider ID of the terminal" }, "Provider ID")),
+    sub_account_name: () => (h("th", { part: "table-head-cell", scope: "col", title: "The sub account associated with the terminal" }, "Sub Account")),
+    status: () => (h("th", { part: "table-head-cell", scope: "col", title: "The current status of each terminal" }, "Status")),
+};
+const terminalTableCells = {
+    nickname: (value) => (h("td", null, value)),
+    provider_id: (value) => (h("td", null, value)),
+    sub_account_name: (value) => (h("td", null, value)),
+    status: (value) => (h("td", { innerHTML: MapTerminalStatusToBadge(value) })),
+};
+
+export { terminalTableCells as a, defaultColumnsKeys as d, terminalTableColumns as t };

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

@@ -85,9 +85,9 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
         };
         this.getCheckouts = undefined;
         this.getSubAccounts = undefined;
-        this.columns = defaultColumnsKeys;
+        this.columns = undefined;
         this.checkouts = [];
-        this.checkoutsTable = new Table([], this.columns, checkoutTableColumns, checkoutTableCells);
+        this.checkoutsTable = undefined;
         this.subAccounts = [];
         this.loading = true;
         this.errorMessage = undefined;
@@ -98,6 +98,7 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
         this.fetchCheckouts();
     }
     componentWillLoad() {
+        this.checkoutsTable = new Table(this.checkouts, this.columns, checkoutTableColumns, checkoutTableCells);
         if (this.getCheckouts && this.getSubAccounts) {
             this.fetchCheckouts();
         }
@@ -109,7 +110,7 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
             onSuccess: async ({ checkouts, pagingInfo }) => {
                 this.checkouts = checkouts;
                 this.paging = pagingInfo;
-                this.checkoutsTable = new Table(this.checkouts, this.columns, checkoutTableColumns, checkoutTableCells);
+                this.checkoutsTable.collectionData = this.checkouts;
                 const shouldFetchSubAccounts = this.checkoutsTable.columnKeys.includes('sub_account_name');
                 if (shouldFetchSubAccounts) {
                     await this.fetchSubAccounts();
@@ -171,7 +172,7 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '2734f704620a60a5bedc46e3e41ab758af3fcb33' }, h("checkouts-list-filters", { key: '88ec654a9e15b976c47baee51ebed8c4bd8f11d7', params: this.params, setParamsOnChange: this.setParamsOnChange, clearParams: this.clearParams }), h("div", { key: '929ce2e4dbee2b6aad94705b90b33527ef88f324', class: "table-wrapper" }, h("table", { key: '734d75f3f6d0189ce21560a89e9bc28628188798', class: "table table-hover" }, h("thead", { key: '6b1bba45aaa29b741cf3422902bf1d63cb89fe9a', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '54f3e19d0d8b1414e9c0df4a6b9cd59516eb0e2e', class: "table-light text-nowrap", part: "table-head-row" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: '7454d36c6595e8341c0405833a919c56cd09fa3d', class: "table-body", part: "table-body" }, h(TableLoadingState, { key: 'b6fc81a9293727005f0a13afbf518e57efeb8469', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'ce449e05b1c0643f8a2157f44f2f2af16ee08f8c', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '89d0b6d1c4eb966fe0195cfe6e854a7cca10c7ed', 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: 'ac6bb6d3cf02abc3f386a7d6bf92927f4a0ad244', class: "sticky-bottom" }, h("tr", { key: '352544ebda3e9a899fcb640b350fd60c55b97d17', class: "table-light align-middle" }, h("td", { key: '2dfc279e5e94bb1c0ea75670eb6584ff39a98f4a', part: "pagination-bar", colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'a8ba0fd21c0dd9be75662b62db78980a74d5fbc6', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
+        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 })))))))));
     }
     static get watchers() { return {
         "params": ["updateOnPropChange"],
@@ -246,4 +247,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { CheckoutsListCore as C, defineCustomElement as d };
+export { CheckoutsListCore as C, defaultColumnsKeys as a, defineCustomElement as d };

package/dist/module/justifi-checkouts-list.js

@@ -12,7 +12,7 @@ import { C as CheckoutService } from './checkout.service.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
 import { S as StyledHost } from './styled-host.js';
 import { t as tableExportedParts } from './exported-parts.js';
-import { d as defineCustomElement$9 } from './checkouts-list-core2.js';
+import { d as defineCustomElement$9, a as defaultColumnsKeys } from './checkouts-list-core2.js';
 import { d as defineCustomElement$8 } from './checkouts-list-filters2.js';
 import { d as defineCustomElement$7 } from './custom-popper2.js';
 import { d as defineCustomElement$6 } from './form-control-error-text2.js';
@@ -66,7 +66,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         this.accountId = undefined;
         this.authToken = undefined;
         this.apiOrigin = config.proxyApiOrigin;
-        this.columns = undefined;
+        this.columns = defaultColumnsKeys;
     }
     componentWillLoad() {
         checkPkgVersion();
@@ -112,7 +112,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '42ff5c1cff57b185200aa0c31f4fdb44b3401c91', exportparts: tableExportedParts }, h("checkouts-list-core", { key: '55565a5f61c671bae9554c7d9ecab044c7bb987c', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '6e6faed5df0fcdc48018650867672c5d325d1934', exportparts: tableExportedParts }, h("checkouts-list-core", { key: '92ceb10f7bd76864629ed0990a7f34fab76ce517', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -12,6 +12,7 @@ import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
 import { S as StyledHost } from './styled-host.js';
 import { t as tableExportedParts } from './exported-parts.js';
+import { d as defineCustomElement$3, a as defaultColumnsKeys } from './terminals-list-core2.js';
 import { d as defineCustomElement$a } from './custom-popper2.js';
 import { d as defineCustomElement$9 } from './form-control-error-text2.js';
 import { d as defineCustomElement$8 } from './form-control-select2.js';
@@ -19,7 +20,6 @@ import { d as defineCustomElement$7 } from './form-control-text2.js';
 import { d as defineCustomElement$6 } from './form-control-tooltip2.js';
 import { d as defineCustomElement$5 } from './pagination-menu2.js';
 import { d as defineCustomElement$4 } from './table-filters-menu2.js';
-import { d as defineCustomElement$3 } from './terminals-list-core2.js';
 import { d as defineCustomElement$2 } from './terminals-list-filters2.js';
 
 class TerminalService {
@@ -86,7 +86,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         this.accountId = undefined;
         this.authToken = undefined;
         this.apiOrigin = config.proxyApiOrigin;
-        this.columns = undefined;
+        this.columns = defaultColumnsKeys;
     }
     componentWillLoad() {
         checkPkgVersion();
@@ -132,7 +132,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: 'b150133d9e787d0a4f32d92d9fb26df50391e632', exportparts: tableExportedParts }, h("terminals-list-core", { key: '59302d93d0a308c34aacabf7e5a006099eaff2d6', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '8ffe95f21b5ef8c1c15fc0e22a9c824cff758ee6', exportparts: tableExportedParts }, h("terminals-list-core", { key: 'a550f1f85b84f6cc06bd93b5e5a9ec726b72b46c', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "4.22.0";
+const version = "4.22.1";
 const description = "JustiFi Web Components";
 const collection = "dist/collection/collection-manifest.json";
 const main = "dist/index.cjs.js";

package/dist/module/table.js

@@ -7,6 +7,9 @@ class Table {
             return this.columnKeys.map((key) => this.tableCells[key](checkout[key]));
         });
     }
+    set collectionData(collection) {
+        this.collection = collection;
+    }
     constructor(collection, columns, tableColumns, tableCells) {
         this.columnKeys = columns.split(',');
         this.collection = collection;

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

@@ -71,9 +71,9 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         };
         this.getTerminals = undefined;
         this.getSubAccounts = undefined;
-        this.columns = defaultColumnsKeys;
+        this.columns = undefined;
         this.terminals = [];
-        this.terminalsTable = new Table([], this.columns, terminalTableColumns, terminalTableCells);
+        this.terminalsTable = undefined;
         this.subAccounts = [];
         this.loading = true;
         this.errorMessage = undefined;
@@ -84,6 +84,7 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         this.fetchTerminals();
     }
     componentWillLoad() {
+        this.terminalsTable = new Table(this.terminals, this.columns, terminalTableColumns, terminalTableCells);
         if (this.getTerminals && this.getSubAccounts) {
             this.fetchTerminals();
         }
@@ -95,7 +96,7 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
             onSuccess: async ({ terminals, pagingInfo }) => {
                 this.terminals = terminals;
                 this.paging = pagingInfo;
-                this.terminalsTable = new Table(this.terminals, this.columns, terminalTableColumns, terminalTableCells);
+                this.terminalsTable.collectionData = this.terminals;
                 const shouldFetchSubAccounts = this.terminalsTable.columnKeys.includes('sub_account_name');
                 if (shouldFetchSubAccounts) {
                     await this.fetchSubAccounts();
@@ -157,7 +158,7 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: 'd6bd09387fc558286f09cc98e7b5423a57410440' }, h("terminals-list-filters", { key: '27f3b5ca45bad96695364e96f0c047db8465f061', params: this.params, setParamsOnChange: this.setParamsOnChange, clearParams: this.clearParams }), h("div", { key: '693ef5e9383ad2d4433a79872d51a922f1bb0cbb', class: "table-wrapper" }, h("table", { key: 'd6779ca5094593e21ddee4f0b236b0fa94c7cfe5', class: "table table-hover" }, h("thead", { key: '5b7524c86b32d61d2b087c9ace5673276a6525e2', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '6f3f3f560f5eaa38a700aacf850c01ce7224c617', class: "table-light text-nowrap", part: "table-head-row" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: 'd65612fc80a216dbbce686e1e5cdd06bc7c934ad', class: "table-body", part: "table-body" }, h(TableLoadingState, { key: '9ffbafb5105380d685e9cad76b627afe96c8e724', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '692c6cb35da2c9057bbac4e5d8e7536017ef1694', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '5072ca0cb9f9ca3d77fc394c935cc1ae473b8864', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.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: 'b043af164be76a5bdbaf53e5a0563f48049925b0', class: "sticky-bottom" }, h("tr", { key: '2fed67d847e113c371213643c07a79208701c1e5', class: "table-light align-middle" }, h("td", { key: 'b3fac5af2d92a8ea93daefd24310ed5b45d32764', part: "pagination-bar", colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '4e5a82670a7aa1fee01b71fbc20b65824300a07f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
+        return (h("div", { key: '7f8bc3f39c1250281c2f2ad6fe081fc71bb20e79' }, h("terminals-list-filters", { key: 'd1184427fc74d970bd69d56a00d0ef4b7672516b', params: this.params, setParamsOnChange: this.setParamsOnChange, clearParams: this.clearParams }), h("div", { key: '582e37429a153cd17bf3c7ebb16e7330c774f986', class: "table-wrapper" }, h("table", { key: '1c03b2ddc8ca2da6b1f2147113f7832b3f27ec1d', class: "table table-hover" }, h("thead", { key: '811d48219cc04256f4a37854504252ff53392bd9', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: 'fafa54ac3abba993dcf38ca2e47f248031226041', class: "table-light text-nowrap", part: "table-head-row" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: '8c9072bf6ebb7f720f1fad0faa47c72c8ed84dd2', class: "table-body", part: "table-body" }, h(TableLoadingState, { key: 'abddb3ce09e39245c0455893f09e54cc631b26bf', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '166a461ee8aaf7405fc0a2b12cd17e1e1e9553f3', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '969bbfcce66b6bcee4dadabe465eaef37022d13b', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.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: 'c63268c11facddaa44452c58743ad9c03f492898', class: "sticky-bottom" }, h("tr", { key: '0e247f8968ad4ed7e8c001354b1c29d5bf7976aa', class: "table-light align-middle" }, h("td", { key: '51c5157453d911f5bf370ba2ac6a556dd1592f24', part: "pagination-bar", colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '3a3ba65f31099125e9c01bc9c8c001c6437ed720', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
     }
     static get watchers() { return {
         "params": ["updateOnPropChange"],
@@ -237,4 +238,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { TerminalsListCore as T, defineCustomElement as d };
+export { TerminalsListCore as T, defaultColumnsKeys as a, defineCustomElement as d };

package/dist/types/utils/table.d.ts

@@ -5,6 +5,7 @@ export declare class Table {
     private tableCells;
     get columnData(): any[];
     get rowData(): any[][];
+    set collectionData(collection: any[]);
     constructor(collection: any[], columns: string, tableColumns: {
         [key: string]: Function;
     }, tableCells: {

package/dist/webcomponents/p-02cf5e6f.js

@@ -0,0 +1 @@
+import{h as e}from"./p-fad19d75.js";import{f as t,a,b as c}from"./p-a8f22d4d.js";const s=e=>{switch(e){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>"}},o="created_at,payment_amount,payment_description,payment_mode,status",l={created_at:()=>e("th",{part:"table-head-cell",scope:"col",title:"The date each checkout occurred"},"Processed On"),payment_amount:()=>e("th",{part:"table-head-cell",scope:"col",title:"The dollar amount of each checkout"},"Payment Amount"),payment_description:()=>e("th",{part:"table-head-cell",scope:"col",title:"The description of each checkout"},"Payment Description"),sub_account_name:()=>e("th",{part:"table-head-cell",scope:"col",title:"The sub account associated with the checkout"},"Sub Account"),payment_mode:()=>e("th",{part:"table-head-cell",scope:"col",title:"The payment mode of each checkout"},"Payment Mode"),status:()=>e("th",{part:"table-head-cell",scope:"col",title:"The current status of each checkout"},"Status")},n={created_at:c=>e("th",null,e("div",{class:"fw-bold"},a(c)," "),e("div",{class:"fw-bold"},t(c)," ")),payment_amount:t=>e("td",null,c(t,!0,!0)," "),payment_description:t=>e("td",null,t),sub_account_name:t=>e("td",null,t),payment_mode:t=>e("td",null,t),status:t=>e("td",{innerHTML:s(t)})};export{n as a,l as c,o as d}

package/dist/webcomponents/{p-037e3545.entry.js → p-088826fe.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as r}from"./p-fad19d75.js";import{t as i}from"./p-6cc30da2.js";import{m as o,P as e}from"./p-47dbe17d.js";import"./p-16d2932d.js";import"./p-56f6ce4c.js";import"./p-7fec2bcb.js";import{P as a}from"./p-9f56ad71.js";import{C as c,a as d}from"./p-14c91ffd.js";import{g as p,a as n}from"./p-8115b2f4.js";import{J as h}from"./p-56bda985.js";import{c as m}from"./p-e7d6609d.js";import{S as u}from"./p-74da98da.js";import"./p-0e180654.js";import"./p-5a62fca2.js";import"./p-c1cf7d5b.js";const f=class{constructor(r){t(this,r),this.errorEvent=s(this,"error-event",7),this.handleOnError=t=>{this.errorMessage=t.detail.message,this.errorEvent.emit(t.detail)},this.accountId=void 0,this.authToken=void 0,this.getPayouts=void 0,this.getPayoutCSV=void 0,this.errorMessage=null}componentWillLoad(){m(),this.analytics=new h(this),this.initializeServices()}disconnectedCallback(){this.analytics.cleanup()}propChanged(){this.initializeServices()}initializeServices(){if(this.accountId&&this.authToken){const t={id:this.accountId,authToken:this.authToken,service:new e};this.getPayouts=(({id:t,authToken:s,service:r})=>async({params:i,onSuccess:o,onError:e})=>{var d,h;try{const m=await r.fetchPayouts(t,s,i);if(m.error)return e({error:p(m.error),code:n(null===(h=m.error)||void 0===h?void 0:h.code),severity:c.ERROR});{const t=Object.assign({},m.page_info);o({payouts:(null===(d=m.data)||void 0===d?void 0:d.map((t=>new a(t))))||[],pagingInfo:t})}}catch(t){return e({error:p(t),code:n(null==t?void 0:t.code),severity:c.ERROR})}})(t),this.getPayoutCSV=o(t)}else this.errorMessage="Account ID and Auth Token are required",this.errorEvent.emit({errorCode:d.MISSING_PROPS,message:"Account ID and Auth Token are required"})}render(){return r(u,{key:"8d72aa16705df76ed49a13a59e88a40a75c23488",exportedparts:i},r("payouts-list-core",{key:"94428c879981bbc036e1d4f6c59c1e1c1146c824",getPayouts:this.getPayouts,getPayoutCSV:this.getPayoutCSV,"onError-event":this.handleOnError}))}static get watchers(){return{accountId:["propChanged"],authToken:["propChanged"]}}};export{f as justifi_payouts_list}
+import{r as t,c as s,h as r}from"./p-fad19d75.js";import{t as i}from"./p-6cc30da2.js";import{m as o,P as e}from"./p-47dbe17d.js";import"./p-16d2932d.js";import"./p-56f6ce4c.js";import"./p-7fec2bcb.js";import{P as a}from"./p-9f56ad71.js";import{C as c,a as p}from"./p-14c91ffd.js";import{g as d,a as n}from"./p-8115b2f4.js";import{J as h}from"./p-7fea661a.js";import{c as m}from"./p-74822344.js";import{S as u}from"./p-74da98da.js";import"./p-0e180654.js";import"./p-5a62fca2.js";import"./p-fb2005de.js";const f=class{constructor(r){t(this,r),this.errorEvent=s(this,"error-event",7),this.handleOnError=t=>{this.errorMessage=t.detail.message,this.errorEvent.emit(t.detail)},this.accountId=void 0,this.authToken=void 0,this.getPayouts=void 0,this.getPayoutCSV=void 0,this.errorMessage=null}componentWillLoad(){m(),this.analytics=new h(this),this.initializeServices()}disconnectedCallback(){this.analytics.cleanup()}propChanged(){this.initializeServices()}initializeServices(){if(this.accountId&&this.authToken){const t={id:this.accountId,authToken:this.authToken,service:new e};this.getPayouts=(({id:t,authToken:s,service:r})=>async({params:i,onSuccess:o,onError:e})=>{var p,h;try{const m=await r.fetchPayouts(t,s,i);if(m.error)return e({error:d(m.error),code:n(null===(h=m.error)||void 0===h?void 0:h.code),severity:c.ERROR});{const t=Object.assign({},m.page_info);o({payouts:(null===(p=m.data)||void 0===p?void 0:p.map((t=>new a(t))))||[],pagingInfo:t})}}catch(t){return e({error:d(t),code:n(null==t?void 0:t.code),severity:c.ERROR})}})(t),this.getPayoutCSV=o(t)}else this.errorMessage="Account ID and Auth Token are required",this.errorEvent.emit({errorCode:p.MISSING_PROPS,message:"Account ID and Auth Token are required"})}render(){return r(u,{key:"8d72aa16705df76ed49a13a59e88a40a75c23488",exportedparts:i},r("payouts-list-core",{key:"94428c879981bbc036e1d4f6c59c1e1c1146c824",getPayouts:this.getPayouts,getPayoutCSV:this.getPayoutCSV,"onError-event":this.handleOnError}))}static get watchers(){return{accountId:["propChanged"],authToken:["propChanged"]}}};export{f as justifi_payouts_list}

package/dist/webcomponents/{p-f7077f93.entry.js → p-0eb0d813.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,h as a}from"./p-fad19d75.js";import{c as o}from"./p-5a62fca2.js";import{J as r}from"./p-56bda985.js";import"./p-c1cf7d5b.js";import"./p-0e180654.js";const i=class{constructor(a){e(this,a),this.bankAccountFormReady=t(this,"bankAccountFormReady",7),this.ready=t(this,"ready",7),this.bankAccountFormTokenized=t(this,"bankAccountFormTokenize",7),this.bankAccountFormValidated=t(this,"bankAccountFormValidate",7),this.validationMode=void 0,this.iframeOrigin=o.iframeOrigin,this.internalStyleOverrides=void 0}readyHandler(e){console.warn("The 'bankAccountFormReady' event is deprecated in the next major release and will be renamed to 'ready'"),this.bankAccountFormReady.emit(e),this.ready.emit(e)}tokenizeHandler(e){console.warn("The 'bankAccountFormTokenized' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future."),this.bankAccountFormTokenized.emit(e)}validateHandler(e){console.warn("The 'bankAccountFormValidate' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future."),this.bankAccountFormValidated.emit(e)}componentWillLoad(){this.analytics=new r(this)}disconnectedCallback(){this.analytics.cleanup()}async tokenize(...e){if(!this.childRef)throw new Error("Cannot call tokenize");return this.childRef.tokenize(...e)}async validate(){if(!this.childRef)throw new Error("Cannot call validate");return this.childRef.validate()}async resize(){if(console.warn("The 'resize' method is deprecated and will be removed in the next major release. Please refer to the documentation for the migration process and alternative approach."),!this.childRef)throw new Error("Cannot call validate");return this.childRef.resize()}render(){return a("justifi-payment-method-form",{key:"e2fa64d199a6c550329c9797a6951335e7c12bc6",ref:e=>{e&&(this.childRef=e)},"iframe-origin":this.iframeOrigin,"payment-method-form-type":"bankAccount","payment-method-form-ready":this.bankAccountFormReady,"payment-method-form-validated":this.bankAccountFormValidated,"payment-method-form-tokenize":this.bankAccountFormTokenized,"payment-method-form-validation-mode":this.validationMode||"onSubmit"})}};export{i as justifi_bank_account_form}
+import{r as e,c as t,h as a}from"./p-fad19d75.js";import{c as o}from"./p-5a62fca2.js";import{J as r}from"./p-7fea661a.js";import"./p-fb2005de.js";import"./p-0e180654.js";const i=class{constructor(a){e(this,a),this.bankAccountFormReady=t(this,"bankAccountFormReady",7),this.ready=t(this,"ready",7),this.bankAccountFormTokenized=t(this,"bankAccountFormTokenize",7),this.bankAccountFormValidated=t(this,"bankAccountFormValidate",7),this.validationMode=void 0,this.iframeOrigin=o.iframeOrigin,this.internalStyleOverrides=void 0}readyHandler(e){console.warn("The 'bankAccountFormReady' event is deprecated in the next major release and will be renamed to 'ready'"),this.bankAccountFormReady.emit(e),this.ready.emit(e)}tokenizeHandler(e){console.warn("The 'bankAccountFormTokenized' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future."),this.bankAccountFormTokenized.emit(e)}validateHandler(e){console.warn("The 'bankAccountFormValidate' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future."),this.bankAccountFormValidated.emit(e)}componentWillLoad(){this.analytics=new r(this)}disconnectedCallback(){this.analytics.cleanup()}async tokenize(...e){if(!this.childRef)throw new Error("Cannot call tokenize");return this.childRef.tokenize(...e)}async validate(){if(!this.childRef)throw new Error("Cannot call validate");return this.childRef.validate()}async resize(){if(console.warn("The 'resize' method is deprecated and will be removed in the next major release. Please refer to the documentation for the migration process and alternative approach."),!this.childRef)throw new Error("Cannot call validate");return this.childRef.resize()}render(){return a("justifi-payment-method-form",{key:"e2fa64d199a6c550329c9797a6951335e7c12bc6",ref:e=>{e&&(this.childRef=e)},"iframe-origin":this.iframeOrigin,"payment-method-form-type":"bankAccount","payment-method-form-ready":this.bankAccountFormReady,"payment-method-form-validated":this.bankAccountFormValidated,"payment-method-form-tokenize":this.bankAccountFormTokenized,"payment-method-form-validation-mode":this.validationMode||"onSubmit"})}};export{i as justifi_bank_account_form}

package/dist/webcomponents/p-16fc16aa.entry.js

@@ -0,0 +1 @@
+import{r as s,c as i,h as t,H as r}from"./p-fad19d75.js";import{E as e}from"./p-a8b4f429.js";import{B as o}from"./p-f6f8dabc.js";import{B as a}from"./p-5e7c60d8.js";import{C as n,a as p}from"./p-14c91ffd.js";import{g as d,a as c}from"./p-8115b2f4.js";import{J as h}from"./p-7fea661a.js";import{c as f}from"./p-74822344.js";import"./p-5a62fca2.js";import"./p-0e180654.js";import"./p-1ff8810b.js";import"./p-6078a370.js";import"./p-fb2005de.js";const m=class{constructor(t){s(this,t),this.errorEvent=i(this,"error-event",7),this.businessId=void 0,this.authToken=void 0,this.errorMessage=void 0,this.getBusiness=void 0}componentWillLoad(){f(),this.analytics=new h(this),this.initializeGetBusiness()}disconnectedCallback(){this.analytics.cleanup()}initializeGetBusiness(){if(!this.businessId||!this.authToken)return this.errorMessage="Invalid business id or auth token",void this.errorEvent.emit({errorCode:p.MISSING_PROPS,message:this.errorMessage,severity:n.ERROR});this.getBusiness=(({id:s,authToken:i,service:t})=>async({onSuccess:r,onError:e})=>{var o;try{const p=await t.fetchBusiness(s,i);if(p.error)return e({error:d(p.error),code:c(null===(o=p.error)||void 0===o?void 0:o.code),severity:n.ERROR});r({business:new a(p.data)})}catch(s){const i=c(null==s?void 0:s.code);return e({error:s.message||s,code:i,severity:n.ERROR})}})({id:this.businessId,authToken:this.authToken,service:new o})}render(){return t(r,null,this.errorMessage?e(this.errorMessage):t("business-details-core",{getBusiness:this.getBusiness}))}};export{m as justifi_business_details}