@justifi/webcomponents 6.12.0 → 6.12.1-rc.2

package/dist/module/card-form2.js

@@ -55,10 +55,10 @@ const CardForm = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLEle
         return result;
     }
     render() {
-        return (h("div", { key: 'd3cb1fca6595f60e5f5f122b73d3d6c11a826423' }, h(CardFormSkeleton, { key: 'f83dcbbc214d460bb21c015ec051436ed5cf6670', isReady: this.isReady }), h("hidden-input", { key: '5fad0d06303d0ddb55c30c2cd94014255f2a8cec' }), h("div", { key: '68440756a1aad69b5c95245e7a2a5feb16899dca', class: "container-fluid p-0", style: {
+        return (h("div", { key: 'f354f98736c53e02b03382706303c3d35dea3d82' }, h(CardFormSkeleton, { key: 'cb3a80209b1b86204bd19923080e339d83bb6f2b', isReady: this.isReady }), h("hidden-input", { key: '12c994f1c11366379ccb37ec9614c810b2f71edc' }), h("div", { key: 'af0b517f3e4a039d818e39c611a235f733d0fb0b', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'b39eab56c79463935f1a1bb15cc867997f026e7b', class: "mb-3" }, h("iframe-input", { key: '25a2390a8c3c92d5e6eceafe6b821202ecb22d76', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '68766798d954a0b3d093ae13c3c2955f819da4f2', class: "row" }, h("div", { key: '05539f1ac8ebb0397574d55b4b76d7acdb7d2dca', class: "col-4 align-content-end" }, h("iframe-input", { key: '4c437a4384e6c301e18824d799784c1133e70ee3', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: 'b9a5b8b5dda1d8ab6305c9dc1ef9b655eb02fb3d', class: "col-4 align-content-end" }, h("iframe-input", { key: 'c1a412c20e75d21c1084a4b93f22362c367c1907', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: 'abdfdbd7eb784871011397a7c5fdf371e3c6baf0', class: "col-4 align-content-end" }, h("iframe-input", { key: '08dff072e785846d7543018c194b4df6ce5b343e', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, h("div", { key: 'bebae6017a3d1c6b165ce1fb04c6d904e30b872a', class: "mb-3" }, h("iframe-input", { key: '09b07e25d86bcee2edf4863bf221a1c153df7f61', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '16bff33c3b33f09275b40384340759faa740df5e', class: "row" }, h("div", { key: '3b3df16030097be0ed6c3a55ac36e3381934a6b9', class: "col-4 align-content-end" }, h("iframe-input", { key: '38cfcddc60ec35c7ef5353753205689ba81a6090', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '4413e72303e0f7c2e674327c3fd61c026a0c3530', class: "col-4 align-content-end" }, h("iframe-input", { key: '3a5f52bc7b626aafbdbc818238f0fe1357fab307', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '9c2e8c2aab3c618eded19c8793962302a77d2681', class: "col-4 align-content-end" }, h("iframe-input", { key: '1a6eadb96d537943ffdc6136fdef50240818e517', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
 }, [256, "card-form", {
         "isReady": [32],

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

@@ -179,7 +179,7 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '206c2b631670e6ccf7660273e890f2b0425cd9ec' }, h(TableComponent, { key: 'f67fc11b090798d876b48334a182f2aeb103aaf6' }, h(TableHead, { key: '8dd36bc8e6438541bb4e46a6410d3aeb079a6d7a' }, h(TableHeadRow, { key: '26282d45f866e26d466dfd65f5b941dd3a1007ca' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '6448768d21f47bfc4a6386ab503d9c59d437c9ca' }, h(TableLoadingState, { key: 'ae8d744bd47cccf76b672b965361231e1757c9f2', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'b68fa34426e974c9a06820fad2dbebb2065a99b3', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'c68c955243beeb25a1a2767e1ae6f749bfd6df6e', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'abb611ae3404761e480462dd509cc604cb55da08' }, h(TableFootRow, { key: '016c2e323923a37c0e5fa00bf42b12104cc7f9b3' }, h(TableFootCell, { key: '29ad5c6edb3a80b6a1806511b6622ee2972fbb62', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '1263c60aa0b8d53a70dafce8602d75012f07567e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'e93ef4479f03ff8d3479715bd89cbf0edc1f766c' }, h(TableComponent, { key: '5e1c2dad65fcbab0bd5dd1557fc22e41d8146ce7' }, h(TableHead, { key: 'f5c73179a9dd97dec17ac2336f22da37c8d86085' }, h(TableHeadRow, { key: 'fc0a99076077a6e3414a729b40a4fc9f26cf7d8b' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '471c4c71f65c9f8f1ce17afde15d1500ac8e1f88' }, h(TableLoadingState, { key: 'ce26a46de28ee926509efd5d55f8de5b7b5e09fb', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '71f426374ebcaa1e06f523a456e134372a68f1fd', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'f5758c7e4475e2f16fbe6e78aabd6ab55f5b39e3', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '79efc8ae730e099f265971e6f0a9c3e49661f21b' }, h(TableFootRow, { key: '292148b3db52f3792206196c0201bacb011d5b9e' }, h(TableFootCell, { key: 'da8221314ed30423ba6292e6385ca6c9967069da', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '151d09b2cca1ff78fba6da6c2aa73d8bda4bf31f', 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

@@ -1903,7 +1903,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: 'eb1e7317215bc36f340ac0cd8b5826cc302c3693' }, h("style", { key: '1acdb1992e684a654d659e7472758e016b4b11d6' }, `
+        return (h("div", { key: '673bffd40c2c3ca346f45a3eb6cf0eacb1bc0420' }, h("style", { key: '1a22ba743c813e67a72db15bbb8847c5e5f5407f' }, `
           .popper-content {
             display: none;
           }
@@ -1911,7 +1911,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '53ff89449687b84469c9cfbb83c7807b6e95e003', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'f8f516747c2ad6c2e32efefeaa33f319a202bba6' }))));
+          `), h("div", { key: '0626834e4395eb59afda87b93653f47e9641b79a', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '26895f103accf6acce333928c2100c55dcdd1f5d' }))));
     }
     static get watchers() { return {
         "anchorRef": ["onAnchorRefChange"]

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

@@ -70,7 +70,7 @@ const JustifiDisputeManagementCore = /*@__PURE__*/ proxyCustomElement(class Just
         });
     }
     render() {
-        return (h("div", { key: 'cd1da1a29b989475098809875dc6b31538696106' }, 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: '9868ecdec494a3041e838d1bf1aab8e490c27a65' }, 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-response-core.js

@@ -180,7 +180,7 @@ const JustifiDisputeResponseCore = /*@__PURE__*/ proxyCustomElement(class Justif
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '6e6144583a9d91a9484e435520c99c0dd1a525cf', class: "row gy-3" }, h("div", { key: 'abebf9a30d2e972e5a0a30475c629382849f3ed9', class: "col-12" }, h("h1", { key: 'e12a989f411a995731ec8bc44b3aaa1476b24622', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'a7ad7c2043b98b18c540e81c54d8d1bfaac07b3d', class: "col-12" }, this.currentStepComponent), h("div", { key: 'afaaccf31baa88a8202beabe820891e374da882c', class: "col-12" }, h("div", { key: 'cd98ab52c18070aa01c3b5bed5a84c5daa0f6bf6', 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: 'ee897abcf70fc8a1879a73915cacc6b41dacc6ef', class: "row gy-3" }, h("div", { key: '8a58d60722ec96f40237e012ee61b73b88a01b67', class: "col-12" }, h("h1", { key: 'b4b5da3c898599bcd099b9a5a27f851bc4c1240a', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '1e4b8c3099166adaf1c806ff755c2505db1b4398', class: "col-12" }, this.currentStepComponent), h("div", { key: '3346b2f3344d16b42008f3502dbbb4fe5e1a6ce5', class: "col-12" }, h("div", { key: '34a1e747d3fddf5c6a92396fced3435b2db57628', 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/form-address-fields2.js

@@ -19,7 +19,7 @@ const FormAddressFields = /*@__PURE__*/ proxyCustomElement(class FormAddressFiel
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         const labels = countryLabels[this.country];
         const options = countryOptions[this.country];
-        return (h(Host, { key: 'e29f7f83cadc904cfc99431b72503ec7db545d0d' }, h("div", { key: 'f12e1246925a1a1fbfe25e07144aee46f698c24f', class: "row gy-3" }, h("div", { key: '109e36cc204e6798d8c4698aa92872226a885020', class: "col-12" }, h("form-control-text", { key: '9d458a0cad4fd33ac5ab1211a0930e23109cbe6c', name: "line1", label: "Street Address", inputHandler: this.inputHandler, defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, helpText: "No PO Boxes." })), h("div", { key: '7001ca8f0f123d3bd6c819b51bcd9859c138875d', class: "col-12" }, h("form-control-text", { key: '47b8ffbf8e14d731187dfa6903ccc50ef7719eca', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: '24795c8373dfb546e7bb9bd841646a24455c72af', class: "col-12" }, h("form-control-text", { key: '124aab7c415c972f010b98eca83e9eef51f96f33', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: 'b710a554fa639a3c0a7a31661379b480a537d776', class: "col-12 col-md-6" }, h("form-control-select", { key: '3bca33f351147286fa34fdff51f0cfd9b5443658', name: "state", label: labels.stateLabel, options: options.stateOptions, inputHandler: this.inputHandler, defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: 'b869501766aa4482e9ea9edda29af9ecd05fac0e', class: "col-12 col-md-6" }, h("form-control-text", { key: '29b3412e69ee4bf83bf211fa3f8395d6d80fde2d', name: "postal_code", label: labels.postalLabel, inputHandler: this.inputHandler, defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: this.country === CountryCode.USA ? 5 : 7, keyDownHandler: this.country === CountryCode.USA ? numberOnlyHandler : undefined })))));
+        return (h(Host, { key: 'c7b688749c7e08a18fd2000e8d441dc01e9b2e8d' }, h("div", { key: '3e133db2244db25e8f9841a48ecb28f923eaab22', class: "row gy-3" }, h("div", { key: 'aa765dd77b4c9a32f1446d2034a9bc5e95bb9ca1', class: "col-12" }, h("form-control-text", { key: 'e02f2088d591c1979afcd37a1ba24559a9278ee5', name: "line1", label: "Street Address", inputHandler: this.inputHandler, defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, helpText: "No PO Boxes." })), h("div", { key: '9966e1ed471af132236d022be860fd1adb56b61a', class: "col-12" }, h("form-control-text", { key: 'b1a434bf3726ff08f5372d9d350fc5251129815a', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: 'a5027c59a7fc4f1293578ea165d1dad53e55d361', class: "col-12" }, h("form-control-text", { key: 'e1567856de791bc32e0a85caeb5464b2f63f5f63', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: 'b131845ebeaa5e7bbfd745d724932174fe785de7', class: "col-12 col-md-6" }, h("form-control-select", { key: 'c590815dfc61241b7c1fc9172dad75a7116b703c', name: "state", label: labels.stateLabel, options: options.stateOptions, inputHandler: this.inputHandler, defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: 'f896d6370e956ab8b1750b6164ec6cd5c1e8b9ee', class: "col-12 col-md-6" }, h("form-control-text", { key: '469fb8945ca6603a503f32971ef9d2afa3e8a30e', name: "postal_code", label: labels.postalLabel, inputHandler: this.inputHandler, defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: this.country === CountryCode.USA ? 5 : 7, keyDownHandler: this.country === CountryCode.USA ? numberOnlyHandler : undefined })))));
     }
 }, [256, "form-address-fields", {
         "country": [1],

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

@@ -45,10 +45,10 @@ const FormControlCheckbox = /*@__PURE__*/ proxyCustomElement(class FormControlCh
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: 'dc2fdbd7fd92a0205b15e4b302458d8f0d775b35' }, h("div", { key: 'f32f7d5cb559282cece071f3623bdab80998bc04', class: 'form-group d-flex flex-column' }, h("div", { key: '5481439484b97ad733a0051f1722a5c3ed45778d', class: "form-check" }, h("input", { key: '9e96a563e5b0b1a9589dff7eb4f3eb3038d4918b', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '44db0e9fbb544ade578adfa78a58664c56edc61a' }, h("div", { key: '5b8ccfb8659b890613955a973b0a5bfc19a72268', class: 'form-group d-flex flex-column' }, h("div", { key: '6c20bef58bef64bc2a62e65981f9c1d256741c60', class: "form-check" }, h("input", { key: '50887059a371612ce3061c22979568559e525c5b', 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: '11a27a415d7741d8a29dde8d1fd029c2e143f235', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '3e0ef15182200a48d3cf3142c3511a0ad8095db3', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'e85175ea76f6073d7ee813a3f2d8eaecc044601a', 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: 'a0b9429f7176c3d835eaf91fb435037c73e80924', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '1a5e408bd2e46652a223f43660f50f97a1cd0856', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '71ab774bedd832db1171fdb752b92f8678c677ff', errorText: this.errorText, name: this.name }))));
     }
 }, [256, "form-control-checkbox", {
         "label": [1],

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

@@ -54,10 +54,10 @@ const FormControlDate = /*@__PURE__*/ proxyCustomElement(class FormControlDate e
         return part;
     }
     render() {
-        return (h(Host, { key: '4bde5edec967df1c66865f5f20d24fa386e261ff' }, h("div", { key: 'fa0a944cd5d06f7e705737bd7fa98d80b8fd1555', class: "form-group d-flex flex-column" }, h("div", { key: '44dcf29339d380087fe7a98173a2033d16ad6764', class: "d-flex gap-2" }, h("label", { key: '8a0a38ace6f4a3db0388013f12381d4afec000bd', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'c9105a132a81408c304ab24f08c559289d68648b', helpText: this.helpText })), h("input", { key: '7938856aa5c1dca7d6c1ce89b3318eec3055348a', 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: '7dedd8129ac03b8a6e4377eeb85d7d11fbd725c4' }, h("div", { key: '3c8b4fe0d6a754467f6a160264243e4dd4820584', class: "form-group d-flex flex-column" }, h("div", { key: '3c354acfc613ee7eb7f7237c6ae5c7555ad0590d', class: "d-flex gap-2" }, h("label", { key: '978b8a6d2ebb30d6013f9a8546bcb023f997d614', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '830c65877ffe20c5d8b9854d550bde324f8a6d5a', helpText: this.helpText })), h("input", { key: 'bc1bb45b9766dbf84b1d449b09b62a48a1beea28', 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: '5e523b911d4b4810c7512c4dda63a3204eabb11a', 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: 'e6fb1187611b553021e2d25212249b413f72a930', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -16,7 +16,7 @@ const FormControlFileV2 = /*@__PURE__*/ proxyCustomElement(class FormControlFile
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '5df12f5dc87f1c7d5b18676a9d4a7b257719b2fa', exportparts: "label,input,input-invalid" }, h("div", { key: '57b02e11bd44c405635a2f6253637b288bafdd41', class: "form-group d-flex flex-column" }, h("div", { key: 'd62f4ae4183e33af3105d76d0180ebe0f54983e5', class: "d-flex align-items-start gap-2" }, h("label", { key: '82d8b58d0147f4fc6302c3852a44a73d9fcf34e0', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'ec4e21a9d4105b751b099378ce49c55a95ef36b2', helpText: this.helpText })), h("input", { key: '332527088f01b11bb06af38c73f39d3040d925b7', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: 'd7caedcf4b1263e3c133310312374bc6d61b82c2', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '8f1a2e7469bf052321e464d3d7d4434a8e1b94eb', exportparts: "label,input,input-invalid" }, h("div", { key: 'a930b47727ba05e965ec5df7b042d2416d38db2c', class: "form-group d-flex flex-column" }, h("div", { key: 'e1040ac692c0f597c0461bcaa27f562c69056c30', class: "d-flex align-items-start gap-2" }, h("label", { key: '387e3d18da10274de2cf9ef680d9483d7855e77e', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '4bc4aab440ec7cca2eb6af7105d2d9078922376a', helpText: this.helpText })), h("input", { key: '4050a93b51b5b1ecadfe9cff53c5794321c77d13', 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: 'aee21aa5cd54e48f2e7eca3763a07051dd942653', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "form-control-file-v2", {

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

@@ -53,10 +53,10 @@ const FormControlFile = /*@__PURE__*/ proxyCustomElement(class FormControlFile e
         return part;
     }
     render() {
-        return (h(Host, { key: '1f5c8bdc73c664cf40acb4f5b61db454bbda36a0' }, h("div", { key: '77f0007875132d26dd8df91dfb53386da9e15ce4', class: "form-group d-flex flex-column" }, h("div", { key: 'a6885165580120dbaffaedf60edf2e2cc9883a9f', class: "d-flex align-items-start gap-2" }, h("label", { key: '489b6d49a60f8339722537084f64746e5625297d', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fc581e32bfb8935e79648c0a670bcb26bf225fe4', helpText: this.helpText })), h("input", { key: '34ddfe0796848feadcd6249ed861c5fa623840d4', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '9ea17017850bd5e83a213b5247af2fe64f11db6c' }, h("div", { key: '6cb7715a542d193a1ef1579dad6889fb0191e195', class: "form-group d-flex flex-column" }, h("div", { key: 'c643268b004611f98b4d24c341a46d0bce9a8944', class: "d-flex align-items-start gap-2" }, h("label", { key: '3541f24060c2279f0cfb604f7bdec355462196a8', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '66f62e7d0ab51765fefc92d8674402a439671792', helpText: this.helpText })), h("input", { key: '564819ed2423c923f16329dc4ccb7a96f50e7ddd', 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: '4a0c1869b8b19a01273d8f1ca3f3cd92134ddb58', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '2bbc1831fa7aaf773c24860ac47a8318b2eef93d', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [256, "form-control-file", {

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

@@ -53,10 +53,10 @@ const FormControlMonetary = /*@__PURE__*/ proxyCustomElement(class FormControlMo
         return input;
     }
     render() {
-        return (h(Host, { key: 'c91bf2d63e4cd717dfc472f5b16dac9c3e9fdd69' }, h("div", { key: '8f1eaae0f9dfbcc97adf788a5b955824dc68dbd2', class: "form-group d-flex flex-column" }, h("label", { key: '1965936a9e14612fdb8aec07e0def943e1e1344a', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: 'dd517aee7a39c71c1fe98b6c53a4528c9d3826d5', name: this.name, helpText: this.helpText }), h("div", { key: 'bb62ed9e6c9db38f39581d7f86483a242330c295', class: "input-group" }, h("span", { key: '5a358beea95c1eed695b8ca5e5f9a7a82b0864b1', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '5c37a1edb6a229634536c2c7ad4cb4c2cfff211b', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '0e155ea412884f0d45702620cf31aa3910940e88' }, h("div", { key: 'bdf371cf77ec32483c8f984fdc68133ae05be865', class: "form-group d-flex flex-column" }, h("label", { key: 'b8b30aa3bb6ebc5e423593737fd646090a584272', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '6ba6701d1b54eb1b7e4e9de2f6386346b055d516', name: this.name, helpText: this.helpText }), h("div", { key: 'cf6893c681afe85d9e435a9e8920683dd9864c14', class: "input-group" }, h("span", { key: 'de56ce422d29f38028dcbefd8f35be3210223f67', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '234592cf95dc5e613fee8da90a5a4e40389b5bc4', 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: '5cb05fe585766d5f037c33d86485a6002894c781', 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: '2e66376501c5a7718f41c2714a66acf74bb6cde4', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -75,10 +75,10 @@ const FormControlNumberMasked = /*@__PURE__*/ proxyCustomElement(class FormContr
         return input;
     }
     render() {
-        return (h(Host, { key: 'c70d3fcce4d3e1e120008b03a708bb3d1038777b' }, h("div", { key: 'fc3c3cf5637121a7c6f662649a1b3910ec503afa', class: "form-group d-flex flex-column" }, h("div", { key: 'c06e87a0d72942e421c37ab406b7f71d4e7f2c54', class: "d-flex align-items-start gap-2" }, h("label", { key: 'eedeec0161e3085cd65ea08b3fb4517ff62c6ffc', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '9fb05bd91836ca51750f30a714a7940493bfad8b', helpText: this.helpText })), h("input", { key: 'ef12caf83b42b0de0c33ece690bdd927b9b9a02c', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => (this.isFocused = true), onBlur: () => {
+        return (h(Host, { key: '63f9e8fbdf09ad22d7744b074d1646e6ea620b61' }, h("div", { key: 'a9fb05c711ebd9de3d3022a2ec17a9c666e7e2aa', class: "form-group d-flex flex-column" }, h("div", { key: 'e726ecfce3bd700fab74b6b3f81bdcba0d43428f', class: "d-flex align-items-start gap-2" }, h("label", { key: '7940a4f3d8b3c894d0ee54871935e9989899c894', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '5c1782d425686b096e0b91c411e7543b794b969f', helpText: this.helpText })), h("input", { key: '3b8533a7cd4e0fe1907c6d5e01008063cf70d120', 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: '8791f48bed5d6508b7cccad7bba8da7d65f96ffc', 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: '085b4f0ee135c12c6ea9293593e4c722091f895e', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -48,10 +48,10 @@ const FormControlNumber = /*@__PURE__*/ proxyCustomElement(class FormControlNumb
         return input;
     }
     render() {
-        return (h(Host, { key: '07b767b8c9091079f121d1df2b552c7d406f47b1' }, h("div", { key: '1c6c234435bb5571d3bbf5123f6f47cf51b095d6', class: 'form-group d-flex flex-column' }, h("label", { key: '883c05703351e32c7e12dbf7d984f888825606e3', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '9b841736efd2971cf93c1167ec1fd1c1d5045ec9', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'e21694c1c7611df6ede999aa75fece02977f66f3' }, h("div", { key: '8ea4a38832865e82ffeebcceaabc704d10403966', class: 'form-group d-flex flex-column' }, h("label", { key: '396ab2f79a7168080538ae46da735506b0797311', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '715cb6bfbf439fdd4f659e6d21091b047cbca94d', 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: '26133a236b3c8b2cc14dce1c1244f3b1a9163605', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'e69f03f593e1632fada2d1f6dd56aaf5612a2da7', 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: 'f8695d85c9b447644b5bdf02d4df9e1c1e3e5da7', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'e736f720d89f5d5aeee6982cb15ea11f63c5dd93', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

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

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

@@ -47,10 +47,10 @@ const FormControlSelect = /*@__PURE__*/ proxyCustomElement(class FormControlSele
     }
     render() {
         var _a;
-        return (h(Host, { key: '181f9882efa122d1158475b03c5d91b6a596a029' }, h("div", { key: 'ab62345c08da6d3d33fa110937c936758e065eb3', class: "form-group d-flex flex-column" }, h("div", { key: 'a4cd1468d4c57b63ee25f25cca6f42ea08b70ef4', class: "d-flex align-items-start gap-2" }, h("label", { key: 'ebb6e16b2e11a3623c3152eb8e1b51412fa4d1ae', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '5d5d414a90927659661b6a2e167056c938e9c5a7', helpText: this.helpText })), h("select", { key: '8105c889f7fdb9376848c6057ccd58b9c62841a4', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'bf6556107b1f272aa6bc4f89cb0f2a889f8b9d1d' }, h("div", { key: 'be1644d78987676c9af452831e25c3effc31a67c', class: "form-group d-flex flex-column" }, h("div", { key: '62eaea4bdbee959d6e785c00c4f41f642c0a16af', class: "d-flex align-items-start gap-2" }, h("label", { key: '641ada798c78ca0c649ec76029c157069636838b', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '3a04fe21799a54e402e8afead34b60898c804af4', helpText: this.helpText })), h("select", { key: '54188864be36aed540647275cd84eae738eb633f', 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: '061a26387560f0b8085e83e1c373a43340146469', 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: '387753bf79494f44a91858175af74d48a9e9c051', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

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

@@ -48,10 +48,10 @@ const FormControlText = /*@__PURE__*/ proxyCustomElement(class FormControlText e
         return input;
     }
     render() {
-        return (h(Host, { key: '4ab9e7a2c6312b568de8a8ee429ef02f3f792173' }, h("div", { key: 'e273e0bc062be883505fe3047d41a741eaf23a44', class: "form-group d-flex flex-column" }, h("div", { key: 'a7496dd4f6b5549f26752ca2de35a34c5261e439', class: "d-flex align-items-start gap-2" }, h("label", { key: '97480c49cb0fcd3c75d123c6033df4880755baf0', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'e2a53e4e15be4f9f739a79afeaf28c3671c14a4d', helpText: this.helpText })), h("input", { key: '1571553d763734454026b2c4feaa88a9535f2057', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '0a275b26c5e6604a478bd4618f8955264205b4f8' }, h("div", { key: 'c495cf0113cfd1ddd6a4d586dfb96d67ec7e92f1', class: "form-group d-flex flex-column" }, h("div", { key: '6a97e6086faaf4b43c41da9615568f359760343c', class: "d-flex align-items-start gap-2" }, h("label", { key: '39c1d7b7d281874a81125374e7a351783de14207', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '646caf4cd154574488610f47a593a8fbfff0778f', helpText: this.helpText })), h("input", { key: '540637afeb21d3da93c304710568a0ed8ad99dc4', 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: '44f7c7847a2255ff3ddd83f542ff6690d1aed798', 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: '1a8246dbf9908c7e56ae2cc0cbea65934c3a33ce', 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 FormControlTextarea = /*@__PURE__*/ proxyCustomElement(class FormControlTe
         return input;
     }
     render() {
-        return (h(Host, { key: '1e73c7219f321b73bc6001cde222b33ba79a7338' }, h("div", { key: 'dc682efd7a21e80ed1936cf69a186d3fab258de8', class: "form-group d-flex flex-column" }, h("label", { key: '526bcc6604b03b79737e4211c6d7a282cbd71979', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: '4dab395c565c7180631042f99ac3b91382df4ca1', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c23d0ccb0e033048012cb1e1110f785a6270b163' }, h("div", { key: '971db0fe032afae7ea976e0fa3845040a39aab28', class: "form-group d-flex flex-column" }, h("label", { key: 'b733fd61b5421aea811e3b9423d85c6c682493f0', part: label, class: "form-label", htmlFor: this.name }, this.label), h("textarea", { key: 'fa13e420ffdfa28d139418ebfa48bf9108710438', 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: 'dc851b2b46a3be03c65121a7e1f957f6c6d20c1b', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '3f09a6b275b4218aff7588f90a3cdb0de02ae8bb', 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: '787e9ecc2833c827880c7a44c9a577c56f258375', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '0f0915db581aee8672f6089d681596c9650b09c2', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as formatCurrency, m as formatDisplayDate } from './utils2.js';
+import { c as formatCurrency, l as formatDisplayDate } from './utils2.js';
 import { E as ErrorState } from './utils.js';
 import { S as Spinner } from './spinner.js';
 
@@ -11063,7 +11063,7 @@ const GrossPaymentChartCore = /*@__PURE__*/ proxyCustomElement(class GrossPaymen
         }
     }
     render() {
-        return (h(Host, { key: 'c7c3742fd58fd1cdb31e597276ab25383e7f68f4' }, this.loading && h(Spinner, { key: '91f42ac927a4c47c0ea6cede0909c336ad35b14b' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: 'f14629598936e40b84026bd0df61db2966295055' }, this.loading && h(Spinner, { key: '85adc549e3403bdf51daa54532074211ca9b427c' }), !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: 'd3aa78cd75de1a781c8100c121933122c6db599b' }, h("input", { key: '7ac01ecc01ca776cd6928a3a1d1e0b2baa4b8965', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (h(Host, { key: '101ddb08b5ac601f7cfeafee09d70f54b1d66f59' }, h("input", { key: 'b6318d9b00eed8d15d212ac7ba43ecb9fdd8e82c', 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: 'a3039409160cb6fd7dd2e7bf189e241f34ddeca6', class: "form-group d-flex flex-column" }, h("div", { key: 'dab356c30fedca21f6092cfbaf576e23df36b318', style: {
+        return (h(Host, { key: '48e69bc02c2aeda1ceb355baf9b1ec5e445e44a5', class: "form-group d-flex flex-column" }, h("div", { key: '8ece805fab05473a7cbe8f4c093313cdb43c321c', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, h("label", { key: '0469fb973476f92cd5b275b62e4a462521448273', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: 'd91253d593d700279c0d869b34d3d4f5d572759a', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, h("iframe", { key: '2a3676ad3d25daedccaa0cb2297f505641b47497', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, h("label", { key: 'f3412b3845d16d30407f86aaa9e924f391cf6541', class: "form-label", htmlFor: "", part: label }, this.label || ''), h("div", { key: '8557ed13cc67232983e091b40ca1c3a6c0cfdf9c', 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: '178d81e1bb1b4b333466a0070c6fa2729f697d2d', 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: 'e54b9c1a7ef5da3bed2eb62e25a28c91865f1f40', errorText: this.errorText, name: this.inputId }))));
+            } })), h(FormControlErrorText, { key: 'b149f245fc1687512189175f7d64b316d394982d', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return this; }
 }, [256, "iframe-input", {

package/dist/module/internal-button2.js

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

package/dist/module/justifi-additional-statement2.js

@@ -41,7 +41,7 @@ const JustifiAdditionalStatement = /*@__PURE__*/ proxyCustomElement(class Justif
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '38afa726961618a321faa0a0653fe13c933cc5d4' }, h("div", { key: 'dcf1bbb019196719fe2f08cb38542d9e4af21797', class: "row gy-3" }, h("div", { key: '30bf5043e78ba03e1cb90b931a2b9b9b7aaf8317', class: "col-12" }, h("h2", { key: '176b0cbd82fc611521355d2ebb472bf21ad88790', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '67802f033535941d8e78c345c642ba1cc009eb61', class: "col-12" }, h("form-control-textarea", { key: '947ddec697cc65faa174ec121a6fcc501a3a3ebd', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: '9c0469c54fcc5f160963d605d9503899070e9ab8', class: "col-12" }, h("form-control-file-v2", { key: 'b2fb3203125da6ab27948911f8b83bcfdd845496', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
+        return (h("div", { key: '52a3582921131f503e686dc1e4e414ecbe2d3436' }, h("div", { key: 'b1ed7dd8700f9a23b8192cedad71c1f6d7cdbd81', class: "row gy-3" }, h("div", { key: '57a4468b76e542c5a4e69f7f6f9a5e798a3deee6', class: "col-12" }, h("h2", { key: '718743cea661a339cc5eafd6d7dfae0b8b04756c', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '0a7dcb294cdc2a2184e4001965527ba29c9729d2', class: "col-12" }, h("form-control-textarea", { key: 'cb8a64aaaa7959210f920133d1dd77796df6fa18', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: 'f4807fb4a58f89cc87ea90279abd35024460db55', class: "col-12" }, h("form-control-file-v2", { key: '35ec01b9fd4025701aaf933a2a9cf03735d734d6', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
     }
 }, [256, "justifi-additional-statement", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/justifi-apple-pay2.js

@@ -340,6 +340,7 @@ class ApplePayService {
             merchantCapabilities: ApplePayHelpers.getDefaultMerchantCapabilities(),
             supportedNetworks: ApplePayHelpers.getDefaultSupportedNetworks(),
             total: ApplePayHelpers.createLineItem(label, amount),
+            requiredBillingContactFields: ApplePayHelpers.getDefaultBillingContactFields(),
         };
     }
     /**
@@ -547,6 +548,7 @@ const JustifiApplePay = /*@__PURE__*/ proxyCustomElement(class JustifiApplePay e
                     ],
                     supportedNetworks: ApplePayHelpers.getDefaultSupportedNetworks(),
                     total: ApplePayHelpers.createLineItem(checkoutStore.paymentDescription, checkoutStore.paymentAmount),
+                    requiredBillingContactFields: ApplePayHelpers.getDefaultBillingContactFields(),
                 };
                 const result = await this.applePayService.startPaymentSession(paymentRequest, checkoutStore.authToken, checkoutStore.accountId);
                 if (result.success) {

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

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

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

@@ -34,7 +34,7 @@ const JustifiBankAccountForm$1 = /*@__PURE__*/ proxyCustomElement(class JustifiB
         return this.bankAccountFormElement.tokenize({ clientId, paymentMethodMetadata, account });
     }
     render() {
-        return (h(StyledHost, { key: '5f3b8fbc0592dce5def5def74cbc724338acf93c' }, h("bank-account-form", { key: '3c8e92e35ea8faf35b08df04190413770211d42f', ref: (el) => (this.bankAccountFormElement = el) })));
+        return (h(StyledHost, { key: 'cb5df99dd1983eef6f184637218bb4c21dee6523' }, h("bank-account-form", { key: '4708b8ee8cb578e856d05c65edca077128251366', ref: (el) => (this.bankAccountFormElement = el) })));
     }
 }, [257, "justifi-bank-account-form", {
         "validate": [64],

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

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

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

@@ -29,7 +29,7 @@ const JustifiBillingForm$1 = /*@__PURE__*/ proxyCustomElement(class JustifiBilli
         return (_b = (_a = this.billingFormRef) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : { isValid: false, errors: {} };
     }
     render() {
-        return (h(StyledHost, { key: '40a8a4342204d1679c9b37fb775184131c68248b' }, h("billing-form", { key: '65156fc636a2196aa2d189ce5c4d66f755deb3f6', legend: this.legend, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: this.paymentMethodType, ref: (el) => (this.billingFormRef = el) })));
+        return (h(StyledHost, { key: '3dd5b300e9c156a7f848cb94600d40d554791a93' }, h("billing-form", { key: '92d70269b12e5c3fea236553343085f1a8a37c19', legend: this.legend, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: this.paymentMethodType, ref: (el) => (this.billingFormRef = el) })));
     }
 }, [257, "justifi-billing-form", {
         "legend": [1025],

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

@@ -8,7 +8,7 @@ import './config-state.js';
 import './dinero.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import './Pagination.js';
-import { a as CountryCode, b as Business, f as BusinessFormServerErrors } from './Business.js';
+import { a as CountryCode, b as Business, e as BusinessFormServerErrors } from './Business.js';
 import './ApplePay.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { B as Button } from './button.js';

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: 'f1ac17863df571d72e7db9b748b1980218145322' }, h("internal-button", { key: '0b7052d216fb79ed5d9f90aacff97d39dce87473', text: this.text, variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, type: this.type, disabled: this.disabled, class: this.class, customStyle: this.customStyle, hidden: this.hidden })));
+        return (h(StyledHost, { key: '1e09a302d064e2e4a860dc4efd9eb9693d4d0055' }, h("internal-button", { key: '9ce7819853789c44860de43f26632c62415ebdb5', text: this.text, variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, type: this.type, disabled: this.disabled, class: this.class, customStyle: this.customStyle, hidden: this.hidden })));
     }
 }, [257, "justifi-button", {
         "text": [1],

package/dist/module/justifi-cancellation-policy2.js

@@ -41,7 +41,7 @@ const JustifiCancellationPolicy = /*@__PURE__*/ proxyCustomElement(class Justifi
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '11292b7523ea77a978c03e8a349da8d2bdbb12eb' }, h("div", { key: '9ede1868d00b7df2a6e4af76bf6203a26988f20b', class: "row gy-3" }, h("div", { key: '409a15cb80914863ffcbba73eea6e706393bf1b0', class: "col-12" }, h("h2", { key: '4012cfad95101c0372b8ed6b6f7f3e093e28869b', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '89093d799883ff5673cbacd838c5ca3e2fa47f54', class: "col-12" }, h("form-control-textarea", { key: '2646ab607bc3360ecc6491314a3e09bdc01f6597', 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: 'ab8fb47510394ff89854e8fbc74ec27ef071f227', class: "col-12" }, h("form-control-textarea", { key: '8b1cbcf64fa6b7af0f3389304fd86a9d1550f957', 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: '13f905a58086f5955ff39c39646f92c900a6b125', class: "col-12" }, h("form-control-file-v2", { key: 'a9dd3168ba628bb18c713618dec8c584345ca1db', 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: 'b91b53561920d566bc508a2356159b6f0883eb0a' }, h("div", { key: '1a579081d289314528ca63c7aa8cc14d61a0458a', class: "row gy-3" }, h("div", { key: '99804ed2e0018dbc0749fbe0101b328dbdba8208', class: "col-12" }, h("h2", { key: '27e080e43f0f8b0aa665dfeab527bdd34a9b3c69', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: 'ae8ef97b796d26c1bd961a0480cc855d04b6c05a', class: "col-12" }, h("form-control-textarea", { key: '9c62ef0af2425d0d611b6bdeeab79649debe0847', 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: 'ad26b16f585ac4a99a74893b90a76a66154fb96d', class: "col-12" }, h("form-control-textarea", { key: '4cd3adee3b01393d83b8b60829c46343ef116a95', 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: 'f015b6667576149bf68831f25a3f28f83c58b222', class: "col-12" }, h("form-control-file-v2", { key: 'd309d1340359ae4435d94711cac9653e64cf68cb', 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/justifi-card-billing-form-simple.js

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

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

@@ -34,7 +34,7 @@ const JustifiCardForm$1 = /*@__PURE__*/ proxyCustomElement(class JustifiCardForm
         return this.cardFormElement.tokenize({ clientId, paymentMethodMetadata, account });
     }
     render() {
-        return (h(StyledHost, { key: '50a01710ce00b5821259ca5742df7d4dce97fba4' }, h("card-form", { key: 'bd5426a1aa6270dc45492115000bb5aac9466fd8', ref: (el) => (this.cardFormElement = el) })));
+        return (h(StyledHost, { key: '56ba841da708aff4b82ea7552fd052888934d5b7' }, h("card-form", { key: '3c9e2ecf2c2091e273a0457b23806a8600227704', ref: (el) => (this.cardFormElement = el) })));
     }
 }, [257, "justifi-card-form", {
         "validate": [64],

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

@@ -16,7 +16,7 @@ const JustifiCheckoutSummary = /*@__PURE__*/ proxyCustomElement(class JustifiChe
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: '43b48a771bd617b3b3481e0976aa50b6b63e2d6e' }, h("section", { key: 'e112a767fef56b095f002dfb272a43eda42ede46' }, h("div", { key: '079ce3aa4eb74004f5ecd3a634d2b42cf9c7a863' }, h("div", { key: '5d816254f104e238122080fcf43356fd7f01bcfd', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'e7d28a3a4cce7399c1fb45194f4fad172e0a2751' }, h("span", { key: 'b1683801875c39a8de8d93e0cdc8778a669eebfd', part: text }, "Total"), "\u00A0", h("span", { key: 'ae2efd44a3ea54d77fcb284fee7361d0ba9b87e1', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: 'aa1a2d197c22b3674316a3e17bd9ab6f231bc5d7' }, h("section", { key: '32dd25a29ac34c760f8c01f8eceb6c12a63ac0af' }, h("div", { key: '426acda00a28d23b653265ff4881745152d51b41' }, h("div", { key: '84bf4e849b4339b3311575068c50eb4e38608818', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '77b6f9f99e2b00d6dbdd6ca096a2a58ae13f8e9a' }, h("span", { key: '7b53fe5e8fa35facc8f27e6b61013e26577e5faf', part: text }, "Total"), "\u00A0", h("span", { key: 'bd55b28e8b239e81d68888e8a2ab5b53856d1a71', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
 }, [257, "justifi-checkout-summary"]);
 function defineCustomElement() {

package/dist/module/justifi-checkout.js

@@ -113,9 +113,9 @@ const JustifiCheckout$1 = /*@__PURE__*/ proxyCustomElement(class JustifiCheckout
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: '276ce9e43391eb3323bce08a465831038acf30b0' }, h("justifi-modular-checkout", { key: '9c111730403d0da1a6769b8a5d41b5517e210ece', ref: (el) => {
+        return (h(StyledHost, { key: '73b79b014b6531a63beeb8344ff60d2b7c471843' }, h("justifi-modular-checkout", { key: '073ad54ce7f410a0ab30f2cb4e8bbf4249eccd83', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: '3cdbc4de0fe612e5a929b27ed1397226d083ce61', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'f1bf2b80e876b96e5357cea7b0a95e2a846b36b6', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '4eb043734efb5f8ed84c5160443ba4f23c5d6fd5', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '786c89b8aa65a73ad3d849f3abe12dec8530ecb2' }, h("justifi-checkout-summary", { key: 'af6a4dfaf6855cc00c1305321c773524bf4220af' }))), h("div", { key: 'a833b1ae983c26e102296d5c96d2b0cef75d318e', class: "col-12 mt-4" }, h("slot", { key: '69318d11beef612aca5b43233aa350410656f3df', name: "insurance" })), h("div", { key: 'd501f4e821acb8ae7b87bd404f7e198442d755b1', class: "col-12 mt-4" }, h("justifi-header", { key: 'a0e35a3c9e17c369cd3f6c20d0920a3b7ab0d762', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: 'c221cf0d0e2fdc5de6ba30932aba29cf5579c0da', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'f010223ce96209a7a5f658731f0addaf99c51a03', class: "d-flex flex-column" }, h("section", { key: 'ea9ea9732ecbdd979d75d5b5be8d3d289559de56' }, h("div", { key: 'ca177b32abef11c82c6a65b455aa4454c3484c9d' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: 'ecb9df8b303bf743310b65253cd1033650f684ea', class: "mb-3" }, h("justifi-apple-pay", { key: 'b37003ac61eeeeba8319f9094cd64675953832d5' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '3a21ba8424131d2ebd2c696e27450bb34c3f6206', class: "mb-3" }, h("justifi-google-pay", { key: 'c24d0b822d896e1ff2ae9125fdd8b91676f85676', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: '1c3d13b8e2b9731e4ff1a2b785bdba6b3041d616' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: 'cdbba68a8191b2e63db0fb1a9019f667fc1fe4e3', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '0318a8e1fb4f64fc9569269f55521372a43b403f', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: '3a1b799a08f03f1826dc91182a08e1df045bcdfc', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '73f003bb884d04dca82657993fb006cc098355bd', class: "mt-4" }, h("justifi-button", { key: 'd39f8b5b10fe70fa99d48852af9535cf8b76354c', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
+            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: '220624a67095dd6c5e45e38165adc0d91387de8b', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '874c39887dd3e6f7a375b962274f5b24b4376d4c', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '08a25616916d84d085af3c105e1c3a7a1805c4d3', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: 'd4163febcd194252dd6e3aae1aa03b9b9cc0d1c7' }, h("justifi-checkout-summary", { key: '22777a669b904b7dd3af1ff703639859ffc9f93a' }))), h("div", { key: '97b42c19e8efd21a41d6e87974fb4fafcfe70c77', class: "col-12 mt-4" }, h("slot", { key: '4b4458ccf0239b1d5e97847ed9eac168285c077f', name: "insurance" })), h("div", { key: '33b48b7b71539faf11b0f5c53a1f6e0b93069dbb', class: "col-12 mt-4" }, h("justifi-header", { key: '6a5af57eacc4874731d056b8f01074d7f8cb27a5', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: 'a7f5a0370e68069bab7e6bd1e5c09b175a77a44c', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '9c4ae3ad92e1bee55295a070306f2fd22e309fc0', class: "d-flex flex-column" }, h("section", { key: '6e450dbf66ea4f096860fdcc8b3bf1d170814d64' }, h("div", { key: '5b82e3ce72a8344916f05bc2213db4f2ebd54172' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '9eaa37fe8d386d7d23e4b6c86b9206c96fdf8c69', class: "mb-3" }, h("justifi-apple-pay", { key: '9c9abe2bdc3803323f00e0a958a86b9496a29cb6' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '9566ce9d4911303bf7236cd112bc125b1129607e', class: "mb-3" }, h("justifi-google-pay", { key: '0a4a00992788daba39d5d1ee029d75975aaeaa31', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: '942357d2f3c15a0cfb8052d6982626d883a6d021' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '2e9c45192f554c086a70d26bef34813a83032684', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '3cd456040d3027ca3c4a1986a871ca2c60b73809', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("justifi-tokenize-payment-method", { key: '89ed477b53199fc45da3c933b6185eb9590ffcde', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: '4d5adc74fcbe92a1b1ade900efb82c38a729f790', class: "mt-4" }, h("justifi-button", { key: '7bae24117b1537457b335dc7583d8897cd3b48b0', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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

@@ -70,8 +70,8 @@ const JustifiCheckoutsListFilters$1 = /*@__PURE__*/ proxyCustomElement(class Jus
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '1cb9ac7fa93fd89d27274da2dc387f03f4243b81' }, h("table-filters-menu", { key: '6b558a243b25c44f0ac284f22e4696fd5b0f0e8a', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '9cda920e54a705a1f410eeb6643ff2b15df23773', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '027f1e03e3bb915d7946b0a085594e3ff22f009e', class: "p-2" }, h("form-control-text", { key: '188c38569a0319ba325e5818785e787404adb277', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: '9cc16df991e6d53071936066726e513e7bfad4a9', class: "p-2" }, h("form-control-text", { key: '1424a8cd91e255240c1691829cc8cabd5bf0f272', name: "successful_payment_id", label: "Successful Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.successfulPaymentId || filterParams.successful_payment_id, disabled: !!this.successfulPaymentId, part: filterParam })), h("div", { key: 'b4ce6ffbf54f46d97c4c8ded6504c71094adefc2', class: "p-2" }, h("form-control-select", { key: '5958c25818358ee30fe1d18b1c61ac02ca26eb19', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: filterParam })), h("div", { key: 'd9f662459748fd0a9c708b6133b0a3cc4b7822d5', class: "p-2" }, h("form-control-select", { key: 'b7d407a70a87c46db06c5ba60046a2a56f7efe4e', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: '34e34871187a8b59d07ae00e9cf21e3fc16a12c0', class: "p-2" }, h("form-control-date", { key: '366cf1b96110c7fd78d235235d27cf5c23da503f', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'b697e3cf585e865fc641f1264de60fcd010a2524', class: "p-2" }, h("form-control-date", { key: '2b63526cd171b9e9e84e58c43b45edf0c004baa3', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '7243c4f7140e73b2ba223aad1836606adcc1d62a' }, h("table-filters-menu", { key: '22761af2434ad30ab54506c9f96d0d15f8ecd091', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '5ad5650361ce7269b6ad7d52007a2a4cad62588a', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '0f7536706a13206719e79a00245dce04ed2f56ad', class: "p-2" }, h("form-control-text", { key: 'a54fa23bba6129b24ce5c7fb3f1e87aba529d5fe', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: 'ba1ae21119e18c3f82575304f81c028e20caea10', class: "p-2" }, h("form-control-text", { key: 'a56307c6d0f3cfb38e0b64e8ebba7f115441c546', name: "successful_payment_id", label: "Successful Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.successfulPaymentId || filterParams.successful_payment_id, disabled: !!this.successfulPaymentId, part: filterParam })), h("div", { key: '1796944828ff74ecee758034c6d2ffd7dede91a5', class: "p-2" }, h("form-control-select", { key: '07a55393cffcc4564ef271d846620c98ec7df47d', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: filterParam })), h("div", { key: '4ad5388e9f82a469afa76e289b4065047c133791', class: "p-2" }, h("form-control-select", { key: '38db1b5ef23350d574ec228093d4e143b8b4107c', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: 'd3f9e4b9876e13222abb5ec4e59557662fef9556', class: "p-2" }, h("form-control-date", { key: '7a0143d72da389fbf4c5408815f470c7efb1e663', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: '896e60cf2eb0ae9868af1d05e84895d051e1b1b3', class: "p-2" }, h("form-control-date", { key: '315490dd6d3bcfa97ceba7bca4eff929d524b41d', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam }))))));
     }
 }, [257, "justifi-checkouts-list-filters", {