@justifi/webcomponents 5.7.2 → 5.7.3-rc-02

package/dist/cjs/{get-payment-details-MM1u5jMc.js → get-payment-details-CnPsEZA8.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-require('./config-state-D7p-XunE.js');
+require('./config-state-BTfJl-LU.js');
 require('./utils-qOon0GWm.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+require('./Checkout-BTgAlgVL.js');
 require('./Pagination-Dediz133.js');
-var Document = require('./Document-Qt0qiXeh.js');
-require('./Refund-BDFOEJv_.js');
+var Payment = require('./Payment-D5UynU2f.js');
+require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-l0veqT9y.js');
+var utils = require('./utils-IGCnjtqc.js');
 
 const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError, final }) => {
     var _a;
     try {
         const response = await service.fetchPayment(id, authToken);
         if (!response.error) {
-            onSuccess({ payment: new Document.Payment(response.data) });
+            onSuccess({ payment: new Payment.Payment(response.data) });
         }
         else {
             const responseError = utils.getErrorMessage(response.error);

package/dist/cjs/{get-payout-csv-CXEQkjDm.js → get-payout-csv-CdNRRH0t.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var utils = require('./utils-l0veqT9y.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var utils = require('./utils-IGCnjtqc.js');
 
 const makeGetPayoutCSV = ({ authToken, service }) => async ({ payoutId, onError }) => {
     try {

package/dist/cjs/{get-subaccounts-CkjWYxIU.js → get-subaccounts-CgOAdXG4.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var Api = require('./Api-Dp4CW5K6.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+var Api = require('./Api-BTdkb3Zh.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+require('./Checkout-BTgAlgVL.js');
 require('./Pagination-Dediz133.js');
-require('./Document-Qt0qiXeh.js');
-var Refund = require('./Refund-BDFOEJv_.js');
+require('./Payment-D5UynU2f.js');
+var Refund = require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-require('./config-state-D7p-XunE.js');
+require('./config-state-BTfJl-LU.js');
 require('./utils-qOon0GWm.js');
-var utils = require('./utils-l0veqT9y.js');
+var utils = require('./utils-IGCnjtqc.js');
 
 const api = Api.Api();
 class SubAccountService {

package/dist/cjs/gross-payment-chart-core.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var utils = require('./utils-qOon0GWm.js');
-var utils$1 = require('./utils-5lco6NzU.js');
-var spinner = require('./spinner-BTyIjlMM.js');
+var utils$1 = require('./utils-bn0fXuc-.js');
+var spinner = require('./spinner-DOC4Ab7M.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./parts-9jMf1erK.js');
 
@@ -11036,7 +11036,7 @@ const GrossPaymentChartCore = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b336dc186a34b6624d415cb072819b4dfe10620f' }, this.loading && index.h(spinner.Spinner, { key: '5a2ca3c4efd9f5acd2bac804490877654d44b39c' }), !this.errorMessage ? index.h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : utils$1.ErrorState(this.errorMessage)));
+        return (index.h(index.Host, { key: '0201a1f9445d3eb9800aca09098b5b58a24b6923' }, this.loading && index.h(spinner.Spinner, { key: 'c6e39699e3bfaf3d7d0f5907d7085604e1fe5b9d' }), !this.errorMessage ? index.h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : utils$1.ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/cjs/{header-1-auSUfIpO.js → header-1--wdCXxjA.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const Header1 = (props) => {

package/dist/cjs/{header-3-B-bXHCpC.js → header-3-DxUQJ7TT.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const Header3 = (props) => {

package/dist/cjs/{iframe-input.cjs.entry.js → hidden-input_2.cjs.entry.js}

@@ -1,12 +1,108 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
-var formControlErrorText = require('./form-control-error-text-D9XDyFoW.js');
-var _package = require('./package-BCOEGxFC.js');
-var iframeInputStylesState = require('./iframe-input-styles-state-D9vhHzZQ.js');
+var index$1 = require('./index-2GwnTbNA.js');
+var index = require('./index-DEMVrrsF.js');
 var parts = require('./parts-9jMf1erK.js');
-require('./index-B8ljHEN1.js');
+var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
+var formControlErrorText = require('./form-control-error-text-DPDsFdAT.js');
+var _package = require('./package-wSbEFwqE.js');
+
+const iframeInputStylesStore = index.createStore({
+    focused: {
+        boxShadow: '',
+        border: '',
+    },
+    focusedAndInvalid: {
+        boxShadow: '',
+        border: '',
+    },
+    fontStyles: {
+        fontFamily: '',
+        fontSize: '',
+        fontWeight: '',
+        lineHeight: '',
+        margin: '',
+        padding: '',
+    },
+});
+const { state: iframeInputStyles, set: iframeInputStylesSet, } = iframeInputStylesStore;
+
+const HiddenInput = class {
+    constructor(hostRef) {
+        index$1.registerInstance(this, hostRef);
+        this.isFocused = false;
+        this.errorText = '';
+    }
+    async componentDidLoad() {
+        const fontStyles = await this.getBaseFontStyles();
+        iframeInputStylesSet('fontStyles', fontStyles);
+        const focusedStyles = await this.getFocusedStyles();
+        iframeInputStylesSet('focused', focusedStyles);
+        const focusedAndInvalidStyles = await this.getFocusedAndInvalidStyles();
+        iframeInputStylesSet('focusedAndInvalid', focusedAndInvalidStyles);
+    }
+    async getBaseFontStyles() {
+        return new Promise((resolve, _reject) => {
+            setTimeout(() => {
+                const computedStyles = getComputedStyle(this.hiddenInput);
+                const styles = {
+                    fontFamily: computedStyles.fontFamily,
+                    fontSize: computedStyles.fontSize,
+                    fontWeight: computedStyles.fontWeight,
+                    lineHeight: computedStyles.lineHeight,
+                    margin: computedStyles.margin,
+                    padding: computedStyles.padding,
+                    color: computedStyles.color,
+                };
+                resolve(styles);
+            }, 500);
+        });
+    }
+    ;
+    async getFocusedStyles() {
+        return new Promise((resolve, _reject) => {
+            this.hiddenInput.focus();
+            setTimeout(() => {
+                this.hiddenInput.blur();
+                let computedStyles = getComputedStyle(this.hiddenInput);
+                resolve({
+                    boxShadow: computedStyles.boxShadow,
+                    border: computedStyles.border,
+                });
+            }, 500);
+        });
+    }
+    async getFocusedAndInvalidStyles() {
+        return new Promise((resolve, _reject) => {
+            this.hiddenInput.focus();
+            this.errorText = 'Error';
+            setTimeout(() => {
+                const computedStyles = getComputedStyle(this.hiddenInput);
+                const styles = {
+                    boxShadow: computedStyles.boxShadow,
+                    border: computedStyles.border,
+                };
+                this.hiddenInput.blur();
+                resolve(styles);
+            }, 500);
+        });
+    }
+    get part() {
+        if (this.isFocused && this.errorText) {
+            return parts.inputInvalidAndFocused;
+        }
+        if (this.errorText) {
+            return parts.inputInvalid;
+        }
+        if (this.isFocused) {
+            return parts.inputFocused;
+        }
+        return parts.input;
+    }
+    render() {
+        return (index$1.h(index$1.Host, { key: '05e1f461fcdf006dc2b5db2b4c10450cd7db1c8c' }, index$1.h("input", { key: 'dc7589d1a68f7eb31c97281445448a8f2dcf3796', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+    }
+};
 
 var iframeResizer = {exports: {}};
 
@@ -1548,8 +1644,8 @@ const MessageEventType = {
 
 const IframeInput = class {
     constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.iframeLoaded = index.createEvent(this, "iframeLoaded");
+        index$1.registerInstance(this, hostRef);
+        this.iframeLoaded = index$1.createEvent(this, "iframeLoaded");
         this.isFocused = false;
         this.isValid = true;
         this.dispatchMessageEvent = (event) => {
@@ -1603,9 +1699,9 @@ const IframeInput = class {
     get style() {
         if (this.isFocused) {
             if (!this.isValid) {
-                return iframeInputStylesState.iframeInputStyles.focusedAndInvalid;
+                return iframeInputStyles.focusedAndInvalid;
             }
-            return iframeInputStylesState.iframeInputStyles.focused;
+            return iframeInputStyles.focused;
         }
         return null;
     }
@@ -1613,16 +1709,16 @@ const IframeInput = class {
         // map the iframeInputStyles.fontStyles properties to the urlParams 
         // and encode each property with btoa
         const encodedObject = Object.fromEntries(Object
-            .entries(iframeInputStylesState.iframeInputStyles.fontStyles)
+            .entries(iframeInputStyles.fontStyles)
             .map(([key, value]) => [key, btoa(String(value))]));
         const params = new URLSearchParams(encodedObject).toString();
         return params;
     }
     render() {
-        return (index.h(index.Host, { key: '7482645d98277dfb65e78a2003e020216fcb52c3', class: "form-group d-flex flex-column" }, index.h("div", { key: '746fca9a555309152d5cf3943d31d3b3b2c9bfde', style: {
+        return (index$1.h(index$1.Host, { key: '2af3e5fa30d517f882488289c4b547c28adae089', class: "form-group d-flex flex-column" }, index$1.h("div", { key: '361be04621a8cc152701744a1a06692cc8740fec', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, index.h("label", { key: '55b203e278ec100baf7949a91eb6a43135c82402', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index.h("div", { key: 'c3dd73db2accf012c5a8f3a5c8e32863fe87fd73', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index.h("iframe", { key: '5eb7c35da6ca7910ccf74a24d77ee47d6b4479f9', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, index$1.h("label", { key: '807e8814bbac8cd2e2b409367b3205238b8f7d1c', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index$1.h("div", { key: '0cfd76ca44133fd218542cd97391754d33c2b205', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index$1.h("iframe", { key: '53eb1248d2596a306c6b36b41983fa51cba73fc4', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1632,9 +1728,10 @@ const IframeInput = class {
                         this.iframeLoaded.emit();
                     }
                 }, this.iframeElement);
-            } })), index.h(formControlErrorText.FormControlErrorText, { key: '291b487d0b798b6658d83b9c9f775ba4f02e09de', errorText: this.errorText, name: this.inputId }))));
+            } })), index$1.h(formControlErrorText.FormControlErrorText, { key: '681f58f474a0c82c5b0b9888156865e0dd496477', errorText: this.errorText, name: this.inputId }))));
     }
-    get el() { return index.getElement(this); }
+    get el() { return index$1.getElement(this); }
 };
 
+exports.hidden_input = HiddenInput;
 exports.iframe_input = IframeInput;

package/dist/cjs/{index-BYd8IvAa.js → index-2GwnTbNA.js}

@@ -3,8 +3,11 @@
 const NAMESPACE = 'webcomponents';
 const BUILD = /* webcomponents */ { hydratedSelectorName: "hydrated", lazyLoad: true, slotRelocation: true, updatable: true};
 
+const globalScripts = () => {};
+const globalStyles = "";
+
 /*
- Stencil Client Platform v4.31.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.33.1 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -111,6 +114,14 @@ var supportsListenerOptions = /* @__PURE__ */ (() => {
   return supportsListenerOptions2;
 })();
 var promiseResolve = (v) => Promise.resolve(v);
+var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
+  try {
+    new CSSStyleSheet();
+    return typeof new CSSStyleSheet().replaceSync === "function";
+  } catch (e) {
+  }
+  return false;
+})() ;
 var queuePending = false;
 var queueDomReads = [];
 var queueDomWrites = [];
@@ -210,6 +221,14 @@ var unwrapErr = (result) => {
     throw result.value;
   }
 };
+function createShadowRoot(cmpMeta) {
+  const shadowRoot = this.attachShadow({ mode: "open" });
+  if (supportsConstructableStylesheets) {
+    const sheet = new CSSStyleSheet();
+    sheet.replaceSync(globalStyles);
+    shadowRoot.adoptedStyleSheets.push(sheet);
+  }
+}
 var updateFallbackSlotVisibility = (elm) => {
   const childNodes = internalCall(elm, "childNodes");
   if (elm.tagName && elm.tagName.includes("-") && elm["s-cr"] && elm.tagName !== "SLOT-FB") {
@@ -1635,9 +1654,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
             {
               if (!self.shadowRoot) {
-                {
-                  self.attachShadow({ mode: "open" });
-                }
+                createShadowRoot.call(self, cmpMeta);
               } else {
                 if (self.shadowRoot.mode !== "open") {
                   throw new Error(
@@ -1761,6 +1778,7 @@ exports.createEvent = createEvent;
 exports.forceUpdate = forceUpdate;
 exports.getElement = getElement;
 exports.getRenderingRef = getRenderingRef;
+exports.globalScripts = globalScripts;
 exports.h = h;
 exports.promiseResolve = promiseResolve;
 exports.registerInstance = registerInstance;

package/dist/cjs/{index-B8ljHEN1.js → index-DEMVrrsF.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 
 const appendToMap = (map, propName, value) => {
     const items = map.get(propName);

package/dist/cjs/{insurance-state-CFxbKNWH.js → insurance-state-BmAF1Sef.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
+var index = require('./index-2GwnTbNA.js');
 var parts = require('./parts-9jMf1erK.js');
-var index$1 = require('./index-B8ljHEN1.js');
+var index$1 = require('./index-DEMVrrsF.js');
 
 const Header2 = (props) => {
     return index.h("h2", { class: `header-2 ${props === null || props === void 0 ? void 0 : props.class}`, part: parts.heading2 }, props.text);

package/dist/cjs/justifi-additional-questions-form-step-core_6.cjs.entry.js

@@ -1,31 +1,31 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-JlysTRE3.js');
+var index = require('./index-2GwnTbNA.js');
+var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-e3GCIHk5.js');
 var index_esm = require('./index.esm-CVuJLXJZ.js');
 var Business = require('./Business-DCRzZf0w.js');
 var formInputMasks = require('./form-input-masks-DgXd0f4V.js');
 var parts = require('./parts-9jMf1erK.js');
-var skeleton = require('./skeleton-aMh0RMHq.js');
+var skeleton = require('./skeleton-ByLavxr1.js');
 require('./event-types-YOY5TKUN.js');
 var businessFormOptions = require('./business-form-options-CMII7nIK.js');
 var eventTypes = require('./event-types-DNOUef41.js');
-var schemaValidations = require('./schema-validations-BUor-ySb.js');
-require('./config-state-D7p-XunE.js');
+var Refund = require('./Refund-BFE-2OxN.js');
+var schemaValidations = require('./schema-validations-BSeMee-o.js');
+require('./config-state-BTfJl-LU.js');
 require('./utils-qOon0GWm.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+require('./Checkout-BTgAlgVL.js');
 require('./Pagination-Dediz133.js');
-var Document = require('./Document-Qt0qiXeh.js');
-require('./Refund-BDFOEJv_.js');
+require('./Payment-D5UynU2f.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DAyWinG2.js');
-var button = require('./button-BPFSRx4d.js');
-var businessIdentitySchema = require('./business-identity-schema-BksYFWls.js');
+var button = require('./button-CCZd8WSY.js');
+var businessIdentitySchema = require('./business-identity-schema-Diqj_WVQ.js');
 var stateOptions = require('./state-options-CIT9xdTz.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');
-require('./index-B8ljHEN1.js');
+require('./index-DEMVrrsF.js');
 
 class BankAccount {
     constructor(data) {
@@ -177,17 +177,44 @@ const AdditionalQuestionsFormStepCore = class {
     }; }
 };
 
+const checkExistingDocs = (documents, documentType) => {
+    return documents.some((doc) => doc.document_type === documentType);
+};
+const documentErrorText = 'Please upload either a voided check or a bank statement. Only one is required.';
 const businessBankAccountSchema = (documents, allowOptionalFields) => {
-    const schema = index_esm.create$3({
+    const existingVoidedCheck = checkExistingDocs(documents, Refund.EntityDocumentType.voidedCheck);
+    const existingBankStatement = checkExistingDocs(documents, Refund.EntityDocumentType.bankStatement);
+    const existingDocument = existingVoidedCheck || existingBankStatement;
+    const schema = index_esm.create$3().shape({
         bank_name: schemaValidations.bankNameValidation.required('Enter bank name'),
         nickname: schemaValidations.nicknameValidation.required('Enter nickname'),
         account_owner_name: schemaValidations.identityNameValidation.required('Enter account owner name'),
         account_type: schemaValidations.accountTypeValidation.required('Select account type'),
         account_number: schemaValidations.accountNumberValidation.required('Enter account number'),
         routing_number: schemaValidations.routingNumberValidation.required('Enter routing number'),
-        voided_check: schemaValidations.voidedCheckValidation(documents, allowOptionalFields),
-        bank_statement: schemaValidations.bankStatementValidation(documents, allowOptionalFields)
-    });
+        voided_check: index_esm.create$8().when('bank_statement', {
+            is: (val) => {
+                return !val && !existingDocument;
+            },
+            then: (schema) => {
+                return schema.required(documentErrorText);
+            },
+            otherwise: (schema) => {
+                return schema.notRequired();
+            }
+        }),
+        bank_statement: index_esm.create$8().when('voided_check', {
+            is: (val) => {
+                return !val && !existingDocument;
+            },
+            then: (schema) => {
+                return schema.required(documentErrorText);
+            },
+            otherwise: (schema) => {
+                return schema.notRequired();
+            }
+        }),
+    }, [['voided_check', 'bank_statement']]);
     const easySchema = index_esm.create$3({
         bank_name: schemaValidations.bankNameValidation.nullable(),
         nickname: schemaValidations.nicknameValidation.nullable(),
@@ -195,8 +222,8 @@ const businessBankAccountSchema = (documents, allowOptionalFields) => {
         account_type: schemaValidations.accountTypeValidation.nullable(),
         account_number: schemaValidations.accountNumberValidation.nullable(),
         routing_number: schemaValidations.routingNumberValidation.nullable(),
-        voided_check: schemaValidations.voidedCheckValidation(documents, allowOptionalFields),
-        bank_statement: schemaValidations.bankStatementValidation(documents, allowOptionalFields)
+        voided_check: index_esm.create$8().nullable(),
+        bank_statement: index_esm.create$8().nullable(),
     });
     return allowOptionalFields ? easySchema : schema;
 };
@@ -210,7 +237,7 @@ const BusinessBankAccountFormStepCore = class {
         this.errors = {};
         this.bankAccount = {};
         this.existingDocuments = [];
-        this.documentData = new Document.EntityDocumentStorage();
+        this.documentData = new Refund.EntityDocumentStorage();
         this.isLoading = false;
         this.initializeFormController = () => {
             this.formController = new index_esm.FormController(businessBankAccountSchema(this.existingDocuments, this.allowOptionalFields));
@@ -225,7 +252,7 @@ const BusinessBankAccountFormStepCore = class {
         this.storeFiles = (e) => {
             const fileList = Array.from(e.detail.fileList);
             const docType = e.detail.document_type;
-            const documentList = fileList.map(file => new Document.EntityDocument({ file, document_type: docType }, this.businessId));
+            const documentList = fileList.map(file => new Refund.EntityDocument({ file, document_type: docType }, this.businessId));
             this.documentData[docType] = documentList;
         };
         this.getData = () => {
@@ -419,7 +446,7 @@ const BusinessBankAccountFormStepCore = class {
         if (this.isLoading) {
             return index.h(PaymentProvisioningLoading, null);
         }
-        return (index.h("form", null, index.h("fieldset", { class: "mb-4" }, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Bank Account Info"), index.h("form-control-tooltip", { helpText: "This direct deposit account is the designated bank account where incoming funds will be deposited. The name of this account must match the registered business name exactly. We are not able to accept personal accounts unless your business is a registered sole proprietorship." })), index.h("hr", { class: "mt-2" }), index.h("bank-account-form-inputs", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.existingBankAccount })), index.h("fieldset", { class: "mt-4" }, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Document Uploads"), index.h("form-control-tooltip", { helpText: "These documents are required for underwriting purposes. Various file formats such as PDF, DOC, DOCX, JPEG, and others are accepted. Multiple files can be uploaded for each document category." })), index.h("hr", { class: "mt-2" }), index.h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading }), index.h("bank-account-document-form-inputs", { inputHandler: this.inputHandler, errors: this.errors, storeFiles: this.storeFiles }))));
+        return (index.h("form", null, index.h("fieldset", { class: "mb-4" }, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Bank Account Info"), index.h("form-control-tooltip", { helpText: "This direct deposit account is the designated bank account where incoming funds will be deposited. The name of this account must match the registered business name exactly. We are not able to accept personal accounts unless your business is a registered sole proprietorship." })), index.h("hr", { class: "mt-2" }), index.h("bank-account-form-inputs", { defaultValue: bankAccountDefaultValue, errors: this.errors, inputHandler: this.inputHandler, formDisabled: this.existingBankAccount })), index.h("fieldset", { class: "mt-4" }, index.h("div", { class: "d-flex align-items-center gap-2" }, index.h("legend", { class: "mb-0", part: parts.heading2 }, "Document Uploads"), index.h("form-control-tooltip", { helpText: "One document (voided check or bank statement) is required for underwriting purposes. It needs to visibly show the name tied to the account and the account number. Various file formats such as PDF, DOC, DOCX, JPEG are accepted. Multiple files can be uploaded for each document category." })), index.h("hr", { class: "mt-2" }), index.h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading }), index.h("bank-account-document-form-inputs", { inputHandler: this.inputHandler, errors: this.errors, storeFiles: this.storeFiles }))));
     }
     static get watchers() { return {
         "isLoading": ["watchHandler"]

package/dist/cjs/justifi-additional-questions-form-step_9.cjs.entry.js

@@ -1,25 +1,25 @@
 'use strict';
 
-var index = require('./index-BYd8IvAa.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var paymentProvisioningActions = require('./payment-provisioning-actions-BkWSDJQQ.js');
-var business_service = require('./business.service-DMIMZpx4.js');
-require('./config-state-D7p-XunE.js');
+var index = require('./index-2GwnTbNA.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var paymentProvisioningActions = require('./payment-provisioning-actions-SNMCdsyF.js');
+var business_service = require('./business.service-DNoCHqtI.js');
+require('./config-state-BTfJl-LU.js');
 require('./utils-qOon0GWm.js');
-require('./Checkout-TZnRz3-3.js');
+require('./Checkout-BTgAlgVL.js');
 require('./Pagination-Dediz133.js');
-require('./Document-Qt0qiXeh.js');
-require('./Refund-BDFOEJv_.js');
+require('./Payment-D5UynU2f.js');
+require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var index_esm = require('./index.esm-CVuJLXJZ.js');
-var Api = require('./Api-Dp4CW5K6.js');
+var Api = require('./Api-BTdkb3Zh.js');
 var parts = require('./parts-9jMf1erK.js');
 var eventTypes = require('./event-types-DNOUef41.js');
-var button = require('./button-BPFSRx4d.js');
+var button = require('./button-CCZd8WSY.js');
 require('./event-types-YOY5TKUN.js');
-require('./utils-l0veqT9y.js');
-require('./index-B8ljHEN1.js');
+require('./utils-IGCnjtqc.js');
+require('./index-DEMVrrsF.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');