@justifi/webcomponents 5.7.6 → 6.0.0-rc.2

package/dist/module/additional-questions.js

@@ -26,7 +26,7 @@ const AdditionalQuestions = /*@__PURE__*/ proxyCustomElement(class AdditionalQue
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         const additionalQuestionsDefaultValue = this.formController.getInitialValues().additional_questions;
-        return (h(Host, { key: '6e2549b906fec8928dae89a4f143916a2b50eff3' }, h("fieldset", { key: '525eab0debf75c3996c45128e9431086e49c3850' }, h("legend", { key: 'adeb6e2a32fb4f9e991d7b4843569116e336743c', part: heading2 }, "Additional Questions"), h("div", { key: '29b55613d32bc434017fc561033c6c9b8800666d', class: "row gy-3" }, h("div", { key: '80c1d6b2c5e52c5fe0f8b9c3591bb315e51f7c55', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: 'e69e6c75d3a6add592e90e3709d7b7ff694ebfe0', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: 'af0e66f6f647ed7248e0d861707cc378c85b0dce', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: 'e1f6af9f7537bf4d4e96739ff7537be01ca9371c', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.additional_questions) === null || _d === void 0 ? void 0 : _d.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: 'b914a2f8abd79eab79d284f1ece9850f4a417893', class: "col-12" }, h("form-control-select", { key: '8954dfe23f7984810fbae657ac9995e40253b377', 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: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.additional_questions) === null || _f === void 0 ? void 0 : _f.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: 'da533644fd51e8678fc80d49c7db0ce20a803019', class: "col-12" }, h("form-control-select", { key: '06c23865a5bbda38b294dd4edfee6ace942fb732', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: 'bb492db9aea205138ef76cf6fc7c3f686bb41a79', class: "col-12" }, h("form-control-text", { key: 'a3f900076730b504587619ff9c4c13ecce36f541', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.additional_questions) === null || _k === void 0 ? void 0 : _k.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { key: 'e2f56ae5d9654bdb1077689a1ef59c9047e97bda', class: "col-12" }, h("form-control-select", { key: '697e41186b4c82046e50288594681117bf8dd6fe', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.additional_questions) === null || _m === void 0 ? void 0 : _m.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: '2e2f5d17b70604b9425997d9e4e0dfafea933448', class: "col-12" }, h("form-control-text", { key: '27d305b06e7bc2d66084c9d04ebb785883564bbd', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_p = (_o = this.errors) === null || _o === void 0 ? void 0 : _o.additional_questions) === null || _p === void 0 ? void 0 : _p.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
+        return (h(Host, { key: 'e3e354a7cf470f658e0f95d37186b1f45771b673' }, h("fieldset", { key: '7fb001177a4f907d513eb5955063d446234ede0c' }, h("legend", { key: 'ee6b045a438be9f56345daad752e105640f1ca3d', part: heading2 }, "Additional Questions"), h("div", { key: 'ed114675357f3b70c34a3eb941fdb30e6219cdc9', class: "row gy-3" }, h("div", { key: 'b85c27c827cf5e5d0d556c343315e5eec736f538', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: '4576f67fa74ba7c2ca9730468ddc52b055a3c496', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.additional_questions) === null || _b === void 0 ? void 0 : _b.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '0614c60cc7daaf890ccb4888d41b0260a26f9a0e', class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { key: '2c435c1553714d75542e0e3bcf1d723f26b37da8', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.additional_questions) === null || _d === void 0 ? void 0 : _d.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '8d4a19eb0b6b5707f4a423543d86ae50f6492efc', class: "col-12" }, h("form-control-select", { key: '2e49f907bae85cd4901e4aa4413284596fbed365', 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: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.additional_questions) === null || _f === void 0 ? void 0 : _f.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: '11bc4e0bbe2122b977cf8bc29ac0601ef941881c', class: "col-12" }, h("form-control-select", { key: 'c511b728971250dc3272c1ef9ff96131a9ac6a2e', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.additional_questions) === null || _h === void 0 ? void 0 : _h.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: '5a40dfe41a9fca815cdf0eb7455b41615d1e6c76', class: "col-12" }, h("form-control-text", { key: 'd8aaf0f6d7d44b1b15ec76af198a0117493f08c6', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.additional_questions) === null || _k === void 0 ? void 0 : _k.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { key: 'b211bb865a60baf1ea00c81f76f000ff2a31d7bd', class: "col-12" }, h("form-control-select", { key: '4b693e7425e690a59e2c70646cca2b886b8a8796', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.additional_questions) === null || _m === void 0 ? void 0 : _m.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: 'e85b7fceb9cdc808afaf3559609b7519c9630266', class: "col-12" }, h("form-control-text", { key: 'ae4a6518c7499826f30376f1c902f694244059c7', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_p = (_o = this.errors) === null || _o === void 0 ? void 0 : _o.additional_questions) === null || _p === void 0 ? void 0 : _p.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
     }
 }, [256, "justifi-additional-questions", {
         "formController": [16, "form-controller"],

package/dist/module/additional-statement.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 { $ as heading5 } from './parts.js';
+import { _ 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';
@@ -39,7 +39,7 @@ const AdditionalStatement = /*@__PURE__*/ proxyCustomElement(class AdditionalSta
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '3da2494959f8f95bd5dcea3ec7b40d7a6d13f07d' }, h("div", { key: '7e30011761a53353dc4ea2a29860fb1b0e97a4f2', class: "row gy-3" }, h("div", { key: 'f059331f2f33f10a179ff4c0cdd39966dd3244b9', class: "col-12" }, h("h2", { key: '504f4debdd82105dee45199402edd1b4f8855b22', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: 'bb6d287f7b13b48b0da327baac376afa5b0422ed', class: "col-12" }, h("form-control-textarea", { key: '11f24185c7bdf2c8611bbdd565e5f7621487e2ee', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: '0a7b1a3d9599b973fe8eba88d895345286b22e4b', class: "col-12" }, h("form-control-file-v2", { key: '18a913b89ea00c8559ad33377f57e4b9a276d00d', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
+        return (h("div", { key: 'f407dba7be750c75d9bd3163647e62b57f7b32df' }, h("div", { key: '5d690bf3227112c1d6f86d956bb98dd5bb2d585d', class: "row gy-3" }, h("div", { key: 'e12ecbe52d9383b449cde0ffafe32b952c293ad8', class: "col-12" }, h("h2", { key: 'aaeeeed0024985d9be89ce02f252ef999dd9d197', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: 'aedfe85e833e387998815246faa21f46184ddcdb', class: "col-12" }, h("form-control-textarea", { key: 'affa35eb587e6b70546f18414d7436bc267c0201', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: 'ec650c06058b30773dacf1c1f9cafedb526ced90', class: "col-12" }, h("form-control-file-v2", { key: 'd9a75a49a8ada0dfe0b2466ec03a8842c75bddf8', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
     }
 }, [256, "justifi-additional-statement", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/badge.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { x as badgeDark, y as badgeLight, z as badgeInfo, A as badgeWarning, B as badgeDanger, C as badgeSuccess, D as badgeSecondary, E as badgePrimary, F as badge } from './parts.js';
+import { D as badgeDark, E as badgeLight, F as badgeInfo, G as badgeWarning, H as badgeDanger, I as badgeSuccess, J as badgeSecondary, K as badgePrimary, L as badge } from './parts.js';
 
 var BadgeVariant;
 (function (BadgeVariant) {

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

@@ -1,7 +1,11 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { n as nameOnlySchema } from './billing-form-schema.js';
-import { U as billingForm } from './parts.js';
+import { V as billingForm } from './parts.js';
 import { F as FormController } from './form.js';
+import { S as StyledHost } from './styled-host.js';
+import './details.js';
+import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$3 } from './custom-popper2.js';
 import { d as defineCustomElement$2 } from './form-control-text2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
@@ -10,6 +14,7 @@ const BankAccountBillingFormSimple = /*@__PURE__*/ proxyCustomElement(class Bank
     constructor() {
         super();
         this.__registerHost();
+        this.__attachShadow();
         this.errors = {};
         this.inputHandler = (name, value) => {
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
@@ -37,9 +42,9 @@ const BankAccountBillingFormSimple = /*@__PURE__*/ proxyCustomElement(class Bank
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '26bb004c8683881a5f7b6a4a7de3b1e2c680d157' }, h("div", { key: '89951cc4128e5b6578943af160eb44eb64d02272', part: billingForm, class: "mt-4" }, h("form", { key: '06ff2993369ed913abd9973fc7bb87514d047671' }, h("fieldset", { key: '29b61ffe7a9047a9909d8ed3688c41b9bbedc1d0' }, this.legend && (h("legend", { key: 'eb02a71dfa08b5b5b5e3646f96d9a6882b71bda0' }, this.legend)), h("div", { key: 'b6c5e23355c9a70423f23540f2a7191ae33aa738', class: "row gy-3" }, h("div", { key: 'a7f5606df9c5ca03de56ccaf3a809550a8437ff0', class: "col-12" }, h("form-control-text", { key: '688e677b9ceb86ae0c41715b12edbc6cee913424', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
+        return (h(StyledHost, { key: '5d20a10cee1aae5c6500b5ce0045859f9c2b9e60' }, h("div", { key: '9c5f77f6b03a70b4825bf40dd470d757cfe1eb50', part: billingForm, class: "mt-4" }, h("form", { key: 'a588d182b5d0a212d74fec4a7ce77bc743e387ca' }, h("fieldset", { key: '997ae96111c02eba64b6109786d634f0fe1d28d1' }, this.legend && (h("legend", { key: 'fdcaf97a5968bcdfa6e79b8da9ab8f111721ba3c' }, this.legend)), h("div", { key: '2b56bb94f907d2e6a68b8177c0d1dd77fae92aae', class: "row gy-3" }, h("div", { key: '0588a51e0d9a2bb0d643688677f02e2473c834f5', class: "col-12" }, h("form-control-text", { key: '06706f6b9db8f6ae7f732d8423b47af99718a2d7', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
     }
-}, [256, "justifi-bank-account-billing-form-simple", {
+}, [257, "justifi-bank-account-billing-form-simple", {
         "legend": [1025],
         "formController": [32],
         "billingInfo": [32],

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

@@ -1,10 +1,8 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import './config-state.js';
-import './utils2.js';
-import './Checkout.js';
-import './Pagination.js';
-import './Payment.js';
+import './dinero.js';
 import { E as EntityDocumentType } from './Refund.js';
+import './Pagination.js';
 import './Business.js';
 import { d as defineCustomElement$3 } from './custom-popper2.js';
 import { d as defineCustomElement$2 } from './form-control-file2.js';
@@ -16,7 +14,7 @@ const BankAccountDocumentFormInputs = /*@__PURE__*/ proxyCustomElement(class Ban
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: 'a3ff8b1ff23923beb847e66d6c56a39de9a86434', class: "row gy-3" }, h("div", { key: '86f9ba3a8f0f87f7fa67ba0fcf1d7c04f67e9bc5', class: "col-12" }, h("form-control-file", { key: '9cc2bc21414c8e3f4b25ac47b76340a4ce569c42', 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: 'bee72d6c63514cdbd3200910d3a53b045c60d05d', class: "col-12" }, h("form-control-file", { key: '80a79f352d078cd210768b4060cad7014b1060c5', 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: '23f5fa6b191b3feea7677a85a421002642a86f50', class: "row gy-3" }, h("div", { key: 'da9d9698f15aeb4bb05baef8fb63c630fcff8a82', class: "col-12" }, h("form-control-file", { key: 'b84a8ec1753210f74989c04b5520f0e94c5a083d', 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: '06d442df900406f122970bde6b2b293f2c9080ee', class: "col-12" }, h("form-control-file", { key: 'b3dc1d48900c5932c4d59f8b31a323193f0e86b4', 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, "input-handler"],

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

@@ -13,7 +13,7 @@ const BankAccountFormInputs = /*@__PURE__*/ proxyCustomElement(class BankAccount
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: 'b18e803521d67b40e4e5af03a66dcdca0b678968', class: "row gy-3" }, h("div", { key: 'e2e6667ffbcebb6a9aa50739814e7bbebceaabfa', class: "col-12" }, h("form-control-text", { key: 'e1ad63fb7db32dbb6ed67cf18919c681d6d192ef', name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '54db821813e7eb931b8f19fad7fce976cdeb0045', class: "col-12" }, h("form-control-text", { key: '4ecf222c1918e364f319d07e0a770d68dba099d0', name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'a92c38f2abbcb3dcaee4bc5ea73df44b31adc3f9', class: "col-12" }, h("form-control-text", { key: '492ff1a4d1e9c4f2fa9d0e527a34dc5ccb09afe6', name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '8e14e6e3de43822d139085d3a05bfd0e7ae5b1be', class: "col-12" }, h("form-control-select", { key: 'f6648b6f7c4a475f88b849bf3a75d446bb539c69', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '68a2efc082f5b6414ebde10b6da4365677dbefca', class: "col-12" }, h("form-control-text", { key: '3ef9b3db5882063708ccf1eb282f3e90ed53ce82', name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." })), h("div", { key: 'e3270db28269bc25dd4d5a99274f042c1efd1fc6', class: "col-12" }, h("form-control-text", { key: 'a8e801f65a4cc164cdc7bf186fed67f87abc828f', name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." }))));
+        return (h("div", { key: 'da4dc9523bca84cdd02f7e5d47e513c426ed90fd', class: "row gy-3" }, h("div", { key: 'b625a293dec704cbbb132469fdbc8c5d99a660e1', class: "col-12" }, h("form-control-text", { key: 'b41460ddc605f73faf71233ccbbef7e34e690e5a', name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'e5560bcdba399baa2e54441436ef5c67936e9fef', class: "col-12" }, h("form-control-text", { key: '18cd16931899f724fd92cb89f1b8d4cd41c5354c', name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '3bb589db98e5d65022576b602bda41f36e3a90d5', class: "col-12" }, h("form-control-text", { key: 'c870513b8895add114d5ec588561fa6f33a63514', name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '1783e7b4af2b012338fe2e1b4f1faa9b5e086bcd', class: "col-12" }, h("form-control-select", { key: '6a9af0f6edeae133dce04b7f829abb802db4ac83', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '3c3ffced96f67320b4c580be6f28dd8ef5d2c109', class: "col-12" }, h("form-control-text", { key: 'e85df115a9de08ad9abb3237f7bf6c6d23c84150', name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." })), h("div", { key: '5a25cb25160aff24d1f62df2115dbd248709141e', class: "col-12" }, h("form-control-text", { key: 'dfdf7dce470efb8eea65aa6daf562d190963bace', name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled, 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

@@ -1,4 +1,86 @@
-import { B as BankAccountForm$1, d as defineCustomElement$1 } from './bank-account-form2.js';
+import { h, proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/client';
+import { S as Skeleton } from './skeleton.js';
+import { w as waitForConfig, c as configState } from './config-state.js';
+import { d as defineCustomElement$2 } from './iframe-input2.js';
+
+const BankAccountFormSkeleton = (props) => {
+    const { isReady } = props;
+    if (isReady) {
+        return null;
+    }
+    return (h("div", { class: "container-fluid p-0" },
+        h("div", { class: "row mb-3" },
+            h("div", { class: "col-12 align-content-end" },
+                h(Skeleton, { height: "18px", width: "120px" }),
+                h(Skeleton, { height: "36px" }))),
+        h("div", { class: "row" },
+            h("div", { class: "col-12 align-content-end" },
+                h(Skeleton, { height: "18px", width: "110px" }),
+                h(Skeleton, { height: "36px" })))));
+};
+
+const BankAccountForm$1 = /*@__PURE__*/ proxyCustomElement(class BankAccountForm extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.isReady = false;
+    }
+    async componentWillLoad() {
+        await waitForConfig();
+        this.iframeOrigin = configState.iframeOrigin;
+    }
+    componentDidRender() {
+        const elements = [
+            this.accountNumberIframeElement,
+            this.routingNumberIframeElement,
+        ];
+        Promise.all(elements.map((element) => {
+            return new Promise((resolve) => {
+                element.addEventListener('iframeLoaded', () => { resolve(); });
+            });
+        })).then(() => {
+            this.isReady = true;
+        });
+    }
+    async validate() {
+        const accountNumberIsValid = await this.accountNumberIframeElement.validate();
+        const routingNumberIsValid = await this.routingNumberIframeElement.validate();
+        return accountNumberIsValid && routingNumberIsValid;
+    }
+    async tokenize(clientId, paymentMethodMetadata, account) {
+        return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
+    }
+    render() {
+        return (h(Host, { key: '843caa7d14d4694d78e477cb51d6caac387fdb23' }, h(BankAccountFormSkeleton, { key: 'f4381a71ef5831d159f51472744c7d7a85221464', isReady: this.isReady }), h("div", { key: '8de6e74f3559d94747d8ca942f777977325f16e5', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, h("div", { key: '09e19bc320f2095c9148ddaa2105813071d5f9da', class: "row mb-3" }, h("iframe-input", { key: 'e6262b9fa09d8b30da046dc0c1a01a7bbac33a7d', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '15b85f900ce89f440ecbfe62e61d36d15eff9c2b', class: "row" }, h("iframe-input", { key: '9b4cf61adfd4a5c68e07cc4eb49841727ce2c63d', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+    }
+}, [256, "bank-account-form", {
+        "isReady": [32],
+        "iframeOrigin": [32],
+        "validate": [64],
+        "tokenize": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["bank-account-form", "iframe-input"];
+    components.forEach(tagName => { switch (tagName) {
+        case "bank-account-form":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BankAccountForm$1);
+            }
+            break;
+        case "iframe-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
 
 const BankAccountForm = BankAccountForm$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/module/{bank-account-form2.js → bank-account.js}

@@ -1,6 +1,12 @@
-import { h, proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/client';
+import { h, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
+import { S as StyledHost } from './styled-host.js';
+import './details.js';
+import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { S as Skeleton } from './skeleton.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { w as waitForConfig, c as configState } from './config-state.js';
+import { d as defineCustomElement$2 } from './hidden-input2.js';
 import { d as defineCustomElement$1 } from './iframe-input2.js';
 
 const BankAccountFormSkeleton = (props) => {
@@ -23,11 +29,14 @@ const BankAccountForm = /*@__PURE__*/ proxyCustomElement(class BankAccountForm e
     constructor() {
         super();
         this.__registerHost();
+        this.__attachShadow();
         this.isReady = false;
     }
     async componentWillLoad() {
         await waitForConfig();
         this.iframeOrigin = configState.iframeOrigin;
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
     }
     componentDidRender() {
         const elements = [
@@ -42,23 +51,27 @@ const BankAccountForm = /*@__PURE__*/ proxyCustomElement(class BankAccountForm e
             this.isReady = true;
         });
     }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
     async validate() {
         const accountNumberIsValid = await this.accountNumberIframeElement.validate();
         const routingNumberIsValid = await this.routingNumberIframeElement.validate();
         return accountNumberIsValid && routingNumberIsValid;
     }
-    async tokenize(clientId, paymentMethodMetadata, account) {
+    async tokenize({ clientId, paymentMethodMetadata, account }) {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'b6cdf5a9320d92a5390daaa0a5218274f2dfc178' }, h(BankAccountFormSkeleton, { key: '286fcc38a26820d166ced0bc886143ed3d880da4', isReady: this.isReady }), h("div", { key: '041fcacff70d7cdfc0c8f41258bd9db18703e4c1', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: 'f6b75ae15faeea635abbdcbefee10a8bdb78ba08' }, h(BankAccountFormSkeleton, { key: '39f42d054342305001a934feeb29c65caa0fe941', isReady: this.isReady }), h("hidden-input", { key: 'd4bf758fe0600db0f1535ff9040cc3d9e25c45b9' }), h("div", { key: '095bd8da35c668c7c40d696454310e0e320a1730', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '94dc0eb0d79b40ade96e1961611e3e7a8eef20ea', class: "row mb-3" }, h("iframe-input", { key: '41c82b772e7873a45409e35ed56dfea16c20c2ee', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '1c95618a50e2d36a3a9a3a7b691ae0dfa6a09936', class: "row" }, h("iframe-input", { key: '28a4dde70c8f55b4f6bf6ce2d3beee6acbebbc0b', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, h("div", { key: 'db367bbd03c3d563913228c1051bdb9bb61c11a9', class: "row mb-3" }, h("iframe-input", { key: 'e636d0226cf832f6cd7fde39ea5f471aae6d4605', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '410dd5cdca9e6774f96133fe4dbb29f0d1405138', class: "row" }, h("iframe-input", { key: '26b7138268f6e4f866c4eaf3d2f9c4b0ba00a6c3', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
-}, [256, "bank-account-form", {
-        "isReady": [32],
+}, [257, "justifi-bank-account-form", {
         "iframeOrigin": [32],
+        "isReady": [32],
         "validate": [64],
         "tokenize": [64]
     }]);
@@ -66,13 +79,18 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["bank-account-form", "iframe-input"];
+    const components = ["justifi-bank-account-form", "hidden-input", "iframe-input"];
     components.forEach(tagName => { switch (tagName) {
-        case "bank-account-form":
+        case "justifi-bank-account-form":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, BankAccountForm);
             }
             break;
+        case "hidden-input":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
         case "iframe-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();

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

@@ -1,8 +1,11 @@
-import { h, proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { f as fullBillingSchema } from './billing-form-schema.js';
-import { V as heading3, U as billingForm } from './parts.js';
+import { V as billingForm } from './parts.js';
+import { S as StyledHost } from './styled-host.js';
+import { H as Header3 } from './header-3.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { n as numberOnlyHandler } from './utils3.js';
 import { S as StateOptions } from './state-options.js';
 import { F as FormController } from './form.js';
@@ -11,14 +14,11 @@ import { d as defineCustomElement$3 } from './form-control-select2.js';
 import { d as defineCustomElement$2 } from './form-control-text2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
-const Header3 = (props) => {
-    return h("h3", { class: `header-3 ${props === null || props === void 0 ? void 0 : props.class}`, part: heading3 }, props.text);
-};
-
 const BillingFormFull = /*@__PURE__*/ proxyCustomElement(class BillingFormFull extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
+        this.__attachShadow();
         this.errors = {};
         this.inputHandler = (name, value) => {
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
@@ -26,8 +26,7 @@ const BillingFormFull = /*@__PURE__*/ proxyCustomElement(class BillingFormFull e
     }
     componentWillLoad() {
         this.formController = new FormController(fullBillingSchema());
-    }
-    componentDidLoad() {
+        // Set up subscriptions here to avoid warnings about setting state during componentDidLoad
         this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
         this.formController.errors.subscribe(errors => {
             this.errors = Object.assign({}, errors);
@@ -45,10 +44,14 @@ const BillingFormFull = /*@__PURE__*/ proxyCustomElement(class BillingFormFull e
         return { isValid, errors };
     }
     render() {
+        // Guard clause to ensure formController is initialized before rendering
+        if (!this.formController) {
+            return null;
+        }
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: 'e9d36cd879429f6d2fe05d2fc424b09a53fda517' }, h("div", { key: '3a979f2f763b96e22341ce87597a53bd1dd69de4', part: billingForm, class: "mt-4" }, h(Header3, { key: 'bd55292d19691da184eb079361f03ce72a369fa0', text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), h("form", { key: '5ad294e59acc1374abd835a1281ca9351914261d' }, h("fieldset", { key: 'b8a1e4c537c6ca214a8e233d513dbe9673ad440e' }, this.legend && (h("legend", { key: '871ce543139ea01c89e2198ab6d0d6d5a5bdb2d7' }, this.legend)), h("div", { key: 'fc5334df48a1aabd2cfe2344fc934f6eb6fe5f94', class: "row gy-3" }, h("div", { key: '1b0e96757b37d15f5c90e0322293c4615d195e57', class: "col-12" }, h("form-control-text", { key: '95312a600e8c0b1f0c082dbde3d11fac41683f8c', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'b658488bf748d0d75fc032daef27ca4c72b81deb', class: "col-12" }, h("form-control-text", { key: 'aed40a410554a29ebc94979cbfe7e7aebe3e03c0', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: '7a297f8670a3a421bf06737e158d71b119e0f92e', class: "col-12" }, h("form-control-text", { key: '867a26488bdf2124256869f80d8e1f14b691e0c2', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: 'fe6c3eeec6c496d846d48e420030689c05248e02', class: "col-12" }, h("form-control-text", { key: 'ac9dea33795c8a0a8f0b602dc108611cfebf0be6', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: 'ecbe044931a98b9b0df870f8899303775ddf92d1', class: "col-12" }, h("form-control-select", { key: 'b6c25c9170d4f97c81b57e44513dbaa8a7166c3b', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '216602a05107394f90b495f30be393efbc01371f', class: "col-12" }, h("form-control-text", { key: 'c05fdd593adbefdd78ae25c57e5f2496d300deba', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
+        return (h(StyledHost, null, h("div", { part: billingForm, class: "mt-4" }, h(Header3, { text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), h("form", null, h("fieldset", null, this.legend && (h("legend", null, this.legend)), h("div", { class: "row gy-3" }, h("div", { class: "col-12" }, h("form-control-text", { name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-select", { name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("form-control-text", { name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
     }
-}, [256, "justifi-billing-form-full", {
+}, [257, "justifi-billing-form-full", {
         "legend": [1025],
         "formController": [32],
         "billingInfo": [32],
@@ -92,4 +95,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { BillingFormFull as B, Header3 as H, defineCustomElement as d };
+export { BillingFormFull as B, defineCustomElement as d };

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

@@ -7,7 +7,7 @@ const fullBillingSchema = () => create$3({
     address_line2: lineTwoValidation.nullable(),
     address_city: cityValidation.required('Enter city'),
     address_state: stateValidation.required('Select state'),
-    address_postal_code: postalValidation.required('Enter postal code')
+    address_postal_code: postalValidation.required('Enter postal code'),
 });
 const postalOnlySchema = () => create$3({
     name: identityNameValidation.nullable(),
@@ -15,7 +15,7 @@ const postalOnlySchema = () => create$3({
     address_line2: lineTwoValidation.nullable(),
     address_city: cityValidation.nullable(),
     address_state: stateValidation.nullable(),
-    address_postal_code: postalValidation.required('Enter postal code')
+    address_postal_code: postalValidation.required('Enter postal code'),
 });
 const nameOnlySchema = () => create$3({
     name: identityNameValidation.required('Enter full name'),
@@ -23,7 +23,7 @@ const nameOnlySchema = () => create$3({
     address_line2: lineTwoValidation.nullable(),
     address_city: cityValidation.nullable(),
     address_state: stateValidation.nullable(),
-    address_postal_code: postalValidation.nullable()
+    address_postal_code: postalValidation.nullable(),
 });
 
 export { fullBillingSchema as f, nameOnlySchema as n, postalOnlySchema as p };

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
@@ -46,7 +46,7 @@ const AdditionalQuestionsFormStep = /*@__PURE__*/ proxyCustomElement(class Addit
         }
     }
     render() {
-        return (h("justifi-additional-questions-form-step-core", { key: 'cdc14a51e5655ce4b4d7c24af613b9146c80ba37', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-additional-questions-form-step-core", { key: 'b494a48aa19f63e30007663276876540c5149879', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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

@@ -1,16 +1,14 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as create$3, d as create$8, F as FormController } from './form.js';
-import { E as EntityDocumentType, b as EntityDocumentStorage, c as EntityDocument } from './Refund.js';
+import { E as EntityDocumentType, h as EntityDocumentStorage, i as EntityDocument, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import { z as routingNumberValidation, A as accountNumberValidation, B as accountTypeValidation, i as identityNameValidation, C as nicknameValidation, D as bankNameValidation } from './schema-validations.js';
 import './Business.js';
 import { B as BusinessFormStep } from './event-types2.js';
 import { h as heading2 } from './parts.js';
 import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
 import './config-state.js';
-import './utils2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import './dinero.js';
 import './Pagination.js';
-import './Payment.js';
 import { d as defineCustomElement$8 } from './bank-account-document-inputs.js';
 import { d as defineCustomElement$7 } from './bank-account-form-inputs2.js';
 import { d as defineCustomElement$6 } from './business-documents-on-file2.js';

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

@@ -1,10 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import './config-state.js';
-import './utils2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import './dinero.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
-import './Payment.js';
-import './Refund.js';
 import './Business.js';
 import { m as makeGetBusiness, b as makePostBankAccount, c as makePostDocumentRecord } from './payment-provisioning-actions.js';
 import { B as BusinessService, a as BusinessBankAccountService, D as DocumentRecordService } from './business.service.js';
@@ -58,7 +56,7 @@ const BusinessBankAccountFormStep = /*@__PURE__*/ proxyCustomElement(class Busin
         }
     }
     render() {
-        return (h("justifi-business-bank-account-form-step-core", { key: '0cdd7da1ea31971df421b28f17673bd1a81bf661', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, postDocumentRecord: this.postDocumentRecord, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-bank-account-form-step-core", { key: 'adb496ad14cd3334d30e571d873150ed8335f833', businessId: this.businessId, getBusiness: this.getBusiness, postBankAccount: this.postBankAccount, postDocumentRecord: this.postDocumentRecord, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
 import { d as defineCustomElement$7 } from './custom-popper2.js';
@@ -47,7 +47,7 @@ const BusinessCoreInfoFormStep = /*@__PURE__*/ proxyCustomElement(class Business
         }
     }
     render() {
-        return (h("justifi-business-core-info-form-step-core", { key: '21d9ea1603f0e9bf6fe842d177f0f6da0113fb73', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-business-core-info-form-step-core", { key: '1d2bd68e87d5f312c54f5a4bda8863b26fdeec5d', businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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

@@ -29,7 +29,7 @@ const BusinessCoreInfo = /*@__PURE__*/ proxyCustomElement(class BusinessCoreInfo
     }
     render() {
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '71096918610aa3068cf89fbf9f3537b7f49942c6' }, h("fieldset", { key: '502e6c3e3ae05256c6e5e8d315b4aa208ce88953' }, h("legend", { key: 'ccbe69b2323e815dc77b2602a96bdc4238fcef03', part: heading2 }, "General Info"), h("div", { key: '19a70fd7a361e5de4c88e14cbff12d88f78233e3', class: "row gy-3" }, h("div", { key: '611bcc2bd35db7b6940a5b7ae53c54b55b855dd6', class: "col-12" }, h("form-control-text", { key: 'a9de594470c896aff0803c34a313c38467f7c82a', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: 'ed742f64b1c344587127ce94ba1d17206bbdebb3', class: "col-12" }, h("form-control-text", { key: 'abb41f3aa059c180882066e21fe0239838cd9956', 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: '3659fb0dd0419fd4d6f0205bc9e32aef05f56aa1', class: "col-12 col-md-8" }, h("form-control-select", { key: '5bbbe7cd7fe0a7e8788e36855ff18390bf8df301', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '5007e6269c59878e6388164ff8d5163090b87585', class: "col-12 col-md-4" }, h("form-control-date", { key: '4fa7c7f001ced10c746d2891fe3efd8336542907', 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: 'e245a4ac6e0904c9742a0d1d220cb95c9fe63497', class: "col-12 col-md-6" }, h("form-control-text", { key: 'bc7367525a45c221c576f2b31c1a95680a95937a', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '6475831320818242eda7ac045dcdd076fbc4245c', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'd68e8046fa42f4d5976aa44a7769b14fc4cda416', name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { key: 'f59cda0241c1ad92d0d995e330b92079ba75737f', class: "col-12" }, h("form-control-text", { key: '8243464d1c75897c1e3423e5045f34b81b425a9e', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: 'c65251b25e0996277f7d0e11d25d6340ccfc11e7', class: "col-12 col-md-6" }, h("form-control-text", { key: 'fe3a4eff53786f49fbfe24afb048f861bf7a469a', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'b1d909e5f937dcbbac0082b293571904c0c81396', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '83238873cbd8ccc08a5c3af1bd87a7965fefb5f8', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+        return (h(Host, { key: '75bbee71e68fb0dafa609838f4d3e22bf4388332' }, h("fieldset", { key: '1e1cc71bfd46b278ad3f7d3a73d5b126fbf19533' }, h("legend", { key: '341b82942f116b4a2b0b29ce505fda3a153f88ec', part: heading2 }, "General Info"), h("div", { key: 'e97b3c3a38f888795c24c887d42854c79f1f7b34', class: "row gy-3" }, h("div", { key: '6d560585e9843143c836a302ad83b19719732467', class: "col-12" }, h("form-control-text", { key: '9868049d15e3f2552feba3ff6fa6b1ab43c7ae9c', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: 'f77c1d66117c29b6f5963a99bbb531f76242d052', class: "col-12" }, h("form-control-text", { key: '2708d678c35d4fa9838cd3fd834c77105b94feff', 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: 'bb17f23c8f7fc1be73524dce8ed11ce9a9524a21', class: "col-12 col-md-8" }, h("form-control-select", { key: 'bc4175a9ed29127d89cf9c6135448c80733f6959', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '6c5faad25c64ec50023be5128b8b0527584f9a7c', class: "col-12 col-md-4" }, h("form-control-date", { key: '54a151222d7eabc40a66ffbd5d0dba2e765cd135', 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: '5a562ba1811a319d2f5dd10197be2e1ecb94da8b', class: "col-12 col-md-6" }, h("form-control-text", { key: '03780a900fd4c176e5658b0784ef57eb48d2b3f7', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '96e4110eb7b40f87a804b24a2ec94defca0be899', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '3cfda64e576a93bbed143b34c235b5388dade635', name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { key: '6a6e4d87838f2666c2750662c1f031f3b8d0effe', class: "col-12" }, h("form-control-text", { key: '68f28a6b78e2df1cd69631097a001369722d8081', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '8a334f64bc214d1211772e5a5018b82dadd88d1a', class: "col-12 col-md-6" }, h("form-control-text", { key: '639888a2d30e785e1d403830c718b7991f28285a', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'b4aac33c17ce96c5c9a9ce5a90f322f69941df5e', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'c384d24cc34fefca964a5eb412b28360361ab780', 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, "form-controller"],

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

@@ -3,6 +3,7 @@ import { E as ErrorState } from './utils.js';
 import { S as StyledHost } from './styled-host.js';
 import { d as defineCustomElement$4 } from './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { S as Skeleton } from './skeleton.js';
 import { d as defineCustomElement$6 } from './additional-questions-details2.js';
 import { d as defineCustomElement$5 } from './core-info-details2.js';

package/dist/module/business-documents-on-file2.js

@@ -1,9 +1,10 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { s as snakeCaseToHumanReadable, a as formatDate, b as formatTimeSeconds } from './utils2.js';
-import { k as card, h as heading2, m as table, n as tableHeadCell, o as tableCell } from './parts.js';
+import { q as card, h as heading2, u as table, v as tableHeadCell, w as tableCell } from './parts.js';
 import { S as Skeleton } from './skeleton.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 
 const BusinessDocumentsOnFile = /*@__PURE__*/ proxyCustomElement(class BusinessDocumentsOnFile extends HTMLElement {
     constructor() {

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

@@ -3,6 +3,7 @@ import { B as Button } from './button.js';
 import { h as heading2 } 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$a } from './custom-popper2.js';

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
 import { d as defineCustomElement$b } from './custom-popper2.js';
@@ -51,7 +51,7 @@ const BusinessOwnersFormStep = /*@__PURE__*/ proxyCustomElement(class BusinessOw
         }
     }
     render() {
-        return (h(Host, { key: '39dcd68b6ef40bb24dfec2da03d420de7ff17f1a' }, h("justifi-business-owners-form-step-core", { key: 'f9958c7cb798f256106f93a45bcc8405da5f3b49', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
+        return (h(Host, { key: '3420b6e74da344665583a49146b5b7fd1be40155' }, h("justifi-business-owners-form-step-core", { key: '3e092450028815a0b134af4294edbb7589864409', authToken: this.authToken, businessId: this.businessId, getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: (el) => this.coreComponent = el })));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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

@@ -23,7 +23,7 @@ const RepresentativeFormInputs = /*@__PURE__*/ proxyCustomElement(class Represen
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h("form", { key: '02b2888267736b1441b16e569a7d1ff3ab3e7e17' }, h("fieldset", { key: 'd5d4afd7df869b87272407d4e401ad802708c870' }, h("div", { key: '4e2113e9d7d16c6d2b50625dba3dfa82f7b04832', class: "d-flex align-items-center gap-2" }, h("legend", { key: '17ffa94355f1d89223c554f4fb80e38735681725', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '0df0655bc4e409ae53b93e40260486e4ff610410', 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: 'bb67f7aafe877075d18ac9a7e8acaa94267035de', class: "mt-2" }), h("div", { key: 'aa5b5fb1913f64c54384d793beeb6dcd5728d10e', class: "row gy-3" }, h("div", { key: '6fe16958c76e589581bd099192fc6886f3e7eb6c', class: "col-12 col-md-8" }, h("form-control-text", { key: 'e0579c2e09c9be66b431174b6d79122349e4d859', 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: '98cfa2ab8e5537452ab0dae54ad95f1ac2a541f4', class: "col-12 col-md-4" }, h("form-control-text", { key: '55962d3f118bc0ffbbe1fbf62d8d6e15c0f04dfb', 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: 'c8bb3ea449d7adcd0d897ee64a1383ff7639305d', class: "col-12 col-md-6" }, h("form-control-text", { key: 'df99114c3d94073a3a95b7ea2f326d27db1d4fa9', 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: '9fe7cce8fbaa975f2cb2f890ec60cc5696356014', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '236d3629a7d97feb7c7556b7e7ba83b0b45ca3db', 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: 'cf99a0654ed61f599d5d854149e68abb9e52798f', class: "col-12 col-md-4" }, h("form-control-date", { key: '8bc17351844b590e16f34daaee6da1e67d433d44', 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: '563dd2be61ca9238c915298fb5db51dfca6468e3', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'a99b04783e2a7a439091aa79394e614d82293ac8', name: "identification_number", label: "SSN", defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: '4ae17d91e7428f54e07942a1429e554c6e7a37ac', class: "col-12" }, h("justifi-identity-address-form", { key: '8490e4d041ff22bcb481d553760ed6f34ca908aa', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        return (h("form", { key: 'e4b7a532e18a921a5a28aab31f679fbbad164198' }, h("fieldset", { key: 'd7056e5ee25625adb563e2687f581157653c8a9d' }, h("div", { key: '456aab0ef1399a7c1d272059c881c6c6f3d0e87c', class: "d-flex align-items-center gap-2" }, h("legend", { key: '430b3731bbd97ff1589bd81bd6fdaa4082161180', class: "mb-0", part: heading2 }, "Representative"), h("form-control-tooltip", { key: '47676ededb80e0f766cb786265d8fb307c60d125', 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: '514197b5bd4868ec29e75dc74367deb187b32063', class: "mt-2" }), h("div", { key: 'f2986d55d0bfbf0e6059f0b2a766d2dc603acdc5', class: "row gy-3" }, h("div", { key: 'e4a3749c5e972f505527b8fc172f9a4214806345', class: "col-12 col-md-8" }, h("form-control-text", { key: 'd54c8d17f0360277fe04dd91a528e303182495c7', 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: '4fa0b1a192fb39a982c957d202ea2ac1e40dedd8', class: "col-12 col-md-4" }, h("form-control-text", { key: '8c3bca4234ea0e7ae3c79d810ffb469637898eb6', 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: '7e14a61364883172f2938bd8b1e53883ddd369fe', class: "col-12 col-md-6" }, h("form-control-text", { key: '8d9c81d374998dbaea5322906fddb5eeadea1546', 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: 'c3f369b226a08497926b26d0732b7dc9d6413559', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '734625aeac8384f2b8676c4d350368675cff3a6f', 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: '23d509b724f2617eb0a4f85c74238b09a052a6cb', class: "col-12 col-md-4" }, h("form-control-date", { key: '0f838cc474beab9822a84856733a86ecf43f0ec3', 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: 'f6d08c53dad2e9a550adf893ac59166015ffb6e4', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'dd610955fb7c62fd0aab9af925af34cdc47ab3e9', name: "identification_number", label: "SSN", defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), h("div", { key: 'd4e2a212a87ca9be4be8e21f3e47008b2201871c', class: "col-12" }, h("justifi-identity-address-form", { key: 'bb2d0d01e07be4d37acfd448796c8a33460111ed', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
 }, [256, "justifi-business-representative-form-inputs", {
         "representativeDefaultValue": [8, "representative-default-value"],