@justifi/webcomponents 5.3.4 → 5.3.5

package/dist/module/dispute-response-core.js

@@ -27,14 +27,14 @@ const DisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class DisputeRespon
         this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
         this.submitEvent = createEvent(this, "submit-event", 7);
         this.componentStepMapping = [
-            () => h("justifi-product-or-service", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
-            () => h("justifi-customer-details", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
-            () => h("justifi-cancellation-policy", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
-            () => h("justifi-refund-policy", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
-            () => h("justifi-duplicate-charge", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
-            () => h("justifi-electronic-evidence", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
-            () => h("justifi-shipping-details", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
-            () => h("justifi-additional-statement", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse }),
+            () => h("justifi-product-or-service", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => h("justifi-customer-details", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => h("justifi-cancellation-policy", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => h("justifi-refund-policy", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => h("justifi-duplicate-charge", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => h("justifi-electronic-evidence", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => h("justifi-shipping-details", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
+            () => h("justifi-additional-statement", { ref: (el) => this.currentStepComponentRef = el, disputeResponse: this.disputeResponse, documentErrors: this.documentErrors }),
         ];
         this.saveData = async (formData, formStep) => {
             const hasFormData = Object.keys(formData).length;
@@ -96,15 +96,15 @@ const DisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class DisputeRespon
                 },
                 onSuccess: (response) => {
                     document.presignedUrl = response.data.presigned_url;
-                    this.isLoading = false;
                 },
                 onError: ({ error, code, severity }) => {
+                    const errors = { [document.dispute_evidence_type]: error };
+                    this.documentErrors = Object.assign(Object.assign({}, this.documentErrors), errors);
                     this.errorEvent.emit({
                         errorCode: code,
                         message: error,
                         severity,
                     });
-                    this.isLoading = false;
                 },
             });
         };
@@ -119,20 +119,26 @@ const DisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class DisputeRespon
             });
             return response;
         };
-        this.onCancel = () => {
-            this.clickEvent.emit({ name: DisputeManagementClickActions.cancelDispute });
-        };
         this.handleSubmit = async (formData, documentList, formStep) => {
             this.isLoading = true;
             if (documentList.length) {
+                this.documentErrors = {};
                 this.documentList = documentList;
                 await this.initializeMakePresignedURLs();
+                const hasPresigningErrors = Object.keys(this.documentErrors).length;
+                if (hasPresigningErrors) {
+                    this.isLoading = false;
+                    throw new Error('Could not presign all documents');
+                }
                 await this.initializeFileUploads();
             }
             // this needs to happen last because it fires the 'submit-event' and 'complete-form-step-event' event
             await this.saveData(formData, formStep);
             this.isLoading = false;
         };
+        this.onCancel = () => {
+            this.clickEvent.emit({ name: DisputeManagementClickActions.cancelDispute });
+        };
         // after each of these steps where validateAndSubmit is called, reload the dispute
         // and set isLoading, and pass defaults into each step
         this.onBack = async () => {
@@ -162,6 +168,7 @@ const DisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class DisputeRespon
         this.disputeResponse = {};
         this.isLoading = false;
         this.documentList = [];
+        this.documentErrors = {};
         this.currentStep = 0;
         this.currentStepComponentRef = undefined;
     }
@@ -175,7 +182,7 @@ const DisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class DisputeRespon
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: 'a031de7ea80f4f31c6e841be4b4640a8b7db7dcd', class: "row gy-3" }, h("div", { key: 'cd7ef54b4643e1a74022ed7c2e075e75076c4c44', class: "col-12" }, h("h1", { key: '705612783bc67e0d01f4d24e01c9c09d1b2a7362', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '72c35e89dc87377fe4dbcbb9fe2e2c1b58767a21', class: "col-12" }, this.currentStepComponent), h("div", { key: '37d85a8980293390f15b45271f8b2a8fa4cadb29', class: "col-12" }, h("div", { key: 'c3b281e02b19598b11acdb09a34212edf1745173', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (h("div", { key: '452cfcf106f40c27f34df05ae2923c0909de9245', class: "row gy-3" }, h("div", { key: 'd9b608a8d880310b96e98cd4a00cabfcca77dc79', class: "col-12" }, h("h1", { key: '050aef1fa636d09880edc7d738d56eab2cf62e52', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '4e6094f9240d4db3d4bc03c59754ab3d04fed5bc', class: "col-12" }, this.currentStepComponent), h("div", { key: '9c1739bc4ed1a9104fd04531a11e02cbbb4f11cc', class: "col-12" }, h("div", { key: 'd37cda5a7689d8bf9263283eb24e1074ee3d97a0', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
     }
 }, [0, "justifi-dispute-response-core", {
         "updateDisputeResponse": [16],
@@ -184,6 +191,7 @@ const DisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class DisputeRespon
         "disputeResponse": [8, "dispute-response"],
         "isLoading": [32],
         "documentList": [32],
+        "documentErrors": [32],
         "currentStep": [32],
         "currentStepComponentRef": [32]
     }]);

package/dist/module/duplicate-charge.js

@@ -1,6 +1,6 @@
 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 DisputeEvidenceDocument, a as DisputeResponseFormStep } from './dispute-response-form-types.js';
+import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
 import { T 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';
@@ -21,21 +21,15 @@ const DuplicateCharge = /*@__PURE__*/ proxyCustomElement(class DuplicateCharge e
         this.inputHandler = (name, value) => {
             this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
         };
-        this.handleFileSelection = (e) => {
-            const target = e.target;
-            const name = target.name;
-            const files = target.files;
-            for (const file of files) {
-                this.documentList.push(new DisputeEvidenceDocument(file, name));
-            }
-        };
         this.disputeResponse = undefined;
+        this.documentErrors = {};
         this.form = undefined;
         this.errors = {};
-        this.documentList = [];
+        this.documents = { duplicate_charge_documentation: [] };
     }
     async validateAndSubmit(onSuccess) {
-        this.form.validateAndSubmit((formData) => onSuccess(formData, this.documentList, DisputeResponseFormStep.duplicateCharge));
+        const documentList = Object.values(this.documents).flat();
+        this.form.validateAndSubmit((formData) => onSuccess(formData, documentList, DisputeResponseFormStep.duplicateCharge));
     }
     ;
     componentWillLoad() {
@@ -47,14 +41,15 @@ const DuplicateCharge = /*@__PURE__*/ proxyCustomElement(class DuplicateCharge e
         });
     }
     render() {
-        var _a, _b;
-        return (h("div", { key: '3714de9262cead1d09db56792ba11b3357f54a0a' }, h("div", { key: '10d1612387d0d5085a1e98b761a59eff4fb8d9a9', class: "row gy-3" }, h("div", { key: 'b69b5b378e9104c5aa413a7099868b8376dac04c', class: "col-12" }, h("h2", { key: '39c935c74773c20de95b7f735e7efc11e1b16618', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '63531ffa973de2f6948ad61091467661cd22c917', class: "col-12" }, h("form-control-text", { key: '8a1346115f3e3c1e12e6b6fc50d816829dd218f6', 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: '7f6f5ba85681e208d2c5727c1d3d6512e43df99a', class: "col-12" }, h("form-control-textarea", { key: '4265b06d5980c7bea096c001f52d80180c20fec5', 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: '9bdfeb8fd8d334de4bf51d10e76752a28d54ff55', class: "col-12" }, h("form-control-file-v2", { key: '03062c1a7e8e2dc98cc8b43394562720843d4956', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: this.handleFileSelection })))));
+        var _a, _b, _c;
+        return (h("div", { key: '0b0d73b396b32f29fa389d3981d48c3f30f96fd7' }, h("div", { key: '2fd16a4cf964c863a59789a2be60d94b27a95de8', class: "row gy-3" }, h("div", { key: '48c15f7db3285caa9164d815615b82a84283fbfe', class: "col-12" }, h("h2", { key: '397b3026311bf57588b172146fc9822f99ede63e', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'c825b6efd428bee298b9b0ddf2265378cf999de9', class: "col-12" }, h("form-control-text", { key: 'b43283087a10826bf8e582a1e863ed4982b5c000', 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: '66d5cefa16c341f5c523eaa46de5c11f5b16e619', class: "col-12" }, h("form-control-textarea", { key: 'f83573136fc2ce108f186f9434f46a3f157bd102', 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: 'cc47dc1d9dbac962d27494b5ff3fef572c98c7b4', class: "col-12" }, h("form-control-file-v2", { key: '3cf06b6d61edd6ac96d02b12639d040f698b2526', 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 })))));
     }
 }, [0, "justifi-duplicate-charge", {
         "disputeResponse": [8, "dispute-response"],
+        "documentErrors": [8, "document-errors"],
         "form": [32],
         "errors": [32],
-        "documentList": [32],
+        "documents": [32],
         "validateAndSubmit": [64]
     }]);
 function defineCustomElement() {

package/dist/module/electronic-evidence.js

@@ -1,6 +1,6 @@
 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 DisputeEvidenceDocument, a as DisputeResponseFormStep } from './dispute-response-form-types.js';
+import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
 import { T 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';
@@ -15,24 +15,18 @@ const ElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class ElectronicEvid
     constructor() {
         super();
         this.__registerHost();
-        this.handleFileSelection = (e) => {
-            const target = e.target;
-            const name = target.name;
-            const files = target.files;
-            for (const file of files) {
-                this.documentList.push(new DisputeEvidenceDocument(file, name));
-            }
-        };
         this.inputHandler = (name, value) => {
             this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
         };
         this.disputeResponse = undefined;
+        this.documentErrors = {};
         this.form = undefined;
         this.errors = {};
-        this.documentList = [];
+        this.documents = { activity_log: [] };
     }
     async validateAndSubmit(onSuccess) {
-        this.form.validateAndSubmit((formData) => onSuccess(formData, this.documentList, DisputeResponseFormStep.electronicEvidence));
+        const documentList = Object.values(this.documents).flat();
+        this.form.validateAndSubmit((formData) => onSuccess(formData, documentList, DisputeResponseFormStep.electronicEvidence));
     }
     ;
     componentWillLoad() {
@@ -44,14 +38,15 @@ const ElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class ElectronicEvid
         });
     }
     render() {
-        var _a;
-        return (h("div", { key: 'a75975ee478e0754c38e67edd1fbf702364f23a7' }, h("div", { key: '32f60518951cd7270901c50b44acf11bde22a041', class: "row gy-3" }, h("div", { key: '8f3aed3249af4852b3ef9d35b5ad09b80947c5b3', class: "col-12" }, h("h2", { key: '7fee82b939aab2131eb573fcf3189aac8a816e7d', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'db919599078f089e70b182b44980a62588ce90cf', class: "col-12" }, h("form-control-text", { key: 'ea3e78ebe16d9def88b08910a700f01f5f5e0992', 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: 'e4d03c158110ef7d10bf290b036536bc654f36ea', class: "col-12" }, h("form-control-file-v2", { key: 'a87c4d1502434b740e41e01a3ddc33d5d069557d', 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: this.handleFileSelection, errorText: this.errors.activity_log })))));
+        var _a, _b;
+        return (h("div", { key: '1a4a1d78529c48b8f32029a3efa05b4430c6d271' }, h("div", { key: '593d167f4e6b610ac3cdb8a04b4eee30a1cb4f91', class: "row gy-3" }, h("div", { key: '39440c3a2802b823c85f251c4393ba76bad287c0', class: "col-12" }, h("h2", { key: 'f5ec8cce1bbadb772ac6dbe668cf54187d2690d7', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'b9020a773c45a8f59a31ffef44b32253fdb4a551', class: "col-12" }, h("form-control-text", { key: '56122eafb7f138f4472a5818cddd32cb0e17fc7e', 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: '0737f585271838dd60ab9ee1e6ac83d0c6362b96', class: "col-12" }, h("form-control-file-v2", { key: '63590d574ee151cbf82638002dfe513cea471035', 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 })))));
     }
 }, [0, "justifi-electronic-evidence", {
         "disputeResponse": [8, "dispute-response"],
+        "documentErrors": [8, "document-errors"],
         "form": [32],
         "errors": [32],
-        "documentList": [32],
+        "documents": [32],
         "validateAndSubmit": [64]
     }]);
 function defineCustomElement() {

package/dist/module/{dispute-response-form-types.js → file-input-handler.js}

@@ -1,3 +1,16 @@
+var DisputeResponseFormStep;
+(function (DisputeResponseFormStep) {
+    DisputeResponseFormStep["disputeReason"] = "dispute_reason";
+    DisputeResponseFormStep["productOrService"] = "product_or_service";
+    DisputeResponseFormStep["customerDetails"] = "customer_details";
+    DisputeResponseFormStep["cancellationPolicy"] = "cancellation_policy";
+    DisputeResponseFormStep["refundPolicy"] = "refund_policy";
+    DisputeResponseFormStep["duplicateCharge"] = "duplicate_charge";
+    DisputeResponseFormStep["electronicEvidence"] = "electronic_evidence";
+    DisputeResponseFormStep["shippingDetails"] = "shipping_details";
+    DisputeResponseFormStep["additionalStatement"] = "additional_statement";
+})(DisputeResponseFormStep || (DisputeResponseFormStep = {}));
+
 var DisputeEvidenceDocumentType;
 (function (DisputeEvidenceDocumentType) {
     DisputeEvidenceDocumentType["activity_log"] = "activity_log";
@@ -43,17 +56,14 @@ class DisputeEvidenceDocument {
     }
 }
 
-var DisputeResponseFormStep;
-(function (DisputeResponseFormStep) {
-    DisputeResponseFormStep["disputeReason"] = "dispute_reason";
-    DisputeResponseFormStep["productOrService"] = "product_or_service";
-    DisputeResponseFormStep["customerDetails"] = "customer_details";
-    DisputeResponseFormStep["cancellationPolicy"] = "cancellation_policy";
-    DisputeResponseFormStep["refundPolicy"] = "refund_policy";
-    DisputeResponseFormStep["duplicateCharge"] = "duplicate_charge";
-    DisputeResponseFormStep["electronicEvidence"] = "electronic_evidence";
-    DisputeResponseFormStep["shippingDetails"] = "shipping_details";
-    DisputeResponseFormStep["additionalStatement"] = "additional_statement";
-})(DisputeResponseFormStep || (DisputeResponseFormStep = {}));
+const fileInputHandler = (e, documentState) => {
+    const target = e.target;
+    const name = target.name;
+    const files = target.files;
+    documentState[name] = [];
+    for (const file of files) {
+        documentState[name].push(new DisputeEvidenceDocument(file, name));
+    }
+};
 
-export { DisputeEvidenceDocument as D, DisputeResponseFormStep as a };
+export { DisputeResponseFormStep as D, fileInputHandler as f };

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

@@ -45,10 +45,10 @@ const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class CheckboxInput exten
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: '8161ae3e7ce79824b21b97647b403646dd7d2db8' }, h("div", { key: 'e1aae62dd392cf208c342d727182a4b98dcabbbc', class: 'form-group d-flex flex-column' }, h("div", { key: '582178c2b18f6d535f692d2b1f16e71555bb6f2e', class: "form-check" }, h("input", { key: '531a98078cee60acc5c8838a3ea7ea43c84fe846', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '6eb5805f9001ba5f27590a8f709c611bcb491cc7' }, h("div", { key: 'f8b4ee1c24087c1bcb65ac7df4874916c7dd36ad', class: 'form-group d-flex flex-column' }, h("div", { key: 'a41d4b50c7c5d2bdd6008a441d29eba5f8f94b9a', class: "form-check" }, h("input", { key: 'd6124d672dda656b4dc9061176c37f8f14d101c8', 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: '8a12404a24a3b1c4cbec230444436c80faeba2d8', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '8cda3874473523f86dadc9e1e3dfb3e4448f3a6f', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '951395dc28c0af8d35aa8c8f38011204a82eb008', 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: '429ce242775f3ff5a7dda515bf57cd0780de8fdf', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '4680da9893c1015cb53a85250eb906a07551fdcc', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'ed5178fe1bd5cd501ef5ebadcf9e49580b1d2bda', errorText: this.errorText, name: this.name }))));
     }
 }, [0, "form-control-checkbox", {
         "label": [1],

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

@@ -58,10 +58,10 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: 'c1add6b2191a1b3263c12bcbf5d0be368df38dab' }, h("div", { key: '34be414bc3a4499a8fef8de45855ecc1e00edcd4', class: "form-group d-flex flex-column" }, h("div", { key: 'f5198a9aabd0e12c0f1597ac357a433a84ce56a6', class: "d-flex gap-2" }, h("label", { key: '084a1eb6ddfd7b728e0c5402c995b1f561e9cc7d', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '0328133482e9cc0f3082aa41c143fd21e95ee8ee', helpText: this.helpText })), h("input", { key: '59cbf8ccd7d2a08f38f07c73b1b457eb109d1571', 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: '5360f4917c4af8d4e40522a25e838703d8374480' }, h("div", { key: '56a3a99c81ebbf00d1ff5befa1a96363660806ae', class: "form-group d-flex flex-column" }, h("div", { key: '5556531a79f39fecd1cc4027568bc3642f68ed68', class: "d-flex gap-2" }, h("label", { key: 'b722b7e91adaf94c57698cf5743d43d8cbb04957', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '109aabf5047eebe8254ed49379b297af05f68ac2', helpText: this.helpText })), h("input", { key: 'eb9862be33313981dccda15889d315893344ff41', 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: 'd71b3de2d560c4a44a3a00a7e5f28d9bfc5843b1', 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: '01217373b82eee84fae370f504cfee157c6f83ec', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -1,4 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { F as FormControlErrorText } from './form-control-error-text.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
@@ -18,7 +19,7 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         this.disabled = undefined;
     }
     render() {
-        return (h(Host, { key: '68bfcee3ae8e8baa627c2e03731de655f7a29ef5', exportparts: "label,input,input-invalid" }, h("div", { key: 'a63ff9900d7612d933e35a0fd95335e8abc45ea7', class: "form-group d-flex flex-column" }, h("div", { key: '74124ffdbf2ac3c28299a78469f387c494140db5', class: "d-flex align-items-start gap-2" }, h("label", { key: 'ec6c237392b1b520a5aab9c6f6a9cb328613e663', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '60f734ebac8d88e2e2775deb0433e2dfe3002402', helpText: this.helpText })), h("input", { key: '2859f4d46dcd5a666017fdb6ae0f10a266bdea4a', 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() }), h("form-control-error-text", { key: 'c667c4882412d5d43b60beae55e3ebab2c43f07d', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '1d12d202fde10e242d835ad9cf1baf037bf08685', exportparts: "label,input,input-invalid" }, h("div", { key: '3a1d62634eb422bb81d693edc7bf7209095031aa', class: "form-group d-flex flex-column" }, h("div", { key: '19a28fe026bdc3950cceef5985f706bc65a8a036', class: "d-flex align-items-start gap-2" }, h("label", { key: '7ef8d2699382ec129538afea93e7fb99e075755e', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ac6fa865cb28cae95fb235984c1b8b390ed7a4e8', helpText: this.helpText })), h("input", { key: '46f3596ff86814fc15ee189c5261b74b1a163555', 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: 'ad1c1e9b8066cc536530423ecc1ee62a6605590b', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [0, "form-control-file-v2", {

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

@@ -56,10 +56,10 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: '09e633d625a1f8f2233d80e8b999fcd7e4a16f62' }, h("div", { key: 'b788fd0963c0ab62d0f7e236fb47ea86430b522e', class: "form-group d-flex flex-column" }, h("div", { key: '1e7a11e13ec3c386c9f30b5cd38c3afa99c88da5', class: "d-flex align-items-start gap-2" }, h("label", { key: '45cd0d97ae44c32b4d1e0d87187ac1871511c319', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'd312e4f181dfb18c0b86048960ec0a333760f290', helpText: this.helpText })), h("input", { key: '73ff59959c75dc99cccddde819ebbeb6bc1de4ab', 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: 'b42a36acdd4b1ccbe38d3f990c1ad75dcdca427c' }, h("div", { key: 'b77e933e6ec75850cd4f81136ed6c7b1e9d4eab8', class: "form-group d-flex flex-column" }, h("div", { key: '1d106fa3f984f9339be5d532e9909e802506a070', class: "d-flex align-items-start gap-2" }, h("label", { key: '015b1ec3a10e9e6085a07d82a6f50049b33ca72a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7b1920d7910a8cdea94f2264f4525abd6ce12b04', helpText: this.helpText })), h("input", { key: '7fd8b89dc312b0fa773ca3f1286146906dcbcbc9', 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: 'cb9c8bd4f623ebd82bdbd9725805f6038b0e1f8c', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '5747821abcfedb2bf33a65907f333ea48478c37a', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [0, "form-control-file", {

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

@@ -70,10 +70,10 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
         return part;
     }
     render() {
-        return (h(Host, { key: 'c7a92629b644f797bc0c199b66f2b3a7802e24af' }, h("div", { key: 'b21ec4bd76d52d6ebe23de04748b344529bd5e91', class: "form-group d-flex flex-column" }, h("label", { key: 'c1a4d2c44d19a81ea594c36c8ce537956e32f8be', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '3c7858f3b1bff3d304e2d6ef4613570307abb031', class: "input-group" }, h("span", { key: '57f667463d22682820a688ff4583429203d35c88', class: "input-group-text", part: text }, "$"), h("input", { key: '8027bd97c1e8974089b9438972e449c9fe00e984', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '83294146c6f3ae050163857d50b844539397553a' }, h("div", { key: '07251dfdad902a9a80515b3cc5fd3d66ea623e0c', class: "form-group d-flex flex-column" }, h("label", { key: '96b4419c336b6b75183692f9233759c5f703dc3f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '3f4acb21a8d950365446153df63031698032cbf6', class: "input-group" }, h("span", { key: '9d33e13f2740d2c8326eeae18d77210a32436a44', class: "input-group-text", part: text }, "$"), h("input", { key: '8521bd07c63e502699088e45d41f953b28b5fbbe', 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 monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '2b983d18e5544d78015ce9d9f15ac0fba9991193', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '1cbf33304b3243fed47f2d6cc5459010d9502347', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '8158ef70a7e3179433bf0d06b6ab3ac84cc99432', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '2ff89c0f5b9667b7a93f580891f1e314528c5d14', 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 NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         return input;
     }
     render() {
-        return (h(Host, { key: '84b2b9707b77df0865ca506c3c974f9974f698e3' }, h("div", { key: '6817ba99efccf056fa28535db39a672cdb18bc0a', class: "form-group d-flex flex-column" }, h("div", { key: '2f0f64dc35352659740292397f82f6490f32b6ee', class: "d-flex align-items-start gap-2" }, h("label", { key: 'f5eff8109b6403b2cdc53e6c0a23538ef3dcb817', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '633b66f6d99fea7688652fa6e5f11e0d68666f69', helpText: this.helpText })), h("input", { key: '3df0af7941cb957ddf3df89f3216a2d3187e1e9d', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: 'ce4be8f8dbc45d56729f8dc410782d543d6d36bb' }, h("div", { key: 'f541c120af578d82943b6ad74d0b9c3072b885ff', class: "form-group d-flex flex-column" }, h("div", { key: 'bcb14b211d16aae90f30a9668988dfe9c8828b1d', class: "d-flex align-items-start gap-2" }, h("label", { key: '00e7d4b05a71de70d6b835c6c7bafefbdc9c334e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e327c42167cc82a32761759a51f8894f615dc682', helpText: this.helpText })), h("input", { key: 'fe0a584dba22642e87bb7ed60289e33ca9d68a5b', 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: '9d634135126b399aea1071fd5cc53784728b01c1', 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: 'b0c95b90958073dd5c695dad53618536a1f0ddae', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -50,10 +50,10 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '8c60e7494ce6878f591699baa07e5a5d562090b4' }, h("div", { key: '49c2ebe33aa6317c5960ab8a1cc1d8998e06ff9e', class: 'form-group d-flex flex-column' }, h("label", { key: '9132628d047ad3c2b243e87b013b77f367aef274', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '25d4df4f8bc7eafde56f8b6aaf77eac3acd78035', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '7f0a9eb69396c743a326a7c800c1a44758e9021e' }, h("div", { key: 'c6690d26559078214bc996c67d9d7822d8602b40', class: 'form-group d-flex flex-column' }, h("label", { key: 'b7fa671a2f4c16b748c266433ac8b3f0106a667f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '487e6a423ba4f215f0c6937f83623d2c7fade9d2', 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: '47d213b459ddfb9d9704d217f82e0d30d3166465', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '4835e71589d825d56d36ef99b00fdd877690a04d', 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: '1013d3b9060dca903372a6a15e340b0e07d011e7', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '4911a0cd712df5789e9ebde0e10e8e0e323f908c', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -40,10 +40,10 @@ const RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTM
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: 'dd02a226957e079505a8149565e42883eb0c63e8', class: 'form-group d-flex flex-column' }, h("div", { key: '8951df4569607dc68808b57423566dd1d60caa0c', class: "form-check" }, h("input", { key: '7b2e93768b210191dbb3aa9cf81e2520ffaac5ff', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'bfa0d204b4a34281c66a890e74d2cbabdde704b9', class: 'form-group d-flex flex-column' }, h("div", { key: 'f2d9e0158d35806119570996eb33b261e163f66b', class: "form-check" }, h("input", { key: '08de0c12111ed8a20c763c9b1e3b503ee069c6df', 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: 'fd413c400f607c07d704cfe56d7e304082027d5c', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '4e7cc2ac52d39092be5e46f1a2df1a7d31f380eb', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '420052233ae56f98712559707a4372644f915aec', 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: '24fb4d3d6308992b65b0346dff2fd87865b1a244', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: 'a70371f57745f7b1929f75610bb8a769bb99a515', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '3860ec0a17a2775905e268739564791925a87fb9', errorText: this.errorText, name: this.name })));
     }
 }, [0, "form-control-radio", {
         "label": [1],

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

@@ -53,10 +53,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: 'd84e000c15b64815eb0f8eb2e1e1f774fd786956' }, h("div", { key: 'fc751f6b2da9d20bee791e854a2bb7d3f9ce7456', class: "form-group d-flex flex-column" }, h("div", { key: '6853a85e1dced30edb8b84070d7dc16b65e47ce6', class: "d-flex align-items-start gap-2" }, h("label", { key: '5c020f8419308ceac4c00220ce9df8fac8ce1f0f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '81662d978c47c8d3e10342cb2b2a005af4ecf608', helpText: this.helpText })), h("input", { key: '14fd9610e3a92e0b6125ab41a5878268a7cc3157', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '5fd5420403a86c3a3cd1051bc195ce2aad1efce1' }, h("div", { key: 'd145ef0c3ef1ac6e5d5bce4faf6dd19a6e96b34a', class: "form-group d-flex flex-column" }, h("div", { key: 'a4f8efe5b6d8862388ac3a564ebe7522e3b5643a', class: "d-flex align-items-start gap-2" }, h("label", { key: '3e3d0f3d8ba2e32e9b18002e5884ccadd2ca8194', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '199ddd92c25bfa7ac6cde94bfe40087645ee3370', helpText: this.helpText })), h("input", { key: 'f960d4968f7c71b7eaa69610b16462ee84e62b91', 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: 'be05bd72e34afa9c8b4dd42cb5eda4fb6407224d', 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: '9eda3817d987fac142a584d95b6242950658eb5f', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -53,10 +53,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: 'beabdb77220c0ad180cf1e0143521ce03fea1eb5' }, h("div", { key: '16e2375d19c75d34c7f1ad1eb1a3a5920fa4ba08', class: "form-group d-flex flex-column" }, h("label", { key: 'dbe6e6816c5b500363964c771654d772bb25de62', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'b7c5f64138c846756051bd4984152ad382f24dba', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'bd2917d7d1b655c1c901a3a3de5d7184fedb1c3d' }, h("div", { key: '87e1651c5cc4ad9d88bcfc29278d797e30e285e0', class: "form-group d-flex flex-column" }, h("label", { key: 'ea65895b454b1f92550100849354ee0a63493501', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'f069eee75bbebc663e18648c441969e4c0893b61', 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: '65ef4b15eda7ac206e935aa13b8ed30000af23d8', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '3fa530e3c915efdb63776a0146356873cf8e1e6a', 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: '804bc50bd1fa9763a23ccff43c7afb0485a0ef4c', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '42b936fd91f1b7b2d0fea7e08b393e28bd83d07c', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/hidden-input2.js

@@ -76,7 +76,7 @@ const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '7bfd14ae6eb04d3bccb6f95398213655bc5c1073' }, h("input", { key: 'a40b6c6b2fd4e217af572f2032b158cc0ad603d2', 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: '68a2c54e46bbac93bee4a47e94d73d88104fb22b' }, h("input", { key: 'b558c0fe75e6c6cdd394a74e7abb4d6da8e7f4e9', 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' } })));
     }
 }, [0, "hidden-input", {
         "isFocused": [32],

package/dist/module/iframe-input2.js

@@ -1614,10 +1614,10 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         return params;
     }
     render() {
-        return (h(Host, { key: '871d71c6240e94e24f7ccc4c4ec8225b4123d865', class: "form-group d-flex flex-column" }, h("div", { key: '0a1d98cba0960599d29db3c269bb8b458cdfddc8', style: {
+        return (h(Host, { key: '8bd5db2440fd1b9fac9cc543351dc131b275848f', class: "form-group d-flex flex-column" }, h("div", { key: '5cb9d0b36e11eecaa83aaece84cbfa6255adc5ec', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: 'bfd2e61b544db648cada7a52b45809bebf5722a8', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '53e9f9a29e07edcdcbb00b023ba0f24d09d852ab', 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: '2adc709c4094c44181dd83906763b4809b3f168b', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: '4bbf84b5246bae6b6951e7148b75cd5aea31f085', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'b9322c63b4d85cb7622bba2d2f2c5860d7ecc11a', 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: 'fdec589df0be0aab897c06f97b028791d9311ff7', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1627,7 +1627,7 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), h(FormControlErrorText, { key: 'c54bafd097b1e3e896901252d3520bfdfe5c71b6', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '86d9464628d833e2526b50648eb87abeec20b24d', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [0, "iframe-input", {

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import './ComponentError.js';
-import { I as ICheckoutStatus, a as ICheckoutPaymentMode } from './Checkout.js';
+import { I as ICheckoutStatus, a as ICheckoutPaymentModeParam } from './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import './SubAccount.js';
@@ -48,13 +48,13 @@ const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsLis
     get checkoutPaymentModeOptions() {
         return [
             { label: 'All', value: '' },
-            { label: 'E-commerce', value: ICheckoutPaymentMode.ecom },
-            { label: 'BNPL', value: ICheckoutPaymentMode.bnpl },
+            { label: 'E-commerce', value: ICheckoutPaymentModeParam.ecom },
+            { label: 'BNPL', value: ICheckoutPaymentModeParam.bnpl },
         ];
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'cd70cc85372ea03d544340c36de1bc559cce757d' }, h("table-filters-menu", { key: '332fbf23bcf5e542aa3439b93bcfe046889b89b0', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'a95f24fa9b92cd35e0dd15a7fc5cafb2cca84c9f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd58366e790b1bb2fb3aa8605a806a8197ea4f5c9', class: "p-2" }, h("form-control-select", { key: '1e48969ede334298a5d058f22bf5b1e39c78f535', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '33d8d552c77a6355423e9252779f85b288e123d1', class: "p-2" }, h("form-control-select", { key: 'a1ae23979fb00d92a9a1c7972c375494cabde720', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
+        return (h(StyledHost, { key: 'bcae6fee83117dde40a29ebcab8e85089bcdc37e' }, h("table-filters-menu", { key: '56c6a5d205836fe010917f0f0d978507cf227a3f', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'c82691f9b863368a2b7523dc7d9d348c3fe2e776', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9abbb01e53139ebd376a638400b199d88288b175', class: "p-2" }, h("form-control-select", { key: '3859777cf1f4ee451a65440a90dfe9e5f4a2f069', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '3c23d4b820ea2424d6ddc01e6952c8c46cd7d975', class: "p-2" }, h("form-control-select", { key: 'c376228f82419b959b3fefa6b32d25c584c6ea3b', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
     }
 }, [1, "justifi-checkouts-list-filters", {
         "checkoutStatus": [1, "checkout-status"],