@justifi/webcomponents 6.0.0-rc.2 → 6.0.0-rc.4

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: 'fdb25496e92f4a0ac8d59dc21a1ee0b4364dfb0b' }, index.h("div", { key: 'dfbb750595eafcaef0d02dffa740c58b0459d99a', class: "form-group d-flex flex-column" }, index.h("div", { key: '78b3a1c682ad87d317f7e7407fbd73392a20b5c2', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '1f0a3ee1e9252c5ea446636d6602102bb7b6215c', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '7cf6117ae465514d3cbeb1ed2186f6b9d708c14e', helpText: this.helpText })), index.h("input", { key: '44a29d1872127ae6b588553cceed75144dd80381', 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: 'e157eea9bc728b97b8f61cc4da004756e663bc32' }, index.h("div", { key: '046f70cf63cd6724b4d42c13a7366a443f33c384', class: "form-group d-flex flex-column" }, index.h("div", { key: 'a121a7eb6229c423cfd4949b8f4af6b6140316c4', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'a885e1e8d0b0f71299c88446bfc29a546016e543', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '039c26c916c18969c17cdb4f3950c679811b5880', helpText: this.helpText })), index.h("input", { key: 'b3a20a82acd6fcbc3f61b8a72865b53e5c05b70b', 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: '50be6125a92cc147aa1b7be3b6777835d7a8d0c3', errorText: this.errorText, name: this.name }))));
+            } }), index.h(formControlErrorText.FormControlErrorText, { key: '8a1b494b2fae5e8f3c3732773c1e64f28a9c4040', errorText: this.errorText, name: this.name }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{check-pkg-version-BfmeLSXP.js → check-pkg-version-BNVGE27p.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var _package = require('./package-CuNDvHTB.js');
+var _package = require('./package-BKILqyp3.js');
 var Api = require('./Api-CPuq_15r.js');
 require('./ComponentError-D4OLnOkg.js');
 require('./Refund-CqWNG8sx.js');

package/dist/cjs/{checkout.store-Cn3Jj5gi.js → checkout.store-CV_fuGQw.js}

@@ -19,7 +19,6 @@ const initialState = {
     disableCreditCard: false,
     disablePaymentMethodGroup: false,
     paymentAmount: 0,
-    paymentCurrency: 'USD',
     paymentDescription: '',
     paymentMethodGroupId: undefined,
     paymentMethods: [],

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: 'c5c8d766dfa1ad756a4133c8cafb7904802378dd' }, index.h("style", { key: 'e7362e29a1971eb98c78b9b1b27e7fd254c259c8' }, `
+        return (index.h("div", { key: 'fa3e4321b61261759f0e180e61bdae9fc5f73944' }, index.h("style", { key: '1b543c604267f05bd47d7f2a1997e03051f4ab7c' }, `
           .popper-content {
             display: none;
           }
@@ -1883,7 +1883,7 @@ const CustomPopper = class {
             display: block;
             z-index: 1030;
           }
-          `), index.h("div", { key: 'f317844cc31312b38d5a2c01f55c3c82d7b4966f', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '84c82c3768182536c2dcbf84c445ef67b4311d24' }))));
+          `), index.h("div", { key: '06ef5a6d7f4f9583c683647641eecfda0bf41626', class: "popper-content", ref: (el) => this.popperContentRef = el }, index.h("slot", { key: '1d3edcdab5f2cbeeb77b6166521c6f54543ebf7c' }))));
     }
 };
 

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

