@justifi/webcomponents 5.5.0 → 5.6.0

package/dist/module/justifi-terminals-list-filters.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

@@ -102,7 +102,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     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: '34f129e35a2bdff9c28c811711d78f04408098ee' }, h("terminals-list-core", { key: '3d0fd5b47e5f4170403dc489168db3dad48dfe2e', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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/package.js

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

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

@@ -16,6 +16,10 @@ class PaymentService {
         const endpoint = `payments/${paymentId}`;
         return Api({ authToken, apiOrigin }).get({ endpoint });
     }
+    async fetchPaymentTransactions(paymentId, authToken, params, apiOrigin = "https://wc-proxy.justifi.ai") {
+        const endpoint = `payments/${paymentId}/payment_balance_transactions`;
+        return Api({ authToken, apiOrigin }).get({ endpoint, params });
+    }
 }
 
 export { PaymentService as P };

package/dist/module/payments-list-core2.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: '83f0460f5b465e1414e4a88dc113fc7155d4decb', class: "table-wrapper" }, h("table", { key: '2a42ee9579d589a667172ea9f97e510029b87bdf', class: "table table-hover", part: table }, h("thead", { key: 'bd4bfb3c9d022f8187925d040316020426efdc18', class: "table-head sticky-top" }, h("tr", { key: '7bc4c05aa456cef8fdf9cec435937a6ee447cf2e', class: "table-light text-nowrap" }, this.paymentsTable.columnData.map((column) => column))), h("tbody", { key: 'c09c5a55310da7506b183914d16dd76d5336c275', class: "table-body" }, h(TableLoadingState, { key: '410e7e5b13049436d24a3d4c830c174264b4d802', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '4461a05a8812955cc9673699b9f26decbfbe3197', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'c49e3e5fadc0b889908e7420a0c3547879cc5af8', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: 'f6266d84bc0ff50ed9ce7bf0af7016f48e1d57dc', class: "sticky-bottom" }, h("tr", { key: '496fe22cdbaa38becf40402425e9f507625d52b3', class: "table-light align-middle" }, h("td", { key: 'bdd620cd38377ffdcace7b7b810e0379cd089d0b', part: tableCell, colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '5dab0663b6cf408b88c43177822b01969fd0b2d5', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     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"]

package/dist/module/payout.service.js

@@ -0,0 +1,32 @@
+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';
+
+class PayoutService {
+    async fetchPayouts(accountId, authToken, params, apiOrigin = "https://wc-proxy.justifi.ai") {
+        const api = Api({ authToken, apiOrigin });
+        const endpoint = `account/${accountId}/payouts`;
+        return api.get({ endpoint, params });
+    }
+    async fetchPayout(payoutId, authToken, apiOrigin = "https://wc-proxy.justifi.ai") {
+        const api = Api({ authToken, apiOrigin });
+        const endpoint = `payouts/${payoutId}`;
+        return api.get({ endpoint });
+    }
+    async fetchCSV(payoutId, authToken, apiOrigin = "https://wc-proxy.justifi.ai") {
+        const api = Api({ authToken, apiOrigin });
+        const endpoint = `reports/payouts/${payoutId}`;
+        return api.get({ endpoint });
+    }
+    async fetchPayoutTransactions(authToken, params, apiOrigin = "https://wc-proxy.justifi.ai") {
+        const api = Api({ authToken, apiOrigin });
+        const endpoint = `balance_transactions`;
+        return api.get({ endpoint, params });
+    }
+}
+
+export { PayoutService as P };

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

@@ -172,7 +172,7 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '68e0b1581a72a78c12fa0e6239d62920d3b5d9a2' }, h("div", { key: 'f59a292ac975c941520a841fa51c5610c8e60f54', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: 'be74e83accf6a9de9c6505f0136bfdf68bd64586', class: "table table-hover", part: table }, h("thead", { key: '3e59e5053c2be342c3ba6bc1d28695cf302dadbf', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '1c714c3f40fdcf4e45c37ce2098cd90eb93c9121', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), h("tbody", { key: '4fcbaed0667f3eaac4b7bfc628a2374f8978352e', class: "table-body" }, h(TableLoadingState, { key: '0dcf9c3bfbb228d93b9bac815704453b42aae923', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'd0bd0eaf65faf8d1ce9b2634885fb0be0456459d', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'ff4621c3efa8bb45214a8e571babe17bae0d05d3', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.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: 'eaf66860e8d302af6bb5e09ea843ce2a2938e06b', class: "sticky-bottom" }, h("tr", { key: '8b6f094a8ac40924a32f613cff0bbcc6b0e19def', class: "table-light align-middle" }, h("td", { key: '6d90ebe89ec368d70fed97dc19b8d20382f5b862', part: tableCell, colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '836998c60c8e029131b0e83d45b9ce9fb4c36d8c', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '7269ad62dd229e55dac396c718469b5e2b923458', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: '52ab8f9384d328d8d1094573545c7e1e112f58c0', class: "table table-hover", part: table }, h("thead", { key: '4fde6f2d3c152d04c35967c1e63ed5520e6c5b64', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '4665781ce140f86394a20a454de94a4ecf19871f', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), h("tbody", { key: '4e673dda87af1a204abba225de77864dd8e60cf6', class: "table-body" }, h(TableLoadingState, { key: 'b54e1e43c91b51d0364bf88198d6070569557ebb', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '45a64238e45671ff3d1a0c636d3ff7afe29dc93d', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '37d9fa23b47e7b77dbd90bbe6759b0c8763cc490', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.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: '04875b5b8414a20e53035c4356d5c6d6e2da1389', class: "sticky-bottom" }, h("tr", { key: '6fd4b360e4449f441b33028e06a1595395cc15e4', class: "table-light align-middle" }, h("td", { key: '3830e46c5e838830c163023f4d904db74421f0e0', part: tableCell, colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'a3f9cdf107672f067a23c8c3d15b14422606d221', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

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

@@ -39,7 +39,7 @@ const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '8a6a190848964c16b947093eadd0b0496c86a3f6' }, h("div", { key: 'df6c7de15d25c39b63bba017835c82743679770c', class: "row gy-3" }, h("div", { key: '928aa9285444f905ba3958de0a5a2663946e698f', class: "col-12" }, h("h2", { key: '10d1005631fa68fe52c7e1d6793c4d1a4e9eb0df', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '69ad4e4d6a9a3088f50c00f332dc9b2509560b73', class: "col-12" }, h("form-control-text", { key: '9678d4e8714d1076aed58a7aa81dc8aa0981c5d1', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '245b69ba2746c869aed2bfa5088550de2bf528c0', class: "col-12" }, h("form-control-date", { key: '49ed65ee6c3f45d6cbbecb5547e93e451935c1c7', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '4fd14509e520248d6f7a98eadfb0d65294cad295', class: "col-12" }, h("form-control-file-v2", { key: 'e0b7c1d0a9d9df468bd816c48c649b7d041c523d', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
+        return (h("div", { key: '0e2648d399af18f7959bed2e0fff56fd63b541df' }, h("div", { key: '4322c227617147721ab7cf33a5e75a09bc370a0c', class: "row gy-3" }, h("div", { key: 'e2bc9f0642356a864e7fa323262ead13d4825fdc', class: "col-12" }, h("h2", { key: '88af660c9add83da7edc7758d4645db796c80fdf', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: 'dcfb0f64e1b611eb8d53f97950d5922f7358a64c', class: "col-12" }, h("form-control-text", { key: '42959d4b7c03d14fdef29a656a5f18d0d89d3b2e', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '1f4173e79f10a6ac32b860ecbd62fe5c612cc5b2', class: "col-12" }, h("form-control-date", { key: '6e8bab228b3a23655cbf71fe6dc72a850b38947c', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '2e32f65cc5388302d067fb1a8db34e3e529435c2', class: "col-12" }, h("form-control-file-v2", { key: 'f9fb2ac0c6a2f37a7584eeda2460702b1e0d6cc0', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
 }, [0, "justifi-product-or-service", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/refund-policy.js

@@ -39,7 +39,7 @@ const RefundPolicy = /*@__PURE__*/ proxyCustomElement(class RefundPolicy extends
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '555919c6fe54695c5f4410dfcdb25a4a841a51c6' }, h("div", { key: '73d5a11307041f416ffb90acbe1ecbbd524d51e8', class: "row gy-3" }, h("div", { key: 'c6a60fffff0e40f274abdc855e68a2354e219769', class: "col-12" }, h("h2", { key: '42c21e6b072c5dce901ef31f2f15b9c0696e913c', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '343c7065f8f56a07f61a1a11d581879196e4ffa3', class: "col-12" }, h("form-control-textarea", { key: 'e5efc4251a705d28ba1071b2314cbe6c92c21b83', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: '4c78794d8d9a83bd2d6b9ff0a9d97421a9256fe4', class: "col-12" }, h("form-control-textarea", { key: 'e3e0ac85a2675b4eca76f7054ac91e60f1afe006', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'f0fe0a0d045e1797f24161f1a2844b896b9b05a3', class: "col-12" }, h("form-control-file-v2", { key: '57137e5fd1f874ae616e2bd9a491a994be84ec4b', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: 'c020fd2f747660caa1a5c83af9a40ff1fc804641', class: "col-12" }, h("form-control-file-v2", { key: '72b0fae5f880715bffe856a168509c92799d64c5', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
+        return (h("div", { key: '882eb01880bcfdde30abe10465fecd7390654ed6' }, h("div", { key: 'de2f238310e4b80976888d147e90047688ad5ada', class: "row gy-3" }, h("div", { key: '305af62aa762ae6abff0678998132e8f56707550', class: "col-12" }, h("h2", { key: '6e224996b82639c426d129bfd28633f3d3839f6f', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'b2b8d444c594bf92d04fed6640230745c5fb49ba', class: "col-12" }, h("form-control-textarea", { key: 'f75c6c360c485ac5253164be5d4941d859deb902', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: '1788d1e6ba1ddbe82795ce1a41b901a81c055f6d', class: "col-12" }, h("form-control-textarea", { key: 'f47fac9b8e0d6b9766311b13c760129bb6335ddd', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'd96552fee8b4cdddf31148b2d3783a4e1dfb031b', class: "col-12" }, h("form-control-file-v2", { key: '3c6c06201ef3a730aed41ab6b8cb62d5ee8d8128', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: 'ec2271dd9646596df3106f56c6e96f618196046a', class: "col-12" }, h("form-control-file-v2", { key: '48f956f2580187fc7baecc5426d5ed0a1050150b', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
 }, [0, "justifi-refund-policy", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/shipping-details.js

@@ -44,7 +44,7 @@ const ShippingDetails = /*@__PURE__*/ proxyCustomElement(class ShippingDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '204408d4baba27becdef46c7a122fe3bbc27011b' }, h("div", { key: 'e50767be9ec99c5a8d242d48782a6f3f9aea29ff', class: "row gy-3" }, h("div", { key: '537592d2a92257064a9f0819b2365e430a433b11', class: "col-12" }, h("h2", { key: '780e169d16e081a2a3e4bd62dd672bf75e36bc9e', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '378381450d27255773a8e700aeabc651f7028b2b', class: "col-12" }, h("form-control-text", { key: '6c9141ff2a4f6c5a31701e9faa8e9bd2613a88c0', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '408f82d887bae8f874315c1cb1cfc6433b38e633', class: "col-12" }, h("form-control-text", { key: '05473d5da46d51922f74cf75e74e51885be9743a', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '68fd0086e25b62e44c449308d03b6c0527de37bb', class: "col-12" }, h("form-control-date", { key: 'a0d3242f6dfa4ac473e29e4a443d0545bec88b2c', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '0df2accd286fa9d2023d1aace30d90297ce1221e', class: "col-12" }, h("form-control-textarea", { key: 'eb13c952c184bc19d5e188295ec89098d16024f6', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'e958315b88aef8a3830dde2f2a5dc9912fbc7433', class: "col-12" }, h("form-control-file-v2", { key: '97f30c55b70bbfb75342b35ea4e5f832bd78e819', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (h("div", { key: '90641cea619de697d7a90e6e397790f79ceb9376' }, h("div", { key: '52d939e26bd26e99240d100897a530b89553e727', class: "row gy-3" }, h("div", { key: '01755fbca3430bd3066377e9481038370c49b2d8', class: "col-12" }, h("h2", { key: 'd273fbe6ff8b7815ba5c2369748a3a20548b0a4d', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '595f4e63dff85591713a4c895acb6628c8ef8214', class: "col-12" }, h("form-control-text", { key: '958169d07544237a72facdc016d4d12ac64a4c48', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '1d3020a30f95c5ced652871a635aba0152bbc4e3', class: "col-12" }, h("form-control-text", { key: '088af20353ec2efcb65a4e597a1fb4aec23cfcbb', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '536ee74c42d326d7f7f698274c846bfebf0d34dd', class: "col-12" }, h("form-control-date", { key: '71ef44bd4c810a567162b7fe92199eceff9be470', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '8887e0daf44be31486563e85cd989eef1da5f5ce', class: "col-12" }, h("form-control-textarea", { key: 'c34093bc4ee65f4fb092c377a98e01cd69bdbc7c', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: '469a5d8c7e28fa2ad430f104f08f387448f70048', class: "col-12" }, h("form-control-file-v2", { key: 'a2b6c6c0c1cf32430582b97efe6bcc1d4c47147d', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
 }, [0, "justifi-shipping-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/table-filters-menu2.js

@@ -29,7 +29,7 @@ const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: '2f32310a56d15e05ea3d67f3ba0ebfcceeac3cd5', class: "d-flex gap-2" }, h("div", { key: '5c4c2eb818718e48671715444669bc35d6a8bdd0', class: "dropdown pb-3" }, h(Button, { key: 'b9a925e818f08ae06fb9b01cb1dc2952ea80090b', variant: "primary", type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: 'faf3cb404faec7b7ad66766ded250553b59cf554', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '7b246ab892bf311ace647ca3708252ecd9293088', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'f1f260d783d47941f0c6b9b90d4b028188b27ec8' })))), h("div", { key: '1eb9a2abd1b4194472474e6d7ac926662019a5e6' }, h(Button, { key: '02e1cd5bc0c043deae704edd65ded465dd5ef9bf', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: 'b55be2aa2f9d4677989da12bb114f620a9ec2e45', class: "d-flex gap-2" }, h("div", { key: 'dffb2be68ead3abb60a8740869e48bb48bbf558c', class: "dropdown pb-3" }, h(Button, { key: '2e7b2d3afc80963abfe9c8c2690a61b911a1b747', variant: "primary", type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '9e2b1b988bc5440f18d26c5b8402f5e30e73cdad', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '573161a7515d1b16665138ba739133379b9b6850', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '9597e79f125e1e41c343fa3d2d583b5cf7ab9c31' })))), h("div", { key: '67ed29ac8e10f3ae1380514ae1a1e1e8aed7d9b6' }, h(Button, { key: '9b3dc6176c11226e82ecb1f9f88705ad40bf6e32', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get watchers() { return {
         "params": ["watchParamsHandler"]

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

@@ -165,7 +165,7 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '22211fd032271f20083a7b85904b7150e1f83fdc' }, h("div", { key: '0f76ac5866f5fc50e2b3fe7889d837e9cb792fbf', class: "table-wrapper" }, h("table", { key: 'c5c0d1fad6791191e7e8b3c0fc1f571886cde243', class: "table table-hover", part: table }, h("thead", { key: 'fc99465274e660c4e78ece7d303d6c11e4a21a2d', class: "table-head sticky-top" }, h("tr", { key: 'ed7e76e48bc34ed0a69a9b5e980181245153b155', class: "table-light text-nowrap" }, this.terminalOrdersTable.columnData.map((column) => column))), h("tbody", { key: '5d5b95d48ef93a2d30e9af2acc8a80a3a77f8a4a', class: "table-body" }, h(TableLoadingState, { key: '4a409f123dd9fe7e40ba3088137f722ce803a4cc', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'ab1007e8c417730b91aade5035791126d33fbc73', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '1fd6094de024b38c4037abee441d697a3cbe21f7', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.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: '2a0ea46390d4a2b1c3a18e7d03f1c303f1919310', class: "sticky-bottom" }, h("tr", { key: '299790ab5ba6f64859823d2f83302a5cb08c94fa', class: "table-light align-middle" }, h("td", { key: '6efbdc2b9bb55817a542affaf5a246a36c528af4', part: tableCell, colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '2df3ccd696a3bc59bf2dc485596dff00e0825dcd', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '0ae3bd80e00bf8df8f966503bb9e66ebe906a014', class: "table-wrapper" }, h("table", { key: '3f258156e4fa1e7c20ecd594e4965cf1db12db29', class: "table table-hover", part: table }, h("thead", { key: '4a79db4aa98fb270de205ca1b42b648b8f2326eb', class: "table-head sticky-top" }, h("tr", { key: '530320d6061afb4c342a52203257a0f1bc567223', class: "table-light text-nowrap" }, this.terminalOrdersTable.columnData.map((column) => column))), h("tbody", { key: '855f54afcb88a51b25fa6ffb55f8ac12df59ede3', class: "table-body" }, h(TableLoadingState, { key: '4d9eef8945c60c4bf0b2f839244e2077cabce5f4', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '3aa523d3e14151dc076e35a7a7818ae39e9f194f', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'f00598602f310205f050b96e3d7419327e7d3ca4', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.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: '523b5e2a99aa51e509295aa7dd743951bfd88bf0', class: "sticky-bottom" }, h("tr", { key: 'b568e6dff207cce3f0960f86cd8086ff20a9cc6c', class: "table-light align-middle" }, h("td", { key: 'deff80464cc797e10343fe3a4746131e341294c1', part: tableCell, colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: 'd730b13b813bb6880b81a5ba39f6573e16e76bfb', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/terminal-quantity-selector2.js

@@ -24,7 +24,7 @@ const TerminalQuantitySelector = /*@__PURE__*/ proxyCustomElement(class Terminal
         };
     }
     render() {
-        return (h("div", { key: 'b1beb8bf42e51a46170d968a773f44a5ad70d192', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'd577a7dcb6f065dc2e9f4ae62213dc140f3c5332', class: "d-flex gap-3" }, h("div", { key: 'c6c2a3ad7548af6f2a97d1961fe936b6a11931fd', class: "d-flex align-items-center" }, h("img", { key: '34389c41c40e9665abb781ab71de2e02ad57756d', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '598e28694854767c98fe89a3516fbdc980dc6365', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '66dcdb30e300a5f79a807911bd167bb4b3c3cc57', class: "row" }, h("div", { key: '683b9eb30c4a5bff878551f2f22309a3615941ab', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '4446db6e9f9f2a1557b1693e2f92a0493a1851df', helpText: this.description })), h("div", { key: 'c425f4dc3df14a697739d8a8fe98d890dc8abcb8', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'edb7d30cd3e583a482671f17d36b4974f842ec1a', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '484e27c0b4ceb8c50ee09bc7bf74b8b681a397ae', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'd6d39955ab4705d157c25a4bcfa7f67edc02a3ee', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: '5bbf669ab479523290b2d8a9f5b6ec2000ff0f96', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '47ead96654c97aeae6b24058a4f7759918d3d0ad', class: "d-flex gap-3" }, h("div", { key: '3763eda68e7849c87f0e67b905e09267c10481c8', class: "d-flex align-items-center" }, h("img", { key: 'ef0a61d5c1d27c600fd93813b594ec2ec2fadec3', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '5a632f69e2045fbfcd35932af3c5fd027dcca66f', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: 'be00d142f07945a15e882d2da4c505ffbf67fe88', class: "row" }, h("div", { key: '1c434628ae872d22efa7d2adb611b04868c85eb1', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '21f571a1b0e5ba7d528727f6476e134b9657e124', helpText: this.description })), h("div", { key: 'f4077bfa6beb4f0070bdbf4bd28021f88bcaf5b1', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '7dc6853fb7641b99a9a9ee82dcb3db8fce1d6c01', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: 'faab14e72773f12f69ea69e855bafb27ef3328b8', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '390e6b4b049fa64e2b7354a3676621844291feb0', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
 }, [0, "terminal-quantity-selector", {
         "modelName": [1, "model-name"],

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

@@ -179,7 +179,7 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '8831cfa38f962ba4dcf8903eca44931a800a9285' }, h("div", { key: '01d26a4aff98204ccc0fd4db8beb2cc2b021e386', class: "table-wrapper" }, h("table", { key: '036d4a14c61db9b406157425504112dabf4b04bd', class: "table table-hover", part: table }, h("thead", { key: '3782f1b66e447836d93e8b3cc28c09e4fe466ac7', class: "table-head sticky-top" }, h("tr", { key: '3842ccaaadbc3acf0c6caf8e8407aad17d91cae4', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: 'e9f5f7ef0eca1da8ba7e684ba937f7357c8b341a', class: "table-body" }, h(TableLoadingState, { key: '2902cbb3cfa87cdc2ae242ef2cd1001b9b491503', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'f596f3498b67dd40d3a93cd6dfa091cbc67a4cc1', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'e6e67b174a7d8ca353990ae85decbe89539ea504', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.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: '353ba88161fe40528c8ef21271b0ec1a23237264', class: "sticky-bottom" }, h("tr", { key: '6f16d82697452ef4bc1aafa27bb5076e1bb1af54', class: "table-light align-middle" }, h("td", { key: 'bec74cc91feea7eef3bdcd290c2d2e77f6852ad1', part: tableCell, colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'a7667abca02d28a40ef4c58d8b869b48f9746105', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '0bcf251e9a5000e43e78f34311f6be77cf68e352', class: "table-wrapper" }, h("table", { key: '08e48373265fbfe456950b58feda77a941a37acd', class: "table table-hover", part: table }, h("thead", { key: '28f35a8208b90658051434268eeff8a16c30b2f9', class: "table-head sticky-top" }, h("tr", { key: '586c256ee022c9d48e620bb16bad356ea77e73f7', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: 'c2e0488fa871b882e1d05e330048cbdc1d416d12', class: "table-body" }, h(TableLoadingState, { key: '9cd99869854f038b973893335a9d04b0e57cb3c4', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'be37cded55782881d44b426db5a9616c00a06ac8', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '2b9cc41992f95b5af083b9bed92ddbab15de8198', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.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: 'e72060a2ccf7a0e49b1e64bb7eb0b1ea35b67b38', class: "sticky-bottom" }, h("tr", { key: '9a87f6051212ae8b1e40d4c89be69e9babebe25d', class: "table-light align-middle" }, h("td", { key: 'e485c478dbff6d9ba48febec69f337582fdd7910', part: tableCell, colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '2ef9119930e7111384533258d9d132f6879e3099', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/types/actions/payment/get-payment-transactions.d.ts

@@ -0,0 +1,11 @@
+export declare const makeGetPaymentTransactions: ({ id, authToken, service, apiOrigin }: {
+    id: any;
+    authToken: any;
+    service: any;
+    apiOrigin: any;
+}) => ({ params, onSuccess, onError, final }: {
+    params: any;
+    onSuccess: any;
+    onError: any;
+    final: any;
+}) => Promise<void>;

package/dist/types/actions/payout/get-payout-transactions.d.ts

@@ -0,0 +1,10 @@
+export declare const makeGetPayoutTransactions: ({ authToken, service, apiOrigin }: {
+    authToken: any;
+    service: any;
+    apiOrigin: any;
+}) => ({ params, onSuccess, onError, final }: {
+    params: any;
+    onSuccess: any;
+    onError: any;
+    final: any;
+}) => Promise<void>;

package/dist/types/api/PaymentBalanceTransaction.d.ts

@@ -0,0 +1,42 @@
+import { CurrencyTypes } from "./Payment";
+export declare enum PaymentBalanceTxnType {
+    payment = "payment",
+    paymentFee = "payment_fee",
+    payout = "payout",
+    refund = "refund",
+    feeRefund = "fee_refund",
+    dispute = "dispute",
+    disputeFee = "dispute_fee",
+    disputeFeeRefund = "dispute_fee_refund",
+    disputeRefund = "dispute_refund",
+    applicationFeeReturned = "application_fee_returned"
+}
+export interface IPaymentBalanceTransaction {
+    id: string;
+    amount: number;
+    balance: number;
+    currency: CurrencyTypes;
+    financial_transaction_id: string;
+    payment_id: string;
+    payment_balance_txn_type: PaymentBalanceTxnType;
+    source_id: string;
+    source_type: string;
+    created_at: string;
+    updated_at: string;
+}
+export declare class PaymentBalanceTransaction implements IPaymentBalanceTransaction {
+    id: string;
+    amount: number;
+    balance: number;
+    currency: CurrencyTypes;
+    financial_transaction_id: string;
+    payment_id: string;
+    payment_balance_txn_type: PaymentBalanceTxnType;
+    source_id: string;
+    source_type: string;
+    created_at: string;
+    updated_at: string;
+    constructor(balanceTransaction: IPaymentBalanceTransaction);
+    get displayTransactionId(): string;
+    formattedPaymentAmount(amount: number): string;
+}

package/dist/types/api/PayoutBalanceTransaction.d.ts

@@ -0,0 +1,46 @@
+import { CurrencyTypes } from "./Payment";
+export declare enum PayoutBalanceTransactionType {
+    fee = "fee",
+    payment = "payment",
+    payout = "payout",
+    sellerPaymentRefund = "seller_payment_refund",
+    disputeAmountCollected = "dispute_amount_collected",
+    disputeFeeCollected = "dispute_fee_collected",
+    sellerPayment = "seller_payment",
+    transfer = "transfer",
+    partnerPlatformProceedsCredit = "partner_platform_proceeds_credit"
+}
+export interface IPayoutBalanceTransaction {
+    id: string;
+    account_id: string;
+    payout_id: string;
+    financial_transaction_id: string;
+    amount: number;
+    fee: number;
+    net: number;
+    currency: CurrencyTypes;
+    description: string;
+    source_id: string;
+    txn_type: PayoutBalanceTransactionType;
+    created_at: string;
+    available_on: string;
+    updated_at: string;
+}
+export declare class PayoutBalanceTransaction implements IPayoutBalanceTransaction {
+    id: string;
+    account_id: string;
+    payout_id: string;
+    financial_transaction_id: string;
+    amount: number;
+    fee: number;
+    net: number;
+    currency: CurrencyTypes;
+    description: string;
+    source_id: string;
+    txn_type: PayoutBalanceTransactionType;
+    created_at: string;
+    available_on: string;
+    updated_at: string;
+    constructor(balanceTransaction: IPayoutBalanceTransaction);
+    formattedPaymentAmount(amount: number): string;
+}

package/dist/types/api/index.d.ts

@@ -6,7 +6,9 @@ export * from './Checkout';
 export * from './Insurance';
 export * from './Pagination';
 export * from './Payment';
+export * from './PaymentBalanceTransaction';
 export * from './Payout';
+export * from './PayoutBalanceTransaction';
 export * from './Terminal';
 export * from './TerminalOrder';
 export * from './TerminalModel';

package/dist/types/api/services/payment.service.d.ts

@@ -2,8 +2,10 @@ import { IApiResponseCollection, IApiResponse, IPayment } from '..';
 export interface IPaymentService {
     fetchPayments(accountId: string, authToken: string, params: any, apiOrigin?: string): Promise<IApiResponseCollection<IPayment[]>>;
     fetchPayment(paymentId: string, authToken: string, apiOrigin?: string): Promise<IApiResponse<IPayment>>;
+    fetchPaymentTransactions(paymentId: string, authToken: string, params: any, apiOrigin?: string): Promise<IApiResponseCollection<any>>;
 }
 export declare class PaymentService implements IPaymentService {
     fetchPayments(accountId: string, authToken: string, params: any, apiOrigin?: string): Promise<IApiResponseCollection<IPayment[]>>;
     fetchPayment(paymentId: string, authToken: string, apiOrigin?: string): Promise<IApiResponse<IPayment>>;
+    fetchPaymentTransactions(paymentId: string, authToken: string, params: any, apiOrigin?: string): Promise<IApiResponseCollection<any>>;
 }

package/dist/types/api/services/payout.service.d.ts

@@ -1,11 +1,13 @@
-import { IApiResponse, IApiResponseCollection, IPayout } from '..';
+import { IApiResponse, IApiResponseCollection, IPayout, IPayoutBalanceTransaction } from '..';
 export interface IPayoutService {
     fetchPayouts(accountId: string, authToken: string, params: any, apiOrigin?: string): Promise<IApiResponseCollection<IPayout[]>>;
     fetchPayout(payoutId: string, authToken: string, apiOrigin?: string): Promise<IApiResponse<IPayout>>;
     fetchCSV(payoutId: string, authToken: string, apiOrigin?: string): Promise<IApiResponse<any>>;
+    fetchPayoutTransactions(authToken: string, params: any, apiOrigin?: string): Promise<IApiResponseCollection<IPayoutBalanceTransaction[]>>;
 }
 export declare class PayoutService implements IPayoutService {
     fetchPayouts(accountId: string, authToken: string, params: any, apiOrigin?: string): Promise<IApiResponseCollection<IPayout[]>>;
     fetchPayout(payoutId: string, authToken: string, apiOrigin?: string): Promise<IApiResponse<IPayout>>;
     fetchCSV(payoutId: string, authToken: string, apiOrigin?: string): Promise<IApiResponse<any>>;
+    fetchPayoutTransactions(authToken: string, params: any, apiOrigin?: string): Promise<IApiResponseCollection<IPayoutBalanceTransaction[]>>;
 }

package/dist/types/components/payment-transactions-list/payment-transactions-list.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ComponentClickEvent, ComponentErrorEvent, PagingInfo, PaymentBalanceTransaction } from '../../api';
+import JustifiAnalytics from '../../api/Analytics';
+import { Table } from '../../utils/table';
+export declare class PaymentTransactionsList {
+    balanceTransactions: PaymentBalanceTransaction[];
+    transactionsTable: Table<PaymentBalanceTransaction>;
+    isLoading: boolean;
+    errorMessage: string;
+    paging: PagingInfo;
+    pagingParams: any;
+    paymentId: string;
+    authToken: string;
+    apiOrigin?: string;
+    columns?: string;
+    clickEvent: EventEmitter<ComponentClickEvent>;
+    errorEvent: EventEmitter<ComponentErrorEvent>;
+    analytics: JustifiAnalytics;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    propChanged(): void;
+    private handleError;
+    private initializeApi;
+    handleClickPrevious: (beforeCursor: string) => void;
+    handleClickNext: (afterCursor: string) => void;
+    rowClickHandler: (e: any) => void;
+    get entityId(): string[];
+    get showEmptyState(): boolean;
+    get showErrorState(): boolean;
+    get showRowData(): boolean;
+    render(): any;
+}

package/dist/types/components/payment-transactions-list/payment-transactions-table.d.ts

@@ -0,0 +1,43 @@
+import { PaymentBalanceTransaction } from '../../api';
+export declare const defaultColumnsKeys = "created_at,type,id,amount,balance";
+export declare const paymentTransactionTableColumns: {
+    created_at: () => any;
+    type: () => any;
+    id: () => any;
+    amount: () => any;
+    balance: () => any;
+    currency: () => any;
+    financial_transaction_id: () => any;
+    payment_id: () => any;
+    payment_balance_txn_type: () => any;
+    source_id: () => any;
+    source_type: () => any;
+};
+export declare const paymentTransactionTypes: {
+    ach_return: string;
+    ach_return_fee: string;
+    dispute: string;
+    dispute_fee: string;
+    dispute_fee_refund: string;
+    dispute_refund: string;
+    payment: string;
+    payment_fee: string;
+    refund: string;
+    fee_refund: string;
+    application_fee_returned: string;
+    refund_failure: string;
+    void: string;
+};
+export declare const paymentTransactionTableCells: {
+    created_at: (balanceTransaction: PaymentBalanceTransaction, index: number) => any;
+    type: (balanceTransaction: PaymentBalanceTransaction, index: number) => any;
+    id: (balanceTransaction: PaymentBalanceTransaction, index: number) => any;
+    amount: (balanceTransaction: PaymentBalanceTransaction, index: number) => any;
+    balance: (balanceTransaction: PaymentBalanceTransaction, index: number) => any;
+    currency: (balanceTransaction: PaymentBalanceTransaction, index: number) => any;
+    financial_transaction_id: (balanceTransaction: PaymentBalanceTransaction, index: number) => any;
+    payment_id: (balanceTransaction: PaymentBalanceTransaction, index: number) => any;
+    payment_balance_txn_type: (balanceTransaction: PaymentBalanceTransaction, index: number) => any;
+    source_id: (balanceTransaction: PaymentBalanceTransaction, index: number) => any;
+    source_type: (balanceTransaction: PaymentBalanceTransaction, index: number) => any;
+};

package/dist/types/components/payout-transactions-list/payout-transactions-list.d.ts

@@ -0,0 +1,33 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ComponentClickEvent, ComponentErrorEvent, PagingInfo, PayoutBalanceTransaction } from '../../api';
+import JustifiAnalytics from '../../api/Analytics';
+import { Table } from '../../utils/table';
+export declare class PayoutTransactionsList {
+    balanceTransactions: PayoutBalanceTransaction[];
+    transactionsTable: Table<PayoutBalanceTransaction>;
+    isLoading: boolean;
+    errorMessage: string;
+    paging: PagingInfo;
+    pagingParams: any;
+    payoutId: string;
+    authToken: string;
+    apiOrigin?: string;
+    columns?: string;
+    clickEvent: EventEmitter<ComponentClickEvent>;
+    errorEvent: EventEmitter<ComponentErrorEvent>;
+    analytics: JustifiAnalytics;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    propChanged(): void;
+    private handleError;
+    private initializeApi;
+    handleClickPrevious: (beforeCursor: string) => void;
+    handleClickNext: (afterCursor: string) => void;
+    rowClickHandler: (e: any) => void;
+    get entityId(): string[];
+    get showEmptyState(): boolean;
+    get showErrorState(): boolean;
+    get showRowData(): boolean;
+    get requestParams(): any;
+    render(): any;
+}