@justifi/webcomponents 5.6.0 → 5.6.1

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

@@ -10,15 +10,16 @@ import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version
 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 { n as tableHeadCell, a5 as getAlternateTableCellPart, m as table, o as tableCell } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.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 +111,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 +147,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 +188,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: '11760c372ccd854fd247a931ac9a31f80e779908' }, h("div", { key: 'cb45e596e6ac53d5567b7afb8c3c34c11d838fbe', class: "table-wrapper" }, h("table", { key: '449b9e901af31d8ae76e4543e7011f7a9596d8ab', class: "table table-hover", part: table }, h("thead", { key: 'c04b7c762ecbb0b25a8375661f3a51d37ff96f24', class: "table-head sticky-top" }, h("tr", { key: 'b81f0b41584f6322f8faec27c61a749d0a60fbf7', class: "table-light text-nowrap" }, this.transactionsTable.columnData.map((column) => column))), h("tbody", { key: '83947c4b2c28ebd29477cb776dfe193ea090e35d', class: "table-body" }, h(TableLoadingState, { key: '94519e994722bcf30b20ba503858ed3c1ecc33dc', columnSpan: this.transactionsTable.columnData.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '2331c2748f53ba9906ed9228d89097bfd024b600', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnData.length }), h(TableErrorState, { key: '9e0a5bfbbccb0ad02a9ed70edc3bb6d6108b9ad7', 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: '0591033f666cddb7cadec2d8da2d61d8ad66fad6', class: "sticky-bottom" }, h("tr", { key: '26c47ed9b3d37553ba43c0e8fc37c4666a8baef9', class: "table-light align-middle" }, h("td", { key: '25ee92e4f38dc8853a5a3cfcfe4d2829ea51788a', part: tableCell, colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '4a26779c713b7bb7833822c98596482c1c06b767', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],
@@ -198,7 +198,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,6 +1,6 @@
 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 { ad as payoutsListFilterMenu, ae as createdAfterPayoutsListFilterParam, af as createdBeforePayoutsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { j as convertToUTC, h as convertToLocal } from './utils2.js';

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

@@ -22,10 +22,10 @@ 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 +58,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 +84,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 +103,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: 'f20034e64b3c1f39cdedd38762ac30a70d92bde1', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '3bee62765d06af00577ca338c4f8dd33eb6cfb1c', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],
@@ -120,7 +117,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

@@ -14,7 +14,7 @@ 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 +70,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 +100,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 +134,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 +174,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 +205,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 +240,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,6 +1,6 @@
 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 { ag as terminalOrdersListFilterMenu, ah as orderStatusTerminalOrdersListFilterParam, ai as orderTypeTerminalOrdersListFilterParam, aj as createdAfterTerminalOrdersListFilterParam, ak as createdBeforeTerminalOrdersListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { j as convertToUTC, h as convertToLocal } from './utils2.js';

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

@@ -11,13 +11,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 +46,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 +62,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 +78,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 +91,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,7 +1,7 @@
 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 { al as terminalsListFilterMenu, am as terminalIdTerminalsListFilterParam, an as terminalOrderIdTerminalsListFilterParam, ao as terminalStatusTerminalsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './utils2.js';

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

@@ -15,10 +15,10 @@ import './details.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 +51,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 +77,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 +94,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 +108,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/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';

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

@@ -3,7 +3,7 @@ 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 { d as defineCustomElement$8 } from './custom-popper2.js';

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "5.6.0";
+const version = "5.6.1";
 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 buttonLink, q as buttonDisabled, r as paginationItemIconPrevious, u as paginationItemText, v as paginationItemIconNext } 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: 'f34109c682d25608ec0443c87677f1be2fe282a0' }, h("nav", { key: '4193a8d85e3e247df506918ebc1860816ae56739', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: 'd69181b137ea096d505dffd8592f5983abd651c5', class: "pagination m-0" }, h("li", { key: '26948939a517b7d5674d4100b82cb8bfd23197d1', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: '05946ad1aa69a13c63088d85bb594e7bbe4859b2', 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 ? buttonLink : buttonDisabled }, h("span", { key: '7b1c5029503b9fbbfaad817ea1b3d28056e1f187', class: "me-1", part: paginationItemIconPrevious }, "\u00AB"), h("span", { key: '88fe14b4d757d126beffaa9a9b1fe679160029a8', part: paginationItemText }, "Previous"))), h("li", { key: 'd1c2d678b47e82c7ede6a90a3f230c243aaad8e4', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: 'aff77d59aee0b21d5e4e68120effbb234453942b', 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 ? buttonLink : buttonDisabled }, h("span", { key: '260c9af01293dbd83add85af7703d8b27b089351', part: paginationItemText }, "Next"), h("span", { key: '9122c2d8dbf78ddcc771359d9b36ba3036dc9be0', class: "ms-1", part: paginationItemIconNext }, "\u00BB")))))));
     }
 }, [0, "pagination-menu", {
         "paging": [16],

package/dist/module/parts.js

@@ -48,13 +48,18 @@ 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 tableHeadCell = `table-head-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}`;
+const paginationItemText = `pagination-item-text ${text}`;
+const paginationItemIcon = `pagination-item-icon ${text}`;
+const paginationItemIconNext = `pagination-item-icon-next ${paginationItemIcon}`;
+const paginationItemIconPrevious = `pagination-item-icon-previous ${paginationItemIcon}`;
 // Loading spinner
 const loadingSpinner = `loading-spinner`;
 // Badge
@@ -114,4 +119,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 { buttonPrimary 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, heading5 as Z, buttonSecondary as _, heading1 as a, buttonLoading as a0, checkoutsListFilterMenu as a1, statusCheckoutsListFilterParam as a2, paymentModeCheckoutsListFilterParam as a3, dropdownMenu as a4, getAlternateTableCellPart as a5, tableRow as a6, paymentsListFilterMenu as a7, paymentIdPaymentsListFilterParam as a8, terminalIdPaymentsListFilterParam as a9, paymentStatusPaymentsListFilterParam as aa, createdAfterPaymentsListFilterParam as ab, createdBeforePaymentsListFilterParam as ac, payoutsListFilterMenu as ad, createdAfterPayoutsListFilterParam as ae, createdBeforePayoutsListFilterParam as af, terminalOrdersListFilterMenu as ag, orderStatusTerminalOrdersListFilterParam as ah, orderTypeTerminalOrdersListFilterParam as ai, createdAfterTerminalOrdersListFilterParam as aj, createdBeforeTerminalOrdersListFilterParam as ak, terminalsListFilterMenu as al, terminalIdTerminalsListFilterParam as am, terminalOrderIdTerminalsListFilterParam as an, terminalStatusTerminalsListFilterParam as ao, billingForm as ap, tableEmpty as aq, tableError as ar, 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, paginationItemIconPrevious as r, skeleton as s, text as t, paginationItemText as u, paginationItemIconNext as v, loadingSpinner as w, badgeDark as x, badgeLight as y, badgeInfo as z };

package/dist/module/payment.service.js

@@ -1,24 +1,18 @@
-import { A as Api } from './Api.js';
-import './ComponentError.js';
-import './Checkout.js';
-import './Pagination.js';
-import './Payment.js';
-import './Refund.js';
-import './Document.js';
+import { A as Api } from './ApiNew.js';
 
+const api = Api();
 class PaymentService {
-    async fetchPayments(accountId, authToken, params, apiOrigin = "https://wc-proxy.justifi.ai") {
-        const api = Api({ authToken, apiOrigin: apiOrigin });
+    async fetchPayments(accountId, authToken, params) {
         const endpoint = `account/${accountId}/payments`;
-        return api.get({ endpoint, params });
+        return api.get({ endpoint, params, authToken });
     }
-    async fetchPayment(paymentId, authToken, apiOrigin = "https://wc-proxy.justifi.ai") {
+    async fetchPayment(paymentId, authToken) {
         const endpoint = `payments/${paymentId}`;
-        return Api({ authToken, apiOrigin }).get({ endpoint });
+        return api.get({ endpoint, authToken });
     }
-    async fetchPaymentTransactions(paymentId, authToken, params, apiOrigin = "https://wc-proxy.justifi.ai") {
+    async fetchPaymentTransactions(paymentId, authToken, params) {
         const endpoint = `payments/${paymentId}/payment_balance_transactions`;
-        return Api({ authToken, apiOrigin }).get({ endpoint, params });
+        return api.get({ endpoint, params, authToken });
     }
 }
 

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

@@ -6,7 +6,7 @@ import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
 import './Refund.js';
 import './Document.js';
-import { n as tableHeadCell, a2 as getAlternateTableCellPart, m as table, o as tableCell } from './parts.js';
+import { n as tableHeadCell, a5 as getAlternateTableCellPart, m as table, a6 as tableRow, o as tableCell } from './parts.js';
 import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types3.js';
 import './details.js';
 import { M as MapPaymentStatusToBadge } from './payments-status.js';
@@ -117,7 +117,7 @@ const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '83f0460f5b465e1414e4a88dc113fc7155d4decb', class: "table-wrapper" }, h("table", { key: '2a42ee9579d589a667172ea9f97e510029b87bdf', class: "table table-hover", part: table }, h("thead", { key: 'bd4bfb3c9d022f8187925d040316020426efdc18', class: "table-head sticky-top" }, h("tr", { key: '7bc4c05aa456cef8fdf9cec435937a6ee447cf2e', class: "table-light text-nowrap" }, this.paymentsTable.columnData.map((column) => column))), h("tbody", { key: 'c09c5a55310da7506b183914d16dd76d5336c275', class: "table-body" }, h(TableLoadingState, { key: '410e7e5b13049436d24a3d4c830c174264b4d802', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '4461a05a8812955cc9673699b9f26decbfbe3197', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'c49e3e5fadc0b889908e7420a0c3547879cc5af8', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.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: 'f6266d84bc0ff50ed9ce7bf0af7016f48e1d57dc', class: "sticky-bottom" }, h("tr", { key: '496fe22cdbaa38becf40402425e9f507625d52b3', class: "table-light align-middle" }, h("td", { key: 'bdd620cd38377ffdcace7b7b810e0379cd089d0b', part: tableCell, colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '5dab0663b6cf408b88c43177822b01969fd0b2d5', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h("div", { key: 'c5059d5f79a3f7ee8e4f767b6e0ea995b9310ed8', class: "table-wrapper" }, h("table", { key: '70c674711138bfbcea97eeef623cc5fe74b01f10', class: "table table-hover", part: table }, h("thead", { key: 'd9c0f2d115f3606043a09c3b9a9bb07ef65cf653', class: "table-head sticky-top" }, h("tr", { key: 'd353ca63c91658b7e20a1fd0a6c5114342b555cb', class: "table-light text-nowrap" }, this.paymentsTable.columnData.map((column) => column))), h("tbody", { key: 'b308dae6d730f9e8867740a1a5cc189a1e8d5751', class: "table-body" }, h(TableLoadingState, { key: 'ee4f0145a926360889a879681fc80c3214b692d4', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '692e612e61e6ec6e564c58545c7074fe8af102e1', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'cdf875aec8002d601982af282e03fabb3c615eca', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler, part: tableRow }, data)))), this.paging && (h("tfoot", { key: '27d3953bdc88315c2c6ab1ec859ca5e9472c4c80', class: "sticky-bottom" }, h("tr", { key: 'dc56e6376491035fd17f25b09fd0af872ba1bc47', class: "table-light align-middle" }, h("td", { key: 'b8d133f8ab2f4494ef0f3f3f531f14e742ac1b47', part: tableCell, colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'b38882f42b1d517d5755510142fd6030803030c2', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/payout.service.js

@@ -1,31 +1,23 @@
-import { A as Api } from './Api.js';
-import './ComponentError.js';
-import './Checkout.js';
-import './Pagination.js';
-import './Payment.js';
-import './Refund.js';
-import './Document.js';
+import { A as Api } from './ApiNew.js';
 
+const api = Api();
 class PayoutService {
-    async fetchPayouts(accountId, authToken, params, apiOrigin = "https://wc-proxy.justifi.ai") {
-        const api = Api({ authToken, apiOrigin });
+    async fetchPayouts(accountId, authToken, params) {
         const endpoint = `account/${accountId}/payouts`;
-        return api.get({ endpoint, params });
+        return api.get({ authToken, endpoint, params });
     }
-    async fetchPayout(payoutId, authToken, apiOrigin = "https://wc-proxy.justifi.ai") {
-        const api = Api({ authToken, apiOrigin });
+    async fetchPayout(payoutId, authToken) {
         const endpoint = `payouts/${payoutId}`;
-        return api.get({ endpoint });
+        return api.get({ authToken, endpoint });
     }
-    async fetchCSV(payoutId, authToken, apiOrigin = "https://wc-proxy.justifi.ai") {
-        const api = Api({ authToken, apiOrigin });
+    async fetchCSV(payoutId, authToken) {
         const endpoint = `reports/payouts/${payoutId}`;
-        return api.get({ endpoint });
+        return api.get({ authToken, endpoint });
     }
-    async fetchPayoutTransactions(authToken, params, apiOrigin = "https://wc-proxy.justifi.ai") {
-        const api = Api({ authToken, apiOrigin });
+    async fetchPayoutTransactions(accountId, authToken, params) {
         const endpoint = `balance_transactions`;
-        return api.get({ endpoint, params });
+        const headers = { 'sub-account': accountId };
+        return api.get({ authToken, endpoint, params, headers });
     }
 }
 

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

@@ -6,7 +6,7 @@ import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
 import './Refund.js';
 import './Document.js';
-import { n as tableHeadCell, a2 as getAlternateTableCellPart, m as table, o as tableCell } from './parts.js';
+import { n as tableHeadCell, a5 as getAlternateTableCellPart, m as table, o as tableCell } from './parts.js';
 import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types3.js';
 import './details.js';
 import { M as MapPayoutStatusToBadge } from './payouts-status.js';

package/dist/module/product-or-service.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { W as heading5 } from './parts.js';
+import { Z as heading5 } from './parts.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-date2.js';
 import { d as defineCustomElement$3 } from './form-control-file-v22.js';

package/dist/module/refund-policy.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { W as heading5 } from './parts.js';
+import { Z as heading5 } from './parts.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-file-v22.js';
 import { d as defineCustomElement$3 } from './form-control-help-text2.js';

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { d as snakeToCamel } from './utils2.js';
-import { T as radioListItem } from './parts.js';
+import { W as radioListItem } from './parts.js';
 import { d as defineCustomElement$2 } from './form-control-help-text2.js';
 import { d as defineCustomElement$1 } from './form-control-radio2.js';
 

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

@@ -1,6 +1,6 @@
 import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
 import { f as formatCurrency } from './utils2.js';
-import { T as radioListItem } from './parts.js';
+import { W as radioListItem } from './parts.js';
 import { d as defineCustomElement$2 } from './form-control-help-text2.js';
 import { d as defineCustomElement$1 } from './form-control-radio2.js';
 

package/dist/module/shipping-details.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { W as heading5 } from './parts.js';
+import { Z as heading5 } from './parts.js';
 import { d as defineCustomElement$7 } from './custom-popper2.js';
 import { d as defineCustomElement$6 } from './form-control-date2.js';
 import { d as defineCustomElement$5 } from './form-control-file-v22.js';

package/dist/module/spinner.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { r as loadingSpinner } from './parts.js';
+import { w as loadingSpinner } from './parts.js';
 
 const Spinner = () => {
     return (h("div", { class: "d-flex justify-content-center" },