@justifi/webcomponents 6.9.1-rc.1 → 6.10.1

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

@@ -44,7 +44,7 @@ const CardBillingFormSimple = /*@__PURE__*/ proxyCustomElement(class CardBilling
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: '436550a34614c3acac156b1a471f80fbb525c8f9' }, h("div", { key: '59335c0ece902d828ed188345f4f09e61fc80020', part: billingForm }, h("form", { key: 'ffd98ca127354e690e937f3d46f1319e55ac1b34' }, h("fieldset", { key: '8a775128fd0ebe6c3eae33e80e56e39a55622f8e' }, this.legend && (h("legend", { key: '1a9a57c77fcc7041dad26632e6655e3391034314' }, this.legend)), h("div", { key: 'ca5c15fb935c19a4edb28ed9deecc3547c2d610a', class: "row gy-3" }, h("div", { key: 'b588fb37e7fe34676c700ed48f177e1ede03fed9', class: "col-12" }, h("form-control-text", { key: 'dc2ff7f4b14f273d1532bce100d257036fa0958c', name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 }))))))));
+        return (h(StyledHost, { key: '5d685e6a8e7b22780431b4f2315a95c43766242e' }, h("div", { key: 'c71d5e6b49162ff2c21cd7b9ee0e9951c264034e', part: billingForm }, h("form", { key: 'a935f2ee1999afe079c13bd3b0e3b2b5225c12d2' }, h("fieldset", { key: '1808d8afc17a22d4156534dc7e54af8350d406b4' }, this.legend && (h("legend", { key: 'c73a35b4311515cf57d6ed5193056a9197cddaa9' }, this.legend)), h("div", { key: 'a36b221db49c567f6fc5e20af2a60fd30eeb4568', class: "row gy-3" }, h("div", { key: '907f29bec68ac9d43fd66f28226b87f2003efbaa', class: "col-12" }, h("form-control-text", { key: '93024133c94fc8eb2f1a34073ea7945d873420c4', name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 }))))))));
     }
 }, [257, "justifi-card-billing-form-simple", {
         "legend": [1025],

package/dist/module/card-form.js

@@ -51,10 +51,10 @@ const CardForm$1 = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLE
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: '32257e6d72dafacce7af9794c293b0d67f36cbac' }, h(CardFormSkeleton, { key: '5a5b1be2a8a302ba591c0d01ad8a1052213ccdac', isReady: this.isReady }), h("div", { key: 'bd4cec838ec0676781ebd22dfb42aa5c539d5af8', class: "container-fluid p-0", style: {
+        return (h(Host, { key: 'fd58409622904cfdbe1df9e7aa893cec0b469472' }, h(CardFormSkeleton, { key: '7bd4dbc17afc1641eafa5cc6c12349901a05b862', isReady: this.isReady }), h("div", { key: '1eb88b3443cb12f592a247335d5a6de2597bf10d', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'c8b373dc5dd4de9dd3d4d50ea4f5727c5ba8823f', class: "mb-3" }, h("iframe-input", { key: 'de721dab484cb39249e4b6c8a583e505ee744264', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'ae34a6e85ecb7261334eb3d1f47f122538bd428d', class: "d-flex align-items-start" }, h("div", { key: 'fa5a21f30a695630e602fd5f1d8c89a80b4f6820', class: "flex-fill me-3" }, h("iframe-input", { key: '68eb3d697272e1a221c95f8e40b01b873e5d67cf', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '06bde073c1c751d3e80ba5dae41527282dbe79fa', class: "flex-fill me-3" }, h("iframe-input", { key: 'cf0e11a7cfe6b57fcaa8b008a119c682b2d3df96', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '9e0469c220121d12d84a860b942bd7d7915bf43c', class: "flex-fill" }, h("iframe-input", { key: 'bc75ed49dafbc6760b3c6d96c7103ce2c092f5fc', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, h("div", { key: '4b50883a1094343e1f039c8bafed2ecfb42be0e8', class: "mb-3" }, h("iframe-input", { key: '83930c6af6b6a7eb82bf66565fa2e9d16b3bfa59', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '33c8a34d012abc533d5b69baa3fddfcb3714be61', class: "d-flex align-items-start" }, h("div", { key: 'b37fedaab03b543789fb2909d0daa91d28d9b772', class: "flex-fill me-3" }, h("iframe-input", { key: 'd5fa7b25f4726e6896ee8fcf0a2ab882b1df5260', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '38798bb90f5457d3e5c3659c716fe38a79a2f2a0', class: "flex-fill me-3" }, h("iframe-input", { key: '44d57ddbe4221e1d0000a9db7a19d8878211cb50', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '233f99090baecc6097f2226d93a14d428571b03f', class: "flex-fill" }, h("iframe-input", { key: '0d353a3bc4c1ece3a5ff3aecc9aabf349d59bc90', 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: '8bedea94cc72d6a84ff3705893da2c5678d8dac2' }, h(TableComponent, { key: '2586b1e603b8f440b6519b83569658159261883b' }, h(TableHead, { key: '0a90fd9c9a7a04ef99d34fce93f653ab07171613' }, h(TableHeadRow, { key: '50abfd71e298117cb45f99315e45a32c153bbe31' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '0c601858a90a41a5de85518da7ecaa6ecea84b39' }, h(TableLoadingState, { key: 'be6232867b11f03289e3d0e31378e072dbe472c0', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '89d2ff2c16817259ae14c64c0b61cf6ffb24d034', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '25a35d99413928f9b7a8c3e72d2f470aaa4ce17d', 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: 'b62cc1ca080d4ea40f956e2652b082e3a4cbb190' }, h(TableFootRow, { key: 'c13f7835419b66dbd40561b9e71100b14628ef65' }, h(TableFootCell, { key: '9934c6d5f1b6996b0ec22bd8ec65ed16103a7a16', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '1d1604d827c0d4c464c3f897ec4a0bbbec85cc44', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '54239d9ac3afe4d4594d523f9b84b5bf852190b7' }, h(TableComponent, { key: '0c466e435625f08326fc521690c055648a0d3a6e' }, h(TableHead, { key: '6ac0b1a9bf3d42eb5bac5910f341c84a75d15eaa' }, h(TableHeadRow, { key: '171cc43a933be88dcfe2385414d6368755a66a00' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '238b814cfb2e27fa0ae0aee319da04fb7a9da477' }, h(TableLoadingState, { key: '3e73b173a14edea582ee06caa248dd31bf7e8971', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'cd2ec244aa3663f4255f245727790c30c28438f7', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'e2f458e70836a01cca79aa6e43c7d8a89bfa593d', 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: '97d1c34429fba943a752e9ece7348dd19d742c68' }, h(TableFootRow, { key: '252e8f76070a8a6a531c710cf36117a04625271a' }, h(TableFootCell, { key: 'a3fcfa5e6a90cac15348a387f65fa5b7ed2517f8', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'e4fa2774647748fd12c3742b3dd078aee8fdf483', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/details.js

@@ -9,7 +9,7 @@ const Details = /*@__PURE__*/ proxyCustomElement(class Details extends HTMLEleme
         }
     }
     render() {
-        return (h("div", { key: '8da7d6826f10a6a5e38178488caa1844703fd4e9' }, this.errorMessage ?
+        return (h("div", { key: '77d9c172a85e392d3c21d7d789dd2c264858f571' }, this.errorMessage ?
             ErrorState(this.errorMessage)
             :
                 h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));

package/dist/module/form-address-fields.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: 'a9a3358b29ba2af1760f11daacfd7ea8dd377e88' }, h("div", { key: '19b7c3cc159e1d0417500e9fa77a7ef1f99ab073', class: "row gy-3" }, h("div", { key: '39ec325f477d4e3f8ea50c6ce6d5a18a9943ed0d', class: "col-12" }, h("form-control-text", { key: 'c28c8efb5e5e3dcddca7f269eea012e1eb6c8bef', 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: 'abc3407527013d95b8953350a9687e901e2b7ee2', class: "col-12" }, h("form-control-text", { key: 'ad96552d35054d9786fc700ff8b145e41842bb60', 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: '29bf8174fba4572106abbcf7a5a28bd16edd7557', class: "col-12" }, h("form-control-text", { key: 'f90a713b843efe3ebe172d03e78ffd63f14c67d0', 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: '50e1dd962a016f9df1c6be8b078a2ab1638984f6', class: "col-12" }, h("form-control-select", { key: '03c935a31111fcec94944fbdd09c618c5438547d', 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: 'de139451dd810168535a563d92aad668afe5952f', class: "col-12" }, h("form-control-text", { key: '46e0cb97fd975c8610d4c2b9b3b9d8c9b51790ff', 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: '8dabbee93e0f319db333ada6c20af49ed6131b8d' }, h("div", { key: '4b308ca9fa92321e5f60f3e4d9ab1c4e60cbd703', class: "row gy-3" }, h("div", { key: '9c25eec2effd7caed70a3f02f6a780513fae930c', class: "col-12" }, h("form-control-text", { key: '6c2ae178c2122d1f6085906690adadf98cb0774b', 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: 'eba53a69fc4c869014ef8b7bf6ff9b1d8f5be566', class: "col-12" }, h("form-control-text", { key: '11c743ce2388173c41cb16f1865fe58b2015d6bb', 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: '2025c9bb15286f5c3e4693b596372a7dff730ce8', class: "col-12" }, h("form-control-text", { key: '5e0e40fd028d12b88cb15a38906738320e30aeca', 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: '5ec53f357907749c9abdcf568c027b71faad19fa', class: "col-12" }, h("form-control-select", { key: 'b9eef22eb507ffbd58c26bffa41b5b225925297c', 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: '7456cd4f6b62b59bc9289ca3721440083e9aa4f3', class: "col-12" }, h("form-control-text", { key: 'c483c93d0f09d5ded3c11145216273ba75822009', 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, "justifi-form-address-fields", {
         "country": [1],

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: 'd8751f35400eaee04f8bbd18bdcf10f2d6b4e7fb' }, h("div", { key: 'ffd90c09afc2b0eb975ef29a4c6b45992c8a4ab0', class: 'form-group d-flex flex-column' }, h("div", { key: 'd0608d6e48d3b46314d175962ce7fa733757b4e1', class: "form-check" }, h("input", { key: '283deadf25167eddab6a6dd80972e61fe994ac36', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '56962751d91674cfeb2716ba90bb9e9751ea4f66' }, h("div", { key: 'e3bb3cac2bf8ae03fc72558b3c00ef32ee56f61d', class: 'form-group d-flex flex-column' }, h("div", { key: '7be82e8be1da073c8f0e5ca7d609ce1d29c82c5e', class: "form-check" }, h("input", { key: 'f6b5f0ed365937feeb6ee0d885c55a27f21eaec0', 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: 'e0b5c49aff835f26e3ccf2b9e4d2d13060c97347', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '9ea54b0a8799add1031f25cf6282d6fe12871636', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '86f07f50a662e2e4be5d61770fdbd296dd62e841', 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: 'dda8703d86506cdd5a3b3549f3c54296830ff20f', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'a4260e0cc463ad937128d46a3eb251191319473d', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'de41ad6865a3d0414fa850ee5439cc11abf31f4f', errorText: this.errorText, name: this.name }))));
     }
 }, [256, "form-control-checkbox", {
         "label": [1],

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

@@ -71,10 +71,10 @@ const MonetaryInputProvisioning = /*@__PURE__*/ proxyCustomElement(class Monetar
         return part;
     }
     render() {
-        return (h(Host, { key: '0abc95933f54c30ce9a1cd6e17dce9eabda5945e' }, h("div", { key: 'c756a4f5c8c2c165eb8b115f76346b6b14282481', class: "form-group d-flex flex-column" }, h("label", { key: '0ce25c74d911d906bfa273a2900f7fb9b39317df', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: 'bfe06a371b9454fad8a36aaf67eaec70e3c399de', class: "input-group" }, h("span", { key: '194e93897e92cb4ea0302ece2d55fc67ffae8e30', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '1d6a08e3f99e398b1ef2e89281f5d0d400d422d0', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '7a72954c74f3cb31f92d565835de4aceb874a1b5' }, h("div", { key: 'e05612ec4b1b195a24f5a2d2a00ca5b284b4c2f7', class: "form-group d-flex flex-column" }, h("label", { key: 'ffabdebea58878f550cad78430783bcb8372f2c1', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '3593ef8b4adda873a7d6b1789253bc6e1748dcfc', class: "input-group" }, h("span", { key: 'b42f4a51f38451ee36fff437b3a60bd1292d6307', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: 'd49072c9c3653540fc8edca8a8dd86ad34bef902', 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.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: '6806b1d39a8bada93238764d6fd42ec6689ff9d9', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '468326ea1e0b89085dcff1843145335c35f1f160', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'd714b88d923f5f38f1b66620c5513ce7c82a7ef0', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '47b9d96f588785bb2597b16a685c18889e1945c1', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form.js

@@ -11921,6 +11921,24 @@ class FormController {
     getInitialValues() {
         return this._initialValues;
     }
+    setFieldError(path, message) {
+        this.setError(this._errors, path, message);
+        this.errors.next(this._errors);
+    }
+    clearFieldError(path) {
+        const properties = path.split('.');
+        let obj = this._errors;
+        for (let i = 0; i < properties.length - 1; i++) {
+            if (!obj[properties[i]])
+                return;
+            obj = obj[properties[i]];
+        }
+        const lastProp = properties[properties.length - 1];
+        if (obj[lastProp]) {
+            delete obj[lastProp];
+            this.errors.next(this._errors);
+        }
+    }
 }
 
 export { FormController as F, create$6 as a, create$7 as b, create$3 as c, create$8 as d };

package/dist/module/google-pay.js

@@ -100,7 +100,6 @@ const GooglePay = /*@__PURE__*/ proxyCustomElement(class GooglePay extends HTMLE
         const config = {
             environment: this.environment,
             gatewayMerchantId: checkoutStore.accountId,
-            merchantId: this.merchantId,
             merchantName: this.merchantName,
             authToken: checkoutStore.authToken,
             accountId: checkoutStore.accountId,
@@ -138,7 +137,6 @@ const GooglePay = /*@__PURE__*/ proxyCustomElement(class GooglePay extends HTMLE
     }
 }, [257, "justifi-google-pay", {
         "environment": [1],
-        "merchantId": [1, "merchant-id"],
         "merchantName": [1, "merchant-name"],
         "iframeOrigin": [32],
         "iframeReady": [32],

package/dist/module/identity-address-form.js

@@ -21,7 +21,7 @@ const IdentityAddressForm = /*@__PURE__*/ proxyCustomElement(class IdentityAddre
         this.handleFormUpdate(newValues);
     }
     render() {
-        return (h(Host, { key: '1c93fb646246c5646e689b41e220dfcf13ceadd7' }, h("justifi-form-address-fields", { key: '4cfed57560fa78b6728bb2c8cd91fb4482a16b6d', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
+        return (h(Host, { key: '1b644425472c68880a9be150d52029a64d75ea26' }, h("justifi-form-address-fields", { key: 'd5e95bc81c654d00a0fcac4760705bd21b3b8c8d', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
     }
     static get watchers() { return {
         "address": ["handleAddressChange"]

package/dist/module/justifi-checkout.js

@@ -112,9 +112,9 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: '4d53ca71421b23e4bb4710af1b85341b511a9c86' }, h("justifi-modular-checkout", { key: 'd317131f9036e40d2230c182e89c6c6b69860834', ref: (el) => {
+        return (h(StyledHost, { key: '6bbc4c4997d14ac9040b8f88075a7e9b53208d4c' }, h("justifi-modular-checkout", { key: '9b11e7df277e5e9f70cd8928f865a2e62cfc8293', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: '8d453fa8d67ffa178c9e8654d52f0af1ca39b6ab', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'df0aa5d8a95e9e6fa76e6157fc0dd05d0daf6bb8', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '016775d098045b00e0619ba26f3fd164153ed57b', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '4d3ea81217d09713094a7a897dba6cedaf023327' }, h("justifi-checkout-summary", { key: '6dcea6eb45b9153acbb755141d7df8bfbf8073cf' }))), h("div", { key: 'e2240514560fb476c7da7d95edeaef9586cc9f8e', class: "col-12 mt-4" }, h("slot", { key: '682bf1a4e3275bf50e2d5758c6f59042903186d4', name: "insurance" })), h("div", { key: '51a3780eac3fe5e3f5539fc8cdab411cfc224438', class: "col-12 mt-4" }, h("justifi-header", { key: '555a000e6758b53347dca4dd06fc602001b64b71', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: 'b2f6e1b215bf508eeeb010de3a9779b149645882', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '9386c93e5b7154df4258adb8f09f6154965101c8', class: "d-flex flex-column" }, h("section", { key: 'da5a8373ec36956dc2d8a31a9ec19350ac730c8e' }, h("div", { key: '51b5d1e6d4300b2e724c53b066e5a8540b982501' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: 'e668ce06ae6a232dac2b2b50e8d4c1a653a94a81', class: "mb-3" }, h("justifi-apple-pay", { key: '4fddbaf604cfe8e872d44a8144c810eccc645347' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '15394e9eb42415b6bfebb27bfb29fe90105ffacd', class: "mb-3" }, h("justifi-google-pay", { key: 'b352ac7dc6720ac38f42a8f3ea2cef65f4c092bd', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: '3a6d55f0935220a8e04e68c23b33f21b0ea4d19a' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '4a49347663ae892f979f7be819d4623cc1d3f4a5', 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: '023a71bcc1b03978fcf3963b8d7bc6090c1547fd', 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("internal-tokenize-payment-method", { key: '52f211029850da4275a7a47fd10027fd68104f2a', 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: '722e43a154f368d365920fb57e5b720610393ec3', class: "mt-4" }, h("justifi-button", { key: '6eabb27838feadee8449265585f421a0b24ad89f', 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: 'c64981c31fd2d022f886b0613bd47bd0b0fe5f2a', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '8f01af25b281a19f7fc83451a44f63836efadc20', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: 'd729ed0b26c94e74d8ce824fcf97bd3002e3a9d0', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '9cc9863b1dd2531bda52e609bba5c7c8f9883cb1' }, h("justifi-checkout-summary", { key: '00f36de593e245982bfe03c8867881fedfb7d43f' }))), h("div", { key: '3fe5390d7b8b2fbcdbfff4b71d4b7c43ddae9ff6', class: "col-12 mt-4" }, h("slot", { key: '84fa5a7e7772124d7fa61a9317499618850eb0bb', name: "insurance" })), h("div", { key: 'c8d1553c6041c0e000eab9dc953a23aa089a3f90', class: "col-12 mt-4" }, h("justifi-header", { key: 'a08fc163ba437f767ab88d78ac55ae003b09a567', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: 'bff5fc2986d37bbe49a5253d43db55663ee7be74', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'f5ca969400444639b09e423b154e47abf89c731f', class: "d-flex flex-column" }, h("section", { key: 'b70209321ebefd161ae3113293c62fe953913f2e' }, h("div", { key: '4df7539a9b8d6b52d47ad32974a59ab2d366b4b2' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '023deb9a1d025e36cc2b07c3ea8144e0068ea470', class: "mb-3" }, h("justifi-apple-pay", { key: '4e52440f329bae25194e71fa30190218f5c1cecb' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: '83e12debb25e0ef095ca40d87054411396238754', class: "mb-3" }, h("justifi-google-pay", { key: 'ed6312e39ff4a98c819cf1853f416c6fbf845323', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: 'e059fda26ec54c4f908754663fa23f26c3df8f0c' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '3d836539d5850abfd956b39bede6efad5954bdad', 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: 'ac0ac64e9f7586764e3f5671c74794c80ffcff54', 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("internal-tokenize-payment-method", { key: '894e7a5bfef2eefa5d045928bb6fab3b1f39bd5e', 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: '2121952545d38693f11426ef8146b39956d4f427', class: "mt-4" }, h("justifi-button", { key: '5e7cf3c699048943df68c0506a34617d0b14bf07', 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

@@ -69,8 +69,8 @@ const CheckoutsListFilters = /*@__PURE__*/ proxyCustomElement(class CheckoutsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'e9f21ca858cdd845947b502f5e96cff28f47ca60' }, h("table-filters-menu", { key: '81a2c6b19ac787643a7d929fb6a8b7eb95257bbe', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '45f0e2f4e476a046041ca9a957eee8ea20c7735d', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '3a331690ba3b564b10fe2177f073034234e3d2cd', class: "p-2" }, h("form-control-text", { key: 'f0734168f12ba52c4bb469ad8280f533f93d7d65', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: checkoutIdCheckoutsListFilterParam })), h("div", { key: '8775836bcf9e1f58daa62ad3ebd025f7253e2e77', class: "p-2" }, h("form-control-select", { key: 'e427ce192bf57a4a4b6b9eb874e7a898db53c20e', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: 'ad0424387139c4540c9a7d3f86ef076895a6f6a5', class: "p-2" }, h("form-control-select", { key: 'd542e1bacfd6330f36c9a03ed50d9c11f76c2cfe', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam })), h("div", { key: '4ee44b0f1c7c19b1951df2653dbe7ab30009876a', class: "p-2" }, h("form-control-date", { key: '61f479f726ea0f2f4029d8eb8d90867b584987c0', 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: createdAfterCheckoutsListFilterParam })), h("div", { key: '2bae06e38b1fe5c0cddaa393fe71a8817e1c9caa', class: "p-2" }, h("form-control-date", { key: 'f9c429d9fa08bb52b2baede5c9aab550e5f6a381', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '026d871e88f893ee2d565b13c72bdafaeedc1f9c' }, h("table-filters-menu", { key: 'a64b6212c54729cf08d0211720b815837187018b', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '11897ce900abc322fa0107516d350f53a857aa1c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9f926a008dc275e53aa1d82c09410e4f65b4221e', class: "p-2" }, h("form-control-text", { key: '57020a2320f442a0ee0a6ffa443f88dea855b651', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: checkoutIdCheckoutsListFilterParam })), h("div", { key: '40c6e5e2e342573fcb6e1f34309e324ca2a9ee2c', class: "p-2" }, h("form-control-select", { key: '7c70d0d6bdc322fc9682b3c64393778642fe8ad4', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '51eb0d4cf8d3f9643af1f5fb8ef2e0908ebb18d3', class: "p-2" }, h("form-control-select", { key: '47352ceaa0f989533c366d68228cc2752ef12fec', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam })), h("div", { key: 'cee7d5487e1b4f6dd6c25230c012d69b97326392', class: "p-2" }, h("form-control-date", { key: '0b6e3821eda78c9dca9797d965020636ab31c9b9', 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: createdAfterCheckoutsListFilterParam })), h("div", { key: 'd4b38febbc6763c828761bb5eab3594bd3c29f9d', class: "p-2" }, h("form-control-date", { key: '3729809c6ec729c2c2887d722e16e29a9f405b09', 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: createdBeforeCheckoutsListFilterParam }))))));
     }
 }, [257, "justifi-checkouts-list-filters", {

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

@@ -105,7 +105,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: 'ed3348e7fa7c29ca43a6e2eac514977d6e241fde' }, h("checkouts-list-core", { key: 'cf51355b3b29417168f89ae6d25d19c91f6274e1', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '08345e8bbe637cea344a232da2302bd0298a5ac9' }, h("checkouts-list-core", { key: '7aa34a0537810197cf6962d1a89e12e9ad9d8eea', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-payment-provisioning.js

@@ -107,7 +107,7 @@ const PaymentProvisioning = /*@__PURE__*/ proxyCustomElement(class PaymentProvis
         });
     }
     render() {
-        return (h("justifi-payment-provisioning-core", { key: 'e23ca77eede55a3fed1d1c58ecc2dbc002f13763', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
+        return (h("justifi-payment-provisioning-core", { key: '8df2a722a6c7150950cbc0a2d923bb1a107170ee', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/module/justifi-radio-list-item2.js

@@ -19,7 +19,7 @@ const JustifiRadioListItem = /*@__PURE__*/ proxyCustomElement(class JustifiRadio
         };
     }
     render() {
-        return (h(StyledHost, { key: 'b0501b66bcfdd697d88c01835b8f97fb2c0861ab' }, h("div", { key: 'ada4dda7868086b1ea4cadd6c8824f87d3cb2301', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '72c6d07dd2a664ca6bd2be9b446584d7344bc2b0', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
+        return (h(StyledHost, { key: '1ae40f787970160e38b72f917bda96f480d2a890' }, h("div", { key: '2130596c8294cc38365e6126806735da0f93ef4a', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '7d5524f518430f2bfd1c9863f354318929353cfb', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
     }
 }, [257, "justifi-radio-list-item", {
         "name": [1],

package/dist/module/justifi-saved-payment-method.js

@@ -26,7 +26,7 @@ const SavedPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMe
     ;
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: 'd659f1bc89ca259d0c25fea6caff7e0c25c504fb', class: "payment-method" }, h("div", { key: '1b867a0a1049d9af83607fa5bbf7096d92e9633a', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '6929cef340fc6c126a21cf34792b4ea5298e0216', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
+        return (h(Host, { key: 'c69143079680d44157ee7df3b344de8a841ac51d', class: "payment-method" }, h("div", { key: '16bb3b07ed7fa23efde64b92302b5f7f51958fc4', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: 'aa4b30d36088b1c1c71710e05c3746c03254629b', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
     }
 }, [256, "justifi-saved-payment-method", {
         "paymentMethodOption": [16],

package/dist/module/legal-address-form.js

@@ -25,10 +25,10 @@ const LegalAddressForm = /*@__PURE__*/ proxyCustomElement(class LegalAddressForm
     render() {
         var _a;
         const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (h(Host, { key: '62bf879b0185421d3d92f54fe63b9973729664e8' }, h("fieldset", { key: 'edfe97bec8c1103887efe6794c5616fe9de59d93' }, h("legend", { key: 'e7af4d70a10b36f61e97f38d0a4849f52a3bf1ed', part: heading2 }, "Business Legal Address"), h("justifi-form-address-fields", { key: '657ed0a40cde3934701950b616ab947a28a551d8', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
+        return (h(Host, { key: '11d54eb58574e9afdeed03b357f4c5b89752b48b' }, h("fieldset", { key: '3608fc95fb7d60fcd5485394fc1a8210f91d13a8' }, h("legend", { key: 'ffe6b8794039b1df22e0bd1775cf497edac543d7', part: heading2 }, "Business Legal Address"), h("justifi-form-address-fields", { key: '34adccfea54d0603d3e8899df048f3aab1b8b64c', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
     }
 }, [256, "justifi-legal-address-form", {
-        "formController": [8, "form-controller"],
+        "formController": [16],
         "country": [1],
         "errors": [32],
         "legal_address": [32]

package/dist/module/owner-form-core2.js

@@ -167,7 +167,7 @@ const BusinessOwnerFormCore = /*@__PURE__*/ proxyCustomElement(class BusinessOwn
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
     }
     render() {
-        return (h("form", { key: 'af5dec6caa1f76000abd428e91cca40ad66b8347', onSubmit: this.validateAndSubmit }, h("fieldset", { key: 'afb181dea79d654c3bb920e020fa40bcda0f3b3a' }, h("legend", { key: 'd54ec7511e40157f4528ff36a5b600ce06dcd6c3', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: 'dac2cf3dec3f6bdf8c662bc68ad3276858787198' }), h("div", { key: '16df322aa92fbde19a5d11e8d652b3a9bd08120d', class: "row gy-3" }, h("owner-form-inputs", { key: '6c695afa0ad8d5b1501900d811407d68b272c482', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: '64911c3984a16b6f9ead3f4edd845481c7bec71b', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: 'cd182c7efe94f4a6fd4814e069abf6471a77a140', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '7520326dc09acccf3bd249dbdfc1442d9e113eac', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '5f4d9ffea9d8ff986c14b99f366fb2f15eb325f3' }))));
+        return (h("form", { key: '5079338a3b1720972aeb4f691bbe71f4bdbd5265', onSubmit: this.validateAndSubmit }, h("fieldset", { key: 'ef3529f5a5f20887ebf76e1bdbcfc0d600d2194c' }, h("legend", { key: '98e22b398e183b24764847f29f080c28d6f384cd', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: 'ff96fb21b19e16bba1a305049532925d5bafc6c8' }), h("div", { key: '9bf142327aef21bf90947b78574dcd5ded66a1eb', class: "row gy-3" }, h("owner-form-inputs", { key: '7f221b6ebf61c7c383d1d5eb74d8c3a676b12b4d', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: '48235d4d36e92cfa969843c133c93e28fb09c756', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '6f281255b5d358fc4e4322d0de9954a010850dda', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: 'f99d77f92cbab79eccbceef884cd6c17c20abeec', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: 'fabafc136209bb82a72da8de183897358faca256' }))));
     }
     static get watchers() { return {
         "isLoading": ["loadingWatcher"]

package/dist/module/owner-form-inputs2.js

@@ -29,20 +29,20 @@ const BusinessOwnerFormInputs = /*@__PURE__*/ proxyCustomElement(class BusinessO
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '9124b049da3dd78db3bf6dcbb4318ac966787a8a', class: "row gy-3" }, h("div", { key: '7fbe6ee962749acb13065a9658d741429785dd7f', class: "col-12 col-md-8" }, h("form-control-text", { key: 'baa871b394e1bb96402d74ad9af58b13c9689b41', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '65a3bdc21e67cdf93c4bfbcf5cd2dbba972cee48', class: "col-12 col-md-4" }, h("form-control-text", { key: '2f010b3950aad4145b3981ca552b27fc30a6118f', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: 'e2bcfaaaedac412657bcacc8b811b36d45713e8c', class: "col-12 col-md-6" }, h("form-control-text", { key: '81f1dc7763412d55db033e1e0e33c141c2647488', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '5d0e7df81ccffab3441129d9bb2736768001c15c', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '102d35cc58b1ec17020de80204352e431a3e214d', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'db03161a044530e7ba502dbbee3408750a99a0ed', class: "col-12 col-md-3" }, h("form-control-date", { key: 'f4c32cca2ce8f2eb96a3b37add8f312b255d5ff7', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: 'f4e244c47e1a82963836d0ebb33b3e4d04b2a318', class: "col-12 col-md-3" }, h("form-control-number", { key: 'ecfe8b92248ffe9181f95a0a835df60b7133a450', name: "ownership_percentage", label: "% of Ownership", defaultValue: (_a = this.ownerDefaultValue) === null || _a === void 0 ? void 0 : _a.ownership_percentage, errorText: this.errors.ownership_percentage, inputHandler: this.inputHandler })), h("div", { key: '1c0037f499556f8e6c77a8dcd889b37d81d76b5e', class: "col-12 col-md-6" }, (!((_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_c = this.ownerDefaultValue) === null || _c === void 0 ? void 0 : _c.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h("div", { key: 'f41ae773bd80ec556fe7e1614aa590af09e90a05', class: "row gy-3" }, h("div", { key: 'ceeeefb13ae8eda332287e18b20b8eb1706f21fd', class: "col-12 col-md-8" }, h("form-control-text", { key: '43dc7b751bd879f3e07572df0e02a46ad1e3a2f7', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '648a5e78c5d98d69d5331cf70e322b69ad1d2533', class: "col-12 col-md-4" }, h("form-control-text", { key: '26ecf926fb49ab4caf192b6c7b9f3da8a13f13a1', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '056a8fa4b4e226efaa64f7eb05dea86ef2d941b2', class: "col-12 col-md-6" }, h("form-control-text", { key: 'ea2dfc1520ad5cf58a7c3a0df591f9b8ed354da5', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'afd1ec4c08af88870d5e732c5b2117c123b7f51e', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '97a51652ea2dfd3372ae9f3300c18da6e901ab88', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '3da7a2c8e404873a3092f2d563d687d142b32b10', class: "col-12 col-md-3" }, h("form-control-date", { key: '3d5bf80638e42d85b34e286e6ffcfee87a9bd047', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '91b4e9ad10a8b7a5527c6593309cf4c6967efdc8', class: "col-12 col-md-3" }, h("form-control-number", { key: '5b98ffbc9d24dbe13c0303ddbaa3c94c7a166f95', name: "ownership_percentage", label: "% of Ownership", defaultValue: (_a = this.ownerDefaultValue) === null || _a === void 0 ? void 0 : _a.ownership_percentage, errorText: this.errors.ownership_percentage, inputHandler: this.inputHandler })), h("div", { key: 'fdf8ebe63498e9be394e251f3b44d6ef93dce5b8', class: "col-12 col-md-6" }, (!((_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_c = this.ownerDefaultValue) === null || _c === void 0 ? void 0 : _c.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
                 this.isEditingIdentification = true;
                 // Clear last4 and current value to force validation
                 updateFormValues(this.formController, {
                     ssn_last4: null,
                     identification_number: ''
                 });
-            } }, "Change"))))), h("div", { key: '618cb2355153ef9096378c9f9a97150497965144', class: "col-12" }, h("justifi-identity-address-form", { key: '977aa4475660a5feb05c9b6ca9dc05ed943919f7', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
+            } }, "Change"))))), h("div", { key: 'a6f1e2810777e1a7d01ce48ce45b88cec6937c3f', class: "col-12" }, h("justifi-identity-address-form", { key: '0e17fdedad9e82953681c254e5c30217bdf3b022', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
     }
     ;
 }, [256, "owner-form-inputs", {
         "ownerDefaultValue": [8, "owner-default-value"],
         "errors": [8],
-        "formController": [8, "form-controller"],
+        "formController": [16],
         "country": [1],
         "isEditingIdentification": [32]
     }]);

package/dist/module/owner-form.js

@@ -53,7 +53,7 @@ const BusinessOwnerForm = /*@__PURE__*/ proxyCustomElement(class BusinessOwnerFo
         });
     }
     render() {
-        return (h("owner-form-core", { key: '267a74a9f3f4a7a11b9087d8bbf198b169fba5a8', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, country: this.country, ref: ref => this.coreComponent = ref }));
+        return (h("owner-form-core", { key: '47c36dfc76ac8a108950e17770d1a0fb06fe4e42', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, country: this.country, ref: ref => this.coreComponent = ref }));
     }
 }, [256, "justifi-owner-form", {
         "authToken": [1, "auth-token"],

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "6.9.1-rc.1";
+const version = "6.10.1";
 var webcomponentsPackageJson = {
 	name: name,
 	version: version};

package/dist/module/pagination-menu2.js

@@ -12,13 +12,13 @@ const PaginationMenu = /*@__PURE__*/ proxyCustomElement(class PaginationMenu ext
         this.params = {};
     }
     render() {
-        return (h(Host, { key: '784f82d913fc94793f943a83e0c1a14ad38036c5' }, h("nav", { key: 'd1d21694ed53e3962b9de451b758eccfa3c964cd', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: 'bd8257de5b1e3fd9839a39b5fae97252a3e33d85', class: "pagination m-0" }, h("li", { key: '77dd3b3e2233dd249ea32cd51227110861556192', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: 'ea4f31e92a9181bb198eabd5dd3fd22d667e10f6', class: "page-link", onClick: (e) => {
+        return (h(Host, { key: '7b821154b627026ef8624af6e4759e2176004676' }, h("nav", { key: '7990aee285d0cc3e6f83cb59bb216439e5364df5', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: '02c68163934ce1aabf4abd607cc28e549e20ebe1', class: "pagination m-0" }, h("li", { key: 'aab661ae85fc61eecd230d058f135483796769c0', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: 'ef42a41831a9890186c333418b161877761674e1', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickPrevious(this.paging.start_cursor);
-            }, part: this.paging.has_previous ? paginationButton : paginationButtonDisabled }, h("span", { key: 'd2bf28678ab4cfc34de896e35314876eb0e16e3d', class: "me-1", part: paginationButtonIconPrevious }, "\u00AB"), h("span", { key: '76971b8a748f2339613aa6e4c4c3f52c6a16c02e', part: paginationButtonText }, "Previous"))), h("li", { key: 'bce409ae17f0f4eed798ee11cbba468ff6c5493d', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: '032980b8a337fc1d6a443a33b86a765e2085dc39', class: "page-link", onClick: (e) => {
+            }, part: this.paging.has_previous ? paginationButton : paginationButtonDisabled }, h("span", { key: 'a898a92687e4a5fec37d9dab4208430260a9f274', class: "me-1", part: paginationButtonIconPrevious }, "\u00AB"), h("span", { key: 'ecc2eeedc064d405ad178b9a98ed088e12f1b2fb', part: paginationButtonText }, "Previous"))), h("li", { key: '56569cd9f9803ead8b1180e2f982a98d7009be1f', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: 'c39d389ab89609e8ce11b3dd81eb5c4a50d3521f', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickNext(this.paging.end_cursor);
-            }, part: this.paging.has_next ? paginationButton : paginationButtonDisabled }, h("span", { key: '4797c8d74defa5cb04e4a29e008ed182f0dbea39', part: paginationButtonText }, "Next"), h("span", { key: '7630047af11a0b3646e50008989dbfa123e06330', class: "ms-1", part: paginationButtonIconNext }, "\u00BB")))))));
+            }, part: this.paging.has_next ? paginationButton : paginationButtonDisabled }, h("span", { key: '6a01458a048a524931b03df6a964fa4a0ac403ac', part: paginationButtonText }, "Next"), h("span", { key: 'f4cb3d084647c00dff30b99f751180564463443f', class: "ms-1", part: paginationButtonIconNext }, "\u00BB")))))));
     }
 }, [256, "pagination-menu", {
         "paging": [16],

package/dist/module/payment-provisioning-actions.js

@@ -45,6 +45,7 @@ const makePatchBusiness = ({ authToken, businessId, service }) => async ({ paylo
                 error: responseError,
                 code,
                 severity: ComponentErrorSeverity.ERROR,
+                rawError: response.error,
             });
         }
     }
@@ -54,6 +55,7 @@ const makePatchBusiness = ({ authToken, businessId, service }) => async ({ paylo
             error: error.message || error,
             code,
             severity: ComponentErrorSeverity.ERROR,
+            rawError: error,
         });
     }
     finally {

package/dist/module/payment-provisioning-core.js

@@ -1,4 +1,4 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Plaid.js';
 import { a as CountryCode, b as Business, e as checkProvisioningStatus } from './Business.js';
 import { t as text } from './parts.js';
@@ -41,6 +41,14 @@ import { d as defineCustomElement$3 } from './owner-form-core2.js';
 import { d as defineCustomElement$2 } from './owner-form-inputs2.js';
 import { d as defineCustomElement$1 } from './plaid-verification2.js';
 
+const PaymentProvisioningAlreadyProvisioned = () => {
+    return (h("div", { class: "row gap-3 p-5" }, h("div", { class: "col-12" }, h(Header1, { text: "Business Already Provisioned" })), h("div", { class: "col-12", part: text }, h("p", null, "We have already received the onboarding information for this business."))));
+};
+
+const PaymentProvisioningSubmissionComplete = () => {
+    return (h("div", { class: "row gap-3 p5" }, h("div", { class: "col-12" }, h(Header1, { text: "You're all set for now" })), h("div", { class: "col-12", part: text }, h("p", null, "We're reviewing your information and working on your approval. We'll be in touch to let you know once you've been approved (or if we find anything that needs fixing). Have a good one!"))));
+};
+
 const PaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class PaymentProvisioningCore extends HTMLElement {
     constructor(registerHost) {
         super();
@@ -53,6 +61,7 @@ const PaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class PaymentPr
         this.loading = false;
         this.businessLoading = true;
         this.businessProvisioned = false;
+        this.formSubmitted = false;
         this.currentStep = 0;
         this.country = CountryCode.USA;
         this.allowOptionalFields = false;
@@ -88,6 +97,7 @@ const PaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class PaymentPr
         this.postProvisioningData = () => {
             this.postProvisioning({
                 onSuccess: (response) => {
+                    this.formSubmitted = true;
                     this.submitEvent.emit({ response: response });
                 },
                 onError: ({ error, code, severity }) => {
@@ -154,9 +164,19 @@ const PaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class PaymentPr
         this.loading = event.detail;
     }
     render() {
+        // State 1: Loading
         if (this.businessLoading) {
             return (h(StyledHost, null, h(PaymentProvisioningLoading, null)));
         }
+        // State 2: Already Provisioned
+        if (this.businessProvisioned) {
+            return (h(StyledHost, null, h(PaymentProvisioningAlreadyProvisioned, null)));
+        }
+        // State 3: Submission Complete
+        if (this.formSubmitted) {
+            return (h(StyledHost, null, h(PaymentProvisioningSubmissionComplete, null)));
+        }
+        // State 4: Form Steps (default)
         return (h(StyledHost, null, h("div", { class: 'row gap-3' }, h(Header1, { text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, country: this.country, handleFormLoading: this.handleFormLoading }), h("div", { class: 'd-flex justify-content-between align-items-center' }, h("div", { class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
     }
 }, [256, "justifi-payment-provisioning-core", {
@@ -169,6 +189,7 @@ const PaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class PaymentPr
         "loading": [32],
         "businessLoading": [32],
         "businessProvisioned": [32],
+        "formSubmitted": [32],
         "currentStep": [32],
         "errorMessage": [32],
         "country": [32]

package/dist/module/payment-provisioning-form-buttons.js

@@ -23,7 +23,7 @@ const PaymentProvisioningFormButtons = /*@__PURE__*/ proxyCustomElement(class Pa
         return this.currentStep === this.totalSteps;
     }
     render() {
-        return (h("div", { key: 'e45ba69064273bd62217ea673ba1b4db79f55853', class: 'd-flex gap-2' }, h(Button, { key: '126bae5449e06cef4db62104aaed5f6ee7d12611', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '6a3c6bbd9e68c0d54892207fe3315c15eb0988c1', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '4ab73d022a10ca39298d665167a339445d7f17c1', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
+        return (h("div", { key: '53ba6c809e1968712b333f4bcf2798dbca186ddb', class: 'd-flex gap-2' }, h(Button, { key: 'b45c60083ccf6589cae0c63ce6b66c18da340dc7', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '27372798da0276de44d1563a4688486e7cc91d64', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '8bc14ca8fe951caf276f8ed03e502486e11acbe2', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
     }
 }, [256, "justifi-payment-provisioning-form-buttons", {
         "currentStep": [2, "current-step"],

package/dist/module/payment-provisioning-form-steps.js

@@ -52,7 +52,7 @@ const PaymentProvisioningFormSteps = /*@__PURE__*/ proxyCustomElement(class Paym
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (h("div", { key: '2f5f65bfb47c3d51c3a1d5f871836584d4e8af22', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (h("div", { key: 'ff7c9e688009383fdbe18c9824fa578d2338900c', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
 }, [256, "justifi-payment-provisioning-form-steps", {
         "businessId": [1, "business-id"],

package/dist/module/save-new-payment-method.js

@@ -23,7 +23,7 @@ const SaveNewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SaveNewPayme
         };
     }
     render() {
-        return (h(StyledHost, { key: 'c8c33b73964c1a8c5741ffcc4308642ba608d1e5' }, h("form-control-checkbox", { key: '95dad32f18d0686686ab6273c7d96baf53304388', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (h(StyledHost, { key: '981f6a84fc14a7b687e1b6567b30fb9f861b0aa2' }, h("form-control-checkbox", { key: '566f6261d19f96b87b9382b26a86b71461a29d08', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
 }, [257, "justifi-save-new-payment-method", {
         "label": [1],