@justifi/webcomponents 5.4.4 → 5.6.0

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

@@ -1,19 +1,21 @@
-import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
-import { m as makeGetPayoutCSV, P as PayoutService } from './get-payout-csv-fa34f40b.js';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError-c61dce41.js';
-import './Checkout-18d8bf94.js';
-import './Pagination-afc8f96d.js';
-import './Payment-806af354.js';
-import { P as Payout } from './SubAccount-7520271c.js';
-import './Document-1907c0d4.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils-fd99b806.js';
-import { E as ErrorState } from './utils-96d9c205.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-47fc35a7.js';
-import './Api-52242eb0.js';
-import './utils-ec50661e.js';
-import './Dispute-5fd28ec9.js';
-import './parts-fd740f54.js';
-import './package-c8466624.js';
+import { r as registerInstance, c as createEvent, h } from './index-D4-FKsCU.js';
+import { P as PayoutService } from './payout.service-dukCI9Kl.js';
+import './utils-BWcTxbSg.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
+import './Checkout-Dfpql997.js';
+import './Pagination-CLHwhyvu.js';
+import './Payment-BADkZFaz.js';
+import { P as Payout } from './Refund-DOvd7RJp.js';
+import './Document-Ct-uNz2r.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
+import { E as ErrorState } from './utils-1z8cNzLu.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-iIBw3nCc.js';
+import { m as makeGetPayoutCSV } from './get-payout-csv-bM3pZLKB.js';
+import './Api-C9CDE-UM.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './Dispute-7MWRbTXI.js';
+import './parts-6ctk_bhj.js';
+import './package-DGWLSvML.js';
 
 const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -47,17 +49,13 @@ const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess,
 const PayoutDetails = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event", 7);
