@justifi/webcomponents 6.10.3 → 6.11.0

package/dist/module/button.js

@@ -1,17 +1,41 @@
 import { h } from '@stencil/core/internal/client';
-import { Z as buttonSecondary, Y as buttonPrimary, a2 as buttonLoading } from './parts.js';
+import { a2 as buttonOutlineSecondary, a3 as buttonOutlinePrimary, a1 as buttonLink, a4 as buttonDark, a5 as buttonLight, a6 as buttonInfo, a7 as buttonWarning, a8 as buttonDanger, a9 as buttonSuccess, Z as buttonSecondary, Y as buttonPrimary, aa as buttonLoading } from './parts.js';
 
 const ButtonSpinner = () => (h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" }, h("span", { class: "visually-hidden" }, "Loading...")));
 
+var __rest = (undefined && undefined.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s)
+        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+            t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 const Button = (props, children) => {
+    const { variant, isLoading, className, class: classProp, clickHandler } = props, rest = __rest(props, ["variant", "isLoading", "className", "class", "clickHandler"]);
     const variantToButton = {
         primary: buttonPrimary,
         secondary: buttonSecondary,
+        success: buttonSuccess,
+        danger: buttonDanger,
+        warning: buttonWarning,
+        info: buttonInfo,
+        light: buttonLight,
+        dark: buttonDark,
+        link: buttonLink,
+        'outline-primary': buttonOutlinePrimary,
+        'outline-secondary': buttonOutlineSecondary,
     };
     const getCSSParts = () => {
-        return `${variantToButton[props.variant]} ${(props.isLoading) ? buttonLoading : ''}`;
+        return `${variantToButton[variant]} ${isLoading ? buttonLoading : ''}`;
     };
-    return (h("button", Object.assign({ class: `btn btn-${props.variant}`, onClick: props.clickHandler, part: getCSSParts() }, props), props.isLoading ? ButtonSpinner() : children));
+    const extraClasses = className || classProp || '';
+    const computedClass = `btn btn-${variant}${extraClasses ? ` ${extraClasses}` : ''}`;
+    return (h("button", Object.assign({ class: computedClass, onClick: clickHandler, part: getCSSParts() }, rest), isLoading ? ButtonSpinner() : children));
 };
 
 export { Button as B };

package/dist/module/cancellation-policy.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 { a3 as heading5 } from './parts.js';
+import { ab as heading5 } from './parts.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-file-v22.js';
 import { d as defineCustomElement$3 } from './form-control-help-text2.js';
@@ -41,7 +41,7 @@ const CancellationPolicy = /*@__PURE__*/ proxyCustomElement(class CancellationPo
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '7e324ceb101b39f115b802eaaba72bc1244d944f' }, h("div", { key: '09051fac8c49c6ffc52e37d5027a353a8e4fe8ae', class: "row gy-3" }, h("div", { key: '6c8c50593dca3155a708ec25f3189be54df3e3b9', class: "col-12" }, h("h2", { key: 'bdffa3a4ea564d715c377ffe2b97c7ec59600ed5', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '376a234708050ff8079db49dd42e28eabbd2d5ce', class: "col-12" }, h("form-control-textarea", { key: '2b6a803b276cf3c73e2a3745cd09c9b797265127', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: '52d22aae6cca0dd3215d545957d130564ae673e5', class: "col-12" }, h("form-control-textarea", { key: '170191a065345416f68bb0abfa72b59318c65ed6', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: 'cb5e7e12104574a061139fd882c9da41e8ffadbb', class: "col-12" }, h("form-control-file-v2", { key: '7c09d5592ac3584e134f8a1a3d0aeca0c2cf4373', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
+        return (h("div", { key: 'f9b93b3dd8c73dcf878c3a4ff0bf1644a853b7bb' }, h("div", { key: '520759d6b31b86035d1e60a9c8b1353e764291ef', class: "row gy-3" }, h("div", { key: '3afe7011e77eb9c864e8b26e93edccc917f42658', class: "col-12" }, h("h2", { key: '57fe3c49c3d2634525c2d6c6dc04031ff73a8a3f', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: 'dd6b7bb8a608940d213e55224de3410f51c5b78d', class: "col-12" }, h("form-control-textarea", { key: '05596adee9001ca673e0c61ffa1245ea45ae944d', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: '75dca392cfee3a5c571acb0ed1526623be0eb7e8', class: "col-12" }, h("form-control-textarea", { key: '9bf96784519d39c9961b2741da358b0112275c71', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: 'd9995887e3791f54730d84a598869dce7cabd8b4', class: "col-12" }, h("form-control-file-v2", { key: '40fb6492e3db57e1d9b5b77d37229579bee4de5e', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
     }
 }, [256, "justifi-cancellation-policy", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/card-form2.js

@@ -64,10 +64,10 @@ const JustifiCardForm = /*@__PURE__*/ proxyCustomElement(class JustifiCardForm e
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: 'e204cee1fc875392b8056baf58b7234a739fffce' }, h(CardFormSkeleton, { key: '3accfb88d66661ceaef39f765bb3fddfd0f98393', isReady: this.isReady }), h("hidden-input", { key: '0416ddca8b444cf8702f3fff52065bf647bd4b61' }), h("div", { key: '37c1d5014e5a6658bfd28e08e361ffaa6488f6d7', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '20d4ea593b1f53fdbe8cc301e64c1a7743802678' }, h(CardFormSkeleton, { key: 'f3d2569ddcf94c8cf5f07ba4e1a862d6991c686e', isReady: this.isReady }), h("hidden-input", { key: '4804eb065aa5c2c21a84cd5e4ae02d8e00544081' }), h("div", { key: '0c98ea9d4218a70a95b620a969481083aac623f3', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'e2956855dfbcab38a782c22e93bd49252196baa8', class: "mb-3" }, h("iframe-input", { key: '55105f1eebab4b846e1b5c55448259368a412349', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '9464b1a500a84dcaa438a9ebdad756637d14cb24', class: "row" }, h("div", { key: 'adc51687629fb00d26c6627e95c0228f5a4dfd11', class: "col-4 align-content-end" }, h("iframe-input", { key: '52a0e5e198b6bfac00515ec220370e289674b613', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '1b09582711d838643db265b003ed18b18042713e', class: "col-4 align-content-end" }, h("iframe-input", { key: 'a1731a8dc02723398e1aae58b3812fccf62e6157', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '1e2c3205f2e0b28d036480d2c61934da5e7da620', class: "col-4 align-content-end" }, h("iframe-input", { key: 'b7b87360068434122f9b5a8935468240684b7a1d', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, h("div", { key: '6674294528ffdf8b3e90aa75827d88c891f74f65', class: "mb-3" }, h("iframe-input", { key: 'a08798d454cf5b7e572c334bdf3238f08071fa43', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'e5aca3795c1788bd0862f7dbf28dec58bbcc3f03', class: "row" }, h("div", { key: '29c8dcbf332349d1b81e98b17630de0cd3ef8b77', class: "col-4 align-content-end" }, h("iframe-input", { key: '88dd4b4601010543f2d02b4b5ca6814431de1e63', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: 'd7b557547cdb3e18103c9ad0588733448a22d4f6', class: "col-4 align-content-end" }, h("iframe-input", { key: '2b9915cd264167e2c3080688290765590061ae6d', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '241ead4a324fc65ddc787e8fa81cb8ed62e3114d', class: "col-4 align-content-end" }, h("iframe-input", { key: 'c254b90ef75b5bcf1ff86bddf2d488de0a2bb709', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
 }, [257, "justifi-card-form", {
         "isReady": [32],

package/dist/module/checkout.store.js

@@ -102,4 +102,4 @@ function onAnyChange(callback) {
     });
 }
 
-export { onAnyChange as a, getCheckoutState as b, checkoutStore as c, getAvailablePaymentMethodTypes as g, onChange as o };
+export { getCheckoutState as a, onChange as b, checkoutStore as c, getAvailablePaymentMethodTypes as g, onAnyChange as o };

package/dist/module/checkouts-list-core2.js

@@ -11,7 +11,7 @@ import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { a as formatDate, b as formatTime } from './utils2.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
-import { w as tableHeadCell, ad as getAlternateTableCellPart } from './parts.js';
+import { w as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 

package/dist/module/custom-popper2.js

@@ -1903,7 +1903,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '5f2a199c8ba46d671aecf3353d0a5e9f097ae624' }, h("style", { key: '16d49b4c455c3adc137f8084d0030198cc77addb' }, `
+        return (h("div", { key: '7a5bab9f568f74c4cc7635a5844ca9a48c506521' }, h("style", { key: '9d073f9cc6b46141f05def0a5fa51d61ce2ec1b0' }, `
           .popper-content {
             display: none;
           }
@@ -1911,7 +1911,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '6722fe951e327d7f9671df0c30a82c42887169f7', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '53f6a2dbcdf62bc4b958f3abcaa357ec86fad8cf' }))));
+          `), h("div", { key: '7cea0b75df433ed9b5a8e46b015814a954f47c99', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '6a6f628864ce86989413f80b8a39f7fe089d6633' }))));
     }
     static get watchers() { return {
         "anchorRef": ["onAnchorRefChange"]

package/dist/module/customer-details.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 { a3 as heading5 } from './parts.js';
+import { ab 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-text2.js';
@@ -43,7 +43,7 @@ const CustomerDetails = /*@__PURE__*/ proxyCustomElement(class CustomerDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '2a284179b0e885a49328aea3de640ac89a721a50' }, h("div", { key: 'aa7da787c2438af27988aa66ee14a980f3b06b9b', class: "row gy-3" }, h("div", { key: '7866c966658406e25a7a96f8b625dff4cd01fae9', class: "col-12" }, h("h2", { key: '16232b46708a785c70fb1160d45f71457517f146', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: 'fa470479d54a9c68543f01f5aa8168b31345c558', class: "col-12" }, h("form-control-text", { key: 'b0908d5cf478b70081ae376f52f37539cfe6cd4f', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: 'a74a0dc1a29526fc24a4ed85b51152679f6cf557', class: "col-12" }, h("form-control-text", { key: 'e212808991ff68e64ef07fe216b30d9ef53f1876', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '588cd9e061aeb50c7b1a427cf961a594b20543e2', class: "col-12" }, h("form-control-textarea", { key: '03792e2bd58e6f83605bd6d8694ecd52c69f7bf9', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: 'e82bcb4a124a371349a61446ed80bfc2ddff6447', class: "col-12" }, h("form-control-file-v2", { key: '177fd69a1d5fd956e875651f28f3b52673ca7b3b', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: '0e1b09ec74a570e5eae6378c0789147b2a8a9f41', class: "col-12" }, h("form-control-file-v2", { key: '07eaaa242425f54482c5bf1c45bbb64b7b0eb032', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
+        return (h("div", { key: 'ac1c08881bf4f5288aa6841d3f87ba1d8e9dd6e4' }, h("div", { key: '148296af222d038e8e9ab3e318d210b7638074d2', class: "row gy-3" }, h("div", { key: 'e3e3635454797465b08b0df10023f66899d8dd04', class: "col-12" }, h("h2", { key: 'd65767d3d3b091afc8b9b4798e639214ede14726', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '258f8dadcb6aec223c1a039ee0100ed91d0b2896', class: "col-12" }, h("form-control-text", { key: 'e2206e72a7603ca15ea1d6a70593667e1eaf5132', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '792028d6ae5ee85765b91188e20330489cfd7bb3', class: "col-12" }, h("form-control-text", { key: 'a7288afe499a39a6c78bf8b1fe5f5e1a5bc6af27', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '82f8bfaa81e727226e013e94712928a5cdb03841', class: "col-12" }, h("form-control-textarea", { key: 'bd2410564783f6ae8acf1d1fb820bcbe4aea3aa5', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '84442373f62efaf5a1e14623d61eff0bc81f6751', class: "col-12" }, h("form-control-file-v2", { key: '4575df27d749c4520fa55d7f1fc901296ec2ed45', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: 'f1c9f81104d1e080be993d0af29343c5d540cb43', class: "col-12" }, h("form-control-file-v2", { key: '8b8e4eefba1e84551645229204108bfe007012cf', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
     }
 }, [256, "justifi-customer-details", {
         "disputeResponse": [8, "dispute-response"],

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

@@ -70,7 +70,7 @@ const DisputeManagementCore = /*@__PURE__*/ proxyCustomElement(class DisputeMana
         });
     }
     render() {
-        return (h("div", { key: '7e809ceb46aa6ae412d9dc554966cc181b77cc64' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (h("div", { key: 'a4b8f312c4da129036d1725a6792b7e07f1dddc3' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get watchers() { return {
         "getDispute": ["updateOnPropChange"]

package/dist/module/dispute-notification.js

@@ -59,8 +59,8 @@ const DisputeNotification = /*@__PURE__*/ proxyCustomElement(class DisputeNotifi
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h(StyledHost, { key: 'f73a27de0f7e01960cfe78a5b81b021b22eaf2c6' }, this.isLoading && (h("div", { key: 'ca2c47a78d302e09cd60434eb2a0146787f7ac45', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'e7c3318f1ecaae82727ec3620e5ba65f25692552', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '3313a4d5ba47766076e5c13cde8f1500fdcfa4a0', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '94d2c92beaf52499cea87b3e04a37284898ce4d9', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: 'fe66f1d00863607cbb457953c4880e4bdc4442ae', part: text }, h("h1", { key: '1cf8c42bdb942391c65e67db8a0da0ff4c618249', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
-            _b.due_date, ") for this dispute has passed"), h("p", { key: '18643d72965f197edcf40c2053325df9dedf47fb' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: '096b7b976ddebd49a6ab5067ef5b4f07e06e145d', part: text }, h("h1", { key: '06010bc9881b4cd9bd91399784ff9169e730784f', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: 'aca40b62cfe60ca69ebecd59d9d1c5c3cfd1b227' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '81f1fe8ec625b44d7bf251f4fbf5a4ac1dea2a41', class: "h5" }, "Dispute details"), h("div", { key: 'b5269224135805abb32164911ef682ed9524a35b', class: "d-table gap-2" }, h("div", { key: 'b90a2c3028003119fdb23f6e0cd8a3f965f9d58b', class: "d-table-row gap-2" }, h("span", { key: '24967d47583c83333966ad788e8d4d388f32bf3a', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'a1bc338abb575e5dc496bec2f7199d36d3015d68', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: 'c45e0cc9efcf743d9b981d17d9628b243892d27e', class: "d-table-row gap-2" }, h("span", { key: 'd326adc2bfe3fbd9d67fc4d9d82e1545490d274a', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'eaa16df97b9fd1b4963c2561bc5b7eb7892dafb4', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: '58999fa8fd18509f29d7233ca7255e2a033139b3', class: "d-table-row gap-2" }, h("span", { key: 'b35f041be173d792e81c3da3992104a0ede2bf91', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: 'eea5132a629528830dd6a3c68ca773848c89cb95', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: 'f4975381aad6ed61a674e7a907632790e0ecf399', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '875c8fe451dbf7bb3817be6ab2ab3b919bb6b783', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'a4725c6ee3c18785e91d5ce82c3fbdb35029040a', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: '3c2149db7fbe647697c759083fe1884421409078', part: text }, h("h1", { key: '14a5b5e1f88a147b5e5b272c05d8c7b61172ccc1', class: "h4", part: heading4 }, "This payment is disputed and under review"), h("p", { key: '80492d8cfabb74288b800737ff1b91ef4ca976e4' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: '379d85bd2363dc727e0e17e20900912232fc8692', part: text }, h("h1", { key: 'd26214c5df407be1fdba12836882b6299f84d02b', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: 'f77287d806f5121916661f511830239e34df103f' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: '29d05bf0e4065164bf5b5a079679c189373edbfb', part: text }, h("h1", { key: '4f76816e9dbbe9b4a02bf15d019ebf0163908659', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '184a792846ced212766c1f6b63b3ccd0297eceb9' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h(StyledHost, { key: '5ec3fb458651022433067e2396d5f3382952b1d0' }, this.isLoading && (h("div", { key: 'a4e98abb63b4cf14606d020e79c3b24e34e8d6c8', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'a3385bb3e16f32b0d9ca8607382d5cfab67dea30', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'd2f20f95cbc49195ce6e2811335b747fd58f3acb', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '53b9006fb1fc2ba1fbff33fa2de9a8d8f2dbb5f8', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: '509d7ae4a1d3cfe229c240a9782d919281e9f7f7', part: text }, h("h1", { key: 'a39eb9c225269bf984870ba6c28816bda4aeeb5c', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
+            _b.due_date, ") for this dispute has passed"), h("p", { key: '97f89e8439bfd8ca4558ce4666b09766fa5f190b' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: '9228dc32ee4c01961a726cf0d016d4121a0bade6', part: text }, h("h1", { key: '70f686c0766bc5ecbd5d18ddd62aa7b3864f79a2', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '464cd97ac905f33eb87b817662fd4120bcd75a5b' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '0b6120d06dee850ee65291ebc488e969de1ea988', class: "h5" }, "Dispute details"), h("div", { key: '0fde10ab79aa18679727c93b823ff353f99e78b2', class: "d-table gap-2" }, h("div", { key: 'a12705b53c1e2483d5c7a63851c29b64b8d1a55e', class: "d-table-row gap-2" }, h("span", { key: '9a04eb7b2708b89c2d3f721054797d4204984071', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'b1e31c999df1469e7d0af22c26c52138134100d7', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: 'dad70076664583f12d4c5076d2d02b5f41728a56', class: "d-table-row gap-2" }, h("span", { key: '08a5b3833aad625b7e37d9250eecd4eaa65ce340', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '8a5dc58561b019fa9aaa9b485182d1e45f41f0ab', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: 'd843420ad58a1476ce5abadf48902387aedabe88', class: "d-table-row gap-2" }, h("span", { key: '4d6bfa397e48aea37875e02ec5bd87e1b0fc016f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: '92eb09d8e5309448792c104ffeb45d0efd75ecdb', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: '17460ccbaaa12b98a1ff4171b34e1d5f90ab408a', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: 'a216a14d3bab4927bb33b4f49f2db3a4aec93054', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '9c3aa14f1561ff4984e4c0da750878b7f9f7b931', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: '66da2ac06164f5ff587acb9dcd7621fe9fe4fd77', part: text }, h("h1", { key: '3a1821dce2996b174f75da14eb5e56ca2c6b1abb', class: "h4", part: heading4 }, "This payment is disputed and under review"), h("p", { key: '3b0ea372d06ec75d2e11424d94e4afbd049a8c6a' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: 'c57c024d4fbed71e9a34987c3a01fb047f00814b', part: text }, h("h1", { key: 'ce7b57efcd9094ea5327e6b326ee9b4315b60d66', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '78fc5f0f3104d370b87df29bc12da67d1878bf66' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: '90d64362f0f228799e3574367343333e8cdedf27', part: text }, h("h1", { key: '24eac4bb8254f9be4472d0d74e45c2fd7e587478', class: "h4", part: heading4 }, "This payment was disputed"), h("p", { key: '60abcb3213442c77bd52d6c7e7a30a822bf673e9' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 }, [257, "justifi-dispute-notification", {
         "dispute": [16],

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

@@ -180,7 +180,7 @@ const DisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class DisputeRespon
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '8b0f0f810ad0bbc57489862ae5159fae8cbad746', class: "row gy-3" }, h("div", { key: 'ca6e73df82123a344b4a28efae395e8b9c931258', class: "col-12" }, h("h1", { key: 'bb78dcfd69d0b747cf1b1865bf463518ae18b442', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '7179e0a6fdb89024d613f897db2cf313255494fd', class: "col-12" }, this.currentStepComponent), h("div", { key: '9219e8b3213c494adef926077f35c298588053c0', class: "col-12" }, h("div", { key: '73c2fd1a8440c19f468610ec02a7cfa6eddecb7e', 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: '41406d4115c2a084c84ca59895c0107af2a30e4d', class: "row gy-3" }, h("div", { key: '54f86cc1ffdb90a4ec738ca6cdac8165025ede65', class: "col-12" }, h("h1", { key: '28a0289b5926d7f4d04a658f13782d80aa96584a', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'abfcc8a09326b8d780647a644dd0b6e1deada071', class: "col-12" }, this.currentStepComponent), h("div", { key: 'e1bfbd12d9c6c86521d1d47cd4afb007960cdf9b', class: "col-12" }, h("div", { key: '3149002728d1953c116758ab48eb0a2481a68398', 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"))))));
     }
 }, [256, "justifi-dispute-response-core", {
         "updateDisputeResponse": [16],

package/dist/module/dispute-response.js

@@ -79,7 +79,7 @@ const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse e
         }
     }
     render() {
-        return (h(StyledHost, { key: '68bf041be58383d3df181d84e0773bb71fd4ed96' }, h("justifi-dispute-response-core", { key: '76af71dd1a21bedf10406aa2cd6d93bfad5b5746', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: 'f65e8fa4aa2374eadaa94e5bb87e1dc73026c6d5' }, h("justifi-dispute-response-core", { key: '3222bf2f10f8ee185d9d9e03e083dd3e1e7bef61', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get watchers() { return {

package/dist/module/duplicate-charge.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 { a3 as heading5 } from './parts.js';
+import { ab 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-text2.js';
@@ -42,7 +42,7 @@ const DuplicateCharge = /*@__PURE__*/ proxyCustomElement(class DuplicateCharge e
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'bfd32a0d9ae4fb268939513d5206912e6e60b499' }, h("div", { key: '2c41e7c7b33d711a7a4c76c4a3fccb569e9e9a44', class: "row gy-3" }, h("div", { key: '5cc774a79845c5899c1d34e402db5876cbf3e438', class: "col-12" }, h("h2", { key: '4f26c3cd1e6035100d9837bfbc9e8fda96b4b04e', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'e8f259b79ad4b0378ba9608499407e1f5506e962', class: "col-12" }, h("form-control-text", { key: 'abe5a8f45e4839d6c22e7a43b2561148226fa3f9', 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: '73f01e8f48b828b4469bd9a12ed20373e3a68ffe', class: "col-12" }, h("form-control-textarea", { key: '9d2779988e2fc60c4284a874b512a214a2f84831', 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: '77393e15774fbce72f9051414a8d92c07a7b8a00', class: "col-12" }, h("form-control-file-v2", { key: 'c89b9fe51f969e0eeaf34a0a1d5aa3e94374d26d', 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: '3a6188603e8cfdd1b24db55703f63b2199dc9e71' }, h("div", { key: '68cac9c229db9641e3f71e42e9f96d4b6437e9b9', class: "row gy-3" }, h("div", { key: '2060793e27c759d8fdf21765fcfbf0253ca9a016', class: "col-12" }, h("h2", { key: '21fb843b28af8fe9cfc2ef4aa297541fb3d9d61b', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '9743e65ce74307e5d4544c46f2507f4815d0a413', class: "col-12" }, h("form-control-text", { key: '213e56620c428e214d3b937a45fee4a0c2116caf', 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: 'ca7963f7cbc63caece9d0ff91fd6ae04a45bc9a7', class: "col-12" }, h("form-control-textarea", { key: '9edf3135b2cbbc61017fa1fd74f06da34982c4d6', 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: 'e0fe338e2bec5bc1889eeb72f8138f2f0fce497b', class: "col-12" }, h("form-control-file-v2", { key: '86851806bb69be1da6334376a44da6cddfa013e7', 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", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/electronic-evidence.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 { a3 as heading5 } from './parts.js';
+import { ab 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';
@@ -39,7 +39,7 @@ const ElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class ElectronicEvid
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '6d2edd78d7560d7f4c1b649b6682d9565642a471' }, h("div", { key: '943bb135558ddd1b77584348e1dc7a78eea9bf95', class: "row gy-3" }, h("div", { key: '114e921a4f2cfdb130c9a8fde298a8ffe2744662', class: "col-12" }, h("h2", { key: 'd2e5515b640557162bb8856fdc1bbd778b4cdab1', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '99e45755978c66b8ba8bd4ac3c57015900fc4aaf', class: "col-12" }, h("form-control-text", { key: 'f2d9724bfdd36297a72240d0709b777acc41566d', 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: 'fedc63aa2a66f0b65dd10bdb80973031813a5106', class: "col-12" }, h("form-control-file-v2", { key: '4c83a23b83af34e14575673377a1ed5ec6af0c63', 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: '2938a2cebbc08938a88af9848f674727c2925473' }, h("div", { key: 'fc85fd26921d9ffc0ed547bd4c4facb40cfbcd5f', class: "row gy-3" }, h("div", { key: 'b737248f4ffc77483816c80192b3b957ed899f67', class: "col-12" }, h("h2", { key: '4ee8776884ba4527e4ab6acf9255bc24ceda264c', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '6343a2a36120fd60a46c4a0d72096db778298d43', class: "col-12" }, h("form-control-text", { key: '26d4b151d39d0fcc100fa4494a5efca07905d152', 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: 'd9f2a4a6c66c32765a36378669b02faecbca070c', class: "col-12" }, h("form-control-file-v2", { key: 'f3284b4fc35f68e1120960e4728f0e8f472920fa', 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", {
         "disputeResponse": [8, "dispute-response"],

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

@@ -54,10 +54,10 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: '85a09c6f209dbfbf3fd319953e65c189a9b7459b' }, h("div", { key: 'e133720b466b49bcdfd79bf84e865b4d99d5d37d', class: "form-group d-flex flex-column" }, h("div", { key: '80e2986fb137ab7067451a9c62e685e340e32976', class: "d-flex gap-2" }, h("label", { key: 'c6402fdecf21a836987b5a8ddb597d90e21a1926', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '314f8cb1d8715da046c47b66815bf37c1506ed3e', helpText: this.helpText })), h("input", { key: '5591aa3f855ae88394fabaf127ae1fe587c7e0a5', 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: '04fe677b669177d1ea7d4e8e426d190b74118a02' }, h("div", { key: '9b1479566eeba80113ccf466f8eaf56efce2da47', class: "form-group d-flex flex-column" }, h("div", { key: '81f2620f428f5d9c7caeb0973dacc942337207b2', class: "d-flex gap-2" }, h("label", { key: '8e483165943647e63dcf2eea780582f0ea77dce8', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '44162246cc52b4e6600b1c1399de588d98d28a15', helpText: this.helpText })), h("input", { key: '87cc9774e38ff9de3067c9f750afc6312eb72993', 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: '39864e02b813e9a4a46f9d42c5288dea14f934b7', 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: '8a34b1155e7f0e732de278f61bd8eef223bf69ef', 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 FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '9ae20e0fa6175e68642be79ada4f3464631be680', exportparts: "label,input,input-invalid" }, h("div", { key: '607cd1269298725d8f4300f1b56adb945c361067', class: "form-group d-flex flex-column" }, h("div", { key: '5490713d71075bf5a273ec1e39d3a7db525d11ff', class: "d-flex align-items-start gap-2" }, h("label", { key: '1fcac0b30532d33c296884133991d72dfdbddd37', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e06af0a48fb6dacc82f3730fb7f39b180a3375a3', helpText: this.helpText })), h("input", { key: '7ec47dbbad4a53b3ac6f513e82c67c27ce54498c', 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: '265cfe1af1dcebdca02b538872b4f2c4a6c57309', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '852cd7deb91a1305b0941c90f1ea0b00ee2a9f69', exportparts: "label,input,input-invalid" }, h("div", { key: 'd1c094c73bb6414137f5e1acfd38c0048debef27', class: "form-group d-flex flex-column" }, h("div", { key: 'da46f17f893e4c9557725294404e2451f001ffec', class: "d-flex align-items-start gap-2" }, h("label", { key: '1197fab50023e2028d8eb18a40e7675c3cb88283', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e0834b634350912a26ce08f0d5f1a2dca824cd9f', helpText: this.helpText })), h("input", { key: '98fad302f019cc8abd081834ae006f406d457d5b', 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: '71c5a49575314fca8a6f4434c0634a3cdf82b084', 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 FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         return part;
     }
     render() {
-        return (h(Host, { key: '8172f7df27c42c6d5211d29ef595dd2e4dbd9def' }, h("div", { key: '99740d980c280502242ee1cdcee2a3df6ba53146', class: "form-group d-flex flex-column" }, h("div", { key: '5fb94f2b710d5fd734172ee91b59621d736e129b', class: "d-flex align-items-start gap-2" }, h("label", { key: '12fedf016c7d789fad8692c7ae03975481964005', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '6d59be5a27d3c9a171292244fc9e9bb598b9ecce', helpText: this.helpText })), h("input", { key: '64c7d9eaa46f95714d5527cf94d28c206065a411', 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: '5dae73a138845ac8e08102905fb9ccae526519b5' }, h("div", { key: '38fa7c7c23abf18530a1508e93dee487382f8456', class: "form-group d-flex flex-column" }, h("div", { key: '3c90cfef275acbc2383f3af046b342408e524659', class: "d-flex align-items-start gap-2" }, h("label", { key: '65af257367512c58f75bff6ecc09248148c0929f', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'd54ddf27dd6197f52487e342963e442dc04aa459', helpText: this.helpText })), h("input", { key: '033108ddee4cac2aca98bcde260ab391e24b8ce5', 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: '9610c0676934fd616fbdac08e98a102240773084', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '81aec26bc0781bbcfe531d37c0dd4bf6966ef9ce', 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 MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
         return input;
     }
     render() {
-        return (h(Host, { key: '9fcce717caf2a14382e8a66c07a023ec31bffce0' }, h("div", { key: 'a5ef7195ec5904764f69c2987b1d1878a2d5be8d', class: "form-group d-flex flex-column" }, h("label", { key: '75cf2a0d4790426df3956a69ea2483aba3e232ec', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'daabe1b4779cea9af67b5bafcc8244d32bcc4775', name: this.name, helpText: this.helpText }), h("div", { key: 'fbe335cf9e131842e9218befcf51535d1012f4f1', class: "input-group" }, h("span", { key: '389b0a9697af6e81b350c41956bc36033dc151a2', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '28a854f05c8a2476002b22baf5c5958fac9a4ec2', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '2c0e7cdc644343a61c87852733ee805739ecaaa1' }, h("div", { key: '998eb7ec3125af116e876e837982d2f37285ce4c', class: "form-group d-flex flex-column" }, h("label", { key: '90cff5cbb09cf4f39c04c12c10eae45a6ada97c5', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'be23587b830c4e6e96abcd53a78108543c5ad1c4', name: this.name, helpText: this.helpText }), h("div", { key: '6f47b9e86f4af9c641f26dc631fabc917bc06e8c', class: "input-group" }, h("span", { key: '0e39a178edf94795851c0c52dc054a8a61c2643b', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '8bb615087578002c9990dbf7528536ae2cb7aa01', 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: 'cfbdf17dcc9d55951ec39951f236cb0a5242e8cc', 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: 'd97f18500d2fe6cf23bad8a872f1d0e965ccb114', 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: '6fc95da2f8a43f319b11205b6d27b5e24b1e2586' }, h("div", { key: 'b51ae7976fee61e38d6f00f31cfaa835733db5f3', class: "form-group d-flex flex-column" }, h("div", { key: '16aed34d97424e168fa74d1fdb5757537f56b4b1', class: "d-flex align-items-start gap-2" }, h("label", { key: '7b1fdf28df1ab377b1b756746fb73f42085baa42', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '391b4373fcb966ba8c65c617167f044bd0d901f1', helpText: this.helpText })), h("input", { key: 'fb893ef4da1e43f72031baef93aa2c5a3a1632b9', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '8e8abaf2afd497cf83ef9661374606b899c0f730' }, h("div", { key: 'b9281582a6dc56d34e67541ecf7eda264d911f97', class: "form-group d-flex flex-column" }, h("div", { key: '41816d8d12b7feca244efee7df3afae3594ac687', class: "d-flex align-items-start gap-2" }, h("label", { key: 'c41b28d631cccb4f21ae61763e7afbc866475cc6', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'd665eb4abc33a53389d9417fa83b8bff46af90ef', helpText: this.helpText })), h("input", { key: 'fbfa6e0768f52ad5e5a92609e9cb1d8c8bd34966', 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: 'b67a3581cb5058971fb2f356a181ca8f0de2a9eb', 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: 'db0b75ce2d99e1707b383c0d443416b42f4b620e', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -48,10 +48,10 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '3438aa7e29c62b01f202cfb83f3b23c6b71d9a83' }, h("div", { key: '2af4fa9f963e16f68fe0d3a4a7ff73165946306e', class: 'form-group d-flex flex-column' }, h("label", { key: '1d7bf268b70b9be39256020873978aac019a17b7', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '4dbb9f25278df06fd483e25ba4d9855943186090', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '7d26854332ed1db6e00ee16ec336e409d250df9e' }, h("div", { key: 'f32c52eba6c4248318713da7f18e3f10f3eb11f0', class: 'form-group d-flex flex-column' }, h("label", { key: 'c3ecbd98d9e29692715faa68c9f432df76a7348e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '4eedd84af0d8520271bbc0fcd892d0ca1115d20a', 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: 'fd72f2218b307641bcb8f3584f3b5db11303cfff', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'fb9c995763d6c3193777586a1cb485447323cd98', 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: 'a2692df1434bd7202f8ab5062d37ec309a1c6405', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '958a10550de7a048fa17055cf35ac344fa1b77d8', 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 RadioInput = /*@__PURE__*/ proxyCustomElement(class RadioInput extends HTM
         return inputRadio;
     }
     render() {
-        return (h(Host, { key: '4c7fb3b2ece714d07e8b4b8ee7745591d40554bb', class: 'form-group d-flex flex-column' }, h("div", { key: '63c62c7ffa6af6a092b1f526251406c0f08243d1', class: "form-check" }, h("input", { key: '1835d67a41dfab9abd3465c2a072303c9b7ef22c', ref: el => (this.radioElement = el), type: "radio", id: `${this.name}-${this.value}`, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'fcb9bd7844b2e2f2e6407a8e61518c6ace87a5a2', class: 'form-group d-flex flex-column' }, h("div", { key: '189a20da8a1731e58c6acfefc1b9ee3c69fab51b', class: "form-check" }, h("input", { key: '10d4f36dda13f27ee7e142b5e7f6d968a959fc99', 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: 'a06621a85f0d2c7a4db4ebabbbf8dfab45c9f4a3', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '9d2c0d198f186946ab585ccc1488cfdeddfef211', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '7245f045ebf9c7633eea9784ad9b5348b06a0f93', 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: '3b197897facca29a319ed9837657e9f21b1bbf5b', class: "form-check-label", htmlFor: `${this.name}-${this.value}`, part: label }, this.label)), h("form-control-help-text", { key: '9a6916c08a3a36ab071d80d62465e9278aa7ab97', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'ef989f755e5abd3d4a4569fb31dcdb534b0ceee2', errorText: this.errorText, name: this.name })));
     }
 }, [256, "form-control-radio", {
         "label": [8],

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

@@ -47,10 +47,10 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends H
     }
     render() {
         var _a;
-        return (h(Host, { key: '649b0ca4cb24c5a179ac01db344d53ac4481dbbd' }, h("div", { key: '1976f3076b0cd47ead27e9acc9c71bda01623e56', class: "form-group d-flex flex-column" }, h("div", { key: '1610a472997ce0d6c8bb8e3e9e43096cfa442dc3', class: "d-flex align-items-start gap-2" }, h("label", { key: 'a25d6b0d6d2b51d8e2c61afe945eb9fe3ab0e6d6', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e9a891ffdb7910ac1ac6b94e98042e87f4ae0ad1', helpText: this.helpText })), h("select", { key: 'c56535aeb6701fbcb21fc64fdf449f23f8ea8876', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'b648fe3ee0eb7a0ab3193a4a2af2bd3ff0259c67' }, h("div", { key: '080b8394a2372987e60c6a2a5f12248b6757f0c0', class: "form-group d-flex flex-column" }, h("div", { key: '3dc9a2e4149bfeb4a2149e939a7d6a5c23ac7a1d', class: "d-flex align-items-start gap-2" }, h("label", { key: 'e75008716af1607f78b86d094c8437f249e232f7', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'f11fbd1bc45491db16bf50b767d9de64e3061aca', helpText: this.helpText })), h("select", { key: 'caa48e738c2539f157aeaaa246be4b828fd1dbb7', 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: '441e66367708e5653b483acd6a9834da391a6a0c', 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: 'c3f9c19129e0cdad72e567b7edc036ab9f686a5d', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -48,10 +48,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: '5f8effb66b11a0569925e7160a32f043a62f8888' }, h("div", { key: 'bf4b6f85fbd183845daf41768b0c5e9e69ff2961', class: "form-group d-flex flex-column" }, h("div", { key: 'cc0b6e98179b9492602b8fbbf7a31e852af7806c', class: "d-flex align-items-start gap-2" }, h("label", { key: '42a660902f9d062bf461cf51618863fc9cbe6d96', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'b2d8dfaa3ead8544d6ff9c29b990de936ca73fbe', helpText: this.helpText })), h("input", { key: 'dd993e2c00a5ce2d08b3de5ef0b37bb35183c90b', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'dd36cf4579d1509c825cd204680df5368b73ee81' }, h("div", { key: 'b132778abe33e23ecb769dbc8ac5e97ac3b55816', class: "form-group d-flex flex-column" }, h("div", { key: 'ee12f7b5281b930aa180b9a29653cb32eaaf642f', class: "d-flex align-items-start gap-2" }, h("label", { key: '3ed5821ff735cef7bea9782c5d013848e4ce3c43', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'd2efd753e723f51cab216c9f571ab9b41500fac7', helpText: this.helpText })), h("input", { key: '34c413363e78224da4f69cca441ec8b5766d19ed', 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: '99b4246d2be3389bfc4b790f6aebfaef193942d9', 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: '2707a89236283522ef8b35ddb371e302fb17d00c', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -50,10 +50,10 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         return input;
     }
     render() {
-        return (h(Host, { key: '361916c679e9bead548bb19080d7365a83dfe444' }, h("div", { key: '5c562f95399854ad9855281067d90b5378b10f36', class: "form-group d-flex flex-column" }, h("label", { key: '93617701dac9c5e181bfc781336fa88341731b9b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '342904cb39293458fb7fc2c951539e39f7eaff8b', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c2f4587d1cbfdfea257b5a6649f6cf4f59bedff9' }, h("div", { key: '381c1aab5057b7ba2c736fb4fecdccfe40ee2d5e', class: "form-group d-flex flex-column" }, h("label", { key: '4bb62b512792bd76d9dc3ebadf06c2a35cf474f7', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '50e0c18dd7d18675f6c947ee8136856dc535c580', 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: 'fd9b7d6b6eab0a78d92efb06d0dcdb3c07ed69f0', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'e5250f3229a5b1315b5a0bcf93512fcfc52ce5a1', 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: 'f90c3f3ccf76277c433b93d14196b41e9447246d', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '281a97d333c2e383a73aa016cb88ee71dcb85b2a', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/gross-payment-chart-core2.js

@@ -11063,7 +11063,7 @@ const GrossPaymentChartCore = /*@__PURE__*/ proxyCustomElement(class GrossPaymen
         }
     }
     render() {
-        return (h(Host, { key: 'a5fc2c7a59a015170ffd465ece20c3c8cd8ee99a' }, this.loading && h(Spinner, { key: 'e0f3cdf534e3e907c56575ceb46976e315ef574b' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '22e858d2d13aad7ca2df6c92e60189122ecfe5c7' }, this.loading && h(Spinner, { key: '243905dbba7552a52762026198c3e91861d13b59' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/module/hidden-input2.js

@@ -92,7 +92,7 @@ const HiddenInput = /*@__PURE__*/ proxyCustomElement(class HiddenInput extends H
         return input;
     }
     render() {
-        return (h(Host, { key: '05cefc92dac95360d470070c64fbc0318c666214' }, h("input", { key: '02c9a6001a394b96cbc09b6d906287b81c20e98f', 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: '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' } })));
     }
 }, [256, "hidden-input", {
         "isFocused": [32],

package/dist/module/iframe-input2.js

@@ -1619,10 +1619,10 @@ const IframeInput = /*@__PURE__*/ proxyCustomElement(class IframeInput extends H
         return params;
     }
     render() {
-        return (h(Host, { key: 'ebf24e9c73ea9a7f352dfc7368678117144745c3', class: "form-group d-flex flex-column" }, h("div", { key: 'e88393af9005c217ad3cc2504e8285629339402c', style: {
+        return (h(Host, { key: 'e85f5a2417ccc46ac8df23a695c6ef3fcd71577e', class: "form-group d-flex flex-column" }, h("div", { key: '02878f7fb1e720aa97a67e72d5f1711e0fbd0668', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '47591ac9c82096e9bde5b5706b08c9dc8461788b', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'b39265660ede091bd365d983a702202469adab97', 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: '12354fce7a91119a17d577df02c2f627ebc10b98', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, 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 => {
                 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: '604488d6da7e2ff87e24e3eed0a77b3a6231106e', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: '73c34b9ab89a21e6b3203904988bf8a542eb01f8', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [256, "iframe-input", {

package/dist/module/internal-tokenize-payment-method2.js

@@ -278,7 +278,7 @@ const InternalTokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class Int
         return paymentMethodType === PAYMENT_METHODS.NEW_CARD ? (h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (h(StyledHost, { key: 'bb6a2e0eec485c96a756c504a278670804be0634' }, h("form", { key: 'f12f65c8fbe45e86418be9d3c2ff1107e292c86d' }, h("fieldset", { key: 'becda77faf80fd8b1e6d967cc4ead3d4adc3b6e8' }, h("div", { key: '0419c1843747f59e68800ae3e2c78096b32605b0', class: "row gy-3" }, h("div", { key: '8724f40a13bc62808f6e99cced2f8d7419b22d53', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'ec9c0e2f6a85976d68e3dc939cd2826bfbd840d8', class: "col-12" }, h("justifi-button", { key: '1c4b6a83c8357e15eaba071ea2fb8ba82b4c978c', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (h(StyledHost, { key: '86d79320ea44f9e791ab91739075d160769743fb' }, h("form", { key: 'd8b62d8d0442085822a51eeaef816809e2bd1f05' }, h("fieldset", { key: 'c792bba0b82c19f05ce551b95157479d407113e2' }, h("div", { key: '57e93910091e25344a371ac081aa657c683049b4', class: "row gy-3" }, h("div", { key: 'bc63e26c74b247ec4d5d5ee9510d8370b9e36f17', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '1d9acd0beee80e8b339204d7328a0d2e9078b9a3', class: "col-12" }, h("justifi-button", { key: '18a968b57420f0690e6f6c98b5e108f769b61d4b', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return this; }
     static get watchers() { return {

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: '5f92a2a58c0828c78818f0055dc2692857730788' }, h(Button, { key: '541fe7cc24e137cf55fc470b16f3aa8c47eee0d3', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+        return (h(StyledHost, { key: 'b9a4be42df1dbeca39a2c310ab6375cc2c1946f3' }, h(Button, { key: '04bfb3aaa6af8b2dafa07dbcebaf6b7a03a07442', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
     }
 }, [257, "justifi-button", {
         "text": [1],

package/dist/module/justifi-checkout.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { c as checkoutStore } from './checkout.store.js';
-import { a4 as checkoutSummary } from './parts.js';
+import { ac as checkoutSummary } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';