@justifi/webcomponents 5.7.5 → 5.7.6-rc-01

package/dist/cjs/{ComponentError-C4MdBBMe.js → ComponentError-CEv9ltwy.js}

@@ -8,10 +8,12 @@ exports.ComponentErrorCodes = void 0;
     ComponentErrorCodes["POST_ERROR"] = "post-error";
     ComponentErrorCodes["UNKNOWN_ERROR"] = "unknown-error";
     ComponentErrorCodes["TOKENIZE_ERROR"] = "tokenize-error";
+    ComponentErrorCodes["COMPLETE_CHECKOUT_ERROR"] = "complete-checkout-error";
     ComponentErrorCodes["NOT_AUTHENTICATED"] = "not-authenticated";
     ComponentErrorCodes["INVALID_PARAMETER"] = "invalid-parameter";
     ComponentErrorCodes["PROVISIONING_REQUESTED"] = "provisioning-already-requested";
     ComponentErrorCodes["INVALID_REFUND_AMOUNT"] = "invalid-refund-amount";
+    ComponentErrorCodes["VALIDATION_ERROR"] = "validation-error";
 })(exports.ComponentErrorCodes || (exports.ComponentErrorCodes = {}));
 exports.ComponentErrorSeverity = void 0;
 (function (ComponentErrorSeverity) {

package/dist/cjs/{Refund-DN-yzFgy.js → Refund-Dt1CMUjx.js}

@@ -2,6 +2,102 @@
 
 var utils = require('./utils-qOon0GWm.js');
 
+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 = exports.ICheckoutStatus[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;
+    }
+    formattedPaymentAmount(amount) {
+        return utils.formatCurrency(amount, this.payment_currency);
+    }
+}
+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 = {}));
+exports.ICheckoutPaymentModeParam = void 0;
+(function (ICheckoutPaymentModeParam) {
+    ICheckoutPaymentModeParam["bnpl"] = "bnpl";
+    ICheckoutPaymentModeParam["ecom"] = "ecom";
+})(exports.ICheckoutPaymentModeParam || (exports.ICheckoutPaymentModeParam = {}));
+exports.ICheckoutStatus = void 0;
+(function (ICheckoutStatus) {
+    ICheckoutStatus["created"] = "created";
+    ICheckoutStatus["completed"] = "completed";
+    ICheckoutStatus["attempted"] = "attempted";
+    ICheckoutStatus["expired"] = "expired";
+})(exports.ICheckoutStatus || (exports.ICheckoutStatus = {}));
+var CompletionStatuses;
+(function (CompletionStatuses) {
+    CompletionStatuses["failed"] = "failed";
+    CompletionStatuses["succeeded"] = "succeeded";
+})(CompletionStatuses || (CompletionStatuses = {}));
+
 var PaymentBalanceTxnType;
 (function (PaymentBalanceTxnType) {
     PaymentBalanceTxnType["payment"] = "payment";
@@ -341,6 +437,7 @@ class RefundPayload {
     }
 }
 
+exports.Checkout = Checkout;
 exports.EntityDocument = EntityDocument;
 exports.EntityDocumentStorage = EntityDocumentStorage;
 exports.PaymentBalanceTransaction = PaymentBalanceTransaction;

package/dist/cjs/bank-account-document-form-inputs_4.cjs.entry.js

@@ -3,11 +3,10 @@
 var index = require('./index-D5bL1DOi.js');
 require('./config-state-Dz9bnWHg.js');
 var utils$1 = require('./utils-qOon0GWm.js');
-require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+require('./ComponentError-CEv9ltwy.js');
+var Refund = require('./Refund-Dt1CMUjx.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-var Refund = require('./Refund-DN-yzFgy.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var businessFormOptions = require('./business-form-options-CMII7nIK.js');
@@ -100,10 +99,10 @@ const FileInput = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: 'c34cbf8874c33d945d81a93646372ac9dc687362' }, index.h("div", { key: 'cacf5f210a0adb6f408ac05efe4279d9eb1ae3b8', class: "form-group d-flex flex-column" }, index.h("div", { key: '936cb5268fa2c63f9931895f7a0b46ed5b4776ec', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '6dc1dd3be36337cc3c4bb72a4e4d42c6e7c2a239', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '4c4a2c965882e7e96d36b16e6448fa4efd003950', helpText: this.helpText })), index.h("input", { key: '469cf033fae879306ecbfdcdb9e6d74fdb4b4265', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '2f33f18c45bf27b27e3a3a633ba21ba90eee5ceb' }, index.h("div", { key: 'c749589536322fcc31a2ce7ccf1614c57881da36', class: "form-group d-flex flex-column" }, index.h("div", { key: 'c30a7d7ab3ade7898d74d0b0c638b7f76b05ad73', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '62a9d698290f4d02ec06f3c26327f7abfc6bf8dc', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '93636c12615e31be1091dce3a77e29c5b78620af', helpText: this.helpText })), index.h("input", { key: '0e6430bbf633b6228f09013f6ce60e0810759666', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), index.h(formControlErrorText.FormControlErrorText, { key: '7359b6f39ac038230ce1d2d60454a4d4e69c6bb9', errorText: this.errorText, name: this.name }))));
+            } }), index.h(formControlErrorText.FormControlErrorText, { key: '90d3406a0417e6073815a2f6e370c14ec614bf6a', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/bank-account-form.cjs.entry.js

@@ -0,0 +1,63 @@
+'use strict';
+
+var index = require('./index-D5bL1DOi.js');
+var skeleton = require('./skeleton-CbZBGO47.js');
+var configState = require('./config-state-Dz9bnWHg.js');
+require('./parts-9jMf1erK.js');
+require('./index-BCtVWU61.js');
+
+const BankAccountFormSkeleton = (props) => {
+    const { isReady } = props;
+    if (isReady) {
+        return null;
+    }
+    return (index.h("div", { class: "container-fluid p-0" },
+        index.h("div", { class: "row mb-3" },
+            index.h("div", { class: "col-12 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "120px" }),
+                index.h(skeleton.Skeleton, { height: "36px" }))),
+        index.h("div", { class: "row" },
+            index.h("div", { class: "col-12 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "110px" }),
+                index.h(skeleton.Skeleton, { height: "36px" })))));
+};
+
+const BankAccountForm = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.isReady = false;
+    }
+    async componentWillLoad() {
+        await configState.waitForConfig();
+        this.iframeOrigin = configState.configState.iframeOrigin;
+    }
+    componentDidRender() {
+        const elements = [
+            this.accountNumberIframeElement,
+            this.routingNumberIframeElement,
+        ];
+        Promise.all(elements.map((element) => {
+            return new Promise((resolve) => {
+                element.addEventListener('iframeLoaded', () => { resolve(); });
+            });
+        })).then(() => {
+            this.isReady = true;
+        });
+    }
+    async validate() {
+        const accountNumberIsValid = await this.accountNumberIframeElement.validate();
+        const routingNumberIsValid = await this.routingNumberIframeElement.validate();
+        return accountNumberIsValid && routingNumberIsValid;
+    }
+    async tokenize(clientId, paymentMethodMetadata, account) {
+        return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
+    }
+    render() {
+        return (index.h(index.Host, { key: '91e0861d760dfa016e72b8758c37b86ce3fe8225' }, index.h(BankAccountFormSkeleton, { key: '806f012f41018540d3e1be34cb6d03fc61174253', isReady: this.isReady }), index.h("div", { key: '4660ea1bac93feaa04d643c1bf7a34da790bf308', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, index.h("div", { key: '0d123854987108eb70d4818a2f909fafa6945109', class: "row mb-3" }, index.h("iframe-input", { key: '1520dbb02a93848e53dd2b4636c7951a20efe462', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '9365ffe0a279c92d7129c894afa52c7b2060573a', class: "row" }, index.h("iframe-input", { key: 'bfe10d4fd3f3aab6c035c03ce85e0786876adfce', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+    }
+};
+
+exports.bank_account_form = BankAccountForm;

package/dist/cjs/{business.service-U2eLTrq9.js → business.service-W2PRAU9J.js}

@@ -1,11 +1,10 @@
 'use strict';
 
 var Api = require('./Api-c8NBCwu4.js');
-require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+require('./ComponentError-CEv9ltwy.js');
+require('./Refund-Dt1CMUjx.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-require('./Refund-DN-yzFgy.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 

package/dist/cjs/card-form.cjs.entry.js

@@ -0,0 +1,71 @@
+'use strict';
+
+var index = require('./index-D5bL1DOi.js');
+var skeleton = require('./skeleton-CbZBGO47.js');
+var configState = require('./config-state-Dz9bnWHg.js');
+require('./parts-9jMf1erK.js');
+require('./index-BCtVWU61.js');
+
+const CardFormSkeleton = (props) => {
+    const { isReady } = props;
+    if (isReady) {
+        return null;
+    }
+    return (index.h("div", { class: "container-fluid p-0" },
+        index.h("div", { class: "mb-3" },
+            index.h(skeleton.Skeleton, { height: "18px", width: "100px" }),
+            index.h(skeleton.Skeleton, { height: "36px" })),
+        index.h("div", { class: "row" },
+            index.h("div", { class: "col-4 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "80px" }),
+                index.h(skeleton.Skeleton, { height: "36px" })),
+            index.h("div", { class: "col-4 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "36px" })),
+            index.h("div", { class: "col-4 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "30px" }),
+                index.h(skeleton.Skeleton, { height: "36px" })))));
+};
+
+const CardForm = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.isReady = false;
+    }
+    async componentWillLoad() {
+        await configState.waitForConfig();
+        this.iframeOrigin = configState.configState.iframeOrigin;
+    }
+    componentDidRender() {
+        const elements = [
+            this.cardNumberIframeElement,
+            this.expirationMonthIframeElement,
+            this.expirationYearIframeElement,
+            this.cvvIframeElement,
+        ];
+        Promise.all(elements.map((element) => {
+            return new Promise((resolve) => {
+                element.addEventListener('iframeLoaded', () => { resolve(); });
+            });
+        })).then(() => {
+            this.isReady = true;
+        });
+    }
+    async validate() {
+        const cardNumberIsValid = await this.cardNumberIframeElement.validate();
+        const expirationMonthIsValid = await this.expirationMonthIframeElement.validate();
+        const expirationYearIsValid = await this.expirationYearIframeElement.validate();
+        const cvvIsValid = await this.cvvIframeElement.validate();
+        return cardNumberIsValid && expirationMonthIsValid && expirationYearIsValid && cvvIsValid;
+    }
+    async tokenize(clientId, paymentMethodMetadata, account) {
+        return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
+    }
+    render() {
+        return (index.h(index.Host, { key: '0f8d1d7a069380709165302ab55b8f272eb1d721' }, index.h(CardFormSkeleton, { key: 'f269c934c7b1712cc82a58f6a52a98ae06de0427', isReady: this.isReady }), index.h("div", { key: 'af64a2c9bff9e71427605d863613810aabbbf50e', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, index.h("div", { key: 'b07542c92ca49a44a8c9ea04919ec3db14100cac', class: "mb-3" }, index.h("iframe-input", { key: 'a13821b11e3c3b9b5cfd42a967c5c708ee5fbb9e', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '4ffe80a04c90546ae26b7239d7a081c251b1e9a5', class: "d-flex align-items-start" }, index.h("div", { key: '8b86e21933299ace1eb6914ea003eb368f164945', class: "flex-fill me-3" }, index.h("iframe-input", { key: 'a1c4b27683e2685a4fe4da5ae7d86b9439ec90d9', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '614059cd2995bd630709b75e9e6c29c8134c8762', class: "flex-fill me-3" }, index.h("iframe-input", { key: '178b15d416591122cf271e63d633950fa6a67617', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: '097a78e72fa9eadd4b930b7eaf4afca5c3bf7d6b', class: "flex-fill" }, index.h("iframe-input", { key: 'cbe3bc2f75863d19a8e5345f0d2a68aa75a54a98', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+    }
+};
+
+exports.card_form = CardForm;

package/dist/cjs/{check-pkg-version-DuL7lRe2.js → check-pkg-version-Dn-3Aibs.js}

@@ -1,12 +1,11 @@
 'use strict';
 
-var _package = require('./package-o4g7MDiy.js');
+var _package = require('./package-ClqzRJoK.js');
 var Api = require('./Api-c8NBCwu4.js');
-require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+require('./ComponentError-CEv9ltwy.js');
+require('./Refund-Dt1CMUjx.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-require('./Refund-DN-yzFgy.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 

package/dist/cjs/{checkout.service-DtMzeEwi.js → checkout.service-XwOh98gt.js}

@@ -1,11 +1,10 @@
 'use strict';
 
 var Api = require('./Api-c8NBCwu4.js');
-require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+require('./ComponentError-CEv9ltwy.js');
+require('./Refund-Dt1CMUjx.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-require('./Refund-DN-yzFgy.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 

package/dist/cjs/checkout.store--pVCO0L1.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var index = require('./index-BCtVWU61.js');
+
+const initialState = {
+    accountId: '',
+    authToken: '',
+    billingFormFields: {
+        address_postal_code: '',
+    },
+    bnplEnabled: false,
+    bnplProviderApiVersion: '',
+    bnplProviderCheckoutUrl: '',
+    bnplProviderClientId: '',
+    bnplProviderMode: '',
+    checkoutId: '',
+    disableBankAccount: false,
+    disableBnpl: false,
+    disableCreditCard: false,
+    disablePaymentMethodGroup: false,
+    paymentAmount: 0,
+    paymentDescription: '',
+    paymentMethodGroupId: '',
+    paymentMethods: [],
+    selectedPaymentMethod: '',
+    totalAmount: 0,
+};
+const { state: checkoutStore, onChange } = index.createStore(initialState);
+Object.keys(initialState).forEach((key) => {
+    // @ts-ignore
+    onChange(key, (newValue) => {
+        checkoutStore[key] = newValue;
+    });
+});
+
+exports.checkoutStore = checkoutStore;
+exports.onChange = onChange;

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

@@ -3,11 +3,10 @@
 var index = require('./index-D5bL1DOi.js');
 require('./config-state-Dz9bnWHg.js');
 require('./utils-qOon0GWm.js');
-require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+require('./ComponentError-CEv9ltwy.js');
+require('./Refund-Dt1CMUjx.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-require('./Refund-DN-yzFgy.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var table = require('./table-CxvETNS1.js');
@@ -138,7 +137,7 @@ const CheckoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (index.h(table.TableWrapper, { key: '79f36b8dd358285868187892962f5e2138942fe8' }, index.h(table.TableComponent, { key: 'e48c644e425ac45ab27b92548bc49af35b599245' }, index.h(table.TableHead, { key: '6d47b68c0a74f0eff3146dfc4720b0cc0f6fc24d' }, index.h(table.TableHeadRow, { key: 'a3660ae82b53ba7dead2e577fd8d573426935dc6' }, this.checkoutsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '08fbd465bae0afa3de8d472c84e0410150509673' }, index.h(table.TableLoadingState, { key: 'ba7d778f9fc029166d6228fe9b1a8f1598a68c5a', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '312b176371526658852b74ae228524695f5c1947', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'a24680fb1d681397a3cb266ec34ab5c9310dfa64', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '503ffd707d958a353a18a6f06d1280a0cb01c741' }, index.h(table.TableFootRow, { key: '250fcfc3961881ab460221e5e0160d5b6d35e5c3' }, index.h(table.TableFootCell, { key: '2631d54b49bbee1502e5412cd9303d7d67746525', colSpan: this.checkoutsTable.columnData.length }, index.h("pagination-menu", { key: 'd7bb27501b62a1089090b06c82b2a2c328a2e0b6', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (index.h(table.TableWrapper, { key: 'c411d1c3a54fd8a331f0c5cdbae344e231482c0f' }, index.h(table.TableComponent, { key: '21774546f3500612497943869017fa7c712dff7e' }, index.h(table.TableHead, { key: 'c4e745ead905a393ff1b0cd0fba23db2fcc03ad8' }, index.h(table.TableHeadRow, { key: '88063d0baedd1febe0febcab1ccefc512accfd7d' }, this.checkoutsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: 'e2534bc13d9e015f127c5396bbe73545d92536b4' }, index.h(table.TableLoadingState, { key: '0f0958fa87403652880222365cf7f88dd33335cc', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), index.h(table.TableEmptyState, { key: '588bb80d518892791ed2134dd5405940e7c28db7', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '219cce1137232c64b7c9188042c4aaca7e0e91b6', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '16978b3be698ceabd1d19b9eaa3f85c01a862b83' }, index.h(table.TableFootRow, { key: 'cd26e5b6f03dff77e09dfb4f9962e7601b2e40dc' }, index.h(table.TableFootCell, { key: '508008cf682b393549a839453d4b4c2eee1f67a4', colSpan: this.checkoutsTable.columnData.length }, index.h("pagination-menu", { key: '688702c35e666def509ccb77b88b88ddd5e0d58a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

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

@@ -1,9 +1,6 @@
 'use strict';
 
 var index = require('./index-D5bL1DOi.js');
-var parts = require('./parts-9jMf1erK.js');
-var formControlErrorText = require('./form-control-error-text-CVPYL0lE.js');
-require('./event-types-YOY5TKUN.js');
 
 var top = 'top';
 var bottom = 'bottom';
@@ -1877,7 +1874,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (index.h("div", { key: '7ef56b941bf884c5a1416b373372748374bb204a' }, index.h("style", { key: 'ac2a710bea0939dd7f279968cfd33d789eba3a08' }, `
+        return (index.h("div", { key: 'ef187a8100be9de010408f04e4f2f65fcfdee096' }, index.h("style", { key: 'c3e6cd76e7db2703a3b6053a9448290d27f47513' }, `
           .popper-content {
             display: none;
           }
@@ -1885,125 +1882,8 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), index.h("div", { key: 'f34a15bd8122833ed8b188cd0519588f2da78bb9', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '54d97c9be7fe9c33584156569c927e2108cab331' }))));
-    }
-};
-
-const SelectInput = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput");
-        this.formControlBlur = index.createEvent(this, "formControlBlur");
-        this.isFocused = false;
-        this.handleFormControlInput = (event) => {
-            const target = event.target;
-            const name = target.getAttribute('name');
-            this.inputHandler(name, target.value);
-            this.formControlInput.emit(target.value);
-        };
-        this.updateInput = (newValue) => {
-            this.selectElement.value = newValue;
-        };
-    }
-    handleDefaultValueChange(newValue) {
-        this.updateInput(newValue);
-    }
-    componentDidLoad() {
-        this.updateInput(this.defaultValue);
-    }
-    get part() {
-        let part = parts.input;
-        if (this.errorText) {
-            part = parts.inputInvalid;
-        }
-        if (this.disabled) {
-            part = parts.inputDisabled;
-        }
-        if (this.isFocused) {
-            part = parts.inputFocused;
-        }
-        return part;
-    }
-    render() {
-        var _a;
-        return (index.h(index.Host, { key: 'f55283c73225466b10cec78e6e5ff1c268142d1b' }, index.h("div", { key: '48beb377ca664b867598f8e472a3bb4825aecf9b', class: "form-group d-flex flex-column" }, index.h("div", { key: '13debfb6a725d7f247eb5601e3361a3964b826e9', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '15ac64fb03a5c1cb8f55c18bd7eb41d66328e599', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '3d8b43ed6e997234f7c64daf41b2286bec93340e', helpText: this.helpText })), index.h("select", { key: '1c3eb5699a0b76c694a02fe50e8070483b2960e6', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
-                this.isFocused = false;
-                this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, 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(formControlErrorText.FormControlErrorText, { key: 'd223fd1fad44de99812b0e3a3429e3931b798c2c', errorText: this.errorText, name: this.name }))));
-    }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-const TextInput = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput");
-        this.formControlBlur = index.createEvent(this, "formControlBlur");
-        this.isFocused = false;
-        this.handleFormControlInput = (event) => {
-            const target = event.target;
-            const name = target.getAttribute('name');
-            this.inputHandler(name, target.value);
-            this.formControlInput.emit({ name, value: target.value });
-        };
-        this.updateInput = (newValue) => {
-            const inputElement = this.el.querySelector('input');
-            if (inputElement) {
-                inputElement.value = newValue || '';
-            }
-        };
-    }
-    handleDefaultValueChange(newValue) {
-        this.updateInput(newValue);
-    }
-    componentDidLoad() {
-        this.updateInput(this.defaultValue);
-    }
-    get part() {
-        if (this.errorText) {
-            return parts.inputInvalid;
-        }
-        if (this.disabled) {
-            return parts.inputDisabled;
-        }
-        if (this.isFocused) {
-            return parts.inputFocused;
-        }
-        return parts.input;
-    }
-    render() {
-        return (index.h(index.Host, { key: '9ceda4ac9f8bd1ab572652b1818672948ad7d66f' }, index.h("div", { key: 'da631a05be3b84ca86a91a360eb7f6a3a3468b78', class: "form-group d-flex flex-column" }, index.h("div", { key: 'd5c5b7fe29e611806c63e43aa99c9831d4e8ba35', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '327ca9d8520ba4814104667da7cd8275489431ee', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '32678aefb28b06734c80e1f37b5c4b546ad0770b', helpText: this.helpText })), index.h("input", { key: '85152fdebfa1081e84e2c8adf760e4f7f6a94ea0', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
-                this.isFocused = false;
-                this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), index.h(formControlErrorText.FormControlErrorText, { key: 'd0d8bd801df53a377010b89167d30ded49bc2cdc', errorText: this.errorText, name: this.name }))));
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-const TooltipComponent = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    show() {
-        this.tooltip.classList.add('show');
-    }
-    hide() {
-        this.tooltip.classList.remove('show');
-    }
-    render() {
-        if (!this.helpText) {
-            return null;
-        }
-        return (index.h("div", { class: "tooltip-container" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", class: "bi bi-question-square tooltip-icon", viewBox: "0 0 16 16", ref: (el) => (this.anchorIcon = el), part: parts.tooltipIcon }, index.h("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z" }), index.h("path", { d: "M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94" })), index.h("custom-popper", { trigger: "hover", placement: "top", anchorRef: this.anchorIcon }, index.h("div", { class: "tooltip bs-tooltip-top", part: parts.tooltip, role: "tooltip", ref: (el) => (this.tooltip = el) }, index.h("div", { class: "tooltip-inner", part: parts.tooltipInner }, this.helpText)))));
+          `), index.h("div", { key: 'c580384fa4e1bedd9c365c2f29b57bd2639e3aaa', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: 'e60f03801976ec3379e4d6e3118a92c18b5c0549' }))));
     }
 };
 
 exports.custom_popper = CustomPopper;
-exports.form_control_select = SelectInput;
-exports.form_control_text = TextInput;
-exports.form_control_tooltip = TooltipComponent;

package/dist/cjs/{dispute.service-CGVAs-5M.js → dispute.service-Dh82Wru1.js}

@@ -1,11 +1,10 @@
 'use strict';
 
 var Api = require('./Api-c8NBCwu4.js');
-require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+require('./ComponentError-CEv9ltwy.js');
+require('./Refund-Dt1CMUjx.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-require('./Refund-DN-yzFgy.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 

package/dist/cjs/form-control-checkbox.cjs.entry.js

@@ -39,10 +39,10 @@ const CheckboxInput = class {
         return parts.inputCheckbox;
     }
     render() {
-        return (index.h(index.Host, { key: 'ec1a11fd6b5d97b4a6136b91b750c0fde7f9e7fd' }, index.h("div", { key: 'b56aa5fb171204bcebffa8aa22e8b5cc7ae8daf1', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'da21623174fbc8fca6f063771f234f755945a838', class: "form-check" }, index.h("input", { key: 'f78acb43994063f81d823907378b9aa71a752f66', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'cb878f1f74f6b677e33e07b61eb39f1b16c567c1' }, index.h("div", { key: '167df136f1b44f0bf858d2ed4c8cddf67afe05fa', class: 'form-group d-flex flex-column' }, index.h("div", { key: '74e3a823e0c6c6a64de50ebb68be2241fb6dd8ba', class: "form-check" }, index.h("input", { key: '65c82ac502370c5b55800c2190fef383368639cf', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), index.h("label", { key: '7ae4a71d065ef48cc261a4850b6baac79640836c', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: 'cb50d3eebf345d1db44cf377da8b3c1f709b733c', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '20990b29fe22a5126a304788feb2c0498fb4925b', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), index.h("label", { key: '69a428f166d8a46f483c72c954ed6e2b17b81584', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: 'a9baa778379ae26189b96983ee9a3279020b2d94', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: 'e1d9e8d4996777ec30978ece5b03892044e1a95e', errorText: this.errorText, name: this.name }))));
     }
 };
 

package/dist/cjs/form-control-date.cjs.entry.js

@@ -49,10 +49,10 @@ const DateInput = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: '5360f4917c4af8d4e40522a25e838703d8374480' }, index.h("div", { key: '56a3a99c81ebbf00d1ff5befa1a96363660806ae', class: "form-group d-flex flex-column" }, index.h("div", { key: '5556531a79f39fecd1cc4027568bc3642f68ed68', class: "d-flex gap-2" }, index.h("label", { key: 'b722b7e91adaf94c57698cf5743d43d8cbb04957', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '109aabf5047eebe8254ed49379b297af05f68ac2', helpText: this.helpText })), index.h("input", { key: 'eb9862be33313981dccda15889d315893344ff41', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'aba03d207c431a08d380ac058af828c295b594f7' }, index.h("div", { key: 'c1a64293005369e2e31fb5ed0e190c5de03d0ea8', class: "form-group d-flex flex-column" }, index.h("div", { key: '59688afd0b5e558e185e5e0db079b37a20fd86bb', class: "d-flex gap-2" }, index.h("label", { key: '1523b0e40973eae06b1667ab903f7fa1f4cfcb11', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'ed2a4f5c67e59b9d3161d83c3d128e04b404f6ff', helpText: this.helpText })), index.h("input", { key: '747544d1efcd84f71ba2cb918919381f3e93a102', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), index.h(formControlErrorText.FormControlErrorText, { key: '01217373b82eee84fae370f504cfee157c6f83ec', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), index.h(formControlErrorText.FormControlErrorText, { key: '5e8ae080996677daf725a6ec33078a2f57a93866', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/cjs/form-control-file-v2_2.cjs.entry.js

@@ -11,7 +11,7 @@ const FileInput = class {
         this.formControlBlur = index.createEvent(this, "formControlBlur");
     }
     render() {
-        return (index.h(index.Host, { key: 'a047767dfcdd22535de0f797e05ba1124f5476c1', exportparts: "label,input,input-invalid" }, index.h("div", { key: '2b2eba9c135edc67135ee1fac2ddae29714a8139', class: "form-group d-flex flex-column" }, index.h("div", { key: 'c7825bbeef90e85d43d9690da84f14c802520d68', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '3b9a273ee2d27edc17d6798fd5bb161650368c88', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'efb7ad8c5040a615d1c0ed8923c75e477294d6a4', helpText: this.helpText })), index.h("input", { key: '212de1de46ec3392e12535f137232328dbdf4681', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), index.h(formControlErrorText.FormControlErrorText, { key: '573f0ddd4238786336d0a78c59b434bc83d8bb02', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: 'f8c95c4ffb51065ab139413a562a2a9a228860ed', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'dab3e9b8f432ab84d32c479dc5a7c3aff292d4d1', class: "form-group d-flex flex-column" }, index.h("div", { key: '48af26bf174f393270da0170470e5ad14c401181', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '6d6c5c6660f6851322a54af80a220c4c37eaa16a', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '3222a9ba3a6b4ffdeede44ccf1dac6fc7a974c1d', helpText: this.helpText })), index.h("input", { key: '3954f9ca95278ac082ebc5c213fd337eaf65192e', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), index.h(formControlErrorText.FormControlErrorText, { key: '1a391573e3dbe383a4108c32f2f2f4cb0dbbd1c7', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -57,10 +57,10 @@ const TextInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: 'b1f6375f194cbbda1b2a7d6b421a1491cafc05cb' }, index.h("div", { key: 'c372f254b00a9a50505cc9473ad138cebcf5495b', class: "form-group d-flex flex-column" }, index.h("label", { key: 'bea34d76380a9892fd30e3ae1e8cd4e11c3edcae', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '06f7fd1ac978e0f82adbd1cad272fa5c627bd88d', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'd0b98d212fc77b580dbc95ffbd4968e116a4ea68' }, index.h("div", { key: 'e2f15c7d68df28274470385c5417bd41ba4658a2', class: "form-group d-flex flex-column" }, index.h("label", { key: 'd1ece77c3c00a1ca83bb56b6cd990c04c5148a58', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '9b299c1201c42a700720d39a58b8088768efd3b7', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), index.h("form-control-help-text", { key: '2375f0026db86411561e3381e8ca487859cc432c', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'def27e9c4e4add94e0ecc5a5c3579c754a17fbad', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), index.h("form-control-help-text", { key: '3e302298cde7d5b7572f8afa9c154ab9c5f3a36e', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'd0609429f696b59661135f0c4da2b2a90e508964', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {