@justifi/webcomponents 5.5.0 → 5.6.1

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

@@ -1,22 +1,25 @@
-import { h, r as registerInstance, c as createEvent } from './index-BUM1DfV9.js';
-import { af as heading5, ae as heading4, ab as buttonPrimary, E as text } from './parts-CB88j97I.js';
-import { S as StyledHost } from './styled-host-BHVh70Zk.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Wd4E_Njt.js';
+import { h, r as registerInstance, c as createEvent } from './index-D6FDxSyt.js';
+import { aj as heading5, ai as heading4, af as buttonPrimary, C as text } from './parts-CjO1GttX.js';
+import { S as StyledHost } from './styled-host-C7vaWLiB.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DpVT68Qo.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
-import { B as BusinessService } from './business.service-B136meVo.js';
+import { B as BusinessService } from './business.service-B1VD22Tz.js';
 import { B as Business } from './Business-D6XNzizo.js';
-import { m as makeGetBusiness } from './get-business-B3c5gg1D.js';
-import { S as Skeleton } from './skeleton-B-oFGeeG.js';
+import { m as makeGetBusiness } from './get-business-CIKToQur.js';
+import { S as Skeleton } from './skeleton-t69TLGP9.js';
 import { j as formatPhoneNumber } from './utils-BWcTxbSg.js';
 import './Checkout-Dfpql997.js';
 import './Pagination-CLHwhyvu.js';
 import './Payment-BADkZFaz.js';
-import { d as TerminalModel, c as TerminalOrder, a as TerminalOrderType } from './Refund-t_P1yy9d.js';
+import { f as TerminalModel, e as TerminalOrder, a as TerminalOrderType } from './Refund-DOvd7RJp.js';
 import './Document-Ct-uNz2r.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
-import { T as TerminalService } from './terminal.service-BLOZ-ZlR.js';
-import './package-gAO-RwrF.js';
+import { T as TerminalService } from './terminal.service-B0Rc9vED.js';
+import './package-D2EbqwBe.js';
 import './Api-C9CDE-UM.js';
+import './ApiNew-UOnmIWcv.js';
+import './config-state-Bl6vWekp.js';
+import './index-Cc3u0uDC.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 import './_commonjsHelpers-BFTU3MAI.js';
@@ -59,10 +62,10 @@ const TerminalSelectorLoading = () => {
                         h(Skeleton, null)))))));
 };
 
