@justifi/webcomponents 6.5.1-rc.5 → 6.7.0

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

@@ -15,21 +15,22 @@ export class LegalAddressForm {
     render() {
         var _a;
         const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (h(Host, { key: '0e6136a175ee0bb8708d1848ad850bd973f60c4b' }, h("fieldset", { key: '2fcfb7b8cc1bf70157dbfaba7bb5df9ddd82454b' }, h("legend", { key: 'ce30f5e679113cceda046f142e01548a1db573a0', part: heading2 }, "Business Legal Address"), h("justifi-form-address-fields", { key: 'a091d88fb62401c814458d696866de64a26a6bff', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
+        return (h(Host, { key: '020c1a41ff7fa0881464463322b54754e7664957' }, h("fieldset", { key: 'cb1ae50abc99f8915cead7ef850de52f62bab304' }, h("legend", { key: '74d2bba4a9557ff2ac5b9b34d0947e9a076ddb84', part: heading2 }, "Business Legal Address"), h("justifi-form-address-fields", { key: '86d9fc1d344ace729cdc75b1a9239b74865f306b', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
     }
     static get is() { return "justifi-legal-address-form"; }
     static get properties() {
         return {
             "formController": {
-                "type": "any",
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
                     "original": "FormController",
                     "resolved": "FormController",
                     "references": {
                         "FormController": {
-                            "location": "global",
-                            "id": "global::FormController"
+                            "location": "import",
+                            "path": "../../../../components",
+                            "id": "src/components.d.ts::FormController"
                         }
                     }
                 },
@@ -40,9 +41,7 @@ export class LegalAddressForm {
                     "text": ""
                 },
                 "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "form-controller"
+                "setter": false
             },
             "country": {
                 "type": "string",

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

@@ -11,7 +11,7 @@ export class IdentityAddressForm {
         this.handleFormUpdate(newValues);
     }
     render() {
-        return (h(Host, { key: 'c9b75fa8c884fb755cd26be4433022f278794e4e' }, h("justifi-form-address-fields", { key: '2f9cfa3fc695de214d9203c680e6cb115d714b82', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
+        return (h(Host, { key: '86c91933676745470d6b28cf6843624d092adc57' }, h("justifi-form-address-fields", { key: '7cbee24003b6b0446fb1203c9863151b0d2f4f15', country: this.country, errors: this.errors, defaultValues: this.defaultValues, inputHandler: this.inputHandler })));
     }
     static get is() { return "justifi-identity-address-form"; }
     static get properties() {

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

@@ -145,7 +145,7 @@ export class BusinessOwnerFormCore {
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
     }
     render() {
-        return (h("form", { key: '8374d88e5a1d99f58ac2c93680fb000410a67ec8', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '82d2f80aaff654362852e4e8c5c9775d82a5080c' }, h("legend", { key: 'd74d4c8bdfc91086b14e41b27934dddf14695e49', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: '8f6fe8d7d6b66ca2b0fd8e4b0797ee681c11f7eb' }), h("div", { key: 'ef546418d4192bc1d1fef02faf47f965127f45ef', class: "row gy-3" }, h("owner-form-inputs", { key: '2f961ee901838a5dd82b20484fe149b393c7c609', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: '8ed50b5de9839353b25d54d7b51546c1d2afaeb5', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: 'a9c94571902b2a6fc68459662ee7be35874ebb66', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: 'dc6072e019ebedc91d99917023b561f7048e7a08', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: 'd46ee611300752429d1c9b50dfce99e8b6fc10fa' }))));
+        return (h("form", { key: 'ee00e580c90a942bde7cf0c483e99ef417dce3d6', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '39904e046ca0f24c296fe99a43fc41f104091ecc' }, h("legend", { key: 'db92e079906c797790f5de7c424cfebab4c9cf63', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: '896303e22939d419ac624d9948e6c5765ad75aec' }), h("div", { key: '8705189e44fe2d5ff76057d6e961b7b5b396fcf5', class: "row gy-3" }, h("owner-form-inputs", { key: 'f14872c9ecf75f8d6e7bd1147b58aad8a8124f0d', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: '9333d749fb940ca5aa9d5b6c227b229c473ed06a', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '00911c37ed00097d5cd55be0c6a5e503f0b087ed', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '84a311d76d65310f994a5c5e473e7e1e1cc5e249', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '1d4ec7836ea466b48cdf04ac2af0769d68f808d1' }))));
     }
     static get is() { return "owner-form-core"; }
     static get properties() {

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

@@ -15,14 +15,14 @@ export class BusinessOwnerFormInputs {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '81c659f924f51a559e3e958b5d608f7c68022093', class: "row gy-3" }, h("div", { key: '9c89bc8e39cb584bf81852784a335599308681ff', class: "col-12 col-md-8" }, h("form-control-text", { key: 'a02d86ccbbcda1219a2e4e2885d0ffb54bcc3942', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '7281855c61b30b689809aa9fd3d4fce3927fcb8f', class: "col-12 col-md-4" }, h("form-control-text", { key: 'c91163386bd23653e3eaca4cf66c9690c28ed6f7', 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: 'c998576d6f8442f255685a31a4bb0463175163f5', class: "col-12 col-md-6" }, h("form-control-text", { key: '345003706db0198c9de5e4234f3fe3efbacc51c7', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '8bccc4ebd45c92924e921f7fffa7f5214406c9e2', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'adaf6251217a5396c36ee7e9c0963cf2c948d9cd', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'd87f294ba9bf27df562f3e9b0ea4e286c1c6a725', class: "col-12 col-md-4" }, h("form-control-date", { key: '0681a51f830eb1b358c525deb46baa06f7bc9977', 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: '090785d6d86ec3122c3884ec8ba46df43f71d08e', class: "col-12 col-md-8" }, (!((_a = this.ownerDefaultValue) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h("div", { key: '2dea97a8711ac74a5973bab13ffa9d0cbe5cdac4', class: "row gy-3" }, h("div", { key: 'c666e5f65e175db737c2192e2e83f80eb0df3633', class: "col-12 col-md-8" }, h("form-control-text", { key: 'a598efd8f1e898335dae5527cb1b39fc348112e4', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'caadd033a1c510ce222b8b45408677dfd69463bf', class: "col-12 col-md-4" }, h("form-control-text", { key: '8b65c536b51f0d3ab50fef8a5a33b5031eb57af4', 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: 'b2011382dd1d5ebb060fb9c09a402aacdb3c1778', class: "col-12 col-md-6" }, h("form-control-text", { key: '3d540ddff95a999de1329bceaf9bc059d6128963', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '0bcad2552b4adb76549649b249e33f329bfdf85b', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '8c26d1e8b350fce2c03836fdef244f4b28117d76', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'c6fcb2e3972cc6b32c2ea1ef125ad49c4fe084b7', class: "col-12 col-md-4" }, h("form-control-date", { key: '549fb157eaa9a91f446522e48cb90b0b750c0a91', 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: '728304b41b7083df8cc8cec50f3d22681497b484', class: "col-12 col-md-8" }, (!((_a = this.ownerDefaultValue) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
                 this.isEditingIdentification = true;
                 // Clear last4 and current value to force validation
                 updateFormValues(this.formController, {
                     ssn_last4: null,
                     identification_number: ''
                 });
-            } }, "Change"))))), h("div", { key: '3d5eabefcd198d1a27bfe158c92e3c18a0a14e69', class: "col-12" }, h("justifi-identity-address-form", { key: '10158bd6a40fa0ca00d7e9feb04d7c22e51d5829', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
+            } }, "Change"))))), h("div", { key: '9496ee53f65c46f66437817fd7ec80a48ce7d000', class: "col-12" }, h("justifi-identity-address-form", { key: '55463847557a8d8285a5be69ba0b5ab77f3749af', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
     }
     ;
     static get is() { return "owner-form-inputs"; }
@@ -67,15 +67,16 @@ export class BusinessOwnerFormInputs {
                 "attribute": "errors"
             },
             "formController": {
-                "type": "any",
+                "type": "unknown",
                 "mutable": false,
                 "complexType": {
                     "original": "FormController",
                     "resolved": "FormController",
                     "references": {
                         "FormController": {
-                            "location": "global",
-                            "id": "global::FormController"
+                            "location": "import",
+                            "path": "../../../components",
+                            "id": "src/components.d.ts::FormController"
                         }
                     }
                 },
@@ -86,9 +87,7 @@ export class BusinessOwnerFormInputs {
                     "text": ""
                 },
                 "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "form-controller"
+                "setter": false
             },
             "country": {
                 "type": "string",

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

@@ -34,7 +34,7 @@ export class BusinessOwnerForm {
         });
     }
     render() {
-        return (h("owner-form-core", { key: '84af0e74910def3f34aa4a6ce9d1f501faf6f5c5', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, country: this.country, ref: ref => this.coreComponent = ref }));
+        return (h("owner-form-core", { key: 'd3765b80461f8222189643b378ae5d63886163c3', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, country: this.country, ref: ref => this.coreComponent = ref }));
     }
     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.js

@@ -2,15 +2,95 @@ import { h } from "@stencil/core";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../../api/ComponentError";
 import { makeGetBusiness, makePatchBusiness } from "../payment-provisioning-actions";
 import { BusinessService } from "../../../../api/services/business.service";
+import { additionalQuestionsSchema } from "../../schemas/business-additional-questions-schema";
+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 } from "../../utils";
 export class AdditionalQuestionsFormStep {
+    constructor() {
+        this.errors = {};
+        this.additional_questions = {};
+        this.recurringPayments = false;
+        this.isLoading = false;
+        this.getData = () => {
+            this.formLoading.emit(true);
+            this.isLoading = true;
+            this.getBusiness({
+                onSuccess: (response) => {
+                    this.additional_questions = new AdditionalQuestions(response.data.additional_questions || {});
+                    this.formController.setInitialValues(Object.assign({}, this.additional_questions));
+                },
+                onError: ({ error, code, severity }) => {
+                    this.errorEvent.emit({
+                        message: error,
+                        errorCode: code,
+                        severity: severity
+                    });
+                },
+                final: () => {
+                    this.formLoading.emit(false);
+                    this.isLoading = false;
+                }
+            });
+        };
+        this.sendData = (onSuccess) => {
+            let submittedData;
+            this.formLoading.emit(true);
+            this.patchBusiness({
+                payload: this.patchPayload,
+                onSuccess: (response) => {
+                    submittedData = response;
+                    onSuccess();
+                },
+                onError: ({ error, code, severity }) => {
+                    submittedData = error;
+                    this.errorEvent.emit({
+                        message: error,
+                        errorCode: code,
+                        severity: severity
+                    });
+                },
+                final: () => {
+                    this.stepCompleteEvent.emit({ response: submittedData, formStep: BusinessFormStep.additionalQuestions });
+                    this.formLoading.emit(false);
+                }
+            });
+        };
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+            this.additional_questions = new AdditionalQuestions(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
     propChanged() {
         this.initializeApi();
     }
+    recurringPaymentsWatcher(newValue) {
+        if ((newValue === null || newValue === void 0 ? void 0 : newValue.business_recurring_payments) === 'Yes') {
+            this.recurringPayments = true;
+        }
+        else {
+            this.recurringPayments = false;
+        }
+    }
     async validateAndSubmit({ onSuccess }) {
-        this.coreComponent.validateAndSubmit({ onSuccess });
+        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
+    }
+    get patchPayload() {
+        let formValues = new AdditionalQuestions(this.formController.values.getValue()).payload;
+        return { additional_questions: formValues };
     }
     componentWillLoad() {
         this.initializeApi();
+        this.formController = new FormController(additionalQuestionsSchema(this.allowOptionalFields));
+    }
+    componentDidLoad() {
+        this.getBusiness && this.getData();
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
     }
     initializeApi() {
         if (this.authToken && this.businessId) {
@@ -34,7 +114,12 @@ export class AdditionalQuestionsFormStep {
         }
     }
     render() {
-        return (h("justifi-additional-questions-form-step-core", { key: 'a2e24c04b312a226b607147bcf68d6ea50a2be05', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        var _a, _b, _c, _d;
+        const additionalQuestionsDefaultValue = this.formController.getInitialValues();
+        if (this.isLoading) {
+            return h(PaymentProvisioningLoading, null);
+        }
+        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Additional Questions"), h("form-control-tooltip", { helpText: "This information helps us understand the business and identify and monitor trends to safeguard you and your customers." })), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { name: "business_revenue", label: "What is your business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "business_payment_volume", label: "What is your business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume })), h("div", { class: "col-12" }, h("form-control-select", { name: "business_when_service_received", label: "On average, how long after paying will your customers typically receive their goods or services?", inputHandler: this.inputHandler, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { class: "col-12" }, h("form-control-text", { name: "business_other_payment_details", label: "Is there anything else you would like us to know about how your customers pay the business? (optional)", inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
     }
     static get is() { return "justifi-additional-questions-form-step"; }
     static get properties() {
@@ -101,7 +186,12 @@ export class AdditionalQuestionsFormStep {
     static get states() {
         return {
             "getBusiness": {},
-            "patchBusiness": {}
+            "patchBusiness": {},
+            "formController": {},
+            "errors": {},
+            "additional_questions": {},
+            "recurringPayments": {},
+            "isLoading": {}
         };
     }
     static get events() {
@@ -126,6 +216,42 @@ export class AdditionalQuestionsFormStep {
                         }
                     }
                 }
+            }, {
+                "method": "stepCompleteEvent",
+                "name": "complete-form-step-event",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "ComponentFormStepCompleteEvent",
+                    "resolved": "ComponentFormStepCompleteEvent",
+                    "references": {
+                        "ComponentFormStepCompleteEvent": {
+                            "location": "import",
+                            "path": "../../../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentFormStepCompleteEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "formLoading",
+                "name": "formLoading",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
             }];
     }
     static get methods() {
@@ -160,6 +286,9 @@ export class AdditionalQuestionsFormStep {
             }, {
                 "propName": "businessId",
                 "methodName": "propChanged"
+            }, {
+                "propName": "additional_questions",
+                "methodName": "recurringPaymentsWatcher"
             }];
     }
 }

package/dist/collection/components/business-forms/payment-provisioning/bank-account/bank-account-document-inputs.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { EntityDocumentType } from "../../../../api";
 export class BankAccountDocumentFormInputs {
     render() {
-        return (h("div", { key: '4daf6eadf7e1213c3534bd845c917af0b1ec1fec', class: "row gy-3" }, h("div", { key: '9d7235d40a0884960948eaac7dc990e947bf5165', class: "col-12" }, h("form-control-file", { key: 'e0e3704079e20c86dacec668d27ca23ef981aa2f', name: "voided_check", label: "Voided Check", documentType: EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), h("div", { key: '5c4c20191c6c54170896a9c0f893a7fe06ff6a70', class: "col-12" }, h("form-control-file", { key: '6d4ac9d3a47952644bab5afe4b23332a56c04035', name: "bank_statement", label: "Bank Statement", documentType: EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
+        return (h("div", { key: '86e292154357fdee7348377c1c640135bdab2bea', class: "row gy-3" }, h("div", { key: 'f35d977767de04b8d2be2886dcdb6158aa39e582', class: "col-12" }, h("form-control-file", { key: 'f78667ccdc39d1337f806a77e24b14ef9d59467e', name: "voided_check", label: "Voided Check", documentType: EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), h("div", { key: 'caaee3e795369cf8ba6e3c1bbe2fae7421b2ac80', class: "col-12" }, h("form-control-file", { key: '67bbe7631b48b4f851a33d63949b8e77d3b1c82d', name: "bank_statement", label: "Bank Statement", documentType: EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
     }
     static get is() { return "bank-account-document-form-inputs"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/bank-account/bank-account-form-inputs-canada.js

@@ -4,7 +4,7 @@ import { numberOnlyHandler } from "../../../../ui-components/form/utils";
 export class BankAccountFormInputsCanada {
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h("div", { key: '80b2030f1c1840df293a5ec600fe16836b502647', class: "row gy-3" }, h("div", { key: '5a28a5b515856da7808fc49cf0f775f8c4c71daa', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: '62761912ccf0ee5ba1e5c13cbb08cde9687d05bd', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: '04472a07096890a51d2e2db463f7040a389fd4e1', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: 'c2caa8ddb2b1038efb49e3361eab760108a34308', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: '2446720991bd2512f6bb8a779e47e526100dacb3', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Transit Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.transit_number) || '' })) : (h("form-control-text", { name: "transit_number", label: "Transit Number", defaultValue: this.defaultValue.transit_number, maxLength: 5, errorText: this.errors.transit_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "5 digits" }))), h("div", { key: '98cda3809e604cc3e863f2d01698e217694b2550', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Institution Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.institution_number) || '' })) : (h("form-control-text", { name: "institution_number", label: "Institution Number", defaultValue: this.defaultValue.institution_number, maxLength: 3, errorText: this.errors.institution_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "3 digits" }))), h("div", { key: 'de285afb20fe922e3a8dd66727222e2f49567aae', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_g = this.defaultValue) === null || _g === void 0 ? void 0 : _g.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement. Do not include spaces or dashes." })))));
+        return (h("div", { key: 'b2fac559526f427194abe9533683cffc333cad11', class: "row gy-3" }, h("div", { key: '694356efd7ab3b60ff50b56b727d02b240a0f3d5', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: 'a05e978c9d2612b5709c9d1c5c498e360aba374e', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: 'a54b15dfa039697fe69c1a138cafb78ae632f83c', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: '56f458eea6ed6d7a8108fcced3038b83c621d34e', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: 'f42406ade05d7b3fbf58f11c56f8668c9370f038', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Transit Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.transit_number) || '' })) : (h("form-control-text", { name: "transit_number", label: "Transit Number", defaultValue: this.defaultValue.transit_number, maxLength: 5, errorText: this.errors.transit_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "5 digits" }))), h("div", { key: 'd5d3c2e4a63281725abf693f161a97723b5e049c', class: "col-3" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Institution Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.institution_number) || '' })) : (h("form-control-text", { name: "institution_number", label: "Institution Number", defaultValue: this.defaultValue.institution_number, maxLength: 3, errorText: this.errors.institution_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "3 digits" }))), h("div", { key: '0d293c70faf73945ff36b021b708bfe0fa58739d', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_g = this.defaultValue) === null || _g === void 0 ? void 0 : _g.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement. Do not include spaces or dashes." })))));
     }
     static get is() { return "bank-account-form-inputs-canada"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/bank-account/bank-account-form-inputs.js

@@ -4,7 +4,7 @@ import { numberOnlyHandler } from "../../../../ui-components/form/utils";
 export class BankAccountFormInputs {
     render() {
         var _a, _b, _c, _d, _e, _f;
-        return (h("div", { key: '951373cbaf604ec2f34364fd93ac9ccf666a4e58', class: "row gy-3" }, h("div", { key: 'a2fbc555aeb3b9bed12f032385ea9889482e6caf', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: 'c05c9e185293799ee94cbd8bec3976d115469b00', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: 'b3cc026a1c2079ddcd744d7557742ac98073f03c', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: 'f3649a91a8af13374eb55f06ecc81e6e06bd4b01', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: '34eb7df603e1d7d9bb616c51057dd5da9a2e3e3f', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." }))), h("div", { key: '64897a96be65ddd311267e5ea1571993ab61787d', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Routing Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.routing_number) || '' })) : (h("form-control-text", { name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." })))));
+        return (h("div", { key: '2f29b1fd967a5eb4d0d3e19b2cbefb9c6e182935', class: "row gy-3" }, h("div", { key: '46250c36ba140f5a63f90afa51581ee3cea5f5e8', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Bank Name", value: (_a = this.defaultValue) === null || _a === void 0 ? void 0 : _a.bank_name })) : (h("form-control-text", { name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler }))), h("div", { key: '09c95c14e82f12d1e86ab65debb3e066fcd161ce', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Nickname", value: (_b = this.defaultValue) === null || _b === void 0 ? void 0 : _b.nickname })) : (h("form-control-text", { name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler }))), h("div", { key: '86c2932fdfeae789dc4cb48e255977fb981396c8', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Owner Name", value: (_c = this.defaultValue) === null || _c === void 0 ? void 0 : _c.account_owner_name })) : (h("form-control-text", { name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler }))), h("div", { key: '4ab380b55f4078dd4ed7d3909e8d7206a4cbfc8e', class: "col-12" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Type", value: (_d = this.defaultValue) === null || _d === void 0 ? void 0 : _d.account_type })) : (h("form-control-select", { name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler }))), h("div", { key: 'a61023b07e4550ffcafbbd49c6214db5e8102644', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Account Number", value: ((_e = this.defaultValue) === null || _e === void 0 ? void 0 : _e.account_number_last4) ? `**** ${this.defaultValue.account_number_last4}` : '' })) : (h("form-control-text", { name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." }))), h("div", { key: 'dcbef312084dcfbe405e18bba854b56837ee6f26', class: "col-6" }, this.formDisabled ? (h("bank-account-read-only-value", { label: "Routing Number", value: ((_f = this.defaultValue) === null || _f === void 0 ? void 0 : _f.routing_number) || '' })) : (h("form-control-text", { name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." })))));
     }
     static get is() { return "bank-account-form-inputs"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/bank-account/bank-account-read-only-value.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { text } from "../../../../styles/parts";
 export class BankAccountReadOnlyValue {
     render() {
-        return (h("div", { key: '0d44d4aa265a5fd36ca30f1db072eb834f8bdf1b' }, h("label", { key: '892e6dbdbff5d484df4dfb522f3db8968f46d7d4', class: "form-label", part: text }, this.label), h("div", { key: 'cd617e2302834ad67ebccd64e24d535b2cc19da8', part: text }, this.value || '')));
+        return (h("div", { key: '5b20bad2f4b01597f33221541248681fc08ab59d' }, h("label", { key: 'e0c297e57f2d5f6863b42c9549ee2b869380f128', class: "form-label", part: text }, this.label), h("div", { key: 'ac0512bbf49b43a9ca4a8c47d1f05d36e01fd655', part: text }, this.value || '')));
     }
     static get is() { return "bank-account-read-only-value"; }
     static get properties() {