@justifi/webcomponents 6.7.2 → 6.7.3

package/dist/module/form-control-radio2.js

@@ -11,6 +11,9 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTM
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
+        this.inputHandler = () => { };
+        this.disabled = false;
+        this.errorText = '';
         this.handleFormControlInput = (event) => {
             const target = event.target;
             const name = target.getAttribute('name');
@@ -34,10 +37,10 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTM
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '27b69f35b1d6688d8af70bf7c948c9d6c6f89542', class: 'form-group d-flex flex-column' }, h("div", { key: 'c9a9b47923347a9b627fb774ae6dcc19487a6095', class: "form-check" }, h("input", { key: '90191fd15fe832e57254b7f62e5e86f21aeb4103', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '8cb1ec6909bc2cf40e12a9571c2eafccf26b11ae', class: 'form-group d-flex flex-column' }, h("div", { key: 'c87254a83f9e5c025d956b1267430481eddc8611', class: "form-check" }, h("input", { key: 'c688c8ee6fb43bc1766196c54f097b6f020682dc', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: 'd28e591fab27605e20132fd7d4d7a03fd50635d3', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '633a53fe3a4aa0f736fb8c6c195ab17ff874fe13', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'f5ea298d6d8c2acb44d314c0a8182bb953381130', errorText: this.errorText, name: this.name })));
+            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: '4a73f2c14311e08485bd8da49fb46dea05e50e26', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'e1e539af6cf24db6dd6411eea872a174a5a4e80c', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'fa206e7d1300cc9ef5386efb26e5a2d4eedab149', errorText: this.errorText, name: this.name })));
     }
 }, [256, "form-control-radio", {
         "label": [8],

package/dist/module/form-control-select2.js

@@ -47,10 +47,10 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends H
     }
     render() {
         var _a;
-        return (h(Host, { key: '605b6cb9bfa7bac528ee0af9c4deb5e7b1356b93' }, h("div", { key: 'f8b42609971ff02c4bc147a113bb4a025d32bcd8', class: "form-group d-flex flex-column" }, h("div", { key: '26c87da7b92edbb7fd41825a4e64b642778d0808', class: "d-flex align-items-start gap-2" }, h("label", { key: '43ad562c323b586bf7ab0260258d8678ef3194aa', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '1e4b1fa0e9bae57b6e783fb873de38c49ae7a8a4', helpText: this.helpText })), h("select", { key: 'bef2df140499a642ea9bf5bd3f6d7b558042e733', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '649b0ca4cb24c5a179ac01db344d53ac4481dbbd' }, h("div", { key: '1976f3076b0cd47ead27e9acc9c71bda01623e56', class: "form-group d-flex flex-column" }, h("div", { key: '1610a472997ce0d6c8bb8e3e9e43096cfa442dc3', class: "d-flex align-items-start gap-2" }, h("label", { key: 'a25d6b0d6d2b51d8e2c61afe945eb9fe3ab0e6d6', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e9a891ffdb7910ac1ac6b94e98042e87f4ae0ad1', helpText: this.helpText })), h("select", { key: 'c56535aeb6701fbcb21fc64fdf449f23f8ea8876', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: '99abaaa766c1270cf1cfd926320d343393b13d1d', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: '441e66367708e5653b483acd6a9834da391a6a0c', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-text2.js

@@ -48,10 +48,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: '559f086283d08b505d31b39e181581d30038aa6a' }, h("div", { key: '4f86bb1d540bac675f354b90ea197a5772a4c6f5', class: "form-group d-flex flex-column" }, h("div", { key: '0012abb57c9d764af117e4a7c94a46d1cf155578', class: "d-flex align-items-start gap-2" }, h("label", { key: '0af1f99196b62eb76901c4656e231fde993c5e0f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '364a0e5f3d5229012f8ab8815938d99f0d1e9e06', helpText: this.helpText })), h("input", { key: '2b068466f069282a6a5acdd0842bb0f96db6944f', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'ab2547726a7cdf84fae2970e14e5e22164a8db9f' }, h("div", { key: '2ca8d50630ae66298384e3e574cec92be7eb2120', class: "form-group d-flex flex-column" }, h("div", { key: '6683fc8418f4f59db60b3d94eca0795b2f7ec23e', class: "d-flex align-items-start gap-2" }, h("label", { key: '46c5670107fff83d643b23e6b570199c21c39c07', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7c42abe6644ef89c0c964717a5fedb63993beed8', helpText: this.helpText })), h("input", { key: 'c484eaa0ad7e01299ece5fcd5b783a7bdedb4dc4', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '602fc385905ba52c551aa73ef71e29f0ef16084e', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: 'e5f1a634eaa8684106d500245282685016dd38c2', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/form-control-textarea2.js

@@ -11,6 +11,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
         this.isFocused = false;
+        this.helpText = '';
+        this.errorText = '';
+        this.inputHandler = () => { };
+        this.disabled = false;
         this.handleFormControlInput = (event) => {
             const target = event.target;
             const name = target.getAttribute('name');
@@ -46,10 +50,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: '1fa96ad32451a814537a92abc4547d3a227ba832' }, h("div", { key: '6adc16748f0b4fc2f3d9e7eaf2d88233263b82c0', class: "form-group d-flex flex-column" }, h("label", { key: '0b18eece09db4d3dd3f9c870b1c232c7c32f6f94', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '411d846fa0af7a5ab5a72662b71c802f1de87a8d', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '674ffca07a9d08d3c91dabd929abbec7295b59e3' }, h("div", { key: '31f19f54d033a4dd2d087d57a32233cec2d76399', class: "form-group d-flex flex-column" }, h("label", { key: '87a7bf2e61052b30acce04c2d8862198fd0dc0c7', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '42a4664dfea00bf9bf4c54d36ee03d53338ff4bc', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: 'd52fad4559514075e0623c1571b33ccc4df62ead', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '52484a4da5de1a0e5409524cdb6993dc4469d708', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: '004c85e69ed747250ecdad8559af650ac92c960d', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '6ce96a2d36b6972caf80a66cbf256b461967904b', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/google-pay.js

@@ -699,9 +699,9 @@ const GooglePay = /*@__PURE__*/ proxyCustomElement(class GooglePay extends HTMLE
         const showDeviceUnavailable = !this.isLoading && !this.error && !this.isAvailable;
         const showPaymentsUnavailable = !this.isLoading && !this.error && this.isAvailable && !this.canMakePayments;
         const showButton = !this.isLoading && !this.error && this.isAvailable && this.canMakePayments;
-        return (h(StyledHost, { key: 'ee9d21e776e2a5c48d3fa2fb505290020707897d' }, checkoutStore.checkoutLoaded && (h("script", { key: '72bd5be9e6b80a42e219082cb248927aa6e1154b', async: true, src: 'https://pay.google.com/gp/p/js/pay.js', onLoad: () => {
+        return (h(StyledHost, { key: '03db34814fb208f95cb962dac7bbf39a7f866009' }, checkoutStore.checkoutLoaded && (h("script", { key: '1e3f05585ba986de8fe31561e889395a263ef78d', async: true, src: 'https://pay.google.com/gp/p/js/pay.js', onLoad: () => {
                 this.initializeGooglePay();
-            } })), h("div", { key: 'f0c2c019b80589e69c159e78b18e37fc5b1f5b21', class: 'google-pay-container' }, h(GooglePaySkeleton, { key: 'd2b1f727aec121ce5e71afcd4306df92a4b5dd3b', isLoading: this.isLoading }), showError && (h("div", { key: '257df18492bff1609b864b69e2fffbacfc751ead', class: 'google-pay-error', role: 'alert', "data-testid": 'gp-error' }, h("span", { key: 'f0ece1f1ceeb2fd957ab577f848741a377c7375d', class: 'error-icon' }, "\u26A0\uFE0F"), h("span", { key: '9139e3824de300b51b2f577fbfa77ab200b0afa5', class: 'error-message' }, this.error))), showDeviceUnavailable && (h("div", { key: 'f1bf0002a82aec202b168130729c16caeb254119', class: 'google-pay-unavailable', "data-testid": 'gp-device-unavailable' }, h("span", { key: 'de42cef5e7fd8df4f84c6b2d9429672b97e9e805', class: 'unavailable-message' }, "Google Pay is not available on this device"))), showPaymentsUnavailable && (h("div", { key: 'a4738f6c36240efee000560acc775e431b517588', class: 'google-pay-unavailable', "data-testid": 'gp-payments-unavailable' }, h("span", { key: '6987a5208a702c15081660b09bfc10360eeef922', class: 'unavailable-message' }, "Google Pay is not available for payments"))), showButton && (h(GooglePayButton, { key: 'de09f6693db4dc60ba6529e683dc213bec8492a5', "data-testid": 'gp-button', buttonType: this.buttonType, buttonStyle: this.buttonStyle, buttonSizeMode: this.buttonSizeMode, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleGooglePayClick }))), h("style", { key: 'ed3249a9b1f55720f6f4f29b3923ae2c6eda3431' }, `
+            } })), h("div", { key: 'dbc0bef2cc8ecc090a2e47c07857721777f2a4d0', class: 'google-pay-container' }, h(GooglePaySkeleton, { key: 'c8424c307933e7dff09f91789e5f360107ad9455', isLoading: this.isLoading }), showError && (h("div", { key: 'dc6809b02f90607f14c178adbdb55b146eb7c40d', class: 'google-pay-error', role: 'alert', "data-testid": 'gp-error' }, h("span", { key: '5cbc697930caa6306d0a60dcbe47eb402f53787d', class: 'error-icon' }, "\u26A0\uFE0F"), h("span", { key: '893a51db871fbb32a06c6bea5b58c46b48a1ab68', class: 'error-message' }, this.error))), showDeviceUnavailable && (h("div", { key: 'db1f743883ac3137172a298fdc8f5e0ed6b1c0be', class: 'google-pay-unavailable', "data-testid": 'gp-device-unavailable' }, h("span", { key: '5037803646e5a493cf7676a7d07918c265eabf4a', class: 'unavailable-message' }, "Google Pay is not available on this device"))), showPaymentsUnavailable && (h("div", { key: 'c7d519a57bf52b788b5e55ebb9ae229756f72316', class: 'google-pay-unavailable', "data-testid": 'gp-payments-unavailable' }, h("span", { key: 'bfd35ea4231cef3d06191fccd0e42ed5d6779261', class: 'unavailable-message' }, "Google Pay is not available for payments"))), showButton && (h(GooglePayButton, { key: 'f4888ea57c3ac49199ffb8e0b6d4c1ba6ba84ec3', "data-testid": 'gp-button', buttonType: this.buttonType, buttonStyle: this.buttonStyle, buttonSizeMode: this.buttonSizeMode, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleGooglePayClick }))), h("style", { key: '620c1c8a982f52d7b7793ef5ce92587eb3ec3284' }, `
             .google-pay-container {
               width: 100%;
             }

package/dist/module/gross-payment-chart-core2.js

@@ -11063,7 +11063,7 @@ const GrossPaymentChartCore = /*@__PURE__*/ proxyCustomElement(class GrossPaymen
         }
     }
     render() {
-        return (h(Host, { key: '641e450946112528c3577b6024872f51125e793d' }, this.loading && h(Spinner, { key: 'c767a118f00a0931ed736352ba4c26a34ad8f512' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: 'a5fc2c7a59a015170ffd465ece20c3c8cd8ee99a' }, this.loading && h(Spinner, { key: 'e0f3cdf534e3e907c56575ceb46976e315ef574b' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/module/hidden-input2.js

@@ -92,7 +92,7 @@ const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '5ebb1ec479a87430d51fbdff53edcaace72e98c2' }, h("input", { key: '48ace17d93b23f5da773412390fd8187c03cd59d', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (h(Host, { key: 'c6c8c76cdec2790f60ee19c527731ba6f9117b75' }, h("input", { key: '9af6445a3380f6e31e287558dc3cbd0822db6a21', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 }, [256, "hidden-input", {
         "isFocused": [32],

package/dist/module/identity-address-form.js

@@ -21,7 +21,7 @@ const IdentityAddressForm = /*@__PURE__*/ proxyCustomElement(class IdentityAddre
         this.handleFormUpdate(newValues);
     }
     render() {
-        return (h(Host, { key: '86c91933676745470d6b28cf6843624d092adc57' }, h("justifi-form-address-fields", { key: '7cbee24003b6b0446fb1203c9863151b0d2f4f15', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
+        return (h(Host, { key: '1b644425472c68880a9be150d52029a64d75ea26' }, h("justifi-form-address-fields", { key: 'd5e95bc81c654d00a0fcac4760705bd21b3b8c8d', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
     }
     static get watchers() { return {
         "address": ["handleAddressChange"]

package/dist/module/iframe-input2.js

@@ -1619,10 +1619,10 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         return params;
     }
     render() {
-        return (h(Host, { key: 'b7f549db9954e772632f144d0b8fab81aa00ac48', class: "form-group d-flex flex-column" }, h("div", { key: 'c073506d6835001d515839382d5140ea074cb1c8', style: {
+        return (h(Host, { key: 'a330cb0cec7fbdf46c0e6e7c40be6997b2c4cd5f', class: "form-group d-flex flex-column" }, h("div", { key: '66458b65ed76bfe0e0dea194433f22b03f912135', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: 'a80095abc7580bf8f4704239a27d0d819df48800', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'd3c5647e79ae3f2fc68cd3b0395c18416ef848fe', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '66ad8a684dcc1397fe11ac2e1c7429ce88ec1166', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '9b8ed47bde6743810d6bd3efa14bd1dd55ce2753', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'f3b3cdd705bda6f52d4f491be6c3f85df1182386', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: 'b0f70e44bdf8c959bdae70e8b487fad62d1b5f36', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1632,7 +1632,7 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: 'bca0e095f13b229ad73a309e9c39b4a42104e303', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '72e6383af686f07b9f40b125a8502c56aaa40310', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [256, "iframe-input", {

package/dist/module/index2.js

@@ -1,12 +1,13 @@
-import { getRenderingRef, forceUpdate } from '@stencil/core/internal/client';
+import * as StencilCore from '@stencil/core/internal/client';
 
 const appendToMap = (map, propName, value) => {
-    const items = map.get(propName);
-    if (!items) {
-        map.set(propName, [value]);
+    let refs = map.get(propName);
+    if (!refs) {
+        refs = [];
+        map.set(propName, refs);
     }
-    else if (!items.includes(value)) {
-        items.push(value);
+    if (!refs.some((ref) => ref.deref() === value)) {
+        refs.push(new WeakRef(value));
     }
 };
 const debounce = (fn, ms) => {
@@ -34,33 +35,54 @@ const debounce = (fn, ms) => {
 const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
 const cleanupElements = debounce((map) => {
     for (let key of map.keys()) {
-        map.set(key, map.get(key).filter(isConnected));
+        const refs = map.get(key).filter((ref) => {
+            const elm = ref.deref();
+            return elm && isConnected(elm);
+        });
+        map.set(key, refs);
     }
 }, 2_000);
+const core = StencilCore;
+const forceUpdate = core.forceUpdate;
+const getRenderingRef = core.getRenderingRef;
 const stencilSubscription = () => {
-    if (typeof getRenderingRef !== 'function') {
+    if (typeof getRenderingRef !== 'function' || typeof forceUpdate !== 'function') {
         // If we are not in a stencil project, we do nothing.
         // This function is not really exported by @stencil/core.
         return {};
     }
+    const ensureForceUpdate = forceUpdate;
+    const ensureGetRenderingRef = getRenderingRef;
     const elmsToUpdate = new Map();
     return {
         dispose: () => elmsToUpdate.clear(),
         get: (propName) => {
-            const elm = getRenderingRef();
+            const elm = ensureGetRenderingRef();
             if (elm) {
                 appendToMap(elmsToUpdate, propName, elm);
             }
         },
         set: (propName) => {
-            const elements = elmsToUpdate.get(propName);
-            if (elements) {
-                elmsToUpdate.set(propName, elements.filter(forceUpdate));
+            const refs = elmsToUpdate.get(propName);
+            if (refs) {
+                const nextRefs = refs.filter((ref) => {
+                    const elm = ref.deref();
+                    if (!elm)
+                        return false;
+                    return ensureForceUpdate(elm);
+                });
+                elmsToUpdate.set(propName, nextRefs);
             }
             cleanupElements(elmsToUpdate);
         },
         reset: () => {
-            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));
+            elmsToUpdate.forEach((refs) => {
+                refs.forEach((ref) => {
+                    const elm = ref.deref();
+                    if (elm)
+                        ensureForceUpdate(elm);
+                });
+            });
             cleanupElements(elmsToUpdate);
         },
     };
@@ -68,8 +90,11 @@ const stencilSubscription = () => {
 
 const unwrap = (val) => (typeof val === 'function' ? val() : val);
 const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
-    const unwrappedState = unwrap(defaultState);
-    let states = new Map(Object.entries(unwrappedState ?? {}));
+    const resolveDefaultState = () => (unwrap(defaultState) ?? {});
+    const initialState = resolveDefaultState();
+    let states = new Map(Object.entries(initialState));
+    const proxyAvailable = typeof Proxy !== 'undefined';
+    const plainState = proxyAvailable ? null : {};
     const handlers = {
         dispose: [],
         get: [],
@@ -81,7 +106,10 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
     const reset = () => {
         // When resetting the state, the default state may be a function - unwrap it to invoke it.
         // otherwise, the state won't be properly reset
-        states = new Map(Object.entries(unwrap(defaultState) ?? {}));
+        states = new Map(Object.entries(resolveDefaultState()));
+        if (!proxyAvailable) {
+            syncPlainStateKeys();
+        }
         handlers.reset.forEach((cb) => cb());
     };
     const dispose = () => {
@@ -98,12 +126,14 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
         const oldValue = states.get(propName);
         if (shouldUpdate(value, oldValue, propName)) {
             states.set(propName, value);
+            if (!proxyAvailable) {
+                ensurePlainProperty(propName);
+            }
             handlers.set.forEach((cb) => cb(propName, value, oldValue));
         }
     };
-    const state = (typeof Proxy === 'undefined'
-        ? {}
-        : new Proxy(unwrappedState, {
+    const state = (proxyAvailable
+        ? new Proxy(initialState, {
             get(_, propName) {
                 return get(propName);
             },
@@ -123,7 +153,11 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
                 set(propName, value);
                 return true;
             },
-        }));
+        })
+        : (() => {
+            syncPlainStateKeys();
+            return plainState;
+        })());
     const on = (eventName, callback) => {
         handlers[eventName].push(callback);
         return () => {
@@ -136,7 +170,10 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
                 cb(newValue);
             }
         };
-        const resetHandler = () => cb(unwrap(defaultState)[propName]);
+        const resetHandler = () => {
+            const snapshot = resolveDefaultState();
+            cb(snapshot[propName]);
+        };
         // Register the handlers
         const unSet = on('set', setHandler);
         const unReset = on('reset', resetHandler);
@@ -179,6 +216,38 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
             changeListeners.delete(listener);
         }
     };
+    function ensurePlainProperty(key) {
+        if (proxyAvailable || !plainState) {
+            return;
+        }
+        if (Object.prototype.hasOwnProperty.call(plainState, key)) {
+            return;
+        }
+        Object.defineProperty(plainState, key, {
+            configurable: true,
+            enumerable: true,
+            get() {
+                return get(key);
+            },
+            set(value) {
+                set(key, value);
+            },
+        });
+    }
+    function syncPlainStateKeys() {
+        if (proxyAvailable || !plainState) {
+            return;
+        }
+        const knownKeys = new Set(states.keys());
+        for (const key of Object.keys(plainState)) {
+            if (!knownKeys.has(key)) {
+                delete plainState[key];
+            }
+        }
+        for (const key of knownKeys) {
+            ensurePlainProperty(key);
+        }
+    }
     return {
         state,
         get,

package/dist/module/internal-tokenize-payment-method2.js

@@ -279,7 +279,7 @@ const InternalTokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class Int
         return paymentMethodType === PAYMENT_METHODS.NEW_CARD ? (h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (h(StyledHost, { key: '8017b0fe2b0e3045a097e30aadf6a54ed2c32e62' }, h("form", { key: 'c7b0ac690a66cfb693d28e7d0eabc93817de4659' }, h("fieldset", { key: 'fb29e26a4100985595c420024d2a5ff48c79043b' }, h("div", { key: '589f51297059afda2e385281dcfeafd67fbd2268', class: "row gy-3" }, h("div", { key: 'bf067015fb3ff24e08501899e370f92dda774c2e', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '28872ca9239e2f85cb83ad8e6f27dc10f84da151', class: "col-12" }, h("justifi-button", { key: '1be3f46e34b42e69d065384dd195d7fdc09a0560', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (h(StyledHost, { key: 'ffe62ce1bf31ab84080d3a4c158db3b537aea2fb' }, h("form", { key: '26d7942c4d88a758e03627a6042892a4dcb0a306' }, h("fieldset", { key: 'b789b31bad42d4c6912103abe653205165e44e8d' }, h("div", { key: '2e0fe382eb8a0018692ca9da2c911229ed981f0d', class: "row gy-3" }, h("div", { key: '3120e6ddd56b184f2530a1e8c1bb28f2c0f70579', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '9de5bfc72cce2818aba19408ee835d0762d1e777', class: "col-12" }, h("justifi-button", { key: '5bd8cfb66fd34cc6773342175ae22771a095fcab', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/module/justifi-button2.js

@@ -13,7 +13,7 @@ const JustifiButton = /*@__PURE__*/ proxyCustomElement(class JustifiButton exten
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: '7c8b76c4eaa412f2dc2ba59fd56cb7c28f46656c' }, h(Button, { key: '9440f90ebb380703b35b6c5d811e5d0780e80fd2', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (h(StyledHost, { key: '2ef29be35c350bbd0530dbad83f65cd4ad4dbe27' }, h(Button, { key: '526763deaf2d228f0142d8efcb805557b8fe6ed9', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 }, [257, "justifi-button", {
         "text": [1],

package/dist/module/justifi-checkout.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { c as checkoutStore } from './checkout.store.js';
-import { a3 as checkoutSummary } from './parts.js';
+import { a4 as checkoutSummary } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
@@ -112,9 +112,9 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: 'e9f527c5dd4dc564c4fb00d69b27e07c90e8b552' }, h("justifi-modular-checkout", { key: 'e80dd4c78282fc428f0e78d6d87f71f262577f01', ref: (el) => {
+        return (h(StyledHost, { key: '6bbc4c4997d14ac9040b8f88075a7e9b53208d4c' }, h("justifi-modular-checkout", { key: '9b11e7df277e5e9f70cd8928f865a2e62cfc8293', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: '92f3821b2566f6ede351145cafe934bb1b14e970', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'ed96eb7b2620df4c8398b36b62e2eb5744de7545', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: 'a23f3ea139874c80830b9bd62b44bedad2520d89', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '45f903ebb6cee7d382414fd04656b605fb5f9e91' }, h("justifi-checkout-summary", { key: '7a6ba74f821aed6aee12682626bd1f304a90cc4b' }))), h("div", { key: '3930d68c41aa3a1b99371bbea285b2de4d734766', class: "col-12 mt-4" }, h("slot", { key: '8cb5f1ef64ae6ecd25edf861b555dc6f20abd0ec', name: "insurance" })), h("div", { key: '3f8b4dae6eb90999927070027a77bfa9a4b09442', class: "col-12 mt-4" }, h("justifi-header", { key: '4335e04295005071b061391d27a5cc4677519e71', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '1ca763ef15405ee55bf763bd7760f36e2925bbe1', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'c52c81c4b84fde4168037f06c7d5b6f491d2bea9', class: "d-flex flex-column" }, h("section", { key: '3d1981827d98b947e541599582dc1f15bfe3f542' }, h("div", { key: '8ddeb4dae00fe55092fba788c9fb2b44ad1a1240' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '496486644e4caa90379e20cfb80b20c2670eef0b', class: "mb-3" }, h("justifi-apple-pay", { key: '9d360fed1e166d0adf4f97f8b1817fde6a7dc0ec' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: 'e4d440ac6bedf38eb2baab3717d0d1308aaa5b10', class: "mb-3" }, h("justifi-google-pay", { key: '9eee94d588e48fc5550cd3965f45612de3aedccb', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: '244e8877a4ce83ab8c4fff6051957d0ec50deafa' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '37904744a21eb6f1f96e13831e3b0029aa87d25f', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: 'd2fc7e88a17372967a64edf57a33ef0758568357', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("internal-tokenize-payment-method", { key: 'b2c2b5b2db0970ac8bfb70141f9b0fa4545dddce', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: 'e8f3ba632562b2369e6acc8a135647cc74dc0c0d', class: "mt-4" }, h("justifi-button", { key: 'e34306fed36d84a03a4e6ad3ba92abc276423590', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
+            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: 'c64981c31fd2d022f886b0613bd47bd0b0fe5f2a', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '8f01af25b281a19f7fc83451a44f63836efadc20', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: 'd729ed0b26c94e74d8ce824fcf97bd3002e3a9d0', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '9cc9863b1dd2531bda52e609bba5c7c8f9883cb1' }, h("justifi-checkout-summary", { key: '00f36de593e245982bfe03c8867881fedfb7d43f' }))), h("div", { key: '3fe5390d7b8b2fbcdbfff4b71d4b7c43ddae9ff6', class: "col-12 mt-4" }, h("slot", { key: '84fa5a7e7772124d7fa61a9317499618850eb0bb', name: "insurance" })), h("div", { key: 'c8d1553c6041c0e000eab9dc953a23aa089a3f90', class: "col-12 mt-4" }, h("justifi-header", { key: 'a08fc163ba437f767ab88d78ac55ae003b09a567', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: 'bff5fc2986d37bbe49a5253d43db55663ee7be74', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'f5ca969400444639b09e423b154e47abf89c731f', class: "d-flex flex-column" }, h("section", { key: 'b70209321ebefd161ae3113293c62fe953913f2e' }, h("div", { key: '4df7539a9b8d6b52d47ad32974a59ab2d366b4b2' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '023deb9a1d025e36cc2b07c3ea8144e0068ea470', class: "mb-3" }, h("justifi-apple-pay", { key: '4e52440f329bae25194e71fa30190218f5c1cecb' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '83e12debb25e0ef095ca40d87054411396238754', class: "mb-3" }, h("justifi-google-pay", { key: 'ed6312e39ff4a98c819cf1853f416c6fbf845323', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: 'e059fda26ec54c4f908754663fa23f26c3df8f0c' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '3d836539d5850abfd956b39bede6efad5954bdad', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: 'ac0ac64e9f7586764e3f5671c74794c80ffcff54', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("internal-tokenize-payment-method", { key: '894e7a5bfef2eefa5d045928bb6fab3b1f39bd5e', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '2121952545d38693f11426ef8146b39956d4f427', class: "mt-4" }, h("justifi-button", { key: '5e7cf3c699048943df68c0506a34617d0b14bf07', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/module/justifi-checkouts-list-filters.js

@@ -8,7 +8,7 @@ import './Business.js';
 import './ApplePay.js';
 import './GooglePay.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './checkouts-list-params-state.js';
-import { a4 as checkoutsListFilterMenu, a5 as checkoutIdCheckoutsListFilterParam, a6 as statusCheckoutsListFilterParam, a7 as paymentModeCheckoutsListFilterParam, a8 as createdAfterCheckoutsListFilterParam, a9 as createdBeforeCheckoutsListFilterParam } from './parts.js';
+import { a5 as checkoutsListFilterMenu, a6 as checkoutIdCheckoutsListFilterParam, a7 as statusCheckoutsListFilterParam, a8 as paymentModeCheckoutsListFilterParam, a9 as createdAfterCheckoutsListFilterParam, aa as createdBeforeCheckoutsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
@@ -70,8 +70,8 @@ const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'c2206c7d67bd443f2f96f2d60bc4ebe6b162da5a' }, h("table-filters-menu", { key: '99ca406ecd7a151039c3a162063c6c88ba2fc859', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'a0ca9f60eba3d4d396e5bf6d90d908b21c4749a5', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '6aa82c8c10b08c0146c1e0d0534cb5ed50622192', class: "p-2" }, h("form-control-text", { key: 'eaf744421fe7f556a787df19a1987a9d631b78f2', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: checkoutIdCheckoutsListFilterParam })), h("div", { key: 'baf62830725ba74fc1e51c7bea2707727bfcae80', class: "p-2" }, h("form-control-select", { key: '457078decbe5d6812adaf340eb99e23ce5f55eb5', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: 'dfdf948a76b865dbef7f2c3e1395fec5d54d6a27', class: "p-2" }, h("form-control-select", { key: '2aac09872d9b2f81cdc81a5e69380d7613aed80d', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam })), h("div", { key: 'a081fbbe866d8c3b7b6f3e0fb416b548216df13e', class: "p-2" }, h("form-control-date", { key: '7dd0b6e8d043044332662e999707afb47f1aa74f', 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: createdAfterCheckoutsListFilterParam })), h("div", { key: 'caeb00cd04d553f8d40e2aac3c260b6780023add', class: "p-2" }, h("form-control-date", { key: 'b300e4c045920fef36e424e3fc584370c68fb271', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '026d871e88f893ee2d565b13c72bdafaeedc1f9c' }, h("table-filters-menu", { key: 'a64b6212c54729cf08d0211720b815837187018b', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '11897ce900abc322fa0107516d350f53a857aa1c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9f926a008dc275e53aa1d82c09410e4f65b4221e', class: "p-2" }, h("form-control-text", { key: '57020a2320f442a0ee0a6ffa443f88dea855b651', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: checkoutIdCheckoutsListFilterParam })), h("div", { key: '40c6e5e2e342573fcb6e1f34309e324ca2a9ee2c', class: "p-2" }, h("form-control-select", { key: '7c70d0d6bdc322fc9682b3c64393778642fe8ad4', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '51eb0d4cf8d3f9643af1f5fb8ef2e0908ebb18d3', class: "p-2" }, h("form-control-select", { key: '47352ceaa0f989533c366d68228cc2752ef12fec', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam })), h("div", { key: 'cee7d5487e1b4f6dd6c25230c012d69b97326392', class: "p-2" }, h("form-control-date", { key: '0b6e3821eda78c9dca9797d965020636ab31c9b9', 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: createdAfterCheckoutsListFilterParam })), h("div", { key: 'd4b38febbc6763c828761bb5eab3594bd3c29f9d', class: "p-2" }, h("form-control-date", { key: '3729809c6ec729c2c2887d722e16e29a9f405b09', 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: createdBeforeCheckoutsListFilterParam }))))));
     }
 }, [257, "justifi-checkouts-list-filters", {

package/dist/module/justifi-checkouts-list.js

@@ -105,7 +105,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '0e9e50e18983dad43cfab19f2271678d3f5e6abd' }, h("checkouts-list-core", { key: '6f128cc756477ff64638625d9a9ff9a5b4533948', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'ca73ea731c52c9c238223a733492278ccd34078f' }, h("checkouts-list-core", { key: '8eb27ccc63e947b0cc0d7e64fa13c242f5f1bac8', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-dispute-management.js

@@ -96,7 +96,7 @@ const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManageme
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: 'e19f33cd7106c3c44fb86faeef743c62ff9004b9', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: '6e884955ea019144de872582a62bcecf05efa7b4', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

package/dist/module/justifi-header2.js

@@ -20,7 +20,7 @@ const Header = /*@__PURE__*/ proxyCustomElement(class Header extends HTMLElement
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: 'e448c85b2268df923662a0ff71bf4d178dcfc910' }, h(HeaderComponent, { key: 'c76766a1ab006ea4b5eb7e0ad8a6b294d52283a0', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: 'b9dfbfab147a15030ec8b2cb39ccd1c476e7c0be' }, h(HeaderComponent, { key: '9ee20ed2fb2916a433cb158ce082505fbc367c4f', text: this.text, class: this.class })));
     }
 }, [257, "justifi-header", {
         "text": [1],

package/dist/module/justifi-order-terminals.js

@@ -1,5 +1,5 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { Z as heading4, a2 as heading5, a0 as buttonPrimary, t as text } from './parts.js';
+import { _ as heading4, a3 as heading5, a1 as buttonPrimary, t as text } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
@@ -207,7 +207,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         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: 'aa60b46b6f455a6e925a835f1b558c88966b2a90' }, h("div", { key: '33361446b5b2848a0d7d4af36ff54a3be76a5779', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: 'c4180b5ccbfe357a9167accfcae70270df9d248a' }, h("div", { key: '2bab46cd089b8af8abb61948051eb652f57f7811', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 }, [257, "justifi-order-terminals", {
         "businessId": [1, "business-id"],