-const makeGetTerminalModels = ({ id, authToken, service, apiOrigin }) => async ({ onSuccess, onError }) => {
+const makeGetTerminalModels = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a, _b, _c, _d;
     try {
-        const response = await service.fetchTerminalModels(id, authToken, apiOrigin);
+        const response = await service.fetchTerminalModels(id, authToken);
         if (!response.error) {
             const terminals = ((_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.terminal_order_models) === null || _b === void 0 ? void 0 : _b.map((dataItem) => new TerminalModel(dataItem))) || [];
             const orderLimit = (_c = response.data) === null || _c === void 0 ? void 0 : _c.order_limit;
@@ -122,7 +125,6 @@ const OrderTerminals = class {
         this.errorEvent = createEvent(this, "error-event");
         this.submitted = createEvent(this, "submit-event");
         this.shipping = false;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.submitButtonText = 'Submit Order';
         this.loading = {
             business: true,
@@ -158,8 +160,7 @@ const OrderTerminals = class {
         makeGetBusiness({
             id: this.businessId,
             authToken: this.authToken,
-            service: new BusinessService(),
-            apiOrigin: this.apiOrigin,
+            service: new BusinessService()
         })({
             onSuccess: ({ business }) => {
                 this.business = new Business(business);
@@ -175,8 +176,7 @@ const OrderTerminals = class {
         makeGetTerminalModels({
             id: this.accountId,
             authToken: this.authToken,
-            service: new TerminalService(),
-            apiOrigin: this.apiOrigin,
+            service: new TerminalService()
         })({
             onSuccess: ({ terminals, orderLimit }) => {
                 this.terminalModels = terminals;
@@ -192,8 +192,7 @@ const OrderTerminals = class {
     submitOrder() {
         const orderTerminals = makeOrderTerminals({
             authToken: this.authToken,
-            service: new TerminalService(),
-            apiOrigin: this.apiOrigin,
+            service: new TerminalService()
         });
         this.submitting = true;
         orderTerminals({
@@ -230,7 +229,7 @@ const OrderTerminals = class {
         return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (h(StyledHost, { key: 'b56073a8c5df425a77c0e322a855c41a820b848b' }, h("div", { key: 'f714b27a51bd21a58d20088016cfa3fabb6659b2', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '47251af3261d16cfc067bca3b3810805d93ba36d' }, h("div", { key: '13c73bb09cdbad48ee7b15089daf1b6bf56cf256', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 };
 

package/dist/esm/justifi-owner-form_3.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, c as createEvent, h } from './index-BUM1DfV9.js';
+import { r as registerInstance, c as createEvent, h } from './index-D6FDxSyt.js';
 import { b as makeGetIdentity, c as makePatchIdentity, d as makePostIdentity } from './payment-provisioning-actions-CZYFFdTf.js';
-import { I as IdentityService } from './business.service-B136meVo.js';
+import { I as IdentityService } from './business.service-B1VD22Tz.js';
 import { F as FormController } from './index.esm-BCNUj0Dx.js';
 import { O as Owner } from './Business-D6XNzizo.js';
 import { i as identitySchema } from './business-identity-schema-lqdJS3MT.js';
-import { B as Button } from './button-CI85Rqy5.js';
-import { W as heading3 } from './parts-CB88j97I.js';
+import { B as Button } from './button-BRFA5syj.js';
+import { W as heading3 } from './parts-CjO1GttX.js';
 import { B as BusinessFormClickActions } from './event-types-XYgDHrVL.js';
 import { S as SSN_MASK, P as PHONE_MASKS } from './form-input-masks-B-iV5cYd.js';
 import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-CX6mSvOM.js';
@@ -14,6 +14,9 @@ import './utils-Dccsn9BY.js';
 import './Api-C9CDE-UM.js';
 import './utils-BWcTxbSg.js';
 import './_commonjsHelpers-BFTU3MAI.js';
+import './ApiNew-UOnmIWcv.js';
+import './config-state-Bl6vWekp.js';
+import './index-Cc3u0uDC.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 import './schema-validations-BsbYeDDR.js';

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

@@ -1,27 +1,29 @@
-import { r as registerInstance, c as createEvent, h } from './index-BUM1DfV9.js';
-import { P as PaymentService } from './payment.service-Co_fPTvK.js';
-import { m as makeGetPaymentDetails } from './get-payment-details-BbZmEGge.js';
-import { E as ErrorState } from './utils-B4pV3GWr.js';
+import { r as registerInstance, c as createEvent, h } from './index-D6FDxSyt.js';
+import { P as PaymentService } from './payment.service-B9_zvpM_.js';
+import { m as makeGetPaymentDetails } from './get-payment-details-CXiGG9cO.js';
+import { E as ErrorState } from './utils-CK8L6CE7.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Wd4E_Njt.js';
-import './Api-C9CDE-UM.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DpVT68Qo.js';
+import './ApiNew-UOnmIWcv.js';
+import './config-state-Bl6vWekp.js';
+import './index-Cc3u0uDC.js';
 import './utils-BWcTxbSg.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './Checkout-Dfpql997.js';
 import './Pagination-CLHwhyvu.js';
 import './Payment-BADkZFaz.js';
 import './Dispute-7MWRbTXI.js';
-import './Refund-t_P1yy9d.js';
+import './Refund-DOvd7RJp.js';
 import './Document-Ct-uNz2r.js';
 import './utils-Dccsn9BY.js';
-import './parts-CB88j97I.js';
-import './package-gAO-RwrF.js';
+import './parts-CjO1GttX.js';
+import './package-D2EbqwBe.js';
+import './Api-C9CDE-UM.js';
 
 const PaymentDetails = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.errorEvent = createEvent(this, "error-event");
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.errorMessage = null;
         this.paymentService = new PaymentService();
         this.handleErrorEvent = event => {
@@ -46,8 +48,7 @@ const PaymentDetails = class {
             this.getPaymentDetails = makeGetPaymentDetails({
                 id: this.paymentId,
                 authToken: this.authToken,
-                service: new PaymentService(),
-                apiOrigin: this.apiOrigin
+                service: new PaymentService()
             });
         }
         else {

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, h } from './index-BUM1DfV9.js';
+import { r as registerInstance, c as createEvent, h } from './index-D6FDxSyt.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
 import { c as checkProvisioningStatus } from './helpers-Mu7LQT-w.js';
-import { E as text } from './parts-CB88j97I.js';
-import { S as StyledHost } from './styled-host-BHVh70Zk.js';
-import { H as Header1 } from './header-1-BX6i3__G.js';
+import { C as text } from './parts-CjO1GttX.js';
+import { S as StyledHost } from './styled-host-C7vaWLiB.js';
+import { H as Header1 } from './header-1-ClU-iUGF.js';
 import { B as BusinessFormClickActions } from './event-types-XYgDHrVL.js';
 import './state-options-BX8GieXu.js';
 

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

@@ -1,11 +1,14 @@
-import { r as registerInstance, c as createEvent, h } from './index-BUM1DfV9.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Wd4E_Njt.js';
+import { r as registerInstance, c as createEvent, h } from './index-D6FDxSyt.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DpVT68Qo.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
 import { m as makeGetBusiness, a as makePostProvisioning } from './payment-provisioning-actions-CZYFFdTf.js';
-import { B as BusinessService } from './business.service-B136meVo.js';
+import { B as BusinessService } from './business.service-B1VD22Tz.js';
 import { A as Api } from './Api-C9CDE-UM.js';
-import './package-gAO-RwrF.js';
+import './package-D2EbqwBe.js';
 import './utils-Dccsn9BY.js';
+import './ApiNew-UOnmIWcv.js';
+import './config-state-Bl6vWekp.js';
+import './index-Cc3u0uDC.js';
 import './utils-BWcTxbSg.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 

package/dist/esm/justifi-payment-transactions-list.entry.js

@@ -0,0 +1,194 @@
+import { h, r as registerInstance, c as createEvent } from './index-D6FDxSyt.js';
+import { a as convertToLocal } from './utils-BWcTxbSg.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
+import './Checkout-Dfpql997.js';
+import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
+import './Payment-BADkZFaz.js';
+import { c as PaymentBalanceTransaction } from './Refund-DOvd7RJp.js';
+import './Document-Ct-uNz2r.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DpVT68Qo.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
+import { P as PaymentService } from './payment.service-B9_zvpM_.js';
+import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-BIryDMGV.js';
+import { R as tableHeadCell, S as getAlternateTableCellPart, A as table, B as tableCell } from './parts-CjO1GttX.js';
+import { S as StyledHost } from './styled-host-C7vaWLiB.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './Dispute-7MWRbTXI.js';
+import './package-D2EbqwBe.js';
+import './Api-C9CDE-UM.js';
+import './ApiNew-UOnmIWcv.js';
+import './config-state-Bl6vWekp.js';
+import './index-Cc3u0uDC.js';
+import './spinner-Bo1Ff3L8.js';
+
+const makeGetPaymentTransactions = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
+    var _a;
+    try {
+        const response = await service.fetchPaymentTransactions(id, authToken, params);
+        if (!response.error) {
+            const balanceTransactions = response.data.map((dataItem) => new PaymentBalanceTransaction(dataItem));
+            const pagingInfo = Object.assign({}, response.page_info);
+            onSuccess({ balanceTransactions, pagingInfo });
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        onError({
+            error: getErrorMessage(error),
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        final();
+    }
+};
+
+const defaultColumnsKeys = 'created_at,type,id,amount,balance';
+const paymentTransactionTableColumns = {
+    created_at: () => (h("th", { part: tableHeadCell, scope: "col", title: "The date and time each transaction was made" }, "Processed On")),
+    type: () => (h("th", { part: tableHeadCell, scope: "col", title: "The type of each transaction" }, "Type")),
+    id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The unique identifier of each transaction" }, "ID")),
+    amount: () => (h("th", { part: tableHeadCell, scope: "col", title: "The dollar amount of each transaction", class: "text-end" }, "Amount")),
+    balance: () => (h("th", { part: tableHeadCell, scope: "col", title: "The running total amount of this payment that belongs to you", class: "text-end" }, "Balance")),
+    currency: () => (h("th", { part: tableHeadCell, scope: "col", title: "The currency of each transaction" }, "Currency")),
+    financial_transaction_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The unique identifier of the financial transaction associated with the payment balance transaction" }, "Financial Transaction ID")),
+    payment_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The unique identifier of the payment associated with the payment balance transaction" }, "Payment ID")),
+    payment_balance_txn_type: () => (h("th", { part: tableHeadCell, scope: "col", title: "The type of the payment balance transaction" }, "Transaction Type")),
+    source_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The unique identifier of the source object associated with the payment balance transaction" }, "Source ID")),
+    source_type: () => (h("th", { part: tableHeadCell, scope: "col", title: "The type of the source object associated with the payment balance transaction" }, "Source Type")),
+};
+const paymentTransactionTypes = {
+    ach_return: "ACH Return",
+    ach_return_fee: "ACH Return Fee",
+    dispute: "Dispute",
+    dispute_fee: "Dispute Fee",
+    dispute_fee_refund: "Dispute Fee Refund",
+    dispute_refund: "Dispute Refund",
+    payment: "Payment",
+    payment_fee: "Fee",
+    refund: "Refund",
+    fee_refund: "Fee Refund",
+    application_fee_returned: "Application Fee Returned",
+    refund_failure: "Refund Failure",
+    void: "Void",
+};
+const paymentTransactionTableCells = {
+    created_at: (balanceTransaction, index) => (h("td", { part: getAlternateTableCellPart(index) },
+        h("div", { class: "fw-bold" }, convertToLocal(balanceTransaction.created_at, { showDisplayDate: true })),
+        h("div", { class: "fw-bold" }, convertToLocal(balanceTransaction.created_at, { showTime: true })))),
+    type: (balanceTransaction, index) => (h("td", { part: getAlternateTableCellPart(index) }, paymentTransactionTypes[balanceTransaction.payment_balance_txn_type])),
+    id: (balanceTransaction, index) => (h("td", { part: getAlternateTableCellPart(index) }, balanceTransaction.id)),
+    amount: (balanceTransaction, index) => (h("td", { part: getAlternateTableCellPart(index), class: "text-end" }, balanceTransaction.formattedPaymentAmount(balanceTransaction.amount))),
+    balance: (balanceTransaction, index) => (h("td", { part: getAlternateTableCellPart(index), class: "text-end" }, balanceTransaction.formattedPaymentAmount(balanceTransaction.balance))),
+    currency: (balanceTransaction, index) => (h("td", { part: getAlternateTableCellPart(index) }, balanceTransaction.currency)),
+    financial_transaction_id: (balanceTransaction, index) => (h("td", { part: getAlternateTableCellPart(index) }, balanceTransaction.financial_transaction_id)),
+    payment_id: (balanceTransaction, index) => (h("td", { part: getAlternateTableCellPart(index) }, balanceTransaction.payment_id)),
+    payment_balance_txn_type: (balanceTransaction, index) => (h("td", { part: getAlternateTableCellPart(index) }, balanceTransaction.payment_balance_txn_type)),
+    source_id: (balanceTransaction, index) => (h("td", { part: getAlternateTableCellPart(index) }, balanceTransaction.source_id)),
+    source_type: (balanceTransaction, index) => (h("td", { part: getAlternateTableCellPart(index) }, balanceTransaction.source_type)),
+};
+
+const PaymentTransactionsList = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.clickEvent = createEvent(this, "click-event");
+        this.errorEvent = createEvent(this, "error-event");
+        this.balanceTransactions = [];
+        this.isLoading = true;
+        this.errorMessage = null;
+        this.paging = pagingDefaults;
+        this.pagingParams = {};
+        this.columns = defaultColumnsKeys;
+        this.handleClickPrevious = (beforeCursor) => {
+            this.pagingParams = { before_cursor: beforeCursor };
+            this.clickEvent.emit({ name: TableClickActions.previous });
+        };
+        this.handleClickNext = (afterCursor) => {
+            this.pagingParams = { after_cursor: afterCursor };
+            this.clickEvent.emit({ name: TableClickActions.next });
+        };
+        this.rowClickHandler = (e) => {
+            const clickedPaymentID = e.target.closest('tr').dataset.rowEntityId;
+            if (!clickedPaymentID)
+                return;
+            const transactionData = this.balanceTransactions.find((payment) => payment.id === clickedPaymentID);
+            this.clickEvent.emit({ name: TableClickActions.row, data: transactionData });
+        };
+    }
+    componentWillLoad() {
+        this.transactionsTable = new Table(this.balanceTransactions, this.columns, paymentTransactionTableColumns, paymentTransactionTableCells);
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeApi();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    propChanged() {
+        this.initializeApi();
+    }
+    handleError(code, errorMessage, severity) {
+        this.isLoading = false;
+        this.errorEvent.emit({ errorCode: code, message: errorMessage, severity });
+    }
+    initializeApi() {
+        if (this.paymentId && this.authToken) {
+            const getPaymentTransactions = makeGetPaymentTransactions({
+                id: this.paymentId,
+                authToken: this.authToken,
+                service: new PaymentService()
+            });
+            getPaymentTransactions({
+                params: this.pagingParams,
+                onSuccess: ({ balanceTransactions, pagingInfo }) => {
+                    this.balanceTransactions = balanceTransactions;
+                    this.paging = pagingInfo;
+                    this.transactionsTable.collectionData = this.balanceTransactions;
+                },
+                onError: ({ error, code, severity }) => {
+                    this.errorMessage = error.message;
+                    this.handleError(error, code, severity);
+                },
+                final: () => {
+                    this.isLoading = false;
+                }
+            });
+        }
+        else {
+            this.errorMessage = 'payment-id and auth-token props are required';
+            this.handleError(ComponentErrorCodes.MISSING_PROPS, this.errorMessage, ComponentErrorSeverity.ERROR);
+        }
+    }
+    get entityId() {
+        return this.balanceTransactions.map((transaction) => transaction.id);
+    }
+    get showEmptyState() {
+        return !this.isLoading && !this.errorMessage && this.transactionsTable.rowData.length < 1;
+    }
+    get showErrorState() {
+        return !this.isLoading && !!this.errorMessage;
+    }
+    get showRowData() {
+        return !this.showEmptyState && !this.showErrorState && !this.isLoading;
+    }
+    render() {
+        return (h(StyledHost, { key: 'c35e2e5941204aa9ccdfe2be612f98c5a230852a' }, h("div", { key: 'bcf166a44ba15828edcc888ee96b1633853286a2', class: "table-wrapper" }, h("table", { key: '8ae29b54461e6f2eeefc1da4f659e86db774b913', class: "table table-hover", part: table }, h("thead", { key: '4a7983d92e9bc30e63c18c223996d8251e99438c', class: "table-head sticky-top" }, h("tr", { key: '797a5512b07112c04fe37b8898610091b3fbcb74', class: "table-light text-nowrap" }, this.transactionsTable.columnData.map((column) => column))), h("tbody", { key: '09d90ccec9a0dbf5a2b5caffa7715a96fd98097d', class: "table-body" }, h(TableLoadingState, { key: '2d350db554deb86c9122cded434c8947f4028042', columnSpan: this.transactionsTable.columnData.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'd2f8bd08c44fe66712b167b430b6e08b2dc989c7', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnData.length }), h(TableErrorState, { key: '2cb1f0c85805c77d445bd7da333761dc11a982c4', 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: '76b887121f8e8c48b59f4657a9353d32b3f60511', class: "sticky-bottom" }, h("tr", { key: '99670a6602b8145d2208a29333c358ae2da91153', class: "table-light align-middle" }, h("td", { key: 'c2cfed937f3e34bd4fed9a258b1158827b7d04b7', part: tableCell, colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '65659d1f4c5893cc427fb05e4b9255d3c54fb41d', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+    }
+    static get watchers() { return {
+        "pagingParams": ["propChanged"],
+        "paymentId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }; }
+};
+
+export { PaymentTransactionsList as justifi_payment_transactions_list };

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, h } from './index-BUM1DfV9.js';
+import { r as registerInstance, h } from './index-D6FDxSyt.js';
 import { l as lodashExports } from './lodash-BqWxUrkh.js';
-import { f as filterParams, p as propsParams, c as clearParams } from './payments-list-params-state-Gbxdxjoi.js';
-import { e as paymentsListFilterMenu, f as paymentIdPaymentsListFilterParam, t as terminalIdPaymentsListFilterParam, g as paymentStatusPaymentsListFilterParam, h as createdAfterPaymentsListFilterParam, j as createdBeforePaymentsListFilterParam } from './parts-CB88j97I.js';
-import { S as StyledHost } from './styled-host-BHVh70Zk.js';
+import { f as filterParams, p as propsParams, c as clearParams } from './payments-list-params-state-Bn7pL-8x.js';
+import { e as paymentsListFilterMenu, f as paymentIdPaymentsListFilterParam, t as terminalIdPaymentsListFilterParam, g as paymentStatusPaymentsListFilterParam, h as createdAfterPaymentsListFilterParam, j as createdBeforePaymentsListFilterParam } from './parts-CjO1GttX.js';
+import { S as StyledHost } from './styled-host-C7vaWLiB.js';
 import { c as convertToUTC, a as convertToLocal } from './utils-BWcTxbSg.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './index-Cuk6aIda.js';
+import './index-Cc3u0uDC.js';
 
 const PaymentsListFilters = class {
     constructor(hostRef) {
@@ -47,8 +47,8 @@ const PaymentsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '0f60343035418f02bfb4c5a334281035cc572957' }, h("table-filters-menu", { key: 'f3fbf51df04aab4de27aec6c16b1154a9c68cf89', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'f16d287033fcd5738a248c46f055ca880afa100d', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'c732920f08adcc06e730bc37989dfab19ab1ca70', class: "p-2" }, h("form-control-text", { key: 'd627c54541b7ef5d18047eeeb1d123974903a7b4', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '9d0808c36388cd9e6d44ad911ce2b35c8ef3d481', class: "p-2" }, h("form-control-text", { key: '75bd80ea108dfd17260a494fb616c4b59c9a6d17', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '67d9241d539eb9dbde85b36d2b46c03557988aac', class: "p-2" }, h("form-control-select", { key: '6cc1f7f8d660d6d7dd71231c0fadcd487dec598d', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '286c868036528e6c0d8d57eba384a1cbf7e9fe46', class: "p-2" }, h("form-control-date", { key: '74507753f003841539d9b6c4e233428d8cdef85e', 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: createdAfterPaymentsListFilterParam })), h("div", { key: 'd028a802f375b553e7504dfaec3232af5b3d7849', class: "p-2" }, h("form-control-date", { key: '3f4f89061c6f50b38aaab0d950b8bd6ed53e1290', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '10829c1f0fc63fa2f7d051d0cfecf99cfa7d5d53' }, h("table-filters-menu", { key: 'c59be37898d0eb1b6b6d19c4b338a527efcb6cc6', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '716e807db90c39aa977e9b5daf6a411d3086ca63', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'a6f176d96dc459cc78135bdb2eab080876883c9e', class: "p-2" }, h("form-control-text", { key: '08acfb9b4d70e641a33482abfb20085ef1dfe193', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'bb19e9f99e3365163701450b28e008decd59596a', class: "p-2" }, h("form-control-text", { key: 'bbeec69309d93ac6dc519369fea831a37e09cff1', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'c4a260634c01d93cffe4106dc2d39b74ee74d1bb', class: "p-2" }, h("form-control-select", { key: 'f9bf9bea0a8de4387523379494a2ef6da763a532', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: 'b9f48f0df0007629e0046a9c001b4ed92e29e229', class: "p-2" }, h("form-control-date", { key: 'c997c468c94710e8f16bd5125092390d6444b247', 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: createdAfterPaymentsListFilterParam })), h("div", { key: '792715eec40293f7877377b06d97402a9befe6c9', class: "p-2" }, h("form-control-date", { key: '5a175d01c307a5273a9d41dc8c319554dc32e2e0', 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: createdBeforePaymentsListFilterParam }))))));
     }
 };

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

@@ -1,28 +1,31 @@
-import { r as registerInstance, c as createEvent, h } from './index-BUM1DfV9.js';
-import { P as PaymentService } from './payment.service-Co_fPTvK.js';
+import { r as registerInstance, c as createEvent, h } from './index-D6FDxSyt.js';
+import { P as PaymentService } from './payment.service-B9_zvpM_.js';
 import './utils-BWcTxbSg.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
 import './Checkout-Dfpql997.js';
 import './Pagination-CLHwhyvu.js';
 import { P as Payment } from './Payment-BADkZFaz.js';
-import './Refund-t_P1yy9d.js';
+import './Refund-DOvd7RJp.js';
 import './Document-Ct-uNz2r.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Wd4E_Njt.js';
-import { S as StyledHost } from './styled-host-BHVh70Zk.js';
-import { d as defaultColumnsKeys } from './payments-table-VcaC77NC.js';
-import './Api-C9CDE-UM.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DpVT68Qo.js';
+import { S as StyledHost } from './styled-host-C7vaWLiB.js';
+import { d as defaultColumnsKeys } from './payments-table-BdQtWUO-.js';
+import './ApiNew-UOnmIWcv.js';
+import './config-state-Bl6vWekp.js';
+import './index-Cc3u0uDC.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './Dispute-7MWRbTXI.js';
-import './package-gAO-RwrF.js';
-import './payments-status-BLhcMfnC.js';
-import './badge-C4TzL9CB.js';
-import './parts-CB88j97I.js';
+import './package-D2EbqwBe.js';
+import './Api-C9CDE-UM.js';
+import './payments-status-CQQH_5oM.js';
+import './badge-B191hCAo.js';
+import './parts-CjO1GttX.js';
 
-const makeGetPayments = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError, final }) => {
+const makeGetPayments = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
     var _a, _b;
     try {
-        const response = await service.fetchPayments(id, authToken, params, apiOrigin);
+        const response = await service.fetchPayments(id, authToken, params);
         if (!response.error) {
             const pagingInfo = Object.assign({}, response.page_info);
             const payments = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Payment(dataItem))) || [];
@@ -56,7 +59,6 @@ const PaymentsList = class {
         registerInstance(this, hostRef);
         this.errorEvent = createEvent(this, "error-event");
         this.errorMessage = null;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.columns = defaultColumnsKeys;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
@@ -79,8 +81,7 @@ const PaymentsList = class {
             this.getPayments = makeGetPayments({
                 id: this.accountId,
                 authToken: this.authToken,
-                service: new PaymentService(),
-                apiOrigin: this.apiOrigin,
+                service: new PaymentService()
             });
         }
         else {
@@ -93,7 +94,7 @@ const PaymentsList = class {
         }
     }
     render() {
-        return (h(StyledHost, { key: '9abf2a388255fc2f1dd326e6c3fc3e59284a5d0e' }, h("payments-list-core", { key: '280aa7cc66e89c376f5e3169ce6bd7cda8404f70', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '1527d43387894949810bae0fa5ebeb172f71bbaf' }, h("payments-list-core", { key: '198cbb929b4793c37a0963554d841ac7999e3c29', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -1,20 +1,24 @@
-import { r as registerInstance, c as createEvent, h } from './index-BUM1DfV9.js';
-import { m as makeGetPayoutCSV, P as PayoutService } from './get-payout-csv-BKq22mOI.js';
+import { r as registerInstance, c as createEvent, h } from './index-D6FDxSyt.js';
+import { P as PayoutService } from './payout.service-BGSaI-j9.js';
 import './utils-BWcTxbSg.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
 import './Checkout-Dfpql997.js';
 import './Pagination-CLHwhyvu.js';
 import './Payment-BADkZFaz.js';
-import { P as Payout } from './Refund-t_P1yy9d.js';
+import { P as Payout } from './Refund-DOvd7RJp.js';
 import './Document-Ct-uNz2r.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
-import { E as ErrorState } from './utils-B4pV3GWr.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Wd4E_Njt.js';
-import './Api-C9CDE-UM.js';
+import { E as ErrorState } from './utils-CK8L6CE7.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DpVT68Qo.js';
+import { m as makeGetPayoutCSV } from './get-payout-csv-D7IYYqVL.js';
+import './ApiNew-UOnmIWcv.js';
+import './config-state-Bl6vWekp.js';
+import './index-Cc3u0uDC.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './Dispute-7MWRbTXI.js';
-import './parts-CB88j97I.js';
-import './package-gAO-RwrF.js';
+import './parts-CjO1GttX.js';
+import './package-D2EbqwBe.js';
+import './Api-C9CDE-UM.js';
 
 const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -49,7 +53,6 @@ const PayoutDetails = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.errorEvent = createEvent(this, "error-event");
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.errorMessage = null;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
@@ -76,8 +79,7 @@ const PayoutDetails = class {
             });
             this.getPayoutCSV = makeGetPayoutCSV({
                 authToken: this.authToken,
-                service: new PayoutService(),
-                apiOrigin: this.apiOrigin
+                service: new PayoutService()
             });
         }
         else {