@justifi/webcomponents 5.4.4 → 5.6.0

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

@@ -1,14 +1,13 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const lodash = require('./lodash-dbf6a6a4.js');
-const paymentsListParamsState = require('./payments-list-params-state-442d9944.js');
-const parts = require('./parts-5ca90f9a.js');
-const styledHost = require('./styled-host-94309bab.js');
-const utils = require('./utils-4120664c.js');
-require('./index-d2d0b181.js');
+var index = require('./index-BRQfozbS.js');
+var lodash = require('./lodash-CvSCBJ_8.js');
+var paymentsListParamsState = require('./payments-list-params-state-DX4jg37H.js');
+var parts = require('./parts-D_uKOPFe.js');
+var styledHost = require('./styled-host-CzJ8Ux1t.js');
+var utils = require('./utils-DmZ8Dia3.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./index-DzQdh5ij.js');
 
 const PaymentsListFilters = class {
     constructor(hostRef) {
@@ -20,15 +19,10 @@ const PaymentsListFilters = class {
             const utcDate = utils.convertToUTC(value, { setExactTime: true });
             this.setParamsOnChange(name, utcDate);
         };
-        this.paymentId = undefined;
-        this.terminalId = undefined;
-        this.paymentStatus = undefined;
-        this.createdAfter = undefined;
-        this.createdBefore = undefined;
     }
     componentWillLoad() {
         // debounced input handler for text input
-        this.debouncedSetParamsOnChange = lodash.lodash.exports.debounce(this.setParamsOnChange, 300);
+        this.debouncedSetParamsOnChange = lodash.lodashExports.debounce(this.setParamsOnChange, 300);
         const propsToSet = {
             payment_id: this.paymentId,
             terminal_id: this.terminalId,
@@ -55,8 +49,8 @@ const PaymentsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, paymentsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: 'c213f44219409851784f62f38932d6165e933e2a' }, index.h("table-filters-menu", { key: 'b0f67131ad7812cf51e475809c4e6b1d57577cf1', params: filterMenuParams, clearParams: paymentsListParamsState.clearParams, part: parts.paymentsListFilterMenu }, index.h("div", { key: '8d259cfe28fdeb67096383c317392f99642b4266', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: 'a593eae6541085b1d2ad46e8fac7a5e53c11c38e', class: "p-2" }, index.h("form-control-text", { key: 'a32b07e6635bbc31c2ca11e91cd3f95edf558cb1', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || paymentsListParamsState.filterParams.payment_id, disabled: !!this.paymentId, part: parts.paymentIdPaymentsListFilterParam })), index.h("div", { key: '989e3f4d1f48549210e982e2c55329841bdd1926', class: "p-2" }, index.h("form-control-text", { key: 'a54152f1052642448ccd1e50561af65c32d976bf', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || paymentsListParamsState.filterParams.terminal_id, disabled: !!this.terminalId, part: parts.terminalIdPaymentsListFilterParam })), index.h("div", { key: 'f5d484ca692420c508c8c33392a73ed84544ab97', class: "p-2" }, index.h("form-control-select", { key: '1f8d609f065cae6830b28ce268fb299eff9bf549', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || paymentsListParamsState.filterParams.payment_status, disabled: !!this.paymentStatus, part: parts.paymentStatusPaymentsListFilterParam })), index.h("div", { key: '8db078f3a5272b61f3843119b4da4344df70e02d', class: "p-2" }, index.h("form-control-date", { key: '6e20e715d77f116f93484d417a0ac1c95d0e9a5e', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                utils.convertToLocal(paymentsListParamsState.filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: parts.createdAfterPaymentsListFilterParam })), index.h("div", { key: '5a011a17767ad4cfd89a40b0f3d77ec92df433b3', class: "p-2" }, index.h("form-control-date", { key: '5064f46b779239aabc5d0fcb11479634e14e050d', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (index.h(styledHost.StyledHost, { key: '10829c1f0fc63fa2f7d051d0cfecf99cfa7d5d53' }, index.h("table-filters-menu", { key: 'c59be37898d0eb1b6b6d19c4b338a527efcb6cc6', params: filterMenuParams, clearParams: paymentsListParamsState.clearParams, part: parts.paymentsListFilterMenu }, index.h("div", { key: '716e807db90c39aa977e9b5daf6a411d3086ca63', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: 'a6f176d96dc459cc78135bdb2eab080876883c9e', class: "p-2" }, index.h("form-control-text", { key: '08acfb9b4d70e641a33482abfb20085ef1dfe193', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || paymentsListParamsState.filterParams.payment_id, disabled: !!this.paymentId, part: parts.paymentIdPaymentsListFilterParam })), index.h("div", { key: 'bb19e9f99e3365163701450b28e008decd59596a', class: "p-2" }, index.h("form-control-text", { key: 'bbeec69309d93ac6dc519369fea831a37e09cff1', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || paymentsListParamsState.filterParams.terminal_id, disabled: !!this.terminalId, part: parts.terminalIdPaymentsListFilterParam })), index.h("div", { key: 'c4a260634c01d93cffe4106dc2d39b74ee74d1bb', class: "p-2" }, index.h("form-control-select", { key: 'f9bf9bea0a8de4387523379494a2ef6da763a532', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || paymentsListParamsState.filterParams.payment_status, disabled: !!this.paymentStatus, part: parts.paymentStatusPaymentsListFilterParam })), index.h("div", { key: 'b9f48f0df0007629e0046a9c001b4ed92e29e229', class: "p-2" }, index.h("form-control-date", { key: 'c997c468c94710e8f16bd5125092390d6444b247', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                utils.convertToLocal(paymentsListParamsState.filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: parts.createdAfterPaymentsListFilterParam })), index.h("div", { key: '792715eec40293f7877377b06d97402a9befe6c9', class: "p-2" }, index.h("form-control-date", { key: '5a175d01c307a5273a9d41dc8c319554dc32e2e0', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 utils.convertToLocal(paymentsListParamsState.filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: parts.createdBeforePaymentsListFilterParam }))))));
     }
 };

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

@@ -1,26 +1,25 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const payment_service = require('./payment.service-537e049d.js');
-const ComponentError = require('./ComponentError-233ac749.js');
-require('./Checkout-5352009d.js');
-require('./Pagination-0da8f095.js');
-const Payment = require('./Payment-bccd8f7d.js');
-require('./SubAccount-2a302ead.js');
-require('./Document-0b828345.js');
-const utils = require('./utils-7a478c37.js');
-const checkPkgVersion = require('./check-pkg-version-e6dcbeb7.js');
-const styledHost = require('./styled-host-94309bab.js');
-const paymentsTable = require('./payments-table-a076755a.js');
-require('./Api-83d93333.js');
-require('./utils-4120664c.js');
-require('./Dispute-eb6bad54.js');
-require('./package-5a9f02b2.js');
-require('./payments-status-075aad0a.js');
-require('./badge-364e6311.js');
-require('./parts-5ca90f9a.js');
+var index = require('./index-BRQfozbS.js');
+var payment_service = require('./payment.service-BstXaxH5.js');
+require('./utils-DmZ8Dia3.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+require('./Checkout-RAGvjVPj.js');
+require('./Pagination-Dediz133.js');
+var Payment = require('./Payment-CQCmj3Ck.js');
+require('./Refund-CpurRc4w.js');
+require('./Document-rXGBUaOh.js');
+var utils = require('./utils-l0veqT9y.js');
+var checkPkgVersion = require('./check-pkg-version-C4d9pl8G.js');
+var styledHost = require('./styled-host-CzJ8Ux1t.js');
+var paymentsTable = require('./payments-table-ClOxMnZ8.js');
+require('./Api-KMweahmp.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./Dispute-CruQTF6_.js');
+require('./package-S6wVKDKx.js');
+require('./payments-status-CQq7KrHL.js');
+require('./badge-DwSZ83Bm.js');
+require('./parts-D_uKOPFe.js');
 
 const makeGetPayments = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError, final }) => {
     var _a, _b;
@@ -57,17 +56,14 @@ const makeGetPayments = ({ id, authToken, service, apiOrigin }) => async ({ para
 const PaymentsList = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.errorEvent = index.createEvent(this, "error-event");
+        this.errorMessage = null;
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
+        this.columns = paymentsTable.defaultColumnsKeys;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
-        this.getPayments = undefined;
-        this.errorMessage = null;
-        this.accountId = undefined;
-        this.authToken = undefined;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
-        this.columns = paymentsTable.defaultColumnsKeys;
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
@@ -99,7 +95,7 @@ const PaymentsList = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '6882456e9e7af8dd5e8023cf649d967551689c20' }, index.h("payments-list-core", { key: '7df305455ba20e2eede8c5146edb5db2e7c412c8', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (index.h(styledHost.StyledHost, { key: '97f98385d5b9f4664776f920183901136b1e3d1a' }, index.h("payments-list-core", { key: 'be6558d801908c60c8c0c0f66741d2ee7049d5e3', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -1,30 +1,30 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const getPayoutCsv = require('./get-payout-csv-7607c71e.js');
-const ComponentError = require('./ComponentError-233ac749.js');
-require('./Checkout-5352009d.js');
-require('./Pagination-0da8f095.js');
-require('./Payment-bccd8f7d.js');
-const SubAccount = require('./SubAccount-2a302ead.js');
-require('./Document-0b828345.js');
-const utils = require('./utils-7a478c37.js');
-const utils$1 = require('./utils-f8714daa.js');
-const checkPkgVersion = require('./check-pkg-version-e6dcbeb7.js');
-require('./Api-83d93333.js');
-require('./utils-4120664c.js');
-require('./Dispute-eb6bad54.js');
-require('./parts-5ca90f9a.js');
-require('./package-5a9f02b2.js');
+var index = require('./index-BRQfozbS.js');
+var payout_service = require('./payout.service-DWOtnFdn.js');
+require('./utils-DmZ8Dia3.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+require('./Checkout-RAGvjVPj.js');
+require('./Pagination-Dediz133.js');
+require('./Payment-CQCmj3Ck.js');
+var Refund = require('./Refund-CpurRc4w.js');
+require('./Document-rXGBUaOh.js');
+var utils = require('./utils-l0veqT9y.js');
+var utils$1 = require('./utils-DxbncJhj.js');
+var checkPkgVersion = require('./check-pkg-version-C4d9pl8G.js');
+var getPayoutCsv = require('./get-payout-csv-Jr_0DmmY.js');
+require('./Api-KMweahmp.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./Dispute-CruQTF6_.js');
+require('./parts-D_uKOPFe.js');
+require('./package-S6wVKDKx.js');
 
 const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;
     try {
         const response = await service.fetchPayout(id, authToken);
         if (!response.error) {
-            const payout = new SubAccount.Payout(response.data);
+            const payout = new Refund.Payout(response.data);
             onSuccess(payout);
         }
         else {
@@ -51,17 +51,13 @@ const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess,
 const PayoutDetails = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.errorEvent = index.createEvent(this, "error-event");
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
+        this.errorMessage = null;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
-        this.payoutId = undefined;
-        this.authToken = undefined;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
-        this.getPayout = undefined;
-        this.getPayoutCSV = undefined;
-        this.errorMessage = null;
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
@@ -79,11 +75,11 @@ const PayoutDetails = class {
             this.getPayout = makeGetPayoutDetails({
                 id: this.payoutId,
                 authToken: this.authToken,
-                service: new getPayoutCsv.PayoutService()
+                service: new payout_service.PayoutService()
             });
             this.getPayoutCSV = getPayoutCsv.makeGetPayoutCSV({
                 authToken: this.authToken,
-                service: new getPayoutCsv.PayoutService(),
+                service: new payout_service.PayoutService(),
                 apiOrigin: this.apiOrigin
             });
         }

package/dist/cjs/justifi-payout-transactions-list.cjs.entry.js

@@ -0,0 +1,203 @@
+'use strict';
+
+var index = require('./index-BRQfozbS.js');
+var utils$1 = require('./utils-DmZ8Dia3.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+require('./Checkout-RAGvjVPj.js');
+var Pagination = require('./Pagination-Dediz133.js');
+require('./Payment-CQCmj3Ck.js');
+var Refund = require('./Refund-CpurRc4w.js');
+require('./Document-rXGBUaOh.js');
+var checkPkgVersion = require('./check-pkg-version-C4d9pl8G.js');
+var utils = require('./utils-l0veqT9y.js');
+var payout_service = require('./payout.service-DWOtnFdn.js');
+var eventTypes = require('./event-types-CjInBN20.js');
+var parts = require('./parts-D_uKOPFe.js');
+var styledHost = require('./styled-host-CzJ8Ux1t.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./Dispute-CruQTF6_.js');
+require('./package-S6wVKDKx.js');
+require('./Api-KMweahmp.js');
+require('./spinner-CSH2OUiV.js');
+
+const makeGetPayoutTransactions = ({ authToken, service, apiOrigin }) => async ({ params, onSuccess, onError, final }) => {
+    var _a;
+    try {
+        const response = await service.fetchPayoutTransactions(authToken, params, apiOrigin);
+        if (!response.error) {
+            const balanceTransactions = response.data.map((dataItem) => new Refund.PayoutBalanceTransaction(dataItem));
+            const pagingInfo = Object.assign({}, response.page_info);
+            onSuccess({ balanceTransactions, pagingInfo });
+        }
+        else {
+            const responseError = utils.getErrorMessage(response.error);
+            const code = utils.getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            onError({
+                error: responseError,
+                code,
+                severity: ComponentError.ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = utils.getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        onError({
+            error: utils.getErrorMessage(error),
+            code,
+            severity: ComponentError.ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        final();
+    }
+};
+
+const defaultColumnsKeys = 'created_at,txn_type,description,amount,fee,net';
+const payoutTransactionTableColumns = {
+    id: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The unique identifier of each transaction" }, "ID")),
+    account_id: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The unique identifier of the account associated with each transaction" }, "Account ID")),
+    payout_id: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The unique identifier of the payout associated with each transaction" }, "Payout ID")),
+    financial_transaction_id: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The unique identifier of the financial transaction associated with the payment balance transaction" }, "Financial Transaction ID")),
+    amount: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The dollar amount of each transaction" }, "Amount")),
+    fee: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The fee associated with each transaction" }, "Fee")),
+    net: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The net amount of each transaction" }, "Net")),
+    currency: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The currency of each transaction" }, "Currency")),
+    description: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The description of each transaction" }, "Description")),
+    source_id: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The unique identifier of the source object associated with the payment balance transaction" }, "Source ID")),
+    txn_type: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The type of each transaction" }, "Type")),
+    created_at: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The date and time each transaction was made" }, "Processed On")),
+    available_on: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The date and time each transaction will be available" }, "Available On")),
+    updated_at: () => (index.h("th", { part: parts.tableHeadCell, scope: "col", title: "The date and time each transaction was last updated" }, "Updated On")),
+};
+const payoutTransactionTypes = {
+    fee: "Fee",
+    payment: "Payment",
+    payout: "Payout",
+    seller_payment_refund: "Seller Payment Refund",
+    dispute_amount_collected: "Dispute Amount Collected",
+    dispute_fee_collected: "Dispute Fee Collected",
+    seller_payment: "Seller Payment",
+    transfer: "Transfer",
+    partner_platform_proceeds_credit: "Partner Platform Proceeds Credit"
+};
+const payoutTransactionTableCells = {
+    id: (transaction) => (index.h("td", { part: parts.getAlternateTableCellPart(transaction.id) }, transaction.id)),
+    account_id: (transaction) => (index.h("td", { part: parts.getAlternateTableCellPart(transaction.account_id) }, transaction.account_id)),
+    payout_id: (transaction) => (index.h("td", { part: parts.getAlternateTableCellPart(transaction.payout_id) }, transaction.payout_id)),
+    financial_transaction_id: (transaction) => (index.h("td", { part: parts.getAlternateTableCellPart(transaction.financial_transaction_id) }, transaction.financial_transaction_id)),
+    amount: (transaction) => (index.h("td", { part: parts.getAlternateTableCellPart(transaction.amount) }, transaction.formattedPaymentAmount(transaction.amount))),
+    fee: (transaction) => (index.h("td", { part: parts.getAlternateTableCellPart(transaction.fee) }, transaction.formattedPaymentAmount(transaction.fee))),
+    net: (transaction) => (index.h("td", { part: parts.getAlternateTableCellPart(transaction.net) }, transaction.formattedPaymentAmount(transaction.net))),
+    currency: (transaction) => (index.h("td", { part: parts.getAlternateTableCellPart(transaction.currency) }, transaction.currency)),
+    description: (transaction) => (index.h("td", { part: parts.getAlternateTableCellPart(transaction.description) }, transaction.description)),
+    source_id: (transaction) => (index.h("td", { part: parts.getAlternateTableCellPart(transaction.source_id) }, transaction.source_id)),
+    txn_type: (transaction) => (index.h("td", { part: parts.getAlternateTableCellPart(transaction.txn_type) }, payoutTransactionTypes[transaction.txn_type])),
+    created_at: (transaction) => (index.h("td", { part: parts.getAlternateTableCellPart(transaction.created_at) },
+        index.h("div", { class: "fw-bold" }, utils$1.convertToLocal(transaction.created_at, { showDisplayDate: true })),
+        index.h("div", { class: "fw-bold" }, utils$1.convertToLocal(transaction.created_at, { showTime: true })))),
+    available_on: (transaction) => (index.h("td", { part: parts.getAlternateTableCellPart(transaction.available_on) },
+        index.h("div", { class: "fw-bold" }, utils$1.convertToLocal(transaction.available_on, { showDisplayDate: true })),
+        index.h("div", { class: "fw-bold" }, utils$1.convertToLocal(transaction.available_on, { showTime: true })))),
+    updated_at: (transaction) => (index.h("td", { part: parts.getAlternateTableCellPart(transaction.updated_at) },
+        index.h("div", { class: "fw-bold" }, utils$1.convertToLocal(transaction.updated_at, { showDisplayDate: true })),
+        index.h("div", { class: "fw-bold" }, utils$1.convertToLocal(transaction.updated_at, { showTime: true })))),
+};
+
+const PayoutTransactionsList = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.clickEvent = index.createEvent(this, "click-event");
+        this.errorEvent = index.createEvent(this, "error-event");
+        this.balanceTransactions = [];
+        this.isLoading = true;
+        this.errorMessage = null;
+        this.paging = Pagination.pagingDefaults;
+        this.pagingParams = {};
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
+        this.columns = defaultColumnsKeys;
+        this.handleClickPrevious = (beforeCursor) => {
+            this.pagingParams = { before_cursor: beforeCursor };
+            this.clickEvent.emit({ name: eventTypes.TableClickActions.previous });
+        };
+        this.handleClickNext = (afterCursor) => {
+            this.pagingParams = { after_cursor: afterCursor };
+            this.clickEvent.emit({ name: eventTypes.TableClickActions.next });
+        };
+        this.rowClickHandler = (e) => {
+            const clickedPayoutId = e.target.closest('tr').dataset.rowEntityId;
+            if (!clickedPayoutId)
+                return;
+            const transactionData = this.balanceTransactions.find((payout) => payout.id === clickedPayoutId);
+            this.clickEvent.emit({ name: eventTypes.TableClickActions.row, data: transactionData });
+        };
+    }
+    componentWillLoad() {
+        this.transactionsTable = new eventTypes.Table(this.balanceTransactions, this.columns, payoutTransactionTableColumns, payoutTransactionTableCells);
+        checkPkgVersion.checkPkgVersion();
+        this.analytics = new checkPkgVersion.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.payoutId && this.authToken) {
+            const getPayoutTransactions = makeGetPayoutTransactions({
+                authToken: this.authToken,
+                service: new payout_service.PayoutService(),
+                apiOrigin: this.apiOrigin
+            });
+            getPayoutTransactions({
+                params: this.requestParams,
+                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 = 'payout-id and auth-token props are required';
+            this.handleError(ComponentError.ComponentErrorCodes.MISSING_PROPS, this.errorMessage, ComponentError.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;
+    }
+    get requestParams() {
+        return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: '90a9bdb7acbaabba3e2d99936ab8ff4af752b89f' }, index.h("div", { key: '546c52c26422482ebc03c363e1b7251b00628612', class: "table-wrapper" }, index.h("table", { key: '8cafebb253b276b747be56ffdde3430eebd8165b', class: "table table-hover", part: parts.table }, index.h("thead", { key: '1b701619c17d926a95ddfb7fbb84fe3a6fd7c9b9', class: "table-head sticky-top" }, index.h("tr", { key: '94b5d386d8eed15eb54761c450603e3edba05e28', class: "table-light text-nowrap" }, this.transactionsTable.columnData.map((column) => column))), index.h("tbody", { key: 'cf4057bac5a7b9b49448bc0cc6fe60b031e71428', class: "table-body" }, index.h(eventTypes.TableLoadingState, { key: '0336b83d2842ba8cc450e6169161c5a32b65d5ca', columnSpan: this.transactionsTable.columnData.length, isLoading: this.isLoading }), index.h(eventTypes.TableEmptyState, { key: 'ecb336f7cf73ae652eafa2068e916055c908b351', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnData.length }), index.h(eventTypes.TableErrorState, { key: 'fa99aae26090ced86423af1c1458b51880299260', columnSpan: this.transactionsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h("tfoot", { key: 'e1232dddefdbfaad0616841797235afd61422ec6', class: "sticky-bottom" }, index.h("tr", { key: 'f399c65e0d5c25206d2194841ba98e88d3fd7ebd', class: "table-light align-middle" }, index.h("td", { key: 'cb2e12c7d397c5c9be12ff2f3ad53bfba072f814', part: parts.tableCell, colSpan: this.transactionsTable.columnData.length }, index.h("pagination-menu", { key: 'b485f5ba2817f9781f53d67b22ea3836caca448a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+    }
+    static get watchers() { return {
+        "pagingParams": ["propChanged"],
+        "payoutId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }; }
+};
+
+exports.justifi_payout_transactions_list = PayoutTransactionsList;

package/dist/cjs/justifi-payouts-list-filters.cjs.entry.js

@@ -1,13 +1,12 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const payoutsListParamsState = require('./payouts-list-params-state-033b76d6.js');
-const parts = require('./parts-5ca90f9a.js');
-const styledHost = require('./styled-host-94309bab.js');
-const utils = require('./utils-4120664c.js');
-require('./index-d2d0b181.js');
+var index = require('./index-BRQfozbS.js');
+var payoutsListParamsState = require('./payouts-list-params-state-DX4jg37H.js');
+var parts = require('./parts-D_uKOPFe.js');
+var styledHost = require('./styled-host-CzJ8Ux1t.js');
+var utils = require('./utils-DmZ8Dia3.js');
+require('./index-DzQdh5ij.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
 
 const PayoutsListFilters = class {
     constructor(hostRef) {
@@ -19,8 +18,6 @@ const PayoutsListFilters = class {
             const utcDate = utils.convertToUTC(value, { setEndOfDay: true });
             this.setParamsOnChange(name, utcDate);
         };
-        this.createdAfter = undefined;
-        this.createdBefore = undefined;
     }
     componentWillLoad() {
         const propsToSet = {
@@ -35,8 +32,8 @@ const PayoutsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, payoutsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: '30857b318a635a1420f56799c572f39da85d6317' }, index.h("table-filters-menu", { key: 'c3b0bdc3d50d9cc3e2cef3adfbba7f0fe7539044', params: filterMenuParams, clearParams: payoutsListParamsState.clearParams, part: parts.payoutsListFilterMenu }, index.h("div", { key: '9be791ebd77eb197e18e7663c30fa2a12c1e9a4f', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '3e172e7f255b4e78b48cb03d2b921b01fdefc4b0', class: "p-2" }, index.h("form-control-date", { key: '875f2202358370bec6df4b724dbc2db7070b1ff7', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDate: true }) ||
-                utils.convertToLocal(payoutsListParamsState.filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: parts.createdAfterPayoutsListFilterParam })), index.h("div", { key: 'ce324f47aa1b38b6d24f200a7b468076c6998faf', class: "p-2" }, index.h("form-control-date", { key: '3d2543d40d2f3ac60c7f3f09d905c102425dffc6', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (index.h(styledHost.StyledHost, { key: 'e6670cb708b28330f79512d01d582f7a1930fd3c' }, index.h("table-filters-menu", { key: '366dd0925c68feb2c8482bc27f63c7591ec38882', params: filterMenuParams, clearParams: payoutsListParamsState.clearParams, part: parts.payoutsListFilterMenu }, index.h("div", { key: 'd5de9412726c9c3f51675eeba8ba258094632b99', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '3f693842e14574eb3a056db221dc6521d02c0ba4', class: "p-2" }, index.h("form-control-date", { key: 'ca0697ab9b42ff0bed8aa0cd6747cde11fdf3ab1', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                utils.convertToLocal(payoutsListParamsState.filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: parts.createdAfterPayoutsListFilterParam })), index.h("div", { key: 'cc8a71a7de29c82644773d356ef063cbf7f97f2a', class: "p-2" }, index.h("form-control-date", { key: 'f878e0acedced0ed813a7410243f414ba12c6898', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDate: true }) ||
                 utils.convertToLocal(payoutsListParamsState.filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: parts.createdBeforePayoutsListFilterParam }))))));
     }
 };

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

@@ -1,27 +1,27 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const ComponentError = require('./ComponentError-233ac749.js');
-const checkPkgVersion = require('./check-pkg-version-e6dcbeb7.js');
-const getPayoutCsv = require('./get-payout-csv-7607c71e.js');
-require('./Checkout-5352009d.js');
-require('./Pagination-0da8f095.js');
-require('./Payment-bccd8f7d.js');
-const SubAccount = require('./SubAccount-2a302ead.js');
-require('./Document-0b828345.js');
-const utils = require('./utils-7a478c37.js');
-const getSubaccounts = require('./get-subaccounts-ae5b35a8.js');
-const styledHost = require('./styled-host-94309bab.js');
-const payoutsTable = require('./payouts-table-aedce326.js');
-require('./package-5a9f02b2.js');
-require('./Api-83d93333.js');
-require('./utils-4120664c.js');
-require('./Dispute-eb6bad54.js');
-require('./payouts-status-ced97c2b.js');
-require('./badge-364e6311.js');
-require('./parts-5ca90f9a.js');
+var index = require('./index-BRQfozbS.js');
+var ComponentError = require('./ComponentError-C4MdBBMe.js');
+var checkPkgVersion = require('./check-pkg-version-C4d9pl8G.js');
+var payout_service = require('./payout.service-DWOtnFdn.js');
+require('./utils-DmZ8Dia3.js');
+require('./Checkout-RAGvjVPj.js');
+require('./Pagination-Dediz133.js');
+require('./Payment-CQCmj3Ck.js');
+var Refund = require('./Refund-CpurRc4w.js');
+require('./Document-rXGBUaOh.js');
+var utils = require('./utils-l0veqT9y.js');
+var getPayoutCsv = require('./get-payout-csv-Jr_0DmmY.js');
+var getSubaccounts = require('./get-subaccounts-zwxhG-O3.js');
+var styledHost = require('./styled-host-CzJ8Ux1t.js');
+var payoutsTable = require('./payouts-table-Bo3pLf4Z.js');
+require('./package-S6wVKDKx.js');
+require('./Api-KMweahmp.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./Dispute-CruQTF6_.js');
+require('./payouts-status-BdfV3jvX.js');
+require('./badge-DwSZ83Bm.js');
+require('./parts-D_uKOPFe.js');
 
 const tableExportedParts = `
 table-head,table-head-row,table-head-cell,table-body,table-row,table-row-even,
@@ -35,7 +35,7 @@ const makeGetPayouts = ({ id, authToken, service, apiOrigin }) => async ({ param
         const response = await service.fetchPayouts(id, authToken, params, apiOrigin);
         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 SubAccount.Payout(dataItem))) || [];
+            const payouts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Refund.Payout(dataItem))) || [];
             onSuccess({ payouts, pagingInfo });
         }
         else {
@@ -61,19 +61,14 @@ const makeGetPayouts = ({ id, authToken, service, apiOrigin }) => async ({ param
 const PayoutsList = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.errorEvent = index.createEvent(this, "error-event");
+        this.errorMessage = null;
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
+        this.columns = payoutsTable.defaultColumnsKeys;
         this.handleOnError = (event) => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
-        this.getPayouts = undefined;
-        this.getPayoutCSV = undefined;
-        this.getSubAccounts = undefined;
-        this.errorMessage = null;
-        this.accountId = undefined;
-        this.authToken = undefined;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
-        this.columns = payoutsTable.defaultColumnsKeys;
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
@@ -95,7 +90,7 @@ const PayoutsList = class {
             const serviceParams = {
                 id: this.accountId,
                 authToken: this.authToken,
-                service: new getPayoutCsv.PayoutService(),
+                service: new payout_service.PayoutService(),
                 apiOrigin: this.apiOrigin
             };
             this.getPayouts = makeGetPayouts(serviceParams);
@@ -121,7 +116,7 @@ const PayoutsList = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '434171dee57c7d639a894133b36f7dc727e28381', exportedparts: tableExportedParts }, index.h("payouts-list-core", { key: 'e4ed849e1c839dcdd3990a1b64d2bd132cda86f8', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (index.h(styledHost.StyledHost, { key: '8a0fe80740cef6d17900927487aab83287c4ed3f', exportedparts: tableExportedParts }, index.h("payouts-list-core", { key: '72d7494e2d0f44d4bfec9b2a7bad700c80aae948', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],