@justifi/webcomponents 6.7.2 → 6.7.3

package/dist/module/bank-account-document-inputs.js

@@ -18,7 +18,7 @@ const BankAccountDocumentFormInputs = /*@__PURE__*/ proxyCustomElement(class Ban
         }
     }
     render() {
-        return (h("div", { key: '86e292154357fdee7348377c1c640135bdab2bea', class: "row gy-3" }, h("div", { key: 'f35d977767de04b8d2be2886dcdb6158aa39e582', class: "col-12" }, h("form-control-file", { key: 'f78667ccdc39d1337f806a77e24b14ef9d59467e', name: "voided_check", label: "Voided Check", documentType: EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), h("div", { key: 'caaee3e795369cf8ba6e3c1bbe2fae7421b2ac80', class: "col-12" }, h("form-control-file", { key: '67bbe7631b48b4f851a33d63949b8e77d3b1c82d', name: "bank_statement", label: "Bank Statement", documentType: EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
+        return (h("div", { key: '7f9ea576aad16f3c2ea45c987a38878ea65f2df2', class: "row gy-3" }, h("div", { key: '316fe3f20df7c7dce2b8903e6073e0fe7920e5e8', class: "col-12" }, h("form-control-file", { key: '320d6b7f3de2cfeeb30eb1e08ca4122123854ffd', name: "voided_check", label: "Voided Check", documentType: EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), h("div", { key: 'f33a936c61c14c701e40d375e4dfc4c554b8293c', class: "col-12" }, h("form-control-file", { key: '1e160d8211a71175d6a45b10590fb2c8774f61e1', name: "bank_statement", label: "Bank Statement", documentType: EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
     }
 }, [256, "bank-account-document-form-inputs", {
         "inputHandler": [16],

package/dist/module/bank-account-form-inputs-canada2.js

@@ -17,7 +17,7 @@ const BankAccountFormInputsCanada = /*@__PURE__*/ proxyCustomElement(class BankA
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h("div", { key: 'b2fac559526f427194abe9533683cffc333cad11', class: "row gy-3" }, h("div", { key: '694356efd7ab3b60ff50b56b727d02b240a0f3d5', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: 'a05e978c9d2612b5709c9d1c5c498e360aba374e', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: 'a54b15dfa039697fe69c1a138cafb78ae632f83c', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: '56f458eea6ed6d7a8108fcced3038b83c621d34e', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: 'f42406ade05d7b3fbf58f11c56f8668c9370f038', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Transit Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.transit_number) || '' })) : (h("form-control-text", { name: "transit_number", label: "Transit Number", defaultValue: this.defaultValue.transit_number, maxLength: 5, errorText: this.errors.transit_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "5 digits" }))), h("div", { key: 'd5d3c2e4a63281725abf693f161a97723b5e049c', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Institution Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.institution_number) || '' })) : (h("form-control-text", { name: "institution_number", label: "Institution Number", defaultValue: this.defaultValue.institution_number, maxLength: 3, errorText: this.errors.institution_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "3 digits" }))), h("div", { key: '0d293c70faf73945ff36b021b708bfe0fa58739d', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_g = this.defaultValue) === null || _g === void 0 ? void 0 : _g.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement. Do not include spaces or dashes." })))));
+        return (h("div", { key: '34cbf10449df73748095fd7122d0ae1355a83e13', class: "row gy-3" }, h("div", { key: '607cc5cbc70fdd2d5a325bef7002a44740394282', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: 'f57f4cd733f2dd439d6d83f32078371618f5fa06', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: 'b92dface0116321ea990bfcaf1b036b5629385db', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: '45d68efa47de76ee420cedfb97e82f498a2de97b', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: '8419925e8470d63d506e1f7e82ccdf1a1132ecc0', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Transit Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.transit_number) || '' })) : (h("form-control-text", { name: "transit_number", label: "Transit Number", defaultValue: this.defaultValue.transit_number, maxLength: 5, errorText: this.errors.transit_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "5 digits" }))), h("div", { key: 'aa6e83c409e0cf93f1903394f63c0b719ec8808e', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Institution Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.institution_number) || '' })) : (h("form-control-text", { name: "institution_number", label: "Institution Number", defaultValue: this.defaultValue.institution_number, maxLength: 3, errorText: this.errors.institution_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "3 digits" }))), h("div", { key: '029058c023daca9d0488f45478af6edafe359df7', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_g = this.defaultValue) === null || _g === void 0 ? void 0 : _g.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement. Do not include spaces or dashes." })))));
     }
 }, [256, "bank-account-form-inputs-canada", {
         "defaultValue": [8, "default-value"],

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

@@ -17,7 +17,7 @@ const BankAccountFormInputs = /*@__PURE__*/ proxyCustomElement(class BankAccount
     }
     render() {
         var _a, _b, _c, _d, _e, _f;
-        return (h("div", { key: '2f29b1fd967a5eb4d0d3e19b2cbefb9c6e182935', class: "row gy-3" }, h("div", { key: '46250c36ba140f5a63f90afa51581ee3cea5f5e8', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: '09c95c14e82f12d1e86ab65debb3e066fcd161ce', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: '86c2932fdfeae789dc4cb48e255977fb981396c8', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: '4ab380b55f4078dd4ed7d3909e8d7206a4cbfc8e', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: 'a61023b07e4550ffcafbbd49c6214db5e8102644', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." }))), h("div", { key: 'dcbef312084dcfbe405e18bba854b56837ee6f26', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Routing Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.routing_number) || '' })) : (h("form-control-text", { name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." })))));
+        return (h("div", { key: '5dc7139f54d11979410d0d67ca29e65b02f30200', class: "row gy-3" }, h("div", { key: '118f15bf02855b24baec5ce2a2c3cf5b241b3da4', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: 'db03eccee03ec4b7d0de637306315982a2cd770d', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: '217120e0052b8ee41cac8f901ac4d9742b0c6ea9', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: 'f589511545d6262966a6fa2888cb78babacfb770', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: '24df83bb2666cee381c266608c43f3fd729db4cf', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." }))), h("div", { key: '75fe11d71e57707d088f8a90a250621fce82647f', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Routing Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.routing_number) || '' })) : (h("form-control-text", { name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." })))));
     }
 }, [256, "bank-account-form-inputs", {
         "defaultValue": [8, "default-value"],

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

@@ -47,10 +47,10 @@ const BankAccountForm$1 = /*@__PURE__*/ proxyCustomElement(class BankAccountForm
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: '32cfa049dff176af26d2a4bcb86c440a99bc8668' }, h(BankAccountFormSkeleton, { key: '8382fc8ff7726e245245db06b01fdc253d43328e', isReady: this.isReady }), h("div", { key: '83f16d13bb8c338dd859a60a7bd63edbb8f703b6', class: "container-fluid p-0", style: {
+        return (h(Host, { key: 'a104b2e88e818472d0158990ccf2cac6d7315616' }, h(BankAccountFormSkeleton, { key: '1ed1ac87a66aedf6a7528247e0ff3a803c74e4c3', isReady: this.isReady }), h("div", { key: 'a96c05c60c51f97c8abb7dc6a8cfebc940ea1513', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'ff5a4020f51e917874583036ef3b50d9496a393e', class: "row mb-3" }, h("iframe-input", { key: '334cd1bbdb23cb1d4ae5df1f89737913209fd1c1', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '65a00ea0fe1202240a2641b40d5f0455483746ff', class: "row" }, h("iframe-input", { key: 'c8dda20444c7f6494fad1377cc556676e1d7dc54', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
+            } }, h("div", { key: '3d168fd241702b30f0c8727d3c0aae65c20b69aa', class: "row mb-3" }, h("iframe-input", { key: 'dc1da989b1577ed62b3eeafd33128aca38e4610d', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '1179ae9d6b9f476bb01a1ee4f4edd7da6f22f635', class: "row" }, h("iframe-input", { key: '7e79b383876be1711a2e21ab7462f86281ebf28c', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
 }, [256, "bank-account-form", {
         "isReady": [32],

package/dist/module/bank-account-read-only-value2.js

@@ -9,7 +9,7 @@ const BankAccountReadOnlyValue = /*@__PURE__*/ proxyCustomElement(class BankAcco
         }
     }
     render() {
-        return (h("div", { key: '5b20bad2f4b01597f33221541248681fc08ab59d' }, h("label", { key: 'e0c297e57f2d5f6863b42c9549ee2b869380f128', class: "form-label", part: text }, this.label), h("div", { key: 'ac0512bbf49b43a9ca4a8c47d1f05d36e01fd655', part: text }, this.value || '')));
+        return (h("div", { key: 'ad9eadcf49dbc67e51cd814d3ded334a587cc17c' }, h("label", { key: 'b8ba3d8b7ef9fc33e0e0870f71b7df5dbfae4759', class: "form-label", part: text }, this.label), h("div", { key: '1839bdadb96b3c814c73991530497f9a7be6a10d', part: text }, this.value || '')));
     }
 }, [256, "bank-account-read-only-value", {
         "label": [1],

package/dist/module/bank-account.js

@@ -60,10 +60,10 @@ const BankAccountForm = /*@__PURE__*/ proxyCustomElement(class BankAccountForm e
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: '1513483acd2de524f8634feb14f366a269601e06' }, h(BankAccountFormSkeleton, { key: '8b14e99af751f3dbf6e0a3d2d187b44e0934456d', isReady: this.isReady }), h("hidden-input", { key: 'edfc3e1b190f28eee4a3769ff33fb7b8220f73d3' }), h("div", { key: '9371fe5f4e189c882d16bec25068efcc6d56aff9', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '6c1e183b7ba2c70b41e22386d74a9cf7430aa8d5' }, h(BankAccountFormSkeleton, { key: '2755f4d21f8d62919ef56909f2dc6b9211bf550d', isReady: this.isReady }), h("hidden-input", { key: 'c35448285cd2b53973caa4a56c28a135e1ed7d74' }), h("div", { key: '9fae602596267bafc39b9e3e9946a289b38393b6', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '5cecb5ecc5a3cfdb1ff0fe659aa9e22c0c1c8a11', class: "row mb-3" }, h("iframe-input", { key: 'b970e3a6e563cf1a5cff651c219a954d32b1fec3', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: 'eaf6b26dc3638f548fd7e5b45363319db3bdf5f2', class: "row" }, h("iframe-input", { key: 'c90064cec52a9100522f0ea62593b8e439ea7a9e', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
+            } }, h("div", { key: 'bfaee6ed0eaa2a68175f18146d56195cc1a23e91', class: "row mb-3" }, h("iframe-input", { key: '7385c2582ad5b397eb2afcb9c87b789d4918542c', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: 'effe6b1f18d5fa531f4537accfe8279b81bc7b49', class: "row" }, h("iframe-input", { key: '19cc7e46d8f7cb79c70ba21f2e9c15c7665eca47', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
 }, [257, "justifi-bank-account-form", {
         "iframeOrigin": [32],

package/dist/module/business-additional-questions-form-step.js

@@ -128,12 +128,12 @@ const AdditionalQuestionsFormStep = /*@__PURE__*/ proxyCustomElement(class Addit
         }
     }
     render() {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         const additionalQuestionsDefaultValue = this.formController.getInitialValues();
         if (this.isLoading) {
             return h(PaymentProvisioningLoading, null);
         }
-        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Additional Questions"), h("form-control-tooltip", { helpText: "This information helps us understand the business and identify and monitor trends to safeguard you and your customers." })), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { name: "business_revenue", label: "What is your business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "business_payment_volume", label: "What is your business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume })), h("div", { class: "col-12" }, h("form-control-select", { name: "business_when_service_received", label: "On average, how long after paying will your customers typically receive their goods or services?", inputHandler: this.inputHandler, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { class: "col-12" }, h("form-control-text", { name: "business_other_payment_details", label: "Is there anything else you would like us to know about how your customers pay the business? (optional)", inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
+        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Additional Questions"), h("form-control-tooltip", { helpText: "This information helps us understand the business and identify and monitor trends to safeguard you and your customers." })), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { name: "business_revenue", label: "What is your business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { name: "business_payment_volume", label: "What is your business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { class: "col-12" }, h("form-control-text", { name: "business_average_transaction_amount", label: "What is your average transaction size?", inputHandler: this.inputHandler, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_average_transaction_amount, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_average_transaction_amount })), h("div", { class: "col-12" }, h("form-control-select", { name: "business_when_service_received", label: "On average, how long after paying will your customers typically receive their goods or services?", inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { class: "col-12" }, h("form-control-text", { name: "business_other_payment_details", label: "Is there anything else you would like us to know about how your customers pay the business? (optional)", inputHandler: this.inputHandler, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/module/business-additional-questions-schema.js

@@ -1,16 +1,18 @@
 import { c as create$3 } from './form.js';
-import { o as otherPaymentDetailsValidation, w as whenServiceReceivedValidation, b as paymentVolumeValidation, r as revenueValidation } from './schema-validations.js';
+import { o as otherPaymentDetailsValidation, w as whenServiceReceivedValidation, r as revenueValidation, b as paymentVolumeValidation } from './schema-validations.js';
 
 const additionalQuestionsSchema = (allowOptionalFields) => {
     const schema = create$3({
         business_revenue: revenueValidation.required('Enter business revenue'),
         business_payment_volume: paymentVolumeValidation.required('Enter business payment volume'),
+        business_average_transaction_amount: revenueValidation.required('Enter average transaction amount'),
         business_when_service_received: whenServiceReceivedValidation.required('Select when service is received'),
         business_other_payment_details: otherPaymentDetailsValidation.nullable(),
     });
     const easySchema = create$3({
         business_revenue: revenueValidation.nullable(),
         business_payment_volume: paymentVolumeValidation.nullable(),
+        business_average_transaction_amount: revenueValidation.nullable(),
         business_when_service_received: whenServiceReceivedValidation.nullable(),
         business_other_payment_details: otherPaymentDetailsValidation.nullable(),
     });

package/dist/module/business-address-schema.js

@@ -1,5 +1,5 @@
 import { c as create$3, a as create$6 } from './form.js';
-import { c as cityValidation, l as lineTwoValidation, a as lineOneValidation, y as makePostalValidation } from './schema-validations.js';
+import { c as cityValidation, l as lineTwoValidation, a as lineOneValidation, z as makePostalValidation } from './schema-validations.js';
 import { a as CountryCode } from './Business.js';
 
 // Internal USA schemas

package/dist/module/business-bank-account-form-step.js

@@ -9,7 +9,7 @@ import './GooglePay.js';
 import { m as makeGetBusiness, e as makePostBankAccount, f as makePostDocumentRecord } from './payment-provisioning-actions.js';
 import { B as BusinessService, a as BusinessBankAccountService, D as DocumentRecordService } from './business.service.js';
 import { c as create$3, a as create$6, d as create$8, F as FormController } from './form.js';
-import { z as accountNumberValidation, A as accountTypeValidation, i as identityNameValidation, B as nicknameValidation, C as bankNameValidation, D as numbersOnlyRegex, E as routingNumberValidation } from './schema-validations.js';
+import { A as accountNumberValidation, B as accountTypeValidation, i as identityNameValidation, C as nicknameValidation, D as bankNameValidation, E as numbersOnlyRegex, F as routingNumberValidation } from './schema-validations.js';
 import { B as BusinessFormStep } from './event-types2.js';
 import { h as heading2, Y as buttonSecondary } from './parts.js';
 import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';

package/dist/module/business-core-info.js

@@ -34,10 +34,10 @@ const BusinessCoreInfo = /*@__PURE__*/ proxyCustomElement(class BusinessCoreInfo
     render() {
         var _a, _b;
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '0dba6443b063d02368f93f3a336a8051364b5fca' }, h("fieldset", { key: '42eabe1f20623241291a8bc374c14b0727fae5cd' }, h("legend", { key: 'b74d116fa26b843eee56201c3997ecf916453a23', part: heading2 }, "General Info"), h("div", { key: '8370be848754f5730d1f5bffbfb51875cec01218', class: "row gy-3" }, h("div", { key: 'b891b5ce1820755b44a4d4d14240cd6f6f705114', class: "col-12" }, h("form-control-text", { key: '712f62f8feb4c34eb90048f29158c03cf71b38db', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '52cb8a48648bb036b04fba034dc27a4b286bf7ce', class: "col-12" }, h("form-control-text", { key: '655edd4ae78b47fea221308ce9e582eb731454a7', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '0cd13bcea3e7e1ef90e5d071ea40690f7a8ea022', class: "col-12 col-md-8" }, h("form-control-select", { key: '00a2173bda66d059f9ef7534b3535a4f36dbbbc1', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '4c157888deded84baa24ffdd5c5d74e90590c5f8', class: "col-12 col-md-4" }, h("form-control-date", { key: '7af97d93cf2a9f7ff988621d53e528a8930932ed', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: 'b5d0493b01ad9a0853bea95b76220c939cd43828', class: "col-12 col-md-6" }, h("form-control-text", { key: '5df583e04316c0afeaef771177dff20f6d266362', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '0bd63d995778469190a97a21190e3da742a468fa', class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (h("form-control-number-masked", { name: "tax_id", label: countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].taxIdHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].taxIdLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h(Host, { key: 'd60b250bd327a8f49ac2854ef90a50149952d91f' }, h("fieldset", { key: '99523dc8f944bbbd51fd1cd660fcd2908658a5b8' }, h("legend", { key: 'f709a73ed08970d75e83617d9d4927a33fc8bcc4', part: heading2 }, "General Info"), h("div", { key: '7519e5f5b18247f63010edb6b15994413a1349f1', class: "row gy-3" }, h("div", { key: 'd11c9b6bc5f91ed3c521eeee88ee866ec81cb363', class: "col-12" }, h("form-control-text", { key: '8d346946db7275e1f64c84019dc2e202be77f8f7', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '4bdfff98f5652dfd22c04a4340b1ac882bf3ce65', class: "col-12" }, h("form-control-text", { key: '97055ec207286cb931e04f301fb6a0abef8e1085', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: 'aa43935a6d369a3f7c7fea36805fe2b15b908e06', class: "col-12 col-md-8" }, h("form-control-select", { key: 'fe958c7152cc3da4f33f666c4f57e692119fda18', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: 'c6c3233c998973732545d3f9623ee0e7f2606ead', class: "col-12 col-md-4" }, h("form-control-date", { key: 'a87ac87813b6fe6c84cafbda1977c4ba93741342', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: '5046bf2e0c9e2bbc6bbb6c8809b7147acab1ee1f', class: "col-12 col-md-6" }, h("form-control-text", { key: '1771cd9caf5e29d4e03666e3cebed92dcdaa686a', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '1a9beb47f729497275e15ad8d4910ad5b4c9951d', class: "col-12 col-md-6" }, (!((_a = this.coreInfo) === null || _a === void 0 ? void 0 : _a.tax_id_last4) || this.isEditingTaxId) ? (h("form-control-number-masked", { name: "tax_id", label: countryLabels[this.country].taxIdLabel, defaultValue: this.isEditingTaxId ? '' : coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].taxIdHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].taxIdLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.coreInfo) === null || _b === void 0 ? void 0 : _b.tax_id_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
                 this.isEditingTaxId = true;
                 this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { tax_id: '' }));
-            } }, "Change"))))), h("div", { key: '3decd3a593098a1c36e4baf1aeb846603b4a6769', class: "col-12" }, h("form-control-text", { key: 'e3cb697846ad086ca6f4998d302574bb4de4c4a6', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '69c357ad3d2b5464d0c333c8fdc82353044b7301', class: "col-12 col-md-6" }, h("form-control-text", { key: '49857dc20c817d8c600dbeae9c8191452ec1898f', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '1c9279a56b389fcd71ffeaad66df8a067a035334', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '7c329ae3c7dcff34d88bce2a64d9ccaa09384055', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+            } }, "Change"))))), h("div", { key: '94b23160df7686b910628f02451c12a7752b72cd', class: "col-12" }, h("form-control-text", { key: '40faf5a4b4f9c8d21385ee078ed9f4aaa9f47583', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '36a7c80684f7fb5259f3e9385393a2787bbd1516', class: "col-12 col-md-6" }, h("form-control-text", { key: 'a3bf801d4789e2b6328842b4bb1dfe8758f946b6', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '437eeff1d27957a77b7bf4c9e4aa2fc4fa436867', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '0780f85cedacda3b8288ba54b5b40b86338ce877', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
 }, [256, "justifi-business-core-info", {
         "formController": [16],

package/dist/module/business-details-core2.js

@@ -61,7 +61,7 @@ const BusinessDetailsCore = /*@__PURE__*/ proxyCustomElement(class BusinessDetai
         if (this.renderState === RENDER_STATES.ERROR) {
             return h(StyledHost, null, ErrorState(this.errorMessage));
         }
-        return (h(StyledHost, null, h("justifi-details", { "error-message": this.errorMessage }, h("div", { slot: 'detail-sections' }, h("core-info-details", { business: this.business }), h("legal-address-details", { legalAddress: this.business.legal_address }), h("representative-details", { representative: this.business.representative }), h("owner-details", { owners: this.business.owners }), h("additional-questions-details", { additionalQuestions: this.business.additional_questions })))));
+        return (h(StyledHost, null, h("justifi-details", { errorMessage: this.errorMessage }, h("div", { slot: 'detail-sections' }, h("core-info-details", { business: this.business }), h("legal-address-details", { legalAddress: this.business.legal_address }), h("representative-details", { representative: this.business.representative }), h("owner-details", { owners: this.business.owners }), h("additional-questions-details", { additionalQuestions: this.business.additional_questions })))));
     }
 }, [256, "business-details-core", {
         "getBusiness": [16],

package/dist/module/business-identity-schema.js

@@ -1,6 +1,6 @@
 import { c as create$3, a as create$6 } from './form.js';
 import { a as addressSchemaUSA, b as addressSchemaCAN } from './business-address-schema.js';
-import { q as ssnValidation, u as dobValidation, h as phoneValidation, j as emailValidation, v as identityTitleValidation, i as identityNameValidation, x as makeIdentityNumberValidation } from './schema-validations.js';
+import { q as ownershipPercentageValidation, u as ssnValidation, v as dobValidation, h as phoneValidation, j as emailValidation, x as identityTitleValidation, i as identityNameValidation, y as makeIdentityNumberValidation } from './schema-validations.js';
 import { a as CountryCode } from './Business.js';
 
 // Internal USA schemas
@@ -12,6 +12,7 @@ const schemaUSA = (role) => create$3({
     dob_full: dobValidation(role).nullable(),
     ssn_last4: create$6().nullable(),
     identification_number: ssnValidation.nullable(),
+    ownership_percentage: ownershipPercentageValidation.nullable(),
     address: addressSchemaUSA(true),
 });
 const strictSchemaUSA = (role) => create$3({
@@ -23,6 +24,7 @@ const strictSchemaUSA = (role) => create$3({
     ssn_last4: create$6().nullable(),
     // ssn required unless last4 provided (handled inside ssnValidation)
     identification_number: ssnValidation,
+    ownership_percentage: ownershipPercentageValidation.nullable(),
     address: addressSchemaUSA(false),
 });
 // Internal CAN schemas
@@ -34,6 +36,7 @@ const schemaCAN = (role) => create$3({
     dob_full: dobValidation(role).nullable(),
     ssn_last4: create$6().nullable(),
     identification_number: makeIdentityNumberValidation(CountryCode.CAN).nullable(),
+    ownership_percentage: ownershipPercentageValidation.nullable(),
     address: addressSchemaCAN(true),
 });
 const strictSchemaCAN = (role) => create$3({
@@ -44,6 +47,7 @@ const strictSchemaCAN = (role) => create$3({
     dob_full: dobValidation(role).required('Enter date of birth'),
     ssn_last4: create$6().nullable(),
     identification_number: makeIdentityNumberValidation(CountryCode.CAN),
+    ownership_percentage: ownershipPercentageValidation.nullable(),
     address: addressSchemaCAN(false),
 });
 const identitySchemaUSA = (role, allowOptionalFields) => allowOptionalFields ? schemaUSA(role) : strictSchemaUSA(role);

package/dist/module/business-owners-form-step.js

@@ -3,14 +3,16 @@ import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Refund.
 import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
 import { B as Button } from './button.js';
-import { h as heading2 } from './parts.js';
+import { h as heading2, Z as alert } from './parts.js';
 import './details.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
 import { B as BusinessFormStep, a as BusinessFormClickActions } from './event-types2.js';
-import { d as defineCustomElement$b } from './custom-popper2.js';
-import { d as defineCustomElement$a } from './form-control-date2.js';
+import { R as Representative } from './Business.js';
+import { d as defineCustomElement$c } from './custom-popper2.js';
+import { d as defineCustomElement$b } from './form-control-date2.js';
+import { d as defineCustomElement$a } from './form-control-number2.js';
 import { d as defineCustomElement$9 } from './form-control-number-masked2.js';
 import { d as defineCustomElement$8 } from './form-control-select2.js';
 import { d as defineCustomElement$7 } from './form-control-text2.js';
@@ -34,9 +36,16 @@ const BusinessOwnersFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessOw
         this.ownersPayload = [];
         this.refs = [];
         this.isLoading = false;
+        this.representativeIsOwner = null;
         this.matchRef = (ref, ownerId) => {
-            const ownerIndex = this.refs.findIndex(ref => ref === ownerId);
+            if (ref === null)
+                return;
+            const ownerIndex = this.ownersPayload.findIndex(owner => owner.id === ownerId);
             if (ownerIndex !== -1) {
+                // Ensure refs array is properly sized before setting ref
+                if (this.refs.length !== this.ownersPayload.length) {
+                    this.manageRefs();
+                }
                 this.refs[ownerIndex] = ref;
             }
         };
@@ -45,6 +54,7 @@ const BusinessOwnersFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessOw
             this.isLoading = true;
             this.getBusiness({
                 onSuccess: (response) => {
+                    this.representative = new Representative(response.data.representative || {});
                     if (response.data.owners.length) {
                         this.ownersPayload = response.data.owners.map(owner => ({ id: owner.id }));
                     }
@@ -98,6 +108,21 @@ const BusinessOwnersFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessOw
             this.ownersPayload = this.ownersPayload.filter(owner => owner.id !== id);
             this.newFormOpen && (this.newFormOpen = false);
         };
+        this.handleRepresentativeIsOwnerChange = (value) => {
+            this.representativeIsOwner = value;
+            if (this.representativeIsOwner) {
+                this.ownersPayload = this.ownersPayload.filter(owner => owner.id !== '');
+                this.patchBusiness({
+                    payload: {
+                        owners: [{ id: this.representative.id }, ...this.ownersPayload],
+                    },
+                    onSuccess: () => {
+                        this.getData();
+                        this.newFormOpen = false;
+                    },
+                });
+            }
+        };
     }
     propChanged() {
         this.initializeApi();
@@ -165,7 +190,9 @@ const BusinessOwnersFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessOw
         if (this.isLoading) {
             return (h(Host, null, h(PaymentProvisioningLoading, null)));
         }
-        return (h(Host, null, h("div", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Owners"), h("form-control-tooltip", { helpText: "For partnerships, LLCs or privately held corporations, the business is required to apply with all individuals with 25% or more ownership to the application. For charities and registered non-profits, the business is required to apply with 1 individual with substantial control over the entity, such as a board member or director." })), h("hr", { class: "mt-2" }), h("div", { class: 'row gy-3' }, this.ownersPayload.map((owner) => {
+        const isRepresentativeOwner = this.ownersPayload.some(owner => owner.id === this.representative.id);
+        const shouldShowRepresentativeIsOwner = this.representativeIsOwner === null && !isRepresentativeOwner;
+        return (h(Host, null, h("div", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Owners"), h("form-control-tooltip", { helpText: "For partnerships, LLCs or privately held corporations, the business is required to apply with all individuals with 25% or more ownership to the application. For charities and registered non-profits, the business is required to apply with 1 individual with substantial control over the entity, such as a board member or director." })), h("hr", { class: "mt-2" }), shouldShowRepresentativeIsOwner && (h("div", { class: `alert alert-warning mb-3`, part: alert }, h("div", { class: "card-body" }, h("div", { class: "d-flex align-items-center mb-3" }, h("strong", null, "Is the representative of this business also an owner?")), h("div", { class: "d-flex gap-2" }, h(Button, { variant: 'primary', onClick: () => this.handleRepresentativeIsOwnerChange(true) }, "Yes"), h(Button, { variant: 'secondary', onClick: () => this.handleRepresentativeIsOwnerChange(false) }, "No"))))), h("div", { class: 'row gy-3' }, this.ownersPayload.map((owner) => {
             return (h("justifi-owner-form", { key: owner.id, authToken: this.authToken, businessId: this.businessId, ownerId: owner.id, removeOwner: this.removeOwnerForm, newFormOpen: this.newFormOpen, ownersLength: this.ownersPayload.length, country: this.country, allowOptionalFields: this.allowOptionalFields, ref: (ref) => this.matchRef(ref, owner.id) }));
         })), h("div", { class: 'd-flex justify-content-start' }, h("div", { class: 'gap-2' }, h(Button, { variant: 'primary', onClick: () => this.addOwnerForm(true), hidden: !this.showAddOwnerButton }, "Add Owner"))))));
     }
@@ -185,6 +212,8 @@ const BusinessOwnersFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessOw
         "refs": [32],
         "newFormOpen": [32],
         "isLoading": [32],
+        "representativeIsOwner": [32],
+        "representative": [32],
         "validateAndSubmit": [64]
     }, [[0, "ownerSubmitted", "handleOwnerSubmit"]], {
         "authToken": ["propChanged"],
@@ -195,7 +224,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-owners-form-step", "custom-popper", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-form-address-fields", "justifi-identity-address-form", "justifi-owner-form", "owner-form-core", "owner-form-inputs"];
+    const components = ["justifi-business-owners-form-step", "custom-popper", "form-control-date", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-form-address-fields", "justifi-identity-address-form", "justifi-owner-form", "owner-form-core", "owner-form-inputs"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-owners-form-step":
             if (!customElements.get(tagName)) {
@@ -204,10 +233,15 @@ function defineCustomElement() {
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "form-control-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "form-control-number":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }

package/dist/module/business-representative-form-inputs.js

@@ -28,14 +28,14 @@ const RepresentativeFormInputs = /*@__PURE__*/ proxyCustomElement(class Represen
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h("form", { key: 'a8c9c71dfc532cbaccb93e1e7fe9f5ed58d40be9' }, h("fieldset", { key: '53c46c01bcd3548aaaa898ff5e63811beaed8538' }, h("div", { key: '63eef8979e6a650d48625b5ac851e6604ba24d03', class: "d-flex align-items-center gap-2" }, h("legend", { key: '2f3ed670ae2a807e391c96ef1847f77b088ce4e6', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: 'a05b200fd0e59e13dd7582509f8d45231a570dc5', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: 'f3f74109eea8175e79033bd7e6dc8716c4661b45', class: "mt-2" }), h("div", { key: 'b6c9b108849fd4b5c6437a2a252ccd28793aaf54', class: "row gy-3" }, h("div", { key: 'cf48fed5f8c489c1457610f92527fac6f1fc956d', class: "col-12 col-md-8" }, h("form-control-text", { key: 'a2284f90773a3acc17cfa36ff0ff5da3431e9fb1', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '9d975f2c69ed84d60404223e80ba8980bfe20b2a', class: "col-12 col-md-4" }, h("form-control-text", { key: '80805abffa658b8b6c4952e5be7af371ca73c615', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: 'a62f04413d413545104fe541ebebfd11fb88bc1a', class: "col-12 col-md-6" }, h("form-control-text", { key: 'd3cae6a0a143790a236a5822051a002238105c0b', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '7941c5d512ec57ab94f86066f80b0a5c19479040', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '3d117c5457a8b95ee1d8dcfbfba743eeabadb288', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '807b7ac6e655d854536a7e770e9d5bcc0388e6c3', class: "col-12 col-md-4" }, h("form-control-date", { key: 'ce18de4b882dae9b02a11c1f1ad7420604f49e54', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.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: 'ae2f1dca7ecc64e67d1faaf0e2bdb7bfb233f862', class: "col-12 col-md-8" }, (!((_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.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: `****${(_h = this.representativeDefaultValue) === null || _h === void 0 ? void 0 : _h.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h("form", { key: 'a9c0f6332bf302d5eb9f93c4ca045d572a40468f' }, h("fieldset", { key: '115c564826335a9c7b670bbc0409912c3eb7a4aa' }, h("div", { key: '6de8909b4b2f3c7d8ec4665aad77ef59cdf035b4', class: "d-flex align-items-center gap-2" }, h("legend", { key: 'bb8b5a3775eae450a866356a9e149a0bf57b5699', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: 'a0296d4a3c35a039525f39501e117ee6fdd12257', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), h("hr", { key: 'abbee22f5664275f27dd8eeb2b12c87b059ff024', class: "mt-2" }), h("div", { key: 'e165ff125df62dc1d22b7329fe7fe2ff200cbbb3', class: "row gy-3" }, h("div", { key: '114ff752eeda3ffa90529ff6bc675b874f543336', class: "col-12 col-md-8" }, h("form-control-text", { key: '8b6ce9f4a327ca5282aa32c226f671945aa10404', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'bce864367883c6bbf7bd0841114a3dbb39db692b', class: "col-12 col-md-4" }, h("form-control-text", { key: 'ec3e72dc3f84c0daee2c6509f7dbf2bad22f5db6', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '200ae959d897d9d22016553d3c586cf3f0438dd9', class: "col-12 col-md-6" }, h("form-control-text", { key: '4f77d6ca6c3c85edabc11af6f5703ab1327f05e7', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'cf642ee73f7ae8b254920a3f781c23dc456f16ae', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'df609213bec728f17b2527a2e99ff3e0e69604aa', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '2e4565c06976723ae4e497a5305cea7468bac2f4', class: "col-12 col-md-4" }, h("form-control-date", { key: 'ca7d4bf05c32d1d9983df430d338cc3433015957', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.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: 'f6cbe1b7f4e5575f626e6d73f31b4a1a09ac33e3', class: "col-12 col-md-8" }, (!((_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.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: `****${(_h = this.representativeDefaultValue) === null || _h === void 0 ? void 0 : _h.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
                 this.isEditingIdentification = true;
                 // Clear current value to force validation
                 updateFormValues(this.formController, {
                     identification_number: '',
                     ssn_last4: null
                 });
-            } }, "Change"))))), h("div", { key: '755e3bf64ad60ff7801041bf17bdf96763a3153e', class: "col-12" }, h("justifi-identity-address-form", { key: 'a39d586db59a3f2072f66a22f5f4671c07a6b560', errors: this.errors.address, defaultValues: (_j = this.representativeDefaultValue) === null || _j === void 0 ? void 0 : _j.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
+            } }, "Change"))))), h("div", { key: 'e3fa556dece2feaf5eb175ae3734c2319777ef48', class: "col-12" }, h("justifi-identity-address-form", { key: 'fe3d349371d11b8a246b9c31aebd7d9c84e03f8e', errors: this.errors.address, defaultValues: (_j = this.representativeDefaultValue) === null || _j === void 0 ? void 0 : _j.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
     }
 }, [256, "justifi-business-representative-form-inputs", {
         "representativeDefaultValue": [8, "representative-default-value"],

package/dist/module/business-representative.js

@@ -45,11 +45,11 @@ const BusinessRepresentative = /*@__PURE__*/ proxyCustomElement(class BusinessRe
     render() {
         var _a, _b;
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (h(Host, { key: '2d8a5324bfea8bd297b5db5f1e5aaf5d9aa51cb4' }, h("fieldset", { key: 'c25884a7aaa0ffb19316002e8ce9e158a1f0b8e9' }, h("legend", { key: 'af36d94625e4b82c8418079b60cade953ac53e8e', part: heading2 }, "Representative"), h("div", { key: 'c3ad5ca5e1c636db05fa3994c443975ecc363e62', class: "row gy-3" }, h("div", { key: '8b27315feb79cf08d69c5a108426705cb6445c71', class: "col-12 col-md-8" }, h("form-control-text", { key: 'f6ffb2619c6537f99bed5a35602d3d7d68f821ad', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'cde914c872fcfbe0395f358b570d9cefbf14872e', class: "col-12 col-md-4" }, h("form-control-text", { key: 'c70330625ed26d8d5e8d00af7df55571ef4ff32a', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '64bba44c0facd07c8648fba1ce31385b33f94513', class: "col-12 col-md-6" }, h("form-control-text", { key: '33c7c4a365f6d7ce43e6b98b9ca3646f2263abd1', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '5b96d76754918f37fc4f226a5c6656529b77b63f', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'c7cf814cf84a0c69e547c0b60f643b7fb78490af', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'e5c486242e9fb47c81a28831a9a648bee28e95d5', class: "col-12 col-md-4" }, h("form-control-date", { key: '519cc94edb63b5f465d0ada9fe905e68aca54e1e', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'b971e1320a57061d9d1eae7adb28eda19ce855a4', class: "col-12 col-md-8" }, (!((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: this.isEditingIdentification ? '' : representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.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 }, this.identificationNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.representative) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h(Host, { key: '23d11271b1ec0b5a36222cf972b3cbb94a436a99' }, h("fieldset", { key: '9062abcf81faf8c1bd136a7ad28ee9f21831b4fb' }, h("legend", { key: '61cf510c63cfe30278e1a07a0186a4feac0c31ec', part: heading2 }, "Representative"), h("div", { key: '431ab7681cc1dc022d251dd4caaf4fc6a7def9b1', class: "row gy-3" }, h("div", { key: 'd94add92e02afa9dbb7cc617fea60bd0bc37db9c', class: "col-12 col-md-8" }, h("form-control-text", { key: '2cdf16e8f5984de4db422fde0b0e353fb6029912', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'cff4220ba8704a02a7f8642b562116ef63400bd8', class: "col-12 col-md-4" }, h("form-control-text", { key: '949b4eea179738a03ff0b9336e8325320da56473', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'dc21ee17586cce9b39a924df668ad9c5be1ab84b', class: "col-12 col-md-6" }, h("form-control-text", { key: '0470770dbe028c8247bd8405d68d4d1690b5e4e4', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'dcbd23ab368e630ebaea9e8bdbb6985a98d5fbeb', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '6625e7fda86feabad127a97b7c06a40d19903b34', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '6f9df4495d3fea041a643eb6bb0560b1747b094a', class: "col-12 col-md-4" }, h("form-control-date", { key: 'a8c3cbc3d2c075e82e82c8fd4a123eade5a64e5c', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'a5be0388dbfa97375cedaf059e51b680170d806f', class: "col-12 col-md-8" }, (!((_a = this.representative) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: this.isEditingIdentification ? '' : representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.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 }, this.identificationNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.representative) === null || _b === void 0 ? void 0 : _b.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
                 this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { representative: Object.assign(Object.assign({}, this.formController.values.getValue().representative), { ssn_last4: null, identification_number: '' }) }));
-            } }, "Change"))))), h("div", { key: '92b0c2109f98ac67a32ad57ca91c4f663d3de307', class: "col-12" }, h("justifi-identity-address-form", { key: '187ac4670413b762f4f78dcde5a33ae2a73f203f', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
+            } }, "Change"))))), h("div", { key: 'be522af99631fad573411bc5415fd6a712bc5486', class: "col-12" }, h("justifi-identity-address-form", { key: '145c76eb8c16fdd113dcd61faff219f852b22214', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
     }
 }, [256, "justifi-business-representative", {
         "formController": [16],

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

@@ -133,7 +133,7 @@ const BusinessTermsConditionsFormStep = /*@__PURE__*/ proxyCustomElement(class B
         return (h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
     }
     render() {
-        return (h("form", { key: '721f3c171358f9450a8b460dafac3c9f7f27727b' }, h("fieldset", { key: 'e151086c528d5e359e4ecd2c33feb01c5571a6ca' }, h("legend", { key: 'ff4ba3bead3ec50cf9736d6a864740e542f42b2d', part: heading2 }, "Terms and Conditions"), h("hr", { key: 'c076bfe230bafbe8db7280f5f708de893c970bf2' }), h("div", { key: 'd2a1e0f4e15077d07fe7de2cb847252990b44bde' }, h("p", { key: '559c4c6d6e27b5fb800984e87097fe080482462d' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '014b3a7be231c81bd23c35ab212d7ac4e4c1d107' }), h("div", { key: '3ef38ecffd678c36c564836434f0a0da341116af', class: "row-gy-3" }, h("div", { key: 'e715723e19a212628d29fec46ca494b7080dac66', class: "col-12" }, h("form-control-checkbox", { key: '6054f012fa3abacf6b9f6ffe7d7e88444d8a1066', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
+        return (h("form", { key: '33336d0a66d63ce39951822fd570a9a0689e714d' }, h("fieldset", { key: 'fcfdb59eef671cb408ed99e2dad20d6be706688a' }, h("legend", { key: 'f0cf7f0ac15c90cf36ee25d4bf986c0e781a2e92', part: heading2 }, "Terms and Conditions"), h("hr", { key: 'd5c820e7d6523f931040a994bd103d69fd644c45' }), h("div", { key: '681b584de14afe121f5dc69ee0bad1cab51ba0d1' }, h("p", { key: '7c597bf891a108d303739126b806ded5220f56ab' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '52854c5a07611180be40df21a5f60d7d9d4c4cb7' }), h("div", { key: '7448b3f6138b996edac137b961367725e3b40556', class: "row-gy-3" }, h("div", { key: 'c732deb4e1e3a2d04dd4e09914543a7f594af108', class: "col-12" }, h("form-control-checkbox", { key: 'fca18e4843aef20d13790029b114b2ecaeb6ffa2', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
     }
 }, [256, "justifi-business-terms-conditions-form-step", {
         "authToken": [1, "auth-token"],

package/dist/module/button.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { Y as buttonSecondary, a0 as buttonPrimary, a1 as buttonLoading } from './parts.js';
+import { Y as buttonSecondary, a1 as buttonPrimary, a2 as buttonLoading } from './parts.js';
 
 const ButtonSpinner = () => (h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" }, h("span", { class: "visually-hidden" }, "Loading...")));
 

package/dist/module/cancellation-policy.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { a2 as heading5 } from './parts.js';
+import { a3 as heading5 } from './parts.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-file-v22.js';
 import { d as defineCustomElement$3 } from './form-control-help-text2.js';
@@ -41,7 +41,7 @@ const CancellationPolicy = /*@__PURE__*/ proxyCustomElement(class CancellationPo
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '24d9db9409e2bc6147e73b70b103c86d9c65580d' }, h("div", { key: 'a724a9f96b0cc7f6a38fab82b572962b72ffbf9b', class: "row gy-3" }, h("div", { key: 'ba734334efd7a7fbc7adcc2c8bcb73f80278a413', class: "col-12" }, h("h2", { key: 'f57de791ca5b8f6752ce06460ba813f89f8145f5', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '86946aa4b4b2615864c3e6053e661564f4eb5658', class: "col-12" }, h("form-control-textarea", { key: '0f996bfd0a1b64effef21418a7813a12f1ad5fcd', 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: 'd46ca79368e4bc1f13e406d0fece0be4b8e33950', class: "col-12" }, h("form-control-textarea", { key: '0d7991cf878e645b80b8aa8b03533dc758d267a9', 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: 'aa89c58ba7263fe7419908fd4964874645b26c3e', class: "col-12" }, h("form-control-file-v2", { key: '7e6020a57b0d804c20e0b2c092bf512912679eb9', 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: '7e324ceb101b39f115b802eaaba72bc1244d944f' }, h("div", { key: '09051fac8c49c6ffc52e37d5027a353a8e4fe8ae', class: "row gy-3" }, h("div", { key: '6c8c50593dca3155a708ec25f3189be54df3e3b9', class: "col-12" }, h("h2", { key: 'bdffa3a4ea564d715c377ffe2b97c7ec59600ed5', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '376a234708050ff8079db49dd42e28eabbd2d5ce', class: "col-12" }, h("form-control-textarea", { key: '2b6a803b276cf3c73e2a3745cd09c9b797265127', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: '52d22aae6cca0dd3215d545957d130564ae673e5', class: "col-12" }, h("form-control-textarea", { key: '170191a065345416f68bb0abfa72b59318c65ed6', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: 'cb5e7e12104574a061139fd882c9da41e8ffadbb', class: "col-12" }, h("form-control-file-v2", { key: '7c09d5592ac3584e134f8a1a3d0aeca0c2cf4373', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
     }
 }, [256, "justifi-cancellation-policy", {
         "disputeResponse": [8, "dispute-response"],

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: '1191dac498a26eaa1e553d041185d73a6c83976d' }, h("div", { key: 'bb767072391ecb9f8de3d7312e146892ae75196a', part: billingForm }, h("form", { key: '34994f535186cab1d75a3eec57f0ff449d726507' }, h("fieldset", { key: '5425df6533360185d0e8428bfcf4b9896c32f7c9' }, this.legend && (h("legend", { key: 'db130af085d0e4dfc04ac35b8425111faf67a5b9' }, this.legend)), h("div", { key: 'deef3521156e148936d3c502e5b7de49efa55e7b', class: "row gy-3" }, h("div", { key: 'a520ae53525cc81dfa0c9cd26d3d983fa870f722', class: "col-12" }, h("form-control-text", { key: '27613ef0fe2a2647bf24598da29871cde0af7e55', 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: '171cb8db5cce1778ef5f590c6b4d72f327c37bad' }, h(CardFormSkeleton, { key: '084ed0d409f1e747a95578060626d1704fefb783', isReady: this.isReady }), h("div", { key: 'ccf225f0f420a22cc1cffb1d7f9dc51fe92612ee', 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: '7e7599c24e95a364f1011ed8f8ba2e387f4bc184', class: "mb-3" }, h("iframe-input", { key: '5ec2f426a232a8c1387e7e54f7321672e16a230c', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'bbf1284e4bd2213cf48eb64b88c5ecd5492c51e5', class: "d-flex align-items-start" }, h("div", { key: '70bf0e98c9c99913773ebcd5b6b9e88679779d6f', class: "flex-fill me-3" }, h("iframe-input", { key: 'b0ed2bbe9a63b83810fa170350cc28e777bc0509', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '4d6592dc2f6dea2d2d4ddb8667681576817e6c98', class: "flex-fill me-3" }, h("iframe-input", { key: '34dabee2355d51ca1175af9a084188a6d44714df', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: 'c3afab4dea5e93edca3a0372d397afd8ef937de1', class: "flex-fill" }, h("iframe-input", { key: '0777691de3a8e12338a9c9b967ce3f20f675c6b3', 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/card-form2.js

@@ -64,10 +64,10 @@ const JustifiCardForm = /*@__PURE__*/ proxyCustomElement(class JustifiCardForm e
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: '83bf3ea8d44fd14cf98725b1e800e2481222423b' }, h(CardFormSkeleton, { key: 'e23ef5cf5d8b756dcdfda6341a240d86e400a10e', isReady: this.isReady }), h("hidden-input", { key: 'eddc0b1549ee00084df8bfbbd22658bc48cdf493' }), h("div", { key: '753a4c38f8624a9d528c582fd5e26929977e88c5', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: 'e204cee1fc875392b8056baf58b7234a739fffce' }, h(CardFormSkeleton, { key: '3accfb88d66661ceaef39f765bb3fddfd0f98393', isReady: this.isReady }), h("hidden-input", { key: '0416ddca8b444cf8702f3fff52065bf647bd4b61' }), h("div", { key: '37c1d5014e5a6658bfd28e08e361ffaa6488f6d7', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'db1c408da9865db12899f2e86d46a3181f592333', class: "mb-3" }, h("iframe-input", { key: 'b31b33f68f34fbde9abdab13cc4b0b09e2122bad', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '4e8e14e60bb566032530fd72e7f787226e0e7940', class: "row" }, h("div", { key: 'cb1c06bd2c2e04cffdc2a6572505a6dcf26e9b48', class: "col-4 align-content-end" }, h("iframe-input", { key: '915ff44d990585262a2e60d83ac569cd56e90762', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: 'ceca19853d0e78828c5a89a5e1f99acce6d05345', class: "col-4 align-content-end" }, h("iframe-input", { key: 'f0089860aab12b7bcfe31ac9fe6ed303182ff9fa', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: 'e1bdd33a875bdf82068aceeea68f27c48414ed65', class: "col-4 align-content-end" }, h("iframe-input", { key: '7c483f78294418b7cee76e0c272ad375496bbc7d', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, h("div", { key: 'e2956855dfbcab38a782c22e93bd49252196baa8', class: "mb-3" }, h("iframe-input", { key: '55105f1eebab4b846e1b5c55448259368a412349', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '9464b1a500a84dcaa438a9ebdad756637d14cb24', class: "row" }, h("div", { key: 'adc51687629fb00d26c6627e95c0228f5a4dfd11', class: "col-4 align-content-end" }, h("iframe-input", { key: '52a0e5e198b6bfac00515ec220370e289674b613', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '1b09582711d838643db265b003ed18b18042713e', class: "col-4 align-content-end" }, h("iframe-input", { key: 'a1731a8dc02723398e1aae58b3812fccf62e6157', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '1e2c3205f2e0b28d036480d2c61934da5e7da620', class: "col-4 align-content-end" }, h("iframe-input", { key: 'b7b87360068434122f9b5a8935468240684b7a1d', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
 }, [257, "justifi-card-form", {
         "isReady": [32],