@justifi/webcomponents 4.21.0 → 4.22.1

package/dist/cjs/{Analytics-880f5152.js → Analytics-0d90fa0d.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const _package = require('./package-cb1b1015.js');
+const _package = require('./package-596f102c.js');
 const config = require('./config-05767cba.js');
-const Api = require('./Api-b98b256f.js');
+const Api = require('./Api-f5280a80.js');
 
 class AnalyticsService {
     async record(body) {

package/dist/cjs/{Api-b98b256f.js → Api-f5280a80.js}

@@ -78,12 +78,14 @@ const Api = ({ authToken, apiOrigin }) => {
             'Content-Type': 'application/json',
         };
     }
-    async function makeRequest(endpoint, method, params, body, signal) {
+    async function makeRequest(endpoint, method, params, body, signal, headers) {
         const url = `${apiOrigin}/v1/${endpoint}`;
         const requestUrl = params ? `${url}?${new URLSearchParams(params)}` : url;
+        const defaultHeaders = await getAuthorizationHeader();
+        const mergedHeaders = Object.assign(Object.assign({}, defaultHeaders), headers);
         const response = await fetch(requestUrl, {
             method: method,
-            headers: await getAuthorizationHeader(),
+            headers: mergedHeaders,
             body: body,
             signal: signal,
         });
@@ -92,8 +94,8 @@ const Api = ({ authToken, apiOrigin }) => {
         }
         handleError(requestUrl);
     }
-    async function get(endpoint, params, signal) {
-        return makeRequest(endpoint, 'GET', params, null, signal);
+    async function get(endpoint, params, signal, headers) {
+        return makeRequest(endpoint, 'GET', params, null, signal, headers);
     }
     async function post(endpoint, body, params, signal) {
         return makeRequest(endpoint, 'POST', params, JSON.stringify(body), signal);

package/dist/cjs/Checkout-a528241d.js

@@ -0,0 +1,85 @@
+'use strict';
+
+class Completion {
+    constructor(data) {
+        this.payment_mode = ICheckoutPaymentMode[data.payment_mode];
+        this.payment_token = data.payment_token;
+        this.payment_status = data.payment_status;
+        this.payment_response = data.payment_response;
+        this.payment_error_code = data.payment_error_code;
+        this.payment_error_description = data.payment_error_description;
+        this.checkout_id = data.checkout_id;
+        this.additional_transactions = data.additional_transactions;
+        this.payment_id = data.payment_id;
+        this.payment_method_id = data.payment_method_id;
+        this.status = data.status;
+        this.created_at = data.created_at;
+        this.updated_at = data.updated_at;
+    }
+}
+class Checkout {
+    constructor(data) {
+        var _a;
+        this.id = data.id;
+        this.description = data.description;
+        this.payment_intent_id = data.payment_intent_id;
+        this.account_id = data.account_id;
+        this.platform_account_id = data.platform_account_id;
+        this.payment_amount = data.payment_amount;
+        this.payment_client_id = data.payment_client_id;
+        this.payment_description = data.payment_description;
+        this.payment_methods = data.payment_methods;
+        this.payment_method_group_id = data.payment_method_group_id;
+        this.payment_settings = data.payment_settings;
+        this.bnpl = data.bnpl;
+        this.total_amount = data.total_amount;
+        this.insurance_amount = data.insurance_amount;
+        this.status = data.status;
+        this.payment_currency = data.payment_currency;
+        this.mode = data.mode;
+        this.statement_descriptor = data.statement_descriptor;
+        this.application_fees = data.application_fees;
+        this.successful_payment_id = data.successful_payment_id;
+        this.created_at = data.created_at;
+        this.updated_at = data.updated_at;
+        this.completions = (_a = data.completions) === null || _a === void 0 ? void 0 : _a.map((completion) => new Completion(completion));
+    }
+    get payment_mode() {
+        var _a, _b, _c, _d, _e, _f;
+        let paymentMode;
+        if (!this.completions || this.completions.length === 0) {
+            return ICheckoutPaymentMode.unknown;
+        }
+        const sortedCompletions = this.completions.sort((a, b) => {
+            return new Date(b.updated_at).getTime() - new Date(a.updated_at).getTime();
+        });
+        const lastCompletion = sortedCompletions[0];
+        if (lastCompletion.payment_mode) {
+            paymentMode = lastCompletion.payment_mode;
+        }
+        else if ((_c = (_b = (_a = lastCompletion.payment_response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.payment_method) === null || _c === void 0 ? void 0 : _c.card) {
+            paymentMode = ICheckoutPaymentMode.card;
+        }
+        else if ((_f = (_e = (_d = lastCompletion.payment_response) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.payment_method) === null || _f === void 0 ? void 0 : _f.bank_account) {
+            paymentMode = ICheckoutPaymentMode.bank_account;
+        }
+        return paymentMode;
+    }
+    ;
+}
+var ICheckoutPaymentMode;
+(function (ICheckoutPaymentMode) {
+    ICheckoutPaymentMode["bnpl"] = "Buy Now Pay Later";
+    ICheckoutPaymentMode["ecom"] = "E-commerce";
+    ICheckoutPaymentMode["card"] = "Card";
+    ICheckoutPaymentMode["bank_account"] = "Bank Account";
+    ICheckoutPaymentMode["card_present"] = "Card Present";
+    ICheckoutPaymentMode["unknown"] = "";
+})(ICheckoutPaymentMode || (ICheckoutPaymentMode = {}));
+var CompletionStatuses;
+(function (CompletionStatuses) {
+    CompletionStatuses["failed"] = "failed";
+    CompletionStatuses["succeeded"] = "succeeded";
+})(CompletionStatuses || (CompletionStatuses = {}));
+
+exports.Checkout = Checkout;

package/dist/cjs/SubAccount-cc95a4a0.js

@@ -0,0 +1,106 @@
+'use strict';
+
+var PayoutStatuses;
+(function (PayoutStatuses) {
+    PayoutStatuses["paid"] = "paid";
+    PayoutStatuses["failed"] = "failed";
+    PayoutStatuses["forwarded"] = "forwarded";
+    PayoutStatuses["scheduled"] = "scheduled";
+    PayoutStatuses["in_transit"] = "in_transit";
+    PayoutStatuses["canceled"] = "canceled";
+})(PayoutStatuses || (PayoutStatuses = {}));
+var PayoutStatusesSafeNames;
+(function (PayoutStatusesSafeNames) {
+    PayoutStatusesSafeNames["paid"] = "Paid";
+    PayoutStatusesSafeNames["failed"] = "Failed";
+    PayoutStatusesSafeNames["forwarded"] = "Forwarded";
+    PayoutStatusesSafeNames["scheduled"] = "Scheduled";
+    PayoutStatusesSafeNames["in_transit"] = "In Transit";
+    PayoutStatusesSafeNames["canceled"] = "Canceled";
+})(PayoutStatusesSafeNames || (PayoutStatusesSafeNames = {}));
+class Payout {
+    constructor(payout) {
+        this.id = payout.id;
+        this.account_id = payout.account_id;
+        this.amount = payout.amount;
+        this.bank_account = payout.bank_account;
+        this.currency = payout.currency;
+        this.delivery_method = payout.delivery_method || 'standard';
+        this.description = payout.description;
+        this.deposits_at = payout.deposits_at;
+        this.fees_total = payout.fees_total;
+        this.refunds_count = payout.refunds_count;
+        this.refunds_total = payout.refunds_total;
+        this.payments_count = payout.payments_count;
+        this.payments_total = payout.payments_total;
+        this.payout_type = payout.payout_type;
+        this.other_total = payout.other_total;
+        this.status = payout.status;
+        this.metadata = payout.metadata;
+        this.created_at = payout.created_at;
+        this.updated_at = payout.updated_at;
+    }
+}
+
+var TerminalStatuses;
+(function (TerminalStatuses) {
+    TerminalStatuses["connected"] = "connected";
+    TerminalStatuses["disconnected"] = "disconnected";
+    TerminalStatuses["unknown"] = "unknown";
+})(TerminalStatuses || (TerminalStatuses = {}));
+var TerminalProviders;
+(function (TerminalProviders) {
+    TerminalProviders["verifone"] = "verifone";
+})(TerminalProviders || (TerminalProviders = {}));
+class Terminal {
+    constructor(data) {
+        this.id = data.id || '';
+        this.status = data.status;
+        this.account_id = data.account_id || '';
+        this.platform_account_id = data.platform_account_id || '';
+        this.provider = data.provider || '';
+        this.provider_id = data.provider_id || '';
+        this.created_at = data.created_at || '';
+        this.updated_at = data.updated_at || '';
+        this.verified_at = data.verified_at || '';
+        this.nickname = data.nickname || '';
+    }
+}
+
+var AccountType;
+(function (AccountType) {
+    AccountType["test"] = "test";
+    AccountType["live"] = "live";
+})(AccountType || (AccountType = {}));
+var AccountStatus;
+(function (AccountStatus) {
+    AccountStatus["created"] = "created";
+    AccountStatus["submitted"] = "submitted";
+    AccountStatus["information_needed"] = "information_needed";
+    AccountStatus["rejected"] = "rejected";
+    AccountStatus["enabled"] = "enabled";
+    AccountStatus["disabled"] = "disabled";
+    AccountStatus["archived"] = "archived";
+})(AccountStatus || (AccountStatus = {}));
+class SubAccount {
+    constructor(subAccount) {
+        this.id = subAccount.id;
+        this.name = subAccount.name;
+        this.account_type = subAccount.account_type;
+        this.status = subAccount.status;
+        this.currency = subAccount.currency;
+        this.platform_account_id = subAccount.platform_account_id;
+        this.payout_account_id = subAccount.payout_account_id;
+        this.business_id = subAccount.business_id;
+        this.application_fee_rates = subAccount.application_fee_rates;
+        this.processing_ready = subAccount.processing_ready;
+        this.payout_ready = subAccount.payout_ready;
+        this.related_accounts = subAccount.related_accounts;
+        this.created_at = subAccount.created_at;
+        this.updated_at = subAccount.updated_at;
+    }
+}
+
+exports.Payout = Payout;
+exports.SubAccount = SubAccount;
+exports.Terminal = Terminal;

package/dist/cjs/additional-questions-details_5.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
-const utils$1 = require('./utils-c1d2e426.js');
-const utils = require('./utils-52fb7fa1.js');
+const utils$1 = require('./utils-189dc30d.js');
+const utils = require('./utils-3d84442d.js');
 
 const sharedBusinessDetailsCss$4 = ".flex-1{flex:1}";
 const AdditionalQuestionsDetailsStyle0 = sharedBusinessDetailsCss$4;

package/dist/cjs/{business-additional-questions-schema-26b0eecb.js → business-additional-questions-schema-19f08938.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index_esm = require('./index.esm-52757963.js');
-const schemaValidations = require('./schema-validations-0a7e46a3.js');
+const index_esm = require('./index.esm-97cf6825.js');
+const schemaValidations = require('./schema-validations-184a4356.js');
 
 const businessCoreInfoSchema = (allowOptionalFields) => {
     const schema = index_esm.create$3({

package/dist/cjs/business-details-core.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
-const utils = require('./utils-c1d2e426.js');
+const utils = require('./utils-189dc30d.js');
 const styledHost = require('./styled-host-1adf46c3.js');
 
 var RENDER_STATES;

package/dist/cjs/{business-identity-schema-503ecb77.js → business-identity-schema-a8bb2276.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index_esm = require('./index.esm-52757963.js');
-const schemaValidations = require('./schema-validations-0a7e46a3.js');
+const index_esm = require('./index.esm-97cf6825.js');
+const schemaValidations = require('./schema-validations-184a4356.js');
 
 const addressSchema = (allowOptionalFields) => {
     const schema = index_esm.create$3({

package/dist/cjs/{business.service-031c0084.js → business.service-7faffa0b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const config = require('./config-05767cba.js');
-const Api = require('./Api-b98b256f.js');
+const Api = require('./Api-f5280a80.js');
 
 class BusinessService {
     async fetchBusiness(businessId, authToken) {

package/dist/cjs/{check-pkg-version-54f7dfda.js → check-pkg-version-fafb21ae.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const _package = require('./package-cb1b1015.js');
+const _package = require('./package-596f102c.js');
 
 const latestVersion = async (packageName) => {
     const response = await fetch('https://registry.npmjs.org/' + packageName + '/latest');

package/dist/cjs/checkout.service-160f3a9c.js

@@ -0,0 +1,36 @@
+'use strict';
+
+const config = require('./config-05767cba.js');
+const Api = require('./Api-f5280a80.js');
+require('./Checkout-a528241d.js');
+require('./Pagination-0da8f095.js');
+require('./Payment-04a842f4.js');
+require('./SubAccount-cc95a4a0.js');
+
+class CheckoutService {
+    async fetchCheckout(authToken, checkoutId) {
+        const endpoint = `checkouts/${checkoutId}`;
+        return Api.Api({ authToken, apiOrigin: config.config.proxyApiOrigin }).get(endpoint);
+    }
+    async fetchCheckouts(accountId, authToken, params, apiOrigin) {
+        if (!apiOrigin) {
+            apiOrigin = config.config.proxyApiOrigin;
+        }
+        const headers = { Account: accountId };
+        const api = Api.Api({ authToken, apiOrigin: apiOrigin });
+        const endpoint = 'checkouts';
+        return api.get(endpoint, params, null, headers);
+    }
+    async complete(authToken, checkoutId, payment) {
+        const endpoint = `checkouts/${checkoutId}/complete`;
+        const payload = {
+            payment_mode: payment.payment_mode,
+        };
+        if (payment.payment_token) {
+            payload.payment_token = payment.payment_token;
+        }
+        return Api.Api({ authToken, apiOrigin: config.config.proxyApiOrigin }).post(endpoint, payload);
+    }
+}
+
+exports.CheckoutService = CheckoutService;

package/dist/cjs/checkouts-list-core.cjs.entry.js

@@ -0,0 +1,144 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-fb499e95.js');
+require('./Checkout-a528241d.js');
+const Pagination = require('./Pagination-0da8f095.js');
+require('./Payment-04a842f4.js');
+require('./SubAccount-cc95a4a0.js');
+const utils = require('./utils-f8a6962c.js');
+const tableLoadingState = require('./table-loading-state-8b406852.js');
+const checkoutsTable = require('./checkouts-table-24c065ff.js');
+const table = require('./table-20e9a053.js');
+require('./utils-3d84442d.js');
+
+const CheckoutsListCore = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.rowClicked = index.createEvent(this, "checkout-row-clicked", 7);
+        this.errorEvent = index.createEvent(this, "error-event", 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.rowClickHandler = (e) => {
+            const clickedCheckoutID = e.target.closest('tr').dataset.rowEntityId;
+            if (!clickedCheckoutID)
+                return;
+            this.rowClicked.emit(this.checkouts.find((checkout) => checkout.id === clickedCheckoutID));
+        };
+        this.setParamsOnChange = (name, value) => {
+            let newParams = { [name]: value };
+            this.params = utils.onFilterChange(newParams, this.params);
+        };
+        this.clearParams = () => {
+            this.errorMessage = '';
+            this.params = {};
+        };
+        this.getCheckouts = undefined;
+        this.getSubAccounts = undefined;
+        this.columns = undefined;
+        this.checkouts = [];
+        this.checkoutsTable = undefined;
+        this.subAccounts = [];
+        this.loading = true;
+        this.errorMessage = undefined;
+        this.paging = Pagination.pagingDefaults;
+        this.params = {};
+    }
+    updateOnPropChange() {
+        this.fetchCheckouts();
+    }
+    componentWillLoad() {
+        this.checkoutsTable = new table.Table(this.checkouts, this.columns, checkoutsTable.checkoutTableColumns, checkoutsTable.checkoutTableCells);
+        if (this.getCheckouts && this.getSubAccounts) {
+            this.fetchCheckouts();
+        }
+    }
+    fetchCheckouts() {
+        this.loading = true;
+        this.getCheckouts({
+            params: this.params,
+            onSuccess: async ({ checkouts, pagingInfo }) => {
+                this.checkouts = checkouts;
+                this.paging = pagingInfo;
+                this.checkoutsTable.collectionData = this.checkouts;
+                const shouldFetchSubAccounts = this.checkoutsTable.columnKeys.includes('sub_account_name');
+                if (shouldFetchSubAccounts) {
+                    await this.fetchSubAccounts();
+                }
+                else {
+                    this.loading = false;
+                }
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorMessage = error;
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+                this.loading = false;
+            },
+        });
+    }
+    async fetchSubAccounts() {
+        this.getSubAccounts({
+            params: this.subAccountParams,
+            onSuccess: ({ subAccounts }) => {
+                this.subAccounts = subAccounts;
+                this.checkouts = this.checkouts.map((checkout) => {
+                    var _a;
+                    checkout.sub_account_name = (_a = this.subAccounts.find((subAccount) => subAccount.id === checkout.account_id)) === null || _a === void 0 ? void 0 : _a.name;
+                    return checkout;
+                });
+                this.loading = false;
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorMessage = error;
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+                this.loading = false;
+            },
+        });
+    }
+    get subAccountParams() {
+        let accountIdNumbers = this.checkouts.map((checkout) => checkout.account_id);
+        let uniqueAccountIds = [...new Set(accountIdNumbers)];
+        let accountIdString = uniqueAccountIds.join(',');
+        return { sub_account_id: accountIdString };
+    }
+    get entityId() {
+        return this.checkouts.map((checkout) => checkout.id);
+    }
+    get showEmptyState() {
+        return !this.loading && !this.errorMessage && this.checkoutsTable.rowData.length < 1;
+    }
+    get showErrorState() {
+        return !this.loading && !!this.errorMessage;
+    }
+    get showRowData() {
+        return !this.showEmptyState && !this.showErrorState && !this.loading;
+    }
+    render() {
+        return (index.h("div", { key: '8d2c1fd960b2b3a66f3a1bf648b75576ad2e8857' }, index.h("checkouts-list-filters", { key: '18ba9bf560499112f71a690da751c8e3c4d345a7', params: this.params, setParamsOnChange: this.setParamsOnChange, clearParams: this.clearParams }), index.h("div", { key: '12cf6ee2912ac6a9518634ebd470dac5f7623aff', class: "table-wrapper" }, index.h("table", { key: '1ea2c118d7efb620dc1f39db55a510a8a473cb31', class: "table table-hover" }, index.h("thead", { key: '5e334a090be56c82b11ae7584bdf4014cc8743c7', class: "table-head sticky-top", part: "table-head" }, index.h("tr", { key: '233137a8b4e30bac28ded78010199bfecd0ac4e7', class: "table-light text-nowrap", part: "table-head-row" }, this.checkoutsTable.columnData.map((column) => column))), index.h("tbody", { key: 'd4ed9d4bf3ac17d4dc7294b875734e02996c7444', class: "table-body", part: "table-body" }, index.h(tableLoadingState.TableLoadingState, { key: 'a7afbb627c768139af4244da5c12fae493dceafb', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), index.h(tableLoadingState.TableEmptyState, { key: '802c43c8da770bca9a249a88d115901e9b14e102', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), index.h(tableLoadingState.TableErrorState, { key: 'f1cd197cf7d1d5d81868a5abfafa40df762ca3c8', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler, part: `table-row ${index$1 % 2 ? "table-row-even" : "table-row-odd"}` }, data)))), this.paging && (index.h("tfoot", { key: 'f0c367854322c341515bc481159101e9659117c7', class: "sticky-bottom" }, index.h("tr", { key: '88bc665c23665eddc4c88d27acc8c8f1cb39e277', class: "table-light align-middle" }, index.h("td", { key: '8be265c9b43033cfd3e2c4b3f12ac6d6c104e53d', part: "pagination-bar", colSpan: this.checkoutsTable.columnData.length }, index.h("pagination-menu", { key: '6abdb6091b78e58ec71ac6bf66f278ed9b6542fb', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
+    }
+    static get watchers() { return {
+        "params": ["updateOnPropChange"],
+        "getCheckouts": ["updateOnPropChange"],
+        "getSubAccounts": ["updateOnPropChange"],
+        "columns": ["updateOnPropChange"]
+    }; }
+};
+
+exports.checkouts_list_core = CheckoutsListCore;

package/dist/cjs/checkouts-list-filters.cjs.entry.js

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-fb499e95.js');
+
+const CheckoutsListFilters = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.params = {};
+        this.setParamsOnChange = undefined;
+        this.clearParams = undefined;
+    }
+    get checkoutStatusOptions() {
+        return [
+            { label: 'All', value: '' },
+            { label: 'Created', value: 'created' },
+            { label: 'Completed', value: 'completed' },
+            { label: 'Attempted', value: 'attempted' },
+            { label: 'Expired', value: 'expired' },
+        ];
+    }
+    get checkoutPaymentModeOptions() {
+        return [
+            { label: 'All', value: '' },
+            { label: 'E-commerce', value: 'ecom' },
+            { label: 'BNPL', value: 'bnpl' },
+        ];
+    }
+    render() {
+        return (index.h("table-filters-menu", { key: '9bbefced0a75175612e10d18a2399c2fba54a541', params: this.params, clearParams: this.clearParams }, index.h("div", { key: 'c9788ad56827b8a3d4452da28678d56b0b7db11c', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '4f4eefcdecb67f6fa58f7daa5044bae0e0df5f6c', class: "p-2" }, index.h("form-control-select", { key: 'cb3d3801b90102e330a96a0454074b5374f15326', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.params.status || '' })), index.h("div", { key: 'b43631eb9021c8d496551d359440696686a3a50b', class: "p-2" }, index.h("form-control-select", { key: '7f2a33df18fb3d48dba2ad726a96d9107cca2bf3', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.params.payment_mode || '' })))));
+    }
+};
+
+exports.checkouts_list_filters = CheckoutsListFilters;

package/dist/cjs/checkouts-table-24c065ff.js

@@ -0,0 +1,47 @@
+'use strict';
+
+const index = require('./index-fb499e95.js');
+const utils = require('./utils-3d84442d.js');
+
+const MapCheckoutStatusToBadge = (status) => {
+    switch (status) {
+        case 'created':
+            return "<span class='badge bg-primary' title='The checkout has been created'>Created</span>";
+        case 'completed':
+            return "<span class='badge bg-success' title='The checkout has been completed'>Completed</span>";
+        case 'attempted':
+            return "<span class='badge bg-secondary' title='The checkout has been attempted'>Attempted</span>";
+        case 'expired':
+            return "<span class='badge bg-danger' title='The checkout has expired'>Expired</span>";
+    }
+};
+
+const defaultColumnsKeys = 'created_at,payment_amount,payment_description,payment_mode,status';
+const checkoutTableColumns = {
+    created_at: () => (index.h("th", { part: "table-head-cell", scope: "col", title: "The date each checkout occurred" }, "Processed On")),
+    payment_amount: () => (index.h("th", { part: "table-head-cell", scope: "col", title: "The dollar amount of each checkout" }, "Payment Amount")),
+    payment_description: () => (index.h("th", { part: "table-head-cell", scope: "col", title: "The description of each checkout" }, "Payment Description")),
+    sub_account_name: () => (index.h("th", { part: "table-head-cell", scope: "col", title: "The sub account associated with the checkout" }, "Sub Account")),
+    payment_mode: () => (index.h("th", { part: "table-head-cell", scope: "col", title: "The payment mode of each checkout" }, "Payment Mode")),
+    status: () => (index.h("th", { part: "table-head-cell", scope: "col", title: "The current status of each checkout" }, "Status")),
+};
+const checkoutTableCells = {
+    created_at: (value) => (index.h("th", null,
+        index.h("div", { class: "fw-bold" },
+            utils.formatDate(value),
+            " "),
+        index.h("div", { class: "fw-bold" },
+            utils.formatTime(value),
+            " "))),
+    payment_amount: (value) => (index.h("td", null,
+        utils.formatCurrency(value, true, true),
+        " ")),
+    payment_description: (value) => (index.h("td", null, value)),
+    sub_account_name: (value) => (index.h("td", null, value)),
+    payment_mode: (value) => (index.h("td", null, value)),
+    status: (value) => (index.h("td", { innerHTML: MapCheckoutStatusToBadge(value) })),
+};
+
+exports.checkoutTableCells = checkoutTableCells;
+exports.checkoutTableColumns = checkoutTableColumns;
+exports.defaultColumnsKeys = defaultColumnsKeys;

package/dist/cjs/{custom-popper_5.cjs.entry.js → custom-popper_4.cjs.entry.js}

@@ -1879,7 +1879,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (index.h("div", { key: 'e426fcd8c6ed3026bd19b5f88d9fc8caea6dd2ad' }, index.h("style", { key: '2c6a3c8606f19df70d7fac866c60a1563456a20f' }, `
+        return (index.h("div", { key: '8a37af79ca05c760a65fde19686d0c2e796fbb0b' }, index.h("style", { key: '9a92807c0d688d1ddc86f05bcc39e34f1da2a939' }, `
           .popper-content {
             display: none;
           }
@@ -1887,21 +1887,7 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), index.h("div", { key: '3aafc7f4659c0b598586600cc44979c9b7425eae', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '2f338c682141c1610b265d8eca98a34678632c46' }))));
-    }
-};
-
-const FormControlErrorText = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.errorText = undefined;
-        this.name = undefined;
-    }
-    render() {
-        if (!this.errorText) {
-            return null;
-        }
-        return (index.h("small", { class: 'form-text text-danger', id: `form-error-text-${this.name}` }, this.errorText));
+          `), index.h("div", { key: 'fc9582fdc9d0b2e0ad115daad752796cd2bc4067', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '79ecc806af9caa4450969cd4b84868b59aa3f55b' }))));
     }
 };
 
@@ -1936,7 +1922,7 @@ const SelectInput = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'f76dcf05e5929448b9a89b1d4b6f18a6f7cae3e5', exportparts: "label,input,input-invalid" }, index.h("div", { key: '675bc78c7197ce8ded2cbdfb31b77fde5e12d9e5', class: "form-group d-flex flex-column" }, index.h("div", { key: 'a3f538fb4b3aba7e87071e1838c4d668cb217851', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '389d9573b53b4ea51492455dc88222714df33387', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'e0853d21ebd9e264e87b4707708bfbef3f50a4bb', helpText: this.helpText })), index.h("select", { key: '50d9af6ee9266eeb514a7b1512fb73b480f5e163', ref: el => (this.selectElement = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText ? 'input-invalid' : ''}`, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (index.h("option", { value: option.value }, option.label)))), index.h("form-control-error-text", { key: 'e199881b4ffd032059ea548202ce9fee94b9187a', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: '2825653443c2fdd8c6e059e03f9170fa0f293fe5', exportparts: "label,input,input-invalid" }, index.h("div", { key: '8eb3d38a99762d030b534cbb195e5f12da754ed4', class: "form-group d-flex flex-column" }, index.h("div", { key: 'ac41bf1269b5eec07e63eb9426d05684dac1aadc', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'ba1cd374fdb460b72ed509366a469c6d0cf9779e', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '7e81054e6daa2b19cae341126d49085d9c083602', helpText: this.helpText })), index.h("select", { key: '8eea54929eddbc98e71c0d8175e54b7e284a9f63', ref: el => (this.selectElement = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText ? 'input-invalid' : ''}`, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (index.h("option", { value: option.value }, option.label)))), index.h("form-control-error-text", { key: 'e980065897e2c26b3f787dc576d4c5ffaeb7bdd3', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
@@ -1977,7 +1963,7 @@ const TextInput = class {
         this.updateInput(this.defaultValue);
     }
     render() {
-        return (index.h(index.Host, { key: '242da84a35d52f4d44bcaaa1ec016487ffb5936e', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'a581089ec206ac71f586c837f53aec54e394776a', class: "form-group d-flex flex-column" }, index.h("div", { key: '88e11b4a8d79e72f63f80415b5dad74d8a47fa5b', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'd37f5e37ab6e46c43196638301e46410d70f753c', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '2702eabd98b632487a418facb33855bdb19b5167', helpText: this.helpText })), index.h("input", { key: 'e70affeeed2f0d0975a827e9d691a05c7732854f', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? " input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), index.h("form-control-error-text", { key: 'f1ba545bec21198a4e78e4989bf5703f17052642', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: '3450b693ae915280ba28a38613a9bd2ebb360677', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'f815c2ff679a73375cb2d12087ecf4a2bf17d5e4', class: "form-group d-flex flex-column" }, index.h("div", { key: '3119c59e3f7d6b547088b1eccab66641129ec71e', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '4e1cd66eb84cd6b3449bed5c1099627ad9ffa213', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'fc9bd0b06d2400a6109b93ec7c8cc7f4e8955e3b', helpText: this.helpText })), index.h("input", { key: '9d1d615016acd3611bee6d097ed15c3c926c5e76', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? " input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), index.h("form-control-error-text", { key: 'ac9f44ac5411a76c8b29f00ac4bfda91f5395e71', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -2007,7 +1993,6 @@ const TooltipComponent = class {
 };
 
 exports.custom_popper = CustomPopper;
-exports.form_control_error_text = FormControlErrorText;
 exports.form_control_select = SelectInput;
 exports.form_control_text = TextInput;
 exports.form_control_tooltip = TooltipComponent;

package/dist/cjs/dispute-30c806f6.js

@@ -0,0 +1,10 @@
+'use strict';
+
+exports.DisputeManagementClickEvents = void 0;
+(function (DisputeManagementClickEvents) {
+    DisputeManagementClickEvents["nextStep"] = "nextStep";
+    DisputeManagementClickEvents["previousStep"] = "previousStep";
+    DisputeManagementClickEvents["cancelDispute"] = "cancelDispute";
+    DisputeManagementClickEvents["counterDispute"] = "counterDispute";
+    DisputeManagementClickEvents["submit"] = "submit";
+})(exports.DisputeManagementClickEvents || (exports.DisputeManagementClickEvents = {}));