@justifi/webcomponents 4.12.1 → 4.13.0-rc.0

package/dist/collection/components/form/form-control-monetary.js

@@ -1,5 +1,6 @@
 import { Host, h, } from "@stencil/core";
 import IMask from "imask";
+import { CURRENCY_MASK } from "../../utils/form-input-masks";
 export class MonetaryInput {
     constructor() {
         this.imask = null;
@@ -8,6 +9,7 @@ export class MonetaryInput {
         this.error = undefined;
         this.defaultValue = undefined;
         this.inputHandler = undefined;
+        this.maskOptions = CURRENCY_MASK.DECIMAL;
     }
     handleDefaultValueChange(newValue) {
         this.updateInput(newValue);
@@ -23,14 +25,7 @@ export class MonetaryInput {
     initializeIMask() {
         if (!this.textInput)
             return;
-        this.imask = IMask(this.textInput, {
-            mask: Number,
-            scale: 2,
-            thousandsSeparator: ',',
-            padFractionalZeros: true,
-            normalizeZeros: true,
-            radix: '.',
-        });
+        this.imask = IMask(this.textInput, this.maskOptions);
         this.imask.on('accept', () => {
             const rawValue = this.imask.unmaskedValue;
             this.inputHandler(this.name, rawValue);
@@ -44,18 +39,18 @@ export class MonetaryInput {
         }
     }
     render() {
-        return (h(Host, { exportparts: "label,input,input-invalid" }, h("label", { part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: () => this.formControlBlur.emit(), part: `input ${this.error && 'input-invalid'}`, class: this.error ? 'form-control is-invalid' : 'form-control', type: "text" }), this.error && h("div", { class: "invalid-feedback" }, this.error)));
+        return (h(Host, { exportparts: "label,input,input-invalid" }, h("label", { part: "label", class: "form-label", htmlFor: this.name }, this.label), h("div", { class: "input-group mb-3" }, h("span", { class: "input-group-text" }, "$"), h("input", { ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: () => this.formControlBlur.emit(), part: `input ${this.error && 'input-invalid'}`, class: this.error ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text" }), this.error && h("div", { class: "invalid-feedback" }, this.error))));
     }
     static get is() { return "form-control-monetary"; }
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["form-control-number.scss"]
+            "$": ["form-control-monetary.scss"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["form-control-number.css"]
+            "$": ["form-control-monetary.css"]
         };
     }
     static get properties() {
@@ -142,6 +137,24 @@ export class MonetaryInput {
                     "tags": [],
                     "text": ""
                 }
+            },
+            "maskOptions": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "mask-options",
+                "reflect": false,
+                "defaultValue": "CURRENCY_MASK.DECIMAL"
             }
         };
     }

package/dist/collection/components/form/test/form-control-monetary.spec.js

@@ -1,5 +1,6 @@
 import { newSpecPage } from "@stencil/core/testing";
 import { MonetaryInput } from "../form-control-monetary";
+import { CURRENCY_MASK } from "../../../utils/form-input-masks";
 describe('form-control-monetary', () => {
     it('renders correctly with default props', async () => {
         const page = await newSpecPage({
@@ -17,6 +18,7 @@ describe('form-control-monetary', () => {
         name="amount"
         error="Invalid amount"  
         defaultValue="1000"
+        maskOptions=${CURRENCY_MASK.DECIMAL}
       ></form-control-monetary>
     `,
         });
@@ -32,7 +34,7 @@ describe('form-control-monetary', () => {
         const inputHandlerMock = jest.fn();
         const page = await newSpecPage({
             components: [MonetaryInput],
-            html: `<form-control-monetary></form-control-monetary>`,
+            html: `<form-control-monetary maskOptions=${CURRENCY_MASK.DECIMAL}></form-control-monetary>`,
         });
         page.rootInstance.inputHandler = inputHandlerMock;
         await page.waitForChanges();
@@ -48,7 +50,7 @@ describe('form-control-monetary', () => {
     it('emits formControlBlur on input blur', async () => {
         const page = await newSpecPage({
             components: [MonetaryInput],
-            html: `<form-control-monetary></form-control-monetary>`,
+            html: `<form-control-monetary maskOptions=${CURRENCY_MASK.DECIMAL}></form-control-monetary>`,
         });
         const blurSpy = jest.fn();
         page.win.addEventListener('formControlBlur', blurSpy);
@@ -60,7 +62,7 @@ describe('form-control-monetary', () => {
     it('displays error message when error prop is set', async () => {
         const page = await newSpecPage({
             components: [MonetaryInput],
-            html: `<form-control-monetary error="Invalid amount"></form-control-monetary>`,
+            html: `<form-control-monetary error="Invalid amount" maskOptions=${CURRENCY_MASK.DECIMAL}></form-control-monetary>`,
         });
         const errorDiv = page.root.shadowRoot.querySelector('.invalid-feedback');
         expect(errorDiv.textContent).toBe('Invalid amount');

package/dist/collection/components/payment-method-form/payment-method-form.js

@@ -72,11 +72,11 @@ export class PaymentMethodForm {
     render() {
         return (h(Host, null, h("iframe", { id: `justifi-payment-method-form-${this.paymentMethodFormType}`, src: this.getIframeSrc(), ref: el => {
                 this.iframeElement = el;
+                this.initializeFrameCommunicationService();
             }, onLoad: () => {
                 iFrameResize({
                     scrollbars: false,
                 }, this.iframeElement);
-                this.initializeFrameCommunicationService();
                 this.sendStyleOverrides();
             } })));
     }

package/dist/collection/components/refund-form/refund-form.js

@@ -3,6 +3,7 @@ import RefundFormSchema from "./refund-form-schema";
 import { Api } from "../../api";
 import { FormController } from "../form/form";
 import { config } from "../../../config";
+import { CURRENCY_MASK } from "../../utils/form-input-masks";
 export class RefundForm {
     constructor() {
         this.authToken = undefined;
@@ -73,7 +74,7 @@ export class RefundForm {
     }
     render() {
         var _a;
-        return (h(Host, null, h("h1", null, "Refund"), this.refundInfoText && (h("div", { class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { class: "m-0", innerHTML: this.refundInfoText }))), h("form", { onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { class: "form-group" }, h("form-control-monetary", { name: "amount", label: "Refund Amount", defaultValue: ((_a = this.amount) === null || _a === void 0 ? void 0 : _a.toString()) || '', inputHandler: (name, value) => this.handleInput(name, value), error: this.errors.amount })), h("div", { class: "form-group" }, h("form-control-text", { name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), error: this.errors.notes })), this.withButton && (h("div", { class: "form-group d-flex flex-row-reverse" }, h("button", { type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
+        return (h(Host, null, h("h1", null, "Refund"), this.refundInfoText && (h("div", { class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { class: "m-0", innerHTML: this.refundInfoText }))), h("form", { onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { class: "form-group" }, h("form-control-monetary", { name: "amount", label: "Refund Amount", defaultValue: ((_a = this.amount) === null || _a === void 0 ? void 0 : _a.toString()) || '', maskOptions: CURRENCY_MASK.DECIMAL, inputHandler: (name, value) => this.handleInput(name, value), error: this.errors.amount })), h("div", { class: "form-group" }, h("form-control-text", { name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), error: this.errors.notes })), this.withButton && (h("div", { class: "form-group d-flex flex-row-reverse" }, h("button", { type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
     }
     static get is() { return "justifi-refund-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/form-input-masks.js

@@ -3,3 +3,18 @@ export const PHONE_MASKS = {
 };
 export const TAX_ID_MASKS = { US: '00-0000000' };
 export const SSN_MASK = '000-00-0000';
+export const CURRENCY_MASK = {
+    WHOLE: {
+        mask: Number,
+        thousandsSeparator: ',',
+        normalizeZeros: true,
+    },
+    DECIMAL: {
+        mask: Number,
+        scale: 2,
+        thousandsSeparator: ',',
+        padFractionalZeros: true,
+        normalizeZeros: true,
+        radix: '.',
+    }
+};

package/dist/collection/utils/state-options.js

@@ -1,8 +1,4 @@
 const StateOptions = [
-    {
-        label: 'Choose state',
-        value: '',
-    },
     {
         label: 'Alabama',
         value: 'AL',

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-05-10T21:23:02",
+  "timestamp": "2024-05-20T14:59:29",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.10.0",
@@ -341,12 +341,20 @@
         }
       ],
       "dependents": [
+        "justifi-business-core-info",
+        "justifi-business-core-info-form-step",
         "justifi-business-representative",
         "justifi-business-representative-form-step",
         "justifi-owner-form"
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "justifi-business-core-info": [
+          "form-control-date"
+        ],
+        "justifi-business-core-info-form-step": [
+          "form-control-date"
+        ],
         "justifi-business-representative": [
           "form-control-date"
         ],
@@ -666,6 +674,28 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "maskOptions",
+          "type": "any",
+          "complexType": {
+            "original": "any",
+            "resolved": "any",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "mask-options",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "CURRENCY_MASK.DECIMAL",
+          "values": [
+            {
+              "type": "any"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "name",
           "type": "string",
@@ -1353,6 +1383,8 @@
         }
       ],
       "dependents": [
+        "justifi-additional-questions",
+        "justifi-additional-questions-form-step",
         "justifi-business-core-info",
         "justifi-business-core-info-form-step",
         "justifi-identity-address-form",
@@ -1361,6 +1393,12 @@
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "justifi-additional-questions": [
+          "form-control-select"
+        ],
+        "justifi-additional-questions-form-step": [
+          "form-control-select"
+        ],
         "justifi-business-core-info": [
           "form-control-select"
         ],
@@ -1595,6 +1633,8 @@
         }
       ],
       "dependents": [
+        "justifi-additional-questions",
+        "justifi-additional-questions-form-step",
         "justifi-business-core-info",
         "justifi-business-core-info-form-step",
         "justifi-business-owners",
@@ -1608,6 +1648,12 @@
       ],
       "dependencies": [],
       "dependencyGraph": {
+        "justifi-additional-questions": [
+          "form-control-text"
+        ],
+        "justifi-additional-questions-form-step": [
+          "form-control-text"
+        ],
         "justifi-business-core-info": [
           "form-control-text"
         ],
@@ -1823,11 +1869,15 @@
         "justifi-business-form"
       ],
       "dependencies": [
-        "form-control-monetary"
+        "form-control-monetary",
+        "form-control-select",
+        "form-control-text"
       ],
       "dependencyGraph": {
         "justifi-additional-questions": [
-          "form-control-monetary"
+          "form-control-monetary",
+          "form-control-select",
+          "form-control-text"
         ],
         "justifi-business-form": [
           "justifi-additional-questions"
@@ -2020,11 +2070,15 @@
         "justifi-payment-provisioning"
       ],
       "dependencies": [
-        "form-control-monetary"
+        "form-control-monetary",
+        "form-control-select",
+        "form-control-text"
       ],
       "dependencyGraph": {
         "justifi-additional-questions-form-step": [
-          "form-control-monetary"
+          "form-control-monetary",
+          "form-control-select",
+          "form-control-text"
         ],
         "justifi-payment-provisioning": [
           "justifi-additional-questions-form-step"
@@ -2549,12 +2603,14 @@
       ],
       "dependencies": [
         "form-control-text",
+        "form-control-date",
         "form-control-select",
         "form-control-number-masked"
       ],
       "dependencyGraph": {
         "justifi-business-core-info": [
           "form-control-text",
+          "form-control-date",
           "form-control-select",
           "form-control-number-masked"
         ],
@@ -2750,12 +2806,14 @@
       ],
       "dependencies": [
         "form-control-text",
+        "form-control-date",
         "form-control-select",
         "form-control-number-masked"
       ],
       "dependencyGraph": {
         "justifi-business-core-info-form-step": [
           "form-control-text",
+          "form-control-date",
           "form-control-select",
           "form-control-number-masked"
         ],
@@ -3095,6 +3153,7 @@
         ],
         "justifi-business-core-info": [
           "form-control-text",
+          "form-control-date",
           "form-control-select",
           "form-control-number-masked"
         ],
@@ -3103,7 +3162,9 @@
           "form-control-select"
         ],
         "justifi-additional-questions": [
-          "form-control-monetary"
+          "form-control-monetary",
+          "form-control-select",
+          "form-control-text"
         ],
         "justifi-business-representative": [
           "form-control-text",
@@ -4381,6 +4442,26 @@
         }
       ],
       "events": [
+        {
+          "event": "error-event",
+          "detail": "ComponentError",
+          "bubbles": true,
+          "complexType": {
+            "original": "ComponentError",
+            "resolved": "ComponentError",
+            "references": {
+              "ComponentError": {
+                "location": "import",
+                "path": "../../api/ComponentError",
+                "id": "src/api/ComponentError.ts::ComponentError"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "submitted",
           "detail": "IApiResponse<{ payment_mode: \"ecom\" | \"bnpl\"; payment_token: null; payment_status: string; payment_response: null; checkout_id: string; additional_transactions: any[]; checkout: ICheckout; }>",
@@ -6455,27 +6536,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "selectedPaymentMethodId",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "selected-payment-method-id",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "showAch",
           "type": "boolean",
@@ -6895,6 +6955,7 @@
         ],
         "justifi-business-core-info-form-step": [
           "form-control-text",
+          "form-control-date",
           "form-control-select",
           "form-control-number-masked"
         ],
@@ -6903,7 +6964,9 @@
           "form-control-select"
         ],
         "justifi-additional-questions-form-step": [
-          "form-control-monetary"
+          "form-control-monetary",
+          "form-control-select",
+          "form-control-text"
         ],
         "justifi-business-representative-form-step": [
           "form-control-text",
@@ -9789,12 +9852,12 @@
       "path": "src/api/ComponentError.ts"
     },
     "src/api/Business.ts::IAdditionalQuestions": {
-      "declaration": "export interface IAdditionalQuestions {\n  business_revenue?: string;\n  business_payment_volume?: string;\n  business_dispute_volume?: string;\n  business_receivable_volume?: string;\n}",
+      "declaration": "export interface IAdditionalQuestions {\n  business_revenue?: string;\n  business_payment_volume?: string;\n  business_when_service_received?: string;\n  business_recurring_payments?: string;\n  business_recurring_payments_percentage?: string;\n  business_seasonal?: string;\n  business_other_payment_details?: string;\n}",
       "docstring": "",
       "path": "src/api/Business.ts"
     },
     "src/api/Business.ts::IBusiness": {
-      "declaration": "export interface IBusiness {\n  additional_questions: IAdditionalQuestions | {};\n  business_type: BusinessType;\n  bank_accounts: BankAccount[];\n  created_at: string;\n  documents: Document[];\n  doing_business_as: string;\n  email: string;\n  id: string;\n  industry: string;\n  legal_address: IAddress | {};\n  legal_name: string;\n  metadata: any;\n  owners: Identity[];\n  phone: string;\n  platform_account_id: string;\n  product_categories: ProductCategories;\n  representative: Identity | {};\n  tax_id: string;\n  updated_at: string;\n  website_url: string;\n}",
+      "declaration": "export interface IBusiness {\n  additional_questions: IAdditionalQuestions | {};\n  business_type: BusinessType;\n  business_structure: BusinessStructure;\n  bank_accounts: BankAccount[];\n  created_at: string;\n  documents: Document[];\n  doing_business_as: string;\n  email: string;\n  id: string;\n  industry: string;\n  legal_address: IAddress | {};\n  legal_name: string;\n  metadata: any;\n  owners: Identity[];\n  phone: string;\n  platform_account_id: string;\n  product_categories: ProductCategories;\n  representative: Identity | {};\n  tax_id: string;\n  updated_at: string;\n  website_url: string;\n  date_of_incorporation?: string;\n}",
       "docstring": "",
       "path": "src/api/Business.ts"
     },

package/dist/esm/{Business-6cb1b9c8.js → Business-6e0efa26.js}

@@ -1,4 +1,4 @@
-import { S as StateOptions } from './state-options-a356fb11.js';
+import { S as StateOptions } from './state-options-c0b757ad.js';
 
 function getStateAbbreviation(stateName) {
     const state = StateOptions.find(s => s.label === stateName);
@@ -76,6 +76,22 @@ var BusinessType;
     BusinessType["non_profit"] = "non_profit";
     BusinessType["government_entity"] = "government_entity";
 })(BusinessType || (BusinessType = {}));
+var BusinessStructure;
+(function (BusinessStructure) {
+    BusinessStructure["sole_proprietorship"] = "sole_proprietorship";
+    BusinessStructure["single_llc"] = "single_llc";
+    BusinessStructure["multi_llc"] = "multi_llc";
+    BusinessStructure["private_partnership"] = "private_partnership";
+    BusinessStructure["private_corporation"] = "private_corporation";
+    BusinessStructure["unincorporated_association"] = "unincorporated_association";
+    BusinessStructure["public_partnership"] = "public_partnership";
+    BusinessStructure["public_corporation"] = "public_corporation";
+    BusinessStructure["incorporated"] = "incorporated";
+    BusinessStructure["unincorporated"] = "unincorporated";
+    BusinessStructure["government_unit"] = "government_unit";
+    BusinessStructure["government_instrumentality"] = "government_instrumentality";
+    BusinessStructure["tax_exempt_government_instrumentality"] = "tax_exempt_government_instrumentality";
+})(BusinessStructure || (BusinessStructure = {}));
 class Address {
     constructor(address) {
         this.id = address.id;
@@ -94,13 +110,17 @@ class AdditionalQuestions {
     constructor(additionalQuestions) {
         this.business_revenue = additionalQuestions.business_revenue;
         this.business_payment_volume = additionalQuestions.business_payment_volume;
-        this.business_dispute_volume = additionalQuestions.business_dispute_volume;
-        this.business_receivable_volume = additionalQuestions.business_receivable_volume;
+        this.business_when_service_received = additionalQuestions.business_when_service_received;
+        this.business_recurring_payments = additionalQuestions.business_recurring_payments;
+        this.business_recurring_payments_percentage = additionalQuestions.business_recurring_payments_percentage;
+        this.business_seasonal = additionalQuestions.business_seasonal;
+        this.business_other_payment_details = additionalQuestions.business_other_payment_details;
     }
 }
 class CoreBusinessInfo {
     constructor(coreBusinessInfo) {
         this.business_type = coreBusinessInfo.business_type;
+        this.business_structure = coreBusinessInfo.business_structure;
         this.legal_name = coreBusinessInfo.legal_name;
         this.doing_business_as = coreBusinessInfo.doing_business_as;
         this.industry = coreBusinessInfo.industry;
@@ -108,13 +128,15 @@ class CoreBusinessInfo {
         this.website_url = coreBusinessInfo.website_url;
         this.email = coreBusinessInfo.email;
         this.phone = coreBusinessInfo.phone;
+        this.date_of_incorporation = coreBusinessInfo.date_of_incorporation;
     }
 }
 class Business {
     constructor(business) {
-        this.additional_questions = business.additional_questions || {};
+        this.additional_questions = Object.assign({}, new AdditionalQuestions(business.additional_questions || {}));
         this.bank_accounts = business.bank_accounts;
         this.business_type = business.business_type;
+        this.business_structure = business.business_structure;
         this.created_at = business.created_at;
         this.documents = business.documents;
         this.doing_business_as = business.doing_business_as;
@@ -132,7 +154,8 @@ class Business {
         this.tax_id = business.tax_id;
         this.updated_at = business.updated_at;
         this.website_url = business.website_url;
+        this.date_of_incorporation = business.date_of_incorporation;
     }
 }
 
-export { AdditionalQuestions as A, Business as B, CoreBusinessInfo as C, Owner as O, Representative as R, BusinessType as a, Address as b, deconstructDate as d };
+export { AdditionalQuestions as A, Business as B, CoreBusinessInfo as C, Owner as O, Representative as R, BusinessType as a, BusinessStructure as b, Address as c, deconstructDate as d };

package/dist/esm/additional-questions-details_5.entry.js

@@ -10,10 +10,10 @@ const AdditionalQuestionsDetails = class {
         this.additionalQuestions = undefined;
     }
     render() {
-        var _a, _b, _c, _d;
+        var _a, _b;
         if (isEmptyObject(this.additionalQuestions))
             return null;
-        return (h(Host, null, h(DetailSectionTitle, { sectionTitle: "Additional Questions" }), h("div", { class: "d-table gap-2 w-100" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Revenue", value: (_a = this.additionalQuestions.business_revenue) === null || _a === void 0 ? void 0 : _a.toString() }), h(DetailItem, { title: "Business Payment Volume", value: (_b = this.additionalQuestions.business_payment_volume) === null || _b === void 0 ? void 0 : _b.toString() })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Dispute Volume", value: (_c = this.additionalQuestions.business_dispute_volume) === null || _c === void 0 ? void 0 : _c.toString() }), h(DetailItem, { title: "Business Receivable Volume", value: (_d = this.additionalQuestions.business_receivable_volume) === null || _d === void 0 ? void 0 : _d.toString() }))))));
+        return (h(Host, null, h(DetailSectionTitle, { sectionTitle: "Additional Questions" }), h("div", { class: "d-table gap-2 w-100" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Revenue", value: (_a = this.additionalQuestions.business_revenue) === null || _a === void 0 ? void 0 : _a.toString() }), h(DetailItem, { title: "Business Payment Volume", value: (_b = this.additionalQuestions.business_payment_volume) === null || _b === void 0 ? void 0 : _b.toString() }))))));
     }
 };
 AdditionalQuestionsDetails.style = additionalQuestionsDetailsCss;
@@ -26,10 +26,10 @@ const GenericInfoDetails = class {
         this.business = undefined;
     }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         if (!this.business)
             return null;
-        return (h(Host, null, h(DetailSectionTitle, { sectionTitle: "Business Generic Info Details" }), h("div", { class: "d-table gap-2 w-100" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Legal Name", value: (_a = this.business) === null || _a === void 0 ? void 0 : _a.legal_name }), h(DetailItem, { title: "Doing Business As (DBA)", value: (_b = this.business) === null || _b === void 0 ? void 0 : _b.doing_business_as }), h(DetailItem, { title: "Business Type", value: snakeCaseToHumanReadable((_c = this.business) === null || _c === void 0 ? void 0 : _c.business_type) }), h(DetailItem, { title: "Industry", value: (_d = this.business) === null || _d === void 0 ? void 0 : _d.industry })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Tax ID", value: (_e = this.business) === null || _e === void 0 ? void 0 : _e.tax_id }), h(DetailItem, { title: "Website URL", value: (_f = this.business) === null || _f === void 0 ? void 0 : _f.website_url }), h(DetailItem, { title: "Email Address", value: (_g = this.business) === null || _g === void 0 ? void 0 : _g.email }), h(DetailItem, { title: "Phone Number", value: (_h = this.business) === null || _h === void 0 ? void 0 : _h.phone }))))));
+        return (h(Host, null, h(DetailSectionTitle, { sectionTitle: "Business Generic Info Details" }), h("div", { class: "d-table gap-2 w-100" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Legal Name", value: (_a = this.business) === null || _a === void 0 ? void 0 : _a.legal_name }), h(DetailItem, { title: "Doing Business As (DBA)", value: (_b = this.business) === null || _b === void 0 ? void 0 : _b.doing_business_as }), h(DetailItem, { title: "Business Type", value: snakeCaseToHumanReadable((_c = this.business) === null || _c === void 0 ? void 0 : _c.business_type) }), h(DetailItem, { title: "Business Structure", value: snakeCaseToHumanReadable((_d = this.business) === null || _d === void 0 ? void 0 : _d.business_structure) }), h(DetailItem, { title: "Industry", value: (_e = this.business) === null || _e === void 0 ? void 0 : _e.industry })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Tax ID", value: (_f = this.business) === null || _f === void 0 ? void 0 : _f.tax_id }), h(DetailItem, { title: "Website URL", value: (_g = this.business) === null || _g === void 0 ? void 0 : _g.website_url }), h(DetailItem, { title: "Email Address", value: (_h = this.business) === null || _h === void 0 ? void 0 : _h.email }), h(DetailItem, { title: "Phone Number", value: (_j = this.business) === null || _j === void 0 ? void 0 : _j.phone }))))));
     }
 };
 GenericInfoDetails.style = genericInfoDetailsCss;

package/dist/esm/business-additional-questions-schema-8e742129.js

@@ -0,0 +1,54 @@
+import { c as create$3 } from './index.esm-22b47398.js';
+import { b as businessNameValidation, w as websiteUrlValidation, e as emailValidation, c as phoneValidation, d as doingBusinessAsValidation, f as businessTypeValidation, g as businessStructureValidation, h as industryValidation, t as taxIdValidation, j as dateOfIncorporationValidation, r as revenueValidation, k as paymentVolumeValidation, l as whenServiceReceivedValidation, m as recurringPaymentsValidation, n as recurringPaymentsPercentageValidation, s as seasonalBusinessValidation, o as otherPaymentDetailsValidation } from './payload-parsers-73c12fa2.js';
+
+const businessCoreInfoSchema = (allowOptionalFields) => {
+    const schema = create$3({
+        legal_name: businessNameValidation.required('Enter legal name'),
+        website_url: websiteUrlValidation.required('Enter business website url'),
+        email: emailValidation.required('Enter business email'),
+        phone: phoneValidation.required('Enter phone number'),
+        doing_business_as: doingBusinessAsValidation.required('Enter doing business as'),
+        business_type: businessTypeValidation.required('Select business type'),
+        business_structure: businessStructureValidation.required('Select business structure'),
+        industry: industryValidation.required('Enter a business industry'),
+        tax_id: taxIdValidation.required('Enter tax id'),
+        date_of_incorporation: dateOfIncorporationValidation.required('Enter date of incorporation'),
+    });
+    const easySchema = create$3({
+        legal_name: businessNameValidation.required('Enter legal name'),
+        website_url: websiteUrlValidation.nullable(),
+        email: emailValidation.nullable(),
+        phone: phoneValidation.nullable(),
+        doing_business_as: doingBusinessAsValidation.nullable(),
+        business_type: businessTypeValidation.nullable(),
+        business_structure: businessStructureValidation.nullable(),
+        industry: industryValidation.nullable(),
+        tax_id: taxIdValidation.nullable(),
+        date_of_incorporation: dateOfIncorporationValidation.nullable(),
+    });
+    return allowOptionalFields ? easySchema : schema;
+};
+
+const additionalQuestionsSchema = (allowOptionalFields) => {
+    const schema = create$3({
+        business_revenue: revenueValidation.required('Enter business revenue'),
+        business_payment_volume: paymentVolumeValidation.required('Enter business payment volume'),
+        business_when_service_received: whenServiceReceivedValidation.required('Select when service is received'),
+        business_recurring_payments: recurringPaymentsValidation.required('Select recurring payments'),
+        business_recurring_payments_percentage: recurringPaymentsPercentageValidation,
+        business_seasonal: seasonalBusinessValidation.required('Select business seasonal'),
+        business_other_payment_details: otherPaymentDetailsValidation.nullable(),
+    });
+    const easySchema = create$3({
+        business_revenue: revenueValidation.nullable(),
+        business_payment_volume: paymentVolumeValidation.nullable(),
+        business_when_service_received: whenServiceReceivedValidation.nullable(),
+        business_recurring_payments: recurringPaymentsValidation.nullable(),
+        business_recurring_payments_percentage: recurringPaymentsPercentageValidation,
+        business_seasonal: seasonalBusinessValidation.nullable(),
+        business_other_payment_details: otherPaymentDetailsValidation.nullable(),
+    });
+    return allowOptionalFields ? easySchema : schema;
+};
+
+export { additionalQuestionsSchema as a, businessCoreInfoSchema as b };