@@ -39,10 +39,10 @@ const CheckboxInput = class {
         return parts.inputCheckbox;
     }
     render() {
-        return (index.h(index.Host, { key: '0d374cd9b723d22a594cc15131fb58ea47f4bd30' }, index.h("div", { key: '8ac29bb245a0216555106f0032654546132677f2', class: 'form-group d-flex flex-column' }, index.h("div", { key: 'e332d04b1964a4f26d0b44ee69e80a16661f7774', class: "form-check" }, index.h("input", { key: 'f56ca248d45ad8ac9457c69befd9d071b79ca7e5', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '4fb0d856e58021192e396f7dae287b99c77bd791' }, index.h("div", { key: '5007f605183d706f3376a39a7b7ec7d525d6b39e', class: 'form-group d-flex flex-column' }, index.h("div", { key: '86fc70ca655ce4f3dd606ae1ce6f68e6d38aad87', class: "form-check" }, index.h("input", { key: 'fd60081db4f79fcd83beb98eebcf03d941895546', ref: el => (this.checkboxElement = el), type: "checkbox", 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-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), index.h("label", { key: '8187e193ea1bb8c91990d757f7697a716b07a17d', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: '9ec4d8ec57ec09675ff83ec1125b1534da5b8275', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '01adbe1f12aa5590049a4dfbbb354070d2b35b55', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), index.h("label", { key: '8af1e51c951aff7765a2f4b01d7a3870b5c83869', class: "form-check-label", htmlFor: this.name, part: parts.label }, this.label)), index.h(formControlHelpText.FormControlHelpText, { key: 'a197c2558d6745bc91b4cdee752b11c4f750f024', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: 'c12c67f283dfffb42c7a3a947e3dfc7ac40b13ec', errorText: this.errorText, name: this.name }))));
     }
 };
 

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: '6cd65d367a94e06c8d49be26e3e8d7e2751cfa51' }, index.h("div", { key: '6ff62394e1879e3ecebe8c610e4eb4cf7a9060a3', class: "form-group d-flex flex-column" }, index.h("div", { key: '68f0f7d9e86666c589078356440c9aaa80bba217', class: "d-flex gap-2" }, index.h("label", { key: 'c328217fd188da129cb23cef60b0a62bc9ed971a', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '238b5b79e5374c7d9b96e18584de9c4bca68d980', helpText: this.helpText })), index.h("input", { key: '0d1ebc76676163c1361660bc9cc0d31577bdb8a5', 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: 'fec9b5747b18a685be748d7d54297b6e9e169289' }, index.h("div", { key: '78cfd327c0efef8e5a5efdd21f54bac56fc88251', class: "form-group d-flex flex-column" }, index.h("div", { key: 'bfbb716509fef6189d8c48147a794ca5934807bb', class: "d-flex gap-2" }, index.h("label", { key: '655c4c941dcffff5692c1c2391a17fc8db4de2c4', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'a738c14fc219bd450920a493e7ecdac8e2e42c22', helpText: this.helpText })), index.h("input", { key: '4c0a532ac2da38dfc038691c90ac0fc937e14c49', 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: '0bd94154e9ae185fb7de192f385a7031cb556207', 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: '88fde8e90d540a3bf769fc1b1f400b6a31ac3e8b', 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: '2471eb40bed06640e17dd9cfadfe427c4178d923', exportparts: "label,input,input-invalid" }, index.h("div", { key: '0463e18df33326affe7a829711d7b7c615048c2c', class: "form-group d-flex flex-column" }, index.h("div", { key: 'f74bc11fc71a94edc1abfdfe19c361b4fb06fd8d', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'f2e7975411fe2e328554d2b90e1d730864db6f22', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'fd4aec54d0d69b1528083f564db69705e4ec1c96', helpText: this.helpText })), index.h("input", { key: '1eb925311b0cd7257d17565726e32a00766a3b9a', 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: '4e0897e145758bdbf8b2a707ed6b7c0ddaaf9cc7', errorText: this.errorText, name: this.name }))));
+        return (index.h(index.Host, { key: 'fdfbffe4afa13884ed2dfcad7ac7aae2cc5d1466', exportparts: "label,input,input-invalid" }, index.h("div", { key: 'a40217b361515dc473840238f6de75becd846add', class: "form-group d-flex flex-column" }, index.h("div", { key: '148ff9bca27e1b1f3ef905c81ff31af5de3feb08', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'bbe1b2af670827ebd3ea2ca7c6b1ae616d2c0aa4', part: "label", class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'c6092aa758205b4c9f3c389980183f28d56f86ef', helpText: this.helpText })), index.h("input", { key: '18d3595c9eb579c84d6373237fcea037d095d4c5', 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: 'bc48d8fd8c489507303b66745161963d31ddb84d', 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: '7d4f4ae4d68bb1bd8367eaeb35004c812cc7a486' }, index.h("div", { key: 'f313b9fd13190c4bb2c9806ef81cef2b7c9fd888', class: "form-group d-flex flex-column" }, index.h("label", { key: '57d3e7f77c4a92c7e37a49a30981848586189c67', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '2a8f08aed29a0931d8ec6c00794b3d3a328040f4', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: 'e88e4c0a4206046607c1e4c30777017881a8dd80' }, index.h("div", { key: 'eb712fe05c4e6a51a68d57b9d11742bf23dc5b5d', class: "form-group d-flex flex-column" }, index.h("label", { key: '6a4c5c62c94fe0d3695af529660c4a0d0287cc8f', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("textarea", { key: '76e0681514be96eb581074d8382b7577b62ada5f', 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: '2a2bf6e0bee0cd60f7fae84dc30684e816527b4d', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '4d4fc8fc5450eb711dad88e2d8ca0d318b6dfd0c', 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: '81cb12aa1552e90df24e073a9a2cc5ac669ed89a', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '1f7999d157fff74502fe16379d55733106bdc4f7', 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: 'c8f67091e23f41d7cff3ae8e7d484682546c7b46' }, index.h("div", { key: '5a957dc0aec90bdf3220b8b736353d158d23d5e2', class: "form-group d-flex flex-column" }, index.h("label", { key: 'a71b52991e5ec8a46aa01d0d3017aaf6de15a682', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h(formControlHelpText.FormControlHelpText, { key: '85b306a5a8445187ac103d15926ef9d6d161db3c', name: this.name, helpText: this.helpText }), index.h("div", { key: '2a9cf50fc362e436d6c2b3c592fea5ddfbc95710', class: "input-group" }, index.h("span", { key: '99829c1fb6bec3bb86fa7c13bf3182f04b41a5bc', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: '8adbcae5bb6aa9d110b5c47b29edd6021a90b3fc', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '0e31cb58a7b3560cea88bc515b55e787d6be0a71' }, index.h("div", { key: 'd0ad28b761a1fb95b5e446684eb77d25202908fd', class: "form-group d-flex flex-column" }, index.h("label", { key: 'f075865f14b8697838454c3da270e974e19b0bb4', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h(formControlHelpText.FormControlHelpText, { key: '4835ba829efc4d65ec93f8c406c56635f3fb55e9', name: this.name, helpText: this.helpText }), index.h("div", { key: '88394d95831cf79a9f6d68ed824e2f0f28e5c4b3', class: "input-group" }, index.h("span", { key: 'c0f56328b5330230114cbc6dbec2ff5ab50fa6fa', class: "input-group-text", part: parts.inputAdornment }, "$"), index.h("input", { key: '615dee630e13fc603bcf0020588ea89a8006fe97', 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: 'c390bb0b610a367b9ca08ff3a737250b97b685fb', 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: 'cb2c4f53cc3bdc3b83302b30cb6087cac33e7a95', 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: '589d87bd8c266abca5f90b98a4c283bbbf7395e0' }, index.h("div", { key: 'b81beb01581f1ba626e62fbd977e50ee0ce1e511', class: "form-group d-flex flex-column" }, index.h("div", { key: '6d19e6935f4b161a803b5c977b031f47590bd9cc', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'f083814b699a6b319d487e4d604c944c25e33604', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '50dc464aa682be09049620371eda508deb4e622a', helpText: this.helpText })), index.h("input", { key: 'bfddf6e15747db29189374015178c167a491e4ec', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (index.h(index.Host, { key: '7e2cbd8676a4513170e1c920fafffeae4cc042f2' }, index.h("div", { key: 'bde27be5dfe86c5c820f46263ec73f014f8a628a', class: "form-group d-flex flex-column" }, index.h("div", { key: 'bee2a81a0b23aafbb522debac5697dbc4eaaf7bc', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '1d43eb5e7167cba5ef63439e6807deef35f7c2ea', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'aadef33688848d580ec6b369528165480c61bc49', helpText: this.helpText })), index.h("input", { key: 'a57624c146db1bf54ce73853f6c0514042335502', 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: '3f89d9f453eb3267606abc1ac4138eee97b18d22', 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: '56be93f77b87e7a4ced570d8d12c94f3864083a5', 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: '53d8829b903659510dcac88b1d9656bf820b0c0b' }, index.h("div", { key: '795d0f1b6033e039a081fb10f93908cffddb493f', class: 'form-group d-flex flex-column' }, index.h("label", { key: 'dd5bfb80db6bd7b0332976034705c58c0421638c', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: 'e8f794181b53447d9f352e3b00405c24bcbdc0f8', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '1d13bdff56070e4d188779f07081dcf2a4031f02' }, index.h("div", { key: 'e1324de4cd2b183e3674eb5b182a7d51d8a6e571', class: 'form-group d-flex flex-column' }, index.h("label", { key: 'fea8787bc32e452c1ba339fee15be3cebd274d97', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("input", { key: 'adc992f81d060ae9317995fbf728cf0d188fd747', 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: '04c4a1f7f9e991190462cae647f569bfbef9ba48', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: 'ab947bca804ceb6ec9f1c3d603a2b550266aa20f', 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: '50db62ad988d180660df8b4cf8aad2a97ad341ba', helpText: this.helpText, name: this.name }), index.h(formControlErrorText.FormControlErrorText, { key: '41a8e98a776d0e265d5b7febce941e741eaa1a6c', 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: 'f699cf07beab2c184ed0bf349b547e20b8a809a3', class: 'form-group d-flex flex-column' }, index.h("div", { key: '7a6427ca06397dd7ef610484e66766137a49bcc5', class: "form-check" }, index.h("input", { key: '2cbda070ab205f489ec5345a387f95aa63303ad4', 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: 'a22020f52ab144e24df5d8b66e1e4a2e96a46118', class: 'form-group d-flex flex-column' }, index.h("div", { key: '92e094809b59818298423b9e239cab73757c4361', class: "form-check" }, index.h("input", { key: 'f86decea91a82284fdda6916c342e8921df9dbc7', 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: '653fbd79f9fc7e55337208e02b55f2e7751d2811', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: parts.label }, this.label)), index.h("form-control-help-text", { key: '36bebcb0ce02c548a21a02219d6d6b54c9a856eb', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '8bc6df11eeaea35ea50b3d8132678c9855beacd9', 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: 'd7abd665cf385ab45f154c2607ad8732f5d778f2', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: parts.label }, this.label)), index.h("form-control-help-text", { key: '2c495cb8c25c1984addbcdcb8899823aa2db64a5', helpText: this.helpText, name: this.name }), index.h("form-control-error-text", { key: '136d3defc1f11627d0eeb4d202f4938b5e0cbde3', 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: 'd2bda676ececdf630c420c541d070b0e24f0c876' }, index.h("div", { key: '11cb790f797a1ea3009b134670741d3cf8da4c87', class: "form-group d-flex flex-column" }, index.h("div", { key: '7049eba9568b3847d6eec66133606ab6ec3534ab', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '591c5e32006d90bf7e6cfdd0cebaa72f01e5535f', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '206b51faffe537a28854f36d632354ded8b09e84', helpText: this.helpText })), index.h("input", { key: '3849d55e0d300acfdaadbc649e9adb7d977e3216', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (index.h(index.Host, { key: '51f427955047c079bcd4277ce54f27168d6c3e14' }, index.h("div", { key: '3724cd9797feb1b383e031a3509dfc365a4d1dc0', class: "form-group d-flex flex-column" }, index.h("div", { key: '883b87e2e1ddf1eb3956fd232ab7c7239a9ee08f', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '7d8acb9db3c54034fff1d310555ed15d039c8ab4', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '70c94e2dea56b70ae3e6e6fae86127ee366fa1a2', helpText: this.helpText })), index.h("input", { key: 'af0adb1ba6ac16dcd8c39a45c8c44f6bd41c9ab9', 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: '63ac8e960213bd020b222be5e5082514b96ddbcd', 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: 'd393476376fa8f749b4e54a35da2586a878da4bd', 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-Yd9aLenr.js');
 var parts = require('./parts-9jMf1erK.js');
 var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
 var formControlErrorText = require('./form-control-error-text-HM0zQerh.js');
-var _package = require('./package-CuNDvHTB.js');
+var _package = require('./package-BKILqyp3.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: 'd43ecd651426b84f971c3cd8a447b5022d26cec4' }, index$1.h("input", { key: 'b5c0880882ebbe14ac4e24ead353e26b3c86271c', 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: '4d650e7de7ed14c4483608412b6e2012b16de0d1' }, index$1.h("input", { key: 'bddc32a79593dc42a1edda6f982562b2399319e0', 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: 'f8aa1654e8ea569bb287d7a16e5d1f0f10faddd2', class: "form-group d-flex flex-column" }, index$1.h("div", { key: 'bc11e0b644272ac251f41c8f104d04f117ddca1f', style: {
+        return (index$1.h(index$1.Host, { key: 'ecbbcb6efd1855e0f89c66b8878f93a1f98a103d', class: "form-group d-flex flex-column" }, index$1.h("div", { key: '9e57bb4eacca52cc7a77fcb044d3ef7036acaca2', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, index$1.h("label", { key: '10d634dcd3697797932d89abeaedf572667819e2', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index$1.h("div", { key: 'ee4f6ff9b8753ad65c32927a1d62c5755d8e4cbf', 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: '14bbe359e808944e19aeb0742adfc1f4db07c9b5', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, index$1.h("label", { key: '91c717d727068698244692d607e1959116d6a72d', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index$1.h("div", { key: '1b655b4939a6c74088dbc6d58346d91aa4c0b1f1', 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: 'f46944026ae45f6ff71638adb52dc2ca716adb28', 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: 'c88d3d3e88707285d207341347a088b05c19ab2b', errorText: this.errorText, name: this.inputId }))));
+            } })), index$1.h(formControlErrorText.FormControlErrorText, { key: 'cbcdd23b9de6a26a3d183af48a45caacc674a3c7', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return index$1.getElement(this); }
 };

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

@@ -7,18 +7,18 @@ var parts = require('./parts-9jMf1erK.js');
 var styledHost = require('./styled-host-CqQYxX-w.js');
 require('./event-types-YOY5TKUN.js');
 var skeleton = require('./skeleton-x-GSs3xk.js');
-var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
+var checkPkgVersion = require('./check-pkg-version-BNVGE27p.js');
 var configState = require('./config-state-5xZf-jax.js');
 var header3 = require('./header-3-D9Wa0IfT.js');
 var utils = require('./utils-DAyWinG2.js');
 var stateOptions = require('./state-options-CIT9xdTz.js');
 var button = require('./button-CfVQSysQ.js');
-var checkout_store = require('./checkout.store-Cn3Jj5gi.js');
+var checkout_store = require('./checkout.store-CV_fuGQw.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./business-form-options-CMII7nIK.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
-require('./package-CuNDvHTB.js');
+require('./package-BKILqyp3.js');
 require('./Api-CPuq_15r.js');
 require('./utils-BaGF9XIe.js');
 require('./dinero-BwNN_k7x.js');
@@ -155,10 +155,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'f6b75ae15faeea635abbdcbefee10a8bdb78ba08' }, index.h(BankAccountFormSkeleton, { key: '39f42d054342305001a934feeb29c65caa0fe941', isReady: this.isReady }), index.h("hidden-input", { key: 'd4bf758fe0600db0f1535ff9040cc3d9e25c45b9' }), index.h("div", { key: '095bd8da35c668c7c40d696454310e0e320a1730', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: '747d0bd674b599caae42830991744c3fae14e803' }, index.h(BankAccountFormSkeleton, { key: '003f7e171314684a54a6cae032741b9eb8cf6491', isReady: this.isReady }), index.h("hidden-input", { key: '6ba383c713664e59d4abd2ecc4275596d4632be5' }), index.h("div", { key: '81546cb09ecaec5f50c57e78d95714e6715cf019', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: 'db367bbd03c3d563913228c1051bdb9bb61c11a9', class: "row mb-3" }, index.h("iframe-input", { key: 'e636d0226cf832f6cd7fde39ea5f471aae6d4605', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '410dd5cdca9e6774f96133fe4dbb29f0d1405138', class: "row" }, index.h("iframe-input", { key: '26b7138268f6e4f866c4eaf3d2f9c4b0ba00a6c3', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, index.h("div", { key: '21257886a4cd3667bf92b94de93f9f6d856c42f5', class: "row mb-3" }, index.h("iframe-input", { key: '80102dd11c42053e8b7b9b4d3f586d28400e759f', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: 'b513ba0b350c390e554dd6d30acf636dc9bddff3', class: "row" }, index.h("iframe-input", { key: '8929a99c7fbe37148416295d92018a6291cbc9e6', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
 };
 
@@ -239,7 +239,7 @@ const JustifiButton = class {
         this.type = 'button';
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '0cc61730e0afccbf438382a3d709397ebe327a9a' }, index.h(button.Button, { key: 'c82eb8f914aa50df8b3e51d271a9e4c29602369e', 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: '56c3098559d728e326c9d76276f2e54bfb8b6697' }, index.h(button.Button, { key: '56d123ed4bc90972e8bcd8ad00e5942819998bed', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 };
 
@@ -338,10 +338,10 @@ const JustifiCardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '18d429a9feac5ab030ab040a9aec0efdc0a09b3a' }, index.h(CardFormSkeleton, { key: '8a7a41be9477f7656601a1b21bbd89398846ddda', isReady: this.isReady }), index.h("hidden-input", { key: '256715cd96354c50903c03e15b3de7a81c25e59f' }), index.h("div", { key: 'd55bae0a16f8572e476f012594ca99074e1f3af5', class: "container-fluid p-0", style: {
+        return (index.h(styledHost.StyledHost, { key: '4aca2e72165125e0ddf34c978c29eca6ae3bded1' }, index.h(CardFormSkeleton, { key: 'bfe670e2a84a1945babf9f0f27ab33387fd3e320', isReady: this.isReady }), index.h("hidden-input", { key: 'ae76e3246979e71ea916109dbba61d041a0434bb' }), index.h("div", { key: '192dee5354b70a59030a7258b4282636a8b0d545', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, index.h("div", { key: '7d1906ad3065c71e5871c0fbb30686dcfa011ecb', class: "mb-3" }, index.h("iframe-input", { key: 'cabb51df56859dcf77a8e7b1bd18841eea872a96', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: 'dc14f4d1cadd95587cee0e0fbf82b48b7ade1ffb', class: "row" }, index.h("div", { key: 'd6637ada2d0b35e41ffceedd4427bc8e819a564d', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '57bac9f6b1695cb62f60483b4350aa9a1365f944', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '2264ccbe1c8ca30b3359cf52b3cef7ac0707462e', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '0195b665d1b4809c9ab04c68fcd3de6a1f6af562', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: '07578e7173b66895b84091184f7f3166fcf00314', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'cea4796ffdec09d0c9b56d3a09d5e0571744a966', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, index.h("div", { key: 'edc562e49002e4fc5d59975f2faec7d4cb53e7c4', class: "mb-3" }, index.h("iframe-input", { key: '597cda9d529c3099bf0afe121b62dc425d0199b6', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '41436372ad92b6bb30be16057340caf56a22c656', class: "row" }, index.h("div", { key: '5ac0a9964db760b293ceba8730e4cdd1ba50382e', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '3b5d4e5c535a3e0e7eaffdf3e1f5afdceac3738c', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: 'd946453b6fa4c99dd9c7f5d64ee7171ebebbb67f', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'b132330a64b46d6506debf79c87282598c2fbf5a', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: '21b5cfbf2aa6e038dc13910108dcd85c800e09cf', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '4a266eef3d8636b5852a090ee20e6d014296e6dc', 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-Df-pajL7.js');
 var business_service = require('./business.service-C3BdUPlm.js');
 var getBusiness = require('./get-business-o5jPq_ME.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
+var checkPkgVersion = require('./check-pkg-version-BNVGE27p.js');
 require('./parts-9jMf1erK.js');
 require('./Api-CPuq_15r.js');
 require('./config-state-5xZf-jax.js');
@@ -19,7 +19,7 @@ require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./utils-DvUQQLmR.js');
-require('./package-CuNDvHTB.js');
+require('./package-BKILqyp3.js');
 
 const BusinessDetails = class {
     constructor(hostRef) {

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

@@ -11,7 +11,7 @@ require('./Refund-CqWNG8sx.js');
 require('./Pagination-Dediz133.js');
 var Business = require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
+var checkPkgVersion = require('./check-pkg-version-BNVGE27p.js');
 var button = require('./button-CfVQSysQ.js');
 var styledHost = require('./styled-host-CqQYxX-w.js');
 var header1 = require('./header-1-DD41iNlG.js');
@@ -27,7 +27,7 @@ require('./business-form-options-CMII7nIK.js');
 require('./index-Yd9aLenr.js');
 require('./utils-BaGF9XIe.js');
 require('./helpers-B5OCqlIM.js');
-require('./package-CuNDvHTB.js');
+require('./package-BKILqyp3.js');
 require('./Api-CPuq_15r.js');
 require('./parts-9jMf1erK.js');
 require('./utils-DvUQQLmR.js');

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

@@ -3,13 +3,13 @@
 var index = require('./index-dm_GlYlb.js');
 var parts = require('./parts-9jMf1erK.js');
 var utils = require('./utils-BaGF9XIe.js');
-var checkout_store = require('./checkout.store-Cn3Jj5gi.js');
+var checkout_store = require('./checkout.store-CV_fuGQw.js');
 var styledHost = require('./styled-host-CqQYxX-w.js');
 require('./event-types-YOY5TKUN.js');
 var header1 = require('./header-1-DD41iNlG.js');
 var insuranceState = require('./insurance-state-Cyva9u6S.js');
 var header3 = require('./header-3-D9Wa0IfT.js');
-var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
+var checkPkgVersion = require('./check-pkg-version-BNVGE27p.js');
 require('./config-state-5xZf-jax.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
@@ -21,7 +21,7 @@ var utils$1 = require('./utils-DvUQQLmR.js');
 var checkout_service = require('./checkout.service-B0ZmvWwI.js');
 var paymentMethodOptionUtils = require('./payment-method-option-utils-WYHIHy-l.js');
 require('./index-Yd9aLenr.js');
-require('./package-CuNDvHTB.js');
+require('./package-BKILqyp3.js');
 require('./Api-CPuq_15r.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
@@ -31,7 +31,7 @@ const Summary = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '28a1a324b8cdf2dea0aafe91fbdd3679482e76f8' }, index.h("section", { key: 'e8ffe2fdd1592a0b762647fdab94ee5e21436a93' }, index.h("div", { key: '099fbfb449066290cdcd113b0de5f87334777a0e' }, index.h("div", { key: 'c78325957b4e00299366b8e9efe6fd6e86da3b97', part: parts.text }, checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.paymentDescription), index.h("div", { key: 'd077da888b03a34e540f66ebaa57502fe22be7c4' }, index.h("span", { key: 'd4f7ddd24e10302222679a9f73c3b5ed305267a7', part: parts.text }, "Total"), "\u00A0", index.h("span", { key: '1f5d7b6b0cce64eea04879e7767ff87ce5a64069', 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: '74b2a1ebf22f1f7e7cb0cfbbbba8a3f8cd528a6b' }, index.h("section", { key: '6ea0bd41680b937c0ff88aa0f73c1ac4bccee9b9' }, index.h("div", { key: '6ca013f92dbaf076bda9a65c98acdf5c8192b22a' }, index.h("div", { key: '62f166bdc0b47e8cda03ee4d549736aaf336727e', part: parts.text }, checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.paymentDescription), index.h("div", { key: 'c681ecba3bbceac71993833f8861393dc5751b4c' }, index.h("span", { key: '46eaedc091f44c2d3bad94cb6a05098385be8ebc', part: parts.text }, "Total"), "\u00A0", index.h("span", { key: 'ad70de1a38c2c7625562cee3a745a6a61235f4cf', part: parts.text }, utils.formatCurrency(+(checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.totalAmount))))))));
     }
 };
 
@@ -47,7 +47,7 @@ const Header = class {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (index.h(styledHost.StyledHost, { key: '73104ea086f8a9948e69f86451adf19e0f39fb32' }, index.h(HeaderComponent, { key: 'a8582109634299a24e2a9b3c7181c6bba511fde7', text: this.text, class: this.class })));
+        return (index.h(styledHost.StyledHost, { key: '5113142a64d38ab38fbf95f37e2548501b11d81e' }, index.h(HeaderComponent, { key: 'e28419adc9ac323a1846358efc7ffab98dddec95', text: this.text, class: this.class })));
     }
 };
 
@@ -113,36 +113,6 @@ const ModularCheckout = class {
         this.submitEvent = index.createEvent(this, "submit-event");
         this.paymentMethodChangedEvent = index.createEvent(this, "payment-method-changed");
         this.savePaymentMethod = false;
-        this.handleApplePayCompleted = (event) => {
-            const { success, token, error } = event.detail;
-            if (success && token) {
-                this.applePayToken = token;
-                // Complete the checkout with Apple Pay token
-                this.submitCheckoutWithApplePay();
-            }
-            else {
-                console.error('Apple Pay completed but failed:', error);
-                this.errorEvent.emit({
-                    message: (error === null || error === void 0 ? void 0 : error.message) || 'Apple Pay payment failed',
-                    errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
-                    severity: ComponentError.ComponentErrorSeverity.ERROR,
-                });
-            }
-        };
-        this.handleApplePayError = (event) => {
-            const { error } = event.detail;
-            console.error('Apple Pay error:', error);
-            this.errorEvent.emit({
-                message: error || 'Apple Pay error occurred',
-                errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
-            });
-        };
-        this.handleApplePayCancelled = () => {
-            console.log('Apple Pay cancelled by user');
-            // Reset the token if cancelled
-            this.applePayToken = undefined;
-        };
     }
     savePaymentMethodChanged(newValue) {
         checkout_store.checkoutStore.savePaymentMethod = newValue;
@@ -150,7 +120,6 @@ const ModularCheckout = class {
     connectedCallback() {
         this.observer = new MutationObserver(() => {
             this.queryFormRefs();
-            this.setupApplePayListeners(); // set up again listeners when DOM changes
         });
         this.observer.observe(this.hostEl, {
             childList: true,
@@ -192,12 +161,10 @@ const ModularCheckout = class {
     }
     componentDidLoad() {
         this.queryFormRefs();
-        this.setupApplePayListeners();
     }
     disconnectedCallback() {
         var _a;
         (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
-        this.removeApplePayListeners();
     }
     fetchCheckout() {
         if (this.getCheckout) {
@@ -250,51 +217,6 @@ const ModularCheckout = class {
         this.billingFormRef = this.hostEl.querySelector('justifi-billing-form, justifi-bank-account-billing-form-simple, justifi-card-billing-form-simple, justifi-billing-form-full');
         this.insuranceFormRef = this.hostEl.querySelector('justifi-season-interruption-insurance');
         this.sezzlePaymentMethodRef = this.hostEl.querySelector('justifi-sezzle-payment-method');
-        this.applePayRef = this.hostEl.querySelector('justifi-apple-pay');
-    }
-    setupApplePayListeners() {
-        if (this.applePayRef) {
-            this.applePayRef.addEventListener('applePayCompleted', this.handleApplePayCompleted);
-            this.applePayRef.addEventListener('applePayError', this.handleApplePayError);
-            this.applePayRef.addEventListener('applePayCancelled', this.handleApplePayCancelled);
-        }
-    }
-    removeApplePayListeners() {
-        if (this.applePayRef) {
-            this.applePayRef.removeEventListener('applePayCompleted', this.handleApplePayCompleted);
-            this.applePayRef.removeEventListener('applePayError', this.handleApplePayError);
-            this.applePayRef.removeEventListener('applePayCancelled', this.handleApplePayCancelled);
-        }
-    }
-    async submitCheckoutWithApplePay() {
-        if (!this.applePayToken) {
-            this.errorEvent.emit({
-                message: 'No Apple Pay token available',
-                errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
-            });
-            return;
-        }
-        const payment = {
-            payment_mode: 'apple_pay',
-            payment_token: this.applePayToken,
-        };
-        this.completeCheckout({
-            payment,
-            onSuccess: ({ checkout }) => {
-                this.submitEvent.emit({
-                    checkout,
-                    message: 'Apple Pay checkout completed successfully',
-                });
-            },
-            onError: (error) => {
-                this.errorEvent.emit({
-                    message: error.message,
-                    errorCode: ComponentError.ComponentErrorCodes.COMPLETE_CHECKOUT_ERROR,
-                    severity: ComponentError.ComponentErrorSeverity.ERROR,
-                });
-            },
-        });
     }
     async tokenizePaymentMethod(tokenizeArgs) {
         var _a, _b, _c;
@@ -311,10 +233,6 @@ const ModularCheckout = class {
         });
     }
     async getPaymentMethod(submitCheckoutArgs) {
-        // If Apple Pay token is available, return a placeholder since we handle it differently
-        if (this.applePayToken) {
-            return 'apple_pay_token';
-        }
         // If we have a payment token from the store (set by tokenize-payment-method), use it
         if (checkout_store.checkoutStore.paymentToken) {
             return checkout_store.checkoutStore.paymentToken;
@@ -336,10 +254,10 @@ const ModularCheckout = class {
     }
     async validate() {
         var _a, _b;
-        // If Apple Pay token is available, validation is already complete
-        if (this.applePayToken) {
-            return true;
-        }
+        console.log('billing information form', this.billingFormRef);
+        console.log('payment method form', this.paymentMethodFormRef);
+        console.log('insurance form', this.insuranceFormRef);
+        console.log('sezzle payment method', this.sezzlePaymentMethodRef);
         const promises = [
             (_a = this.paymentMethodFormRef) === null || _a === void 0 ? void 0 : _a.validate(),
             (_b = this.billingFormRef) === null || _b === void 0 ? void 0 : _b.validate()
@@ -352,11 +270,6 @@ const ModularCheckout = class {
     }
     async submitCheckout(submitCheckoutArgs) {
         var _a;
-        // If Apple Pay token is available, use Apple Pay flow
-        if (this.applePayToken) {
-            await this.submitCheckoutWithApplePay();
-            return;
-        }
         const isValid = await this.validate();
         if (!isValid) {
             this.errorEvent.emit({
@@ -421,7 +334,7 @@ const ModularCheckout = class {
         checkout_store.checkoutStore.selectedPaymentMethod = paymentMethodId;
     }
     render() {
-        return (index.h(index.Host, { key: '1b0c613494dde43962dc963618d5a81c4423b218' }));
+        return (index.h(index.Host, { key: '240891d53dfb817bb39cbeb1e9a96ab885933a47' }));
     }
     get hostEl() { return index.getElement(this); }
     static get watchers() { return {
@@ -762,13 +675,13 @@ const TokenizePaymentMethod = class {
         return (index.h("div", { class: "payment-method" }, index.h("justifi-radio-list-item", { name: "paymentMethodType", value: paymentMethodType, checked: isSelected, label: PAYMENT_METHOD_TYPE_LABELS[paymentMethodType], hidden: this.shouldHideRadioInput }), isSelected && this.renderSelectedPaymentMethodForm(paymentMethodType)));
     }
     renderSelectedPaymentMethodForm(paymentMethodId) {
-        return (index.h("div", { class: "mt-4 pb-4" }, this.renderPaymentMethodForm(paymentMethodId), index.h("div", { class: "mt-4" }, index.h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodId })), index.h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupID })));
+        return (index.h("div", { class: "mt-4 pb-4" }, this.renderPaymentMethodForm(paymentMethodId), index.h("div", { class: "mt-4" }, index.h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodId })), index.h("div", { class: "mt-4" }, index.h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupID }))));
     }
     renderPaymentMethodForm(paymentMethodId) {
         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: '47fb6432264a7009d1df82cac73c3283be5a1514' }, index.h("form", { key: 'b283f414e00296cbf08960a669fbd0f91a2cb554' }, index.h("fieldset", { key: 'bfaddf226f5ec365ceb22185804f29d46f9f59c7' }, index.h("div", { key: 'b828e27ea63fa96dd7f38ef8d6038e3a6d1f234c', class: "row gy-3" }, index.h("div", { key: '1b34dba8e5d3a5426f002e4b2eace7dbc32b80e8', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: 'd62cdda4a73c39ce53936717c5c22779dd9c3c48', class: "col-12" }, index.h("justifi-button", { key: '24bbd9e275990e59d0549b07725111aa0fffa8c4', 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: 'ebe1d84471e0c6a32ee69d457f63755801d68577' }, index.h("form", { key: '7cf3aa01ead5602aaa31a4400d6bd9e1f782c65d' }, index.h("fieldset", { key: 'e8b430c8defd6103f53cb0a534466093983cd409' }, index.h("div", { key: '40d2206b6c43d3f3f05ad95b7731e3ecbe3eba83', class: "row gy-3" }, index.h("div", { key: 'e548fea0d586e8b0a3c0232e05bf7bb11bd2fbfc', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), index.h("div", { key: 'f903481cbc309fa89d8cb0c124d2cdbf41f034fd', class: "col-12" }, index.h("justifi-button", { key: 'e76830507419530b3b1da8f2eee8e5ff323fdf59', 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,13 +1,13 @@
 'use strict';
 
 var index = require('./index-dm_GlYlb.js');
-var checkPkgVersion = require('./check-pkg-version-BfmeLSXP.js');
+var checkPkgVersion = require('./check-pkg-version-BNVGE27p.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkout_store = require('./checkout.store-Cn3Jj5gi.js');
+var checkout_store = require('./checkout.store-CV_fuGQw.js');
 var parts = require('./parts-9jMf1erK.js');
 var styledHost = require('./styled-host-CqQYxX-w.js');
 require('./event-types-YOY5TKUN.js');
-require('./package-CuNDvHTB.js');
+require('./package-BKILqyp3.js');
 require('./Api-CPuq_15r.js');
 require('./config-state-5xZf-jax.js');
 require('./index-Yd9aLenr.js');