@justifi/webcomponents 5.0.0 → 5.2.0

package/dist/collection/components/billing-forms/postal-form/postal-form.js

@@ -0,0 +1,136 @@
+import { h, Host } from "@stencil/core";
+import { PostalFormSchema } from "../billing-form-schema";
+import { FormController } from "../../../ui-components/form/form";
+import { numberOnlyHandler } from "../../../ui-components/form/utils";
+export class PostalForm {
+    constructor() {
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+        this.legend = undefined;
+        this.formController = undefined;
+        this.billingInfo = undefined;
+        this.errors = {};
+    }
+    componentWillLoad() {
+        this.formController = new FormController(PostalFormSchema);
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async fill(fields) {
+        this.formController.setInitialValues(fields);
+    }
+    async validate() {
+        let isValid = await this.formController.validate();
+        return { isValid: isValid };
+    }
+    render() {
+        const postalFormDefaultValue = this.formController.getInitialValues();
+        return (h(Host, { key: 'e798e67c159b53a995e4a60246c6f6d6e872f1ec' }, h("form", { key: '24d6980de772a360c0218e9ab50550dcee5786d5' }, h("fieldset", { key: '9e990836becccdf5d12a9e15e2eb7f4078f74b08' }, this.legend && h("legend", { key: '12d445b392cf03114dbd2a37391ecc1b87304868' }, this.legend), h("div", { key: '2d2fed9cf30b3869633b80b39b7684dfde66f6b7', class: "row gy-3" }, h("div", { key: '8ec042863e646d5daffeb3fbb5395336406adcde', class: "col-12" }, h("form-control-text", { key: '82a2c18c2a7eef7ba7ac46e53dfc9c975c8d28b7', name: 'address_postal_code', label: "ZIP", defaultValue: postalFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler })))))));
+    }
+    static get is() { return "postal-form"; }
+    static get properties() {
+        return {
+            "legend": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "(Optional) A label for the form."
+                },
+                "attribute": "legend",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "formController": {},
+            "billingInfo": {},
+            "errors": {}
+        };
+    }
+    static get methods() {
+        return {
+            "getValues": {
+                "complexType": {
+                    "signature": "() => Promise<PostalFormFields>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "PostalFormFields": {
+                            "location": "import",
+                            "path": "../billing-form-schema",
+                            "id": "src/components/billing-forms/billing-form-schema.ts::PostalFormFields"
+                        }
+                    },
+                    "return": "Promise<PostalFormFields>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "fill": {
+                "complexType": {
+                    "signature": "(fields: PostalFormFields) => Promise<void>",
+                    "parameters": [{
+                            "name": "fields",
+                            "type": "PostalFormFields",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "PostalFormFields": {
+                            "location": "import",
+                            "path": "../billing-form-schema",
+                            "id": "src/components/billing-forms/billing-form-schema.ts::PostalFormFields"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "validate": {
+                "complexType": {
+                    "signature": "() => Promise<{ isValid: boolean; }>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<{ isValid: boolean; }>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+}

package/dist/collection/components/business-forms/business-form/additional-questions/additional-questions.js

@@ -19,7 +19,7 @@ export class AdditionalQuestions {
     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: 'bb84bd6a1e3fa028c187a1d50c905e726549793d' }, h("fieldset", { key: '749a84c04210a561575b7182740fc6e5225756cb' }, h("legend", { key: '9b469b3014f11c3b108ca1ab85cfe61e202b9948', part: heading2 }, "Additional Questions"), h("div", { key: '1681a5e6f88b005dbf12c6e85c5b3b451a32d326', class: "row gy-3" }, h("div", { key: '8b29f94ac08449ed9d1995e1b3bd8e61692defa0', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'c05f4c9e4c14e2be2ce71f669d4f80661fac5812', 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: 'bb7b1d913c72ead01ed7c1887ab3822082e156b4', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '33c9e231009d4368b5dcc45851f96e6329de64aa', 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: 'b2e265d1eb6199f37cc667df427213f874764450', class: "col-12" }, h("form-control-select", { key: '0eb29219e1ee105088cd7b4953db890f31060a27', 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: '368372379f4e361c1a85e56b4f5f9f46f490024e', class: "col-12" }, h("form-control-select", { key: '20c055aaecbc1c98861f675416bd17631f4427af', 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: 'bd9761c491278329673db6fc552aa81d410d3d4e', class: "col-12" }, h("form-control-text", { key: '7824d74e9855743c0fa3192aa67d091676ac8032', 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: '5eaf43f760d3ca83fe6ce92934827eda00bce848', class: "col-12" }, h("form-control-select", { key: 'bf239e5e8ea008e0617f4930836e2cc54b7d0bfb', 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: '67bf5e9add4e24d12feb6398fd55bd8d29d293ff', class: "col-12" }, h("form-control-text", { key: 'c7956d361e51bb80a96e42f208af4b3499a54c66', 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: '618736c7be498f1665c5cf4aa470dd90eed52334' }, h("fieldset", { key: 'fae6781f258757e72146d1c99b66654880d72cc0' }, h("legend", { key: '96be34e12f5445c7b67b22c5636c74fc44e7532d', part: heading2 }, "Additional Questions"), h("div", { key: 'cb2ee5e23c714bd950bd586d0cb72cc09489f2d3', class: "row gy-3" }, h("div", { key: 'f0f781b138c954b6ad1f9039d295b5c4134ed8ed', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'df81f8827a2a619570c3664873192219d6a01e7a', 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: '1a051cae5f83329287f07b9964125757a3fb0965', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'd2662f5858e71554a318d17fb8ee4950ababb781', 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: '04da123a8656cb50676a3b8981f3d5aba1188cc1', class: "col-12" }, h("form-control-select", { key: '8fcc2ac015c53a82e412f6dfccad4e6759a5d0b6', 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: 'c12eca7ac3d5b58a792fc96dd79bc080ffd0d2f8', class: "col-12" }, h("form-control-select", { key: 'e77bc7b5daab33b00fe098cd0f5200ee200085e9', 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: '27a94ad5b8fe71c6eb775816422151e3cd865040', class: "col-12" }, h("form-control-text", { key: '5ae2d05e20022b0d8d6b765df38bb0137537d122', 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: '370e2ced766d57fcada32adff6b67644b164acfd', class: "col-12" }, h("form-control-select", { key: '1155dc7935f4ef243d1beec8136e5ccc10e808eb', 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: 'f303957137b424aa3893d7fca83f239512189b6e', class: "col-12" }, h("form-control-text", { key: '1d5a1fe15fe3e85df4269f5b397e80a22b2f3bd4', 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 }))))));
     }
     static get is() { return "justifi-additional-questions"; }
     static get properties() {

package/dist/collection/components/business-forms/business-form/business-core-info/business-core-info.js

@@ -28,7 +28,7 @@ export class BusinessCoreInfo {
     }
     render() {
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: 'e4137edfffdb68e6dd792a9b38b13752734f5fd2' }, h("fieldset", { key: '7652930c2d961361969a454b6632ece8d34e9a7b' }, h("legend", { key: 'cb6e3a3eb561d862ea57d74bfd8a59fc8f2bb017', part: heading2 }, "General Info"), h("div", { key: '7becc4c5b16f7a77ff425b40e961fb478e50b3b4', class: "row gy-3" }, h("div", { key: '1c4d8eba65f262bf35e405e38818c2bb489c4c1a', class: "col-12" }, h("form-control-text", { key: 'f71636cf4bb91ee161e6e056cafc275950642e20', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '1865bb01a25c5f6148331a15804e31f48af4c6e8', class: "col-12" }, h("form-control-text", { key: '9d8a77ea431d826c864fe833fdb7866aa3fc6283', 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: 'a271782b9750547ff609653307db7f3bfaccf25b', class: "col-12 col-md-8" }, h("form-control-select", { key: '52144fe64984bfbddc7d4488e48cc44decf44943', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '88c72bf4401345def76beff2f555f8dcd04724a5', class: "col-12 col-md-4" }, h("form-control-date", { key: '6c8b11e80c6959f257ed9a1022d6f0bc9437cf79', 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: 'f5ddb61e0b705a4c16a0ae2b4610a6407cc4d919', class: "col-12 col-md-6" }, h("form-control-text", { key: '8e816266819351742ec3a00683a211d3b9ed5969', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '0e23adafca4f1dbde3a40d5f28a84278a00ef5df', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '143ad2c24b1643532186d0bbb4a0f4ada84cc880', 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: '3549c796c3c9653e2006f7441a3aedff5c559660', class: "col-12" }, h("form-control-text", { key: 'ae1794226a4aeffdc0ec0ae1a1959a7e1f599024', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: 'a10bae7797bdc5c0bad910281dba1006dcf336b7', class: "col-12 col-md-6" }, h("form-control-text", { key: 'f6c80857ae53d6949d9276d4df3d04e459300c5f', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'd680203bd386b10a8385bf50d2b7a8e5a5564e29', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'ca47e1b1d774b1fd61242ddd8d8adbeb21576970', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+        return (h(Host, { key: '0a54d6f8c056defa8cabdb4dc179c163221da666' }, h("fieldset", { key: '4b0c98edb14fd99bdc1b69452f46176d13138521' }, h("legend", { key: 'ffa4420337c8c0007ea50ed903c2708fcda98027', part: heading2 }, "General Info"), h("div", { key: '2e81c755b2f5b8dc881dfac4bb0cb5c61efef68c', class: "row gy-3" }, h("div", { key: '02cd06cd22a47c19fe0f7ef56332946383c8fb09', class: "col-12" }, h("form-control-text", { key: '9eb76d9b46ca559acc02bd74146249c2d3b75032', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '6b3e5d12395548523ec27109b3498e17d160ebb5', class: "col-12" }, h("form-control-text", { key: '8ce4c6867f5ca0842b925448196eaae1299663de', 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: 'b66a589959a2ac7095ab87b9d123e79ed31588ab', class: "col-12 col-md-8" }, h("form-control-select", { key: '1ace9df2d442f1fc9411fba5c4f549a3d94f3e04', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '008b69ab22ea29d8555db618734910de2a5d5740', class: "col-12 col-md-4" }, h("form-control-date", { key: '19d75c0375ae52cdf139024aff14d9d8911f7ec3', 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: 'dfa1903977fb2d0f2c7bbc8b990ab67d2040e9b1', class: "col-12 col-md-6" }, h("form-control-text", { key: 'fd7d05bd1401f86eb45b8c647d54714e14f2190a', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: 'ae9e24843b6909b288553ec54f99c577b5931417', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'a19f2126f9b24d2fb14a5887a8f83b548f36f4ad', 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: '029aaf6b714d7a0e1240176fe43e9c7d80e256bf', class: "col-12" }, h("form-control-text", { key: 'a81b306b6ab4bbe5bd1aa67ff10a2fd1e9bf092e', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '408bc1916656193648b306cad6b3f6bd343ffc3b', class: "col-12 col-md-6" }, h("form-control-text", { key: 'd15350befa68b8125c0d292e6ffe7d2a09af5590', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '5835a78ff6cd8e08b364e4d0016df0fdffaa2fb6', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '4a8507cd54812937df751f69b90cc1d3df503de6', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
     static get is() { return "justifi-business-core-info"; }
     static get properties() {

package/dist/collection/components/business-forms/business-form/business-form-loading.js

@@ -0,0 +1,6 @@
+import { h } from "@stencil/core";
+import { Skeleton } from "../../../ui-components";
+const FormBlock = () => (h("div", { class: "row gap-3" }, h("div", { class: "col-12" }, h(Skeleton, { width: "25%" })), h("div", { class: "col-12" }, h(Skeleton, { width: "100%" })), h("div", { class: "col-12 d-flex gap-3" }, h(Skeleton, { width: "50%" }), h(Skeleton, { width: "50%" })), h("div", { class: "col-12 d-flex gap-3" }, h(Skeleton, { width: "65%" }), h(Skeleton, { width: "35%" }))));
+export const BusinessFormLoading = () => {
+    return (h("div", { class: "row gap-5" }, h("div", { class: "col-12" }, h(Skeleton, { width: "40%", height: "40px" })), h(FormBlock, null), h(FormBlock, null), h(FormBlock, null)));
+};

package/dist/collection/components/business-forms/business-form/business-form.js

@@ -7,6 +7,7 @@ import { Business, BusinessFormServerErrors } from "../../../api/Business";
 import JustifiAnalytics from "../../../api/Analytics";
 import { Button, Header1, StyledHost } from "../../../ui-components";
 import { checkPkgVersion } from "../../../utils/check-pkg-version";
+import { BusinessFormLoading } from "./business-form-loading";
 import { BusinessFormClickActions } from "../utils";
 export class BusinessForm {
     constructor() {
@@ -15,7 +16,7 @@ export class BusinessForm {
             this.formController.setInitialValues(Object.assign({}, business));
         };
         this.sendData = async () => {
-            this.isLoading = true;
+            this.isSaving = true;
             try {
                 const values = this.formController.values.getValue();
                 const initialValues = this.formController.getInitialValues();
@@ -27,7 +28,7 @@ export class BusinessForm {
                 this.errorMessage = BusinessFormServerErrors.patchData;
             }
             finally {
-                this.isLoading = false;
+                this.isSaving = false;
             }
         };
         this.fetchData = async () => {
@@ -53,6 +54,7 @@ export class BusinessForm {
         this.formTitle = 'Business Information';
         this.removeTitle = false;
         this.isLoading = false;
+        this.isSaving = false;
         this.errorMessage = undefined;
     }
     componentWillLoad() {
@@ -75,7 +77,7 @@ export class BusinessForm {
         return this.removeTitle ? '' : this.formTitle;
     }
     get disabledState() {
-        return this.isLoading;
+        return this.isSaving;
     }
     get businessEndpoint() {
         return `entities/business/${this.businessId}`;
@@ -88,7 +90,10 @@ export class BusinessForm {
         this.instantiateBusiness(response.data);
     }
     render() {
-        return (h(StyledHost, { key: '583d9fda192de2a23255af3a66749bec30e82668' }, h("form", { key: '6de44b1f63b18b7e47c377665878435134155d2a', onSubmit: this.validateAndSubmit }, h("div", { key: 'e83cf5471df4628461978deba6a6269f5a91dc58', class: "row gap-3" }, h(Header1, { key: '228f8d97e1574c714de73884dd564aac2f58bc3c', text: this.title }), h("form-alert", { key: 'e3fe0d57a7ee44f44273481c41b3699e1ccf05d1', text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { key: 'af3fc2e821a601d5046f230735ba52359f3f3710', class: "col-12 mb-4" }, h("justifi-business-core-info", { key: 'e27933c4dd6bfc3746d5071d7cdaec05c1795ec2', formController: this.formController })), h("div", { key: '4c11232954cfb171c0c249465637a3050645f36f', class: "col-12 mb-4" }, h("justifi-legal-address-form", { key: '3d9f7b042822f4b898862a0c89c00fa281daff66', formController: this.formController })), h("div", { key: 'f3b0209fc3cb1b0cd65692f0505ddfcc80a99d0a', class: "col-12 mb-4" }, h("justifi-additional-questions", { key: 'a9c0f77135d8ff2f2c2f2ffba6d288f1f1b60f61', formController: this.formController })), h("div", { key: '085df35d64de470c9f0198d52b698945759afe27', class: "col-12 mb-4" }, h("justifi-business-representative", { key: 'fdb24f037b26f9063d0d1f073d7effb6e3789f7f', formController: this.formController })), h("div", { key: '2b0617d9cd67d296de734c8becbea183555317e4', class: "col-12 d-flex flex-row-reverse" }, h(Button, { key: '7452cb606515807d9d2089330cf5861cd2dcdc1e', type: "submit", disabled: this.disabledState, variant: 'primary', onClick: () => this.clickEvent.emit({ name: BusinessFormClickActions.submit }), isLoading: this.isLoading }, "Submit"))))));
+        if (this.isLoading) {
+            return h(StyledHost, null, h(BusinessFormLoading, null));
+        }
+        return (h(StyledHost, null, h("form", { onSubmit: this.validateAndSubmit }, h("div", { class: "row gap-3" }, h(Header1, { text: this.title }), h("form-alert", { text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { class: "col-12 mb-4" }, h("justifi-business-core-info", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("justifi-legal-address-form", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("justifi-additional-questions", { formController: this.formController })), h("div", { class: "col-12 mb-4" }, h("justifi-business-representative", { formController: this.formController })), h("div", { class: "col-12 d-flex flex-row-reverse" }, h(Button, { type: "submit", disabled: this.disabledState, variant: 'primary', onClick: () => this.clickEvent.emit({ name: BusinessFormClickActions.submit }), isLoading: this.isSaving }, "Submit"))))));
     }
     static get is() { return "justifi-business-form"; }
     static get encapsulation() { return "shadow"; }
@@ -187,6 +192,7 @@ export class BusinessForm {
     static get states() {
         return {
             "isLoading": {},
+            "isSaving": {},
             "errorMessage": {}
         };
     }

package/dist/collection/components/business-forms/business-form/business-representative/business-representative.js

@@ -27,7 +27,7 @@ export class BusinessRepresentative {
     }
     render() {
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (h(Host, { key: '6953e0a161c91c96bbd1175f827c408532d9671d' }, h("fieldset", { key: '6d964e41c2cbe52659cff1947f34a4bed0ac086b' }, h("legend", { key: 'f7cc0797ebbfabd6cf316507949f023eecb064eb', part: heading2 }, "Representative"), h("div", { key: '83c9b653887b11a242a64da2d6e56ee0a5928c09', class: "row gy-3" }, h("div", { key: '641bf82762b34021bb4de999b7ac7bdfc7467992', class: "col-12 col-md-8" }, h("form-control-text", { key: '5c467daf7356de89b9f83d1ad623b278a8728237', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '3fe3718a17b31d15c538708bf04ac3709e4fc693', class: "col-12 col-md-4" }, h("form-control-text", { key: '12d100d5169fc48738b948ae427a25f9e56a3a43', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '96cc8dcd98a219da320060afecbe606484d5e366', class: "col-12 col-md-6" }, h("form-control-text", { key: '77847b0d23fd7e12330965948c983e8d6d4dc9a7', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '85c1991710d1eb0459d6ec38f11e3e04db190e41', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '978cb087ff6dc7cb2b9de885eafb3ef129e9c98f', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'abf26703f0a54067e37b1431730c88b3bec66ea0', class: "col-12 col-md-4" }, h("form-control-date", { key: '1dce5eca05db74ac62070152c169acf527cecde0', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'b95022325c2954a38fd28d0e601b948c1dea1af9', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'c3e85a5a69b44bb009756ea431433e6997dbf33e', name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: 'f4e5fd0ee95bd83fc0916ebf70045e78e6ea0500', class: "col-12" }, h("justifi-identity-address-form", { key: '3559f515326eea50c760522f4a22a0231214ffc8', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        return (h(Host, { key: 'f6ec629438bef335e9a3e04fccc0223f7bafbc26' }, h("fieldset", { key: '82eac6e79e74cbcc76438fe3180ef1af9ae467ac' }, h("legend", { key: '31ca1bf5cc4e8eea0c28a690b28637dcd42ffa58', part: heading2 }, "Representative"), h("div", { key: 'f9e554f72dfd3f0dec491158ad83dd47baf6d6cc', class: "row gy-3" }, h("div", { key: '79350e59178a94a5af9dbacf13ed6b20fdde8d73', class: "col-12 col-md-8" }, h("form-control-text", { key: '78ce85dafde41cd8343898baa4ab802ce2f2d166', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '0b145987fc92bce37bcf3543b544754ed77db31e', class: "col-12 col-md-4" }, h("form-control-text", { key: '7d49c2ee8b342ca631cf55f57f529a77bd7c6e3f', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'a5c758e42bfed677f38b18298e550d1cbb753f3d', class: "col-12 col-md-6" }, h("form-control-text", { key: '5e0e9672443f2b1a7b0b63b95d007c29eae0c64d', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '32d63091cdc630f5d0908ff17f0cea17685ecb64', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '975381119e6dc8de8caf969c432ab498b600c156', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '86095ab1f1152242fcd68ad153e38b1d7f1ee98f', class: "col-12 col-md-4" }, h("form-control-date", { key: '361690e38df5bfe260bfaa200856f6e41c0c624c', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'b0a24f235e569fe65b518871fe90f3202a4c9666', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '54edaef9d4fed9e5dc2f6743e8168cda6e01c717', name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: 'efa8fb991a119b6640d876f48cca69fc19d19301', class: "col-12" }, h("justifi-identity-address-form", { key: '50b7dcee0b96a38de05d04fbae8b986bb755c888', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
     static get is() { return "justifi-business-representative"; }
     static get properties() {

package/dist/collection/components/business-forms/business-form/legal-address-form/legal-address-form.js

@@ -19,7 +19,7 @@ export class LegalAddressForm {
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (h(Host, { key: 'cdc38fd9219f476ab7e96dc822e011e576ffd4a4' }, h("fieldset", { key: '2ede5cb6b37f1e3777ca0cc67301df09c3fba094' }, h("legend", { key: '172c62472d8604980ad3852706753fa57ca7de61', part: heading2 }, "Business Legal Address"), h("div", { key: 'e06b8a7685b684d0b13dca7d353a25657a193d7f', class: "row gy-3" }, h("div", { key: '666b922155f4867095c42bc8e5d532666bfa5dae', class: "col-12" }, h("form-control-text", { key: '3438b500fa38f5a8598087e9f1443c81727a25f7', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), h("div", { key: '161beeeed0ee761e3a46eedf8be84fa41d3baa97', class: "col-12" }, h("form-control-text", { key: '50529cbf0bace2992f1a26904711b44900e7f9ae', name: "line2", label: "Address Line 2", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: '9197e0c08d20fb1b4833bd5e3753bc9a98be38d3', class: "col-12" }, h("form-control-text", { key: 'a4f76e3e053a970971c65315679a26046e4bf93d', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: 'fc0751e18457603a59d6f159a8355b05f3199098', class: "col-12" }, h("form-control-select", { key: '3b9c78bdc3997badec0d0752fd8a0dcfa278ebbe', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: '088917f3ec58d3e0b91a80fc545be78cb7a0d5f2', class: "col-12" }, h("form-control-text", { key: 'abb1e41d287a7ea0165f68811ee60a7985d3bcc7', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: '2f042e9969d48a35618124975def5b2fd06a9b98', class: "col-12" }, h("form-control-select", { key: '67bf02cb2b3e786b2a5a4f5817a4ffd5ff2fee96', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.legal_address) === null || _m === void 0 ? void 0 : _m.country,
+        return (h(Host, { key: 'a9e2d2fa0e1ac8bd37eef9b40ae3ebee44e6246f' }, h("fieldset", { key: 'defd51a5bdbc9ecf4e640d2008bb1f1f83de5dda' }, h("legend", { key: '6d4d4563e426a02539f86c58a6eaa11927ec96e2', part: heading2 }, "Business Legal Address"), h("div", { key: 'c4d0786717af5da9baca6aca93b4e81f474a1746', class: "row gy-3" }, h("div", { key: 'f8be78e845a720143e3f175eec6c9f9ee929d612', class: "col-12" }, h("form-control-text", { key: '341d426271136e734d9dd8d1968de01938b5eebb', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), h("div", { key: 'ac5f410a9b12def5284636dd384560af93c982d6', class: "col-12" }, h("form-control-text", { key: 'b96a18e42af33fbfca0645d9aa039a2430dc0043', name: "line2", label: "Address Line 2", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: 'c3ac5227e34c525b6be906b5cf06a428bebe2ad4', class: "col-12" }, h("form-control-text", { key: '972602adcf764500928eca67660b20344a1313ec', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: '8ca2e4c78b986f5156976c5adb6b5a63c584607b', class: "col-12" }, h("form-control-select", { key: '2f0eacc656e741706064c10234e471fb53ca2be2', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: 'e4d51b2347c78f5c47d5ce309c46baa5fc07f7f5', class: "col-12" }, h("form-control-text", { key: 'e237d5830f0c24bf40e43ba8d2d6b0fd095405ed', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: 'a7bdcd1a867ff4816f20e89f651fe80fed2193cf', class: "col-12" }, h("form-control-select", { key: 'd345dd93d46618572c3aea87893c135ac688bde5', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.legal_address) === null || _m === void 0 ? void 0 : _m.country,
             // just for now so we skip handling country specificities
             disabled: true }))))));
     }

package/dist/collection/components/business-forms/owner-form/identity-address/identity-address-form.js

@@ -17,7 +17,7 @@ export class IdentityAddressForm {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        return (h(Host, { key: 'f656800204764998e856bc6e424d5b925556f74c' }, h("div", { key: '414d5507b883730806e43e7ee6b019eb1790b881', class: "row gy-3" }, h("div", { key: '20581fd2b6e19efeb59fb34d196da8d831961da7', class: "col-12 col-md-8" }, h("form-control-text", { key: '8cbdb2cd9e68a68344c58ca024dbdc45b04dd2b4', name: "line1", label: "Street Address", defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, inputHandler: this.inputHandler, helpText: "\u200B\u200BEnter your address exactly as stated on your driver's license. No PO Boxes." })), h("div", { key: 'e1725384142b69f39412cbdb01d9d036b1e13dc3', class: "col-12 col-md-4" }, h("form-control-text", { key: 'c90910fff750cae3133e84f01af76260d13c6848', name: "line2", label: "Apartment, Suite, etc. (optional)", defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2, inputHandler: this.inputHandler })), h("div", { key: 'e5afde1beebbf0b23558b028ee06baebf15704ce', class: "col-12" }, h("form-control-text", { key: '972d1fb59ee22fa414c46e9d913de9f9fafa3e75', name: "city", label: "City", defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city, inputHandler: this.inputHandler })), h("div", { key: '75fa447f21b17cc42853fd0c6cf01e94c04a6fa5', class: "col-12 col-md-6" }, h("form-control-select", { key: '5c0acedaea09564d0936c8d4facd45162658a204', name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: StateOptions, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: this.inputHandler })), h("div", { key: '6f2a269d614a16786cdc2675bf004afe2500a4b2', class: "col-12 col-md-6" }, h("form-control-text", { key: '713c45106b050b6d92e2335b0a574c6f2538050a', name: "postal_code", label: "Postal Code", defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler, inputHandler: this.inputHandler })), h("div", { key: 'de7ad3baaaed9d197cbf8c68e77c92e45ebeb384', class: "col-12" }, h("form-control-select", { key: 'a3283696fc83f3f891888588a313c70af989b04d', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: (_l = this.defaultValues) === null || _l === void 0 ? void 0 : _l.country, errorText: (_m = this.errors) === null || _m === void 0 ? void 0 : _m.country,
+        return (h(Host, { key: 'fee663d501d8ed69d8959f3edbb7d40c8d599ed1' }, h("div", { key: '62cf6575afc3a416efbf262d9ad9e9999fd0b480', class: "row gy-3" }, h("div", { key: '353941d7f75be1a8f607bcfd6796e84c2923c5d4', class: "col-12 col-md-8" }, h("form-control-text", { key: '029374e05a1a4523223eff583b29c264d12c34b9', name: "line1", label: "Street Address", defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, inputHandler: this.inputHandler, helpText: "\u200B\u200BEnter your address exactly as stated on your driver's license. No PO Boxes." })), h("div", { key: '5a6efdc6724785c67088a9325c427d7594061db7', class: "col-12 col-md-4" }, h("form-control-text", { key: '42b98d49c6e3ccce6c4f27f0edc0b45199ad2011', name: "line2", label: "Apartment, Suite, etc. (optional)", defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2, inputHandler: this.inputHandler })), h("div", { key: '6e8019d952b5c9b2a1eb1a291a3768e0b1281a10', class: "col-12" }, h("form-control-text", { key: '46a9ccdaa06d6f7bcc83589122fb84661091898a', name: "city", label: "City", defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city, inputHandler: this.inputHandler })), h("div", { key: '60d5dd274bdafbe4fa9a690cd552e680028c6e5c', class: "col-12 col-md-6" }, h("form-control-select", { key: '132d048d21dff090951ffdec6812be06d13be30c', name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: StateOptions, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: this.inputHandler })), h("div", { key: '1f583d9c35eb86fd7067c619bde6d39120ac9581', class: "col-12 col-md-6" }, h("form-control-text", { key: '34ae70fda0faab6da9c5a278203144ecebce15b3', name: "postal_code", label: "Postal Code", defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler, inputHandler: this.inputHandler })), h("div", { key: 'b04acb1677d176d7b8ab3086c7ac85ece03a9f31', class: "col-12" }, h("form-control-select", { key: '77bd3623328cfb5e090838adb729edc4138134fa', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: (_l = this.defaultValues) === null || _l === void 0 ? void 0 : _l.country, errorText: (_m = this.errors) === null || _m === void 0 ? void 0 : _m.country,
             // just for now so we skip handling country specificities
             disabled: true })))));
     }

package/dist/collection/components/business-forms/owner-form/owner-form-core.js

@@ -154,7 +154,7 @@ export class BusinessOwnerFormCore {
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
     }
     render() {
-        return (h("form", { key: '58cbb6a1f804dc14fc3d3c873b733353b01d9365', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '23cb93fab96a2d1a3a372057a93f8a5e3b5e886b' }, h("legend", { key: '06f0a9595c675d7f2f708741ef292018ad2b98e7', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: 'cdde6f04d559cc83bf50282feab27e2917889b74' }), h("div", { key: '25fd59a4755a4344ed0d6c116de79c95db8660df', class: "row gy-3" }, h("owner-form-inputs", { key: 'f839d830b204439f88594b0a16cce37286fe3e0b', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), h("div", { key: '5dad56a053aa7ad0c04869374769965eba872247', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '22342bc0f6a5978a94927aa9edddb9979309e647', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: 'ef3d494677011f095d199e736043e3c02a855f2b', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: 'd2d503eabc8b633ec84cabeacfe04c3802689604' }))));
+        return (h("form", { key: 'b7fc4c0d0fdf3a5aab0a246daffa59022255e6ae', onSubmit: this.validateAndSubmit }, h("fieldset", { key: 'eee56a5e2e26184086c1301576695b627a1f2ef4' }, h("legend", { key: 'b3f75638a502cca01da0ed54ec07660554dcd416', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: '0bc020cc7290615db3d3e1ec2b84d5af99ec86f0' }), h("div", { key: '2e7a09c9f4dffac21f2b3e1efe118542f18d89e8', class: "row gy-3" }, h("owner-form-inputs", { key: '78ffd296d4ecf0d5f2e50a06fb392cbefb1c9dc7', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), h("div", { key: '73256017645b6987cd96006e5fe080402b0602d2', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: 'e2c288cf27ebc2d4dd9c29b2a2ed8e409d0c7564', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: 'd3d604b4416c8196181ec4fd34b254a0909b2aff', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '4ad0047c67825990c1e4c02d377901d11a7937fa' }))));
     }
     static get is() { return "owner-form-core"; }
     static get properties() {

package/dist/collection/components/business-forms/owner-form/owner-form-inputs.js

@@ -14,7 +14,7 @@ export class BusinessOwnerFormInputs {
         this.formController = undefined;
     }
     render() {
-        return (h("div", { key: '6604b31d64967fbabb85189c72d7d78d98d2c8c8', class: "row gy-3" }, h("div", { key: '7b52874d08593e28ac8e2369534d3697f07128c3', class: "col-12 col-md-8" }, h("form-control-text", { key: '080456fae1d1f024d3e82be43939922fb19f6ef9', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'e0e431c1d7d6716bc368eb1fa06b80d0576a05ee', class: "col-12 col-md-4" }, h("form-control-text", { key: '9134c2a32853cfa00edb42a2db30a85943e0c3f5', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: 'b129332c1547d43a2d2e09f19940e3a5a1df988a', class: "col-12 col-md-6" }, h("form-control-text", { key: '1e56b33c0c12898bdb0dd121fa832869deca9a2b', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '0a551a3d5f820e1f0146ee2603b687559756b80b', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '26c8366c9a8c93e69e8396ae1bb8d2478cc9eb81', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'e9416e635eceb13bee1cd259bad100cb165b9e74', class: "col-12 col-md-4" }, h("form-control-date", { key: '9a69bdc97c104169bdc742c341105a208b9a815a', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '9dedc8f023a3e6cc47835fc3a749f427c29bbee4', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'f1bedfe4d166ed0453a1814a5f02f7912da1e699', name: "identification_number", label: "SSN", defaultValue: this.ownerDefaultValue.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: '32b1cd3be64345be08b27297478ab654d9201b8b', class: "col-12" }, h("justifi-identity-address-form", { key: 'e3292e32b13c290081989a562e22454f1bfe4f83', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))));
+        return (h("div", { key: 'f54192149ae925bcd08b8408816fc41295ef00f4', class: "row gy-3" }, h("div", { key: '1f70faf2c08ebf277b465cb1532276f7525aa47f', class: "col-12 col-md-8" }, h("form-control-text", { key: '7bae6e4b330cbea14e0be40d1b35e804d62f5323', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '84cbbbf7cfb0e3c41c37b1194292dcb1f191298e', class: "col-12 col-md-4" }, h("form-control-text", { key: 'c106ea1b06e69d4b4fe3647cd2d0289185fae2e9', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: '8040bd2c6f6d67763578117c9a46e8e82aa18abf', class: "col-12 col-md-6" }, h("form-control-text", { key: '48aea09125f010bc799dc8d0e909f83c33972c3a', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '00195bf163c16d8052c97de866bda7ac610cb959', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'd02770dcabfc707691ce4262cbca00d30b78a211', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'c86d87082365b5daebce40e69f98a8813198eefd', class: "col-12 col-md-4" }, h("form-control-date", { key: 'cd2cfaf3c8a6fbb28719cb85ad4b3954ac2ff059', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: 'f77e5943b8e04dc20cf9c126f6ad8ee67e27ac12', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '3828035484d53d7267c7ce1686658eaba2495147', name: "identification_number", label: "SSN", defaultValue: this.ownerDefaultValue.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: '4a67ced4d2a6f2be7f437e59a119ab97ec8c3ffc', class: "col-12" }, h("justifi-identity-address-form", { key: 'e4fbe8bbd642d623f306236b83be7800db619506', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))));
     }
     ;
     static get is() { return "owner-form-inputs"; }

package/dist/collection/components/business-forms/owner-form/owner-form.js

@@ -46,7 +46,7 @@ export class BusinessOwnerForm {
         });
     }
     render() {
-        return (h("owner-form-core", { key: '994ef390ec2423419aa777656a49d9087ef61e72', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, ref: ref => this.coreComponent = ref }));
+        return (h("owner-form-core", { key: '9d1b43ef74d1e2d33cc3145c152564eb297b3cee', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, ref: ref => this.coreComponent = ref }));
     }
     static get is() { return "justifi-owner-form"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/additional-questions/business-additional-questions-form-step-core.js

@@ -4,11 +4,13 @@ import { FormController } from "../../../../ui-components/form/form";
 import { AdditionalQuestions } from "../../../../api/Business";
 import { CURRENCY_MASK } from "../../../../utils/form-input-masks";
 import { heading2 } from "../../../../styles/parts";
+import { PaymentProvisioningLoading } from "../payment-provisioning-loading";
 import { BusinessFormStep, businessServiceReceivedOptions, recurringPaymentsOptions, seasonalBusinessOptions } from "../../utils";
 export class AdditionalQuestionsFormStepCore {
     constructor() {
         this.getData = () => {
             this.formLoading.emit(true);
+            this.isLoading = true;
             this.getBusiness({
                 onSuccess: (response) => {
                     this.additional_questions = new AdditionalQuestions(response.data.additional_questions || {});
@@ -21,7 +23,10 @@ export class AdditionalQuestionsFormStepCore {
                         severity: severity
                     });
                 },
-                final: () => this.formLoading.emit(false)
+                final: () => {
+                    this.formLoading.emit(false);
+                    this.isLoading = false;
+                }
             });
         };
         this.sendData = (onSuccess) => {
@@ -55,6 +60,7 @@ export class AdditionalQuestionsFormStepCore {
         this.errors = {};
         this.additional_questions = {};
         this.recurringPayments = false;
+        this.isLoading = false;
         this.getBusiness = undefined;
         this.patchBusiness = undefined;
         this.allowOptionalFields = undefined;
@@ -87,7 +93,10 @@ export class AdditionalQuestionsFormStepCore {
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
         const additionalQuestionsDefaultValue = this.formController.getInitialValues();
-        return (h("form", { key: '064a079c1a44d2d0149f68cf9d30086205275838' }, h("fieldset", { key: 'b380a225a7080f9b733de3adf7e3ee574116e870' }, h("div", { key: 'caa57d2bd552fb384f9d703524fb908d7df75e03', class: "d-flex align-items-center gap-2" }, h("legend", { key: '3be6ea38780905e7b3fe261fa901445cd1a0259f', class: "mb-0", part: heading2 }, "Additional Questions"), h("form-control-tooltip", { key: '3aab9d08eeeea7a65fc6a8f38f4a0210fa8ee718', helpText: "This information helps us understand the business and identify and monitor trends to safeguard you and your customers." })), h("hr", { key: 'b92e8f12fd4155efcb05739501fb4639403e0694', class: "mt-2" }), h("div", { key: 'b4b8cac0c7039084e2a1a1b34974bb7f89bf24a2', class: "row gy-3" }, h("div", { key: '11f218ce7b13285d3aad396d72d9e5a07ddd1ad7', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '96b53fe22ce54cd5caa9819897581b13174ff701', name: "business_revenue", label: "What is your business\u2019 estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: 'a2b06ca931b4ac3e7a48b81e65195390ed0042cf', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '5b894031a24d627f3ae91410c3af026509fc8d45', name: "business_payment_volume", label: "What is your business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '244c089ad87fbbca94b4d164016f4f446945b6e3', class: "col-12" }, h("form-control-select", { key: '2664aa0485966ed8a4742d2f78ae706283f7a9a9', name: "business_when_service_received", label: "On average, how long after paying will your customers typically receive their goods or services?", inputHandler: this.inputHandler, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: 'ea44cfd2e01d1a214c28b9a3c21a374b55f7d6df', class: "col-12" }, h("form-control-select", { key: '9f6e6929ac702b71e6b9861cd06f0ee06bc41cb8', name: "business_recurring_payments", label: "Does your business offer recurring payments?", inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: '58091269a3d5e0957271a2917aa34c85052a93b8', class: 'col-12', hidden: !this.recurringPayments }, h("form-control-text", { key: '18fa653b4c9aec51d054ffad35e6c3f030ad89a4', name: "business_recurring_payments_percentage", label: "What percent of revenue is generated from each recurring payment type offered?", inputHandler: this.inputHandler, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage, helpText: "For example: 50% monthly, 50% annual." })), h("div", { key: 'c525df2e0565502408bfb285051fa28d5bf21ccf', class: "col-12" }, h("form-control-select", { key: '10422ff6edece7ce860586dfc244583805fd3f50', name: "business_seasonal", label: "Is this business seasonal?", inputHandler: this.inputHandler, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: '2a3cb0362556081e331a78065fbca341f156ba33', class: "col-12" }, h("form-control-text", { key: 'c7a9edc8d9a465197afa813906a9abd6455a45f0', name: "business_other_payment_details", label: "Is there anything else you would like us to know about how your customers pay the business? (optional)", inputHandler: this.inputHandler, errorText: (_g = this.errors) === null || _g === void 0 ? void 0 : _g.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
+        if (this.isLoading) {
+            return h(PaymentProvisioningLoading, null);
+        }
+        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Additional Questions"), h("form-control-tooltip", { helpText: "This information helps us understand the business and identify and monitor trends to safeguard you and your customers." })), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-monetary", { name: "business_revenue", label: "What is your business\u2019 estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { class: "col-12 col-md-6" }, h("form-control-monetary", { name: "business_payment_volume", label: "What is your business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { class: "col-12" }, h("form-control-select", { name: "business_when_service_received", label: "On average, how long after paying will your customers typically receive their goods or services?", inputHandler: this.inputHandler, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { class: "col-12" }, h("form-control-select", { name: "business_recurring_payments", label: "Does your business offer recurring payments?", inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { class: 'col-12', hidden: !this.recurringPayments }, h("form-control-text", { name: "business_recurring_payments_percentage", label: "What percent of revenue is generated from each recurring payment type offered?", inputHandler: this.inputHandler, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage, helpText: "For example: 50% monthly, 50% annual." })), h("div", { class: "col-12" }, h("form-control-select", { name: "business_seasonal", label: "Is this business seasonal?", inputHandler: this.inputHandler, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { class: "col-12" }, h("form-control-text", { name: "business_other_payment_details", label: "Is there anything else you would like us to know about how your customers pay the business? (optional)", inputHandler: this.inputHandler, errorText: (_g = this.errors) === null || _g === void 0 ? void 0 : _g.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
     }
     static get is() { return "justifi-additional-questions-form-step-core"; }
     static get properties() {
@@ -156,7 +165,8 @@ export class AdditionalQuestionsFormStepCore {
             "formController": {},
             "errors": {},
             "additional_questions": {},
-            "recurringPayments": {}
+            "recurringPayments": {},
+            "isLoading": {}
         };
     }
     static get events() {

package/dist/collection/components/business-forms/payment-provisioning/additional-questions/business-additional-questions-form-step.js

@@ -41,7 +41,7 @@ export class AdditionalQuestionsFormStep {
         }
     }
     render() {
-        return (h("justifi-additional-questions-form-step-core", { key: 'bef3e4d67c4ccbb25dae52291ba9a399e854fb53', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-additional-questions-form-step-core", { key: 'ecc4bb3b51a4b6cb48e38230826784c5af623d88', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get is() { return "justifi-additional-questions-form-step"; }
     static get properties() {