@justifi/webcomponents 5.5.0 → 5.6.1

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { m as makeGetPayoutCSV, P as PayoutService } from './get-payout-csv.js';
+import { P as PayoutService } from './payout.service.js';
 import './utils2.js';
 import './Checkout.js';
 import './Pagination.js';
@@ -9,6 +9,7 @@ import './Payment.js';
 import { P as Payout } from './Refund.js';
 import './Document.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
+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';
@@ -21,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))) || [];
@@ -57,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;
@@ -84,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);
@@ -104,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: '59e0cf1800c624229e00efcdfcb0bd5837a285f4', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '7a9d5bff50bffa36c037420e57cbdf4254eadafa', 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"],
@@ -119,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

@@ -5,7 +5,7 @@ import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Compone
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import { R as RefundReasons, e as RefundPayload } from './Refund.js';
+import { R as RefundReasons, g as RefundPayload } from './Refund.js';
 import './Document.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.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-season-interruption-insurance.js

@@ -123,7 +123,7 @@ const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class Seaso
         });
     }
     render() {
-        return (h("justifi-season-interruption-insurance-core", { key: 'aa3c7b6eacef9803f86dfc731d23022d0dd2625c', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
+        return (h("justifi-season-interruption-insurance-core", { key: '09686ee78334afa3648039ef1f6edcc307017f02', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
     }
 }, [1, "justifi-season-interruption-insurance", {
         "authToken": [1, "auth-token"],

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';
@@ -62,8 +62,8 @@ const TerminalOrdersListFilters = /*@__PURE__*/ proxyCustomElement(class Termina
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'fceaf9a2565bb0b2012f9d0c151159b5a0b013b6' }, h("table-filters-menu", { key: '04d455d0edefb0478ef50c58bb35aef2167a8bac', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: 'aefc85e6401613cd92300a613ce0b6f50dec01c9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '852d230caf3b239a19a585f5316a9507db9b5bf4', class: "p-2" }, h("form-control-select", { key: '5302296b38a69a9e5d224aaaa029cf03f561c47a', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status, disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: '86d62ad1d273857cddd4d594b2fbdaa481e9cf8b', class: "p-2" }, h("form-control-select", { key: '5880d9eb2afd60d31a0d8be9921fc80ed10a5135', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type, disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: '99df89875c2a1be8287392b1db7392461c0c1538', class: "p-2" }, h("form-control-date", { key: '61d044d107ab4c7a3c5941a86b6cacf423e06b6f', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: 'c6e44ad049bc5a2f5bb78f5a3799098f8f7e255f', class: "p-2" }, h("form-control-date", { key: '254ad26b1fabb7dd8a983b7095a2ce93dc25dafe', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '09824ee5a8f108e810027f844cb1592acb8292ab' }, h("table-filters-menu", { key: 'bcb67931ca20d8dcf4eaedf8fff22ee3c76f2765', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '6ad367cbf5be69defb35791da7f606efde26e945', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd0f5ed58e440ee9ce742f043790df214c49d391c', class: "p-2" }, h("form-control-select", { key: 'd9ce05f33331e44662a39a05822b8a027e5d76f6', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status, disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: 'ffbceaaf5812af61f54abe1a76b7c9c993e1e7fc', class: "p-2" }, h("form-control-select", { key: '9557912144e169bf6060e072686ca2b5e36d6e5e', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type, disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: 'dc87e2699cae6fcb01fcb54790540aca23fd7f3a', class: "p-2" }, h("form-control-date", { key: '0d0385b71ecc3cfc60ee9218a75f546ccc2c9718', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '4152bb0d8079b019b38a9291df5005211488f21c', class: "p-2" }, h("form-control-date", { key: '24038ef6242a432f9b886a1493841216cfeaae47', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforeTerminalOrdersListFilterParam }))))));
     }
 }, [1, "justifi-terminal-orders-list-filters", {

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

@@ -8,16 +8,16 @@ import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Compone
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import { c as TerminalOrder } from './Refund.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: '2a268ef2e2128e8a0ed23092c78caa7f59539c6f' }, h("terminal-orders-list-core", { key: 'a56b31da3f4672a7f63aaff473dbdcb985eed3fc', 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';
@@ -51,7 +51,7 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'ebfb2ddd63b2e58d04afa90f198e133386ab76e3' }, h("table-filters-menu", { key: '1bafea76a93c02d79712606b1b4e390082d7df10', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '5ef7db38c487fd6c1e2f04165f465bc36c0b8bfe', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'e9ba2f985e7c958457d6a110b430496ef6c409dd', class: "p-2" }, h("form-control-text", { key: 'aa5e8edfee2e7aaffd4fc54fab88aa0ef539e87b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'e4e50f586f1f096c977ce69100d5f0715334d521', class: "p-2" }, h("form-control-text", { key: '81d7dcdd31c917c495e92d2cf212a269a7a05fc5', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: '454ae474faced4cfdc3ef7c6021eddeb10349e03', class: "p-2" }, h("form-control-select", { key: 'ab01fa24d3904628249dc1044242ef98e35c3cc2', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '12ddae65f38d7d13766f671536759074676f0671' }, h("table-filters-menu", { key: '1834209eb5deabf91cb4bd239b6634e70ec7e7f7', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'd78e4d5c268b605c6b2d15166b1a75d8837822e9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '22e568115b7026d1b42f09065d4308f97fd6ab42', class: "p-2" }, h("form-control-text", { key: '9205a6a68abb526276ea936bb4b0db014d85ff33', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '4939fef16aca8fc3e93c17f0ad489786b7b95636', class: "p-2" }, h("form-control-text", { key: '0ade0882380430f13a763d29866f3079aeb1d40a', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: '9080d991225d98d20bd5ec226b3e5b1c01c34d9d', class: "p-2" }, h("form-control-select", { key: '19c31dc742b86ba2c6a8ebdebc79108ee2a4d1d7', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
 }, [1, "justifi-terminals-list-filters", {
         "terminalId": [1, "terminal-id"],

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: 'e1701345de01cf73130bea653e16d31ee0c92725' }, h("terminals-list-core", { key: 'c4767eb667054564e4d6c36f11d494c98e4b4168', 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/justifi-tokenize-payment-method.js

@@ -79,7 +79,7 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         return { isValid };
     }
     render() {
-        return (h(StyledHost, { key: 'f78888ef0c0564df455a7e61990e718b6e827700' }, h("form", { key: '318c2496c73203c7e2c714ba03335118e6bb7136' }, h("fieldset", { key: '3b8e53e611480c2fe43be940162d2f2bc517ea69' }, h("div", { key: 'd8903132e22f7d79842ae22165aea45be0e263fd', class: "row gy-3" }, h("div", { key: '57e4b60b4acd33665a36384e4f6d1cd941f5eaeb', class: "col-12" }, h("justifi-payment-method-options", { key: '48b35447ccc01f8592354cf5c5e53ce8a53db880', 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: '6bd68d95bf5a4d090f00f8a6415d38c0b202ee3a', class: "col-12" }, h(Button, { key: 'cd61787511188bc099d625f6ef44301e5603a495', 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: '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)))))));
     }
 }, [1, "justifi-tokenize-payment-method", {
         "authToken": [1, "auth-token"],

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.5.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-details-core2.js

@@ -56,14 +56,14 @@ const PaymentDetailsCore = /*@__PURE__*/ proxyCustomElement(class PaymentDetails
         });
     }
     render() {
-        return (h(StyledHost, { key: '6c6d4c1944655b7ef98605f6f8a4f827bc8634df' }, this.loading && h(PaymentDetailsLoading, { key: '95e2c50f26884542cc0b7c2751a795b25ebc427a' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '6a88471b5b00d282c2ca11e5c651d4bf1f73d533', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'c7f441da3722aab3a022fe4ae395e1fd84512d2f', slot: "head-info", badge: MapPaymentStatusToBadge(this.payment.status), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: 'd173a2178f4323801790b705632804920fa4a25b', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '6d170aa5a8da7693807571433000342e4107efe8', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'fb3386eaa1cb9128dea10fd4b33c65eab2c00a31', title: "ID", value: this.payment.id })), h("div", { key: '6ee8fc00a0d22c27460900c4e854c2d6bb2127c2', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '5d15d0eacc9ba08db6cbd49e42c56d249eda9d2c', sectionTitle: "Details" }), h("div", { key: '1d9c1980fa1f771f4b2e6498582cb33ae5b3f0f2', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'd492ab80dedc1b8da82da5d7d4c27724aaf71144', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'f77a002fed17be11e28b636ed7e69ed4afb3b158', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'c1e7fadb89586e4adf8e7094cc3ea20f447cd2f5', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'eb2ea81491557f0a45ece5cdef706aaeb3b933cf', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '42e5aa97bf59223ad8bfe8f68c74baa5ff2ab8b9', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '3143407816860e5174f15fccbd9d379b65bd7ea9', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '5d63b760f25736f838aafe478e601e51d0db6792', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'c8aaca658cbef97146307f3f517d1122abe1106f', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '95bef3fe28e0370e8a7d5e4d32d6f86925188132', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '72a4a1c0d6612f437dce1b98609491c4d7983198', sectionTitle: "Payment Method" }),
-            h("div", { key: '5b420f9f45eded927b062b218c8e049cd325597c', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '265f90b4184492bbbdfdd3a146cb69fe2bd7bde0', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '4cd08a2bd200576e04b1802304be38e39cf320aa', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '9618c6b0ff0823d48c86bae538e207096fc3f7ce', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'c9ae3d23296fe3ed1cfea0138165570a15111929', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '3284de2e6a6b39d5b38d1ecd6753cdec09f9b20f', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: '00ba42c81617d9593246956e97b6b962817cc167' }, this.loading && h(PaymentDetailsLoading, { key: '1c0fee27dec985cad2cc7d41f61d137246ffcc3e' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: 'e264b42451a8966a4e6313486bc9d1ccaea0141b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'af96a0f502cce1be451160e8ac2f92074b0ee168', slot: "head-info", badge: MapPaymentStatusToBadge(this.payment.status), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '94f876bd62dd9ccaa6f63f25326390b03c9938d5', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '96c629e2d1a99eca277ec7337cb3e00e88c1b31e', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '0d18abfae7e9fd0a692ac54640194033a5c36f41', title: "ID", value: this.payment.id })), h("div", { key: '7f9e14d7e0312ba1136cf5734754bf0af6c19774', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'a11b47796dada4f9678487edf19dcd7928b08e94', sectionTitle: "Details" }), h("div", { key: 'fa8a895e037adbbcf5856aae4f40306b789a90c8', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '84a8fa2b0dc39aa331501e00a8eb9bf93e8bb8c2', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '632fa4e703aabc7b606b939e95d1633a43fedfaa', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'bc37a80a15fea95932d04676f2c5a8a57276958b', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '588a76203897cd31b9d0c1c8de1b7b9b0b107421', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'c0fea24390417c591327c76568829cbf9f9147a9', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: 'e332a896b55bb58f3fd26ee892556acb08ced52d', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '844fdb40ed55ca0e2f848e7325dcb64f134fa5d6', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'dce95b409eb465e8d6373ad80b7b14a0eecc5aca', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'bed2051bd720b1a790ff59b50bee7f01e3fb222a', title: "Description", value: this.payment.description })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '3283ea5236fab75a32fe569ad29d9b70c62b49a0', sectionTitle: "Payment Method" }),
+            h("div", { key: 'b9a0d9cfca791e3afb4a2e1e73b036319191d485', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '15da44c97292af05a14b3f7840b07bdcf34ae953', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'd8a4a431c3e3ab0d14be8992521ee89b5e126a04', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '1a8ed38a316ea943761d2dd7fda58490180ef3bc', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'db695d1b89896a7a73c83fd8a7d5837ad1e69909', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'd94879fb30ac0a05a16ce9ddb199fb5cb003a8c1', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: 'cd5a23e6ea98b026b9461963c7448df11461ed16', sectionTitle: "Payment Method" }),
-            h("div", { key: '315bea1f8b0d24fc0403328c44124b5210e4d068', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '036c1e1be093e303fa80999f437c92a2200dce7a', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'a35d0f9ca8771cb76bb3d6ac65ca604742896023', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '8a981d79ce65d5b3936a2fe4c7f2d0759627500c', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '9b123abe36f38d66eb7e4dacc1a73e58d6b03305', title: "Account Owner", value: this.payment.payment_method.payersName }))
-        ], h(DetailSectionTitle, { key: 'e8cdca72a94f04208acb36b444b70d31bad38978', sectionTitle: 'Metadata' }), h("div", { key: '662f7fd2cbab2a5574359957fcbab772e3f3f429', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '0d5a67e7290a79c9f5236780254d4eb32a1516af', metadata: this.payment.metadata })))))));
+            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 })))))));
     }
     static get watchers() { return {
         "getPaymentDetails": ["updateOnPropChange"]

package/dist/module/payment.service.js

@@ -1,20 +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) {
+        const endpoint = `payments/${paymentId}/payment_balance_transactions`;
+        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: 'f86d52669c90effcd3d9d53f6de3d968c7e0e5b8' }, h("div", { key: 'c550036e844e432b64d28fd7fe126bbb4201e30d', class: "table-wrapper" }, h("table", { key: '17789379d288ad3fad03fb74b2a230563f891ebe', class: "table table-hover", part: table }, h("thead", { key: '8dbc48e378bb5f0d2bced430709156c944502dbf', class: "table-head sticky-top" }, h("tr", { key: '1d1d84f81bfe1a8f8cb7eafd9faedaed8cef5895', class: "table-light text-nowrap" }, this.paymentsTable.columnData.map((column) => column))), h("tbody", { key: '0700177245ac7d6a6d631410957a71f259922dad', class: "table-body" }, h(TableLoadingState, { key: '055582e228ec1f955bb5a136f17801711f9fc4eb', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '061f7fed30e4c5337dc0608bf5674c5d25918348', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '9c011ecc196eb30da5b78c8b365d96af2b041a5b', 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: '2518be1d8d308549a1c531ff87760b279fdaeea1', class: "sticky-bottom" }, h("tr", { key: '81b14b10f51177f45b71aa5bdb39109e2b02214f', class: "table-light align-middle" }, h("td", { key: '9e61c80405503b5e1e78eb946e099d57fe9685c7', part: tableCell, colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'ce881fdc8fc0b5a1ce50eea97f9adc8237f9a880', 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-details-core2.js

@@ -71,7 +71,7 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '5b8398747913d6bf40b373eca65c253e8113a21d' }, this.loading && h(PayoutDetailsLoading, { key: 'e5f9584c81a01d4a10b1afd7926fae1e92f39ad8' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'c3ef47e4bd529fd0738f30780e53ecd5778106b9', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '8c0a7c9319715c66820b7fe4c4c4d231fff912aa', slot: "head-info", badge: MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: 'f5cee7860b1d1653cb81d790e93010a407c54dcc', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '5b1ddcba3cec58cda32dd1e3e77f655c92c0b3bd', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '0413f7ef138657ed896f32bd79dc685efbabd348', title: "ID", value: this.payout.id }), h("div", { key: '18347805fab3468f464cb05886f70808d3fa8d49', class: "m-4" }, h(Button, { key: 'c3e28ed761ad89697efe2d8e311b07cafe5f4e87', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '46e2455e8aab52ff6f2ec21ab1bc5d9314e4fd9d', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '11dd28f1a0a0128481683f8c7bf703a63a37b92f', sectionTitle: "Details" }), h("div", { key: '015e5ff4c1723d5cd0e9658c9489a961b20b6bbc', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '0bb7d2722f3c2abbe9d09e8ed5e401f3dc126e1a', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'afb65e77f66f7600d8498ef2b26e13b34c8815d2', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '289d1c6b93cf7e36efc3f473f32beab31bf2897a', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '866381078c7fa406bbf5293c517f6d87d736e3c2', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '9cc27410ff9600465f4b52db6e8b70d291e48889', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'a270a06d0a9407c65a71dfe0525a547ffc7a7b76', sectionTitle: "Account" }), h("div", { key: '17b064d47baaff7d58c9b73b15b225456cbb0139', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '2f7335af4b7708901760a780a9908694ad488442', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'e3dc1e150db520f373b0e8d7faf383ea9859ba58', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'e4d213592faccb7142c781ae5da2478b2efc6a28', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '0a2beb62f2c4fa2ceff53c853706343cb8994624', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'f3e6c8f8fd7789f7d9244eecc0cf328ae5519f87', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSectionTitle, { key: 'a35dc97c55c9fc81679a5396d79c7d0f8834dc8a', sectionTitle: 'Metadata' }), h("div", { key: '8deeab8c305bb861fa7a9a3bc1ff5aad8e8d0d48', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '318c943916f17908ead2addaebe350e949b305f0', metadata: this.payout.metadata })))))));
+        return (h(StyledHost, { key: '62711161d74a4d4e76ea5dba50cdf658722ba3a5' }, this.loading && h(PayoutDetailsLoading, { key: '170bf58456fb93c687a9e5b71e364ed6d54ec965' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'eafc4215df8ecba2f3e767e91df54a67c48e0e69', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '849a324f0d5f545e502c1632a5af30da3f6caf74', slot: "head-info", badge: MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: 'ae0b4f158d3baf397880061f6fe25916ca870ac6', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '2e2f16f8c1e2f5b34fe986a311be4ae084d385ab', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '724abe3799d1a1c8f9a54130af715a2057218510', title: "ID", value: this.payout.id }), h("div", { key: '7ac70b4b6eee073384e223b01304d0ad0aaf0a64', class: "m-4" }, h(Button, { key: 'fc78f5a3b14e58aa3861592e81bc60c155d520e3', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '9ebede365566df145b3412b24d255e1b90740541', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '71cfc2676e1ac51b44de391547589fafb5189266', sectionTitle: "Details" }), h("div", { key: 'cba9946a2406c577d3b190cfbfe4b1eeaa27001e', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '1af9837addfc6fd3829fac3df8376958b7dbfbc7', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'f54690ff4578b7383feadd6420b14df1c79d398b', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '5013c67ee0ac8bd9495209fb5854a36665317d84', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '41cd7f0989ff44be01d78475e03486b2fb158911', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '6f047db81aae911ed4553fecda7baacdc5ff9209', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'b342e899b13489045a82051e563ff56c027107e8', sectionTitle: "Account" }), h("div", { key: '709be895334d0a4963ceeb762ac6e66a5a603d07', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '1e14ae8f0b329038ee2aea938be0ab4c1d2c35c9', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: '54ef8f31b5dd0698d50efe617db9fbdb8a2088eb', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '3cbe4043e92bc3d2a07d2970473b06bd92e56f33', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '482efcf4498b79cf724a50dd0d3ba0f38d02576d', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '7b3b961659e263e83268e178991627d04a2fcd46', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSectionTitle, { key: '49b355b672f7fabe75798931e7e36bb1ccfe7370', sectionTitle: 'Metadata' }), h("div", { key: '66669969009dda1eacc194a4ad035836e5fd83c7', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '5700a8404cb548fd4c2a62fde70e56bd78ea8ac6', metadata: this.payout.metadata })))))));
     }
     static get watchers() { return {
         "getPayout": ["getPayoutWatcher"]