@justifi/webcomponents 5.6.0 → 5.7.0

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

@@ -1,13 +1,14 @@
-import { h, r as registerInstance, c as createEvent } from './index-D4-FKsCU.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-1z8cNzLu.js';
-import { B as Button } from './button-wgHJf7hN.js';
-import { S as StyledHost } from './styled-host-D594Ui4d.js';
-import { M as MapPayoutStatusToBadge } from './payouts-status-tVJFGPCs.js';
-import { S as Skeleton } from './skeleton-D8dsThNX.js';
+import { a as EntityHeadInfo, b as EntityHeadInfoItem, D as DetailSectionTitle, c as DetailItem, C as CodeBlock, E as ErrorState } from './utils-BpP_VJGf.js';
+import { B as Button } from './button-CjH5C0pG.js';
+import { S as StyledHost } from './styled-host-C7vaWLiB.js';
+import './event-types-CZfYo5-1.js';
+import { M as MapPayoutStatusToBadge } from './payouts-status-Clo03qUI.js';
+import { S as Skeleton } from './skeleton-Dlpibtr0.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './parts-6ctk_bhj.js';
-import './badge-D5PvLnZT.js';
+import './parts-BrLVc_85.js';
+import './badge-Du9GTXoB.js';
 
 const PayoutDetailsLoading = () => (h("div", { class: "row gap-3" },
     h("div", { class: "col-12" },
@@ -72,7 +73,10 @@ const PayoutDetailsCore = class {
     }
     render() {
         var _a;
-        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 })))))));
+        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 })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: 'ea5e5e83e0889ee8b542fba2ddaedc7c0adcf15a', sectionTitle: 'Metadata' }),
+            h("div", { key: '52ed0e8f84b2a22e9846040877850b336db53a2a', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '50e37d3e2a27191b6e4899fcef64f9bd39241c9e', metadata: this.payout.metadata }))
+        ])))));
     }
     static get watchers() { return {
         "getPayout": ["getPayoutWatcher"]

package/dist/esm/payout.service-G1Isezyi.js

@@ -0,0 +1,24 @@
+import { A as Api } from './ApiNew-KYhsw8Nv.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,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-D4-FKsCU.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';
@@ -6,16 +6,17 @@ import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
 import './Payment-BADkZFaz.js';
 import './Refund-DOvd7RJp.js';
 import './Document-Ct-uNz2r.js';
-import { A as table, B as tableCell } from './parts-6ctk_bhj.js';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-Dv-I6YqZ.js';
-import { p as payoutTableColumns, a as payoutTableCells } from './payouts-table-CgfTp9tE.js';
-import { o as onQueryParamsChange, g as getRequestParams } from './payouts-list-params-state-qgJxi6iW.js';
+import { T as Table, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell, l as TableWrapper } from './table-p4dOlFPi.js';
+import { T as TableClickActions } from './event-types-CZfYo5-1.js';
+import { p as payoutTableColumns, a as payoutTableCells } from './payouts-table-DhZEXhGH.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-BVJ-upD0.js';
-import './payouts-status-tVJFGPCs.js';
-import './badge-D5PvLnZT.js';
-import './index-4sfb1rKO.js';
+import './parts-BrLVc_85.js';
+import './spinner-onCBxbdo.js';
+import './payouts-status-Clo03qUI.js';
+import './badge-Du9GTXoB.js';
+import './index-Cc3u0uDC.js';
 
 const PayoutsListCore = class {
     constructor(hostRef) {
@@ -149,7 +150,7 @@ const PayoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        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 }) }))))))));
+        return (h(TableWrapper, { key: '6a72c56b790f6d3bd656cadc3afa67b5ff9146a8' }, h(TableComponent, { key: '73a4df2c71493966d9dff59b1cb04ed2bc28de45' }, h(TableHead, { key: '238aad9fdc7dbbe23106527238a60bc66c071c89' }, h(TableHeadRow, { key: '57766da075cc1ca3ad2ef1ddd108c9868903a379' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '287780d557ef70e52077fc4f29391010e16e801e' }, h(TableLoadingState, { key: 'e9a8e8170b426cc17792d2775098e43421a377dd', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'fa12703948e45d8fe9011d449a7e23933ceee245', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '1287c1be18f6cf84f93747799e0a9c9e46de0fb8', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '7f0c3b90cabe0db5859c80cbfc8e2fe0ea39346d' }, h(TableFootRow, { key: '9b702aadc9f9380f14ebe749ff67f8ea3ef62b1d' }, h(TableFootCell, { key: 'a8436f6401847c87b0a009005bb0abeff1498aad', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '1121deb974ad2cd9b11152fbd7b539e91730f0ef', 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-qgJxi6iW.js → payouts-list-params-state-Bn7pL-8x.js}

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

package/dist/esm/{payouts-status-tVJFGPCs.js → payouts-status-Clo03qUI.js}

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

package/dist/esm/{payouts-table-CgfTp9tE.js → payouts-table-DhZEXhGH.js}

@@ -1,7 +1,7 @@
-import { h } from './index-D4-FKsCU.js';
+import { h } from './index-D6FDxSyt.js';
 import { a as convertToLocal } from './utils-BWcTxbSg.js';
-import { M as MapPayoutStatusToBadge } from './payouts-status-tVJFGPCs.js';
-import { T as tableHeadCell, U as getAlternateTableCellPart } from './parts-6ctk_bhj.js';
+import { M as MapPayoutStatusToBadge } from './payouts-status-Clo03qUI.js';
+import { P as tableHeadCell, Q as getAlternateTableCellPart } from './parts-BrLVc_85.js';
 
 const defaultColumnsKeys = 'created_at,amount,status,payments_total,refunds_total,fees_total,other_total,csv';
 const payoutTableColumns = {

package/dist/esm/{skeleton-D8dsThNX.js → skeleton-Dlpibtr0.js}

@@ -1,5 +1,5 @@
-import { h } from './index-D4-FKsCU.js';
-import { I as skeleton } from './parts-6ctk_bhj.js';
+import { h } from './index-D6FDxSyt.js';
+import { E as skeleton } from './parts-BrLVc_85.js';
 
 const Skeleton = ({ component = 'div', height, width, className, styles = {}, }) => {
     const combinedStyle = Object.assign(Object.assign({}, styles), { width,

package/dist/esm/{spinner-BVJ-upD0.js → spinner-onCBxbdo.js}

@@ -1,5 +1,5 @@
-import { h } from './index-D4-FKsCU.js';
-import { S as loadingSpinner } from './parts-6ctk_bhj.js';
+import { h } from './index-D6FDxSyt.js';
+import { O as loadingSpinner } from './parts-BrLVc_85.js';
 
 const Spinner = () => {
     return (h("div", { class: "d-flex justify-content-center" },