@justifi/webcomponents 6.5.1-rc.3 → 6.6.0

package/dist/collection/components/tokenize-payment-method/tokenize-payment-method.js

@@ -13,7 +13,7 @@ export class TokenizePaymentMethod {
         return this.tokenizePaymentMethodRef.validate();
     }
     render() {
-        return (h("internal-tokenize-payment-method", { key: '96e07efa80306f387f54e51d3802cb5379f2eb4e', ref: (el) => this.tokenizePaymentMethodRef = el, authToken: this.authToken, accountId: this.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: this.hideSubmitButton, paymentMethodGroupId: this.paymentMethodGroupId }));
+        return (h("internal-tokenize-payment-method", { key: '5f1718b411f39112cfcc2c0b744c49aa5140374d', ref: (el) => this.tokenizePaymentMethodRef = el, authToken: this.authToken, accountId: this.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: this.hideSubmitButton, paymentMethodGroupId: this.paymentMethodGroupId }));
     }
     static get is() { return "justifi-tokenize-payment-method"; }
     static get encapsulation() { return "shadow"; }
@@ -228,8 +228,9 @@ export class TokenizePaymentMethod {
                             "id": "global::Promise"
                         },
                         "PaymentMethodPayload": {
-                            "location": "global",
-                            "id": "global::PaymentMethodPayload"
+                            "location": "import",
+                            "path": "../../components",
+                            "id": "src/components.d.ts::PaymentMethodPayload"
                         },
                         "MouseEvent": {
                             "location": "global",
@@ -271,15 +272,19 @@ export class TokenizePaymentMethod {
             },
             "validate": {
                 "complexType": {
-                    "signature": "() => Promise<any>",
+                    "signature": "() => Promise<ValidationResult>",
                     "parameters": [],
                     "references": {
                         "Promise": {
                             "location": "global",
                             "id": "global::Promise"
+                        },
+                        "ValidationResult": {
+                            "location": "global",
+                            "id": "global::ValidationResult"
                         }
                     },
-                    "return": "Promise<any>"
+                    "return": "Promise<ValidationResult>"
                 },
                 "docs": {
                     "text": "",

package/dist/collection/store/checkout.store.js

@@ -8,7 +8,6 @@ const initialState = {
     },
     bnplEnabled: false,
     applePayEnabled: false,
-    googlePayEnabled: false,
     insuranceEnabled: false,
     bnplProviderApiVersion: '',
     bnplProviderCheckoutUrl: '',
@@ -66,9 +65,6 @@ export function getAvailablePaymentMethodTypes() {
     if (checkoutStore.applePayEnabled) {
         methods.push(PAYMENT_METHODS.APPLE_PAY);
     }
-    if (checkoutStore.googlePayEnabled) {
-        methods.push(PAYMENT_METHODS.GOOGLE_PAY);
-    }
     if (checkoutStore.bankAccountVerification === true &&
         !checkoutStore.disableBankAccount) {
         methods.push(PAYMENT_METHODS.PLAID);

package/dist/collection/ui-components/custom-popper/custom-popper.js

@@ -80,7 +80,7 @@ export class CustomPopper {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: 'd41a43285190500dbdf63ebfe4c381e6ebe3c680' }, h("style", { key: 'c9f85586d09e78390d94a2c62815a30d5b5c72c8' }, `
+        return (h("div", { key: '73b07cca3eacc4041a0aba80818eab407e92b833' }, h("style", { key: '767463c48efc2828e9e9c48dacd2db0568d6a751' }, `
           .popper-content {
             display: none;
           }
@@ -88,7 +88,7 @@ export class CustomPopper {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '34cd3ce248d7856ef8cd287bf460fa663ff047da', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '8cf3cc61f96ccd087435dceb2a999bc367c110b8' }))));
+          `), h("div", { key: '284486020e76357a378fdc91ad899b87da27c4eb', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'c317e502124dc6ff11c7c4a606f09f4f69adffeb' }))));
     }
     static get is() { return "custom-popper"; }
     static get properties() {

package/dist/collection/ui-components/details/details.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { ErrorState } from "./utils";
 export class Details {
     render() {
-        return (h("div", { key: '026afe404e83a58245d2c0d68b188a5b227933b4' }, this.errorMessage ?
+        return (h("div", { key: '3c1c4e729711c6676c176a5a04228ec7ebb7acfa' }, this.errorMessage ?
             ErrorState(this.errorMessage)
             :
                 h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));

package/dist/collection/ui-components/form/form-control-checkbox.js

@@ -31,10 +31,10 @@ export class CheckboxInput {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: 'b807bfa85e0bca62a639f19e1f30fa747b8072fe' }, h("div", { key: '5d2694ffa11664f6c0aa5300aedd5eec8596b307', class: 'form-group d-flex flex-column' }, h("div", { key: '7b5394d56eaa028e0d7e6d208218ff0eab79cb31', class: "form-check" }, h("input", { key: '2fc998ec3d2a9e9eb9c6dc9f7a4d544d583b78ba', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '258008acd0e8eee703d0e7f0f275f8d5c91417f0' }, h("div", { key: '12037881c0788583ed044e78473fc3dacfd2e5d2', class: 'form-group d-flex flex-column' }, h("div", { key: '1769466a28a564c2c82209d159f2fa880e8c5606', class: "form-check" }, h("input", { key: '54a821964bff8b729167bc8f3c217a149495c68e', 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 }), h("label", { key: '5908446baac590c68042f07a945d78ad7182958a', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'e754a1e7b67a27a68f0017e8536a6fab47eb8b10', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '0c5d2e8c1e44eadb43c5e2df022a7ae1c8fd8fc9', 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 }), h("label", { key: '5b1d4268d17ff6b2e50c4e3304490e9dad09e63f', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '038f3dd4666db959a9d5e5ed763f7fe583c1a48c', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'b9afaf8f897513a5c1a27c4b0bbf2fc80aa824a3', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-checkbox"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-date.js

@@ -42,10 +42,10 @@ export class DateInput {
         return part;
     }
     render() {
-        return (h(Host, { key: '69ef8b13877f5a1222da2863ae4776b92125291a' }, h("div", { key: '5c7dda504e14d6f4eee4bacbb84493d9e75bd2e0', class: "form-group d-flex flex-column" }, h("div", { key: '967f8103c8004437654231e017adce9a05cd4ce4', class: "d-flex gap-2" }, h("label", { key: 'e974346e8e6cb459652a3623b45c65841e83666a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'dc7b1c88e0542c8c7c7730af48d38803abc0ee1e', helpText: this.helpText })), h("input", { key: '1c23f346c5f59cd9039c4d991b8dc7d24060a3df', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '60dc007a63a4c53c1d05ec701d0d3e5426faa95b' }, h("div", { key: '6a001ac3163dd4484417dbf633fdf079caabba0b', class: "form-group d-flex flex-column" }, h("div", { key: '4f0d1aa933a45f4775a1c97557bba04ca56dd833', class: "d-flex gap-2" }, h("label", { key: 'd215fa9ce7e9d9e47e710a70f181d5b8d46a6576', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e4a273e4383aa6322dc753807d2bc975aac70038', helpText: this.helpText })), h("input", { key: 'e0f394b7923680f487c1702cf98269996200006b', 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 }), h(FormControlErrorText, { key: '72385ca52f02222bddc17e4ad97c3449a0bfa21a', 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 }), h(FormControlErrorText, { key: '5e107f1e2610a46cdaddf89d5c0ec1a851517aae', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-date"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-file-v2.js

@@ -2,7 +2,7 @@ import { Host, h, } from "@stencil/core";
 import { FormControlErrorText } from "./form-helpers/form-control-error-text";
 export class FileInput {
     render() {
-        return (h(Host, { key: '2471eb40bed06640e17dd9cfadfe427c4178d923', exportparts: "label,input,input-invalid" }, h("div", { key: '0463e18df33326affe7a829711d7b7c615048c2c', class: "form-group d-flex flex-column" }, h("div", { key: 'f74bc11fc71a94edc1abfdfe19c361b4fb06fd8d', class: "d-flex align-items-start gap-2" }, h("label", { key: 'f2e7975411fe2e328554d2b90e1d730864db6f22', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fd4aec54d0d69b1528083f564db69705e4ec1c96', helpText: this.helpText })), 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 = "" }), h(FormControlErrorText, { key: '4e0897e145758bdbf8b2a707ed6b7c0ddaaf9cc7', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '18db0d27493416cbba3112d5eb3b517534463b5e', exportparts: "label,input,input-invalid" }, h("div", { key: '05d3269920dee47ee1895208ea2def7dfc21fd76', class: "form-group d-flex flex-column" }, h("div", { key: 'ea521871188ec3df8841add01219d581c0ef225c', class: "d-flex align-items-start gap-2" }, h("label", { key: '2f6bbebbffc027c4b26ca1b8bffba41f4e14a048', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '18ad9727a6ec2ba8bc32f610a6fb403f02c6cb65', helpText: this.helpText })), h("input", { key: '3527b426dcb8e9158635999bb14519ba89b58958', 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 = "" }), h(FormControlErrorText, { key: '5978fc20f0935746f5ade33a3a1626a2f7387272', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file-v2"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-file.js

@@ -37,10 +37,10 @@ export class FileInput {
         return part;
     }
     render() {
-        return (h(Host, { key: 'fdb25496e92f4a0ac8d59dc21a1ee0b4364dfb0b' }, h("div", { key: 'dfbb750595eafcaef0d02dffa740c58b0459d99a', class: "form-group d-flex flex-column" }, h("div", { key: '78b3a1c682ad87d317f7e7407fbd73392a20b5c2', class: "d-flex align-items-start gap-2" }, h("label", { key: '1f0a3ee1e9252c5ea446636d6602102bb7b6215c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7cf6117ae465514d3cbeb1ed2186f6b9d708c14e', helpText: this.helpText })), 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 (h(Host, { key: '80b1f75b69956b28615ebfc4f224702f38bdb03f' }, h("div", { key: '5934d7d48e9ac1ceee7804b477aa3ad2f27ca0ab', class: "form-group d-flex flex-column" }, h("div", { key: '521ca740b92a6177bd5ce355374496108398b4d5', class: "d-flex align-items-start gap-2" }, h("label", { key: '4bada23b536d6013aad85ee9cafd66abbf44af51', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '86af9d0e6ff35b81d53f32d5055a4814986b9447', helpText: this.helpText })), h("input", { key: '60bd9e5f25181ddf6607e0b4411a62215ff6e10e', 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();
-            } }), h(FormControlErrorText, { key: '50be6125a92cc147aa1b7be3b6777835d7a8d0c3', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: 'f1b4f498aa60b2dff655f11af579cf2916ad4d51', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-monetary.js

@@ -42,10 +42,10 @@ export class MonetaryInput {
         return input;
     }
     render() {
-        return (h(Host, { key: 'c8f67091e23f41d7cff3ae8e7d484682546c7b46' }, h("div", { key: '5a957dc0aec90bdf3220b8b736353d158d23d5e2', class: "form-group d-flex flex-column" }, h("label", { key: 'a71b52991e5ec8a46aa01d0d3017aaf6de15a682', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '85b306a5a8445187ac103d15926ef9d6d161db3c', name: this.name, helpText: this.helpText }), h("div", { key: '2a9cf50fc362e436d6c2b3c592fea5ddfbc95710', class: "input-group" }, h("span", { key: '99829c1fb6bec3bb86fa7c13bf3182f04b41a5bc', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '8adbcae5bb6aa9d110b5c47b29edd6021a90b3fc', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c3c53c59e76afdd09e2bae223fdbd50d2a825038' }, h("div", { key: '731d0c94a94f42a182bfedbf9dde378933b6fc50', class: "form-group d-flex flex-column" }, h("label", { key: 'a7eb59f2b0cc2599653aa442131ef00c2db74315', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '7b44b614e552346a83608eff13d6ef7b976d1152', name: this.name, helpText: this.helpText }), h("div", { key: '7a3865c3450037783a1c92493350f05b6bd2a95b', class: "input-group" }, h("span", { key: '4ee1898f00c70a5f521ce7e18df5f11827285e9a', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '1d61f0fb82fb2a0620129ba7a62f9800c3c9b1cc', 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 })), h(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 })), h(FormControlErrorText, { key: '951f90fcd860369555bd4bf82ae0193fb8f92947', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-monetary"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-number-masked.js

@@ -61,10 +61,10 @@ export class NumberInputMasked {
         return input;
     }
     render() {
-        return (h(Host, { key: '589d87bd8c266abca5f90b98a4c283bbbf7395e0' }, h("div", { key: 'b81beb01581f1ba626e62fbd977e50ee0ce1e511', class: "form-group d-flex flex-column" }, h("div", { key: '6d19e6935f4b161a803b5c977b031f47590bd9cc', class: "d-flex align-items-start gap-2" }, h("label", { key: 'f083814b699a6b319d487e4d604c944c25e33604', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '50dc464aa682be09049620371eda508deb4e622a', helpText: this.helpText })), h("input", { key: 'bfddf6e15747db29189374015178c167a491e4ec', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '6c9814049ed9df9b56ece90a0cba99d567a45162' }, h("div", { key: '17893086baabe9c346fa47e9f64c451635a99972', class: "form-group d-flex flex-column" }, h("div", { key: 'e627c915dcae3c1a6ad91e61da69c11381ed9a93', class: "d-flex align-items-start gap-2" }, h("label", { key: 'a74daebf653579f25c787064485227ee5ee7af08', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fb5c48b9e75d8168131189081a55722d50408413', helpText: this.helpText })), h("input", { key: '10fd5ba8b26058ed7fbe3f4b789358a42933f83e', 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 }), h(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 }), h(FormControlErrorText, { key: 'dd183a39d81748d9dd630f210126742df0b8a324', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-number-masked"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-number.js

@@ -36,10 +36,10 @@ export class NumberInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '53d8829b903659510dcac88b1d9656bf820b0c0b' }, h("div", { key: '795d0f1b6033e039a081fb10f93908cffddb493f', class: 'form-group d-flex flex-column' }, h("label", { key: 'dd5bfb80db6bd7b0332976034705c58c0421638c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'e8f794181b53447d9f352e3b00405c24bcbdc0f8', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '4d8da754b67934d367072f31e4f7624c7e34bb32' }, h("div", { key: '10706649a5cf83802e77ee9e8e098b0a83dfb089', class: 'form-group d-flex flex-column' }, h("label", { key: 'eac751313ef89a276a0e8c090c1a6d92c313407c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '8d62777adf0329b489630d448ca15076cba2bfba', 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 }), h(FormControlHelpText, { key: '04c4a1f7f9e991190462cae647f569bfbef9ba48', helpText: this.helpText, name: this.name }), h(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 }), h(FormControlHelpText, { key: 'f4de74463e069c5502c8b1cf78ec2560caaae4a4', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '2331b865a7dbae4a8ee7f859221450165cf12dc7', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-number"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-radio.js

@@ -26,10 +26,10 @@ export class RadioInput {
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '444e9e4c42466bab91d72f6da7b48c6ad59072a8', class: 'form-group d-flex flex-column' }, h("div", { key: '1833b9b305aced695eb2c42c30a5b41b3008a309', class: "form-check" }, h("input", { key: '97e093575b649eea82dca07c0143e8ce722c799f', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'bee3f4b4e23c4138c2f22c1cf61f844178cae76f', class: 'form-group d-flex flex-column' }, h("div", { key: '354e87b968faf63d3135131e605f819206876eb8', class: "form-check" }, h("input", { key: 'dbd5fbdf9ef58bb02168f8b38eacd44173b466a4', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: '0daa3e06d66c182c41b8c28cb7938d24168ecf17', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '4601db2bed3f67eee325a5132d6288ea5d55c240', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '2b20dbb4481969e937c498fabec4b708d0eda4e5', errorText: this.errorText, name: this.name })));
+            }, onChange: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, value: this.value, checked: this.checked }), h("label", { key: '0b62970068c44198ac8d08b6aac076747823f610', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '630e907c782cd98b997c277e495f279e6dac3f74', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '6b9eab6757c90ce776f1685819dbe7467701ad2e', errorText: this.errorText, name: this.name })));
     }
     static get is() { return "form-control-radio"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-select.js

@@ -35,10 +35,10 @@ export class SelectInput {
     }
     render() {
         var _a;
-        return (h(Host, { key: '9842d5b2a2069292ded1b960bc024d7995a6d58e' }, h("div", { key: 'b4b5fe37f88661d2f592864adb16ae997a38b484', class: "form-group d-flex flex-column" }, h("div", { key: 'f70c40c7e4bdd58b985ac9b6e76fbf48ff15261e', class: "d-flex align-items-start gap-2" }, h("label", { key: '6b1d9e1f3b22e702962c1d23a057f08222af5e1a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fae7835adde280a8c4f48f3c9b169240aac3672d', helpText: this.helpText })), h("select", { key: 'bee75d1bb56ed104473efcad7d8c432b50bfbb38', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '28e9145c806438aeebaed4cff8c12d510e40eede' }, h("div", { key: '2ded9edecc5a31567349d59ba2b39f363267625c', class: "form-group d-flex flex-column" }, h("div", { key: '5935379535246c531ecbdbc79cbb9cc35ad5c850', class: "d-flex align-items-start gap-2" }, h("label", { key: '802b71681faa401c40deff47fc91d1a3f71c5819', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '4000cc8fbd664d05c84dbea675cb5c6626cec703', helpText: this.helpText })), h("select", { key: '2fe7d966babea632b4f8f78de69dc622b2b2b10f', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: 'f5df46552aa8124b344260bca05bd02c695d0fe6', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h(FormControlErrorText, { key: '1bdc219ef8244ac54e3059750c587758c55ac587', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-select"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-text.js

@@ -36,10 +36,10 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: 'd2bda676ececdf630c420c541d070b0e24f0c876' }, h("div", { key: '11cb790f797a1ea3009b134670741d3cf8da4c87', class: "form-group d-flex flex-column" }, h("div", { key: '7049eba9568b3847d6eec66133606ab6ec3534ab', class: "d-flex align-items-start gap-2" }, h("label", { key: '591c5e32006d90bf7e6cfdd0cebaa72f01e5535f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '206b51faffe537a28854f36d632354ded8b09e84', helpText: this.helpText })), h("input", { key: '3849d55e0d300acfdaadbc649e9adb7d977e3216', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '2aa6cbf7a3edffb53197f97490608195dd91603b' }, h("div", { key: '7f9137a3a74eeed499faa87d25c9623222f562a2', class: "form-group d-flex flex-column" }, h("div", { key: 'b76eb65fdb021f227c90817dff056f367f742a55', class: "d-flex align-items-start gap-2" }, h("label", { key: '71f160b2ef44b6394d09cb768892cd8c2971c610', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'bf89639c23437d1c567784ebf545f0399f6e6ca0', helpText: this.helpText })), h("input", { key: 'd7e891d4ffc3e000b3bb93c9253ac2f12fc34a27', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), h(FormControlErrorText, { key: '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 }), h(FormControlErrorText, { key: '825f355cbcde4147eebcf95e9da04d969006e730', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-text"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-textarea.js

@@ -38,10 +38,10 @@ export class TextInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '7d4f4ae4d68bb1bd8367eaeb35004c812cc7a486' }, h("div", { key: 'f313b9fd13190c4bb2c9806ef81cef2b7c9fd888', class: "form-group d-flex flex-column" }, h("label", { key: '57d3e7f77c4a92c7e37a49a30981848586189c67', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '2a8f08aed29a0931d8ec6c00794b3d3a328040f4', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'b741c3a1b3bf044b47e06910fb5bde9ab029721d' }, h("div", { key: '196b903bf5d5521d32f940a6a996638265d51060', class: "form-group d-flex flex-column" }, h("label", { key: '3ed923b4fedfbcb9ff4ab3f30186150be607ab47', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'e51c01f30a1622c107917d2cc3577550c280aec7', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: '2a2bf6e0bee0cd60f7fae84dc30684e816527b4d', helpText: this.helpText, name: this.name }), 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 }), h("form-control-help-text", { key: '6e73ab2e6726eaeb98355aa38071d96e4a9a818a', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'b1155c177d342edd01df9c1e992ea7cf0c744c20', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-textarea"; }
     static get properties() {

package/dist/collection/ui-components/form/hidden-input.js

@@ -87,7 +87,7 @@ export class HiddenInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '1b98a59d083941d0340cd80fd47c2f0153365d4a' }, h("input", { key: 'a8206286c9b4ee1c1609450b64ef9d9d85349f7d', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (h(Host, { key: '31bcffd5fd8ced6d769b3284ee99a87ffcd11771' }, h("input", { key: 'dcbac23033a934df444f554498af7d3d8609422a', 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' } })));
     }
     static get is() { return "hidden-input"; }
     static get states() {

package/dist/collection/ui-components/form/iframe-input.js

@@ -77,10 +77,10 @@ export class IframeInput {
         return params;
     }
     render() {
-        return (h(Host, { key: 'f8aa1654e8ea569bb287d7a16e5d1f0f10faddd2', class: "form-group d-flex flex-column" }, h("div", { key: 'bc11e0b644272ac251f41c8f104d04f117ddca1f', style: {
+        return (h(Host, { key: '3f0cdea462914e18fb8cbd561004311cfca3053c', class: "form-group d-flex flex-column" }, h("div", { key: 'b0b4d6bc1b5fbd79bbf0a13d4c36375c23f83fcf', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '10d634dcd3697797932d89abeaedf572667819e2', class: "form-label", htmlFor: "", part: label }, this.label || ''), 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' }) }, h("iframe", { key: '14bbe359e808944e19aeb0742adfc1f4db07c9b5', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '6bf24ce1d7b55b148db24a31f0d8abc7f52ac7f5', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '4f404629956d302ffb649424109ccc2a54887135', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '05c828618a59e7f90cab4efefc41b743952f0dba', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -90,7 +90,7 @@ export class IframeInput {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: 'c88d3d3e88707285d207341347a088b05c19ab2b', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: 'a02ed05a7f1d26ed484e405efa78d5e30e959560', errorText: this.errorText, name: this.inputId }))));
     }
     static get is() { return "iframe-input"; }
     static get properties() {

package/dist/collection/ui-components/pagination-menu/pagination-menu.js

@@ -7,13 +7,13 @@ export class PaginationMenu {
         this.params = {};
     }
     render() {
-        return (h(Host, { key: 'cd1f1943978c8005bf1c302a33130ad88c3e792a' }, h("nav", { key: '703c1baab98530ea1ea41b7d40cba3391a773b8f', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: '59bb4d35cf41f44d8887017d44a446c658afb9ab', class: "pagination m-0" }, h("li", { key: '9249ed0e2aca03cde7a31f79d41d6c49df12bd57', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: '4dd88ebab129e2ffe803242d687b7c9161c8a3ba', class: "page-link", onClick: (e) => {
+        return (h(Host, { key: '7b821154b627026ef8624af6e4759e2176004676' }, h("nav", { key: '7990aee285d0cc3e6f83cb59bb216439e5364df5', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: '02c68163934ce1aabf4abd607cc28e549e20ebe1', class: "pagination m-0" }, h("li", { key: 'aab661ae85fc61eecd230d058f135483796769c0', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: 'ef42a41831a9890186c333418b161877761674e1', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickPrevious(this.paging.start_cursor);
-            }, part: this.paging.has_previous ? paginationButton : paginationButtonDisabled }, h("span", { key: 'bda9bc49f5bc696e2093a091410f6eabd2559874', class: "me-1", part: paginationButtonIconPrevious }, "\u00AB"), h("span", { key: 'd3b67ccb0aa0f6ae09da2a54c8a255ecb7de54fc', part: paginationButtonText }, "Previous"))), h("li", { key: 'c30f386a2758e08f7091045b232aca869b96ea11', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: '487bae06e01775cf8f22ec548d1fa04137d39249', class: "page-link", onClick: (e) => {
+            }, part: this.paging.has_previous ? paginationButton : paginationButtonDisabled }, h("span", { key: 'a898a92687e4a5fec37d9dab4208430260a9f274', class: "me-1", part: paginationButtonIconPrevious }, "\u00AB"), h("span", { key: 'ecc2eeedc064d405ad178b9a98ed088e12f1b2fb', part: paginationButtonText }, "Previous"))), h("li", { key: '56569cd9f9803ead8b1180e2f982a98d7009be1f', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: 'c39d389ab89609e8ce11b3dd81eb5c4a50d3521f', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickNext(this.paging.end_cursor);
-            }, part: this.paging.has_next ? paginationButton : paginationButtonDisabled }, h("span", { key: '85a042e415b364e2edf56b5589a28ddf55de7a88', part: paginationButtonText }, "Next"), h("span", { key: 'a8b311e4771cce6a3d291f1aa9eaf7ec08397a3d', class: "ms-1", part: paginationButtonIconNext }, "\u00BB")))))));
+            }, part: this.paging.has_next ? paginationButton : paginationButtonDisabled }, h("span", { key: '6a01458a048a524931b03df6a964fa4a0ac403ac', part: paginationButtonText }, "Next"), h("span", { key: 'f4cb3d084647c00dff30b99f751180564463443f', class: "ms-1", part: paginationButtonIconNext }, "\u00BB")))))));
     }
     static get is() { return "pagination-menu"; }
     static get properties() {

package/dist/collection/ui-components/shadow-dom-components/justifi-button.js

@@ -7,7 +7,7 @@ export class JustifiButton {
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: '0cc61730e0afccbf438382a3d709397ebe327a9a' }, h(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 (h(StyledHost, { key: '435d3ad98725dcd3a3494a198d299818200cc1ba' }, h(Button, { key: '3518af6039637223262ae2adc1e671d9433b9938', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
     static get is() { return "justifi-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/ui-components/shadow-dom-components/justifi-header.js

@@ -14,7 +14,7 @@ export class Header {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: '73104ea086f8a9948e69f86451adf19e0f39fb32' }, h(HeaderComponent, { key: 'a8582109634299a24e2a9b3c7181c6bba511fde7', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: 'f85ca74f6e562bbc77ab72c36191a2de67812a5a' }, h(HeaderComponent, { key: '8872c1b2e52349738a60dbf4dfdd046a108f8e43', text: this.text, class: this.class })));
     }
     static get is() { return "justifi-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/ui-components/shadow-dom-components/justifi-radio-list-item.js

@@ -10,7 +10,7 @@ export class JustifiRadioListItem {
         };
     }
     render() {
-        return (h(StyledHost, { key: 'b0501b66bcfdd697d88c01835b8f97fb2c0861ab' }, h("div", { key: 'ada4dda7868086b1ea4cadd6c8824f87d3cb2301', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '72c6d07dd2a664ca6bd2be9b446584d7344bc2b0', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
+        return (h(StyledHost, { key: '1ae40f787970160e38b72f917bda96f480d2a890' }, h("div", { key: '2130596c8294cc38365e6126806735da0f93ef4a', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '7d5524f518430f2bfd1c9863f354318929353cfb', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
     }
     static get is() { return "justifi-radio-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/ui-components/shadow-dom-components/justifi-skeleton.js

@@ -3,7 +3,7 @@ import { StyledHost } from "../styled-host/styled-host";
 import { Skeleton } from "../skeleton";
 export class JustifiSkeleton {
     render() {
-        return (h(StyledHost, { key: '0dbb20245a88851e3cf9fc853029b22847f1cdfe' }, h(Skeleton, { key: '7778f32d71f1b7d46b0f8eab39bb7d98a215ebb3', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: 'c7a5358801bf9e48ae87197b247c3e076967da3c' }, h(Skeleton, { key: '6eedc5f6c918abc5ce1475aa9eb3fa4cd39a62d3', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
     }
     static get is() { return "justifi-skeleton"; }
     static get encapsulation() { return "shadow"; }