@justifi/webcomponents 4.18.0 → 4.19.0

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

@@ -1,105 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-fb499e95.js');
-const SubAccount = require('./SubAccount-135ff8c8.js');
-const utils = require('./utils-80191fbe.js');
-const Api = require('./Api-3bc6e43f.js');
-const Pagination = require('./Pagination-0da8f095.js');
-require('./Payment-24f22eca.js');
-require('./Payout-a2dd7b01.js');
-const config = require('./config-ff2dda66.js');
-
-const subaccountsListCss = ":host{display:block}";
-const JustifiSubaccountsListStyle0 = subaccountsListCss;
-
-const SubaccountsList = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.rowClicked = index.createEvent(this, "subaccount-row-clicked", 7);
-        this.handleClickPrevious = (beforeCursor) => {
-            const newParams = Object.assign({}, this.params);
-            delete newParams.after_cursor;
-            this.params = (Object.assign(Object.assign({}, newParams), { before_cursor: beforeCursor }));
-        };
-        this.handleClickNext = (afterCursor) => {
-            const newParams = Object.assign({}, this.params);
-            delete newParams.before_cursor;
-            this.params = (Object.assign(Object.assign({}, newParams), { after_cursor: afterCursor }));
-        };
-        this.accountId = undefined;
-        this.authToken = undefined;
-        this.subaccounts = [];
-        this.loading = true;
-        this.errorMessage = undefined;
-        this.paging = Pagination.pagingDefaults;
-        this.params = undefined;
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    connectedCallback() {
-        this.fetchData();
-    }
-    async fetchData() {
-        if (!this.accountId || !this.authToken) {
-            this.errorMessage = "Can not fetch any data without an AccountID and an AuthToken";
-            this.loading = false;
-            return;
-        }
-        this.loading = true;
-        const api = Api.Api({ authToken: this.authToken, apiOrigin: config.config.privateApiOrigin });
-        const endpoint = `account/${this.accountId}/seller_accounts`;
-        const response = await api.get(endpoint, this.params);
-        if (!response.error) {
-            this.paging = Object.assign(Object.assign({}, this.paging), response.page_info);
-            const data = response === null || response === void 0 ? void 0 : response.data.map(dataItem => new SubAccount.SubAccount(dataItem));
-            this.subaccounts = data;
-        }
-        else {
-            this.errorMessage = typeof response.error === 'string' ? response.error : response.error.message;
-        }
-        this.loading = false;
-    }
-    render() {
-        return (index.h(index.Host, { key: '6e2998b090853a420c34facb9b9de8631964c5f3' }, index.h("justifi-table", { key: '10c02a8d0911b316d96c128dcfb2d488d75e7808', rowClickHandler: e => {
-                const clickSubAccountId = e.target.closest('tr').dataset.rowEntityId;
-                if (!clickSubAccountId) {
-                    return;
-                }
-                this.rowClicked.emit(this.subaccounts.find((subaccount) => subaccount.id === clickSubAccountId));
-            }, entityId: this.subaccounts.map((subaccount) => subaccount.id), columnData: [
-                ['Created On', 'The date and time each sub account was created'],
-                ['Name', 'The name provided for each sub account'],
-                ['Account	', 'The unique live or test account ID for each sub account'],
-                ['Card Rate	', 'The rate that determines the fees charged per payment, when paid by card'],
-                ['ACH Rate	', 'The rate that determines the fees charged per payment, when paid by eCheck'],
-                ['Status', 'The onboarding status of each sub account']
-            ], rowData: this.subaccounts.map((subaccount) => ([
-                {
-                    type: 'head',
-                    value: `
-                    <div class='fw-bold'>${subaccount.dateString}</div>
-                    <div class='fw-bold'>${subaccount.timeString}</div>
-                  `,
-                },
-                subaccount.name,
-                subaccount.id,
-                subaccount.cardRate,
-                subaccount.achRate,
-                {
-                    type: 'inner',
-                    value: utils.MapSubAccountStatusToBadge(subaccount.status)
-                }
-            ])), loading: this.loading, "error-message": this.errorMessage, params: this.params, paging: Object.assign(Object.assign({}, this.paging), { handleClickNext: this.handleClickNext, handleClickPrevious: this.handleClickPrevious }) })));
-    }
-    static get watchers() { return {
-        "accountId": ["updateOnPropChange"],
-        "authToken": ["updateOnPropChange"],
-        "params": ["updateOnPropChange"]
-    }; }
-};
-SubaccountsList.style = JustifiSubaccountsListStyle0;
-
-exports.justifi_subaccounts_list = SubaccountsList;

package/dist/cjs/justifi-table_2.cjs.entry.js

