@justifi/webcomponents 4.23.0 → 5.0.0-rc-1

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

@@ -3,16 +3,11 @@ import { FormController } from "../../../ui-components/form/form";
 import { businessFormSchema } from "../schemas/business-form-schema";
 import { Api } from "../../../api";
 import { config } from "../../../../config";
-import { BusinessFormClickActions, BusinessFormServerErrors } from "../utils/business-form-types";
-import { Business } from "../../../api/Business";
+import { Business, BusinessFormServerErrors } from "../../../api/Business";
 import JustifiAnalytics from "../../../api/Analytics";
-import { StyledHost } from "../../../ui-components";
+import { Button, Header1, StyledHost } from "../../../ui-components";
 import { checkPkgVersion } from "../../../utils/check-pkg-version";
-/**
- * @exportedPart label: Label for inputs
- * @exportedPart input: The input fields
- * @exportedPart input-invalid: Invalid state for inputfs
- */
+import { BusinessFormClickActions } from "../utils";
 export class BusinessForm {
     constructor() {
         this.instantiateBusiness = (data) => {
@@ -76,11 +71,6 @@ export class BusinessForm {
     disconnectedCallback() {
         this.analytics.cleanup();
     }
-    fireClickEvents(event) {
-        console.warn('`clickEvent` is deprecated and will be removed in the next major release. Please use `click-event` instead.');
-        this.clickEventNew.emit(event);
-        this.clickEventOld.emit(event);
-    }
     get title() {
         return this.removeTitle ? '' : this.formTitle;
     }
@@ -94,24 +84,14 @@ export class BusinessForm {
         if (response.error) {
             this.errorMessage = BusinessFormServerErrors.patchData;
         }
-        this.submitted.emit({ data: response });
+        this.submitEvent.emit({ response: response });
         this.instantiateBusiness(response.data);
     }
     render() {
-        return (h(StyledHost, { key: 'f04193b776865a18072bd3f1773f37a41d9439a4', exportparts: "label,input,input-invalid" }, h("form", { key: '7acb5fe47087e2ec1c3ea1b825e34b96ca6881fd', onSubmit: this.validateAndSubmit }, h("div", { key: 'd7548b77f1c7d8bb937a4c98420cfec097d73b42', class: "row gap-3" }, h("h1", { key: 'f7e74ba9d0b75f5da52a691ec16ba8068a23bbaa' }, this.title), h("form-alert", { key: 'cb83cf84afb00a4e315eee940d2f67817ba6302d', text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { key: '7c6ab18da58b0ecca644d3f4644e78cfe945b8eb', class: "col-12 mb-4" }, h("justifi-business-core-info", { key: 'f5d7304ca3dd69dd1fc65954b57e4e77e24e36c9', formController: this.formController })), h("div", { key: 'c6e870483b690dac1c8bf3400e7dfb47e46db014', class: "col-12 mb-4" }, h("justifi-legal-address-form", { key: 'd04d51527b8c5a6594d5aef592a90b9db2900ee7', formController: this.formController })), h("div", { key: '669b426f578ad83d18b81a46c8e73d60ff68db5e', class: "col-12 mb-4" }, h("justifi-additional-questions", { key: '5eece0ad9248e76b5b57fd99b07c8e0c77120765', formController: this.formController })), h("div", { key: '61a4f31878ec2c4ee69985d4246016e951f8e05b', class: "col-12 mb-4" }, h("justifi-business-representative", { key: '5252a87a8f362be267232bab93565d14c2a1dd41', formController: this.formController })), h("div", { key: 'cf380d4345d5c0e25702d727e36940a9b6e4ee73', class: "col-12 d-flex flex-row-reverse" }, h("button", { key: '75b0dd58c32db365f581c2f1b8519fe90ec2ae51', type: "submit", class: "btn btn-primary jfi-submit-button", disabled: this.disabledState, onClick: () => this.fireClickEvents({ name: BusinessFormClickActions.submit }) }, this.isLoading ? 'Loading...' : 'Submit'))))));
+        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"))))));
     }
     static get is() { return "justifi-business-form"; }
     static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["business-form.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["business-form.css"]
-        };
-    }
     static get properties() {
         return {
             "authToken": {
@@ -212,8 +192,8 @@ export class BusinessForm {
     }
     static get events() {
         return [{
-                "method": "submitted",
-                "name": "submitted",
+                "method": "submitEvent",
+                "name": "submit-event",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -222,18 +202,18 @@ export class BusinessForm {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "BusinessFormSubmitEvent",
-                    "resolved": "BusinessFormSubmitEvent",
+                    "original": "ComponentSubmitEvent",
+                    "resolved": "ComponentSubmitEvent",
                     "references": {
-                        "BusinessFormSubmitEvent": {
+                        "ComponentSubmitEvent": {
                             "location": "import",
-                            "path": "../utils/business-form-types",
-                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormSubmitEvent"
+                            "path": "../../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentSubmitEvent"
                         }
                     }
                 }
             }, {
-                "method": "clickEventNew",
+                "method": "clickEvent",
                 "name": "click-event",
                 "bubbles": true,
                 "cancelable": true,
@@ -243,34 +223,13 @@ export class BusinessForm {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "BusinessFormClickEvent",
-                    "resolved": "BusinessFormClickEvent",
-                    "references": {
-                        "BusinessFormClickEvent": {
-                            "location": "import",
-                            "path": "../utils/business-form-types",
-                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormClickEvent"
-                        }
-                    }
-                }
-            }, {
-                "method": "clickEventOld",
-                "name": "clickEvent",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "BusinessFormClickEvent",
-                    "resolved": "BusinessFormClickEvent",
+                    "original": "ComponentClickEvent",
+                    "resolved": "ComponentClickEvent",
                     "references": {
-                        "BusinessFormClickEvent": {
+                        "ComponentClickEvent": {
                             "location": "import",
-                            "path": "../utils/business-form-types",
-                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormClickEvent"
+                            "path": "../../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentClickEvent"
                         }
                     }
                 }

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

@@ -1,6 +1,7 @@
 import { Host, h } from "@stencil/core";
 import { PHONE_MASKS, SSN_MASK } from "../../../../utils/form-input-masks";
 import { deconstructDate } from "../../utils/helpers";
+import { heading2 } from "../../../../styles/parts";
 export class BusinessRepresentative {
     constructor() {
         this.inputHandler = (name, value) => {
@@ -26,7 +27,7 @@ export class BusinessRepresentative {
     }
     render() {
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (h(Host, { key: '857634ffd34ea218dce687fb0eaa95830a58bfb1', exportparts: "label,input,input-invalid" }, h("fieldset", { key: 'b3b073dc456e58c4fa67182ea3518581038419e3' }, h("legend", { key: '3c1997f718c340b5dd32e4cdbe9400d64eecf577' }, "Representative"), h("hr", { key: 'd51e5d797106af2050b884fc09802c497a180e1d' }), h("div", { key: '7e5631f8eb5c28f0a5c4193ece3039a3adc35d0a', class: "row gy-3" }, h("div", { key: '399a1f505781ed0b82fa85366ca66580e977f3e5', class: "col-12 col-md-8" }, h("form-control-text", { key: '0820b8e0b6178b997ba1938efc045ad334f061d3', 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: '2bb15a86304ce8755e1183835c0ed7c310a0e8b2', class: "col-12 col-md-4" }, h("form-control-text", { key: '2cc405cea169ec1bd5d72b110ce403101d029fff', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'd2927f863bd374c38b8028a148568068144294d7', class: "col-12 col-md-6" }, h("form-control-text", { key: '0fa24fa492e060978facf23aac2b151595bb129c', 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: '8c9f75ebc3c5d87fafaff48e489ad5dc091fbca4', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'f060196556cd11d9f68dab3aa7e87cba24e38afe', 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: '19f7bcd2a18ef1f8c937a90602bdd9f0ac8f91e5', class: "col-12 col-md-4" }, h("form-control-date", { key: '5392a1ce2cbb43a88c2d90981b56ef55ba4fdb31', 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: '36203f898451d610b34afabc4bac9e20f01e53f7', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '4d4b9e4dcc0f5829068d4916d7373f6506ee9e74', 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: '560e1dabe186e54a201ad02fb9054505ab5bb84c', class: "col-12" }, h("justifi-identity-address-form", { key: 'b47b48c19ca88248a9609c0e1858ba649f44c2da', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        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 }))))));
     }
     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

@@ -1,11 +1,7 @@
 import { Host, h } from "@stencil/core";
 import StateOptions from "../../../../utils/state-options";
 import { numberOnlyHandler } from "../../../../ui-components/form/utils";
-/**
- * @exportedPart label: Label for inputs
- * @exportedPart input: The input fields
- * @exportedPart input-invalid: Invalid state for inputfs
- */
+import { heading2 } from "../../../../styles/parts";
 export class LegalAddressForm {
     constructor() {
         this.formController = undefined;
@@ -23,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: 'c882f02585a8b78ddd35e0d28a71252324631634', exportparts: "label,input,input-invalid" }, h("fieldset", { key: '7b41893d22bc032020060200e63f80707385585c' }, h("legend", { key: 'ddd67063e34b95920080bd649c0e3cfd1f4f1c0b' }, "Business Legal Address"), h("hr", { key: '7a74e634115497c445437543120bc8d9ff2d16ef' }), h("div", { key: 'acd00ea38decc4f4605ba058e2580626a86397a4', class: "row gy-3" }, h("div", { key: 'ca5a109b181dceab7d71bf3b7aa4cbaadc70ad6f', class: "col-12" }, h("form-control-text", { key: '67271661212a45157e37fe136a4a778552a9bfc9', 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: '1d2ed08d41694bf530c92c1cd6f7092c46f93b40', class: "col-12" }, h("form-control-text", { key: '66dcae505b16fe4a5cb43e541f197d7de45f374e', 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: 'ad5bd6ecb8fd5afec958d44fe6fb265b8cfac358', class: "col-12" }, h("form-control-text", { key: '33053662779ae34f6117fec9d2c8f2b3ae57ab53', 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: 'fa19d830d677b2e183dff7ee8532c23e77d2d162', class: "col-12" }, h("form-control-select", { key: '481324e4af2b4af52cd9955331b402a30ca0bc45', 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: '76642ac99c59d4a4a75b2d8b03cffe807d96d62b', class: "col-12" }, h("form-control-text", { key: '0d46bb841e259ff86da5aff4e1e8ac9b000db331', 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: '947782f5fa17fa0df3e431fe587d1efefbecdc27', class: "col-12" }, h("form-control-select", { key: 'd8848595610231ad5bf86f21eaad4bbb45617b01', 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: '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,
             // 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: '5d9d020cdb5f9e0c422098f82fbd9b1c237515f2', exportparts: "label,input,input-invalid" }, h("div", { key: '280b3308698d51c8f3e60124f0433e12ff585abe', class: "row gy-3" }, h("div", { key: 'c31ef56c52561e2acaed2dac868117f6171a09cb', class: "col-12 col-md-8" }, h("form-control-text", { key: 'a53eb44a3b6ab0044ba1746025293fa5be1cd469', 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: 'cd62d3f1ea062f67ab71ced663954b172fa3c4ed', class: "col-12 col-md-4" }, h("form-control-text", { key: '24b4e359217b92c9d010c23f0a670f32a969c36e', 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: '5e2cf9ef49d42c736d8004e5063377a962857b35', class: "col-12" }, h("form-control-text", { key: 'b408fca949adc1e1f96ad1ab01d8265ef427cd18', 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: 'ab8c048e274784406a8a872650e68791d3aa5844', class: "col-12 col-md-6" }, h("form-control-select", { key: '76db258faf7a4b30f7f1b6c6e975e5ea7e7c61d6', 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: '8bd2661ad3e579a52f91ce58c6be680d9955584b', class: "col-12 col-md-6" }, h("form-control-text", { key: 'd8a2f3552e25bc57d8f09e61ee78f7f5a33e4bc7', 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: '93be2db05699edaa12981e0d96a9626ecc169030', class: "col-12" }, h("form-control-select", { key: '5f99c15b72cec36dc3b895c4dadce328f4503f6a', 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: '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,
             // just for now so we skip handling country specificities
             disabled: true })))));
     }

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

@@ -1,9 +1,10 @@
 import { h } from "@stencil/core";
 import { FormController } from "../../../ui-components/form/form";
 import { Owner } from "../../../api/Identity";
-import { BusinessFormClickActions } from "../utils/business-form-types";
 import { identitySchema } from "../schemas/business-identity-schema";
 import { Button } from "../../../ui-components";
+import { heading3 } from "../../../styles/parts";
+import { BusinessFormClickActions } from "../utils/event-types";
 export class BusinessOwnerFormCore {
     loadingWatcher() {
         this.formLoading.emit(this.isLoading);
@@ -32,16 +33,11 @@ export class BusinessOwnerFormCore {
                     this.patchOwner({
                         payload: this.payload,
                         onSuccess: (response) => {
-                            this.submitted.emit({
-                                data: response,
-                                metadata: { ownerID: response.data.id }
-                            });
                             this.ownerSubmitted.emit({ id: response.data.id });
                             this.instantiateOwner(response.data);
                             resolve(true);
                         },
                         onError: ({ error, code, severity }) => {
-                            this.submitted.emit({ data: { error } });
                             this.errorEvent.emit({
                                 message: error,
                                 errorCode: code,
@@ -56,16 +52,11 @@ export class BusinessOwnerFormCore {
                     this.postOwner({
                         payload: this.payload,
                         onSuccess: (response) => {
-                            this.submitted.emit({
-                                data: response,
-                                metadata: { ownerID: response.data.id }
-                            });
                             this.ownerSubmitted.emit({ id: response.data.id });
                             this.instantiateOwner(response.data);
                             resolve(true);
                         },
                         onError: ({ error, code, severity }) => {
-                            this.submitted.emit({ data: { error } });
                             this.errorEvent.emit({
                                 message: error,
                                 errorCode: code,
@@ -163,7 +154,7 @@ export class BusinessOwnerFormCore {
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
     }
     render() {
-        return (h("form", { key: 'd7ab875b1efd58b9d17e40789eb43454d5601f47', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '144871e2128c17ea843d3d0dc2c7b5dd51057107' }, h("legend", { key: 'b9a2229e0cb1220c2b848f56f512816253d98e36', class: "fw-semibold fs-5" }, this.formTitle), h("br", { key: 'd95786bee5d4640f970bfccea626a6d0bc7fb4a6' }), h("div", { key: 'f74c1b45eda698ca786214c2d30342ead9c820f0', class: "row gy-3" }, h("owner-form-inputs", { key: 'bc6a213dc74e1f30c7c18f65a31e1aaa9130746a', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), h("div", { key: 'e7536fc512a652bde416259b7f6177e5957b893f', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '61c88e81e942f2e324b24b2634fe365863a2f23f', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: 'c280f92cf606abbc1ba30bef331407af7db9cb19', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '10658eebfb37c21186b7a5d36e60db5daa9f26f6' }))));
+        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' }))));
     }
     static get is() { return "owner-form-core"; }
     static get properties() {
@@ -340,8 +331,8 @@ export class BusinessOwnerFormCore {
     }
     static get events() {
         return [{
-                "method": "submitted",
-                "name": "submitted",
+                "method": "clickEvent",
+                "name": "click-event",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -350,34 +341,19 @@ export class BusinessOwnerFormCore {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "BusinessFormSubmitEvent",
-                    "resolved": "BusinessFormSubmitEvent",
+                    "original": "ComponentClickEvent",
+                    "resolved": "ComponentClickEvent",
                     "references": {
-                        "BusinessFormSubmitEvent": {
+                        "ComponentClickEvent": {
                             "location": "import",
-                            "path": "../utils/business-form-types",
-                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormSubmitEvent"
+                            "path": "../../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentClickEvent"
                         }
                     }
                 }
             }, {
-                "method": "ownerSubmitted",
-                "name": "ownerSubmitted",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }, {
-                "method": "clickEvent",
-                "name": "click-event",
+                "method": "errorEvent",
+                "name": "error-event",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -386,13 +362,13 @@ export class BusinessOwnerFormCore {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "BusinessFormClickEvent",
-                    "resolved": "BusinessFormClickEvent",
+                    "original": "ComponentErrorEvent",
+                    "resolved": "ComponentErrorEvent",
                     "references": {
-                        "BusinessFormClickEvent": {
+                        "ComponentErrorEvent": {
                             "location": "import",
-                            "path": "../utils/business-form-types",
-                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormClickEvent"
+                            "path": "../../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
                         }
                     }
                 }
@@ -412,8 +388,8 @@ export class BusinessOwnerFormCore {
                     "references": {}
                 }
             }, {
-                "method": "errorEvent",
-                "name": "error-event",
+                "method": "ownerSubmitted",
+                "name": "ownerSubmitted",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -422,15 +398,9 @@ export class BusinessOwnerFormCore {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "ComponentError",
-                    "resolved": "ComponentError",
-                    "references": {
-                        "ComponentError": {
-                            "location": "import",
-                            "path": "../../../api/ComponentError",
-                            "id": "src/api/ComponentError.ts::ComponentError"
-                        }
-                    }
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
                 }
             }];
     }

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: '00c4e99a70bdeac642774796bb6a983ad926b86d', class: "row gy-3" }, h("div", { key: '457ba67f652e7ec33909764667b76b25c0c01f75', class: "col-12 col-md-8" }, h("form-control-text", { key: '33293c6a0fc131c1db2d498f2ea8774cb9689b8e', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '07be686fa8f43b04bd3a925e969ecede1286e651', class: "col-12 col-md-4" }, h("form-control-text", { key: 'c89285d508e0d809332f529edef3e6d3a68c4993', 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: '76af9226fb138b2698c254ba26749b5d372ee14d', class: "col-12 col-md-6" }, h("form-control-text", { key: '37f334b0ee260501fd99845b6196a94c56fd16da', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '3750f6f86d1bc3c3a1796a06ef4119ee188f2b56', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '283f5179e64378a7a07a654d28511558de03ca68', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '48186c6dfe8cd2a27de92db9970953e1e99340f2', class: "col-12 col-md-4" }, h("form-control-date", { key: '6d90d43875feefd24477279232a21b4ac7a7b7bc', 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: '19b1a6fd0dd52d3d5f52cf764ff429bd26ba8cdd', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '5a7ea47c254967f0d3d546ac9949dfa3d670bc25', 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: '59c4fcb4186d488497d66479fced70bf2dc24d89', class: "col-12" }, h("justifi-identity-address-form", { key: 'faff7bb194f9c2c2ff80193db18ab0030f34fc09', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))));
+        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 }))));
     }
     ;
     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: '332d1e77d01886f13aba09b32b2d5f2199131619', 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: '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 }));
     }
     static get is() { return "justifi-owner-form"; }
     static get properties() {
@@ -189,13 +189,13 @@ export class BusinessOwnerForm {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "ComponentError",
-                    "resolved": "ComponentError",
+                    "original": "ComponentErrorEvent",
+                    "resolved": "ComponentErrorEvent",
                     "references": {
-                        "ComponentError": {
+                        "ComponentErrorEvent": {
                             "location": "import",
-                            "path": "../../../api/ComponentError",
-                            "id": "src/api/ComponentError.ts::ComponentError"
+                            "path": "../../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
                         }
                     }
                 }

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

@@ -2,9 +2,9 @@ import { h } from "@stencil/core";
 import { additionalQuestionsSchema } from "../../schemas/business-additional-questions-schema";
 import { FormController } from "../../../../ui-components/form/form";
 import { AdditionalQuestions } from "../../../../api/Business";
-import { BusinessFormStepV2 } from "../../utils/business-form-types";
 import { CURRENCY_MASK } from "../../../../utils/form-input-masks";
-import { businessServiceReceivedOptions, recurringPaymentsOptions, seasonalBusinessOptions } from "../../utils/business-form-options";
+import { heading2 } from "../../../../styles/parts";
+import { BusinessFormStep, businessServiceReceivedOptions, recurringPaymentsOptions, seasonalBusinessOptions } from "../../utils";
 export class AdditionalQuestionsFormStepCore {
     constructor() {
         this.getData = () => {
@@ -42,8 +42,7 @@ export class AdditionalQuestionsFormStepCore {
                     });
                 },
                 final: () => {
-                    this.submitted.emit({ data: { submittedData } });
-                    this.stepCompleted.emit({ data: submittedData, formStep: BusinessFormStepV2.additionalQuestions });
+                    this.stepCompleteEvent.emit({ response: submittedData, formStep: BusinessFormStep.additionalQuestions });
                     this.formLoading.emit(false);
                 }
             });
@@ -88,7 +87,7 @@ export class AdditionalQuestionsFormStepCore {
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
         const additionalQuestionsDefaultValue = this.formController.getInitialValues();
-        return (h("form", { key: '469cda15cbb05da33e26bc645cc51ebbbdf6e7fc' }, h("fieldset", { key: 'b00875b7d3f3d3ad338c38000cc29b3a550e8a50' }, h("div", { key: '6dfc3d60d5b5469613681715bf1965752fdb9662', class: "d-flex align-items-center gap-2" }, h("legend", { key: '65b2a3769f96714563a468eca3f1d7e82d6a1538', class: "mb-0" }, "Additional Questions"), h("form-control-tooltip", { key: '7a51538fe74cf8e0f3ed49042d6301fb2bd7909b', helpText: "This information helps us understand the business and identify and monitor trends to safeguard you and your customers." })), h("hr", { key: '42496d5e78ed4922a0165caab9e6e7e48cb44616', class: "mt-2" }), h("div", { key: '0d7ff24d81a3f54e223293c393d4ce89588a1c58', class: "row gy-3" }, h("div", { key: '12a1c72e5e5802f7729f2a09764a5cffa194639d', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'c9f4aecc5b7108c788237f776953c5cd9ae844b8', 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: 'ecd78939d2a7ac81932898f65f3c9424f157fb3d', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '5df34b238082a11a4589a05e24c53650bd2c0b79', 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: '9db14123245c84eb3dc33d28154ac9be458987cc', class: "col-12" }, h("form-control-select", { key: '7e9899a2e41c14ae968c5451e46d445cbaa289a4', 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: 'f5ebffe9294cbe7e16487c8e63009f7c4901fee1', class: "col-12" }, h("form-control-select", { key: '32a0f978252a52cff90a3a9c1e675515960ee016', 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: '0aa20a223c15959c7b1e36b8570c17c11c193a8c', class: 'col-12', hidden: !this.recurringPayments }, h("form-control-text", { key: 'e6abbe38ef92091d87c04f832c860ac1a34e855f', 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: '1c2fbe366315babd398e48b38861cb2b8336b287', class: "col-12" }, h("form-control-select", { key: 'eb45c69781ea51ab35f3f0782d1245f553ff63a5', 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: 'ded80ce1cf8b0fd1b580d5002a1a869aed132f62', class: "col-12" }, h("form-control-text", { key: '80612b8d9381072e0ae670f07b649f01f1cfed66', 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 }))))));
+        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 }))))));
     }
     static get is() { return "justifi-additional-questions-form-step-core"; }
     static get properties() {
@@ -162,8 +161,8 @@ export class AdditionalQuestionsFormStepCore {
     }
     static get events() {
         return [{
-                "method": "submitted",
-                "name": "submitted",
+                "method": "stepCompleteEvent",
+                "name": "complete-form-step-event",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -172,19 +171,19 @@ export class AdditionalQuestionsFormStepCore {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "BusinessFormSubmitEvent",
-                    "resolved": "BusinessFormSubmitEvent",
+                    "original": "ComponentFormStepCompleteEvent",
+                    "resolved": "ComponentFormStepCompleteEvent",
                     "references": {
-                        "BusinessFormSubmitEvent": {
+                        "ComponentFormStepCompleteEvent": {
                             "location": "import",
-                            "path": "../../utils/business-form-types",
-                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormSubmitEvent"
+                            "path": "../../../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentFormStepCompleteEvent"
                         }
                     }
                 }
             }, {
-                "method": "stepCompleted",
-                "name": "form-step-completed",
+                "method": "errorEvent",
+                "name": "error-event",
                 "bubbles": true,
                 "cancelable": true,
                 "composed": true,
@@ -193,13 +192,13 @@ export class AdditionalQuestionsFormStepCore {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "BusinessFormStepCompletedEvent",
-                    "resolved": "BusinessFormStepCompletedEvent",
+                    "original": "ComponentErrorEvent",
+                    "resolved": "ComponentErrorEvent",
                     "references": {
-                        "BusinessFormStepCompletedEvent": {
+                        "ComponentErrorEvent": {
                             "location": "import",
-                            "path": "../../utils/business-form-types",
-                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormStepCompletedEvent"
+                            "path": "../../../../api/ComponentEvents",
+                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
                         }
                     }
                 }
@@ -218,27 +217,6 @@ export class AdditionalQuestionsFormStepCore {
                     "resolved": "boolean",
                     "references": {}
                 }
-            }, {
-                "method": "errorEvent",
-                "name": "error-event",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "ComponentError",
-                    "resolved": "ComponentError",
-                    "references": {
-                        "ComponentError": {
-                            "location": "import",
-                            "path": "../../../../components",
-                            "id": "src/components.d.ts::ComponentError"
-                        }
-                    }
-                }
             }];
     }
     static get methods() {