+        this.errorEvent = createEvent(this, "error-event");
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
+        this.errorMessage = null;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
-        this.payoutId = undefined;
-        this.authToken = undefined;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
-        this.getPayout = undefined;
-        this.getPayoutCSV = undefined;
-        this.errorMessage = null;
     }
     componentWillLoad() {
         checkPkgVersion();

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

@@ -0,0 +1,201 @@
+import { h, r as registerInstance, c as createEvent } from './index-D4-FKsCU.js';
+import { a as convertToLocal } from './utils-BWcTxbSg.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
+import './Checkout-Dfpql997.js';
+import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
+import './Payment-BADkZFaz.js';
+import { d as PayoutBalanceTransaction } from './Refund-DOvd7RJp.js';
+import './Document-Ct-uNz2r.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-iIBw3nCc.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
+import { P as PayoutService } from './payout.service-dukCI9Kl.js';
+import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-Dv-I6YqZ.js';
+import { T as tableHeadCell, U as getAlternateTableCellPart, A as table, B as tableCell } from './parts-6ctk_bhj.js';
+import { S as StyledHost } from './styled-host-D594Ui4d.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './Dispute-7MWRbTXI.js';
+import './package-DGWLSvML.js';
+import './Api-C9CDE-UM.js';
+import './spinner-BVJ-upD0.js';
+
+const makeGetPayoutTransactions = ({ authToken, service, apiOrigin }) => async ({ params, onSuccess, onError, final }) => {
+    var _a;
+    try {
+        const response = await service.fetchPayoutTransactions(authToken, params, apiOrigin);
+        if (!response.error) {
+            const balanceTransactions = response.data.map((dataItem) => new PayoutBalanceTransaction(dataItem));
+            const pagingInfo = Object.assign({}, response.page_info);
+            onSuccess({ balanceTransactions, pagingInfo });
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        onError({
+            error: getErrorMessage(error),
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        final();
+    }
+};
+
+const defaultColumnsKeys = 'created_at,txn_type,description,amount,fee,net';
+const payoutTransactionTableColumns = {
+    id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The unique identifier of each transaction" }, "ID")),
+    account_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The unique identifier of the account associated with each transaction" }, "Account ID")),
+    payout_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The unique identifier of the payout associated with each transaction" }, "Payout ID")),
+    financial_transaction_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The unique identifier of the financial transaction associated with the payment balance transaction" }, "Financial Transaction ID")),
+    amount: () => (h("th", { part: tableHeadCell, scope: "col", title: "The dollar amount of each transaction" }, "Amount")),
+    fee: () => (h("th", { part: tableHeadCell, scope: "col", title: "The fee associated with each transaction" }, "Fee")),
+    net: () => (h("th", { part: tableHeadCell, scope: "col", title: "The net amount of each transaction" }, "Net")),
+    currency: () => (h("th", { part: tableHeadCell, scope: "col", title: "The currency of each transaction" }, "Currency")),
+    description: () => (h("th", { part: tableHeadCell, scope: "col", title: "The description of each transaction" }, "Description")),
+    source_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The unique identifier of the source object associated with the payment balance transaction" }, "Source ID")),
+    txn_type: () => (h("th", { part: tableHeadCell, scope: "col", title: "The type of each transaction" }, "Type")),
+    created_at: () => (h("th", { part: tableHeadCell, scope: "col", title: "The date and time each transaction was made" }, "Processed On")),
+    available_on: () => (h("th", { part: tableHeadCell, scope: "col", title: "The date and time each transaction will be available" }, "Available On")),
+    updated_at: () => (h("th", { part: tableHeadCell, scope: "col", title: "The date and time each transaction was last updated" }, "Updated On")),
+};
+const payoutTransactionTypes = {
+    fee: "Fee",
+    payment: "Payment",
+    payout: "Payout",
+    seller_payment_refund: "Seller Payment Refund",
+    dispute_amount_collected: "Dispute Amount Collected",
+    dispute_fee_collected: "Dispute Fee Collected",
+    seller_payment: "Seller Payment",
+    transfer: "Transfer",
+    partner_platform_proceeds_credit: "Partner Platform Proceeds Credit"
+};
+const payoutTransactionTableCells = {
+    id: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.id) }, transaction.id)),
+    account_id: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.account_id) }, transaction.account_id)),
+    payout_id: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.payout_id) }, transaction.payout_id)),
+    financial_transaction_id: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.financial_transaction_id) }, transaction.financial_transaction_id)),
+    amount: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.amount) }, transaction.formattedPaymentAmount(transaction.amount))),
+    fee: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.fee) }, transaction.formattedPaymentAmount(transaction.fee))),
+    net: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.net) }, transaction.formattedPaymentAmount(transaction.net))),
+    currency: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.currency) }, transaction.currency)),
+    description: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.description) }, transaction.description)),
+    source_id: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.source_id) }, transaction.source_id)),
+    txn_type: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.txn_type) }, payoutTransactionTypes[transaction.txn_type])),
+    created_at: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.created_at) },
+        h("div", { class: "fw-bold" }, convertToLocal(transaction.created_at, { showDisplayDate: true })),
+        h("div", { class: "fw-bold" }, convertToLocal(transaction.created_at, { showTime: true })))),
+    available_on: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.available_on) },
+        h("div", { class: "fw-bold" }, convertToLocal(transaction.available_on, { showDisplayDate: true })),
+        h("div", { class: "fw-bold" }, convertToLocal(transaction.available_on, { showTime: true })))),
+    updated_at: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.updated_at) },
+        h("div", { class: "fw-bold" }, convertToLocal(transaction.updated_at, { showDisplayDate: true })),
+        h("div", { class: "fw-bold" }, convertToLocal(transaction.updated_at, { showTime: true })))),
+};
+
+const PayoutTransactionsList = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.clickEvent = createEvent(this, "click-event");
+        this.errorEvent = createEvent(this, "error-event");
+        this.balanceTransactions = [];
+        this.isLoading = true;
+        this.errorMessage = null;
+        this.paging = pagingDefaults;
+        this.pagingParams = {};
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
+        this.columns = defaultColumnsKeys;
+        this.handleClickPrevious = (beforeCursor) => {
+            this.pagingParams = { before_cursor: beforeCursor };
+            this.clickEvent.emit({ name: TableClickActions.previous });
+        };
+        this.handleClickNext = (afterCursor) => {
+            this.pagingParams = { after_cursor: afterCursor };
+            this.clickEvent.emit({ name: TableClickActions.next });
+        };
+        this.rowClickHandler = (e) => {
+            const clickedPayoutId = e.target.closest('tr').dataset.rowEntityId;
+            if (!clickedPayoutId)
+                return;
+            const transactionData = this.balanceTransactions.find((payout) => payout.id === clickedPayoutId);
+            this.clickEvent.emit({ name: TableClickActions.row, data: transactionData });
+        };
+    }
+    componentWillLoad() {
+        this.transactionsTable = new Table(this.balanceTransactions, this.columns, payoutTransactionTableColumns, payoutTransactionTableCells);
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeApi();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    propChanged() {
+        this.initializeApi();
+    }
+    handleError(code, errorMessage, severity) {
+        this.isLoading = false;
+        this.errorEvent.emit({ errorCode: code, message: errorMessage, severity });
+    }
+    initializeApi() {
+        if (this.payoutId && this.authToken) {
+            const getPayoutTransactions = makeGetPayoutTransactions({
+                authToken: this.authToken,
+                service: new PayoutService(),
+                apiOrigin: this.apiOrigin
+            });
+            getPayoutTransactions({
+                params: this.requestParams,
+                onSuccess: ({ balanceTransactions, pagingInfo }) => {
+                    this.balanceTransactions = balanceTransactions;
+                    this.paging = pagingInfo;
+                    this.transactionsTable.collectionData = this.balanceTransactions;
+                },
+                onError: ({ error, code, severity }) => {
+                    this.errorMessage = error.message;
+                    this.handleError(error, code, severity);
+                },
+                final: () => {
+                    this.isLoading = false;
+                }
+            });
+        }
+        else {
+            this.errorMessage = 'payout-id and auth-token props are required';
+            this.handleError(ComponentErrorCodes.MISSING_PROPS, this.errorMessage, ComponentErrorSeverity.ERROR);
+        }
+    }
+    get entityId() {
+        return this.balanceTransactions.map((transaction) => transaction.id);
+    }
+    get showEmptyState() {
+        return !this.isLoading && !this.errorMessage && this.transactionsTable.rowData.length < 1;
+    }
+    get showErrorState() {
+        return !this.isLoading && !!this.errorMessage;
+    }
+    get showRowData() {
+        return !this.showEmptyState && !this.showErrorState && !this.isLoading;
+    }
+    get requestParams() {
+        return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
+    }
+    render() {
+        return (h(StyledHost, { key: '90a9bdb7acbaabba3e2d99936ab8ff4af752b89f' }, h("div", { key: '546c52c26422482ebc03c363e1b7251b00628612', class: "table-wrapper" }, h("table", { key: '8cafebb253b276b747be56ffdde3430eebd8165b', class: "table table-hover", part: table }, h("thead", { key: '1b701619c17d926a95ddfb7fbb84fe3a6fd7c9b9', class: "table-head sticky-top" }, h("tr", { key: '94b5d386d8eed15eb54761c450603e3edba05e28', class: "table-light text-nowrap" }, this.transactionsTable.columnData.map((column) => column))), h("tbody", { key: 'cf4057bac5a7b9b49448bc0cc6fe60b031e71428', class: "table-body" }, h(TableLoadingState, { key: '0336b83d2842ba8cc450e6169161c5a32b65d5ca', columnSpan: this.transactionsTable.columnData.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'ecb336f7cf73ae652eafa2068e916055c908b351', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnData.length }), h(TableErrorState, { key: 'fa99aae26090ced86423af1c1458b51880299260', columnSpan: this.transactionsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: 'e1232dddefdbfaad0616841797235afd61422ec6', class: "sticky-bottom" }, h("tr", { key: 'f399c65e0d5c25206d2194841ba98e88d3fd7ebd', class: "table-light align-middle" }, h("td", { key: 'cb2e12c7d397c5c9be12ff2f3ad53bfba072f814', part: tableCell, colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'b485f5ba2817f9781f53d67b22ea3836caca448a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+    }
+    static get watchers() { return {
+        "pagingParams": ["propChanged"],
+        "payoutId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }; }
+};
+
+export { PayoutTransactionsList as justifi_payout_transactions_list };

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

@@ -1,9 +1,10 @@
-import { r as registerInstance, h } from './index-29fcfdf5.js';
-import { f as filterParams, p as propsParams, c as clearParams } from './payouts-list-params-state-ebcee300.js';
-import { J as payoutsListFilterMenu, K as createdAfterPayoutsListFilterParam, L as createdBeforePayoutsListFilterParam } from './parts-fd740f54.js';
-import { S as StyledHost } from './styled-host-32228b45.js';
-import { e as convertToUTC, d as convertToLocal } from './utils-ec50661e.js';
-import './index-a47fdc7f.js';
+import { r as registerInstance, h } from './index-D4-FKsCU.js';
+import { f as filterParams, p as propsParams, c as clearParams } from './payouts-list-params-state-qgJxi6iW.js';
+import { k as payoutsListFilterMenu, m as createdAfterPayoutsListFilterParam, n as createdBeforePayoutsListFilterParam } from './parts-6ctk_bhj.js';
+import { S as StyledHost } from './styled-host-D594Ui4d.js';
+import { c as convertToUTC, a as convertToLocal } from './utils-BWcTxbSg.js';
+import './index-4sfb1rKO.js';
+import './_commonjsHelpers-BFTU3MAI.js';
 
 const PayoutsListFilters = class {
     constructor(hostRef) {
@@ -15,8 +16,6 @@ const PayoutsListFilters = class {
             const utcDate = convertToUTC(value, { setEndOfDay: true });
             this.setParamsOnChange(name, utcDate);
         };
-        this.createdAfter = undefined;
-        this.createdBefore = undefined;
     }
     componentWillLoad() {
         const propsToSet = {
@@ -31,8 +30,8 @@ const PayoutsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '30857b318a635a1420f56799c572f39da85d6317' }, h("table-filters-menu", { key: 'c3b0bdc3d50d9cc3e2cef3adfbba7f0fe7539044', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '9be791ebd77eb197e18e7663c30fa2a12c1e9a4f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '3e172e7f255b4e78b48cb03d2b921b01fdefc4b0', class: "p-2" }, h("form-control-date", { key: '875f2202358370bec6df4b724dbc2db7070b1ff7', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: 'ce324f47aa1b38b6d24f200a7b468076c6998faf', class: "p-2" }, h("form-control-date", { key: '3d2543d40d2f3ac60c7f3f09d905c102425dffc6', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: 'e6670cb708b28330f79512d01d582f7a1930fd3c' }, h("table-filters-menu", { key: '366dd0925c68feb2c8482bc27f63c7591ec38882', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: 'd5de9412726c9c3f51675eeba8ba258094632b99', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '3f693842e14574eb3a056db221dc6521d02c0ba4', class: "p-2" }, h("form-control-date", { key: 'ca0697ab9b42ff0bed8aa0cd6747cde11fdf3ab1', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: 'cc8a71a7de29c82644773d356ef063cbf7f97f2a', class: "p-2" }, h("form-control-date", { key: 'f878e0acedced0ed813a7410243f414ba12c6898', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: createdBeforePayoutsListFilterParam }))))));
     }
 };

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

@@ -1,23 +1,25 @@
-import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError-c61dce41.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-47fc35a7.js';
-import { m as makeGetPayoutCSV, P as PayoutService } from './get-payout-csv-fa34f40b.js';
-import './Checkout-18d8bf94.js';
-import './Pagination-afc8f96d.js';
-import './Payment-806af354.js';
-import { P as Payout } from './SubAccount-7520271c.js';
-import './Document-1907c0d4.js';
-import { g as getErrorMessage, a as getErrorCode } from './utils-fd99b806.js';
-import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-3c6b9e84.js';
-import { S as StyledHost } from './styled-host-32228b45.js';
-import { d as defaultColumnsKeys } from './payouts-table-c1ced46a.js';
-import './package-c8466624.js';
-import './Api-52242eb0.js';
-import './utils-ec50661e.js';
-import './Dispute-5fd28ec9.js';
-import './payouts-status-29d31099.js';
-import './badge-1be14e8c.js';
-import './parts-fd740f54.js';
+import { r as registerInstance, c as createEvent, h } from './index-D4-FKsCU.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-SdntD1xf.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-iIBw3nCc.js';
+import { P as PayoutService } from './payout.service-dukCI9Kl.js';
+import './utils-BWcTxbSg.js';
+import './Checkout-Dfpql997.js';
+import './Pagination-CLHwhyvu.js';
+import './Payment-BADkZFaz.js';
+import { P as Payout } from './Refund-DOvd7RJp.js';
+import './Document-Ct-uNz2r.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils-Dccsn9BY.js';
+import { m as makeGetPayoutCSV } from './get-payout-csv-bM3pZLKB.js';
+import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-BB3Sqb3H.js';
+import { S as StyledHost } from './styled-host-D594Ui4d.js';
+import { d as defaultColumnsKeys } from './payouts-table-CgfTp9tE.js';
+import './package-DGWLSvML.js';
+import './Api-C9CDE-UM.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './Dispute-7MWRbTXI.js';
+import './payouts-status-tVJFGPCs.js';
+import './badge-D5PvLnZT.js';
+import './parts-6ctk_bhj.js';
 
 const tableExportedParts = `
 table-head,table-head-row,table-head-cell,table-body,table-row,table-row-even,
@@ -57,19 +59,14 @@ const makeGetPayouts = ({ id, authToken, service, apiOrigin }) => async ({ param
 const PayoutsList = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event", 7);
+        this.errorEvent = createEvent(this, "error-event");
+        this.errorMessage = null;
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
+        this.columns = defaultColumnsKeys;
         this.handleOnError = (event) => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
-        this.getPayouts = undefined;
-        this.getPayoutCSV = undefined;
-        this.getSubAccounts = undefined;
-        this.errorMessage = null;
-        this.accountId = undefined;
-        this.authToken = undefined;
-        this.apiOrigin = "https://wc-proxy.justifi.ai";
-        this.columns = defaultColumnsKeys;
     }
     componentWillLoad() {
         checkPkgVersion();
@@ -117,7 +114,7 @@ const PayoutsList = class {
         }
     }
     render() {
-        return (h(StyledHost, { key: '434171dee57c7d639a894133b36f7dc727e28381', exportedparts: tableExportedParts }, h("payouts-list-core", { key: 'e4ed849e1c839dcdd3990a1b64d2bd132cda86f8', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '8a0fe80740cef6d17900927487aab83287c4ed3f', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '72d7494e2d0f44d4bfec9b2a7bad700c80aae948', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],