@justifi/webcomponents 5.6.0 → 5.7.0

package/dist/module/justifi-payout-details.js

@@ -49,7 +49,6 @@ const PayoutDetails = /*@__PURE__*/ proxyCustomElement(class PayoutDetails exten
         this.__registerHost();
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.errorMessage = null;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
@@ -76,8 +75,7 @@ const PayoutDetails = /*@__PURE__*/ proxyCustomElement(class PayoutDetails exten
             });
             this.getPayoutCSV = makeGetPayoutCSV({
                 authToken: this.authToken,
-                service: new PayoutService(),
-                apiOrigin: this.apiOrigin
+                service: new PayoutService()
             });
         }
         else {
@@ -102,7 +100,6 @@ const PayoutDetails = /*@__PURE__*/ proxyCustomElement(class PayoutDetails exten
 }, [1, "justifi-payout-details", {
         "payoutId": [1, "payout-id"],
         "authToken": [1, "auth-token"],
-        "apiOrigin": [1, "api-origin"],
         "getPayout": [32],
         "getPayoutCSV": [32],
         "errorMessage": [32]

package/dist/module/justifi-payout-transactions-list.js

@@ -9,16 +9,18 @@ import './Document.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { P as PayoutService } from './payout.service.js';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types3.js';
-import { n as tableHeadCell, a2 as getAlternateTableCellPart, m as table, o as tableCell } from './parts.js';
+import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
+import { T as TableClickActions } from './event-types.js';
+import { n as tableHeadCell, a7 as getAlternateTableCellPart } from './parts.js';
+import { c as configState } from './config-state.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
-const makeGetPayoutTransactions = ({ authToken, service, apiOrigin }) => async ({ params, onSuccess, onError, final }) => {
+const makeGetPayoutTransactions = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
     var _a;
     try {
-        const response = await service.fetchPayoutTransactions(authToken, params, apiOrigin);
+        const response = await service.fetchPayoutTransactions(accountId, authToken, params);
         if (!response.error) {
             const balanceTransactions = response.data.map((dataItem) => new PayoutBalanceTransaction(dataItem));
             const pagingInfo = Object.assign({}, response.page_info);
@@ -110,7 +112,6 @@ const PayoutTransactionsList = /*@__PURE__*/ proxyCustomElement(class PayoutTran
         this.errorMessage = null;
         this.paging = pagingDefaults;
         this.pagingParams = {};
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.columns = defaultColumnsKeys;
         this.handleClickPrevious = (beforeCursor) => {
             this.pagingParams = { before_cursor: beforeCursor };
@@ -147,9 +148,9 @@ const PayoutTransactionsList = /*@__PURE__*/ proxyCustomElement(class PayoutTran
     initializeApi() {
         if (this.payoutId && this.authToken) {
             const getPayoutTransactions = makeGetPayoutTransactions({
+                accountId: configState.accountId,
                 authToken: this.authToken,
-                service: new PayoutService(),
-                apiOrigin: this.apiOrigin
+                service: new PayoutService()
             });
             getPayoutTransactions({
                 params: this.requestParams,
@@ -188,7 +189,7 @@ const PayoutTransactionsList = /*@__PURE__*/ proxyCustomElement(class PayoutTran
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: '90a9bdb7acbaabba3e2d99936ab8ff4af752b89f' }, h("div", { key: '546c52c26422482ebc03c363e1b7251b00628612', class: "table-wrapper" }, h("table", { key: '8cafebb253b276b747be56ffdde3430eebd8165b', class: "table table-hover", part: table }, h("thead", { key: '1b701619c17d926a95ddfb7fbb84fe3a6fd7c9b9', class: "table-head sticky-top" }, h("tr", { key: '94b5d386d8eed15eb54761c450603e3edba05e28', class: "table-light text-nowrap" }, this.transactionsTable.columnData.map((column) => column))), h("tbody", { key: 'cf4057bac5a7b9b49448bc0cc6fe60b031e71428', class: "table-body" }, h(TableLoadingState, { key: '0336b83d2842ba8cc450e6169161c5a32b65d5ca', columnSpan: this.transactionsTable.columnData.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'ecb336f7cf73ae652eafa2068e916055c908b351', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnData.length }), h(TableErrorState, { key: 'fa99aae26090ced86423af1c1458b51880299260', columnSpan: this.transactionsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.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: 'e1232dddefdbfaad0616841797235afd61422ec6', class: "sticky-bottom" }, h("tr", { key: 'f399c65e0d5c25206d2194841ba98e88d3fd7ebd', class: "table-light align-middle" }, h("td", { key: 'cb2e12c7d397c5c9be12ff2f3ad53bfba072f814', part: tableCell, colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'b485f5ba2817f9781f53d67b22ea3836caca448a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'c15333a496ff4f29710524031b91f979fc1040a8' }, h(TableWrapper, { key: '5dda158bb634fedd8be112998c38c5ec1b72b66b' }, h(TableComponent, { key: 'f544eb0dedb71c839acf940495eae56b011beef8' }, h(TableHead, { key: '8f2a6b42184729bbc28267fc4972b4fc30707ecf' }, h(TableHeadRow, { key: '856542645f4a044e50f0ac7b5dafb16d34c17402' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'ea02584be772897876cfbf5118d41a9a05ed334f' }, h(TableLoadingState, { key: 'c1decf54fc792f923bf7eee49dd64d8af9dd6ee8', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '55472bc004d891746153ce7ed8b3e900a9d9da94', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '6a3d87df445734a7c13fd96e8dc067e2df1ae0b0', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'e5654630577e32efeb5243543fd53232827ab824' }, h(TableFootRow, { key: '331ad45703f29590dd1b03370ff431bde665e76d' }, h(TableFootCell, { key: '3c16d50d90c6c491d028a2ccbeaedab439338e77', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '8334f555005446837984ff51dc2b89ea5d7a0cd3', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],
@@ -198,7 +199,6 @@ const PayoutTransactionsList = /*@__PURE__*/ proxyCustomElement(class PayoutTran
 }, [1, "justifi-payout-transactions-list", {
         "payoutId": [1, "payout-id"],
         "authToken": [1, "auth-token"],
-        "apiOrigin": [1, "api-origin"],
         "columns": [1],
         "balanceTransactions": [32],
         "transactionsTable": [32],

package/dist/module/justifi-payouts-list-filters.js

@@ -1,8 +1,9 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { f as filterParams, p as propsParams, c as clearParams } from './payouts-list-params-state.js';
-import { a9 as payoutsListFilterMenu, aa as createdAfterPayoutsListFilterParam, ab as createdBeforePayoutsListFilterParam } from './parts.js';
+import { ae as payoutsListFilterMenu, af as createdAfterPayoutsListFilterParam, ag as createdBeforePayoutsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
+import './event-types.js';
 import { j as convertToUTC, h as convertToLocal } from './utils2.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-date2.js';

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

@@ -13,19 +13,14 @@ import { m as makeGetPayoutCSV } from './get-payout-csv.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
+import './event-types.js';
 import { d as defineCustomElement$2, a as defaultColumnsKeys } from './payouts-list-core2.js';
 import { d as defineCustomElement$3 } from './pagination-menu2.js';
 
-const tableExportedParts = `
-table-head,table-head-row,table-head-cell,table-body,table-row,table-row-even,
-table-row-odd,table-cell,loading-state-cell,loading-state-spinner,error-state,
-empty-state,pagination-bar,page-arrow,page-button,page-button-disabled,page-button-text
-`;
-
-const makeGetPayouts = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
+const makeGetPayouts = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
     try {
-        const response = await service.fetchPayouts(id, authToken, params, apiOrigin);
+        const response = await service.fetchPayouts(id, authToken, params);
         if (!response.error) {
             const pagingInfo = Object.assign({}, response.page_info);
             const payouts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Payout(dataItem))) || [];
@@ -58,7 +53,6 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
         this.errorMessage = null;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.columns = defaultColumnsKeys;
         this.handleOnError = (event) => {
             this.errorMessage = event.detail.message;
@@ -85,8 +79,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
             const serviceParams = {
                 id: this.accountId,
                 authToken: this.authToken,
-                service: new PayoutService(),
-                apiOrigin: this.apiOrigin
+                service: new PayoutService()
             };
             this.getPayouts = makeGetPayouts(serviceParams);
             this.getPayoutCSV = makeGetPayoutCSV(serviceParams);
@@ -105,13 +98,12 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
             this.getSubAccounts = makeGetSubAccounts({
                 accountId: this.accountId,
                 authToken: this.authToken,
-                service: new SubAccountService(),
-                apiOrigin: this.apiOrigin
+                service: new SubAccountService()
             });
         }
     }
     render() {
-        return (h(StyledHost, { key: '8a0fe80740cef6d17900927487aab83287c4ed3f', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '72d7494e2d0f44d4bfec9b2a7bad700c80aae948', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '7ce900caa8b472726cd7e100560359f2990798d9' }, h("payouts-list-core", { key: '4e5c40e2cfda6fcc5e2a5963eb432f500f76a8f9', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],
@@ -120,7 +112,6 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
 }, [1, "justifi-payouts-list", {
         "accountId": [1, "account-id"],
         "authToken": [1, "auth-token"],
-        "apiOrigin": [1, "api-origin"],
         "columns": [1],
         "getPayouts": [32],
         "getPayoutCSV": [32],

package/dist/module/justifi-refund-payment.js

@@ -10,11 +10,12 @@ import './Document.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
+import './event-types.js';
 import { P as PaymentService } from './payment.service.js';
 import { m as makeGetPaymentDetails } from './get-payment-details.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
-import { A as Api } from './Api.js';
+import { A as Api } from './ApiNew.js';
 import { S as Skeleton } from './skeleton.js';
 import { d as defineCustomElement$7 } from './custom-popper2.js';
 import { d as defineCustomElement$6 } from './form-control-help-text2.js';
@@ -70,10 +71,10 @@ const refundReasonOptions = [
     }
 ];
 
-const makePostRefund = ({ authToken, accountId, paymentId, service, apiOrigin }) => async ({ refundBody, onSuccess, onError, final }) => {
+const makePostRefund = ({ authToken, accountId, paymentId, service }) => async ({ refundBody, onSuccess, onError, final }) => {
     var _a;
     try {
-        const response = await service.postRefund(paymentId, accountId, authToken, refundBody, apiOrigin);
+        const response = await service.postRefund(paymentId, accountId, authToken, refundBody);
         if (!response.error) {
             onSuccess(response);
         }
@@ -100,12 +101,13 @@ const makePostRefund = ({ authToken, accountId, paymentId, service, apiOrigin })
     }
 };
 
+const api = Api();
 class RefundService {
-    async postRefund(paymentId, accountId, authToken, refundBody, apiOrigin = "https://wc-proxy.justifi.ai") {
-        const api = Api({ authToken, apiOrigin });
+    async postRefund(paymentId, accountId, authToken, refundBody) {
         const endpoint = `payments/${paymentId}/refunds`;
         const headers = { 'Sub-Account': accountId };
-        return api.post({ endpoint, headers, body: refundBody });
+        const body = refundBody;
+        return api.post({ endpoint, headers, body, authToken });
     }
 }
 
@@ -133,7 +135,6 @@ const RefundPayment = /*@__PURE__*/ proxyCustomElement(class RefundPayment exten
         this.paymentLoading = true;
         this.refundLoading = false;
         this.hideSubmitButton = false;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.inputHandler = (name, value) => {
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
         };
@@ -174,8 +175,7 @@ const RefundPayment = /*@__PURE__*/ proxyCustomElement(class RefundPayment exten
             const getPayment = makeGetPaymentDetails({
                 id: this.paymentId,
                 authToken: this.authToken,
-                service: new PaymentService(),
-                apiOrigin: this.apiOrigin
+                service: new PaymentService()
             });
             getPayment({
                 onSuccess: ({ payment }) => {
@@ -206,8 +206,7 @@ const RefundPayment = /*@__PURE__*/ proxyCustomElement(class RefundPayment exten
             authToken: this.authToken,
             accountId: this.accountId,
             paymentId: this.paymentId,
-            service: new RefundService(),
-            apiOrigin: this.apiOrigin
+            service: new RefundService()
         });
         const values = this.formController.values.getValue();
         this.refundLoading = true;
@@ -242,7 +241,6 @@ const RefundPayment = /*@__PURE__*/ proxyCustomElement(class RefundPayment exten
         "accountId": [1, "account-id"],
         "paymentId": [1, "payment-id"],
         "hideSubmitButton": [4, "hide-submit-button"],
-        "apiOrigin": [1, "api-origin"],
         "formController": [32],
         "refundPayload": [32],
         "displayAmount": [32],

package/dist/module/justifi-terminal-orders-list-filters.js

@@ -1,8 +1,9 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { f as filterParams, p as propsParams, c as clearParams } from './terminal-orders-list-params-state.js';
-import { ac as terminalOrdersListFilterMenu, ad as orderStatusTerminalOrdersListFilterParam, ae as orderTypeTerminalOrdersListFilterParam, af as createdAfterTerminalOrdersListFilterParam, ag as createdBeforeTerminalOrdersListFilterParam } from './parts.js';
+import { ah as terminalOrdersListFilterMenu, ai as orderStatusTerminalOrdersListFilterParam, aj as orderTypeTerminalOrdersListFilterParam, ak as createdAfterTerminalOrdersListFilterParam, al as createdBeforeTerminalOrdersListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
+import './event-types.js';
 import { j as convertToUTC, h as convertToLocal } from './utils2.js';
 import './ComponentError.js';
 import './Checkout.js';

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

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
+import './event-types.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { d as defineCustomElement$2, a as defaultColumnsKeys } from './terminal-orders-list-core2.js';
 import './utils2.js';
@@ -11,13 +12,13 @@ import './Payment.js';
 import { e as TerminalOrder } from './Refund.js';
 import './Document.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
-import { A as Api } from './Api.js';
+import { A as Api } from './ApiNew.js';
 import { d as defineCustomElement$3 } from './pagination-menu2.js';
 
-const makeGetTerminalOrders = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError, final }) => {
+const makeGetTerminalOrders = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
     var _a, _b;
     try {
-        const response = await service.fetchTerminalOrders(id, authToken, params, apiOrigin);
+        const response = await service.fetchTerminalOrders(id, authToken, params);
         if (!response.error) {
             const pagingInfo = Object.assign({}, response.page_info);
             const terminalOrders = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new TerminalOrder(dataItem))) || [];
@@ -46,16 +47,12 @@ const makeGetTerminalOrders = ({ id, authToken, service, apiOrigin }) => async (
     }
 };
 
+const api = Api();
 class TerminalOrderService {
-    async fetchTerminalOrders(accountId, authToken, params, apiOrigin = "https://wc-proxy.justifi.ai") {
-        const headers = { account: accountId };
-        const api = Api({ authToken, apiOrigin });
+    async fetchTerminalOrders(accountId, authToken, params) {
         const endpoint = 'terminals/orders';
-        return api.get({
-            endpoint,
-            params,
-            headers,
-        });
+        const headers = { account: accountId };
+        return api.get({ endpoint, params, headers, authToken });
     }
 }
 
@@ -66,7 +63,6 @@ const TerminalOrdersList = /*@__PURE__*/ proxyCustomElement(class TerminalOrders
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
         this.errorMessage = null;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.columns = defaultColumnsKeys;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
@@ -83,8 +79,7 @@ const TerminalOrdersList = /*@__PURE__*/ proxyCustomElement(class TerminalOrders
             this.getTerminalOrders = makeGetTerminalOrders({
                 id: this.accountId,
                 authToken: this.authToken,
-                service: new TerminalOrderService(),
-                apiOrigin: this.apiOrigin
+                service: new TerminalOrderService()
             });
         }
         else {
@@ -97,12 +92,11 @@ const TerminalOrdersList = /*@__PURE__*/ proxyCustomElement(class TerminalOrders
         }
     }
     render() {
-        return (h(StyledHost, { key: '46b01f30e476ae5e3892b96d804305c8e099b4c2' }, h("terminal-orders-list-core", { key: '4a0d1079a9afbf328c3dd382ca5e2180b5679da0', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '4ebe88697536863b62a8bd63fac96eb5f93668d0' }, h("terminal-orders-list-core", { key: '6735068496d16cdd4df169708c93534bea78433a', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
 }, [1, "justifi-terminal-orders-list", {
         "accountId": [1, "account-id"],
         "authToken": [1, "auth-token"],
-        "apiOrigin": [1, "api-origin"],
         "columns": [1],
         "getTerminalOrders": [32],
         "errorMessage": [32]

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

@@ -1,9 +1,10 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { l as lodashExports } from './lodash.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './terminals-list-params-state.js';
-import { ah as terminalsListFilterMenu, ai as terminalIdTerminalsListFilterParam, aj as terminalOrderIdTerminalsListFilterParam, ak as terminalStatusTerminalsListFilterParam } from './parts.js';
+import { am as terminalsListFilterMenu, an as terminalIdTerminalsListFilterParam, ao as terminalOrderIdTerminalsListFilterParam, ap as terminalStatusTerminalsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
+import './event-types.js';
 import './utils2.js';
 import './ComponentError.js';
 import './Checkout.js';

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

@@ -12,13 +12,14 @@ import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
+import './event-types.js';
 import { d as defineCustomElement$2, a as defaultColumnsKeys } from './terminals-list-core2.js';
 import { d as defineCustomElement$3 } from './pagination-menu2.js';
 
-const makeGetTerminals = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
+const makeGetTerminals = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
     try {
-        const response = await service.fetchTerminals(id, authToken, params, apiOrigin);
+        const response = await service.fetchTerminals(id, authToken, params);
         if (!response.error) {
             const pagingInfo = Object.assign({}, response.page_info);
             const terminals = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Terminal(dataItem))) || [];
@@ -51,7 +52,6 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         this.__attachShadow();
         this.errorEvent = createEvent(this, "error-event", 7);
         this.errorMessage = null;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.columns = defaultColumnsKeys;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
@@ -78,8 +78,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
             this.getTerminals = makeGetTerminals({
                 id: this.accountId,
                 authToken: this.authToken,
-                service: new TerminalService(),
-                apiOrigin: this.apiOrigin
+                service: new TerminalService()
             });
         }
         else {
@@ -96,13 +95,12 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
             this.getSubAccounts = makeGetSubAccounts({
                 accountId: this.accountId,
                 authToken: this.authToken,
-                service: new SubAccountService(),
-                apiOrigin: this.apiOrigin
+                service: new SubAccountService()
             });
         }
     }
     render() {
-        return (h(StyledHost, { key: '34f129e35a2bdff9c28c811711d78f04408098ee' }, h("terminals-list-core", { key: '3d0fd5b47e5f4170403dc489168db3dad48dfe2e', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'f80199e30923fb9a50f66570087d41c5390e20a1' }, h("terminals-list-core", { key: 'ab3ed9809c1c629b3dd8ac5039294fd23b8c16a8', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],
@@ -111,7 +109,6 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
 }, [1, "justifi-terminals-list", {
         "accountId": [1, "account-id"],
         "authToken": [1, "auth-token"],
-        "apiOrigin": [1, "api-origin"],
         "columns": [1],
         "getTerminals": [32],
         "getSubAccounts": [32],

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

@@ -2,6 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
+import './event-types.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import './utils2.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
@@ -36,7 +37,6 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         this.errorEvent = createEvent(this, "error-event", 7);
         this.submitEvent = createEvent(this, "submit-event", 7);
         this.submitButtonText = 'Submit';
-        this.iframeOrigin = "https://components.justifi.ai";
         this.isLoading = false;
     }
     componentWillLoad() {
@@ -79,7 +79,7 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         return { isValid };
     }
     render() {
-        return (h(StyledHost, { key: 'f44aae1794754d47dab2ab0d51eee101e98e49a7' }, h("form", { key: '4bc04f95b0ea7746641ff758b1e9d33615cc483e' }, h("fieldset", { key: 'ec59af9ca4b4941aa0910157e483e4810b147862' }, h("div", { key: '8aca0e9d3839440d3935baa7daae786948449153', class: "row gy-3" }, h("div", { key: 'b0a6b46e4669778bea417f70772780837b2fdcb6', class: "col-12" }, h("justifi-payment-method-options", { key: '4c5d3ad184904f872e8b147ff8b8be9c61877657', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, authToken: this.authToken, "account-id": this.accountId, iframeOrigin: this.iframeOrigin })), h("div", { key: 'bd06291750591b0d8604aa9e42b89f74d942de39', class: "col-12" }, h(Button, { key: '19b60fc4248f8ae5942afffdb0a06258d7647330', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
+        return (h(StyledHost, { key: '793d33a01aea2b2fc0fb450f4cafdb7e9415a368' }, h("form", { key: '39eadbabf4dcdd4c833ddad8660b05be0c104e72' }, h("fieldset", { key: '513803de33328198b00331be2030f51461831fa4' }, h("div", { key: '8546fcdd07ec1e9838bf280e31eaa213c14fcea6', class: "row gy-3" }, h("div", { key: '073430ef8c08858e692728b4afc0bbc9a4a20957', class: "col-12" }, h("justifi-payment-method-options", { key: '096d12f54fcaab8242d1bcff21f2027f3bff6bb8', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: 'dd257cd855231e9cd9ded138373d254cef484d6b', class: "col-12" }, h(Button, { key: '667161dfcb944ca6b62182cf0386be7e8a5fad1f', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
     }
 }, [1, "justifi-tokenize-payment-method", {
         "authToken": [1, "auth-token"],
@@ -91,7 +91,6 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         "hideSubmitButton": [4, "hide-submit-button"],
         "hideCardBillingForm": [4, "hide-card-billing-form"],
         "hideBankAccountBillingForm": [4, "hide-bank-account-billing-form"],
-        "iframeOrigin": [1, "iframe-origin"],
         "isLoading": [32],
         "tokenizePaymentMethod": [64],
         "fillBillingForm": [64],

package/dist/module/legal-address-form-step-core.js

@@ -6,7 +6,7 @@ import { S as StateOptions } from './state-options.js';
 import { n as numberOnlyHandler } from './utils3.js';
 import { h as heading2 } from './parts.js';
 import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
-import { B as BusinessFormStep } from './event-types.js';
+import { B as BusinessFormStep } from './event-types2.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-select2.js';
 import { d as defineCustomElement$2 } from './form-control-text2.js';

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { T as radioListItem } from './parts.js';
+import { W as radioListItem } from './parts.js';
 import { d as defineCustomElement$d } from './bank-account-form2.js';
 import { d as defineCustomElement$c } from './card-form2.js';
 import { d as defineCustomElement$b } from './custom-popper2.js';
@@ -86,14 +86,14 @@ const NewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class NewPaymentMethod
     showNewPaymentMethodForm() {
         var _a;
         const paymentMethodType = (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id;
-        return (h("div", { class: "mt-4 pb-4" }, h("hidden-input", null), paymentMethodType === 'card' ? (h("card-form", { ref: (el) => this.paymentMethodFormRef = el, iframeOrigin: this.iframeOrigin })) : (h("bank-account-form", { ref: (el) => this.paymentMethodFormRef = el, iframeOrigin: this.iframeOrigin })), h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodType }), h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
+        return (h("div", { class: "mt-4 pb-4" }, h("hidden-input", null), paymentMethodType === 'card' ? (h("card-form", { ref: (el) => this.paymentMethodFormRef = el })) : (h("bank-account-form", { ref: (el) => this.paymentMethodFormRef = el })), h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodType }), h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
     }
     get hiddenRadioInput() {
         return !this.showAch || !this.showCard;
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'a3da4a7aa5c5f68bec412be9eb210e8d45d81e80', class: "payment-method" }, h("div", { key: 'b15cf071a206e09333d55d5c7af26b71a79c46cf', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick, hidden: this.hiddenRadioInput }, h("form-control-radio", { key: 'd6ff109905c264b201ff3d6f09001a17e4cc351b', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
+        return (h(Host, { key: 'b80791923e2276322ebe0ce3b25b2073beac188d', class: "payment-method" }, h("div", { key: '47dc555bc135d4562958cf371ca3c8b80ee7236d', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick, hidden: this.hiddenRadioInput }, h("form-control-radio", { key: 'e485347f39fa4b7d46d64e231931d6bdf541687c', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
     }
 }, [0, "justifi-new-payment-method", {
         "authToken": [1, "auth-token"],
@@ -105,7 +105,6 @@ const NewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class NewPaymentMethod
         "showAch": [4, "show-ach"],
         "hideCardBillingForm": [4, "hide-card-billing-form"],
         "hideBankAccountBillingForm": [4, "hide-bank-account-billing-form"],
-        "iframeOrigin": [1, "iframe-origin"],
         "saveNewPaymentMethodChecked": [32],
         "fillBillingForm": [64],
         "resolvePaymentMethod": [64],

package/dist/module/owner-form-core2.js

@@ -3,9 +3,10 @@ import { F as FormController } from './form.js';
 import { O as Owner } from './Business.js';
 import { i as identitySchema } from './business-identity-schema.js';
 import { B as Button } from './button.js';
-import { R as heading3 } from './parts.js';
+import { U as heading3 } from './parts.js';
 import './details.js';
-import { a as BusinessFormClickActions } from './event-types.js';
+import './event-types.js';
+import { a as BusinessFormClickActions } from './event-types2.js';
 import { d as defineCustomElement$8 } from './custom-popper2.js';
 import { d as defineCustomElement$7 } from './form-control-date2.js';
 import { d as defineCustomElement$6 } from './form-control-number-masked2.js';

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "5.6.0";
+const version = "5.7.0";
 var packageJson = {
 	name: name,
 	version: version};

package/dist/module/pagination-menu2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { E as ExtendedPagingDefaults } from './Pagination.js';
-import { p as buttonLink, q as buttonDisabled } from './parts.js';
+import { p as paginationButton, q as paginationButtonDisabled, r as paginationButtonIconPrevious, u as paginationButtonText, v as paginationButtonIconNext } from './parts.js';
 
 const PaginationMenu = /*@__PURE__*/ proxyCustomElement(class PaginationMenu extends HTMLElement {
     constructor() {
@@ -10,13 +10,13 @@ const PaginationMenu = /*@__PURE__*/ proxyCustomElement(class PaginationMenu ext
         this.params = {};
     }
     render() {
-        return (h(Host, { key: '7a4cfcfa7d9329e8d4026cd6bdc15c3251f004d6' }, h("nav", { key: '203b5ffeb3f4a167aa9448ac6075fd7a1ac15ef7', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: 'e302f939560131ade67b0f9d4135fa04ff485d09', class: "pagination m-0" }, h("li", { key: 'b3e2ba7b66e5de597a3233ee036d4d1ef2930689', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("a", { key: '1f358b34fbaa7f140c1ee15ef6ee8d6f9b87407f', href: "#", class: "page-link", onClick: (e) => {
+        return (h(Host, { key: '7b821154b627026ef8624af6e4759e2176004676' }, h("nav", { key: '7990aee285d0cc3e6f83cb59bb216439e5364df5', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: '02c68163934ce1aabf4abd607cc28e549e20ebe1', class: "pagination m-0" }, h("li", { key: 'aab661ae85fc61eecd230d058f135483796769c0', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: 'ef42a41831a9890186c333418b161877761674e1', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickPrevious(this.paging.start_cursor);
-            }, part: this.paging.has_previous ? buttonLink : buttonDisabled }, h("span", { key: 'daffe0c0ffb7265cd769bbf27fef42c37e86300d', class: "me-1" }, "\u00AB"), h("span", { key: '2c42b74352aa7a79ac6bc231cdd828b7a62f5083' }, "Previous"))), h("li", { key: '2707ab481b124351479dbc5e4b270a60f8e0cb9e', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("a", { key: 'f97ea7a812ba9b0066cd5e75ab45bff152708b63', href: "#", class: "page-link", onClick: (e) => {
+            }, part: this.paging.has_previous ? paginationButton : paginationButtonDisabled }, h("span", { key: 'a898a92687e4a5fec37d9dab4208430260a9f274', class: "me-1", part: paginationButtonIconPrevious }, "\u00AB"), h("span", { key: 'ecc2eeedc064d405ad178b9a98ed088e12f1b2fb', part: paginationButtonText }, "Previous"))), h("li", { key: '56569cd9f9803ead8b1180e2f982a98d7009be1f', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: 'c39d389ab89609e8ce11b3dd81eb5c4a50d3521f', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickNext(this.paging.end_cursor);
-            }, part: this.paging.has_next ? buttonLink : buttonDisabled }, h("span", { key: 'a850314028161b5a04618ffc5515603ea7203a0a' }, "Next"), h("span", { key: '643097228302500411ca0c4a932d8067074a15d2', class: "ms-1" }, "\u00BB")))))));
+            }, part: this.paging.has_next ? paginationButton : paginationButtonDisabled }, h("span", { key: '6a01458a048a524931b03df6a964fa4a0ac403ac', part: paginationButtonText }, "Next"), h("span", { key: 'f4cb3d084647c00dff30b99f751180564463443f', class: "ms-1", part: paginationButtonIconNext }, "\u00BB")))))));
     }
 }, [0, "pagination-menu", {
         "paging": [16],

package/dist/module/parts.js

@@ -48,13 +48,26 @@ const tooltipInner = `tooltip-inner ${text}`;
 const card = `card ${text} ${backgroundColor}`;
 // Table
 const table = `table ${text} ${backgroundColor}`;
+const tableRow = `table-row ${text} ${backgroundColor}`;
 const tableCell = `table-cell ${text} ${backgroundColor}`;
-const tableHeadCell = `table-head-cell ${tableCell} ${text} ${backgroundColor}`;
-const tableCellEven = `table-cell-even ${tableCell} ${text} ${backgroundColor}`;
-const tableCellOdd = `table-cell-odd ${tableCell} ${text} ${backgroundColor}`;
+const tableHead = `table-head`;
+const tableHeadRow = `table-head-row ${text} ${backgroundColor}`;
+const tableHeadCell = `table-head-cell ${tableCell}`;
+const tableFoot = `table-foot`;
+const tableFootRow = `table-foot-row ${text} ${backgroundColor}`;
+const tableFootCell = `table-foot-cell ${tableCell}`;
+const tableCellEven = `table-cell-even ${tableCell}`;
+const tableCellOdd = `table-cell-odd ${tableCell}`;
 const getAlternateTableCellPart = (index) => index % 2 ? tableCellEven : tableCellOdd;
 const tableEmpty = `table-empty ${text} ${backgroundColor}`;
 const tableError = `table-error ${text} ${backgroundColor}`;
+// Pagination
+const paginationButton = `pagination-button ${button}`;
+const paginationButtonDisabled = `pagination-button-disabled ${buttonDisabled}`;
+const paginationButtonText = `pagination-button-text ${text}`;
+const paginationButtonIcon = `pagination-button-icon ${text}`;
+const paginationButtonIconNext = `pagination-button-icon-next ${paginationButtonIcon}`;
+const paginationButtonIconPrevious = `pagination-button-icon-previous ${paginationButtonIcon}`;
 // Loading spinner
 const loadingSpinner = `loading-spinner`;
 // Badge
@@ -69,6 +82,7 @@ const badgeLight = `${badge} badge-light`;
 const badgeDark = `${badge} badge-dark`;
 // Dropdown-menu
 const dropdownMenu = `dropdown-menu ${text}`;
+const dropdownMenuButton = `dropdown-menu-button ${buttonPrimary}`;
 // Radio List Item
 const radioListItem = `radio-list-item ${text}`;
 // Skeleton
@@ -114,4 +128,4 @@ const orderTypeTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam}
 const createdAfterTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam} created-after-terminal-orders-list-filter-param`;
 const createdBeforeTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam} created-before-terminal-orders-list-filter-param`;
 
-export { statusCheckoutsListFilterParam as $, badgeSecondary as A, badgePrimary as B, badge as C, alertDanger as D, inputCheckboxInvalid as E, inputCheckboxCheckedFocused as F, inputCheckboxFocused as G, inputCheckboxChecked as H, inputCheckbox as I, inputAdornment as J, inputGroup as K, inputRadioInvalid as L, inputRadioCheckedFocused as M, inputRadioChecked as N, inputRadioFocused as O, inputRadio as P, inputInvalidAndFocused as Q, heading3 as R, checkoutSummary as S, radioListItem as T, heading4 as U, image as V, heading5 as W, buttonSecondary as X, buttonPrimary as Y, buttonLoading as Z, checkoutsListFilterMenu as _, heading1 as a, paymentModeCheckoutsListFilterParam as a0, dropdownMenu as a1, getAlternateTableCellPart as a2, paymentsListFilterMenu as a3, paymentIdPaymentsListFilterParam as a4, terminalIdPaymentsListFilterParam as a5, paymentStatusPaymentsListFilterParam as a6, createdAfterPaymentsListFilterParam as a7, createdBeforePaymentsListFilterParam as a8, payoutsListFilterMenu as a9, createdAfterPayoutsListFilterParam as aa, createdBeforePayoutsListFilterParam as ab, terminalOrdersListFilterMenu as ac, orderStatusTerminalOrdersListFilterParam as ad, orderTypeTerminalOrdersListFilterParam as ae, createdAfterTerminalOrdersListFilterParam as af, createdBeforeTerminalOrdersListFilterParam as ag, terminalsListFilterMenu as ah, terminalIdTerminalsListFilterParam as ai, terminalOrderIdTerminalsListFilterParam as aj, terminalStatusTerminalsListFilterParam as ak, billingForm as al, tableEmpty as am, tableError as an, inputInvalid as b, inputDisabled as c, inputFocused as d, tooltipIcon as e, tooltip as f, tooltipInner as g, heading2 as h, input as i, textDanger as j, card as k, label as l, table as m, tableHeadCell as n, tableCell as o, buttonLink as p, buttonDisabled as q, loadingSpinner as r, skeleton as s, text as t, badgeDark as u, badgeLight as v, badgeInfo as w, badgeWarning as x, badgeDanger as y, badgeSuccess as z };
+export { buttonSecondary as $, badgeWarning as A, badgeDanger as B, badgeSuccess as C, badgeSecondary as D, badgePrimary as E, badge as F, alertDanger as G, inputCheckboxInvalid as H, inputCheckboxCheckedFocused as I, inputCheckboxFocused as J, inputCheckboxChecked as K, inputCheckbox as L, inputAdornment as M, inputGroup as N, inputRadioInvalid as O, inputRadioCheckedFocused as P, inputRadioChecked as Q, inputRadioFocused as R, inputRadio as S, inputInvalidAndFocused as T, heading3 as U, checkoutSummary as V, radioListItem as W, heading4 as X, image as Y, buttonLink as Z, heading5 as _, heading1 as a, buttonPrimary as a0, buttonLoading as a1, checkoutsListFilterMenu as a2, statusCheckoutsListFilterParam as a3, paymentModeCheckoutsListFilterParam as a4, dropdownMenuButton as a5, dropdownMenu as a6, getAlternateTableCellPart as a7, paymentsListFilterMenu as a8, paymentIdPaymentsListFilterParam as a9, terminalIdPaymentsListFilterParam as aa, paymentStatusPaymentsListFilterParam as ab, createdAfterPaymentsListFilterParam as ac, createdBeforePaymentsListFilterParam as ad, payoutsListFilterMenu as ae, createdAfterPayoutsListFilterParam as af, createdBeforePayoutsListFilterParam as ag, terminalOrdersListFilterMenu as ah, orderStatusTerminalOrdersListFilterParam as ai, orderTypeTerminalOrdersListFilterParam as aj, createdAfterTerminalOrdersListFilterParam as ak, createdBeforeTerminalOrdersListFilterParam as al, terminalsListFilterMenu as am, terminalIdTerminalsListFilterParam as an, terminalOrderIdTerminalsListFilterParam as ao, terminalStatusTerminalsListFilterParam as ap, billingForm as aq, tableHead as ar, tableHeadRow as as, tableRow as at, tableFoot as au, tableFootRow as av, tableFootCell as aw, tableEmpty as ax, tableError as ay, inputInvalid as b, inputDisabled as c, inputFocused as d, tooltipIcon as e, tooltip as f, tooltipInner as g, heading2 as h, input as i, textDanger as j, card as k, label as l, table as m, tableHeadCell as n, tableCell as o, paginationButton as p, paginationButtonDisabled as q, paginationButtonIconPrevious as r, skeleton as s, text as t, paginationButtonText as u, paginationButtonIconNext as v, loadingSpinner as w, badgeDark as x, badgeLight as y, badgeInfo as z };

package/dist/module/payment-details-core2.js

@@ -4,6 +4,7 @@ import { M as MapPaymentStatusToBadge } from './payments-status.js';
 import { E as ErrorState, b as EntityHeadInfo, c as EntityHeadInfoItem, D as DetailSectionTitle, a as DetailItem, C as CodeBlock } from './utils.js';
 import { S as StyledHost } from './styled-host.js';
 import { d as defineCustomElement$1 } from './details.js';
+import './event-types.js';
 import { S as Skeleton } from './skeleton.js';
 
 const PaymentDetailsLoading = () => (h("div", { class: "row gap-3" },
@@ -63,7 +64,10 @@ const PaymentDetailsCore = /*@__PURE__*/ proxyCustomElement(class PaymentDetails
         ], this.payment.payment_method.bank_account && [
             h(DetailSectionTitle, { key: '84dae904db3c22ff5ed03abaeb57d3b0736d1fbb', sectionTitle: "Payment Method" }),
             h("div", { key: '400801019a53feec0478273866fffa5683b408aa', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'ca7bb52e4275659b18daacfa6367de2f32617e70', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '4885d2b5f05b6a713d61074271c7a95b23604dca', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '604ec4efe78a12a1c36d8416c9fdec70351a6dad', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '1ef77a81232e19d1063af9e863f5c9ada183715f', title: "Account Owner", value: this.payment.payment_method.payersName }))
-        ], h(DetailSectionTitle, { key: '1d0a45dd7b7f44b2bad75db9ddb7886b9fc36c9c', sectionTitle: 'Metadata' }), h("div", { key: '364dfb72b9585b672a510b11ecf794c8293ac88d', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '1b9254f2f5f81959ea4e190a3a84129d8c54eccd', metadata: this.payment.metadata })))))));
+        ], this.payment.metadata && [
+            h(DetailSectionTitle, { key: '703ee104edf87c55034c38bb9fe0de6907980a0e', sectionTitle: 'Metadata' }),
+            h("div", { key: 'c10b66a975c6a221f86226893e13cbf57bf0d8dd', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'e73dfd81f110ec7c275fd37d1ecc71bbc22580b5', metadata: this.payment.metadata }))
+        ])))));
     }
     static get watchers() { return {
         "getPaymentDetails": ["updateOnPropChange"]