@justifi/webcomponents 5.7.6-rc-20 → 5.7.6-rc-21

package/dist/collection/components/modular-checkout/sub-components/{postal-code-form.js → bank-account-billing-form-simple.js}

@@ -1,27 +1,17 @@
 import { h } from "@stencil/core";
-import { StyledHost } from "../../../ui-components";
-import { numberOnlyHandler } from "../../../ui-components/form/utils";
+import { nameOnlySchema } from "../../checkout/billing-form/billing-form-schema";
+import { billingForm } from "../../../styles/parts";
 import { FormController } from "../../../ui-components/form/form";
-import { billingFormSchema } from "./billing-form-schema";
-import { onChange } from "../../../store/checkout.store";
-export class PostalCodeForm {
+import { StyledHost } from "../../../ui-components";
+export class BankAccountBillingFormSimple {
     constructor() {
         this.errors = {};
         this.inputHandler = (name, value) => {
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
         };
     }
-    connectedCallback() {
-        this.unsubscribe = onChange('billingFormFields', (newValue) => {
-            this.formController.setInitialValues(newValue);
-        });
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.unsubscribe) === null || _a === void 0 ? void 0 : _a.call(this);
-    }
     componentWillLoad() {
-        this.formController = new FormController(billingFormSchema(true));
+        this.formController = new FormController(nameOnlySchema());
     }
     componentDidLoad() {
         this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
@@ -36,15 +26,39 @@ export class PostalCodeForm {
         this.formController.setInitialValues(fields);
     }
     async validate() {
-        let isValid = await this.formController.validate();
-        return { isValid: isValid };
+        const isValid = await this.formController.validate();
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: '5ad010bc8968661c250eb3b029e93026cc6545e7' }, h("form", { key: 'cbe9d05605241f7c2c8d48b7e12bbaa3f83b3724' }, h("form-control-text", { key: 'bfe2ffa8ec34b564127426b220d64fce0809361c', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))));
+        return (h(StyledHost, { key: '81a8511265b4813817b4cf183aa176b464645e85' }, h("div", { key: '7dddd3ec7822077268c73da7d0f34a691ddde1cb', part: billingForm, class: "mt-4" }, h("form", { key: '1c9000a4b022209129cf511d79a77cf3dc44b77e' }, h("fieldset", { key: '134c349c5745197b5ebb79b31748bf480e1cab7a' }, this.legend && (h("legend", { key: 'fb8e12086fd6fb51f7456d8fc6e82a9184514d4f' }, this.legend)), h("div", { key: 'a49ae2d182e442efbe44aae7c2e0a4e40dabe7d7', class: "row gy-3" }, h("div", { key: '2be4b2aab266d0fc17f32237693dea8578c7545d', class: "col-12" }, h("form-control-text", { key: '92d1b3b05ba04212e46feecfd886f7dcc912e4fe', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
     }
-    static get is() { return "justifi-postal-code-form"; }
+    static get is() { return "justifi-bank-account-billing-form-simple"; }
     static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "legend": {
+                "type": "string",
+                "attribute": "legend",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
     static get states() {
         return {
             "formController": {},
@@ -65,8 +79,8 @@ export class PostalCodeForm {
                         },
                         "BillingFormFields": {
                             "location": "import",
-                            "path": "./billing-form-schema",
-                            "id": "src/components/modular-checkout/sub-components/billing-form-schema.ts::BillingFormFields"
+                            "path": "../../checkout/billing-form/billing-form-schema",
+                            "id": "src/components/checkout/billing-form/billing-form-schema.ts::BillingFormFields"
                         }
                     },
                     "return": "Promise<BillingFormFields>"
@@ -91,8 +105,8 @@ export class PostalCodeForm {
                         },
                         "BillingFormFields": {
                             "location": "import",
-                            "path": "./billing-form-schema",
-                            "id": "src/components/modular-checkout/sub-components/billing-form-schema.ts::BillingFormFields"
+                            "path": "../../checkout/billing-form/billing-form-schema",
+                            "id": "src/components/checkout/billing-form/billing-form-schema.ts::BillingFormFields"
                         }
                     },
                     "return": "Promise<void>"
@@ -104,7 +118,7 @@ export class PostalCodeForm {
             },
             "validate": {
                 "complexType": {
-                    "signature": "() => Promise<{ isValid: boolean; }>",
+                    "signature": "() => Promise<{ isValid: boolean; errors: any; }>",
                     "parameters": [],
                     "references": {
                         "Promise": {
@@ -112,7 +126,7 @@ export class PostalCodeForm {
                             "id": "global::Promise"
                         }
                     },
-                    "return": "Promise<{ isValid: boolean; }>"
+                    "return": "Promise<{ isValid: boolean; errors: any; }>"
                 },
                 "docs": {
                     "text": "",

package/dist/collection/components/modular-checkout/sub-components/bank-account.js

@@ -40,10 +40,10 @@ export class BankAccountForm {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: 'ff15c98bae7f78f81f48db8314ceda2902056210' }, h(BankAccountFormSkeleton, { key: 'bd874e12ddec0df3f6e8c73b2ff25fbda7cf626e', isReady: this.isReady }), h("hidden-input", { key: 'a4ead10782d1dabcf7b0c3ca6d67263e134b79b0' }), h("div", { key: '5557ebe982d2fe51a03a6d124e22045dbe94f3f1', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '653403782a62c5a2ea0675f9633c7197503c9ab7' }, h(BankAccountFormSkeleton, { key: '63f13c4e3c7ca588a17837faeca840302675c927', isReady: this.isReady }), h("hidden-input", { key: '7d825c7c130942e751f3ba17d195e979c406f4a6' }), h("div", { key: 'd9fec72e9526c9dadd3cae0af98d99b024320a2c', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'e2ffdae6b516fb62642f274b995a5670a0c3ea7a', class: "row mb-3" }, h("iframe-input", { key: 'e189e5d5589d542db0aaf3c628a16760888d83ba', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: 'ad2617da7b2d199aedaf1e51709817b9c172542d', class: "row" }, h("iframe-input", { key: 'd1ec652e802e083580ff033c365ffe2e7d6ffdd1', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, h("div", { key: '22047ead687c0eb6cb724343091eac42760d93a4', class: "row mb-3" }, h("iframe-input", { key: '5f5a1300d37439b3c936dcc13e1e17cf779c9ba0', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '2898faa832be4454b81047cdc220cc418b6a6783', class: "row" }, h("iframe-input", { key: '962fc1a8504d5e84386818936b27d38ca580c410', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
     static get is() { return "justifi-bank-account-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/billing-form-full.js

@@ -0,0 +1,143 @@
+import { h } from "@stencil/core";
+import { fullBillingSchema } from "../../checkout/billing-form/billing-form-schema";
+import { billingForm } from "../../../styles/parts";
+import { Header3, StyledHost } from "../../../ui-components";
+import { numberOnlyHandler } from "../../../ui-components/form/utils";
+import StateOptions from "../../../utils/state-options";
+import { FormController } from "../../../ui-components/form/form";
+export class BillingFormFull {
+    constructor() {
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    componentWillLoad() {
+        this.formController = new FormController(fullBillingSchema());
+        // Set up subscriptions here to avoid warnings about setting state during componentDidLoad
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async fill(fields) {
+        this.formController.setInitialValues(fields);
+    }
+    async validate() {
+        const isValid = await this.formController.validate();
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
+    }
+    render() {
+        // Guard clause to ensure formController is initialized before rendering
+        if (!this.formController) {
+            return null;
+        }
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (h(StyledHost, null, h("div", { part: billingForm, class: "mt-4" }, h(Header3, { text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), h("form", null, h("fieldset", null, this.legend && (h("legend", null, this.legend)), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-select", { name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
+    }
+    static get is() { return "justifi-billing-form-full"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "legend": {
+                "type": "string",
+                "attribute": "legend",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "formController": {},
+            "billingInfo": {},
+            "errors": {}
+        };
+    }
+    static get methods() {
+        return {
+            "getValues": {
+                "complexType": {
+                    "signature": "() => Promise<BillingFormFields>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "BillingFormFields": {
+                            "location": "import",
+                            "path": "../../checkout/billing-form/billing-form-schema",
+                            "id": "src/components/checkout/billing-form/billing-form-schema.ts::BillingFormFields"
+                        }
+                    },
+                    "return": "Promise<BillingFormFields>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "fill": {
+                "complexType": {
+                    "signature": "(fields: BillingFormFields) => Promise<void>",
+                    "parameters": [{
+                            "name": "fields",
+                            "type": "BillingFormFields",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "BillingFormFields": {
+                            "location": "import",
+                            "path": "../../checkout/billing-form/billing-form-schema",
+                            "id": "src/components/checkout/billing-form/billing-form-schema.ts::BillingFormFields"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "validate": {
+                "complexType": {
+                    "signature": "() => Promise<{ isValid: boolean; errors: any; }>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<{ isValid: boolean; errors: any; }>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+}

package/dist/collection/components/modular-checkout/sub-components/card-billing-form-simple.js

@@ -0,0 +1,139 @@
+import { h } from "@stencil/core";
+import { postalOnlySchema } from "../../checkout/billing-form/billing-form-schema";
+import { billingForm } from "../../../styles/parts";
+import { numberOnlyHandler } from "../../../ui-components/form/utils";
+import { FormController } from "../../../ui-components/form/form";
+import { StyledHost } from "../../../ui-components";
+export class CardBillingFormSimple {
+    constructor() {
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    componentWillLoad() {
+        this.formController = new FormController(postalOnlySchema());
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async fill(fields) {
+        this.formController.setInitialValues(fields);
+    }
+    async validate() {
+        const isValid = await this.formController.validate();
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
+    }
+    render() {
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (h(StyledHost, { key: 'a88ea2aa0b1cc2fccda7c169aad9c061e106ecfe' }, h("div", { key: '414df056d92819bf646886ca8e15f2ed10e6ab18', part: billingForm }, h("form", { key: 'c11f6eb5c7c5c1ecbeb8cc8f644a3b3ba72254c7' }, h("fieldset", { key: 'dd69c65ff7f36da3954c01ca2401e8ede6799f14' }, this.legend && (h("legend", { key: '25a86a61452b84237cc58c047916de22c35b764d' }, this.legend)), h("div", { key: '2fa8445fcf4ac0500f357d92480f18ccac655689', class: "row gy-3" }, h("div", { key: 'b7ac75fcab43435a03ad919757541f74661ce5b4', class: "col-12" }, h("form-control-text", { key: 'fd9e84c9605edf1a987c7243409eb0182f79a803', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
+    }
+    static get is() { return "justifi-card-billing-form-simple"; }
+    static get encapsulation() { return "shadow"; }
+    static get properties() {
+        return {
+            "legend": {
+                "type": "string",
+                "attribute": "legend",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "formController": {},
+            "billingInfo": {},
+            "errors": {}
+        };
+    }
+    static get methods() {
+        return {
+            "getValues": {
+                "complexType": {
+                    "signature": "() => Promise<BillingFormFields>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "BillingFormFields": {
+                            "location": "import",
+                            "path": "../../checkout/billing-form/billing-form-schema",
+                            "id": "src/components/checkout/billing-form/billing-form-schema.ts::BillingFormFields"
+                        }
+                    },
+                    "return": "Promise<BillingFormFields>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "fill": {
+                "complexType": {
+                    "signature": "(fields: BillingFormFields) => Promise<void>",
+                    "parameters": [{
+                            "name": "fields",
+                            "type": "BillingFormFields",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "BillingFormFields": {
+                            "location": "import",
+                            "path": "../../checkout/billing-form/billing-form-schema",
+                            "id": "src/components/checkout/billing-form/billing-form-schema.ts::BillingFormFields"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "validate": {
+                "complexType": {
+                    "signature": "() => Promise<{ isValid: boolean; errors: any; }>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<{ isValid: boolean; errors: any; }>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+}

package/dist/collection/components/modular-checkout/sub-components/card-form.js

@@ -44,10 +44,10 @@ export class JustifiCardForm {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: '3ea6e5a7cb667a94d71686a202d232f6360d25d8' }, h(CardFormSkeleton, { key: '3bd2aba27d83ce47cb147bcaae13232e554d7f56', isReady: this.isReady }), h("hidden-input", { key: 'e144b2394bfe0a9639dd512f25f83ab115c6916a' }), h("div", { key: '86e718f1e8dbfb9341dc62c82db7c043dbf444fb', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: 'a53db7e555c2a1df6679bf9ddeada18d9e750a3d' }, h(CardFormSkeleton, { key: '70eda1f05670b09bdb6a5f9f506f5828fec0cd71', isReady: this.isReady }), h("hidden-input", { key: '648480344a5a79e79d8396cdcc402f63f40b2b18' }), h("div", { key: 'd7bcf16f905367429ddf4be468d12f603135affa', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '8a7d518ef2a91663fb951f625c6e3113991a752a', class: "mb-3" }, h("iframe-input", { key: '89d2c67e1b03658e43395ba224341c889391eecc', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: 'ae5920f94fddaaa2bf068a44d33ec693087a4ff6', class: "row" }, h("div", { key: 'a4ab2b40162cbc9d5b6b353fdf92699d2a7d1297', class: "col-4 align-content-end" }, h("iframe-input", { key: 'd7dc593be2fe53910c7c34c389bab9eb32158482', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: 'ebef3068915a5ec98513594670306a90a40353c4', class: "col-4 align-content-end" }, h("iframe-input", { key: '8bc26264bab83aaef4a8962ae7a4769deed6ec28', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'bcd782486a95fc0fb8ff197bb5f62ba6051f1a42', class: "col-4 align-content-end" }, h("iframe-input", { key: '792afe884631622898079e54264dfed3541bf5cb', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: '9860508b6a16ae4a37d96c3d259237ccd17b28f1', class: "mb-3" }, h("iframe-input", { key: 'c37ec02e0b2f8465c4118892f0b51faaf9a57cdf', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '097258a271969ef38a1d32a5aa0b20c5443de991', class: "row" }, h("div", { key: 'ad2b656c503abd6aca2eea0842a70358097c452e', class: "col-4 align-content-end" }, h("iframe-input", { key: '3e3fda000e1ea41e44a337a1efd886ce7d9503f7', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '13f33bd008ad4c6407336775d35b752c0e6eb8e5', class: "col-4 align-content-end" }, h("iframe-input", { key: '3dcf445381f39544a1421569151c76c47e790456', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'fbc26d74b4e18b7a77639d8b53720ca4e7bdd201', class: "col-4 align-content-end" }, h("iframe-input", { key: '400c65fa8efb358396e561b3ba2a5ac13c3bcbbe', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
     static get is() { return "justifi-card-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/payment-method-option.js

@@ -3,7 +3,7 @@ import { radioListItem } from "../../../styles/parts";
 import { StyledHost } from "../../../ui-components";
 export class PaymentMethodOption {
     render() {
-        return (h(StyledHost, { key: '13d81bf8c38b3f59567a8f3414d3ba77c2f4730c', class: "payment-method" }, h("div", { key: 'd4636ac2cc75bc6f1688aa5aabb64c427c14634e', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '2e086a0fd3494695c6cc0d95399a4d6fc8805069', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: '8055addaf7563d5deb7d9b31794bf36e1d273a0d', class: "payment-method" }, h("div", { key: '5fb85a3e5c94eff4e397ba5b23d3fb7a34e4c312', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: 'b36c23bb6eeee3fc7325ea6d9b46aed4fc43c21c', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
     }
     static get is() { return "payment-method-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/summary.js

@@ -5,7 +5,7 @@ import { checkoutStore } from "../../../store/checkout.store";
 import { StyledHost } from "../../../ui-components";
 export class Summary {
     render() {
-        return (h(StyledHost, { key: 'd7aeca995c6793b5b2c12a85eb7c6ce01ab8d025' }, h("section", { key: '962bdd1ce83c5464465c41d5b5655b7c1922208e' }, h("div", { key: 'f8ecf321efae1bfb53cd88c3b32a7b51d0e9bc6a' }, h("div", { key: '630c741b4b931e61cad0823eba96f63c7cbdb2e0', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '15be11ce16201a7e3659a01783d9d9b8d5cd5f2b' }, h("span", { key: '36e21c27b534551bad9570ccf9628be36ddae05b', part: text }, "Total"), "\u00A0", h("span", { key: 'd270040198a56e22f8e14e302166a6235e190c99', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: 'fccb819d66329424af42e9c53effec29a6c9784d' }, h("section", { key: '0ee7a4e0579f7f222a9db82e6b4db6bb92542d9e' }, h("div", { key: 'bdf74b2bc5db35b96ca75d50783b790bb482a76e' }, h("div", { key: '851b481bd6beb1fcaadc106d27d131f8b07d1c9a', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '0b261bc0e2d65cf989778e02df51b3265816f7aa' }, h("span", { key: '0eee0017ddf25ae45d6b5c828071098f45e6e19d', part: text }, "Total"), "\u00A0", h("span", { key: 'd21576f14c3437f70a4b85b9dfc01107392d663a', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
     static get is() { return "justifi-checkout-summary"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/order-terminals/order-terminals.js

@@ -126,7 +126,7 @@ export class OrderTerminals {
         return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (h(StyledHost, { key: '3c9d82edf60cb15cae0ca399dc72b108eb645da1' }, h("div", { key: 'cb70067e7bf65760fbe1f3b6c86b705d4f1bb602', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '5171ddb7b807bf4084f0f831002803a4ece698f3' }, h("div", { key: '529adf4549be8b2723fca357be3f541403dfc8a3', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
     static get is() { return "justifi-order-terminals"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/order-terminals/terminal-quantity-selector/terminal-quantity-selector.js

@@ -18,7 +18,7 @@ export class TerminalQuantitySelector {
         };
     }
     render() {
-        return (h("div", { key: '3ef202c35eac898c5a4df9fdfb81b28ae422cefa', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'bb67919a4612520dce0d91abde40ebf9947ecf69', class: "d-flex gap-3" }, h("div", { key: '4a59cc033bf0c36807a6b695ec9c7e078a1a21d1', class: "d-flex align-items-center" }, h("img", { key: '8015cad72024bfe6796ddd77611d60039dc08109', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '01d269045e68f201fc8325722d6d076c0116988b', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '82a3c5931407f085c2070589b739ac657cdc9b6a', class: "row" }, h("div", { key: '7a20199e0801e7ea0cba49769ed6c045cb33ec3b', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'cfa398975f96fb5795a4e29f7501401e08442ff4', helpText: this.description })), h("div", { key: '7491e3ff0d55227b60cfac370068e0eec5c22be2', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '20b06222570ffc1644865ee1a42e6e5a6bd0ce93', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '046cb079ef65d61fd5c1071e914170de219f0d5f', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '387dc09baffa5004a8ff8752b11f5c7623bfe648', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: 'de2e01cebd222ad371a15df4aade26d3e118ddee', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '8e69419c2b7cd0917dd27d42edef08e2d06d79fb', class: "d-flex gap-3" }, h("div", { key: 'c9f83f6f3857e3ec38134194e8ce9d5e9c614992', class: "d-flex align-items-center" }, h("img", { key: '576be452c664824354355b8ed02777dd63d2cddb', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '0c978b052b05d5b6384a0a13411b339c0522dfd3', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '40c72c35a8a8418c4d873dbbd6f4ca089142bc14', class: "row" }, h("div", { key: '5fd4f0be8b88e49ad6f332b39d8bf5061ed7ebc3', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '5d30721f60481bb7994578aefbe2b58055134044', helpText: this.description })), h("div", { key: 'e78454dc8e9fc81f65d01bafc4877d254db08508', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'e2f601209f58ce5b87aa546888da3077e1dc3aed', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '32f9805571ec676ebfcf664029579d50e5e500ca', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'c7ac123ecc6fcaa06a0beaa5f36ed842beba928c', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
     static get is() { return "terminal-quantity-selector"; }
     static get properties() {

package/dist/collection/components/payment-details/payment-details-core.js

@@ -38,16 +38,16 @@ export class PaymentDetailsCore {
         });
     }
     render() {
-        return (h(StyledHost, { key: '4338e42dfcbf16380a2de314c8a9c89b703be45e' }, this.loading && h(PaymentDetailsLoading, { key: '82204cf03e14dcb49567fb6cc68b6870be01bd03' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '4e50d16529fde2c1a5b737127a7e47adf6183641', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'b721371c573bf0f437ee60248770c187f3964706', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.payment.status), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '216e66f36d6b1cdaec82bb4bb71aaba3844b0b10', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'd3480527a9f462ba9d6518240d132043e4a42b7c', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '3ab5d4882e4c654b74111d47123100a538120769', title: "ID", value: this.payment.id })), h("div", { key: '5a75f3e83c470e1680f88ba60174b8e385ba9244', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '33378dd6f5be68ebbd9d471931de03a13ed58854', sectionTitle: "Details" }), h("div", { key: '8e48bae187f36587b09832e5fc0ba58dc5158a50', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'aff9354c93ef439b436e89dae168744906edc1bb', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '4c369c287dd856197a829ed883a52fb5147cf8ab', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '0382e25ed55c32d55698bbc69295a4d74ffff1da', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '6efb0780c5e2f96e0cc73099a2f341f31b229f88', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '39fb251b26f2b49199f8b1773dc9ad16b5c6def9', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '943f86f46c61866cee58eb0aa805272da36f1b22', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'b85d389b9f44c70a4d6ced1bb22801ec11d0cffc', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '0d4cf8ae6094262454c9016feb7de73d1e76d56f', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '90fd37e1fd37c072c1fd60f2b776e7589d4f85db', title: "Description", value: this.payment.description }), h(DetailItem, { key: '4bf435ac62d7b8d0d207e349fc5aff6239a7462f', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '2e64d9c8b859f5dcdbfcf687e6e17bf3b5f89f69', sectionTitle: "Payment Method" }),
-            h("div", { key: '39101177a72ad2f2bbb0dce157dba6fe565a1c55', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'd3f419b55db2ea4ce5e8a6e2570695d2002beba2', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'b15b14a68538396ff6d0eda77470c1d2709d1001', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'b01f214f3366241a5b9eeecf8fe9536f13170ae9', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'a3620d1d48e2cf276749383778a7b16391bd8090', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '2550056c2587c3e6909fe42a23c892329fe076c7', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: '5bb9e4baea06de90dba2e9469f14c52b68e65249' }, this.loading && h(PaymentDetailsLoading, { key: '5cbc91375b6d80958e66fad56e1e6d7ab2e15b76' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: '7eedb26bfa0fb1cf1656c8bbade79c8cdbdf9764', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'e7912d448ac140a8164ad7c285ab95ed779d61e4', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.payment.status), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '1cd9d26abe03b8994c84b6b1d9c06fc75c4705e8', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '4330bf0ddd130a2103ae00abb4ac787a2968e1b1', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'e5336b00ebc442a3d52e74e4f1f75442c06edcf9', title: "ID", value: this.payment.id })), h("div", { key: '0e07bc37f9fbb547c479167ee9e5991a59aeb54f', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '6d30461904ce2576bf3af983a6aa856c2b4fb52d', sectionTitle: "Details" }), h("div", { key: '6a1d68cfa2c03dc496768f7d29867c77aff39856', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '2669711d00298e9a84582149f423bcbeabb60de2', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '3a93e845f845d0fd17409e3e44c096f3bb7563dc', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '4be864f58f7ab22e0e5079dc924d8bd02f3b7dd8', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '14956ec82cf01fdec85e76170aeade66273d6a1d', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '06cd1d7930f6c428be0c736e918147c7aa94cd80', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '98e27c002566c3e9a093ab743951bf56501fd2a2', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '54ab8e011a08814fe3d970f0ab7a93d558b68e22', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'f9875ea8913f6d46adac4175de6dfc284cedba4f', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'ccd5a4a44663cf14b76141e91c69d799055f83e2', title: "Description", value: this.payment.description }), h(DetailItem, { key: '4136e5f730f569bcb63e87cea1022d996596f2a0', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '3a7ef3be13a9a8d8573eb5766d8d4b120baca19d', sectionTitle: "Payment Method" }),
+            h("div", { key: '695558eded8ee2cff291bed4a13d02482b619565', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '1c678964543ced0c4f1a5835fea8234322f732ae', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '5b1c9dfda2f8b499e6d0c9fae288e58a771d63d7', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '0aecf598551b5685a36dafb8cf54802cd3914482', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'd59d46bef4cecf2a1dcb73c9af696e6aabf5776b', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '56588cdf9c1535cf8aa22dd56a94608805f241aa', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '5f4f08e97bf5fa40af01e178b8ffb0d2378940a0', sectionTitle: "Payment Method" }),
-            h("div", { key: '1ea2b719d937c8f1e4e78a6cdd2299145ca22e96', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '43704124e46819028dbc2e5cc40c9f0f08fc99f5', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '081b84120c383ce0d9c30e50ff1dbeda21d826a4', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'c18e75ab3a88ddf1e267ded7d3743c3e3b8ee512', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '441c1e5f2b945a31e5ffc56392a994414c97d720', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: '84f146ebe0e237768df2fd8e16c2295bdb86a49a', sectionTitle: "Payment Method" }),
+            h("div", { key: '440b505ff883eadf73ecd3ca542d0feeadb8e8a8', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '2f57116a3c0a9522a18866d88e18d5856fa53b2a', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'c0a7c01e8c4eeece3771d29938268fd324e647c6', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '2968ea77dbc987591dd2418d544c4f21027694d6', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '38f7129625d8d6a16818dc07343eda9ba31dd19c', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '46fa6de75f55f563066a16dea4cadd6f7c03385a', sectionTitle: 'Metadata' }),
-            h("div", { key: '8b2958f2f348bfa5a94f51221bec8b6c2b2a0309', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '671bc289b2ec8d573f3493f5e6ec56e0c7e5ab78', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: 'bf0d94665bae468091534cc74219ee786b8b87f6', sectionTitle: 'Metadata' }),
+            h("div", { key: 'f92f3a4f1f2c6fa6ae6cbc32c0868f22d68b9326', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '21937177748b5322178ae75db147cc3185db78ca', metadata: this.payment.metadata }))
         ])))));
     }
     static get is() { return "payment-details-core"; }

package/dist/collection/components/payment-transactions-list/payment-transactions-list.js

@@ -91,7 +91,7 @@ export class PaymentTransactionsList {
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: '361096cb55ce8d0b669eb8185d5d29ede0987cc7' }, h(TableWrapper, { key: '7980a1003108ba8194822e5094a9b8bb85d6c758' }, h(TableComponent, { key: '3fdaea0631b7aceefe24bb85c7fecee9ef5b06d6' }, h(TableHead, { key: '7a92bbf526a2a30dd48137427e03caa9c75d07d5' }, h(TableHeadRow, { key: '1828192c594aad3554d15288b2769088fe1321cb' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'f2c63fb18e6e889013c67fd0b8dc39bac8dd06dc' }, h(TableLoadingState, { key: '9a2ac964da5b7c159fd08264e33a87d5df96e1e5', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '35c8474655e1ebd34c64e8aa6e71cb070710f3b4', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '2c87781e8791fd19de1cacdbba553f6f98d007f5', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'ff33a6fa5fb2ed9df9c9ff223e8a0f3d0b30bff5' }, h(TableFootRow, { key: '66e73eae038757d1c99b1fa33624c58745e8c995' }, h(TableFootCell, { key: '4929f3a3c1ee06a1d09d0a12b5a2059c58780032', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '38a84d08bac6ac8a3dbdcae3c97d6416de7d780f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '0ea0cd7e150028fa7dd07bc8d3a9900ba2de5728' }, h(TableWrapper, { key: 'cf8085e6989e1fb05c2b606a6d56c4af5ba33d33' }, h(TableComponent, { key: '2aeae7b80720b715e33b4decc824b08c95642951' }, h(TableHead, { key: '463a4486652002ec647d90d23eeba7251eccda98' }, h(TableHeadRow, { key: '8c2906ce4c1f53d196ac6134ad363332c4e831fb' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'bf1a2336f715ef317ee41f7b1de44b4256ac5f48' }, h(TableLoadingState, { key: '7bf57b2056d7e8a912d1e173d01b6007cc648441', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '3a578832c5c3c05fbcebad508e3922c180ee33cf', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '9cdff1699621d8e02d90ca7544a3e95340c6598e', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '9c5baf6c5bbba0c19f287fd2eddd7b06490f51df' }, h(TableFootRow, { key: '95460f894d3f6a9d20422aef2c9172cdc230e079' }, h(TableFootCell, { key: '33fa015f7a7a968c6697302616359991f5ae16cf', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'e1821a1b7658b503e11ff799413fa5ea368a7ae7', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payment-transactions-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -83,7 +83,7 @@ export class PaymentsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '9a5144888231f230d551afea7395e347331ba942' }, h(TableComponent, { key: '3065650893f4487ae32e2ad651606f1963496ff2' }, h(TableHead, { key: '88845d2c6c30b7ebef13a626a9044287a0fcd4ee' }, h(TableHeadRow, { key: 'e8d9fa7a2e2c5e2588839bc50450ced8f4f1d168' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '8c393153e99cdc75bd5792f42f76a79f550537b0' }, h(TableLoadingState, { key: '1c9cc2ee720008b93df63f9bcd7ee7bf39d8e74b', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '591446e83f57f225aa3aa1f0e39d9f25262bd90f', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '09c04607759c232a47aeb2a1fa22fdbc47403e83', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'ad1bdfe86e9f56058a876bd6b8fc8785b66affff' }, h(TableFootRow, { key: '5db3a0a74b5d3359ed03c3180e42c05370623e63' }, h(TableFootCell, { key: '290aae3c0288144af667859049261da5c85d438b', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '511844516f09e85823c1d46c52dff73aa8f7b6a3', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'f9fe216ea30123f3a7613b74371492fdefc1f4bc' }, h(TableComponent, { key: 'b081beffb783c9e351092947864649518fbe2dfc' }, h(TableHead, { key: 'e2e47a2122561e93163bf4d3794fe6b139a30ee9' }, h(TableHeadRow, { key: '0bb6d21213e5ab335c14057e69ecca70b0381578' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '9e411aaa4fb387fe4ee3d129f05e23438313ab65' }, h(TableLoadingState, { key: '42659fe4d9f41bff6165fc5016d6dc441e3d294a', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'b5fb94bf87bae350b48fc6969acb3477eeeb2b1d', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '220b648eabf17bfd7006b23399fc38f17e5b6952', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '1b77f14df195e1867f6ba037757350cc7b4fab96' }, h(TableFootRow, { key: '9baa94de37beec7a33fff9c9bbb83bdf2ad8fc16' }, h(TableFootCell, { key: '08a3c1d8ba7017f6bc6c60b4b33c319f59654731', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'a3518ce532a7539c092dda6cae4bc318147d92ed', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "payments-list-core"; }
     static get properties() {

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

@@ -43,8 +43,8 @@ export class PaymentsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '8aba022fe4424789146723f919f5199c36a7c097' }, h("table-filters-menu", { key: '38d8465fc57343caa10693e8cabdb82454d61a5e', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '450d7b50e8b6d566539e2556a68a2902eb7602d2', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd371788631aaac9197d3ae3b1178948c91c6e5c1', class: "p-2" }, h("form-control-text", { key: '9c72f274a1993bd35364401484b83e026e7a1e28', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '8172fb6ed0b92e6f9bbfa7c318d5ca4bd987ecac', class: "p-2" }, h("form-control-text", { key: 'b9ed00d0cfe7c5580515fd8da24c51676d5e30a8', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'ab8aa770e553e83ccecb2c29be2546e98b10aa25', class: "p-2" }, h("form-control-select", { key: 'b6c7af7c4b1a62c7a40cefd4df75093863f66bf8', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: 'b0ca780bae36a8a5aa11eb96e49d17326d4d575b', class: "p-2" }, h("form-control-date", { key: 'df0aacad0d323cb67bc2521bd5d581632059341c', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: 'c68669b6466711c96e2ead262506204884d38e55', class: "p-2" }, h("form-control-date", { key: '9fe44d67c5079b271d1de78ec5b097897f562bd4', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'cc126b534ca4b07c39837310f08a7dbbf12d793c' }, h("table-filters-menu", { key: '5417f231746c0dace09e623629c0b40b0e680714', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '50cd8592d22b12788c31dfc744a39fcec7a32a0f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'dd64e601b8881bb940dabfd05a5b6fa5fabc75fd', class: "p-2" }, h("form-control-text", { key: '172c56e0eb8c4d13ff30ff1f2266a30ab8d59e25', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '70db55cf54206ab03112ff88757248deb3507084', class: "p-2" }, h("form-control-text", { key: 'c7e94136b6285d8d22f2170d26c166227451e914', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'f282e92c253370922ec06ae0ed9ef55d5515f55c', class: "p-2" }, h("form-control-select", { key: '7c35feaac9958fb44586e757ef708d2230c6a31c', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: 'e74d305502ed5676d7ba6c332011f3aac2c757f4', class: "p-2" }, h("form-control-date", { key: '96a88abb0be10f2bd5c8c96beefbbd143a9c8a61', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: '4c3e79b77675ba2cf7d5bc7746193ceabdc88aee', class: "p-2" }, h("form-control-date", { key: '275a24fbd7a806786182dda5d8f0eed1ad85528e', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforePaymentsListFilterParam }))))));
     }
     static get is() { return "justifi-payments-list-filters"; }

package/dist/collection/components/payments-list/payments-list.js

@@ -46,7 +46,7 @@ export class PaymentsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'a843084c5ce8fffa072095a61aa462ca11029850' }, h("payments-list-core", { key: 'a6c38665c7a07da34549114ab1b164a4d48eb59a', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'bd9d7950a22c554394e46bf09f48ced038fd5c44' }, h("payments-list-core", { key: '52a88a0a20484d863ac1a61ede8f657c35454f91', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-payments-list"; }
     static get encapsulation() { return "shadow"; }