@justifi/webcomponents 6.12.3 → 6.12.5

package/dist/module/{justifi-duplicate-charge2.js → duplicate-charge2.js}

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { ab as heading5 } from './parts.js';
+import { a2 as heading5 } from './parts.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-file-v22.js';
 import { d as defineCustomElement$4 } from './form-control-help-text3.js';
@@ -14,7 +14,7 @@ const DuplicateChargeSchema = create$3({
     duplicate_charge_explanation: create$6().nullable(),
 });
 
-const JustifiDuplicateCharge = /*@__PURE__*/ proxyCustomElement(class JustifiDuplicateCharge extends HTMLElement {
+const DuplicateCharge = /*@__PURE__*/ proxyCustomElement(class DuplicateCharge extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -42,9 +42,9 @@ const JustifiDuplicateCharge = /*@__PURE__*/ proxyCustomElement(class JustifiDup
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'a34d10b642c601ff1a2e6109bdad5550afef0dc7' }, h("div", { key: '65dfe9ecb13d4038fbceb5b3f88313e473ad0f2f', class: "row gy-3" }, h("div", { key: '5ec12191f9e56396ff1e67b53dcdfecdca8f21e9', class: "col-12" }, h("h2", { key: 'b5bf89077f1ae3dcbb6c37e28b2728a0c88ed1b4', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '52cdf5962d03f1724dc610a4525a4bf09a68fe4e', class: "col-12" }, h("form-control-text", { key: '785cc51d4491326c3e7555404e47726cb6f6f0ea', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: 'c3142d3b716cb3a191d930a5961d8361e4ef6204', class: "col-12" }, h("form-control-textarea", { key: 'd6cd675e958cd0685a89812891c599393a309fef', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: 'e805678d04d01f4763ee663590e89e96be9fcfb4', class: "col-12" }, h("form-control-file-v2", { key: 'c83c4e91ebba42be4a6e640aa73186f6b461c42f', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
+        return (h("div", { key: '4bd4aad3fbdaac994ee97aa1421a6f380657cfee' }, h("div", { key: '53548ff2b4bb09c2b1d078b2657127802422558a', class: "row gy-3" }, h("div", { key: '25658729932e2eb1d0706bd83106a92976e09b91', class: "col-12" }, h("h2", { key: '885bf37ba0a013397d4fef68683b24e9e8e1bed6', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '2f38e6451c2d982900729639994977b8ef8f8c04', class: "col-12" }, h("form-control-text", { key: '8cf20ffcd748bee860c1c8a52326a265bbe32696', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: 'e61d85188051830d2e674cfc39dab73ada597c66', class: "col-12" }, h("form-control-textarea", { key: '762f300d71a99a31030ed052299129ae8457ad4c', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: 'c5a1d7368132ba063d080ec7d071bd9131381ad2', class: "col-12" }, h("form-control-file-v2", { key: '3bd9928e8a212e1665d446cb31ae9e02d6645437', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
     }
-}, [256, "justifi-duplicate-charge", {
+}, [256, "duplicate-charge", {
         "disputeResponse": [8, "dispute-response"],
         "documentErrors": [8, "document-errors"],
         "form": [32],
@@ -56,11 +56,11 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-duplicate-charge", "custom-popper", "form-control-file-v2", "form-control-help-text", "form-control-text", "form-control-textarea", "form-control-tooltip"];
+    const components = ["duplicate-charge", "custom-popper", "form-control-file-v2", "form-control-help-text", "form-control-text", "form-control-textarea", "form-control-tooltip"];
     components.forEach(tagName => { switch (tagName) {
-        case "justifi-duplicate-charge":
+        case "duplicate-charge":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, JustifiDuplicateCharge);
+                customElements.define(tagName, DuplicateCharge);
             }
             break;
         case "custom-popper":
@@ -97,4 +97,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { JustifiDuplicateCharge as J, defineCustomElement as d };
+export { DuplicateCharge as D, defineCustomElement as d };

package/dist/module/electronic-evidence.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ElectronicEvidence extends Components.ElectronicEvidence, HTMLElement {}
+export const ElectronicEvidence: {
+    prototype: ElectronicEvidence;
+    new (): ElectronicEvidence;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/electronic-evidence.js

@@ -0,0 +1,6 @@
+import { E as ElectronicEvidence$1, d as defineCustomElement$1 } from './electronic-evidence2.js';
+
+const ElectronicEvidence = ElectronicEvidence$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ElectronicEvidence, defineCustomElement };

package/dist/module/{justifi-electronic-evidence2.js → electronic-evidence2.js}

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { ab as heading5 } from './parts.js';
+import { a2 as heading5 } from './parts.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-file-v22.js';
 import { d as defineCustomElement$2 } from './form-control-text2.js';
@@ -11,7 +11,7 @@ const ElectronicEvidenceSchema = create$3({
     customer_purchase_ip_address: create$6().nullable(),
 });
 
-const JustifiElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class JustifiElectronicEvidence extends HTMLElement {
+const ElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class ElectronicEvidence extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -39,9 +39,9 @@ const JustifiElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class Justifi
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '3b0122e517065a72f2d7b8411d75067db093e284' }, h("div", { key: '3f6b7c42a8e6419a4890ae29c41afd98ecdd8f11', class: "row gy-3" }, h("div", { key: 'f807c043be7f75e7f9befd24cb80fd93f56678d5', class: "col-12" }, h("h2", { key: '3c4315f405ab5cead5eebe48975f26e9d93e0d84', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'd84fa8fcc504137031181fdb1974f50d1bc49ef8', class: "col-12" }, h("form-control-text", { key: 'db3862f6a1ebd5afcf5e1ff2943de3d977e56bbe', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: '4e882539af79b200962740ae5645df663c82bde9', class: "col-12" }, h("form-control-file-v2", { key: '2be5e0f0d1ad5b47d41fabb1f2fe25397e7cc69f', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
+        return (h("div", { key: '00fa5deacbf19befd07d7d8764db8e3474377d5a' }, h("div", { key: 'be3d0b6775e78352bdaf4d0e739da61444fae572', class: "row gy-3" }, h("div", { key: 'e55a58628d1baad34be38d5d21598c6a372dd3c3', class: "col-12" }, h("h2", { key: '463ec945a9cc0e46350b13c774b634ef25bde2e9', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '5576a4d1b32a0c2d2d4341bf591721aed6fcf6a4', class: "col-12" }, h("form-control-text", { key: '9f64b68724ba8b2bdf435b02077fd362f8fe1ab1', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: 'e5b2635ede15e41e9e686ab338448d3c2fdf8166', class: "col-12" }, h("form-control-file-v2", { key: '5137a992c79a1ccfcb8f3a114d1a12823b597dd2', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
     }
-}, [256, "justifi-electronic-evidence", {
+}, [256, "electronic-evidence", {
         "disputeResponse": [8, "dispute-response"],
         "documentErrors": [8, "document-errors"],
         "form": [32],
@@ -53,11 +53,11 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-electronic-evidence", "custom-popper", "form-control-file-v2", "form-control-text", "form-control-tooltip"];
+    const components = ["electronic-evidence", "custom-popper", "form-control-file-v2", "form-control-text", "form-control-tooltip"];
     components.forEach(tagName => { switch (tagName) {
-        case "justifi-electronic-evidence":
+        case "electronic-evidence":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, JustifiElectronicEvidence);
+                customElements.define(tagName, ElectronicEvidence);
             }
             break;
         case "custom-popper":
@@ -84,4 +84,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { JustifiElectronicEvidence as J, defineCustomElement as d };
+export { ElectronicEvidence as E, defineCustomElement as d };

package/dist/module/event-types3.js

@@ -1,3 +1,121 @@
+import { C as ComponentErrorSeverity } from './Plaid.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
+import { A as Api } from './Api.js';
+import './Pagination.js';
+import './Business.js';
+import './ApplePay.js';
+
+const makeUpdateDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
+    var _a;
+    try {
+        const response = await service.updateDisputeResponse(disputeId, authToken, payload);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+const makeSubmitDisputeResponse = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
+    var _a;
+    try {
+        const response = await service.submitDisputeResponse(disputeId, authToken, payload);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+const makeCreateDisputeEvidence = ({ authToken, disputeId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
+    var _a;
+    try {
+        const response = await service.createDisputeEvidence(disputeId, authToken, payload);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+
+const api = Api();
+class DisputeService {
+    async fetchDispute(disputeId, authToken) {
+        const endpoint = `disputes/${disputeId}`;
+        return api.get({ endpoint, authToken });
+    }
+    async updateDisputeResponse(disputeId, authToken, payload) {
+        const endpoint = `disputes/${disputeId}/response`;
+        const body = payload;
+        return api.patch({ endpoint, body, authToken });
+    }
+    async submitDisputeResponse(disputeId, authToken, payload) {
+        const endpoint = `disputes/${disputeId}/response`;
+        const body = payload;
+        return api.post({ endpoint, body, authToken });
+    }
+    async createDisputeEvidence(disputeId, authToken, payload) {
+        const endpoint = `disputes/${disputeId}/evidence`;
+        const body = payload;
+        return api.put({ endpoint, body, authToken });
+    }
+}
+
 var DisputeManagementClickActions;
 (function (DisputeManagementClickActions) {
     DisputeManagementClickActions["nextStep"] = "nextStep";
@@ -19,4 +137,4 @@ var DisputeResponseFormStep;
     DisputeResponseFormStep["additionalStatement"] = "additional_statement";
 })(DisputeResponseFormStep || (DisputeResponseFormStep = {}));
 
-export { DisputeManagementClickActions as D };
+export { DisputeManagementClickActions as D, DisputeService as a, makeUpdateDisputeResponse as b, makeCreateDisputeEvidence as c, makeSubmitDisputeResponse as m };

package/dist/module/form-alert2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { _ as alertDanger } from './parts.js';
+import { M as alertDanger } from './parts.js';
 
 const FormAlert = /*@__PURE__*/ proxyCustomElement(class FormAlert extends HTMLElement {
     constructor(registerHost) {

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

@@ -54,10 +54,10 @@ const FormControlDate = /*@__PURE__*/ proxyCustomElement(class FormControlDate e
         return part;
     }
     render() {
-        return (h(Host, { key: 'ec545098abff465066e8e483fb80b13efdfb1c0c' }, h("div", { key: '62ab3c2b55228781b45cc08cec73dddaf079e02c', class: "form-group d-flex flex-column" }, h("div", { key: 'c4a79de5aedf7db3356f1003755861d5aba8e51b', class: "d-flex gap-2" }, h("label", { key: 'f64d2f776aa848961ad74496c52bb61d744e50f0', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '50de1c1138f91f01ad982a5823779e5a067389be', helpText: this.helpText })), h("input", { key: 'bb7e14c9e6e952902c15667124032d5ca93df3e8', 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: 'c17bdb1266aea8cf2d50c1ef75e4a059d743ab2c' }, h("div", { key: 'e33d45227ed65daca2f75563fd2dd51f45126313', class: "form-group d-flex flex-column" }, h("div", { key: 'f02592b5c5a9c6346b5a0cacc08f45b971fcd370', class: "d-flex gap-2" }, h("label", { key: '30c32d5e351df78b68ea249b5626c9ee247569d4', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '250d51c080fbd42a421f23d9a2b23735f6491773', helpText: this.helpText })), h("input", { key: 'f401b594d91d353f1d1fff7e431f9b010fc86fc9', 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: '2916afe69a7066713ea1da31fecb3ab8679a6170', 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: '5be9326874e8370b54399ec78f46dd16a62272cf', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-file-v22.js

@@ -16,7 +16,7 @@ const FormControlFileV2 = /*@__PURE__*/ proxyCustomElement(class FormControlFile
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '148ab38c0f84c68412db6bb87e2cb4d986809aaa', exportparts: "label,input,input-invalid" }, h("div", { key: '11426b2eee53e37090e0b0d2cda9e3823b777072', class: "form-group d-flex flex-column" }, h("div", { key: 'c241b74d833248d3a94466490e5111cea7a587f6', class: "d-flex align-items-start gap-2" }, h("label", { key: 'ff5322a7dc7344374b28a04ccfc89051aa4f2e49', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a134a3772f580da33b497686ffb321863e65acc2', helpText: this.helpText })), h("input", { key: 'f06a4e02a08c336a9048c6e45cb588e7d9f06082', 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: 'c374ee239d34ba99de7146dbe10fdee38c63ddc5', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '5df12f5dc87f1c7d5b18676a9d4a7b257719b2fa', exportparts: "label,input,input-invalid" }, h("div", { key: '57b02e11bd44c405635a2f6253637b288bafdd41', class: "form-group d-flex flex-column" }, h("div", { key: 'd62f4ae4183e33af3105d76d0180ebe0f54983e5', class: "d-flex align-items-start gap-2" }, h("label", { key: '82d8b58d0147f4fc6302c3852a44a73d9fcf34e0', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ec4e21a9d4105b751b099378ce49c55a95ef36b2', helpText: this.helpText })), h("input", { key: '332527088f01b11bb06af38c73f39d3040d925b7', 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: 'd7caedcf4b1263e3c133310312374bc6d61b82c2', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "form-control-file-v2", {

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

@@ -53,10 +53,10 @@ const FormControlFile = /*@__PURE__*/ proxyCustomElement(class FormControlFile e
         return part;
     }
     render() {
-        return (h(Host, { key: '6029c84182825326d6bbd77aca89907f569bd508' }, h("div", { key: '1c32a3ee26adb61444af0ab39d8783cb5ec17f0a', class: "form-group d-flex flex-column" }, h("div", { key: '5018405df5c3275e6c5b2e225898e30ceaa74ca5', class: "d-flex align-items-start gap-2" }, h("label", { key: '769a3e84e5439e600bc579bfa8b7091f8105b3c4', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '6559a3b53cf6456f0b9f4b5eed34a377ec9af4b8', helpText: this.helpText })), h("input", { key: 'b1f15be1f9a3e38f65fa6475d6454ebbfdf9f612', 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: '1f5c8bdc73c664cf40acb4f5b61db454bbda36a0' }, h("div", { key: '77f0007875132d26dd8df91dfb53386da9e15ce4', class: "form-group d-flex flex-column" }, h("div", { key: 'a6885165580120dbaffaedf60edf2e2cc9883a9f', class: "d-flex align-items-start gap-2" }, h("label", { key: '489b6d49a60f8339722537084f64746e5625297d', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fc581e32bfb8935e79648c0a670bcb26bf225fe4', helpText: this.helpText })), h("input", { key: '34ddfe0796848feadcd6249ed861c5fa623840d4', 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: 'c90a103f4e21948b70643a1f35fd7321f51cf21a', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '4a0c1869b8b19a01273d8f1ca3f3cd92134ddb58', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "form-control-file", {

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

@@ -53,10 +53,10 @@ const FormControlMonetary = /*@__PURE__*/ proxyCustomElement(class FormControlMo
         return input;
     }
     render() {
-        return (h(Host, { key: 'c7bc247268fb901619a61bef645c35bb55eb54bf' }, h("div", { key: '3678d077e1fe03b30c0584d51b535984b31872d2', class: "form-group d-flex flex-column" }, h("label", { key: '4912bb7c5b7647349b34c495b7e2278b08dc0232', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '3aa152cdb7a2f72a739aeb431a4f2dcc389876a4', name: this.name, helpText: this.helpText }), h("div", { key: 'ad6d1c9275979ee19dc7d25cb9a3af00f8e6a493', class: "input-group" }, h("span", { key: '9a3293856bbb270b7d518a3129f492c18de94b60', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '1b301b983948cbe6de420bf5bc06ef8eb743b246', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c91bf2d63e4cd717dfc472f5b16dac9c3e9fdd69' }, h("div", { key: '8f1eaae0f9dfbcc97adf788a5b955824dc68dbd2', class: "form-group d-flex flex-column" }, h("label", { key: '1965936a9e14612fdb8aec07e0def943e1e1344a', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'dd517aee7a39c71c1fe98b6c53a4528c9d3826d5', name: this.name, helpText: this.helpText }), h("div", { key: 'bb62ed9e6c9db38f39581d7f86483a242330c295', class: "input-group" }, h("span", { key: '5a358beea95c1eed695b8ca5e5f9a7a82b0864b1', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '5c37a1edb6a229634536c2c7ad4cb4c2cfff211b', 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: '8f8951afec2c5759c629316c693d9b07ef58a677', 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: '5cb05fe585766d5f037c33d86485a6002894c781', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-number-masked2.js

@@ -75,10 +75,10 @@ const FormControlNumberMasked = /*@__PURE__*/ proxyCustomElement(class FormContr
         return input;
     }
     render() {
-        return (h(Host, { key: '8c681e45fa4ffa5445924351746c22dcc7212ffc' }, h("div", { key: 'c230d74e6d157a2b24320c4835b7df49073ad248', class: "form-group d-flex flex-column" }, h("div", { key: '6631779b46041f18b8560deeb7c35840ef11f36d', class: "d-flex align-items-start gap-2" }, h("label", { key: '460d8c3ab569ebdffb6535e1ac4f605f2046eb90', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '2d0db8687a64eb18e1205f354972368b2d3eb165', helpText: this.helpText })), h("input", { key: '4d50027e92a8657f2eb28bd5ee5a1737b2c37e4f', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: 'c70d3fcce4d3e1e120008b03a708bb3d1038777b' }, h("div", { key: 'fc3c3cf5637121a7c6f662649a1b3910ec503afa', class: "form-group d-flex flex-column" }, h("div", { key: 'c06e87a0d72942e421c37ab406b7f71d4e7f2c54', class: "d-flex align-items-start gap-2" }, h("label", { key: 'eedeec0161e3085cd65ea08b3fb4517ff62c6ffc', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '9fb05bd91836ca51750f30a714a7940493bfad8b', helpText: this.helpText })), h("input", { key: 'ef12caf83b42b0de0c33ece690bdd927b9b9a02c', 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: '10460438e09a6b16eaf8040aa48aab245967341c', 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: '8791f48bed5d6508b7cccad7bba8da7d65f96ffc', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { x as inputInvalidAndFocused, d as inputFocused, b as inputInvalid, e as input, l as label } from './parts.js';
+import { w as inputInvalidAndFocused, d as inputFocused, b as inputInvalid, e as input, l as label } from './parts.js';
 import { F as FormControlHelpText } from './form-control-help-text2.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './justifi-details2.js';
@@ -48,10 +48,10 @@ const FormControlNumber = /*@__PURE__*/ proxyCustomElement(class FormControlNumb
         return input;
     }
     render() {
-        return (h(Host, { key: 'd2463dd8a7f976628a67b94401e833ed1c53d777' }, h("div", { key: '2b77b2fa81d256a4fa52c85efce570cac62a4e31', class: 'form-group d-flex flex-column' }, h("label", { key: 'baf3c9be24dd987907c234dd53e886ac6e3fc459', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '9f456e006e074480dda19fa6433f19beb35e35bc', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '07b767b8c9091079f121d1df2b552c7d406f47b1' }, h("div", { key: '1c6c234435bb5571d3bbf5123f6f47cf51b095d6', class: 'form-group d-flex flex-column' }, h("label", { key: '883c05703351e32c7e12dbf7d984f888825606e3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '9b841736efd2971cf93c1167ec1fd1c1d5045ec9', 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: '82100020ced402e13591f6624e45f5f85aa6980f', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'd41b38f4908ada125ff2344d23c837780ae057ba', 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: '26133a236b3c8b2cc14dce1c1244f3b1a9163605', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'e69f03f593e1632fada2d1f6dd56aaf5612a2da7', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -37,10 +37,10 @@ const FormControlRadio = /*@__PURE__*/ proxyCustomElement(class FormControlRadio
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '8237875c1a682811ded25055266f441c6edc6776', class: 'form-group d-flex flex-column' }, h("div", { key: '310fe7054d414089f3a1e4c457c07e33cb2d55ff', class: "form-check" }, h("input", { key: '5894a2e071758c9d647c25724a31b8a6f849353e', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '155f8db94cbc78a33daeaace0ea6b9e403d6856d', class: 'form-group d-flex flex-column' }, h("div", { key: 'f2c34e5513e584a68c6117775124eeb40d8a4de3', class: "form-check" }, h("input", { key: '50114b7a8428cc78b963442cf92eda6d0146f824', 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: '148b64863e27ad053a2e284f3c17ab994beeca55', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'd46e307063145956af0b181fa8f18ecc9ebbc518', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '06e5867c703104a9c2d136305a663179c5bcb0f6', 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: '759a69de65a6fc043494d394a118c55b1e948e75', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '18ca0f0b27657d1a159b9eb4839290969f349d7e', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'e4bffdf3cd4596a3b42fb6098be620005d68296e', errorText: this.errorText, name: this.name })));
     }
 }, [256, "form-control-radio", {
         "label": [8],

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

@@ -47,10 +47,10 @@ const FormControlSelect = /*@__PURE__*/ proxyCustomElement(class FormControlSele
     }
     render() {
         var _a;
-        return (h(Host, { key: '31deda6555e213e2afbae0906cfb7a942c6d52a9' }, h("div", { key: '6cc5ad387f405a00f337a2e9bffb374e8b02751d', class: "form-group d-flex flex-column" }, h("div", { key: '2602f3996d6450675ee2afd16e42f0ed12263c41', class: "d-flex align-items-start gap-2" }, h("label", { key: '58d4402bcecb935c649210033af8c48f4918b362', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'c6f0ce5a90eff2754f63ef80a3643ef1be6e03d4', helpText: this.helpText })), h("select", { key: 'b278191e41ecda0ac460d922aa9177a35083c735', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '9499d7c542341eabf4e5571dec7c9083d13b7666' }, h("div", { key: 'c9967fd597028fcac9582ac39121c9a445330712', class: "form-group d-flex flex-column" }, h("div", { key: '213e629f9364a9e2a2796cfca0c008fd7bf1e212', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c9d68b3dcc00ca877a80a8464478fd9ac38bd40c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e655af202b042934dba8ce2a003af3bef9a74df9', helpText: this.helpText })), h("select", { key: '4b4e4ccb7cc36b1ce5f48d0b11c5e036256267b9', 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: 'c4aa47085a89b71072b1ad843b530d4638863515', 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: 'a9ea85db5af5a500e50c87ba83c5e64a43c422fa', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -48,10 +48,10 @@ const FormControlText = /*@__PURE__*/ proxyCustomElement(class FormControlText e
         return input;
     }
     render() {
-        return (h(Host, { key: '2a0ba77bb026d969c6ccbcda741bfffdb26ec0ed' }, h("div", { key: 'c677eec476c7f71c6dc1fb9d45b07d5d8b54c86e', class: "form-group d-flex flex-column" }, h("div", { key: 'b250029592dab00db0d136427e3ea250a903f8a8', class: "d-flex align-items-start gap-2" }, h("label", { key: '8a1565f47b23d1ce158954e56d5a96918e99ed06', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '84d6bd6d4a2e8221c63ec70bd0700cb0a458cd5f', helpText: this.helpText })), h("input", { key: 'e15c9156385333b661300c6b64181f897caddc1d', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '4ab9e7a2c6312b568de8a8ee429ef02f3f792173' }, h("div", { key: 'e273e0bc062be883505fe3047d41a741eaf23a44', class: "form-group d-flex flex-column" }, h("div", { key: 'a7496dd4f6b5549f26752ca2de35a34c5261e439', class: "d-flex align-items-start gap-2" }, h("label", { key: '97480c49cb0fcd3c75d123c6033df4880755baf0', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e2a53e4e15be4f9f739a79afeaf28c3671c14a4d', helpText: this.helpText })), h("input", { key: '1571553d763734454026b2c4feaa88a9535f2057', 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: '64056c304681aa44d97de20ff35415e52d0f7190', 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: '44f7c7847a2255ff3ddd83f542ff6690d1aed798', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { x as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, c as inputDisabled, e as input, l as label } from './parts.js';
+import { w as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, c as inputDisabled, e as input, l as label } from './parts.js';
 import { d as defineCustomElement$1 } from './form-control-help-text3.js';
 
 const FormControlTextarea = /*@__PURE__*/ proxyCustomElement(class FormControlTextarea extends HTMLElement {
@@ -50,10 +50,10 @@ const FormControlTextarea = /*@__PURE__*/ proxyCustomElement(class FormControlTe
         return input;
     }
     render() {
-        return (h(Host, { key: '99c79a6c8020a98a663caf25a510310a46daed8c' }, h("div", { key: '5cb37c1a3ecffdfa606805e72efe41825997296e', class: "form-group d-flex flex-column" }, h("label", { key: 'f354efb1e47e496e36ae91dc8584cfd7a803eb5e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '53d089f2377dc20fb1d8e07c5d2d8697a6a17b33', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '1e73c7219f321b73bc6001cde222b33ba79a7338' }, h("div", { key: 'dc682efd7a21e80ed1936cf69a186d3fab258de8', class: "form-group d-flex flex-column" }, h("label", { key: '526bcc6604b03b79737e4211c6d7a282cbd71979', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '4dab395c565c7180631042f99ac3b91382df4ca1', 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: '96e451654599a09a9a86db0928c083d36a7964e1', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '7d6b01f7f482643f91e9e4d83c59847e3a4f2f35', 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: 'dc851b2b46a3be03c65121a7e1f957f6c6d20c1b', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '3f09a6b275b4218aff7588f90a3cdb0de02ae8bb', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/get-payment-details.js

@@ -1,6 +1,6 @@
 import './config-state.js';
 import './dinero.js';
-import { e as Payment, C as ComponentErrorSeverity } from './Plaid.js';
+import { d as Payment, C as ComponentErrorSeverity } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';

package/dist/module/hidden-input2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { i as iframeInputStylesSet } from './iframe-input-styles-state.js';
-import { x as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, e as input } from './parts.js';
+import { w as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, e as input } from './parts.js';
 
 const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends HTMLElement {
     constructor(registerHost) {
@@ -92,7 +92,7 @@ const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '5697b5e318914b8866bc6ad2fb2009e5f8c8d80f' }, h("input", { key: '3370d11bc6e5a49f28dd2e95bf1d92ee7a0dd892', 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: 'd3aa78cd75de1a781c8100c121933122c6db599b' }, h("input", { key: '7ac01ecc01ca776cd6928a3a1d1e0b2baa4b8965', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 }, [256, "hidden-input", {
         "isFocused": [32],

package/dist/module/iframe-input2.js

@@ -3,7 +3,7 @@ import { g as getDefaultExportFromCjs } from './_commonjsHelpers.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import { w as webcomponentsPackageJson } from './package.js';
 import { a as iframeInputStyles } from './iframe-input-styles-state.js';
-import { x as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, e as input, l as label } from './parts.js';
+import { w as inputInvalidAndFocused, b as inputInvalid, d as inputFocused, e as input, l as label } from './parts.js';
 
 var iframeResizer = {exports: {}};
 
@@ -1619,10 +1619,10 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         return params;
     }
     render() {
-        return (h(Host, { key: 'e85f5a2417ccc46ac8df23a695c6ef3fcd71577e', class: "form-group d-flex flex-column" }, h("div", { key: '02878f7fb1e720aa97a67e72d5f1711e0fbd0668', style: {
+        return (h(Host, { key: 'a3039409160cb6fd7dd2e7bf189e241f34ddeca6', class: "form-group d-flex flex-column" }, h("div", { key: 'dab356c30fedca21f6092cfbaf576e23df36b318', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '57c46b739fb284c4ee618594f04cc5ff128bf16c', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '4634650c721673a52ea55e331154a624c19266dc', 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: 'facd226e399f41537657603c50c45887c1177c42', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '0469fb973476f92cd5b275b62e4a462521448273', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'd91253d593d700279c0d869b34d3d4f5d572759a', 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: '2a3676ad3d25daedccaa0cb2297f505641b47497', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1632,7 +1632,7 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: '73c34b9ab89a21e6b3203904988bf8a542eb01f8', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: 'e54b9c1a7ef5da3bed2eb62e25a28c91865f1f40', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [256, "iframe-input", {

package/dist/module/internal-button2.js

@@ -11,7 +11,7 @@ const InternalButton = /*@__PURE__*/ proxyCustomElement(class InternalButton ext
         this.type = 'button';
     }
     render() {
-        return (h(Button, { key: '5257c5d43fe6f14dddf688ad979e91c8594014a9', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle, hidden: this.hidden }, this.text));
+        return (h(Button, { key: 'b9c53e47ed16f09a34b2d28c9edc275de6f375c1', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle, hidden: this.hidden }, this.text));
     }
 }, [256, "internal-button", {
         "text": [1],

package/dist/module/justifi-bank-account-billing-form-simple.js

@@ -37,7 +37,7 @@ const JustifiBankAccountBillingFormSimple$1 = /*@__PURE__*/ proxyCustomElement(c
         return (_b = (_a = this.bankAccountBillingFormSimpleRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (h(StyledHost, { key: 'eb678ebd32e57dcefa9b8eadd6c23b9e1ac769c8' }, h("bank-account-billing-form-simple", { key: 'f8aecd774e7c9a818b1976c069d16595414ead1d', legend: this.legend, ref: (el) => (this.bankAccountBillingFormSimpleRef = el) })));
+        return (h(StyledHost, { key: '1ed5d8cfc7f594e00f01fc765c3e04acd80b90a9' }, h("bank-account-billing-form-simple", { key: '2058a974df2f57da2c731d2d5a78799ac5de0e41', legend: this.legend, ref: (el) => (this.bankAccountBillingFormSimpleRef = el) })));
     }
 }, [257, "justifi-bank-account-billing-form-simple", {
         "legend": [1025],

package/dist/module/justifi-bank-account-form.js

@@ -34,7 +34,7 @@ const JustifiBankAccountForm$1 = /*@__PURE__*/ proxyCustomElement(class JustifiB
         return this.bankAccountFormElement.tokenize({ clientId, paymentMethodMetadata, account });
     }
     render() {
-        return (h(StyledHost, { key: '9a81b78573c9519a46902679cbb1a8a4536f69be' }, h("bank-account-form", { key: '2bc1dfd52e25989a42f25af7f7a6d353eb5a7e5f', ref: (el) => (this.bankAccountFormElement = el) })));
+        return (h(StyledHost, { key: '3a267a32b400d122cd124245979218ffc45453ee' }, h("bank-account-form", { key: '72044965224da0d85455ad7688b3d1852a46126e', ref: (el) => (this.bankAccountFormElement = el) })));
     }
 }, [257, "justifi-bank-account-form", {
         "validate": [64],

package/dist/module/justifi-billing-form-full.js

@@ -26,7 +26,7 @@ const JustifiBillingFormFull$1 = /*@__PURE__*/ proxyCustomElement(class JustifiB
         return (_b = (_a = this.billingFormFullRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (h(StyledHost, { key: '22594318b6f851014d8cb569d5307a3e74e4af35' }, h("billing-form-full", { key: '48c616c3ca6cf8160e2c0df4c136bbbc200393aa', legend: this.legend, ref: (el) => (this.billingFormFullRef = el) })));
+        return (h(StyledHost, { key: '8e755ce1e9ea3984b7abacc8375aee22f1288c52' }, h("billing-form-full", { key: 'a18f794807f7631db8eb3724ae5072766aa708f4', legend: this.legend, ref: (el) => (this.billingFormFullRef = el) })));
     }
 }, [257, "justifi-billing-form-full", {
         "legend": [1025],

package/dist/module/justifi-button2.js

@@ -13,7 +13,7 @@ const JustifiButton = /*@__PURE__*/ proxyCustomElement(class JustifiButton exten
         this.type = 'button';
     }
     render() {
-        return (h(StyledHost, { key: 'cb0fe35e791df60fcc8198bcda789bf8be205873' }, h("internal-button", { key: '26f0f44419d1d72e7ccd1240e88057333d927a36', text: this.text, variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, type: this.type, disabled: this.disabled, class: this.class, customStyle: this.customStyle, hidden: this.hidden })));
+        return (h(StyledHost, { key: 'f1ac17863df571d72e7db9b748b1980218145322' }, h("internal-button", { key: '0b7052d216fb79ed5d9f90aacff97d39dce87473', text: this.text, variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, type: this.type, disabled: this.disabled, class: this.class, customStyle: this.customStyle, hidden: this.hidden })));
     }
 }, [257, "justifi-button", {
         "text": [1],

package/dist/module/justifi-card-billing-form-simple.js

@@ -25,7 +25,7 @@ const JustifiCardBillingFormSimple$1 = /*@__PURE__*/ proxyCustomElement(class Ju
         return (_b = (_a = this.cardBillingFormSimpleRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (h(StyledHost, { key: '958a6f3085b8ec0eb3d978de7100049576485b2b' }, h("card-billing-form-simple", { key: 'a98e775d5a4585d4e3ef32353af0f724a6d442a1', legend: this.legend, ref: (el) => (this.cardBillingFormSimpleRef = el) })));
+        return (h(StyledHost, { key: '1e25de93c795dd6c8ec2979918a5b10389a55354' }, h("card-billing-form-simple", { key: 'd9db1793b83e5fa216f72bfe7803d968ee499ac7', legend: this.legend, ref: (el) => (this.cardBillingFormSimpleRef = el) })));
     }
 }, [257, "justifi-card-billing-form-simple", {
         "legend": [1025],

package/dist/module/justifi-card-form.js

@@ -34,7 +34,7 @@ const JustifiCardForm$1 = /*@__PURE__*/ proxyCustomElement(class JustifiCardForm
         return this.cardFormElement.tokenize({ clientId, paymentMethodMetadata, account });
     }
     render() {
-        return (h(StyledHost, { key: 'd4c6ec37fc92036326c7a20b5a6ff189880ad6f5' }, h("card-form", { key: '8411003a749dc97a953874601e676beaf5bc4a6d', ref: (el) => (this.cardFormElement = el) })));
+        return (h(StyledHost, { key: 'c571f41c79f46143bbee7063a05f8b973b7732d0' }, h("card-form", { key: 'a70c853efeddcedd71343208ab29d89231b6c8fa', ref: (el) => (this.cardFormElement = el) })));
     }
 }, [257, "justifi-card-form", {
         "validate": [64],

package/dist/module/justifi-checkout-summary2.js

@@ -16,7 +16,7 @@ const JustifiCheckoutSummary = /*@__PURE__*/ proxyCustomElement(class JustifiChe
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: '67414e8e4f91020b00b45fa840e957c439fd5e23' }, h("section", { key: '893c1b0ec898adf8d40e1e09fd42797094efd6d4' }, h("div", { key: 'f37c1905522b039f7b0ef65e04325570c6a8cef2' }, h("div", { key: '10b96593bd21e27645c6548fcbcd3981e4882082', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '7d6ce75a2fc8c5796992940886a21c547f698909' }, h("span", { key: 'd40f2f63df16ec751de91d0731d66aa8cc42aa9a', part: text }, "Total"), "\u00A0", h("span", { key: 'ebe75dba638d5da9a5aa82e823e2fe4649129cab', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: '4dda3e1e4f81cfda61011706c2f4e3104815d97c' }, h("section", { key: 'f8bbdeb389afbfc906e6cc956a68f9a3485ed43c' }, h("div", { key: '2f8019ae43d5d4a5835ec6d5674304bd321d34b7' }, h("div", { key: '67626fe735d0c0372fe638960198592027fb24f5', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '48d8b4b930d2f3b199bc0a59c93ef4f1339f7649' }, h("span", { key: 'ca6413ce719ae81eaa4654911cdfc09d63f9a9db', part: text }, "Total"), "\u00A0", h("span", { key: '9ed165b192efa2ecf2f77a129d33161e36b1594f', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
 }, [257, "justifi-checkout-summary"]);
 function defineCustomElement() {