@justifi/webcomponents 5.5.0 → 5.6.1

package/dist/esm/{payments-list-params-state-Gbxdxjoi.js → payments-list-params-state-Bn7pL-8x.js}

@@ -1,4 +1,4 @@
-import { c as createStore } from './index-Cuk6aIda.js';
+import { c as createStore } from './index-Cc3u0uDC.js';
 
 const filterParamsInitialState = {};
 const propsParamsInitialState = {};

package/dist/esm/{payments-status-BLhcMfnC.js → payments-status-CQQH_5oM.js}

@@ -1,5 +1,5 @@
-import { h } from './index-BUM1DfV9.js';
-import { B as BadgeVariant, a as Badge } from './badge-C4TzL9CB.js';
+import { h } from './index-D6FDxSyt.js';
+import { B as BadgeVariant, a as Badge } from './badge-B191hCAo.js';
 
 const MapPaymentStatusToBadge = (status) => {
     const statusToBadgeProps = {

package/dist/esm/{payments-table-VcaC77NC.js → payments-table-BdQtWUO-.js}

@@ -1,7 +1,7 @@
-import { h } from './index-BUM1DfV9.js';
-import { M as MapPaymentStatusToBadge } from './payments-status-BLhcMfnC.js';
+import { h } from './index-D6FDxSyt.js';
+import { M as MapPaymentStatusToBadge } from './payments-status-CQQH_5oM.js';
 import { a as convertToLocal } from './utils-BWcTxbSg.js';
-import { T as tableHeadCell, U as getAlternateTableCellPart } from './parts-CB88j97I.js';
+import { R as tableHeadCell, S as getAlternateTableCellPart } from './parts-CjO1GttX.js';
 
 const defaultColumnsKeys = 'created_at,amount,status,payment_type,description,payers_name,last_four_digits';
 const paymentTableColumns = {

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

@@ -1,13 +1,13 @@
-import { h, r as registerInstance, c as createEvent } from './index-BUM1DfV9.js';
+import { h, r as registerInstance, c as createEvent } from './index-D6FDxSyt.js';
 import { d as formatDate, b as formatTime } from './utils-BWcTxbSg.js';
-import { a as EntityHeadInfo, b as EntityHeadInfoItem, D as DetailSectionTitle, c as DetailItem, C as CodeBlock, E as ErrorState } from './utils-B4pV3GWr.js';
-import { B as Button } from './button-CI85Rqy5.js';
-import { S as StyledHost } from './styled-host-BHVh70Zk.js';
-import { M as MapPayoutStatusToBadge } from './payouts-status-B9SSljnL.js';
-import { S as Skeleton } from './skeleton-B-oFGeeG.js';
+import { a as EntityHeadInfo, b as EntityHeadInfoItem, D as DetailSectionTitle, c as DetailItem, C as CodeBlock, E as ErrorState } from './utils-CK8L6CE7.js';
+import { B as Button } from './button-BRFA5syj.js';
+import { S as StyledHost } from './styled-host-C7vaWLiB.js';
+import { M as MapPayoutStatusToBadge } from './payouts-status-Cz9DL-Ph.js';
+import { S as Skeleton } from './skeleton-t69TLGP9.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './parts-CB88j97I.js';
-import './badge-C4TzL9CB.js';
+import './parts-CjO1GttX.js';
+import './badge-B191hCAo.js';
 
 const PayoutDetailsLoading = () => (h("div", { class: "row gap-3" },
     h("div", { class: "col-12" },
@@ -72,7 +72,7 @@ const PayoutDetailsCore = class {
     }
     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/esm/payout.service-BGSaI-j9.js

@@ -0,0 +1,24 @@
+import { A as Api } from './ApiNew-UOnmIWcv.js';
+
+const api = Api();
+class PayoutService {
+    async fetchPayouts(accountId, authToken, params) {
+        const endpoint = `account/${accountId}/payouts`;
+        return api.get({ authToken, endpoint, params });
+    }
+    async fetchPayout(payoutId, authToken) {
+        const endpoint = `payouts/${payoutId}`;
+        return api.get({ authToken, endpoint });
+    }
+    async fetchCSV(payoutId, authToken) {
+        const endpoint = `reports/payouts/${payoutId}`;
+        return api.get({ authToken, endpoint });
+    }
+    async fetchPayoutTransactions(accountId, authToken, params) {
+        const endpoint = `balance_transactions`;
+        const headers = { 'sub-account': accountId };
+        return api.get({ authToken, endpoint, params, headers });
+    }
+}
+
+export { PayoutService as P };

package/dist/esm/payouts-list-core.entry.js

@@ -1,21 +1,21 @@
-import { r as registerInstance, c as createEvent, h } from './index-BUM1DfV9.js';
+import { r as registerInstance, c as createEvent, h } from './index-D6FDxSyt.js';
 import './utils-BWcTxbSg.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
 import './Checkout-Dfpql997.js';
 import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
 import './Payment-BADkZFaz.js';
-import './Refund-t_P1yy9d.js';
+import './Refund-DOvd7RJp.js';
 import './Document-Ct-uNz2r.js';
-import { A as table, B as tableCell } from './parts-CB88j97I.js';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-CooIFpFI.js';
-import { p as payoutTableColumns, a as payoutTableCells } from './payouts-table-DWBaNPmV.js';
-import { o as onQueryParamsChange, g as getRequestParams } from './payouts-list-params-state-Gbxdxjoi.js';
+import { A as table, B as tableCell } from './parts-CjO1GttX.js';
+import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-BIryDMGV.js';
+import { p as payoutTableColumns, a as payoutTableCells } from './payouts-table-bOrdlN_0.js';
+import { o as onQueryParamsChange, g as getRequestParams } from './payouts-list-params-state-Bn7pL-8x.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './Dispute-7MWRbTXI.js';
-import './spinner-ptEcaLdc.js';
-import './payouts-status-B9SSljnL.js';
-import './badge-C4TzL9CB.js';
-import './index-Cuk6aIda.js';
+import './spinner-Bo1Ff3L8.js';
+import './payouts-status-Cz9DL-Ph.js';
+import './badge-B191hCAo.js';
+import './index-Cc3u0uDC.js';
 
 const PayoutsListCore = class {
     constructor(hostRef) {
@@ -149,7 +149,7 @@ const PayoutsListCore = class {
         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/esm/{payouts-list-params-state-Gbxdxjoi.js → payouts-list-params-state-Bn7pL-8x.js}

@@ -1,4 +1,4 @@
-import { c as createStore } from './index-Cuk6aIda.js';
+import { c as createStore } from './index-Cc3u0uDC.js';
 
 const filterParamsInitialState = {};
 const propsParamsInitialState = {};

package/dist/esm/{payouts-status-B9SSljnL.js → payouts-status-Cz9DL-Ph.js}

@@ -1,5 +1,5 @@
-import { h } from './index-BUM1DfV9.js';
-import { B as BadgeVariant, a as Badge } from './badge-C4TzL9CB.js';
+import { h } from './index-D6FDxSyt.js';
+import { B as BadgeVariant, a as Badge } from './badge-B191hCAo.js';
 
 const MapPayoutStatusToBadge = (status) => {
     const statusToBadgeProps = {

package/dist/esm/{payouts-table-DWBaNPmV.js → payouts-table-bOrdlN_0.js}

@@ -1,7 +1,7 @@
-import { h } from './index-BUM1DfV9.js';
+import { h } from './index-D6FDxSyt.js';
 import { a as convertToLocal } from './utils-BWcTxbSg.js';
-import { M as MapPayoutStatusToBadge } from './payouts-status-B9SSljnL.js';
-import { T as tableHeadCell, U as getAlternateTableCellPart } from './parts-CB88j97I.js';
+import { M as MapPayoutStatusToBadge } from './payouts-status-Cz9DL-Ph.js';
+import { R as tableHeadCell, S as getAlternateTableCellPart } from './parts-CjO1GttX.js';
 
 const defaultColumnsKeys = 'created_at,amount,status,payments_total,refunds_total,fees_total,other_total,csv';
 const payoutTableColumns = {

package/dist/esm/{skeleton-B-oFGeeG.js → skeleton-t69TLGP9.js}

@@ -1,5 +1,5 @@
-import { h } from './index-BUM1DfV9.js';
-import { J as skeleton } from './parts-CB88j97I.js';
+import { h } from './index-D6FDxSyt.js';
+import { G as skeleton } from './parts-CjO1GttX.js';
 
 const Skeleton = ({ component = 'div', height, width, className, styles = {}, }) => {
     const combinedStyle = Object.assign(Object.assign({}, styles), { width,

package/dist/esm/{spinner-ptEcaLdc.js → spinner-Bo1Ff3L8.js}

@@ -1,5 +1,5 @@
-import { h } from './index-BUM1DfV9.js';
-import { V as loadingSpinner } from './parts-CB88j97I.js';
+import { h } from './index-D6FDxSyt.js';
+import { Q as loadingSpinner } from './parts-CjO1GttX.js';
 
 const Spinner = () => {
     return (h("div", { class: "d-flex justify-content-center" },