@justifi/webcomponents 5.4.4 → 5.6.0

package/dist/collection/components/checkout/payment-method-options.js

@@ -3,20 +3,7 @@ import { PaymentMethodTypes } from "../../api/Payment";
 import { PaymentMethodOption } from "./payment-method-option-utils";
 export class PaymentMethodOptions {
     constructor() {
-        this.showCard = undefined;
-        this.showAch = undefined;
-        this.showBnpl = undefined;
-        this.showSavedPaymentMethods = undefined;
-        this.paymentMethodGroupId = undefined;
-        this.bnpl = undefined;
-        this.insuranceToggled = undefined;
-        this.authToken = undefined;
-        this.accountId = undefined;
         this.savedPaymentMethods = [];
-        this.paymentAmount = undefined;
-        this.hideCardBillingForm = undefined;
-        this.iframeOrigin = undefined;
-        this.selectedPaymentMethodId = undefined;
         this.paymentMethodOptions = [];
     }
     async fillBillingForm(fields) {
@@ -57,15 +44,20 @@ export class PaymentMethodOptions {
         var _a;
         return await ((_a = this.selectedPaymentMethodOptionRef) === null || _a === void 0 ? void 0 : _a.resolvePaymentMethod(insuranceValidation));
     }
+    async validate() {
+        const newPaymentMethodElement = this.selectedPaymentMethodOptionRef;
+        const isValid = await newPaymentMethodElement.validate();
+        return { isValid: isValid };
+    }
     render() {
         var _a;
-        return (h(Host, { key: '2d3dc8bc98cea3efbcf342a31b6883f30099b031' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
+        return (h(Host, { key: '2cf31e17412eb30afabe6749b86b7d1a6f308114' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
             const newCard = paymentMethodOption.id === PaymentMethodTypes.card;
             const newBankAccount = paymentMethodOption.id === PaymentMethodTypes.bankAccount;
             const isSelected = this.selectedPaymentMethodId === paymentMethodOption.id;
             const sezzle = paymentMethodOption.id === PaymentMethodTypes.sezzle;
             if (newCard || newBankAccount) {
-                return (h("justifi-new-payment-method", { paymentMethodOption: paymentMethodOption, authToken: this.authToken, "account-id": this.accountId, "is-selected": isSelected, paymentMethodGroupId: this.paymentMethodGroupId, hideCardBillingForm: this.hideCardBillingForm, iframeOrigin: this.iframeOrigin, ref: (el) => {
+                return (h("justifi-new-payment-method", { paymentMethodOption: paymentMethodOption, authToken: this.authToken, "account-id": this.accountId, "is-selected": isSelected, "show-card": this.showCard, "show-ach": this.showAch, paymentMethodGroupId: this.paymentMethodGroupId, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, iframeOrigin: this.iframeOrigin, ref: (el) => {
                         if (isSelected) {
                             this.selectedPaymentMethodOptionRef = el;
                         }
@@ -92,6 +84,7 @@ export class PaymentMethodOptions {
         return {
             "showCard": {
                 "type": "boolean",
+                "attribute": "show-card",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -104,11 +97,13 @@ export class PaymentMethodOptions {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "show-card",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "showAch": {
                 "type": "boolean",
+                "attribute": "show-ach",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -121,11 +116,13 @@ export class PaymentMethodOptions {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "show-ach",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "showBnpl": {
                 "type": "boolean",
+                "attribute": "show-bnpl",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -138,11 +135,13 @@ export class PaymentMethodOptions {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "show-bnpl",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "showSavedPaymentMethods": {
                 "type": "boolean",
+                "attribute": "show-saved-payment-methods",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -155,11 +154,13 @@ export class PaymentMethodOptions {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "show-saved-payment-methods",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "paymentMethodGroupId": {
                 "type": "string",
+                "attribute": "payment-method-group-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -172,11 +173,13 @@ export class PaymentMethodOptions {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "payment-method-group-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "bnpl": {
                 "type": "unknown",
+                "attribute": "bnpl",
                 "mutable": false,
                 "complexType": {
                     "original": "IBnpl",
@@ -194,10 +197,13 @@ export class PaymentMethodOptions {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "insuranceToggled": {
                 "type": "boolean",
+                "attribute": "insurance-toggled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -210,11 +216,13 @@ export class PaymentMethodOptions {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "insurance-toggled",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "authToken": {
                 "type": "string",
+                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -227,11 +235,13 @@ export class PaymentMethodOptions {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "auth-token",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "accountId": {
                 "type": "string",
+                "attribute": "account-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -244,11 +254,13 @@ export class PaymentMethodOptions {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "account-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "savedPaymentMethods": {
                 "type": "unknown",
+                "attribute": "saved-payment-methods",
                 "mutable": false,
                 "complexType": {
                     "original": "any[]",
@@ -261,10 +273,13 @@ export class PaymentMethodOptions {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "[]"
             },
             "paymentAmount": {
                 "type": "number",
+                "attribute": "payment-amount",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -277,11 +292,13 @@ export class PaymentMethodOptions {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "payment-amount",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "hideCardBillingForm": {
                 "type": "boolean",
+                "attribute": "hide-card-billing-form",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -294,11 +311,32 @@ export class PaymentMethodOptions {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "hide-card-billing-form",
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "hideBankAccountBillingForm": {
+                "type": "boolean",
+                "attribute": "hide-bank-account-billing-form",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "iframeOrigin": {
                 "type": "string",
+                "attribute": "iframe-origin",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -311,7 +349,8 @@ export class PaymentMethodOptions {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "iframe-origin",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };
@@ -326,10 +365,10 @@ export class PaymentMethodOptions {
         return {
             "fillBillingForm": {
                 "complexType": {
-                    "signature": "(fields: BillingFormFields | PostalFormFields) => Promise<void>",
+                    "signature": "(fields: BillingFormFields) => Promise<void>",
                     "parameters": [{
                             "name": "fields",
-                            "type": "BillingFormFields | PostalFormFields",
+                            "type": "BillingFormFields",
                             "docs": ""
                         }],
                     "references": {
@@ -339,13 +378,8 @@ export class PaymentMethodOptions {
                         },
                         "BillingFormFields": {
                             "location": "import",
-                            "path": "./billing-forms/billing-form-schema",
-                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::BillingFormFields"
-                        },
-                        "PostalFormFields": {
-                            "location": "import",
-                            "path": "./billing-forms/billing-form-schema",
-                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::PostalFormFields"
+                            "path": "./billing-form/billing-form-schema",
+                            "id": "src/components/checkout/billing-form/billing-form-schema.ts::BillingFormFields"
                         },
                         "HTMLJustifiNewPaymentMethodElement": {
                             "location": "global",
@@ -384,6 +418,27 @@ export class PaymentMethodOptions {
                     "text": "",
                     "tags": []
                 }
+            },
+            "validate": {
+                "complexType": {
+                    "signature": "() => Promise<{ isValid: boolean; }>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "HTMLJustifiNewPaymentMethodElement": {
+                            "location": "global",
+                            "id": "global::HTMLJustifiNewPaymentMethodElement"
+                        }
+                    },
+                    "return": "Promise<{ isValid: boolean; }>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
             }
         };
     }

package/dist/collection/components/checkout/saved-payment-method.js

@@ -7,8 +7,6 @@ export class SavedPaymentMethod {
             e.preventDefault();
             this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
         };
-        this.paymentMethodOption = undefined;
-        this.isSelected = undefined;
     }
     async resolvePaymentMethod(insuranceValidation) {
         var _a;
@@ -27,6 +25,7 @@ export class SavedPaymentMethod {
         return {
             "paymentMethodOption": {
                 "type": "unknown",
+                "attribute": "payment-method-option",
                 "mutable": false,
                 "complexType": {
                     "original": "PaymentMethodOption",
@@ -44,10 +43,13 @@ export class SavedPaymentMethod {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "isSelected": {
                 "type": "boolean",
+                "attribute": "is-selected",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -60,7 +62,8 @@ export class SavedPaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "is-selected",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

package/dist/collection/components/checkout/sezzle-payment-method.js

@@ -40,15 +40,6 @@ export class SezzlePaymentMethod {
             this.sezzleCheckout = checkout;
             this.installmentPlan = this.sezzleCheckout.getInstallmentPlan(amount);
         };
-        this.bnpl = undefined;
-        this.clientId = undefined;
-        this.accountId = undefined;
-        this.paymentMethodOption = undefined;
-        this.isSelected = undefined;
-        this.paymentAmount = undefined;
-        this.installmentPlan = undefined;
-        this.sezzleCheckout = undefined;
-        this.sezzlePromise = undefined;
     }
     componentDidRender() {
         this.scriptRef.onload = () => {
@@ -72,6 +63,7 @@ export class SezzlePaymentMethod {
         return {
             "bnpl": {
                 "type": "any",
+                "attribute": "bnpl",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -84,11 +76,13 @@ export class SezzlePaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "bnpl",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "clientId": {
                 "type": "string",
+                "attribute": "client-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -101,11 +95,13 @@ export class SezzlePaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "client-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "accountId": {
                 "type": "string",
+                "attribute": "account-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -118,11 +114,13 @@ export class SezzlePaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "account-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "paymentMethodOption": {
                 "type": "unknown",
+                "attribute": "payment-method-option",
                 "mutable": false,
                 "complexType": {
                     "original": "PaymentMethodOption",
@@ -140,10 +138,13 @@ export class SezzlePaymentMethod {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "isSelected": {
                 "type": "boolean",
+                "attribute": "is-selected",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -156,11 +157,13 @@ export class SezzlePaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "is-selected",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "paymentAmount": {
                 "type": "number",
+                "attribute": "payment-amount",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -173,7 +176,8 @@ export class SezzlePaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "payment-amount",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

package/dist/collection/components/checkouts-list/checkouts-list-core.js

@@ -8,6 +8,11 @@ import { table, tableCell } from "../../styles/parts";
 import { TableClickActions } from "../../ui-components/table/event-types";
 export class CheckoutsListCore {
     constructor() {
+        this.checkouts = [];
+        this.subAccounts = [];
+        this.loading = true;
+        this.paging = pagingDefaults;
+        this.pagingParams = {};
         this.handleClickPrevious = (beforeCursor) => {
             this.pagingParams = { before_cursor: beforeCursor };
             this.clickEvent.emit({ name: TableClickActions.previous });
@@ -23,16 +28,6 @@ export class CheckoutsListCore {
             const checkoutData = this.checkouts.find((checkout) => checkout.id === clickedCheckoutID);
             this.clickEvent.emit({ name: TableClickActions.row, data: checkoutData });
         };
-        this.getCheckouts = undefined;
-        this.getSubAccounts = undefined;
-        this.columns = undefined;
-        this.checkouts = [];
-        this.checkoutsTable = undefined;
-        this.subAccounts = [];
-        this.loading = true;
-        this.errorMessage = undefined;
-        this.paging = pagingDefaults;
-        this.pagingParams = {};
     }
     updateOnPropChange() {
         this.fetchData();
@@ -124,13 +119,14 @@ export class CheckoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: 'f94305b4a7c89d0d675e336eaac39c23328c9d98' }, h("div", { key: 'a43bbfee75303e2f88f6338933b0680e024d03fc', class: "table-wrapper" }, h("table", { key: 'd689db93b4d812c64eb074b0322e5ffc9087ec9f', class: "table table-hover", part: table }, h("thead", { key: '57f3a2e2f14af58787f9a68cbc12caf28834eea1', class: "table-head sticky-top" }, h("tr", { key: '7918b371db5dc1cd959e58a7be212faacc6e8f2c', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: '7ad39d5e2e91956d5c8bb7626e050ec5403c5aac', class: "table-body" }, h(TableLoadingState, { key: '327b6dc83a4937cae7e356185613006630b40884', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '559bf67b3fb6b959b0114a6e50a8b3ac00d518ac', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'f5e277558e63cdb335b52aaa162d7818850ca421', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.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: '7f34a1d78f45d33f95a2c23904ac0741124b9316', class: "sticky-bottom" }, h("tr", { key: '4f91985c1ae00640ef3d29b20e9cb28240f36c21', class: "table-light align-middle" }, h("td", { key: '75d32d3c6ca4882d8e50e44a13a4081bac4c9515', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '81ec71b698e4ae3739440c7439125124f68086e0', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '0dd82ae052b98ada5c277a6472c43992d43485a5', class: "table-wrapper" }, h("table", { key: 'd8bc8f4a0fe8cb778397529704d86815876e831c', class: "table table-hover", part: table }, h("thead", { key: 'b38366e22402d695e20bb713a0c4e38d06e5043f', class: "table-head sticky-top" }, h("tr", { key: '8a82e88f24aaa6bec09de27ec439083572cf617c', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: 'fc09f4d4263d588fc1002657f6f535097069c16b', class: "table-body" }, h(TableLoadingState, { key: 'beb188a8b7e19eb8516c84727b365e38fb9f07b2', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '5b8945e459c72cb21da62a1ad24f5a409b442137', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '39b99e63e8759221589be8053a88b74d37d78013', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.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: '8effcd26c82977391f8487b80fabe954694338f8', class: "sticky-bottom" }, h("tr", { key: 'cc95a3c59060b0cbc44a39a66c8061912f4c995f', class: "table-light align-middle" }, h("td", { key: '54850b1384a006b4a0a70d465bfac1c94698be9a', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'b3f5da967dbd19bf1018fea9a926885ed0f40865', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "checkouts-list-core"; }
     static get properties() {
         return {
             "getCheckouts": {
                 "type": "unknown",
+                "attribute": "get-checkouts",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -147,10 +143,13 @@ export class CheckoutsListCore {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "getSubAccounts": {
                 "type": "unknown",
+                "attribute": "get-sub-accounts",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -167,10 +166,13 @@ export class CheckoutsListCore {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "columns": {
                 "type": "string",
+                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -183,7 +185,8 @@ export class CheckoutsListCore {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "columns",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

package/dist/collection/components/checkouts-list/checkouts-list-filters.js

@@ -8,8 +8,6 @@ export class CheckoutsListFilters {
         this.setParamsOnChange = (name, value) => {
             filterParams[name] = value;
         };
-        this.checkoutStatus = undefined;
-        this.paymentMode = undefined;
     }
     componentWillLoad() {
         const propsToSet = {
@@ -40,7 +38,7 @@ export class CheckoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'c1af53aa366b42a96b73bc7e3880a00f91d38d40' }, h("table-filters-menu", { key: 'fd5826776be41b7f8ddb71459733047be623214b', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '8ebcb618fb95e79dc350b9c4f95af5cedef47dc7', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '449b7ba6d1b0839c8f79f614d0b4be56398e0719', class: "p-2" }, h("form-control-select", { key: '91a04afd5fdf302803ac46373aa752d53421dc3b', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: 'a0e1cb069b14ae3375d643e25206bd4438fefbc1', class: "p-2" }, h("form-control-select", { key: 'f576dcfa1a6d7221094cea7e4f0008a47b2af56a', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
+        return (h(StyledHost, { key: 'bcae6fee83117dde40a29ebcab8e85089bcdc37e' }, h("table-filters-menu", { key: '56c6a5d205836fe010917f0f0d978507cf227a3f', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'c82691f9b863368a2b7523dc7d9d348c3fe2e776', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9abbb01e53139ebd376a638400b199d88288b175', class: "p-2" }, h("form-control-select", { key: '3859777cf1f4ee451a65440a90dfe9e5f4a2f069', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '3c23d4b820ea2424d6ddc01e6952c8c46cd7d975', class: "p-2" }, h("form-control-select", { key: 'c376228f82419b959b3fefa6b32d25c584c6ea3b', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
     }
     static get is() { return "justifi-checkouts-list-filters"; }
     static get encapsulation() { return "shadow"; }
@@ -48,6 +46,7 @@ export class CheckoutsListFilters {
         return {
             "checkoutStatus": {
                 "type": "string",
+                "attribute": "checkout-status",
                 "mutable": false,
                 "complexType": {
                     "original": "ICheckoutStatus",
@@ -66,11 +65,13 @@ export class CheckoutsListFilters {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "checkout-status",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "paymentMode": {
                 "type": "string",
+                "attribute": "payment-mode",
                 "mutable": false,
                 "complexType": {
                     "original": "ICheckoutPaymentModeParam",
@@ -89,7 +90,8 @@ export class CheckoutsListFilters {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "payment-mode",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };