@justifi/webcomponents 5.4.0 → 5.4.1

package/dist/module/business-representative.js

@@ -37,7 +37,7 @@ const BusinessRepresentative = /*@__PURE__*/ proxyCustomElement(class BusinessRe
     }
     render() {
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (h(Host, { key: 'f6ec629438bef335e9a3e04fccc0223f7bafbc26' }, h("fieldset", { key: '82eac6e79e74cbcc76438fe3180ef1af9ae467ac' }, h("legend", { key: '31ca1bf5cc4e8eea0c28a690b28637dcd42ffa58', part: heading2 }, "Representative"), h("div", { key: 'f9e554f72dfd3f0dec491158ad83dd47baf6d6cc', class: "row gy-3" }, h("div", { key: '79350e59178a94a5af9dbacf13ed6b20fdde8d73', class: "col-12 col-md-8" }, h("form-control-text", { key: '78ce85dafde41cd8343898baa4ab802ce2f2d166', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '0b145987fc92bce37bcf3543b544754ed77db31e', class: "col-12 col-md-4" }, h("form-control-text", { key: '7d49c2ee8b342ca631cf55f57f529a77bd7c6e3f', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'a5c758e42bfed677f38b18298e550d1cbb753f3d', class: "col-12 col-md-6" }, h("form-control-text", { key: '5e0e9672443f2b1a7b0b63b95d007c29eae0c64d', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '32d63091cdc630f5d0908ff17f0cea17685ecb64', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '975381119e6dc8de8caf969c432ab498b600c156', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '86095ab1f1152242fcd68ad153e38b1d7f1ee98f', class: "col-12 col-md-4" }, h("form-control-date", { key: '361690e38df5bfe260bfaa200856f6e41c0c624c', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'b0a24f235e569fe65b518871fe90f3202a4c9666', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '54edaef9d4fed9e5dc2f6743e8168cda6e01c717', name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: 'efa8fb991a119b6640d876f48cca69fc19d19301', class: "col-12" }, h("justifi-identity-address-form", { key: '50b7dcee0b96a38de05d04fbae8b986bb755c888', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        return (h(Host, { key: 'eb9c09602a11107abc465463bf7e7cdbeb98cede' }, h("fieldset", { key: '1f2a035f9796c29269a7dcd7ca874c73ed6493bb' }, h("legend", { key: '1aeaba7f119f15e1ffa75cd58d77608fe51a60c8', part: heading2 }, "Representative"), h("div", { key: '5d09c634135046c79b4ac80b5c1cfee9fbd26ce0', class: "row gy-3" }, h("div", { key: '6f03250bf88cc79ff07a1de68fef97a41a376aec', class: "col-12 col-md-8" }, h("form-control-text", { key: 'd6696ab573a305e277db56a578eaeb3fc4adf9ff', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'fd6ddc83d99b4f86f29566077249a23724741438', class: "col-12 col-md-4" }, h("form-control-text", { key: '632b12a09042ffdaf85d2fafecfab1736bbc8d36', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '65842c9cb8c616806631bd1d2902342cebf5326e', class: "col-12 col-md-6" }, h("form-control-text", { key: '8e1f64cc7f97e4b337dfcda6494fca5750656130', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'e050604c8d71e1d07f916822fbb73da4c3f5e034', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'a5bba8b362ce6070efc65e88ee80880ce855e624', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'dcbd23ab368e630ebaea9e8bdbb6985a98d5fbeb', class: "col-12 col-md-4" }, h("form-control-date", { key: '05e0e255549ad8f0760102aab5cbfe444cae5996', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: '764595ed842fd09221ef71d5c921a9ebe947556d', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '91761e52dd724a27e135a3db8b7c85643f7891d9', name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: '4be6739744d6d9fcd060ed9d894502f35396a9a9', class: "col-12" }, h("justifi-identity-address-form", { key: '7c9d98057e908a068aa0783b10b2bd0f634d7ab9', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
 }, [0, "justifi-business-representative", {
         "formController": [16],

package/dist/module/business-terms-conditions-form-step.js

@@ -139,7 +139,7 @@ const BusinessTermsConditionsFormStep = /*@__PURE__*/ proxyCustomElement(class B
         return (h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
     }
     render() {
-        return (h("form", { key: '37500e35233a820f521ee503fc638335a2f4866c' }, h("fieldset", { key: 'e2d1005578397a07b9e876c9a5996e515831c61b' }, h("legend", { key: '46918bc1bd20bb56d4e4882ae3ad9b29e3f6e319', part: heading2 }, "Terms and Conditions"), h("hr", { key: '904dc58480d9e879fcb462c861a3e398d4dd88b7' }), h("div", { key: 'aad73d0a9beddf3487a19bf2af65684309b411aa' }, h("p", { key: '10d9f2ff569e4426aaf1563a98838d89636029fd' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: 'dfb6de0078ebbbed103e7b901da879d5ee4195a4' }), h("div", { key: '4899d9b2a0c85e6d26bfd6e3d35ec1dd38f814e2', class: "row-gy-3" }, h("div", { key: '011ea552aa484fc1d6a159fb58a8fe7383887584', class: "col-12" }, h("form-control-checkbox", { key: '461b491715ed88e92795c7383af3e351e4d9d046', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
+        return (h("form", { key: '5d9a216a01873d989cb24057ad4c2411c1ba3654' }, h("fieldset", { key: '6de8bf419bf4bb246346edd04d6d3a195e50fe77' }, h("legend", { key: 'a2b33f3531d30ffd6df9d2b5c161ab3f1086c781', part: heading2 }, "Terms and Conditions"), h("hr", { key: '0346c558c6791e1e727579ab9fd5783c79c0c3fe' }), h("div", { key: '6de71742da5a7de4b4273b9e08cc314c8842c2cd' }, h("p", { key: 'cefd9dec798ce4bc1f5e56b33bf4a37fd4e79edf' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: 'bdac3db844cf98fe77e7599eb5176175f291b371' }), h("div", { key: '9a1ba461f721fa1c376a57964a1211abee7bd36e', class: "row-gy-3" }, h("div", { key: '208c201f35bf0179a5cc06efddbb7ba4a1c65e02', class: "col-12" }, h("form-control-checkbox", { key: '42e8a31b2694f39ca843dc8a865f0c0bad43547a', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
     }
 }, [0, "justifi-business-terms-conditions-form-step", {
         "authToken": [1, "auth-token"],

package/dist/module/business.service.js

@@ -1,9 +1,9 @@
 import { A as Api } from './Api.js';
 
 class BusinessService {
-    async fetchBusiness(businessId, authToken) {
+    async fetchBusiness(businessId, authToken, apiOrigin = "https://wc-proxy.justifi.ai") {
         const endpoint = `entities/business/${businessId}`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).get(endpoint);
+        return Api({ authToken, apiOrigin }).get(endpoint);
     }
     async patchBusiness(authToken, businessId, payload) {
         const endpoint = `entities/business/${businessId}`;

package/dist/module/cancellation-policy.js

@@ -41,7 +41,7 @@ const CancellationPolicy = /*@__PURE__*/ proxyCustomElement(class CancellationPo
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '6dc5100426e8e4124d19a375250f85f8e15b28d4' }, h("div", { key: 'fb950108be5fd4096a7717c88943938261787f99', class: "row gy-3" }, h("div", { key: '08f85a06288e19939a16d3fa52ef3b3199c56f36', class: "col-12" }, h("h2", { key: 'a585b93921814b1ffbb95c6f9c1de37d4104049b', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '3b7c620518006738d2e36863b62a72142f167733', class: "col-12" }, h("form-control-textarea", { key: '70a76160b0d29648a9e0598dd5b867a382935e03', 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: 'e06d4c794bad47e366ca702e764307fdab5e33a8', class: "col-12" }, h("form-control-textarea", { key: '1b783920c5a5b94bff60d4b061cc7cc6666cc184', 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: '3cb3371c1d3727e55140ea60a0cff96bc0f42702', class: "col-12" }, h("form-control-file-v2", { key: '738a456bf4653240180963fa7e5ab20a7a4add7c', 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: '7b4cf555fd1fbfcc99aea27f60a507daa36f6ee6' }, h("div", { key: '0751a543b921a2fa8bb25e68e71c1cba6cc5229f', class: "row gy-3" }, h("div", { key: '9e4043494f5804e92af66b0f4595137f741e9556', class: "col-12" }, h("h2", { key: 'a078ec09adb7197ac0e5260ca220d868e746773c', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '814cacdfbc107e848dcf42bacb744f8b7819c248', class: "col-12" }, h("form-control-textarea", { key: 'aa867ea4cfc3d7c436e481a829a1ec779f3281d8', 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: 'b8a6851094599ed3683f3c14f18305ff0a8ed557', class: "col-12" }, h("form-control-textarea", { key: '8292b5808ad9af2f36a4306cf0bd67b9183cc144', 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: 'ee80c2f43bc56563221fcd892130c2ff6e492dcd', class: "col-12" }, h("form-control-file-v2", { key: '4ddc23ba32d324552c16fd20aff18e117cb22831', 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 })))));
     }
 }, [0, "justifi-cancellation-policy", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/card-form2.js

@@ -55,10 +55,10 @@ const CardForm = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLEle
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'a97247efa8298a7e4c3498690974e482e36ae966' }, h(CardFormSkeleton, { key: '52f338782020b5926377c9968bb85364ad720c68', isReady: this.isReady }), h("div", { key: '7cb7e827c407a18e09c1e0c925896644032428b8', class: "container-fluid p-0", style: {
+        return (h(Host, { key: 'fdbbbe01ef33117408fd49e1b478a6c3f0be56a6' }, h(CardFormSkeleton, { key: '859d45e5e9aa80f999aeece561e7d7971289786b', isReady: this.isReady }), h("div", { key: '586ca0f390ed57f34432930298662d2f85341dfa', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '9a49fd64a1464ae0ae032883bd79c8a7e9c5d4b3', class: "mb-3" }, h("iframe-input", { key: '8778a816cbbd96f5b0c7e8f3364a704bd7aab2d8', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '53ab4f9f636acfa72744cd5d364a4ae3a3c732d4', class: "row" }, h("div", { key: '01aec684cab29a4aa24839acfc3ecc9e914c9911', class: "col-4 align-content-end" }, h("iframe-input", { key: '9c87ff44375de2d46028f2532a33856cf608c6a0', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: 'bc9176ebc7561c7cc0b654e837852a18c1b49f60', class: "col-4 align-content-end" }, h("iframe-input", { key: '5f6b133bc5ae94f912648d210a6e58dd4fe1e880', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '404c90decbac6b142b45c21a2997c0771bb59092', class: "col-4 align-content-end" }, h("iframe-input", { key: '1b9e89656a437b080fbf92b4ebd74772ae1f26f4', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: '61f374b426d49a29f16ca1d56d5d9e82e74f12aa', class: "mb-3" }, h("iframe-input", { key: '965ad04d1ea086a026917078f7e8fc7b24d2c02e', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '0485b76a5b5f2d524eb942a7a36e534953730a4e', class: "row" }, h("div", { key: '9ffbe45585e6989e096430310dd21d5e31f1aa2f', class: "col-4 align-content-end" }, h("iframe-input", { key: '5fc0327c43a2823245261391074aba703791ecc7', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '22090d11cf2e4f017db46a7d2525f65d1e85a469', class: "col-4 align-content-end" }, h("iframe-input", { key: 'a7b220a1081a241663b71619dad519611c2b98f5', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '9b6b26802c21b0b73fe71f251a584f33bed6179f', class: "col-4 align-content-end" }, h("iframe-input", { key: '59094373c4476437645d96779d65d5cea3f690d0', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 }, [0, "card-form", {
         "iframeOrigin": [1, "iframe-origin"],

package/dist/module/checkout-core.js

@@ -153,7 +153,7 @@ const CheckoutCore = /*@__PURE__*/ proxyCustomElement(class CheckoutCore extends
         return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "24px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("div", { part: text }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), h("div", null, h("span", { part: text }, "Total"), "\u00A0", h("span", { part: text }, formatCurrency(+((_b = this.checkout) === null || _b === void 0 ? void 0 : _b.total_amount)))))));
     }
     render() {
-        return (h(StyledHost, { key: '8f7bb796cec8a51b3a871ecc6f1d040636103503' }, h("div", { key: 'f616c1705dd8d9da854b496d5b028cebb4c88ce5', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'e374110371f020c9de996f4ca3932f7535e208ee', class: "col-12", part: checkoutSummary }, h(Header2, { key: 'aa9227b3ff49dc43c6a42d1988ec0669b298cef0', text: "Summary", class: "fs-5 fw-bold pb-3" }), this.summary), h("div", { key: 'e8e9cddcc4cb11c6d7c020c1dc18d7b5bfe457c3', class: "col-12" }, h("slot", { key: '69e623e8c23aec6f49430b395f86d7134ceeddc9', name: "insurance" })), h("div", { key: 'fea072a50acb658433a36d8234b27c1fd8415dc4', class: "col-12 mt-4" }, h(Header2, { key: '9b0a5c9e5e7db31a6d6cfda87cad18786d638bd9', text: "Payment", class: "fs-5 fw-bold pb-3" }), h(Header3, { key: '2eeae1935b2b238573be4bf1edfc5d80700d9c80', text: "Select payment type", class: "fs-6 fw-bold lh-lg" }), h("div", { key: '5c9fd0558a37ff903ec7137beeb3c49d406bcd1d', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: '2538670c227dc2e96c43d878ae09357a72a7e267', class: "col-12" }, h("div", { key: 'b51e39da64972578815a2cf0cf5342d292edaa45', class: "d-flex justify-content-end" }, h(Button, { key: 'abcb099a4ad152a38d05d99781e02292efd246e0', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
+        return (h(StyledHost, { key: '5a3131312064d08358320f15562cd3130f125c4c' }, h("div", { key: 'a048e80b026c9cebbed53fac3acffb3db49599c2', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '2c99697464195f90d96cc58ad68d2fd6147b80b1', class: "col-12", part: checkoutSummary }, h(Header2, { key: '1b49acf33c004c11554825f5cb1341a3224c452c', text: "Summary", class: "fs-5 fw-bold pb-3" }), this.summary), h("div", { key: 'f7513e8c9cb88f77cddae02c299e66435863ba72', class: "col-12" }, h("slot", { key: '0ae73bf9497ac5d458a816ede988f6176cdbc30f', name: "insurance" })), h("div", { key: '4395884ff39c9e2919af1cc8328a66aa409f5389', class: "col-12 mt-4" }, h(Header2, { key: '26b5631b8c3fc3f8bd2cf8c6b5fb14db49e5e187', text: "Payment", class: "fs-5 fw-bold pb-3" }), h(Header3, { key: 'abb63414930c847d1db7680e81bed30af974344a', text: "Select payment type", class: "fs-6 fw-bold lh-lg" }), h("div", { key: 'fdbbbfa789f092d9f90ad15f755d529d399e2bc4', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: 'a0d8329b680e6a30da5d5a11b51e2e1018068674', class: "col-12" }, h("div", { key: '40f932b56cdd2e68bf2a1e023939d3ce7764eedb', class: "d-flex justify-content-end" }, h(Button, { key: 'c98e7e15f6258a700c3dc96003048f3b5c84e582', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
     }
 }, [1, "justifi-checkout-core", {
         "authToken": [1, "auth-token"],

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

@@ -182,7 +182,7 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: 'ae6d3dfefad89fcd28b2ad883a1d1172fffd2218' }, h("div", { key: '91329a7880cd774c71cf30722b7be49b8a0109e9', class: "table-wrapper" }, h("table", { key: '75f974cc2140089a7a42738ef0cd3bd67729ca8d', class: "table table-hover", part: table }, h("thead", { key: '6aaaee8db285ca1b94cea662f62a51040f2a0f06', class: "table-head sticky-top" }, h("tr", { key: '68215e0698b97a8389083a521bd8a493c410a196', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: 'b3aa9bd464fda772fae2e191e1cc4f4612bd514b', class: "table-body" }, h(TableLoadingState, { key: 'a874602fb597ee55def35b80474bd2228b918200', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '8c30048e8766be8ca14fbbd6f990aac019904b26', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'c567bbca2ebbdc42dcfa6c07ae2c61b538643cb7', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: 'f02cd5b963f2c087b1a8ab60f25f6b1081e735aa', class: "sticky-bottom" }, h("tr", { key: 'a651ab932931db6a4ad42888a9b43e7b89a58495', class: "table-light align-middle" }, h("td", { key: '1fde503bccc4e79454d5786fac8f82bea67618e1', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '6237a008bc148f44aa7e159d530470c5114b32e4', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: 'f94305b4a7c89d0d675e336eaac39c23328c9d98' }, h("div", { key: 'a43bbfee75303e2f88f6338933b0680e024d03fc', class: "table-wrapper" }, h("table", { key: 'd689db93b4d812c64eb074b0322e5ffc9087ec9f', class: "table table-hover", part: table }, h("thead", { key: '57f3a2e2f14af58787f9a68cbc12caf28834eea1', class: "table-head sticky-top" }, h("tr", { key: '7918b371db5dc1cd959e58a7be212faacc6e8f2c', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: '7ad39d5e2e91956d5c8bb7626e050ec5403c5aac', class: "table-body" }, h(TableLoadingState, { key: '327b6dc83a4937cae7e356185613006630b40884', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '559bf67b3fb6b959b0114a6e50a8b3ac00d518ac', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'f5e277558e63cdb335b52aaa162d7818850ca421', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '7f34a1d78f45d33f95a2c23904ac0741124b9316', class: "sticky-bottom" }, h("tr", { key: '4f91985c1ae00640ef3d29b20e9cb28240f36c21', class: "table-light align-middle" }, h("td", { key: '75d32d3c6ca4882d8e50e44a13a4081bac4c9515', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '81ec71b698e4ae3739440c7439125124f68086e0', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/custom-popper2.js

@@ -1876,7 +1876,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '0da182c59e8285f0ab76d2f667218c378a402518' }, h("style", { key: 'a5cec35dd7cbe6474627f22837703e53711c104b' }, `
+        return (h("div", { key: '8c840ff88bde2fd2cb7be39772e2b49699d32844' }, h("style", { key: 'b5b1bd1fa8b6f6c76723d014bf96e2ee09fe60f4' }, `
           .popper-content {
             display: none;
           }
@@ -1884,7 +1884,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '657fcfafffda783f7b57af10256fb45c7c8720c9', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '4cf71afd1ef0e9a24a7d56c118e420d27de31e26' }))));
+          `), h("div", { key: '80b0e169b33d6679f372f0d34cd2320013485e10', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '4892f58a1fb5a98212f6b651f4cecc03ad7c84a2' }))));
     }
 }, [4, "custom-popper", {
         "placement": [1],

package/dist/module/customer-details.js

@@ -43,7 +43,7 @@ const CustomerDetails = /*@__PURE__*/ proxyCustomElement(class CustomerDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '70e29d650d5304522f927c15b4eb5e62e203c5e0' }, h("div", { key: 'f50422b29cb2a4f3bca911ced94dc681adb3fc41', class: "row gy-3" }, h("div", { key: 'f29816d9281ea4c4db5018d3b7edb1600569357a', class: "col-12" }, h("h2", { key: 'a2889c95c293bf0bbf97c16e4486e307ca87729c', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '9cd45719434a1740f67b73c13fd08e0fe562168e', class: "col-12" }, h("form-control-text", { key: '5a30a3aef7fbe2d3013c46e43a437724dae41213', 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: '9812e1f9f6df949b9f15b2c3f28857db7dcf5cb7', class: "col-12" }, h("form-control-text", { key: '10b146053a399039e8dbd42c3cab53b4b55c0ec3', 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: '2742a0922a223bd60d6e3d08a55190742ecf5112', class: "col-12" }, h("form-control-textarea", { key: '41491e238c75716520d747cbf9f1bcc329a2d686', 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: '71074f31e565c24107b91b04d9aa16da77ba618c', class: "col-12" }, h("form-control-file-v2", { key: '17f70cf96927b01e65430e13c2d21209e9170603', 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: 'ec696695191e68c7ceb0cc41f99f9e53f2d59da1', class: "col-12" }, h("form-control-file-v2", { key: '562ff8b3819f536d491f2e2e55a85a55fcda0e1c', 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: 'b7f6a56dd2c1ed9c489c9af51be7cc51645c798d' }, h("div", { key: 'a3c9a1fb87739dfb1c02ec651663ed27b75a3b39', class: "row gy-3" }, h("div", { key: 'b0a978ee641386f8bddf52787b39371a5279be68', class: "col-12" }, h("h2", { key: '51d722637868f1b380d7065edcc7ee8421eeeacc', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '5b4843b8391cf38b3322d9a4995d02cd81af95e2', class: "col-12" }, h("form-control-text", { key: '5c8725f1893aad3007552a72f928143b3a2cac57', 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: '20529807f6b93411a2dbcf6cf0894b084d2e854f', class: "col-12" }, h("form-control-text", { key: '22c89513e4744a745f91602a8311c64c9a7840ad', 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: '728c483456c7fd97d54368b9d0bf0a046ee1e169', class: "col-12" }, h("form-control-textarea", { key: '128222a80fd9e716dc20de70d3bf33b42fc147ab', 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: 'e55c1e358c4fe57f118d13b07b6109a1d97d6c8b', class: "col-12" }, h("form-control-file-v2", { key: '00a057cfb9b9813004634dda61e047d5ac14e623', 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: '3389590c63a5d3044e2470d7243e67ef57697682', class: "col-12" }, h("form-control-file-v2", { key: '3eea18b33b3203e599bbf0ac94c687b2ecb321fa', 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 })))));
     }
 }, [0, "justifi-customer-details", {
         "disputeResponse": [8, "dispute-response"],

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

@@ -72,7 +72,7 @@ const DisputeManagementCore = /*@__PURE__*/ proxyCustomElement(class DisputeMana
         });
     }
     render() {
-        return (h("div", { key: '5a8663529813801b730d449c835cfafb9924d860' }, 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: 'da2305d650756505b9b1920f95888425d3b8a63c' }, 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

@@ -44,7 +44,7 @@ const DisputeNotification = /*@__PURE__*/ proxyCustomElement(class DisputeNotifi
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h(StyledHost, { key: '77119b1227200909f4742e24df0a45e1f631c65c' }, this.isLoading && (h("div", { key: 'f0766ff057fb2f4b75b34c7d4a386bde43e49652', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'd7268194dea5ac2a3b87aea8e17573b4768e308f', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'f8863e45a917f56be302ca1b0b3d472119f6465c', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: 'c7b8c9c89d9488eea3be8ea0b4536f98a8151487', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '875fe7def317ce1c4547e04e83baf2b232209058', part: text }, h("h1", { key: '09646afc2aac3bf4ef9737bc12442660bbafb2dd', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '14224cffb16726eaa589118be954e0f844ffaee8' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '415028b91872a2391796872fdffdbee837a2a511', class: "h5" }, "Dispute details"), h("div", { key: 'c2b8c6be3132f98eb8c686ab88a5a6a68f92a60e', class: "d-table gap-2" }, h("div", { key: 'd11bd8b3bc680183e8bee40281cc2c294aedbd5a', class: "d-table-row gap-2" }, h("span", { key: 'd77796c0d2764329c3b482ae49ceb8b4cac03d37', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '716d8af2a250c3237af6e23b43bf50e032e9f203', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'daba4379197533d2a4b246e81139d81cd15761c6', class: "d-table-row gap-2" }, h("span", { key: 'a039fbf47aff16445e3411c33a7b53716c42866d', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '19087aba5c516d0c71e9f84e8b3323a044ae532a', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: '68ef78b15627df3b22bcde4b90f7c216466e7468', class: "d-table-row gap-2" }, h("span", { key: '9463c281d76b5e201a55c2993253fc22d04168dc', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '5cffed27038f5571f37377c5023a88c8b7773a59', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: 'e856d924edac10116781425f6d7c4c8c6b26ced2', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '6d5278a91f79c2fe8fbdd9e391b109a6491b13b6', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '242b9076b482aae731ab6bedc1592a1a826e24c5', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'f3711546ce5bf8b6a4a8689f5db3fdbf58f45bf4' }, h("h1", { key: '06e39be43cfacf667919adbd2f4f8c596702c340', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'b3bfef2d40e197f8dc9df6f71d9f13017a4b923d' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '580144b1439d6e017726b9731b7bb15e71900092' }, h("h1", { key: '42d74d215d23409672449af86e25c945aac33ea1', class: "h4" }, "This payment was disputed"), h("p", { key: '4c337e89a32f62c8f03a53eb84737785f4b0bdb4' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '66c0f7bbada42053683dd25776a7c0abdb708315' }, h("h1", { key: '273f2d82dbe73a15da3186946763579be2801aa4', class: "h4" }, "This payment was disputed"), h("p", { key: '22172d1c6833eb5407c19dd31b85db805d07d177' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h(StyledHost, { key: 'ad76721d05d9dcdfb643d865aec1a6f0684e1e05' }, this.isLoading && (h("div", { key: 'a8b8e850e168cba9281a6f6302aef53976027346', style: { marginBottom: '8px' } }, h(Skeleton, { key: '813563746b9f9b507b49762c9e1a1f006765345b', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '373c0596e6246860a17822eb5ec49f3ef9e37460', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '32f8083f0551fbea29de6ddbc847dc62fa0b0c48', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '9c032d9b8ea4b176f1fabfff45a2975ac9e6df17', part: text }, h("h1", { key: 'e1a906047a9c056138bb2bd69dddf2bbc54782c4', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '40d9d799d073318ba52a2c559c8119c64e9107aa' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: 'e2d3bc21f03cd47acc8feec8640410c1c74f9b58', class: "h5" }, "Dispute details"), h("div", { key: '3e3c440350a6dc86b42204a43f80fa700c1d06f0', class: "d-table gap-2" }, h("div", { key: '67b4dbf945dae00fe6e6144782c6c249cc032968', class: "d-table-row gap-2" }, h("span", { key: '6570c2fc92f6a526a6e2afee91fa1017f5ef3c9b', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '269f42e3737b419978fb35e741f34a751f0b0d9b', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'b498ff565dafbea3e3452d386883924bda431a96', class: "d-table-row gap-2" }, h("span", { key: 'afaecceeac44807453e1a99ffc0d8961022fd98f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '69b491d454f791d679528b77f9f75fc889add363', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: '97515b0bd0dd113e31e6974c7e107af19eed2e73', class: "d-table-row gap-2" }, h("span", { key: 'e8a46a99bb2596d8aab980230088989c3a9455c4', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: 'aa5e2e6997bedfdbd31c2fe9ee540a4399e3a25e', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: '4e35b26867fdde02426bd047932ca854c05421b7', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '2881172b26ffb36321094ea2f8af7cc622678229', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: 'e57fca0b48327bb898ec19938498eb1c945bbb4d', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: 'c1f0a2f35d9640efdfd76b13d6969374169b2631' }, h("h1", { key: '800d59ebecc9f15890fe7f264a3b44910e322784', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '30a7d186c01e33f2a95b0cecb3a4a69b59d158e6' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '5d0fbdcc7a15817e1875d18a5f4d9cf982989ed1' }, h("h1", { key: 'b2814587c7bd46e28948346f5871456e6cc0589c', class: "h4" }, "This payment was disputed"), h("p", { key: 'bff6dbf512017e27b1fc6ea2a97b2dc47f4b2a65' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '548cf8e95c0933ec987862c162487abfd3c043bc' }, h("h1", { key: '46f96b5e6785b5a4398918c0e29302403a7194bd', class: "h4" }, "This payment was disputed"), h("p", { key: '71c3c1e1754cd0f0f042a6277ba93b2076cd7645' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
 }, [1, "justifi-dispute-notification", {
         "dispute": [16],

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

@@ -182,7 +182,7 @@ const DisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class DisputeRespon
         return this.currentStep === 0;
     }
     render() {
-        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"))))));
+        return (h("div", { key: '1f44d3fa1d95758e9dc949bc9df9cb8def59aae5', class: "row gy-3" }, h("div", { key: '5245e71606a4f69a8978c27bf8d0a985ecf3b835', class: "col-12" }, h("h1", { key: 'e843ee37344171cb159fe83889ddc244487d49ed', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '7680b28f96255822f3048dc529bafa71cebf81cc', class: "col-12" }, this.currentStepComponent), h("div", { key: '3ce0c6ac049c64a3ed18e42dcc001dd1f62a5aed', class: "col-12" }, h("div", { key: '2192e17c236024e2c89ea361ac1a4e2b57c6b50e', 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],

package/dist/module/dispute-response.js

@@ -79,7 +79,7 @@ const DisputeResponse = /*@__PURE__*/ proxyCustomElement(class DisputeResponse e
         }
     }
     render() {
-        return (h(StyledHost, { key: '4c0cd0b8a082d9f2f4428868d88cbb9bde2a3a5d' }, h("justifi-dispute-response-core", { key: '58bbf7f5b2ce8efea0467efddfeffe3c752a3402', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: '1a0ac889493d8008e9bd70e4c3aad9ea72d12453' }, h("justifi-dispute-response-core", { key: '82e11a3f0d14640beca1ebed72364662db3ffdbd', "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

@@ -42,7 +42,7 @@ const DuplicateCharge = /*@__PURE__*/ proxyCustomElement(class DuplicateCharge e
     }
     render() {
         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 })))));
+        return (h("div", { key: 'eb4f8764416b3f82bb2ca4052816c55abf7a10e0' }, h("div", { key: '6e7c5c9e25cc508d253fb4506588670d5edb6d3a', class: "row gy-3" }, h("div", { key: '76afe1f271b1aeb530f8bfbadfa16b39833abff0', class: "col-12" }, h("h2", { key: '5e311a49194c20250ec12cf1872f46af1219627d', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '6e3a0d4e88f8464f1bdefb580626fd5d37af6c76', class: "col-12" }, h("form-control-text", { key: 'd5fd0e4706df1f246395ef0e1825b9c25456e713', 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: '01a17763a76e14e05ae84cbadd12f1eb7b8da4dc', class: "col-12" }, h("form-control-textarea", { key: '9dde7a1922f55d31b983626f1279a222c6dface6', 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: '736b812a5178f6340e981c98920849a39778b788', class: "col-12" }, h("form-control-file-v2", { key: '8df332685d9b4b23f48fae76b2d46c93e5ca3d40', 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"],

package/dist/module/electronic-evidence.js

@@ -39,7 +39,7 @@ const ElectronicEvidence = /*@__PURE__*/ proxyCustomElement(class ElectronicEvid
     }
     render() {
         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 })))));
+        return (h("div", { key: 'e6ddcb39f751386da5613108a8dde54a6f299a54' }, h("div", { key: '085db2253e1330617bd26326faa3fcf19c84b890', class: "row gy-3" }, h("div", { key: '5d0652116e282ed5e9cae11e1330f261652e9de4', class: "col-12" }, h("h2", { key: '5606230417d4cdb4218f6fb7af319712add4ecc7', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'ed8db92b69aca3c4661d1e84e07ecbbeb5b33b87', class: "col-12" }, h("form-control-text", { key: 'c7b4edb8172f30cd559544d1cb925861ae8fdcb2', 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: '077c0d5c6b5a7fd6fba2add6b6d4bfe50d3ae7d6', class: "col-12" }, h("form-control-file-v2", { key: 'ea44784a843b2d35b53caf0412a07056d68c11c3', 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"],

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: '36192fe5f4e99ccc8cb77b6a0058d68427b6dc79' }, h("div", { key: '3fd77dbca4264579b0e4293bc537dea99a9e325b', class: 'form-group d-flex flex-column' }, h("div", { key: '737b2076e66604ce3fc1b141deb1909a8ac2be27', class: "form-check" }, h("input", { key: '3d606b0c14eda0ffba58bd844b75e3ca23f0a611', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '3c0c0210457da250712c3eddf587ddb939b6cca7' }, h("div", { key: '9f73f8f1498d43cffc200ef326ead11bc5c2b8bd', class: 'form-group d-flex flex-column' }, h("div", { key: 'a126f90ae5ca483310593816dfed878582331395', class: "form-check" }, h("input", { key: '2c7243c56c3110e199fae658513cd2b1bde96678', 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: '2a8af56e9bee18f4252ea436ae76d65128ee1648', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '013c9b143992a088692de81b623bffb6b4e5f06f', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '0b6814622ff6d0a61d251aea399600ead731ad1a', 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: '35d662a8e14e56514589fe7d08fae470896a6d65', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '80d0558981f8ed95746a7f8f3be319b4817a00c9', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'fbbda937fbf1144d5560b44719c251bdd56a6154', 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: '39efc4cf0cf20cd611c775f1e47ace6b445eab99' }, h("div", { key: '82de246b4d67f3c1a234987c3d9259e8ed7fb3e5', class: "form-group d-flex flex-column" }, h("div", { key: '033c637f965aa750c6130504f70f7fabb9d1a9da', class: "d-flex gap-2" }, h("label", { key: 'ce384aeee225254eac66cfcb6fbe8b6b5677cd5e', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a8195ae52a1904bcdaa0ee082b77164bb399e5bc', helpText: this.helpText })), h("input", { key: '07bb64ebf4727c892bc5e873d6b8327cb0e89430', 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: '0f6bd0cc62a7023483a304ff30b272f5110fd2d3' }, h("div", { key: '6ebf0fe799c7a1b74a6c875ca8bed386949fb2fe', class: "form-group d-flex flex-column" }, h("div", { key: '370b2fadb488a3cca203b8e7ab267ee629b70b8f', class: "d-flex gap-2" }, h("label", { key: '828fa9324aac9d218e1c857ce4fdc064dddc0b12', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '42adaa5e8c7b568284e5f3129ec7edc200047f73', helpText: this.helpText })), h("input", { key: '49ae4bd3455935d9ca459dfdb53d2bfd27201e60', 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: '783b7b021819a5c26441a438be7b83dabb4cfce1', 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: '81d1ecc4135b2f7a76e3c70d8dddc7539a7dd670', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -19,7 +19,7 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         this.disabled = undefined;
     }
     render() {
-        return (h(Host, { key: '4dff12fa7d0cb33919c39db34bbc0957fdd5653f', exportparts: "label,input,input-invalid" }, h("div", { key: 'ae39b30919625c00463cbbd5bf5172a93b7bd9f1', class: "form-group d-flex flex-column" }, h("div", { key: 'f0d20dd0d0c3bed154c220722598dfe41dc4cc45', class: "d-flex align-items-start gap-2" }, h("label", { key: '768f21bee9cf3e87caacd08ebd7506d01550f206', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ee446659b7b9503678c16f14a49d564ca8caf27a', helpText: this.helpText })), h("input", { key: 'c7eee6e890f87be8a3af204fcdb1cd5d032e5419', 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: '5a87d616b1b4be16b32b69d315f07b05d8d060bc', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '1671eaeeec71bcbcbd8898856f2d397a10abce97', exportparts: "label,input,input-invalid" }, h("div", { key: 'dca1e07456d2dc7f018fc25ccd2743ba87897fda', class: "form-group d-flex flex-column" }, h("div", { key: '5a8f2a9600f27a7554a8096977413263f8f7b942', class: "d-flex align-items-start gap-2" }, h("label", { key: '7ef6391bc3bd46d61463c37ccdfc27bc02027909', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e1992a02fb94bdf71ad46fbf387bdcf0c5ca09b2', helpText: this.helpText })), h("input", { key: 'eb4e4bfcee93ca40c945db9c8d960b069b066645', 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: '125a576d63f4a3735397fe3b27cf2e258b86c073', 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: 'ffd39ec9c5c98ba6d51f30fe3f0877807b9218a2' }, h("div", { key: '8d95c947132661088128a20350cb8823eb50aaa1', class: "form-group d-flex flex-column" }, h("div", { key: 'c494f917ca23d99c6dafded70156a62610764223', class: "d-flex align-items-start gap-2" }, h("label", { key: '8a6ba2787312c3a6e1e531bc05e4459aaecb6229', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '5b68e00507d2211fcc481f007c701179eb4bed78', helpText: this.helpText })), h("input", { key: 'd75a0df1951b215b60cee837b102f1b0522cc810', 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: 'a70c3c2b62599cdedf34c837e29f53011e56e018' }, h("div", { key: 'ae42cd54552d7e2b95c619acf25c4b24a0c29dc9', class: "form-group d-flex flex-column" }, h("div", { key: '7b3b935921448a4e46d864dc933f5fd7c63ead93', class: "d-flex align-items-start gap-2" }, h("label", { key: '5f1e6608b4bed90aadbf8ee6c45d6f92fa40d429', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '831be18cf54359800498a91ff4d0f8111feb0603', helpText: this.helpText })), h("input", { key: '5541ad6ba3a84e1bced7b61429c93b1d3b3632df', 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: '10231eb3448127011aca32c2e653d7974ab27e2e', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '7c93f4e7fc3354479bd688e9a386948dc3b349de', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [0, "form-control-file", {

package/dist/module/form-control-monetary-provisioning.d.ts

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

package/dist/module/form-control-monetary-provisioning.js

@@ -0,0 +1,6 @@
+import { M as MonetaryInputProvisioning, d as defineCustomElement$1 } from './form-control-monetary-provisioning2.js';
+
+const FormControlMonetaryProvisioning = MonetaryInputProvisioning;
+const defineCustomElement = defineCustomElement$1;
+
+export { FormControlMonetaryProvisioning, defineCustomElement };

package/dist/module/form-control-monetary-provisioning2.js

@@ -0,0 +1,109 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { I as IMask } from './index3.js';
+import { C as CURRENCY_MASK } from './form-input-masks.js';
+import { l as label, t as text, N as inputGroup, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
+import { F as FormControlHelpText } from './form-control-help-text2.js';
+import { F as FormControlErrorText } from './form-control-error-text.js';
+import './details.js';
+
+const MonetaryInputProvisioning = /*@__PURE__*/ proxyCustomElement(class MonetaryInputProvisioning extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.imask = null;
+        this.initializeIMask = () => {
+            if (!this.textInput)
+                return;
+            this.imask = IMask(this.textInput, this.maskOptions);
+            this.imask.on('accept', () => {
+                const rawValue = this.imask.unmaskedValue;
+                this.inputHandler(this.name, rawValue);
+                this.formControlInput.emit({ name: this.name, value: rawValue });
+            });
+            this.textInput.addEventListener('blur', () => this.formControlBlur.emit());
+        };
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            const rawValue = this.imask.unmaskedValue;
+            this.formControlInput.emit({ name: name, value: rawValue });
+        };
+        this.updateInput = (newValue) => {
+            if (this.imask) {
+                this.imask.value = String(newValue);
+            }
+        };
+        this.isFocused = false;
+        this.label = undefined;
+        this.name = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.defaultValue = undefined;
+        this.inputHandler = undefined;
+        this.maskOptions = CURRENCY_MASK.DECIMAL;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.initializeIMask();
+        this.updateInput(this.defaultValue);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
+    }
+    get part() {
+        let part = inputGroup;
+        if (this.errorText) {
+            part = inputInvalid;
+        }
+        if (this.disabled) {
+            part = inputDisabled;
+        }
+        if (this.isFocused) {
+            part = inputFocused;
+        }
+        return part;
+    }
+    render() {
+        return (h(Host, { key: '5383790c4e52c664e0146692c3773ac077443f89' }, h("div", { key: '3e58f5e707e80c93bf0400f43bd847bf93a90a12', class: "form-group d-flex flex-column" }, h("label", { key: 'cce6c16518524b02f9ccf05beea2ab034b609308', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '85d65b44095f1cc3d68f8ec400d8352f0d1296fe', class: "input-group" }, h("span", { key: '73e1ad02a1989d8a55dbfc8a7def799d46c58e7c', class: "input-group-text", part: text }, "$"), h("input", { key: 'f61c88cf6603e912b6104074367caa86892e7ea0', 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: 'fc7fc677a555016fcc9c6231a01f53ab03b0b00d', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '624bb1eb078dab076efc517d339c4d54271e5bc7', errorText: this.errorText, name: this.name }))));
+    }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+}, [0, "form-control-monetary-provisioning", {
+        "label": [1],
+        "name": [1],
+        "helpText": [1, "help-text"],
+        "errorText": [1, "error-text"],
+        "defaultValue": [1, "default-value"],
+        "inputHandler": [16],
+        "maskOptions": [8, "mask-options"],
+        "disabled": [4],
+        "isFocused": [32]
+    }, undefined, {
+        "defaultValue": ["handleDefaultValueChange"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["form-control-monetary-provisioning"];
+    components.forEach(tagName => { switch (tagName) {
+        case "form-control-monetary-provisioning":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, MonetaryInputProvisioning);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { MonetaryInputProvisioning as M, defineCustomElement as d };

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

@@ -1,10 +1,9 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { I as IMask } from './index3.js';
-import { C as CURRENCY_MASK } from './form-input-masks.js';
-import { l as label, t as text, N as inputGroup, b as inputInvalid, c as inputDisabled, d as inputFocused } from './parts.js';
+import { b as inputInvalid, c as inputDisabled, d as inputFocused, i as input, l as label, t as text } from './parts.js';
 import { F as FormControlHelpText } from './form-control-help-text2.js';
 import { F as FormControlErrorText } from './form-control-error-text.js';
 import './details.js';
+import { f as formatCurrency } from './utils2.js';
 
 const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput extends HTMLElement {
     constructor() {
@@ -12,80 +11,69 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
         this.__registerHost();
         this.formControlInput = createEvent(this, "formControlInput", 7);
         this.formControlBlur = createEvent(this, "formControlBlur", 7);
-        this.imask = null;
-        this.initializeIMask = () => {
-            if (!this.textInput)
-                return;
-            this.imask = IMask(this.textInput, this.maskOptions);
-            this.imask.on('accept', () => {
-                const rawValue = this.imask.unmaskedValue;
-                this.inputHandler(this.name, rawValue);
-                this.formControlInput.emit({ name: this.name, value: rawValue });
-            });
-            this.textInput.addEventListener('blur', () => this.formControlBlur.emit());
+        this.formatRawValue = (value) => {
+            // Remove everything from that is not a number.
+            // This will parse out our display formatting as well as prevent users from entering non-numeric characters.
+            const formattedValue = value.replace(/\D/g, '');
+            return formattedValue;
         };
-        this.handleFormControlInput = (event) => {
-            const target = event.target;
-            const name = target.getAttribute('name');
-            const rawValue = this.imask.unmaskedValue;
-            this.formControlInput.emit({ name: name, value: rawValue });
+        this.formatDisplayValue = (value) => {
+            return formatCurrency(+value, undefined, true);
         };
         this.updateInput = (newValue) => {
-            if (this.imask) {
-                this.imask.value = String(newValue);
-            }
+            const name = this.formControl.name;
+            const formatRawValue = this.formatRawValue(newValue); // "100000"
+            this.formControl.value = this.formatDisplayValue(formatRawValue); // "1,000.00"
+            this.inputHandler(name, formatRawValue);
+            this.formControlInput.emit({ name: name, value: formatRawValue });
         };
         this.isFocused = false;
-        this.label = undefined;
         this.name = undefined;
+        this.label = undefined;
+        this.inputHandler = undefined;
+        this.defaultValue = '0';
         this.helpText = undefined;
         this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.inputHandler = undefined;
-        this.maskOptions = CURRENCY_MASK.DECIMAL;
+        this.maxLength = undefined;
+        this.keyDownHandler = undefined;
         this.disabled = undefined;
     }
     handleDefaultValueChange(newValue) {
         this.updateInput(newValue);
     }
     componentDidLoad() {
-        this.initializeIMask();
         this.updateInput(this.defaultValue);
     }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
-    }
     get part() {
-        let part = inputGroup;
         if (this.errorText) {
-            part = inputInvalid;
+            return inputInvalid;
         }
         if (this.disabled) {
-            part = inputDisabled;
+            return inputDisabled;
         }
         if (this.isFocused) {
-            part = inputFocused;
+            return inputFocused;
         }
-        return part;
+        return input;
     }
     render() {
-        return (h(Host, { key: '8389bbed996b97a2e4c7536a3f31f8b4873651e4' }, h("div", { key: '0cc9d812e034c7017ea49fdb91bcd399ac3112cc', class: "form-group d-flex flex-column" }, h("label", { key: '04bf1b6ab410d6236a8d2ea47364c844a557f3fc', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: 'bc77863e0a0dc4472c62d98fbca50da4b683b14d', class: "input-group" }, h("span", { key: '28e7f0f65529fab762846711cf681b105546a04d', class: "input-group-text", part: text }, "$"), h("input", { key: 'edfac6a9f10b1914299a6f42497ebb26659717d3', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '58676b687868b5a2d242bc929cae09afb5ae6fbf' }, h("div", { key: '8046cc1e2fa66c5601e370e6dccfa25714649823', class: "form-group d-flex flex-column" }, h("label", { key: 'e4b085b30ee0c7b884204fa9bf467875247bcac0', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '79bf26bc54c9cc94fedd3af56779de1554e62ce2', name: this.name, helpText: this.helpText }), h("div", { key: '453cb229e64e9429a26b38ffa62693793e5e48f8', class: "input-group" }, h("span", { key: '663753b8d9c6a098326bd325822586c704624bc4', class: "input-group-text", part: text }, "$"), h("input", { key: '9314ad2b99762df1a46c0e0f4632da4a091c59ef', ref: el => this.formControl = 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: '9c28f25c98432c07678698e53b219d17d3d847a7', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '8cd3f89e1efd87fd0209cb5e6cd525b916de073a', errorText: this.errorText, name: this.name }))));
+            }, onInput: (event) => this.updateInput(event.target.value), 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: '382864114f66187237ce08c12afb13abed2c298d', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]
     }; }
 }, [0, "form-control-monetary", {
+        "name": [8],
         "label": [1],
-        "name": [1],
+        "inputHandler": [16],
+        "defaultValue": [1, "default-value"],
         "helpText": [1, "help-text"],
         "errorText": [1, "error-text"],
-        "defaultValue": [1, "default-value"],
-        "inputHandler": [16],
-        "maskOptions": [8, "mask-options"],
+        "maxLength": [2, "max-length"],
+        "keyDownHandler": [16],
         "disabled": [4],
         "isFocused": [32]
     }, undefined, {