@justifi/webcomponents 6.0.0-rc.15 → 6.0.0-rc.17

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

@@ -98,10 +98,10 @@ const FileInput = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: '7c6694e256d2b10d2789d3325848c782ee59628d' }, index.h("div", { key: 'b8b9da61559547cb162fc4e9d6226fa963b32392', class: "form-group d-flex flex-column" }, index.h("div", { key: '928b0a8403151c01c10335407e9763650a334f2d', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'be1158705e4cf3efdf94d2ff2959cdbe064b4f7b', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'ca3ab534358d1dbbbf5635215d9c97e83b91750e', helpText: this.helpText })), index.h("input", { key: '97c1e48f9d615f3adcebf305bd8368e06ac69ed1', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '3f6adbe90fc89972562f658958433d77ca9ad67c' }, index.h("div", { key: '522ea5f78109a2717e8b016c16d29c9444ebf0c2', class: "form-group d-flex flex-column" }, index.h("div", { key: '39647185cf2b6fbe4317aa5ae609a971161974a7', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '18d7f1e782c74bfd9a1aad52c70d451e2d7ebdd5', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '3eab40969bc7d68b195093f7671244a2c1a0f537', helpText: this.helpText })), index.h("input", { key: '0acb164fc09a23fd8a8937222f527052bb02248e', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), index.h(formControlErrorText.FormControlErrorText, { key: '6c4aa5ad35ae4590e4a80e95a582157418d3103f', errorText: this.errorText, name: this.name }))));
+            } }), index.h(formControlErrorText.FormControlErrorText, { key: '03689848a01a3844dcf4480d5f997a3a52338ea1', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{check-pkg-version-CVOffMTi.js → check-pkg-version-rUX0NaZj.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _package = require('./package-MU7zz6nI.js');
+var _package = require('./package-CwkrMpTG.js');
 var Api = require('./Api-DyimBzKT.js');
 require('./ComponentError-D4OLnOkg.js');
 require('./Refund-BefKONu4.js');

package/dist/cjs/custom-popper_2.cjs.entry.js

@@ -1875,7 +1875,7 @@ const CustomPopper = class {
         this.hideEvent.emit();
     }
     render() {
-        return (index.h("div", { key: '934b4f1a706507deb0fc3611d058abc4b6139554' }, index.h("style", { key: '7616b56bacde615f8cb1fa5c395feecae067eed4' }, `
+        return (index.h("div", { key: '6249f59c6bcced199fe4d509988644633d783b6b' }, index.h("style", { key: '9d6a47ff5b927ebfb318b7d0852678f7ade406ca' }, `
           .popper-content {
             display: none;
           }
@@ -1883,7 +1883,7 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), index.h("div", { key: '356093b1adf4a56d1bd9f636b199f32cc6eecd8d', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '55c408d7f9ca66c67f6965cdfd0b7c7ce2c330e6' }))));
+          `), index.h("div", { key: '311f13edc07bc1aea0569fb6c92fbbc241704529', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '93e806d8db16cd7c1b29ce6b6bec784c8126ab67' }))));
     }
 };
 

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

@@ -49,10 +49,10 @@ const DateInput = class {
         return part;
     }
     render() {
-        return (index.h(index.Host, { key: 'bbeb4c2a8177f067f448d8dbdd1a3cb4231edca0' }, index.h("div", { key: '73cbd532399f7c1f3b8165d1b4e32c91698cb8af', class: "form-group d-flex flex-column" }, index.h("div", { key: 'bda1044c15ef82183369dee491d37bec84ef76bc', class: "d-flex gap-2" }, index.h("label", { key: '858e0dbe67055585a108604f8ee142047431938f', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'de42e98c63b984570a420ccef8dee18038164b23', helpText: this.helpText })), index.h("input", { key: '87148f5d0d56720377293de8856a0cb5a6c04333', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '2e4a67de83ef5dcd64ff15e1f6fbc125db0d121d' }, index.h("div", { key: 'e73d09d041e2152e88917ac65f8a5b5bb7949df4', class: "form-group d-flex flex-column" }, index.h("div", { key: '7c0e2d8be29956e61aaa37bc4575efc595382ce7', class: "d-flex gap-2" }, index.h("label", { key: '1d3692f53203455abacb1addb300549d5d47d8e6', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'e16354b0813c63cd2b21b4185fdd33c0159d9ee3', helpText: this.helpText })), index.h("input", { key: 'bf559dea1bf215276a69833a0d5ff78502043669', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), index.h(formControlErrorText.FormControlErrorText, { key: '526352380506480c7e60bd0d3a9b2dad6a96278e', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), index.h(formControlErrorText.FormControlErrorText, { key: 'df02643ac9a15c675726ccba1bfb2ec45ed2c4bc', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -11,7 +11,7 @@ const FileInput = class {
         this.formControlBlur = index.createEvent(this, "formControlBlur");
     }
     render() {
-        return (index.h(index.Host, { key: '44f72494590e41cc25ce8df4b14d7e73e0e0e0b2', exportparts: "label,input,input-invalid" }, index.h("div", { key: '7cf04dc8c5e41b9d93335f75ce2b06b898e0c061', class: "form-group d-flex flex-column" }, index.h("div", { key: 'a23e716bedb23a53c53a1426fddbdb962c5747bc', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '9fc7762d30b7bb20651a152d64f549d465c8024a', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '3d5ee1381ae6f32b3eaeaa6b0033ab6897aaee0a', helpText: this.helpText })), index.h("input", { key: 'ed14e978a997b98e23496a58ec419025b3927c23', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), index.h(formControlErrorText.FormControlErrorText, { key: '04281c0fcaa93ef1341ef727d34b028bf162c804', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: '151b13500f5bc11102f13e9e8aba583f5535458f', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'aa24b590885e67c0dae7bbf10a46e111cbb108ac', class: "form-group d-flex flex-column" }, index.h("div", { key: 'a6da0c166f60904ac32eef2e9ebb77c472bb7180', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '24ddc6dc7f49b1be6a8a8d81c829c11f8c76b9e0', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '5d058f5f8029abce0a75c86a2de3b11d3c26a8f6', helpText: this.helpText })), index.h("input", { key: 'c807436e93a21ad7c1fd942cfb295d51bf30a9b7', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), index.h(formControlErrorText.FormControlErrorText, { key: '59abec5b8a6660de5c3aa09d5341b53bc53b3dea', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -57,10 +57,10 @@ const TextInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '441f155ccc2b2d47ca059f378a2ce4654dee9226' }, index.h("div", { key: '8b40b7a1d71264f34ff42f50c28f8a2848f8b7e5', class: "form-group d-flex flex-column" }, index.h("label", { key: '15b349f7c0409bc5b2687d6c2b981d364c89d535', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '9f48b1b48aba962d4c331141d9c37fd76f5533f7', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'b4cdee53e150296601582bd17a74e7bff12c1867' }, index.h("div", { key: '198dd6fc463200a2445bd08934a15a0423ba4778', class: "form-group d-flex flex-column" }, index.h("label", { key: '73624f9fa6f506bb184bf461b60717f1aac87fdc', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '4aa0e8ef05e13f8c4c60c73e3312fd8d19d1b442', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), index.h("form-control-help-text", { key: 'a83d38aa90284c9744bed539cb491b9af5615b1c', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '3ea714634686f0e48bc2e325f38af249614bbcea', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), index.h("form-control-help-text", { key: 'e54de23fbe76cfc9f1a9e88d71737b23b84d0ea4', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '7ec33f817f34514cf2c8acdb2bb1647de433aad7', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -51,10 +51,10 @@ const MonetaryInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: 'e3fc90899be1e53399be9a2d1cb7dc044a66cd9a' }, index.h("div", { key: 'ecc516c61f700f329022dd842b5abac11ede210e', class: "form-group d-flex flex-column" }, index.h("label", { key: 'c893dfa4275404d9f511f04289f59b2fff72eebb', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h(formControlHelpText.FormControlHelpText, { key: 'fdb479013a60ad6dc75fc49ac43821678713be94', name: this.name, helpText: this.helpText }), index.h("div", { key: 'cad6f25647339c0754160a55016d61c4613f8160', class: "input-group" }, index.h("span", { key: 'eb5206a0f63ba81581edaf401239d6dd7f55257a', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: '65265e64b5d31c676cefe0f580a801bc2a763c3b', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'fdd31eca7047ab022668fd4ad9ebbde3ec691508' }, index.h("div", { key: 'fda274a4e96edc22bb99e699faaa91b37b95a856', class: "form-group d-flex flex-column" }, index.h("label", { key: '72e259579224953c92c9df1f7e32cda7344019ac', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h(formControlHelpText.FormControlHelpText, { key: 'f548c208758806082639372954d1634cd7202570', name: this.name, helpText: this.helpText }), index.h("div", { key: '3365f9842f780d2ce8903a798fdf71df7673aae7', class: "input-group" }, index.h("span", { key: 'c6f8169b97667ee821ba79aec2ea2e1b0d35e3f6', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: 'd8995e95fd187dda908dbacba511547c13bb4b27', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), index.h(formControlErrorText.FormControlErrorText, { key: 'ac486c8cc0a3f4ec0cf63cbac77935d479a2f376', errorText: this.errorText, name: this.name }))));
+            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), index.h(formControlErrorText.FormControlErrorText, { key: '00127c5cdce079d88a8b902c16d960201ff3bce1', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/cjs/form-control-number-masked_2.cjs.entry.js

@@ -70,10 +70,10 @@ const NumberInputMasked = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: 'b80051f9e971bac339a5ce7e8abb0475a91f9c46' }, index.h("div", { key: 'f5c63c2723e6faa33263b12f5b4728d4255f6725', class: "form-group d-flex flex-column" }, index.h("div", { key: '6aafb989bd1c3bc4ed66fec7cc94189dc17cb0f0', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'cfc242e804398f642869dd9cc1a97d841798d66d', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'db7dc909c2545e30ff31579499363af2c33da5af', helpText: this.helpText })), index.h("input", { key: 'd68876ebd0b5d6395f83a427d5b2f2095ed76623', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (index.h(index.Host, { key: 'cd0a23e4a4b1d7b39448e0770c5681aa319fe376' }, index.h("div", { key: 'fdaeea5b68035edc6885d7e3e5106d6c4962325f', class: "form-group d-flex flex-column" }, index.h("div", { key: '46379bb141130c88d0b09c1382a9f34758808b8c', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '5a191a9c22d82d58354fa297d78f51c4cd0ec36b', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '9a8c580ee3b69902a30bca5aa79309be15d0c51d', helpText: this.helpText })), index.h("input", { key: '03bec84295380c4c86cc4c1b9ff6609ddf15c7b8', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), index.h(formControlErrorText.FormControlErrorText, { key: '99a1db5f72d19ae22eb52db419dcdc01c3053ec2', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), index.h(formControlErrorText.FormControlErrorText, { key: '55e523b3be538bccd3a438edf109acbb7de3fce9', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -44,10 +44,10 @@ const NumberInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: '7698cc4f02f193d42d793082401a0356ea9510ee' }, index.h("div", { key: '04a7ad2b7487a520b04c84cd8bf002de3e30cf38', class: 'form-group d-flex flex-column' }, index.h("label", { key: '25029094eb26e9d7d01071d005a254ee0d935301', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: '1283bf554572cec3d8b3a1d6281783dbd8f5601d', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '7d3590c5616114610038d95cf45e3aa1f6fca08f' }, index.h("div", { key: '231c16a61a76aa7501df035639a7c2de474a2578', class: 'form-group d-flex flex-column' }, index.h("label", { key: 'c6736b7830e68c4ebfad4e954510fa7e6f839772', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: '739a6c3f50a684da033e5a2669bb661cd50836a9', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), index.h(formControlHelpText.FormControlHelpText, { key: '5c1be4c979c99fd2988b5631ef7eb3f18e5c1243', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: 'b55c5ab0d9aa5c7899fad1b001a3b228a844dbc0', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), index.h(formControlHelpText.FormControlHelpText, { key: '456c71cb54cf15bf17b2bcf95140d47db9002bce', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '55aa4e9d84f0236e9a1b0e27b174f385de2b9537', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -32,10 +32,10 @@ const RadioInput = class {
         return parts.inputRadio;
     }
     render() {
-        return (index.h(index.Host, { key: '215443342d15bd2ab9ad4103e3798ed77a3c6d48', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'a7ec61cb97c5fc10b799a90d1df55e11bee7945c', class: "form-check" }, index.h("input", { key: 'ee46d4ae13daca74f42ce2c472e08255c90a0a80', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '15657fdcd58d4971b8a25d32b458ff652203af29', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'f50498d959e589a759fdf34a88ffdd2d423a3c7b', class: "form-check" }, index.h("input", { key: 'ac09f7a9de18b042302373d755565524170578aa', 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 }), index.h("label", { key: '87bf82a7c8512f598c00091d56a35488ad6f26b7', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: parts.label }, this.label)), index.h("form-control-help-text", { key: '905f1c94bf8538cd7550840935c2951007ed33c2', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '0a0a531f057ab7bd2658ea8f1dc4b028a87b39a3', 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 }), index.h("label", { key: 'a9a890749f5106772e6e849d3ffde7cad8c7b744', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: parts.label }, this.label)), index.h("form-control-help-text", { key: 'b85b9fa72868f1b70d7e2cf37e5b831762c2c448', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: 'c2658161f4564fac4ec33acf48a23fd4cc656615', errorText: this.errorText, name: this.name })));
     }
 };
 

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

@@ -90,10 +90,10 @@ const TextInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: 'cd84a88604a278f60d81b3069449c1a4d5477d19' }, index.h("div", { key: 'e1ac6fc0c40c1a7142ed873654c44edf476101a5', class: "form-group d-flex flex-column" }, index.h("div", { key: '4bdefa049238c098e0a9fd036707e2e29089610b', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '749b24acf4ea40e4dcf5c87ef0c5e833696469ae', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'a054ccd7be60d88ef69f88a55514f54fffd8abb3', helpText: this.helpText })), index.h("input", { key: '7444a06fd70bb71d8f481697c90a0f94154314f0', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '71473077484c65dce4e3311db05a194f642a37c8' }, index.h("div", { key: 'fbceee0b9fae4f05e1310a97c009fa5a97866ea4', class: "form-group d-flex flex-column" }, index.h("div", { key: 'c5b6cc944e8a1a7aafe136e67e5f37772f364cd6', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '029a560a612b7e00f4d67c7adc2b5bdffa85cb53', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '3d8b3a41a599dc2f59171befb532c0cd219adba5', helpText: this.helpText })), index.h("input", { key: '2510c95b50bb26d00fb2975e38fde9efb7a6986e', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), index.h(formControlErrorText.FormControlErrorText, { key: '093124125e3aae9c156993718fb602f74b9446dd', 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 }), index.h(formControlErrorText.FormControlErrorText, { key: 'feff4a3d104ea6f74a8d7049f79b8c2850b308a9', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/hidden-input_2.cjs.entry.js

@@ -5,7 +5,7 @@ var index = require('./index-B32W0A3m.js');
 var parts = require('./parts-9jMf1erK.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
 var formControlErrorText = require('./form-control-error-text-B-P5UDhm.js');
-var _package = require('./package-MU7zz6nI.js');
+var _package = require('./package-CwkrMpTG.js');
 
 const iframeInputStylesStore = index.createStore({
     focused: {
@@ -100,7 +100,7 @@ const HiddenInput = class {
         return parts.input;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: 'eb0135c733e6a4273855b6c74efab83e51d3788d' }, index$1.h("input", { key: '48577dd678d44b2382bbeadcaa2efc14484f8638', 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 (index$1.h(index$1.Host, { key: 'bf8fcd89cdc8fcd1bfd8b9af5a7211c877e482ba' }, index$1.h("input", { key: 'f202d9252b60195b193a8203f750730fcf2e271b', 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' } })));
     }
 };
 
@@ -1715,10 +1715,10 @@ const IframeInput = class {
         return params;
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '07a697a99ef1b601c3f95d176c0eb28a695afff5', class: "form-group d-flex flex-column" }, index$1.h("div", { key: 'f9a1cf30b2020ae9de993dc363b07cd1e897c82d', style: {
+        return (index$1.h(index$1.Host, { key: 'c8a36a456afdfd883ae2ad8e05de98d307615b4c', class: "form-group d-flex flex-column" }, index$1.h("div", { key: '580cdd90dd76289f78b688fcdb1486ecb7fe6c5a', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, index$1.h("label", { key: '09c186cb27e0fc75352c8028f1ff4e92866f3984', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index$1.h("div", { key: '758ea464591a51ddc183256ebcd66238602bc4cc', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index$1.h("iframe", { key: 'c2956bb89e30fe2ba1a9111fe71681883470879b', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, index$1.h("label", { key: '7df8c29c720b5edf85553e5667c14eeb0ad6e2b6', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index$1.h("div", { key: '3caeb47ddf3940e1b1a7fe08d8bd50b8123eb2c5', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index$1.h("iframe", { key: '2fdff0682753d32292431a8d62d30a1647fa62ef', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1728,7 +1728,7 @@ const IframeInput = class {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), index$1.h(formControlErrorText.FormControlErrorText, { key: '0ab5542c8c8a8242aefee11cc4c1b0815f27f0aa', errorText: this.errorText, name: this.inputId }))));
+            } })), index$1.h(formControlErrorText.FormControlErrorText, { key: '075ca2ca25623703280fda84ff119e4820f9a5cb', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return index$1.getElement(this); }
 };

package/dist/cjs/justifi-apple-pay.cjs.entry.js

@@ -662,25 +662,28 @@ const ApplePay = class {
             }
         };
     }
-    componentWillLoad() {
-        this.applePayService = new ApplePayService();
-        this.unsubscribeCheckoutLoaded = checkout_store.onChange("checkoutLoaded", (loaded) => {
-            console.log("checkoutLoaded", loaded);
-            if (loaded) {
-                this.initializeApplePay();
-            }
-        });
-        this.initializeApplePay();
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.unsubscribeCheckoutLoaded) === null || _a === void 0 ? void 0 : _a.call(this);
-        this.unsubscribeCheckoutLoaded = undefined;
-    }
-    watchPropsChange() {
-        this.initializeApplePay();
-    }
+    // private unsubscribeCheckoutLoaded?: () => void;
+    // componentWillLoad() {
+    //   this.unsubscribeCheckoutLoaded = onChange("checkoutLoaded", (loaded) => {
+    //     console.log("checkoutLoaded", loaded);
+    //     if (loaded) {
+    //       this.initializeApplePay();
+    //     }
+    //   });
+    // }
+    // disconnectedCallback() {
+    //   this.unsubscribeCheckoutLoaded?.();
+    //   this.unsubscribeCheckoutLoaded = undefined;
+    // }
+    // @Watch("merchantIdentifier")
+    // @Watch("buttonType")
+    // @Watch("buttonStyle")
+    // @Watch("disabled")
+    // watchPropsChange() {
+    //   this.initializeApplePay();
+    // }
     async initializeApplePay() {
+        console.log("initializeApplePay", checkout_store.checkoutStore.checkoutLoaded);
         try {
             this.isLoading = true;
             this.error = null;
@@ -689,9 +692,9 @@ const ApplePay = class {
                 Boolean(checkout_store.checkoutStore.paymentCurrency) &&
                 Boolean(checkout_store.checkoutStore.authToken);
             if (!hasRequiredConfig) {
-                this.error = "Missing required Apple Pay configuration";
+                this.error = "Missing required Apple Pay configuration blabla blabla 2";
                 this.isConfigValid = false;
-                console.error("Apple Pay config error: missing required values", {
+                console.error("Apple Pay config error: missing required values blabla blabla 2", {
                     paymentAmount: checkout_store.checkoutStore.paymentAmount,
                     paymentCurrency: checkout_store.checkoutStore.paymentCurrency,
                     hasAuthToken: Boolean(checkout_store.checkoutStore.authToken),
@@ -724,6 +727,7 @@ const ApplePay = class {
                 buttonType: this.buttonType,
                 buttonStyle: this.buttonStyle,
             };
+            this.applePayService = new ApplePayService();
             this.applePayService.initialize(applePayConfig);
             const hasActiveCard = await this.applePayService.canMakePaymentsWithActiveCard();
             if (!hasActiveCard) {
@@ -757,29 +761,24 @@ const ApplePay = class {
         this.applePayCancelled.emit();
     }
     render() {
-        const shouldHide = !this.isLoading &&
-            (!this.isConfigValid || !this.isAvailable || !this.canMakePayments || !checkout_store.checkoutStore.checkoutLoaded);
-        if (shouldHide) {
-            return null;
-        }
+        // const shouldHide =
+        //   !this.isLoading &&
+        //   (!this.isConfigValid || !this.isAvailable || !this.canMakePayments || !checkoutStore.checkoutLoaded);
+        // if (shouldHide) {
+        //   return null;
+        // }
         const isReady = !this.isLoading &&
             this.isAvailable &&
             this.canMakePayments &&
             this.isConfigValid;
-        return (index.h(styledHost.StyledHost, null, index.h("script", { async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js' }), index.h("div", { class: 'apple-pay-container' }, index.h(ApplePaySkeleton, { isReady: isReady }), !this.isLoading &&
-            this.isAvailable &&
-            this.canMakePayments && (index.h(ApplePayButton, { buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), index.h("style", null, `
+        return (index.h(styledHost.StyledHost, { key: 'ac97a93a1351ec6b3cf148377721b8f019aafd77' }, checkout_store.checkoutStore.checkoutLoaded && (index.h("script", { key: '2d4c928c3228a273bef756cce4c4ac05182e7efa', async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
+                this.initializeApplePay();
+            } })), index.h("div", { key: '8890def5a313a29e42b358c55f3209ef30054d54', class: 'apple-pay-container' }, index.h(ApplePaySkeleton, { key: 'a531fbe89a491a911a0aa6ff42a80458e63030b5', isReady: isReady }), isReady && (index.h(ApplePayButton, { key: '77e0b5e8cff57ee4dd2956671b14dc9c90101326', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), index.h("style", { key: '3ad594d30382388cf5defc050e5f2e5a17017c7b' }, `
             .apple-pay-container {
               width: 100%;
             }
           `)));
     }
-    static get watchers() { return {
-        "merchantIdentifier": ["watchPropsChange"],
-        "buttonType": ["watchPropsChange"],
-        "buttonStyle": ["watchPropsChange"],
-        "disabled": ["watchPropsChange"]
-    }; }
 };
 
 exports.justifi_apple_pay = ApplePay;

package/dist/cjs/justifi-bank-account-billing-form-simple_9.cjs.entry.js

@@ -7,7 +7,7 @@ var parts = require('./parts-9jMf1erK.js');
 var styledHost = require('./styled-host-BfVJlAsJ.js');
 require('./event-types-YOY5TKUN.js');
 var skeleton = require('./skeleton-C7DQRD6r.js');
-var checkPkgVersion = require('./check-pkg-version-CVOffMTi.js');
+var checkPkgVersion = require('./check-pkg-version-rUX0NaZj.js');
 var configState = require('./config-state-BBOZIS8x.js');
 var header3 = require('./header-3-sOdOpfx3.js');
 var utils = require('./utils-DAyWinG2.js');
@@ -18,7 +18,7 @@ require('./_commonjsHelpers-BJu3ubxk.js');
 require('./business-form-options-CMII7nIK.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
-require('./package-MU7zz6nI.js');
+require('./package-CwkrMpTG.js');
 require('./Api-DyimBzKT.js');
 require('./utils-ChCUZgUy.js');
 require('./dinero-BwNN_k7x.js');
@@ -156,10 +156,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '55cf04f40c030d67235807168a303dc2680561d2' }, index.h(BankAccountFormSkeleton, { key: '1b076c4d58b80c5f9b5842e1e0228657ec39f68b', isReady: this.isReady }), index.h("hidden-input", { key: '8b622b9693d7648a6bd33f082241910801c14e1e' }), index.h("div", { key: 'ce79e65bd2dba972885b5c906715e70d2817dd4c', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: '99ccb5aa2afbf79e5bf40d59ca15eb217180349a' }, index.h(BankAccountFormSkeleton, { key: 'a26a6f4391a5e5b7923f36b05bdfe57491b31d8a', isReady: this.isReady }), index.h("hidden-input", { key: '7555fe1bbf38a1525e7c11fe7182e264752435c9' }), index.h("div", { key: 'd1d7141ee75a644d4ae67d23b353dc6293306371', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '8cc5b4b9c742ba0958845f2e5fee3e94c6449229', class: "row mb-3" }, index.h("iframe-input", { key: '3c41e6d2af86ff242f3b7a3d462628ab16626fe7', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: 'd95374c4f22fe40bc0033f159d456d94ee10363f', class: "row" }, index.h("iframe-input", { key: '22df6eb6ad22ccb18e9e24533dd8b208afb44309', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, index.h("div", { key: 'db0d578ccb3647e049b5ef958bef0273a8945448', class: "row mb-3" }, index.h("iframe-input", { key: '58311d94a8f5f023f05de260afbaf6bc707a0d57', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '92e4b77f012a414ac88b8faf721b5a10f2c5a3a4', class: "row" }, index.h("iframe-input", { key: '5163f7e8cff8fb82bb009f615ef7ab2e231deb52', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
 };
 
@@ -240,7 +240,7 @@ const JustifiButton = class {
         this.type = 'button';
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'fae177edc7a7a898f1782a01c26b65fb11c50c65' }, index.h(button.Button, { key: 'c097e63cce36a5b4e2cb522bf17ba2519c354c6e', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (index.h(styledHost.StyledHost, { key: '48098276e0808052803f0d16df68ba23d529c4ab' }, index.h(button.Button, { key: 'c62e8d2d9208dc180180b4283edea991c5a93c57', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 };
 
@@ -339,10 +339,10 @@ const JustifiCardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '46acef24075db09eea0c94417e92e90a360e5850' }, index.h(CardFormSkeleton, { key: 'bd4f610e83d7bcbf5b597079d68bbeb2abe8c02e', isReady: this.isReady }), index.h("hidden-input", { key: 'b4a289f1ac7f104f5dce7848a94d22c9aa4a4b56' }), index.h("div", { key: 'df003c1be11c5a5262e6563d1fd4755ae60dc700', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: '46991f66161e4118fdf135bf18eb757435e26457' }, index.h(CardFormSkeleton, { key: 'aacb7f467a10debc809997a67172fe4f23a2ca76', isReady: this.isReady }), index.h("hidden-input", { key: '3e9bd9b7ff0aba356d9f8fd07428cbaedcb223b1' }), index.h("div", { key: '8fcf6d92703491fe6a0be076a5965c09c800f262', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '900e56045f6db140c74db42396a85153d3fae683', class: "mb-3" }, index.h("iframe-input", { key: '1600ae4cddd10afb5abeea9d9a4e851e76ad3de2', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: 'ce66d35bd549b2cebca200c8c42eeddca4acd2d1', class: "row" }, index.h("div", { key: 'f1480606b802eff983710a37f79a9492f79b8440', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'd04785d62994fef3ee2d597a189d0b823e803bca', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '875e03320bb22f4f6891f01e749fef871f37cf18', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'ead59922d5ffeefe6e5951203b9ec157135dee3c', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: 'a70d098fc88770441dfb347b9124f4c4d159714d', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'eff54f20b8b3280b08839aaf4e77ab46c3262202', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, index.h("div", { key: '8dea63dc69d7c7cfbcded0a07bfbcf9c7d7a41fa', class: "mb-3" }, index.h("iframe-input", { key: 'ffd4de932414b206ea5936c21349c522b762f8a4', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '3e56350822761119dbb7ff49e3cc56bec7f361ca', class: "row" }, index.h("div", { key: 'ab13b6b20573fbec961164a415ccaf21b663eb4b', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'e12d56f2c1dd12ae5eff7619204d9f746e1b6a43', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '62e4808ee208aec7cf3e1d7a99fd65f3d9a5e615', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'c8e3945b466e61e8b21fbb13f71c0631740ca1a3', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: '979929e29abb54f8837f71b1cdb7261df97a58df', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '2c25868c5fd7e6c2d34722b39f22c2062248cdf6', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 };
 

package/dist/cjs/justifi-business-details.cjs.entry.js

@@ -5,7 +5,7 @@ var utils = require('./utils-Bzyj4qWe.js');
 var business_service = require('./business.service-BB6zl4Gc.js');
 var getBusiness = require('./get-business-o5jPq_ME.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-CVOffMTi.js');
+var checkPkgVersion = require('./check-pkg-version-rUX0NaZj.js');
 require('./parts-9jMf1erK.js');
 require('./Api-DyimBzKT.js');
 require('./config-state-BBOZIS8x.js');
@@ -19,7 +19,7 @@ require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./utils-DvUQQLmR.js');
-require('./package-MU7zz6nI.js');
+require('./package-CwkrMpTG.js');
 
 const BusinessDetails = class {
     constructor(hostRef) {

package/dist/cjs/justifi-business-form.cjs.entry.js

@@ -11,7 +11,7 @@ require('./Refund-BefKONu4.js');
 require('./Pagination-Dediz133.js');
 var Business = require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-CVOffMTi.js');
+var checkPkgVersion = require('./check-pkg-version-rUX0NaZj.js');
 var button = require('./button-DsHDMHaa.js');
 var styledHost = require('./styled-host-BfVJlAsJ.js');
 var header1 = require('./header-1-DRA3f4Jh.js');
@@ -27,7 +27,7 @@ require('./business-form-options-CMII7nIK.js');
 require('./index-B32W0A3m.js');
 require('./utils-ChCUZgUy.js');
 require('./helpers-B5OCqlIM.js');
-require('./package-MU7zz6nI.js');
+require('./package-CwkrMpTG.js');
 require('./Api-DyimBzKT.js');
 require('./parts-9jMf1erK.js');
 require('./utils-DvUQQLmR.js');

package/dist/cjs/justifi-checkout-summary_7.cjs.entry.js

@@ -9,7 +9,7 @@ require('./event-types-YOY5TKUN.js');
 var header1 = require('./header-1-DRA3f4Jh.js');
 var insuranceState = require('./insurance-state-d2thhXUX.js');
 var header3 = require('./header-3-sOdOpfx3.js');
-var checkPkgVersion = require('./check-pkg-version-CVOffMTi.js');
+var checkPkgVersion = require('./check-pkg-version-rUX0NaZj.js');
 require('./config-state-BBOZIS8x.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
@@ -23,7 +23,7 @@ var Api = require('./Api-DyimBzKT.js');
 var index$1 = require('./index-D-dD-aC2.js');
 var paymentMethodOptionUtils = require('./payment-method-option-utils-WYHIHy-l.js');
 require('./index-B32W0A3m.js');
-require('./package-MU7zz6nI.js');
+require('./package-CwkrMpTG.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 
@@ -32,7 +32,7 @@ const Summary = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '2644d423d844136d86f7f6b1b80aa98b224146ac' }, index.h("section", { key: '2017758b2eb8bf6483ca4765e5f18279ff2f6de7' }, index.h("div", { key: '029f98c45be1e9c807eef1dbf1508e231c7215d1' }, index.h("div", { key: 'db1b7e220f5afd230ea1fcf5dc818f96d03f68b9', part: parts.text }, checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.paymentDescription), index.h("div", { key: 'b9d401af17512a5f5ef24350f8c9e9ad1163d83e' }, index.h("span", { key: '5d7dcef6b946ae455cb2b8e57089f0365b8bb52b', part: parts.text }, "Total"), "\u00A0", index.h("span", { key: 'cfc8fc46c2f87011de758ccce92a9f4bfbe2ba88', part: parts.text }, utils.formatCurrency(+(checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.totalAmount))))))));
+        return (index.h(styledHost.StyledHost, { key: '3161e6f6a196c79d684574cafbc90bcf741b2150' }, index.h("section", { key: '594b4485ed4fd9d7c1ee7f4556f071139f92ef0c' }, index.h("div", { key: '5c2d14677dda6fc7ddcb074d4887b839385dca3a' }, index.h("div", { key: 'fb850cd7e9c11741349710696dd4e6241c98e805', part: parts.text }, checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.paymentDescription), index.h("div", { key: '959014d7fa2a9c97bae0c986313a604930c1e0f3' }, index.h("span", { key: '14ab0932a083568419b1c36c95f9072c73962b11', part: parts.text }, "Total"), "\u00A0", index.h("span", { key: '08a9e00332253070ae984b77eb2a9bab88eb3472', part: parts.text }, utils.formatCurrency(+(checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.totalAmount))))))));
     }
 };
 
@@ -48,7 +48,7 @@ const Header = class {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (index.h(styledHost.StyledHost, { key: 'ae04a67a1eaf95d6d093fef23911ac4eb1523cfe' }, index.h(HeaderComponent, { key: '51b27dd180d113ebe9ac52f7ff10c494926f7cdf', text: this.text, class: this.class })));
+        return (index.h(styledHost.StyledHost, { key: 'eb3651b698897193d34a6c6456cd57dd0bd0bc43' }, index.h(HeaderComponent, { key: '39caee687f93d3d4d90e62d9fbcae318eaa8022e', text: this.text, class: this.class })));
     }
 };
 
@@ -165,6 +165,7 @@ const ModularCheckout = class {
         };
     }
     connectedCallback() {
+        console.log("connectedCallback", checkout_store.checkoutStore.checkoutLoaded);
         this.observer = new MutationObserver(() => {
             this.queryFormRefs();
             this.setupApplePayListeners(); // set up again listeners when DOM changes
@@ -468,7 +469,7 @@ const ModularCheckout = class {
         });
     }
     render() {
-        return index.h(index.Host, { key: '08b6e2c3f58745ac7865f686bafba4e18cbab268' });
+        return index.h(index.Host, { key: '7ee5bc2bb0a8c1ed497440c7b1f90d1a2fb3c8bb' });
     }
     get hostEl() { return index.getElement(this); }
 };
@@ -1404,7 +1405,7 @@ const TokenizePaymentMethod = class {
         return paymentMethodId === Refund.PaymentMethodTypes.card ? (index.h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (index.h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '8a7983cbb634e39612d9f464c3dde43c646356dd' }, index.h("form", { key: 'ef1d8bc768aeb880445283d4b00d41cd85b77d16' }, index.h("fieldset", { key: 'be8f72bb4aab7b52098f034a06ad8586fe3b89cb' }, index.h("div", { key: '0155b97ff6bf1c9364b2b71b337e981c89774bbe', class: "row gy-3" }, index.h("div", { key: '27bf72ad4b2729a94be20b8a22e196cb5550c078', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: '3a9c4c7bf7830f66d22fa99fc1ca12f3dcaad390', class: "col-12" }, index.h("justifi-button", { key: '860fbcdc509a72abecc1e6abe2c8ff45a565ea46', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (index.h(styledHost.StyledHost, { key: '27acb4552c8e2431792108448608c039baa705c6' }, index.h("form", { key: '914d43a641bbc484da9399d9d7b938215666862b' }, index.h("fieldset", { key: '4df90b4279eaa9c02268074c1d4c630c75e54f26' }, index.h("div", { key: 'b4b8895c7e5b9a3e615d357e2a6fdba5c245decb', class: "row gy-3" }, index.h("div", { key: '10ecdd6afffef324179fabcab340e4290c22f594', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: '3327294952c67643c9c77178f801bbbba09fd511', class: "col-12" }, index.h("justifi-button", { key: '6de96d2c0065f676e696433f8ef6438527830437', 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 index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/justifi-checkout.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-C9hBD-32.js');
-var checkPkgVersion = require('./check-pkg-version-CVOffMTi.js');
+var checkPkgVersion = require('./check-pkg-version-rUX0NaZj.js');
 require('./config-state-BBOZIS8x.js');
 require('./dinero-BwNN_k7x.js');
 require('./ComponentError-D4OLnOkg.js');
@@ -14,7 +14,7 @@ var parts = require('./parts-9jMf1erK.js');
 var styledHost = require('./styled-host-BfVJlAsJ.js');
 require('./event-types-YOY5TKUN.js');
 var index$1 = require('./index-D-dD-aC2.js');
-require('./package-MU7zz6nI.js');
+require('./package-CwkrMpTG.js');
 require('./Api-DyimBzKT.js');
 require('./utils-ChCUZgUy.js');
 require('./index-B32W0A3m.js');

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

@@ -9,7 +9,7 @@ require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
-var checkPkgVersion = require('./check-pkg-version-CVOffMTi.js');
+var checkPkgVersion = require('./check-pkg-version-rUX0NaZj.js');
 var checkout_service = require('./checkout.service-B-R80p4f.js');
 var getSubaccounts = require('./get-subaccounts-Bnfv2tEN.js');
 var styledHost = require('./styled-host-BfVJlAsJ.js');
@@ -19,7 +19,7 @@ require('./index-B32W0A3m.js');
 require('./utils-ChCUZgUy.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-MU7zz6nI.js');
+require('./package-CwkrMpTG.js');
 require('./Api-DyimBzKT.js');
 require('./badge-CcJ9H85-.js');
 require('./parts-9jMf1erK.js');

package/dist/cjs/justifi-dispute-management.cjs.entry.js

@@ -2,11 +2,11 @@
 
 var index = require('./index-C9hBD-32.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-CVOffMTi.js');
+var checkPkgVersion = require('./check-pkg-version-rUX0NaZj.js');
 var Dispute = require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
 var dispute_service = require('./dispute.service-B5tITFAh.js');
-require('./package-MU7zz6nI.js');
+require('./package-CwkrMpTG.js');
 require('./Api-DyimBzKT.js');
 require('./config-state-BBOZIS8x.js');
 require('./index-B32W0A3m.js');

package/dist/cjs/justifi-dispute-notification_3.cjs.entry.js

@@ -11,7 +11,7 @@ var ComponentError = require('./ComponentError-D4OLnOkg.js');
 var utils = require('./utils-DvUQQLmR.js');
 var dispute_service = require('./dispute.service-B5tITFAh.js');
 var eventTypes = require('./event-types-BWQT2lwu.js');
-var checkPkgVersion = require('./check-pkg-version-CVOffMTi.js');
+var checkPkgVersion = require('./check-pkg-version-rUX0NaZj.js');
 require('./dinero-BwNN_k7x.js');
 require('./Api-DyimBzKT.js');
 require('./config-state-BBOZIS8x.js');
@@ -22,7 +22,7 @@ require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-MU7zz6nI.js');
+require('./package-CwkrMpTG.js');
 
 const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
     var _a;

package/dist/cjs/justifi-gross-payment-chart.cjs.entry.js

@@ -9,7 +9,7 @@ require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
 var utils$1 = require('./utils-Bzyj4qWe.js');
-var checkPkgVersion = require('./check-pkg-version-CVOffMTi.js');
+var checkPkgVersion = require('./check-pkg-version-rUX0NaZj.js');
 require('./config-state-BBOZIS8x.js');
 require('./index-B32W0A3m.js');
 require('./utils-ChCUZgUy.js');
@@ -17,7 +17,7 @@ require('./dinero-BwNN_k7x.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./parts-9jMf1erK.js');
-require('./package-MU7zz6nI.js');
+require('./package-CwkrMpTG.js');
 
 const api = Api.Api();
 class ReportsService {