@justifi/webcomponents 5.7.6-rc-02 → 5.7.6-rc-04

package/dist/collection/components/dispute-management/dispute-response/product-or-service.js

@@ -28,7 +28,7 @@ export class ProductOrService {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'c93f5bc2e64f5e2964eb033cb6c972283841876b' }, h("div", { key: '7986f459ba9cc0d7e896a418ba4bd9e51148d36f', class: "row gy-3" }, h("div", { key: 'ddf033f861a5b91961294600a5d6d7261937711c', class: "col-12" }, h("h2", { key: '2a33306859a2982fbb3457831c29a98cd3e86c4f', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '385212b08cbdcd4d610c806f1f9b5d18446a9831', class: "col-12" }, h("form-control-text", { key: '210a8c07288473e93737e93659dc91e7f813e306', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '5a52ad00db803d2ddd0afe6ee7cde4b907e1ad1a', class: "col-12" }, h("form-control-date", { key: '1bdef3f3391b4a97aa3e97aefac3e29b5520f620', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: 'd4fc75d0f175914e2fbb134e6449e1d45742a9f3', class: "col-12" }, h("form-control-file-v2", { key: '62e1ae0f42103f49bc5c93427b62ad90570634f8', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
+        return (h("div", { key: '410e15dcd25e97ecc0d32f0d7c3c88d0412e8c38' }, h("div", { key: '39b8aeb37909ead1547f0a6bf5109f596846b291', class: "row gy-3" }, h("div", { key: '10a124dd96a230707c4aa0031f013cbb1c5b4881', class: "col-12" }, h("h2", { key: '2fdee4a50c3bd2b69dbaa5750c7f76cd952f8e68', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '1231676aa960d6ca5580bb532a46e3eed2bc57bf', class: "col-12" }, h("form-control-text", { key: 'b6e4ffa07b1ae79a385cd8b37c4af9c8b1bcea9c', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '8e137d3db8a89fef565ef1b85d36743dbecaa191', class: "col-12" }, h("form-control-date", { key: 'b5b121bfae9dcc847c95cfb22e76988a71b21def', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '5176c6bd5bdb0a2f5f2a60fdcf43f679cada509e', class: "col-12" }, h("form-control-file-v2", { key: '6c2594ff9d3cf25cc707b0a44f39a6c05489f572', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
     static get is() { return "justifi-product-or-service"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/refund-policy.js

@@ -28,7 +28,7 @@ export class RefundPolicy {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: 'a300941b5472ab2cfd1dd212fbab4b280c132f73' }, h("div", { key: '1f11681c815c4f0676da384884b758b1bd49f3d1', class: "row gy-3" }, h("div", { key: '56f1575a5e2c7da5d725ca224b5d64163de0fd23', class: "col-12" }, h("h2", { key: '9ccb22c016184f233d1096b66380473a8e62c269', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'e602ac3e5fe3cbd3d12910d66cc8d879295a9e4a', class: "col-12" }, h("form-control-textarea", { key: 'f6e6dae3ab7d383da16fa5308933a77cf63f11d8', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: '8cdb3b28847683f5fd4594eb64522c899e5ef993', class: "col-12" }, h("form-control-textarea", { key: 'c8e4b7c760cbe8bb9cb30818b0c29f6012092649', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: '95c376af4517e3ee23afd64d479a6ae051f03d72', class: "col-12" }, h("form-control-file-v2", { key: 'dc2ef0d5911dbab2d820bc46563bbb7218390501', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: 'b9d6ffb85e987f5037e414dde26e72f5219c0ea8', class: "col-12" }, h("form-control-file-v2", { key: 'c6513b7a2f9d68c2df2be8c21da0d16e03a6a885', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
+        return (h("div", { key: 'bfafd93af052c07f799f5d1985224b91a43ee2b2' }, h("div", { key: 'd27f8f7d3f32fd505f26f505e5134246205dff91', class: "row gy-3" }, h("div", { key: '61fda5a34f871d4249b9ca1ffc286aa7293f5d7b', class: "col-12" }, h("h2", { key: '1555d161a6dece38cc4bfcf041cbe6c88e595fe3', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '1ee55607ccec0487074a9ef7e925ce5dce854e45', class: "col-12" }, h("form-control-textarea", { key: '6671ba0ff6396005c97694ff496b7bccdf9cc80f', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: '649bf89ca1ff416050b2a5740ee6be97fd41cf10', class: "col-12" }, h("form-control-textarea", { key: '1178960db11c981e0b02a6d22dfd1fa746649d50', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'f95ca250129870d80862d338e8151406ee8d6d04', class: "col-12" }, h("form-control-file-v2", { key: '546f2d6a3f3a43afd67d38de3a550735971f4d46', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: '1c9379943c0dd4b5344bed35d85b1085bcc92c5d', class: "col-12" }, h("form-control-file-v2", { key: '972f3d60d4e739c092dd4de609814701a99cf220', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
     static get is() { return "justifi-refund-policy"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/shipping-details.js

@@ -29,7 +29,7 @@ export class ShippingDetails {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '4556d3dbedce4833b63302f78f467ccf71cce02c' }, h("div", { key: '18569ca4c37bbf7b82a13db6c8ae878d0b2c12fa', class: "row gy-3" }, h("div", { key: '001f41285eda4237686861df1aaaad24836fbf7c', class: "col-12" }, h("h2", { key: '3193324c11f5ca7c81de99cd224e2f8a8d21a43d', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'e312e8aee070bee2b317dc7f6f9e616dc3cbd26e', class: "col-12" }, h("form-control-text", { key: '69a90af0a8c328b7e0eba67d39ac3f2f4ffd3439', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '5c4ca04204a7467918e2e130d6ee437a4c5db85b', class: "col-12" }, h("form-control-text", { key: '266415e75633d4d4b5062f56ec43d47e60e03aa1', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '90088259556bbfce03c87af029ea53efc4c394de', class: "col-12" }, h("form-control-date", { key: 'b5eaf92844540c4536f8296e8668ed7e826dfd1f', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '180c72ec5c37cb7bca2edbf3d158d4973c149084', class: "col-12" }, h("form-control-textarea", { key: '924cae54e30cba491dd4ce10bb514a7374a1d793', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'b7f06251c0a03bec0b6622b9d05c7c55d7d6bb13', class: "col-12" }, h("form-control-file-v2", { key: '832da84ac1f4822ac882c03d60b169a2351ffb8e', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (h("div", { key: '31b6e5c103875a0b61fa03a7c9ddb42d62cf9cfc' }, h("div", { key: '5586da5e8e052126d3418278904b9822f16ad70c', class: "row gy-3" }, h("div", { key: '3a4ac6e494ccd1f2179f87555d0035545a3d0448', class: "col-12" }, h("h2", { key: '234210d22dcc7d746bcc706f5e905d19dd9888a0', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '9f485ea4dd7f31ac4929c622ed6f1bfbf2768033', class: "col-12" }, h("form-control-text", { key: '3c75220f8a00d84ff577351a879558e4d531110f', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: 'e9a43cffae3dabb6c26db05bd4dc3e64c6aaa50b', class: "col-12" }, h("form-control-text", { key: 'ce1a535d12f24b8da38c4d5a30a82c911c6883bb', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '6ac1abd518eb2e179c5f7cdd06d8839070592a31', class: "col-12" }, h("form-control-date", { key: 'c4de43f8e142de7fd456585ebde520bc0b7057b3', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '08118d7b5c6b8ce369a77e006fbb9692783b9b95', class: "col-12" }, h("form-control-textarea", { key: 'ec225a70e5b9ad7644a0e64285f5b4c70550aeb8', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: '861a6a17423958ebfc5e085b497e38e0a5e2aa1e', class: "col-12" }, h("form-control-file-v2", { key: '91fa66a2ec51abb1d31bbb95e23fd7659f107afe', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
     static get is() { return "justifi-shipping-details"; }
     static get properties() {

package/dist/collection/components/filters/table-filters-menu.js

@@ -19,7 +19,7 @@ export class TableFiltersMenu {
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: 'db1619bbaa73d4102c684b2ca1b4897d1c36fa66', class: "d-flex gap-2" }, h("div", { key: '68f4538d4465aadbf20e322264e219ce7ca8078a', class: "dropdown pb-3" }, h("button", { key: 'cc1835756c1fa2a24a4bbc4ec2960caca0d24e75', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '14f88ecd195fcf3770cadd71659b00d4c117c460', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'd33a6875f30413f3a2f5b8d706cf0bf0e3d6620a', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '5923bb3684fc9f710a6686d9bf90a6d0f35a1818' })))), h("div", { key: 'eba66abc4ef60bf7603fd9459cf4040ed6105e8c' }, h(Button, { key: 'f5de28962ac56636904cee2a5e5d41204e07143c', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: '23c60096827e3a519b2a2bd3ff5636cf714279c5', class: "d-flex gap-2" }, h("div", { key: '9c06555ffa75c6b5f52b44794b99fafa5efa78b1', class: "dropdown pb-3" }, h("button", { key: 'c14a7ad81ee21e24f4637c6c121e05d1d3b91e24', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '80863a75d7d189ec42ed6bc2615a8f1840d0c856', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '3c9852b54d2c627294de347e95b940fb1aa4ca8d', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'b3f2538648ada6ce95610596070f111f3f92b347' })))), h("div", { key: '928c26a59b4ada62ccdf729c5d6a72d5c95a9a5e' }, h(Button, { key: 'd38f5bc594466601b74164f4c075962107652d23', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get is() { return "table-filters-menu"; }
     static get properties() {

package/dist/collection/components/gross-payment-chart/gross-payment-chart-core.js

@@ -67,7 +67,7 @@ export class GrossPaymentChartCore {
         }
     }
     render() {
-        return (h(Host, { key: '663505aa79e84647ccc612ba671910a2cbc9e27d' }, this.loading && h(Spinner, { key: '2c0a00781ec16313786e76e2d95f4cddae5d3cb9' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '11b7b6cbe8be6b338125afb3e7d375f1cd0ae040' }, this.loading && h(Spinner, { key: 'af11687eac9f4648ef2ef57651826c048dceea83' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get is() { return "gross-payment-chart-core"; }
     static get properties() {

package/dist/collection/components/insurance/insurance-state.js

@@ -3,6 +3,8 @@ const insuranceValuesStore = createStore({});
 const { state: insuranceValues, on: insuranceValuesOn } = insuranceValuesStore;
 const insuranceErrorsStore = createStore({});
 const { state: insuranceErrors } = insuranceErrorsStore;
+// Track previous values to detect actual changes vs initial setting
+const previousInsuranceValues = {};
 const validateInsuranceValues = () => {
     let valid = true;
     Object.keys(insuranceValues).forEach((key) => {
@@ -17,4 +19,19 @@ const validateInsuranceValues = () => {
     });
     return { isValid: valid };
 };
-export { insuranceValuesStore, insuranceValues, insuranceValuesOn, insuranceErrorsStore, insuranceErrors, validateInsuranceValues };
+// Helper function to check if a value has actually changed (not just initially set)
+const hasInsuranceValueChanged = (key, newValue) => {
+    const hadPreviousValue = previousInsuranceValues.hasOwnProperty(key);
+    const previousValue = previousInsuranceValues[key];
+    if (!hadPreviousValue) {
+        // First time setting this value, track it but don't consider it a "change"
+        previousInsuranceValues[key] = newValue;
+        return false;
+    }
+    const hasChanged = previousValue !== newValue;
+    if (hasChanged) {
+        previousInsuranceValues[key] = newValue;
+    }
+    return hasChanged;
+};
+export { insuranceValuesStore, insuranceValues, insuranceValuesOn, insuranceErrorsStore, insuranceErrors, validateInsuranceValues, hasInsuranceValueChanged, };

package/dist/collection/components/insurance/season-interruption/season-interruption-insurance.js

@@ -34,7 +34,7 @@ export class SeasonInterruptionInsurance {
         this.toggleCoverage = makeToggleCoverage(config);
     }
     render() {
-        return (h("justifi-season-interruption-insurance-core", { key: 'a563c1f6daf665c6ae06442c18dd25400b420f39', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId || checkoutStore.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
+        return (h("justifi-season-interruption-insurance-core", { key: '590b2cfe0962ab6778faa21e618f7023fa6b4784', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId || checkoutStore.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
     }
     static get is() { return "justifi-season-interruption-insurance"; }
     static get properties() {

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

@@ -2,14 +2,17 @@ import { h, Host } from "@stencil/core";
 import { checkoutStore, onChange } from "../../store/checkout.store";
 import JustifiAnalytics from "../../api/Analytics";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
-import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api";
+import { ComponentErrorCodes, ComponentErrorMessages, ComponentErrorSeverity, ICheckoutStatus } from "../../api";
 import { makeCheckoutComplete, makeGetCheckout } from "../../actions/checkout/checkout-actions";
 import { CheckoutService } from "../../api/services/checkout.service";
-import { insuranceValues, insuranceValuesOn } from "../insurance/insurance-state";
-export class CheckoutWrapper {
+import { insuranceValues, insuranceValuesOn, hasInsuranceValueChanged } from "../insurance/insurance-state";
+export class ModularCheckout {
     constructor() {
         this.savePaymentMethod = false;
     }
+    savePaymentMethodChanged(newValue) {
+        checkoutStore.savePaymentMethod = newValue;
+    }
     connectedCallback() {
         this.observer = new MutationObserver(() => {
             this.queryFormRefs();
@@ -31,14 +34,23 @@ export class CheckoutWrapper {
         });
     }
     componentWillLoad() {
+        if (!this.authToken || !this.checkoutId) {
+            this.errorEvent.emit({
+                message: ComponentErrorMessages.NOT_AUTHENTICATED,
+                errorCode: ComponentErrorCodes.NOT_AUTHENTICATED,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+            return;
+        }
         this.analytics = new JustifiAnalytics(this);
         checkPkgVersion();
         checkoutStore.authToken = this.authToken;
+        checkoutStore.savePaymentMethod = this.savePaymentMethod;
         this.fetchCheckout();
-        // Refresh the checkout data when insurance is added or removed
+        // Refresh the checkout data when insurance values actually change (not on initial load)
         insuranceValuesOn('set', (key) => {
             const value = insuranceValues[key];
-            if (value !== undefined) {
+            if (value !== undefined && hasInsuranceValueChanged(key, value)) {
                 this.fetchCheckout();
             }
         });
@@ -54,6 +66,22 @@ export class CheckoutWrapper {
         if (this.getCheckout) {
             this.getCheckout({
                 onSuccess: ({ checkout }) => {
+                    if (checkout.status === ICheckoutStatus.completed) {
+                        this.errorEvent.emit({
+                            message: ComponentErrorMessages.CHECKOUT_ALREADY_COMPLETED,
+                            errorCode: ComponentErrorCodes.CHECKOUT_ALREADY_COMPLETED,
+                            severity: ComponentErrorSeverity.ERROR,
+                        });
+                        return;
+                    }
+                    else if (checkout.status === ICheckoutStatus.expired) {
+                        this.errorEvent.emit({
+                            message: ComponentErrorMessages.CHECKOUT_EXPIRED,
+                            errorCode: ComponentErrorCodes.CHECKOUT_EXPIRED,
+                            severity: ComponentErrorSeverity.ERROR,
+                        });
+                        return;
+                    }
                     this.updateStore(checkout);
                 },
                 onError: (error) => {
@@ -87,14 +115,14 @@ export class CheckoutWrapper {
         this.sezzlePaymentMethodRef = this.hostEl.querySelector('justifi-sezzle-payment-method');
     }
     async tokenizePaymentMethod(tokenizeArgs) {
-        var _a, _b;
+        var _a, _b, _c;
         const billingInfoValues = (_b = await ((_a = this.billingInformationFormRef) === null || _a === void 0 ? void 0 : _a.getValues())) !== null && _b !== void 0 ? _b : {};
         const combinedBillingInfo = Object.assign(Object.assign({}, tokenizeArgs), billingInfoValues);
         const paymentMethodMetadata = Object.assign({ accountId: checkoutStore.accountId, payment_method_group_id: undefined }, combinedBillingInfo);
-        if (this.savePaymentMethod) {
+        if (checkoutStore.savePaymentMethod) {
             paymentMethodMetadata.payment_method_group_id = checkoutStore.paymentMethodGroupId;
         }
-        return this.paymentMethodFormRef.tokenize({
+        return (_c = this.paymentMethodFormRef) === null || _c === void 0 ? void 0 : _c.tokenize({
             clientId: this.authToken,
             paymentMethodMetadata,
             account: checkoutStore.accountId,
@@ -194,7 +222,7 @@ export class CheckoutWrapper {
         checkoutStore.selectedPaymentMethod = paymentMethodId;
     }
     render() {
-        return (h(Host, { key: '833e1e4f917a0dbee2a14076a71de8d00ec5b5d8' }));
+        return (h(Host, { key: '6b18f4f77b736f984ac15f168cc51b74c3927225' }));
     }
     static get is() { return "justifi-modular-checkout"; }
     static get properties() {
@@ -376,4 +404,10 @@ export class CheckoutWrapper {
         };
     }
     static get elementRef() { return "hostEl"; }
+    static get watchers() {
+        return [{
+                "propName": "savePaymentMethod",
+                "methodName": "savePaymentMethodChanged"
+            }];
+    }
 }

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: '62a8adb8888d6143bbc27678ccff125c7b3a59ec' }, h(BankAccountFormSkeleton, { key: 'a73372809ad95b4aa900aa6907ce4517ce01cdde', isReady: this.isReady }), h("hidden-input", { key: 'a9324304388bf0b3b19bfe4f8ea56c9fad1a12e7' }), h("div", { key: '7b7584c3af3bfe6ca6fb7bdbec25d4c0c9d43b40', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: 'c514fdaa726fbccd7caeb7629ffdb997b53a05d1' }, h(BankAccountFormSkeleton, { key: 'cc0871ce3e983c025def27526d811ac7547a5a15', isReady: this.isReady }), h("hidden-input", { key: '43fe0f3ee8987a7a71bdbda7d589916148ec8cb2' }), h("div", { key: '37d5fb42ee27aa02e34d0be96c4db913b51748bd', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '40c0352915f903b5ba6fda1642644158daf129b7', class: "row mb-3" }, h("iframe-input", { key: 'af64688e5d8b5da6898a5e20550cc1992a28fe9c', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '20fbdaffb3d2ba3ac8c44a4b64040f146ad58789', class: "row" }, h("iframe-input", { key: '5a0fd0855570d0ebbcd1d6be2f569d08a4ae3c17', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, h("div", { key: '182f7124dbff91540e9507c184ddbe38e8878d08', class: "row mb-3" }, h("iframe-input", { key: '05f96ae6bb3b0da0e14144a2650100a87c203bea', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: 'abbd604d511e84b6ee814d124878ad9d118c312a', class: "row" }, h("iframe-input", { key: '615000330fc0735a514c37a60c814e3cb301dcd2', 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-information-form.js

@@ -31,16 +31,21 @@ export class BillingInformationForm {
             this.errors = Object.assign({}, errors);
         });
     }
+    async fill(values) {
+        this.formController.setInitialValues(values);
+        return this.formController.values.getValue();
+    }
     async getValues() {
         return this.formController.values.getValue();
     }
     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: '7111e5b5bb74bf5af175910094a75eccaff6f1c1' }, h("div", { key: '2ab9f375ca4d7b911f121a54eacbf1db58922fbf', part: billingForm }, h("form", { key: '85a3c97691dcbf47c626e879639b56abeae4b2b2' }, h("fieldset", { key: '8fbc358d9e9341f909484e1854f61fcfd1eb1fb7' }, h("div", { key: 'f829796613bf471ad10e9b56c925c279b89d1285', class: "row gy-3" }, h("div", { key: 'fb4db86dffdef38fdbdce46ff616ca04ae76e2d3', class: "col-12" }, h("form-control-text", { key: '8fbb9905623d60a3927e12b378643ba114444317', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'ad970e98848b37a7fbf38426816934d6d07f3f0c', class: "col-12" }, h("form-control-text", { key: '6e760651837835e11302b8c67a2df8fca1e8ed7e', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: 'e0e5e930cbe8d1004c9c042d11808cdfe249ec63', class: "col-12" }, h("form-control-text", { key: '804eddc192b2986da21e408c6ec4b0e5776cdc97', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '816709631875826395d2299c550aab269ebcc978', class: "col-12" }, h("form-control-text", { key: '51f9d36ac48eb9fd96e1174464c8626a5186f8fa', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: 'd6a218546863ca966ca29b6a25c7965133e03e9c', class: "col-12" }, h("form-control-select", { key: '09a02e39dd8fe8bd994f66e29c0c30e232a0fe62', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '171d7901a169a8a86dae6db50f85094d891a754e', class: "col-12" }, h("form-control-text", { key: '9c0654206e6e7a6f3e8ec1f6e91c856d56fb10f4', 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: '8ccc19bff46cfdd69aa8c24d802f280f903b2c83' }, h("div", { key: 'e4086d169ed498257a7bee09d4e6d0370361cb47', part: billingForm }, h("form", { key: '5cfd86c8e707600323421593aca5d818b94d85bf' }, h("fieldset", { key: '2f0409d62e676510c1f9a12333249f5a90d4a137' }, h("div", { key: '244aefaac547fa583ea95cff06f9cb260d0e23f2', class: "row gy-3" }, h("div", { key: 'cec59600605cb3c071cd6160be1b3252e413cca3', class: "col-12" }, h("form-control-text", { key: 'd9046a9e2125027bd297847c3239acd41ddfb77c', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'e3bde7950e9cc21441f603e9f83074eaee53e2bb', class: "col-12" }, h("form-control-text", { key: '1c60f429fe9bad373c9c224b1b5ae8e036a523e3', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: '67b46c93ce0abf603b673d72ff056736be547c1e', class: "col-12" }, h("form-control-text", { key: 'f19f4650221d263e9b62526c6eba155e559bfce6', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '09d6bd3ce92fcf23c40225c17a144bb39dae3458', class: "col-12" }, h("form-control-text", { key: 'dd7d03f10badb50fdfb830de01208281e4027753', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: '432885802707e91a326571201edb36153b2007f9', class: "col-12" }, h("form-control-select", { key: '3d67e842a0080180210fa0530f6ca2e980696db5', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '81d43b163f29bca08193affcfccd02224ed96cf3', class: "col-12" }, h("form-control-text", { key: 'bf5f32c222e044a09b275232fc42e6b474f1b7f3', 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-information-form"; }
     static get encapsulation() { return "shadow"; }
@@ -53,6 +58,32 @@ export class BillingInformationForm {
     }
     static get methods() {
         return {
+            "fill": {
+                "complexType": {
+                    "signature": "(values: BillingFormFields) => Promise<any>",
+                    "parameters": [{
+                            "name": "values",
+                            "type": "BillingFormFields",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "BillingFormFields": {
+                            "location": "import",
+                            "path": "./billing-form-schema",
+                            "id": "src/components/modular-checkout/sub-components/billing-form-schema.ts::BillingFormFields"
+                        }
+                    },
+                    "return": "Promise<any>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
             "getValues": {
                 "complexType": {
                     "signature": "() => Promise<BillingFormFields>",
@@ -77,7 +108,7 @@ export class BillingInformationForm {
             },
             "validate": {
                 "complexType": {
-                    "signature": "() => Promise<{ isValid: boolean; }>",
+                    "signature": "() => Promise<{ isValid: boolean; errors: any; }>",
                     "parameters": [],
                     "references": {
                         "Promise": {
@@ -85,7 +116,7 @@ export class BillingInformationForm {
                             "id": "global::Promise"
                         }
                     },
-                    "return": "Promise<{ isValid: boolean; }>"
+                    "return": "Promise<{ isValid: boolean; errors: any; }>"
                 },
                 "docs": {
                     "text": "",

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: '2c4ec015f537508bc875aaf6e3d527cd4f39eec6' }, h(CardFormSkeleton, { key: '064b3dab1b506c3332c753233b1893b36d36d42a', isReady: this.isReady }), h("hidden-input", { key: 'cb74f8ef5c6c437c3ff2c763b2b3f7a9f7732c13' }), h("div", { key: '7c688141ed3e96b032fc6f96a170cd4be09a65e5', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: 'e766d6934331eb81a88f7170b0af6ac30dcad5cf' }, h(CardFormSkeleton, { key: '085c4a7c55eb510fab67f5b2b40a74ed9dad8641', isReady: this.isReady }), h("hidden-input", { key: '2da8909ba30187b2af76c359df09454aee20c122' }), h("div", { key: '278ce2f40e26444bd6ba3d6c86ab2c9fc24f192f', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '2722c8d805cc4767bf58cb70c5be4815e8bc09ee', class: "mb-3" }, h("iframe-input", { key: '428df22cc9075d737c5aec2520596ae774adde1e', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '292ae9746f3dd219ced19be33f6900fa00bfb4b1', class: "row" }, h("div", { key: '2e825c02e676a30e873f6f119aa6521e49ac7051', class: "col-4 align-content-end" }, h("iframe-input", { key: '4a9ddbf248fdabcc6da0fb405e95c906717a91ab', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: 'a500314664b746c6947107021e32d04790000865', class: "col-4 align-content-end" }, h("iframe-input", { key: '995c9294a85c8da8b9e314646c93c700a54e7310', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'b0a7d1f9df2a2fba165d3cae93b542da80cec77c', class: "col-4 align-content-end" }, h("iframe-input", { key: '3adfeccdfc31745b972bf7d040aaf0e5d55fbfb3', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: '37cc4de3dee474960e1313ec373c5f1f8ac73832', class: "mb-3" }, h("iframe-input", { key: 'f4a0ec580257cec559d9b50f51a7b49f68724bba', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: 'e65d56b26704e676e0851fee603d94faf3927e63', class: "row" }, h("div", { key: 'dc3e8a71551bc9296a45f2f2f34e950aa2441b58', class: "col-4 align-content-end" }, h("iframe-input", { key: 'bf01e116b03c48a2562581b59c9fc51a2ceb76ca', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '894ff6ad9cabe84f040130029547c1f21280e648', class: "col-4 align-content-end" }, h("iframe-input", { key: '2491f2262264ca7d00763c24918cf36b1be3918c', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'eb28615b2b4c4f3c96eecaa669c145d7c75540e2', class: "col-4 align-content-end" }, h("iframe-input", { key: '3a41f7d72962ded54572046ff663b63dd00c3a7c', 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: 'bef445cfdd80c24e9b005f503cf4913ceac4eae8', class: "payment-method" }, h("div", { key: 'af292fe29e32858371b7a41fb3d1b983a33d4cc0', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '7f3e0ea48a5a8d9b655e1f8609065b7de06386eb', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: '8d4bc7222b08e71511017ef1292360f491de05c0', class: "payment-method" }, h("div", { key: '0c9efd8f33e07dfc7261010ee5d4ad96302ae36b', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: 'c87f7caa8f2770d784d7efc002762f6beb5f1896', 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/postal-code-form.js

@@ -37,11 +37,12 @@ export class PostalCodeForm {
     }
     async validate() {
         let isValid = await this.formController.validate();
-        return { isValid: isValid };
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: 'bc2746672b9bcb986f658f69c53ded47f78165e2' }, h("form", { key: '9a2642233487802aa55c0a0a548f277e252517d3' }, h("form-control-text", { key: 'ff3f4e10ebe6a278bbe0671691128a058e8ada8b', 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: 'dd5eac14587300198c7032b5ea66cddd0c732708' }, h("form", { key: 'fb51d6c69c0b4257a7d4c6299bf28ceb30d28f31' }, h("form-control-text", { key: '0ce26b35589622f79f653e538bc683b682af1944', 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-postal-code-form"; }
     static get encapsulation() { return "shadow"; }
@@ -104,7 +105,7 @@ export class PostalCodeForm {
             },
             "validate": {
                 "complexType": {
-                    "signature": "() => Promise<{ isValid: boolean; }>",
+                    "signature": "() => Promise<{ isValid: boolean; errors: any; }>",
                     "parameters": [],
                     "references": {
                         "Promise": {
@@ -112,7 +113,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/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: '9057314b14d664a53f9027fe8931c9e06d40da06' }, h("section", { key: '7f9d83b6684b0e12b8ac2f77980a46a8645bf9eb' }, h("div", { key: 'dec6d2cfc844ea84c8b2ed432ff158336accf753' }, h("div", { key: 'a70a972e3dcdad849602dcc701a945c065711a8a', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'cb2836ddfecd765399d596156cafeb2eec8e65eb' }, h("span", { key: '9578966828d25390357d15a0b20348a39b30ab4f', part: text }, "Total"), "\u00A0", h("span", { key: '00643561d4e300539f43b970e4e31bc387d6e307', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: 'fe4584497faaf589819dd60c5310eb427518d8c6' }, h("section", { key: 'ca55b0c0feea790e13ac680b955e64565633e7bd' }, h("div", { key: 'ae82878dc9010db77bc564e4ba1cc8fc6c04e7f2' }, h("div", { key: 'daf8a8514879d64d3463b5394e61b19cf8445fb9', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '44845dca1b6cb8d814c48279c03bc6694175e7a1' }, h("span", { key: 'eebc881d4693cab79fa25edb7563979c21d049a3', part: text }, "Total"), "\u00A0", h("span", { key: 'fbf572ba41fb575aa83c1f56d35a294e0855dc9c', 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: '01b1a2a01294f88b7c31fc3d9523351f2a0eabfa' }, h("div", { key: '61cb9b199e9741aae879a8db3174c0c0078b59b5', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: 'ce28f30bedd8c988c90d9bf5912e5c55eb8a8b89' }, h("div", { key: '76289143ed051b47e7d0e4b483f09a1a74b747c7', 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: 'c125f46ce70ffb47ef60aae54dd6e98600bc54ba', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '6837368dec422a7d4a049edac76da09243de2d80', class: "d-flex gap-3" }, h("div", { key: '11c09e2822156c68544fd4ef83b23455d96042f9', class: "d-flex align-items-center" }, h("img", { key: '75e151b275779cbbfd04829235f5c475bef9ae53', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '719e0529b756ba4c2b781d29027ab22be80d8e0a', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '3127a99862476f58bb3b2d5ced9a8816a40c41e9', class: "row" }, h("div", { key: 'b8c3fe406409be25c52506bdd1a87ad13d508a42', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '2f7d0b822f986af9313cfe3b542f3935c1414ecd', helpText: this.description })), h("div", { key: 'b20893a20241a2e46e2e9f8ab61b7acc53b6789b', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '14ef7edc22a547dbba9f634802bf7eba2f702d6f', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '87e8177f0faac786c076be1a6dcbcdae1978ec37', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'feba738f127cb66a8b04a4448d1870f0ba102282', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: '098ff45ab3cc11ed4a4c0aca0afb8e6a07dc2d1f', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'b56e327811e04c0cb6e7dbfb6fc71653ad250d21', class: "d-flex gap-3" }, h("div", { key: 'd14e7b29f17da9ad0a0e14f3bae67ff2b3da5014', class: "d-flex align-items-center" }, h("img", { key: '4a18f55103efa142b35b14d4664ff7c30f9f5856', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '01e54b539b7b1558241ae6a7d55d08f90c269e0f', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: 'fc1b072e8608cc728d904c0b2cfe81cedb517d89', class: "row" }, h("div", { key: 'e92ad7d5188b95c5cccb34b7764539e5295a4377', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'ce7a7082cf612b1ea292d00a4d1b974a7173ec5c', helpText: this.description })), h("div", { key: 'a78d11688b87e038fd3367a6fd5216e67805de53', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '7189baadf1be00653f73b224292488d679440f18', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: 'c915187a77d059246a02eae52dab022c551e3412', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '9f4356e007407670b887f3493d204db2468da520', 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: '8585ffcde1ebe2da1200e7fcaade68c0360f2c1a' }, this.loading && h(PaymentDetailsLoading, { key: 'f6299c6ec9d66a9245741159cc43b11ee7b09ca1' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: 'acc35bf0c47c91b3b843b4fcfa7818567b995ea7', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '603e435434b28cbdd8948a08974277936268fe70', 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: 'a098dd2bc67c702e1d7647d138ff97042da1de8f', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '10f5834de6a0409287aef8c92bd6c4c83b0b2bd0', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'd2af757628227d8733171c8f2be2835767226b61', title: "ID", value: this.payment.id })), h("div", { key: 'a22165ac2f43743ac21aec7a368ab8afb68c1fc9', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'c5de0c4fde5995b21e7ae5f17c6b51e3cbab57ad', sectionTitle: "Details" }), h("div", { key: 'd9a63e648c9451b09c3fad4228a930f40a6bb5e3', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '053219e35617c803aaf761887ea16eaa1d180799', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '362da49eb3a32b52952f8a962c59767b7d99893a', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '31eec3ba162f3e797b7f2e57ce0dd67ef699198f', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '319f49664029d1a4585a112ee20ba37d29ff86bb', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '405970cce3d67d7a2b99a59703208dde68026e37', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '2279263fa33f450b7a7a4c0cae7b6c5ce17d31d7', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '72a16f085fe07d51a60e29d4a446432b5ba9b647', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '30c28c112f2796119e5ba3be999d3af138b2638a', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '1751d564f87577e04b2e4d0674ed1613135c6fd9', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'b7688698d4b14b07ccdd667fd49c83c462c58715', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '8ce47b7e38b9560d782bcbc4a5b0d0867914e0a7', sectionTitle: "Payment Method" }),
-            h("div", { key: '35139a669b782e699d272c9569f78ee89cf78a4d', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'b63fd298d76b5cc74c6bd2bb9c72c776da76e60b', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '8034323b79eba121450f84b98fecb329f04ee058', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '484afb22d8b083b127f2e82a2d16bed107f4ff93', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '3d018226d4e8b7d880d22095eb0f368b8e0447ce', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '3764d6de77ccf43f554d4713bd3a1dc4c2563a6d', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: '543dad947d01344e9e5009110bddb5821a02937f' }, this.loading && h(PaymentDetailsLoading, { key: 'abcd6ef7e515e16de73c67899c7cbfc9b70ab33e' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: 'b483164e45760433b992e0e2963286b8b09ffa5b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'b9683686f022496a692aa3110aa8a45fbc5e20a8', 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: 'aee5d5a5094b6f28ca91768f367c722c36839503', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '2b6e98971b18a1eac443eb533a970eac31e10b00', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '1eb83f88d6f03498b5c727e12b6bb9843a39c484', title: "ID", value: this.payment.id })), h("div", { key: '65084d14a86e1083a04d3a5ec090836c127e9b2b', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'c39fb2358ffd27569eaa1d53f2b84436d8c3d13d', sectionTitle: "Details" }), h("div", { key: 'f553f918635184ce74a961adf048e0aef8e4095e', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '10904bbe38efc40725407691278d5ef1e050c19a', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'd508f41ab412a26de5d77677083ac5caa5acdbc1', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'cbd6726b86287968734945591503e72fcf3c33d1', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '0c826a82c18fc6ddcceafaca8e7c2a365d66ed35', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '891a37d3c9a7ef23dca67f46a0c889d1be15d7ec', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '4072981c52ccf3c44e1539a7faa5c3b71a4d5bc0', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '268e56e5219ce1c32ccbd0fc8b8baea0c0bc3e14', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '6c168b8af36129c1463abb5f2297501c6748c53c', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'a8f5fffc9ba51dff3e7fbd792c94b0281f8c6bfe', title: "Description", value: this.payment.description }), h(DetailItem, { key: '420e914293457433d5b3ca2251c2732bbaf93124', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '2f8e24f28b11e7ce54013d69ea093c68c0aaa6eb', sectionTitle: "Payment Method" }),
+            h("div", { key: '49dc2c4227ae2ecacd633ec0e3f70ad084e1149b', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '1a082c26a64699c83a9ef591a67c104c28d2f701', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'cf65c3bee1a9468a271a20568bf4a94e793134c9', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '20844b52ca50fcf86232b00d28dffbac9255500d', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'bbe9028644fd810993fbd41515377efafa42104a', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '0497fb5cd1dc27c3b6231c9f4a7a90280e91bd14', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: 'b3e05a55bf7ad71da8cf954c2b019983c724a4d2', sectionTitle: "Payment Method" }),
-            h("div", { key: '114e6995238d425538238fdb8a1aa6f8cdab2978', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'b63a6c4476a748cf04298c10b44547e6fd4a9a87', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '85abe1a494648a42c72f3cde23f6c63ee8d28f1b', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '589d98f88a2ebf42caf7b32f9358e7da1d927d5d', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'ee98c032b446963cba6f2e6a31ae5f444e5bfae6', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: '8d1bf178e46cbbc4f032921131596287ebbef3e9', sectionTitle: "Payment Method" }),
+            h("div", { key: '229f45908714278751ff15130055f9fee4c9d433', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '8f5bcea109acde4bdda0f075277ec8c452a33c05', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '5ab277a94c113f1b3abfa596dc82444d6e7fe6fc', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '3816609a36fa8bb3a6391fa00b92244a438de013', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'fc14e9b11c89f738df3318d1ef8919b07d57c027', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '38c0e695c4a14350a6f32ec60bedb8b7fa5f00ce', sectionTitle: 'Metadata' }),
-            h("div", { key: 'dfff9e06e175b7d523bb257989c5f79c15b99fff', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '35831d5d59cd4b3c89ae000fd8f1e2952f252e4b', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: 'd89b23ef22f085b803b6b551ca6e0d4ba8d13d06', sectionTitle: 'Metadata' }),
+            h("div", { key: '116486645abcf17cf8641c2dc009982a506b0745', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '3f682166ca1acfc896281b85afb8e8514240b2dd', 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: '1222542358d9e7495486f3c68e5f64867396580c' }, h(TableWrapper, { key: '561e90e5b184db206183346fab42f400e7cf6bfb' }, h(TableComponent, { key: '3dc0a8995b8e7a2c8fff4c71c4e381c1722cef68' }, h(TableHead, { key: '6efdcc49cbf8411af8d5f291a400a7bbe4202e30' }, h(TableHeadRow, { key: 'b86643118789b808b857e43e22ca8a541a67571e' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '86e8dc7866f75b092b5f5e545f6d6021628fda43' }, h(TableLoadingState, { key: '70ae8aec85601944c443f983f3d2e44c5e1104fd', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'b921157d2ffd267fb23293d7928e0b59fbb4cb32', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '9101fb0a98ef815cff3216875eca8fe700dbae7c', 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: '5536fcc48352ccfc0cb32d9aa95ee776e90cc7c5' }, h(TableFootRow, { key: '5abc999156f8efcc509f76686c967d13dba6a026' }, h(TableFootCell, { key: '93a390c9f8b222ce73243198ceb0698d2d261bd8', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'fa01e04f6f6965b1f0749bbe8581bbf3ab53bc45', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '5c698480143316a0bde55f786e43c38078101fe2' }, h(TableWrapper, { key: '7aa76eeecda5074a4f80f845be5458caf2dfc3d2' }, h(TableComponent, { key: '901404b33447a3b2aad2c203d9a69dd418cc9e20' }, h(TableHead, { key: '78b100e8c6c53f0d92cd67eb5f74299d78f8f2bf' }, h(TableHeadRow, { key: 'd8bde261d1b1169757175660303917c3edac3ed2' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'c08217fd1645c8c3649c97180612cac7babd4a83' }, h(TableLoadingState, { key: 'e8005f54f42b00e11bef86371430d90f72a9e277', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '0b844b8669272a660f434a160643cca60008b9ab', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '600ab04c6d42513bbd8968c30d9419ced62ee4e1', 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: 'a30dcd95290c541609ecbc2ce8ace8d16e976c61' }, h(TableFootRow, { key: '03be11678b4e7bafeb9d4d5b71ca05f1a64cd622' }, h(TableFootCell, { key: '07d1b9c331d3d4826d205f9d7ecd77dfa8e38878', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '3037569e28276b7c88b7ac4f0ab72a2c3fe5d5b9', 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: 'c2ee9fe256bed85419d5bbc0b12c22210cec4b6a' }, h(TableComponent, { key: '70f2dd874928fe941029504bd6fc12183e0c2bef' }, h(TableHead, { key: 'd26595fd6b181ade2da1d6f802de7ee88945361a' }, h(TableHeadRow, { key: '003af39a3b07fb045d1bf1685150b9d6e8318b64' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'e510d90dea09305da8e70973f6d4de937b533307' }, h(TableLoadingState, { key: '4a441175be1800937dfcae98d938dd69b045f274', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '5c9b31dd51e69420bbaa7b48e69bef350c9bd5f6', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '29d1ed55946c075b52663e1ea2fa64353a368659', 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: 'f5f60a8b3cd2b620f8a757690d9f4be1fd19b0bd' }, h(TableFootRow, { key: '1e6552dee4bbf5de86468ace0c89a93502081f95' }, h(TableFootCell, { key: '8ebcd59eba395663304647f592f2fd05763dec94', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '39973efbcac641d5b99bec8e9ad032708d6ba3f1', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '3d19bff21b3edbd06817f4e91110a6b53ad2b6aa' }, h(TableComponent, { key: '3f32495d49ad96a643bd11d21b140458bf26c3bd' }, h(TableHead, { key: 'db75917e259fb0fea5e1396d388aacac38fc768f' }, h(TableHeadRow, { key: '22de3e5cc40b0ece323e8fed97580c94598ccea0' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '4fd97328884439dea3e036169753b39f9e7b6053' }, h(TableLoadingState, { key: 'c9bb14a64dc3243dacb39eb22ceeffad0abd49e3', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '68e583dc13ffc089067cc54c2be9ca7898efa116', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '14ac8451b9da3d5c39164620c69b8e0aab282145', 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: '55ddfb968541d296ea896ae14c80f1557185e920' }, h(TableFootRow, { key: 'a9ed770e075d1be82444266e842b2bf8ace67a7a' }, h(TableFootCell, { key: '6d82711cd658231009c7a3e66058c9895f9e431e', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '51c4436c22c62ed82d960011e8c799673cdbf2c9', 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: 'cad5007fe498aa2c9f660237a521484c244cf474' }, h("table-filters-menu", { key: '4b0f4b6e09ee5839890d041a641d7988d36491ca', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '331914224ba6e9ea1f96f61457d84b63ac9e9cc0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '80acaed15b83022d95d14d1bb2d18b1b65b57e32', class: "p-2" }, h("form-control-text", { key: 'd7566c7db6b0da0708b3c3c7d104e4c63b2cbb92', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'ce39d29814522dc85ec547a507ffe2863bffc244', class: "p-2" }, h("form-control-text", { key: 'd5d558707fc2577ef035dd05d0a2ae7a944008a4', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '9dc9eb22b1d46a36a6dc82853351c5321b9864f3', class: "p-2" }, h("form-control-select", { key: 'd59e9c9b816aef996d8eefd3a199cab6aa66b27a', 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: '289e889f9933e9b2fe0baa407f7cee720c2cb30d', class: "p-2" }, h("form-control-date", { key: '42156ed44bf95904289a878e7fab17cdff6a555e', 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: 'b677ef4b209452c31a60c00ad0a6803528a50ff4', class: "p-2" }, h("form-control-date", { key: '5d57efd28d50a5317b74ff3a202387a6dd5a3d95', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'e3174a9f9310710297a74ee02d658a168af131eb' }, h("table-filters-menu", { key: '2336d8d7a05e259ce065d259357243f9a844e32a', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '49ba13212d5ae28e55520a34592d61b3c7def2eb', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '427fdf6a569332a102b7e5bb475d4a71c0d36d5b', class: "p-2" }, h("form-control-text", { key: '10845be407149cc17c8c75e3b87c38ac6714dccf', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '447bc64b346db7ef5711703b22672518ef981e8a', class: "p-2" }, h("form-control-text", { key: '3620bae1b22ee69ed6688b20569b43d2cee52280', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '4d064b2a739491084106daade8b3cfd4170752ee', class: "p-2" }, h("form-control-select", { key: '2c444d8c97fc0f676c91aec3da7d91d09997c5cc', 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: '0440ce666625e61b53844ef1a1a81a79fbeb5e36', class: "p-2" }, h("form-control-date", { key: '288c369557cbc4386093aedefec2963942820508', 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: 'ceebd4e7896ae0ee7395d0558650f9cff2810029', class: "p-2" }, h("form-control-date", { key: '2433bd25ca1dfaf7c5d284d367fcbe7c8730bc6c', 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: 'b3b4380a5b1c78bff1a93209079bc1af1343cf92' }, h("payments-list-core", { key: '083e8cdcbfc132d193ca563fe21bab7f23df71ad', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '9bdcd5443ceacad1dd33b4c2b47f65dca63eb196' }, h("payments-list-core", { key: 'b5d4907c84add674afe115baefff6ab75a6bc797', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-payments-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -52,9 +52,9 @@ export class PayoutDetailsCore {
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '49e7b88fdc88080ebb6a13f06312e79740fc55ee' }, this.loading && h(PayoutDetailsLoading, { key: 'dcda5e853910c71690ad86e1b92c9fa35bf8f2c5' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'af265ec9f36b0a181d8d920dd8ff11f0e90a8892', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '9886a1828548f050f0fcaa1f430fde0f0755643d', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: 'aa39b7dfb47f575acafb8b056004d18ea04f22d2', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'b6446fddfa39f1661b3142af914c0b1ed6d1ae6d', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'e5dfa4de2bf04ce771dfe1b115d5b5b1dbd2fc59', title: "ID", value: this.payout.id }), h("div", { key: '57b7e13f03485831686ac10970dacf9a8da20717', class: "m-4" }, h(Button, { key: '8f4c622105fe8588c7788c46bce1196a301729f5', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '815e6c278a4282ec281aa2a990aa579593a1499a', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '2c38abeed3a2f37690aa818f333f74afcf151f10', sectionTitle: "Details" }), h("div", { key: '044414048a85a74b80f1bda6535a276d487961b8', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '416788949863fffcd59072de36d0b50dea58114a', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'de23182cfcb49537e1393dcdea03087779b7f65d', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'eb55b0ca232c9c7ab50446d298f8971fa30cc9fc', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'c7cd95c71512d7c38073f20226719cc473461f89', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '11858fafc2af68ef72bff0d1a7651a0f6c894147', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'e501c81bfe4aca5460f1bcd18d1642cbc1269ad7', sectionTitle: "Account" }), h("div", { key: 'd82f31f42db391c486edf934ad59f61d91909555', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'b8d77ed73f54111f58905660c264d8b985441493', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'b410db883303e241ef6d23d3d2fe0a279f95ea62', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'f29d5919b57a565f7b098e59d5f107297ee0426c', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '8865014dad645d7b3ddcd3819fede60b4b8eb44f', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'a9df02b65f38494fbe260ebdc4175ba14fbe3c0f', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '693a0bab6104bc344b264b81a73d772b88b605cb', sectionTitle: 'Metadata' }),
-            h("div", { key: '2607f9700a1d6b923e60254fcabecfdb0a4476b6', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '4556629859e018b58f926eb3a8a551540a651c4e', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: 'a109088ffaa3437430299158bde07f695f6ed0a8' }, this.loading && h(PayoutDetailsLoading, { key: 'da2a9f3b35291bbd1abea3de3174b77ee58586f2' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'b97b623716beaa39a2d9d5d9dde554b461948fae', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '716414411ca5d8d5e30c7f52aa4d8a94c5dfb163', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '898b1578cbc0b90a6ebd305ffcf45c996ea36942', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'ab03a03ba80781aa760bed450944c35f0210216c', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'f65b10fd429d33391471cbacccc001d38943331c', title: "ID", value: this.payout.id }), h("div", { key: 'f0716854307a8208d486448c1e7e7c2e9f7bea9e', class: "m-4" }, h(Button, { key: 'b9b963854f14f508984eb70d37656226b334d882', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '70df708f9f7ddda9d21a58481b7937a567ff0179', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '24f60a66b848ba091a75fe7877c23b1c45a790ad', sectionTitle: "Details" }), h("div", { key: 'c97f709a9030081871ed6b8878b8d9d73cbdb51d', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '7782dfef517e23171d7b1d3023a019dc51731f7d', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'edcef38d00c9febe83acebd6c4c4e462ee8c117f', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '2ae0d6434310d6c726226e6e8199d58f531ead31', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'dfd06d7613a315366982cafad64214d41246bc18', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '0c3b97b7eb651863b5df30989d059e0cb9c94967', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '245a0a7a705d7bae8aa8c6b42513ce613d6b2238', sectionTitle: "Account" }), h("div", { key: '914381b1cd84b4ee90f994226054b9ca241707f7', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'f62e176e6dd5d74dae815a2eccd25b96d1bedb17', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: '893f89d10f01718d7dee7621e9d7572f8789084f', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '2531d9a01f8c016edbcf4687ea652fe57dcd6b54', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '107cadba8101d230777f7011e2444e31d9db4ca2', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '85919cc3b23f149a1a488e7dc2dea262df59938f', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: 'b54afae3f6a3310483988076c3f5548edf51e605', sectionTitle: 'Metadata' }),
+            h("div", { key: '0d25df6c414f619088441e9286f47a17920ac0bd', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '14aa74c5756f5bf83769d166ee6ee56317506747', metadata: this.payout.metadata }))
         ])))));
     }
     static get is() { return "payout-details-core"; }