@@ -1,80 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-fb499e95.js');
-const Pagination = require('./Pagination-0da8f095.js');
-const exportedParts = require('./exported-parts-b18c68c2.js');
-
-const LoadingState = (columnSpan) => (index.h("tr", null,
-    index.h("td", { class: "loading-state", part: "loading-state-cell", colSpan: columnSpan, style: { textAlign: 'center' } },
-        index.h("div", { part: "loading-state-spinner", class: "spinner-border", role: "status" },
-            index.h("span", { class: "visually-hidden" }, "Loading...")))));
-const EmptyState = (columnSpan) => (index.h("tr", null,
-    index.h("td", { class: "empty-state", part: "empty-state", colSpan: columnSpan, style: { textAlign: 'center' } }, "No results")));
-const ErrorState = (columnSpan, errorMessage) => (index.h("tr", null,
-    index.h("td", { class: "error-state", part: "error-state", colSpan: columnSpan, "data-test-id": "table-error-state", style: { textAlign: 'center' } },
-        "An unexpected error occurred: ",
-        errorMessage)));
-
-const tableCss = ":host{table-layout:fixed}.table-wrapper{overflow-x:scroll}";
-const JustifiTableStyle0 = tableCss;
-
-const Table = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.loading = true;
-        this.errorMessage = '';
-        this.rowData = [];
-        this.columnData = undefined;
-        this.paging = Pagination.ExtendedPagingDefaults;
-        this.params = {};
-        this.entityId = undefined;
-        this.rowClickHandler = undefined;
-    }
-    get showEmptyState() {
-        return !this.loading && !this.errorMessage && this.rowData.length < 1;
-    }
-    get showErrorState() {
-        return !this.loading && !!this.errorMessage;
-    }
-    get showRowData() {
-        return !this.showEmptyState && !this.showErrorState;
-    }
-    render() {
-        var _a, _b;
-        return (index.h(index.Host, { key: '330ca720893ef70db96d4229c45a42f859567fd2', exportparts: exportedParts.tableExportedParts }, index.h("div", { key: '6a4aa680881ca619e88a1e505e9367f598633184', class: "table-wrapper" }, index.h("table", { key: '56129dafeccdda2e443f52d31efc7b68181988f7', class: "table table-hover" }, index.h("thead", { key: 'c3d407a15d350918df135f9e6f9f94d8ac751f65', class: "table-head sticky-top", part: "table-head" }, index.h("tr", { key: 'a1a8b3e9141ee6ecf1312b5d6d50f4b1a0488d9f', class: "table-light text-nowrap", part: 'table-head-row' }, (_a = this.columnData) === null || _a === void 0 ? void 0 : _a.map((column) => index.h("th", { part: "table-head-cell", scope: "col", title: Array.isArray(column) ? column[1] : '' }, !Array.isArray(column) ? column : column[0])))), index.h("tbody", { key: '232e450d33c1ea1088aab9a06ecb9a00d49788fd', class: "table-body", part: 'table-body' }, this.loading && LoadingState(this.columnData.length), this.showEmptyState && EmptyState(this.columnData.length), this.showErrorState && ErrorState(this.columnData.length, this.errorMessage), this.showRowData && (this.rowData.map((data, index$1) => {
-            return (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: e => this.rowClickHandler ? this.rowClickHandler(e) : null, part: `table-row ${index$1 % 2 ? 'table-row-even' : 'table-row-odd'}` }, data.map((dataEntry) => {
-                let nestedHtml = dataEntry === null || dataEntry === void 0 ? void 0 : dataEntry.type;
-                if (nestedHtml) {
-                    return (index.h("td", { part: "table-cell", innerHTML: dataEntry.value }));
-                }
-                else {
-                    return (index.h("td", { part: "table-cell" }, dataEntry));
-                }
-            })));
-        }))), this.paging &&
-            index.h("tfoot", { key: '35f0a88e934a2483df8b62b037d54c2408011c9d', class: "sticky-bottom" }, index.h("tr", { key: '708dba5501439a728596f6985cd4f02f7cad2eb4', class: "table-light align-middle" }, index.h("td", { key: '14ac6f8ec26a436c7c68391ab1c53ebdf9322d26', part: "pagination-bar", colSpan: (_b = this.columnData) === null || _b === void 0 ? void 0 : _b.length }, index.h("pagination-menu", { key: 'e52783c0e2a3b650f77a0bca0cc462b2f1942caf', paging: this.paging, params: this.params }))))))));
-    }
-};
-Table.style = JustifiTableStyle0;
-
-const PaginationMenu = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.paging = Pagination.ExtendedPagingDefaults;
-        this.params = {};
-    }
-    render() {
-        return (index.h(index.Host, { key: 'e0211a01fc44ec29eec8085f31055c060f77f56f', exportparts: `page-arrow,page-button,page-button-disabled,page-button-text` }, index.h("nav", { key: '191b1603b6cc559d3ef0cf45a37074e41513ea5a', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, index.h("ul", { key: '775613b2ce03a1bc6a8abf5c918d099e13ac06d2', class: "pagination m-0" }, index.h("li", { key: 'cf7fef25e80e446688f31f13236c3e71a1378aef', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, index.h("a", { key: 'bb671bda6ab5f6921d34c7fdf5b33a62bc076154', href: "#", class: "page-link", onClick: (e) => {
-                e.preventDefault();
-                this.paging.handleClickPrevious(this.paging.start_cursor);
-            }, part: `page-button${this.paging.has_previous ? '' : ' page-button-disabled'}` }, index.h("span", { key: 'da88de236d134f950a48d9a1d2ebf70742e80788', class: "me-1", part: "page-arrow" }, "\u00AB"), index.h("span", { key: '9ae148f746d5d04fcaf4981b0f1aa3d7fc1b509d', part: "page-button-text" }, "Previous"))), index.h("li", { key: '7340b9d89574c9c95b15fd50f3444aacdbb4c496', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, index.h("a", { key: '827e68669eeb7b83a28185312108adde796a331e', href: "#", class: "page-link", onClick: (e) => {
-                e.preventDefault();
-                this.paging.handleClickNext(this.paging.end_cursor);
-            }, part: `page-button${this.paging.has_next ? '' : ' page-button-disabled'}` }, index.h("span", { key: '29ce5f0e9ae4b19d3116ac6bd883c52168c5fbb8', part: "page-button-text" }, "Next"), index.h("span", { key: '2d58cffc46031c9db1ad7c4b061730bc083dded8', class: "ms-1", part: "page-arrow" }, "\u00BB")))))));
-    }
-};
-
-exports.justifi_table = Table;
-exports.pagination_menu = PaginationMenu;