@justifi/webcomponents 4.12.0 → 4.12.2

package/dist/module/justifi-business-details.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { E as ErrorState } from './utils.js';
 import { c as config } from './config.js';
 import { A as Api } from './Api.js';
-import { a as Business } from './Business.js';
+import { b as Business } from './Business.js';
 import { C as ComponentErrorSeverity, g as getErrorMessage, a as getErrorCode, b as ComponentErrorCodes } from './utils3.js';
 import { d as defineCustomElement$7 } from './additional-questions-details2.js';
 import { d as defineCustomElement$6 } from './business-details-core2.js';

package/dist/module/justifi-business-form.js

@@ -9,14 +9,13 @@ import { A as Api } from './Api.js';
 import './Pagination.js';
 import './Payment.js';
 import './Payout.js';
-import { d as parseBusiness } from './payload-parsers.js';
+import { g as parseBusiness } from './payload-parsers.js';
 import { c as config } from './config.js';
 import { F as FormAlert } from './utils4.js';
-import { B as BusinessFormServerErrors, b as BusinessFormClickActions } from './business-form-types.js';
-import { a as Business } from './Business.js';
-import { d as defineCustomElement$c } from './form-control-date2.js';
-import { d as defineCustomElement$b } from './form-control-monetary2.js';
-import { d as defineCustomElement$a } from './form-control-number2.js';
+import { B as BusinessFormServerErrors, c as BusinessFormClickActions } from './business-form-types.js';
+import { b as Business } from './Business.js';
+import { d as defineCustomElement$b } from './form-control-date2.js';
+import { d as defineCustomElement$a } from './form-control-monetary2.js';
 import { d as defineCustomElement$9 } from './form-control-number-masked2.js';
 import { d as defineCustomElement$8 } from './form-control-select2.js';
 import { d as defineCustomElement$7 } from './form-control-text2.js';
@@ -134,7 +133,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-business-form", "form-control-date", "form-control-monetary", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text", "justifi-additional-questions", "justifi-business-core-info", "justifi-business-representative", "justifi-identity-address-form", "justifi-legal-address-form"];
+    const components = ["justifi-business-form", "form-control-date", "form-control-monetary", "form-control-number-masked", "form-control-select", "form-control-text", "justifi-additional-questions", "justifi-business-core-info", "justifi-business-representative", "justifi-identity-address-form", "justifi-legal-address-form"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-business-form":
             if (!customElements.get(tagName)) {
@@ -142,16 +141,11 @@ function defineCustomElement$1() {
             }
             break;
         case "form-control-date":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "form-control-monetary":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "form-control-number":
+        case "form-control-monetary":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }

package/dist/module/justifi-business-list.js

@@ -3,7 +3,7 @@ import { A as Api } from './Api.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
 import './Payout.js';
-import { a as Business } from './Business.js';
+import { b as Business } from './Business.js';
 import { s as snakeCaseToHumanReadable, e as formatDate } from './utils2.js';
 import { c as config } from './config.js';
 import { d as defineCustomElement$3 } from './table.js';

package/dist/module/justifi-payment-provisioning.js

@@ -1,9 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { F as FormAlert, L as LoadingSpinner } from './utils4.js';
-import { b as BusinessFormClickActions } from './business-form-types.js';
-import { d as defineCustomElement$e } from './form-control-date2.js';
-import { d as defineCustomElement$d } from './form-control-monetary2.js';
-import { d as defineCustomElement$c } from './form-control-number2.js';
+import { c as BusinessFormClickActions } from './business-form-types.js';
+import { d as defineCustomElement$d } from './form-control-date2.js';
+import { d as defineCustomElement$c } from './form-control-monetary2.js';
 import { d as defineCustomElement$b } from './form-control-number-masked2.js';
 import { d as defineCustomElement$a } from './form-control-select2.js';
 import { d as defineCustomElement$9 } from './form-control-text2.js';
@@ -116,7 +115,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payment-provisioning", "form-control-date", "form-control-monetary", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text", "justifi-additional-questions-form-step", "justifi-business-core-info-form-step", "justifi-business-owners-form-step", "justifi-business-representative-form-step", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-owner-form"];
+    const components = ["justifi-payment-provisioning", "form-control-date", "form-control-monetary", "form-control-number-masked", "form-control-select", "form-control-text", "justifi-additional-questions-form-step", "justifi-business-core-info-form-step", "justifi-business-owners-form-step", "justifi-business-representative-form-step", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-owner-form"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payment-provisioning":
             if (!customElements.get(tagName)) {
@@ -124,16 +123,11 @@ function defineCustomElement$1() {
             }
             break;
         case "form-control-date":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "form-control-monetary":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "form-control-number":
+        case "form-control-monetary":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }

package/dist/module/legal-address-form-step.js

@@ -1,8 +1,8 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { F as FormController } from './form.js';
 import { A as Api } from './Api.js';
-import { b as Address } from './Business.js';
-import { f as parseAddressInfo } from './payload-parsers.js';
+import { c as Address } from './Business.js';
+import { u as parseAddressInfo } from './payload-parsers.js';
 import { a as addressSchema } from './business-address-schema.js';
 import { c as config } from './config.js';
 import { B as BusinessFormServerErrors } from './business-form-types.js';

package/dist/module/owner-form.js

@@ -1,19 +1,18 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { F as FormController } from './form.js';
-import { P as PHONE_MASKS } from './form-input-masks.js';
+import { P as PHONE_MASKS, S as SSN_MASK } from './form-input-masks.js';
 import { A as Api } from './Api.js';
 import './Pagination.js';
 import './Payment.js';
 import './Payout.js';
 import { O as Owner } from './Business.js';
-import { e as parseIdentityInfo } from './payload-parsers.js';
+import { r as parseIdentityInfo } from './payload-parsers.js';
 import { i as identitySchema } from './business-identity-schema.js';
 import { c as config } from './config.js';
 import { L as LoadingSpinner } from './utils4.js';
 import { d as deconstructDate } from './helpers.js';
-import { c as OwnerFormServerErrors, O as OwnerFormClickActions } from './business-form-types.js';
-import { d as defineCustomElement$6 } from './form-control-date2.js';
-import { d as defineCustomElement$5 } from './form-control-number2.js';
+import { d as OwnerFormServerErrors, O as OwnerFormClickActions } from './business-form-types.js';
+import { d as defineCustomElement$5 } from './form-control-date2.js';
 import { d as defineCustomElement$4 } from './form-control-number-masked2.js';
 import { d as defineCustomElement$3 } from './form-control-select2.js';
 import { d as defineCustomElement$2 } from './form-control-text2.js';
@@ -176,7 +175,7 @@ const BusinessOwnerForm = /*@__PURE__*/ proxyCustomElement(class BusinessOwnerFo
     }
     render() {
         const ownerDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { exportparts: "label,input,input-invalid" }, h("form", { onSubmit: this.validateAndSubmit }, h("fieldset", null, h("legend", null, this.formTitle), h("div", { class: 'row gy-3' }, h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "name", label: "Full Name", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.name, error: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-text", { name: "title", label: "Title", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.title, error: this.errors.title, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Email Address", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "dob_full", label: "Birth Date", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.dob_full, error: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { class: "col-12 col-md-8" }, h("form-control-number", { name: "identification_number", label: "SSN", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.identification_number, error: this.errors.identification_number, inputHandler: this.inputHandler })), h("div", { class: "col-12" }, h("justifi-identity-address-form", { errors: this.errors.address, defaultValues: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })), h("div", { class: "container d-flex gap-2" }, h("button", { type: "submit", class: `btn btn-primary jfi-submit-button${this.isLoading ? ' jfi-submit-button-loading' : ''}`, onClick: () => this.handleAddOwner(), disabled: this.isLoading }, this.isLoading ? LoadingSpinner() : this.submitButtonText), this.showRemoveButton &&
+        return (h(Host, { exportparts: "label,input,input-invalid" }, h("form", { onSubmit: this.validateAndSubmit }, h("fieldset", null, h("legend", null, this.formTitle), h("div", { class: 'row gy-3' }, h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "name", label: "Full Name", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.name, error: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-text", { name: "title", label: "Title", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.title, error: this.errors.title, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Email Address", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "dob_full", label: "Birth Date", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.dob_full, error: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { class: "col-12 col-md-8" }, h("form-control-number-masked", { name: "identification_number", label: "SSN", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.identification_number, error: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { class: "col-12" }, h("justifi-identity-address-form", { errors: this.errors.address, defaultValues: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })), h("div", { class: "container d-flex gap-2" }, h("button", { type: "submit", class: `btn btn-primary jfi-submit-button${this.isLoading ? ' jfi-submit-button-loading' : ''}`, onClick: () => this.handleAddOwner(), disabled: this.isLoading }, this.isLoading ? LoadingSpinner() : this.submitButtonText), this.showRemoveButton &&
             h("button", { type: "button", class: "btn btn-danger", onClick: () => this.handleRemoveOwner() }, "Remove owner"))), h("hr", null)))));
     }
     static get watchers() { return {
@@ -204,7 +203,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-owner-form", "form-control-date", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text", "justifi-identity-address-form"];
+    const components = ["justifi-owner-form", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "justifi-identity-address-form"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-owner-form":
             if (!customElements.get(tagName)) {
@@ -212,11 +211,6 @@ function defineCustomElement() {
             }
             break;
         case "form-control-date":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "form-control-number":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }

package/dist/module/payload-parsers.js

@@ -1,3 +1,7 @@
+import { a as create$6 } from './index.esm.js';
+import { a as BusinessTypeOptions, b as BusinessStructureOptions } from './business-form-types.js';
+import { S as StateOptions } from './state-options.js';
+
 const transformEmptyString = (value) => {
     return value === '' ? null : value;
 };
@@ -6,6 +10,99 @@ const phoneRegex = /^\d{10}$/;
 const urlRegex = /^(?:http(s)?:\/\/)?(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)$/;
 const taxIdRegex = /^\d{9}$/;
 const stringLettersOnlyRegex = /^(?!^\s+$)[a-zA-Z\s]*$/;
+const ssnRegex = /^(?!000|666|9\d{2})\d{3}(?!00)\d{2}(?!0000)\d{4}$/;
+
+// Common Validations
+const emailValidation = create$6()
+    .email('Enter valid email')
+    .transform(transformEmptyString);
+const phoneValidation = create$6()
+    .matches(phoneRegex, 'Enter valid phone number')
+    .transform(transformEmptyString);
+// Core Info Validations
+const businessNameValidation = create$6()
+    .min(2, 'Name must be at least 2 characters')
+    .max(100, 'Name must be less than 100 characters')
+    .matches(businessNameRegex, 'Enter valid business name')
+    .transform(transformEmptyString);
+const doingBusinessAsValidation = create$6()
+    .min(2, 'Name must be at least 2 characters')
+    .max(100, 'Name must be less than 100 characters')
+    .matches(businessNameRegex, 'Enter valid doing business as')
+    .transform(transformEmptyString);
+const websiteUrlValidation = create$6()
+    .matches(urlRegex, 'Enter valid website url')
+    .transform(transformEmptyString);
+const businessTypeValidation = create$6()
+    .oneOf(BusinessTypeOptions.map((option) => option.value), 'Select business type')
+    .transform(transformEmptyString);
+const businessStructureValidation = create$6()
+    .oneOf(BusinessStructureOptions.map((option) => option.value), 'Select business structure')
+    .transform(transformEmptyString);
+const industryValidation = create$6()
+    .min(2, 'Industry must be at least 2 characters')
+    .max(50, 'Industry must be less than 50 characters')
+    .matches(stringLettersOnlyRegex, 'Enter valid industry')
+    .transform(transformEmptyString);
+const taxIdValidation = create$6()
+    .matches(taxIdRegex, 'Enter valid tax id')
+    .transform(transformEmptyString);
+// Identity Validations
+const identityNameValidation = create$6()
+    .min(2, 'Name must be at least 2 characters')
+    .max(100, 'Name must be less than 100 characters')
+    .matches(stringLettersOnlyRegex, 'Enter valid name')
+    .transform(transformEmptyString);
+const identityTitleValidation = create$6()
+    .min(2, 'Title must be at least 2 characters')
+    .max(50, 'Title must be less than 50 characters')
+    .matches(stringLettersOnlyRegex, 'Enter valid title')
+    .transform(transformEmptyString);
+const dobValidation = (role) => {
+    return (create$6()
+        .test('min', 'Enter a valid date', (value) => {
+        const date = new Date(value);
+        const minDate = new Date('1902-01-01');
+        return date >= minDate;
+    })
+        .test('age', `${role} must be at least 18 years old`, (value) => {
+        const date = new Date(value);
+        const minAgeDate = new Date();
+        minAgeDate.setFullYear(minAgeDate.getFullYear() - 18);
+        return date <= minAgeDate;
+    })
+        .transform(transformEmptyString));
+};
+const ssnValidation = create$6()
+    .matches(ssnRegex, 'Enter valid SSN')
+    .test('not-repeat', 'Enter valid SSN', (value) => {
+    return !/^(\d)\1+$/.test(value);
+})
+    .test('not-seq', 'Enter valid SSN', (value) => {
+    return value !== '123456789';
+})
+    .transform(transformEmptyString);
+// Address Validations
+const lineOneValidation = create$6()
+    .min(5, 'Address must be at least 5 characters')
+    .max(100, 'Address must be less than 100 characters')
+    .matches(/^(?!^\s+$)[a-zA-Z0-9\s,.'-]*$/, 'Enter valid address line 1')
+    .transform(transformEmptyString);
+const lineTwoValidation = create$6()
+    .max(100, 'Address must be less than 100 characters')
+    .matches(/^(?!^\s+$)[a-zA-Z0-9\s,.'-]*$/, 'Enter valid address line 2')
+    .transform(transformEmptyString);
+const cityValidation = create$6()
+    .min(2, 'City must be at least 2 characters')
+    .max(50, 'City must be less than 50 characters')
+    .matches(/^(?!^\s+$)[a-zA-Z\s]*$/, 'Enter valid city')
+    .transform(transformEmptyString);
+const stateValidation = create$6()
+    .oneOf(StateOptions.map((option) => option.value), 'Select state')
+    .transform(transformEmptyString);
+const postalValidation = create$6()
+    .matches(/^[0-9]{5}$/, 'Enter valid postal code')
+    .transform(transformEmptyString);
 
 // These props should not be sent to the server
 // This function is for the larger business form. 
@@ -43,7 +140,8 @@ const parseIdentityInfo = (values) => {
     delete values.address.updated_at;
     delete values.business_id;
     delete values.dob_full;
+    delete values.ssn_last4;
     return values;
 };
 
-export { phoneRegex as a, businessNameRegex as b, taxIdRegex as c, parseBusiness as d, parseIdentityInfo as e, parseAddressInfo as f, parseCoreInfo as p, stringLettersOnlyRegex as s, transformEmptyString as t, urlRegex as u };
+export { phoneValidation as a, businessNameValidation as b, businessTypeValidation as c, doingBusinessAsValidation as d, emailValidation as e, businessStructureValidation as f, parseBusiness as g, identityNameValidation as h, industryValidation as i, identityTitleValidation as j, dobValidation as k, lineOneValidation as l, lineTwoValidation as m, cityValidation as n, stateValidation as o, parseCoreInfo as p, postalValidation as q, parseIdentityInfo as r, ssnValidation as s, taxIdValidation as t, parseAddressInfo as u, websiteUrlValidation as w };

package/dist/module/payment-method-form.js

@@ -1490,7 +1490,7 @@ const MessageEventType = {
 };
 
 const name = "@justifi/webcomponents";
-const version = "4.12.0";
+const version = "4.12.2";
 const description = "JustiFi Web Components";
 const main = "dist/module/index.js";
 const module = "dist/module/index.js";
@@ -1724,11 +1724,11 @@ const PaymentMethodForm = /*@__PURE__*/ proxyCustomElement(class PaymentMethodFo
     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: () => {
                 iframeResizer({
                     scrollbars: false,
                 }, this.iframeElement);
-                this.initializeFrameCommunicationService();
                 this.sendStyleOverrides();
             } })));
     }

package/dist/types/api/Business.d.ts

@@ -6,6 +6,21 @@ export declare enum BusinessType {
     non_profit = "non_profit",
     government_entity = "government_entity"
 }
+export declare enum BusinessStructure {
+    sole_proprietorship = "sole_proprietorship",
+    single_llc = "single_llc",
+    multi_llc = "multi_llc",
+    private_partnership = "private_partnership",
+    private_corporation = "private_corporation",
+    unincorporated_association = "unincorporated_association",
+    public_partnership = "public_partnership",
+    public_corporation = "public_corporation",
+    incorporated = "incorporated",
+    unincorporated = "unincorporated",
+    government_unit = "government_unit",
+    government_instrumentality = "government_instrumentality",
+    tax_exempt_government_instrumentality = "tax_exempt_government_instrumentality"
+}
 export interface IAddress {
     id?: string;
     platform_account_id?: string;
@@ -67,6 +82,7 @@ export declare class AdditionalQuestions implements IAdditionalQuestions {
 }
 export interface ICoreBusinessInfo {
     business_type?: BusinessType;
+    business_structure?: BusinessStructure;
     legal_name?: string;
     doing_business_as?: string;
     industry?: string;
@@ -77,6 +93,7 @@ export interface ICoreBusinessInfo {
 }
 export declare class CoreBusinessInfo implements ICoreBusinessInfo {
     business_type: BusinessType;
+    business_structure: BusinessStructure;
     legal_name: string;
     doing_business_as: string;
     industry: string;
@@ -89,6 +106,7 @@ export declare class CoreBusinessInfo implements ICoreBusinessInfo {
 export interface IBusiness {
     additional_questions: IAdditionalQuestions | {};
     business_type: BusinessType;
+    business_structure: BusinessStructure;
     bank_accounts: BankAccount[];
     created_at: string;
     documents: Document[];
@@ -111,6 +129,7 @@ export interface IBusiness {
 export declare class Business implements IBusiness {
     additional_questions: IAdditionalQuestions | {};
     business_type: BusinessType;
+    business_structure: BusinessStructure;
     bank_accounts: BankAccount[];
     created_at: string;
     documents: Document[];

package/dist/types/api/Identity.d.ts

@@ -14,6 +14,7 @@ export interface Identity {
     name?: string;
     phone?: string;
     platform_account_id?: string;
+    identification_number?: string;
     ssn_last4?: string;
     title?: string;
     updated_at?: string;
@@ -34,6 +35,7 @@ export declare class Owner implements Identity {
     name?: string;
     phone?: string;
     platform_account_id?: string;
+    identification_number?: string;
     ssn_last4?: string;
     title?: string;
     updated_at?: string;
@@ -55,6 +57,7 @@ export declare class Representative implements Identity {
     name?: string;
     phone?: string;
     platform_account_id?: string;
+    identification_number?: string;
     ssn_last4?: string;
     title?: string;
     updated_at?: string;

package/dist/types/components/business-forms/schemas/business-core-info-schema.d.ts

@@ -5,6 +5,7 @@ export declare const businessCoreInfoSchema: (allowOptionalFields?: boolean) =>
     phone: string;
     doing_business_as: string;
     business_type: string;
+    business_structure: string;
     industry: string;
     tax_id: string;
 }, import("yup").AnyObject, {
@@ -14,6 +15,7 @@ export declare const businessCoreInfoSchema: (allowOptionalFields?: boolean) =>
     phone: undefined;
     doing_business_as: undefined;
     business_type: undefined;
+    business_structure: undefined;
     industry: undefined;
     tax_id: undefined;
 }, "">;

package/dist/types/components/business-forms/schemas/business-form-schema.d.ts

@@ -22,6 +22,7 @@ export declare const businessFormSchema: import("yup").ObjectSchema<{
             postal_code?: string;
             country?: string;
         };
+        title?: string;
         name?: string;
         email?: string;
         phone?: string;
@@ -34,6 +35,7 @@ export declare const businessFormSchema: import("yup").ObjectSchema<{
     phone: unknown;
     doing_business_as: unknown;
     business_type: unknown;
+    business_structure: unknown;
     industry: unknown;
     tax_id: unknown;
 }, import("yup").AnyObject, {
@@ -53,6 +55,7 @@ export declare const businessFormSchema: import("yup").ObjectSchema<{
     };
     representative: {
         name: undefined;
+        title: undefined;
         email: undefined;
         phone: undefined;
         dob_full: undefined;
@@ -72,6 +75,7 @@ export declare const businessFormSchema: import("yup").ObjectSchema<{
     phone: undefined;
     doing_business_as: undefined;
     business_type: undefined;
+    business_structure: undefined;
     industry: undefined;
     tax_id: undefined;
 }, "">;

package/dist/types/components/business-forms/schemas/business-identity-schema.d.ts

@@ -1,5 +1,6 @@
-export declare const identitySchema: (title: string, allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
+export declare const identitySchema: (role: string, allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
     name: string;
+    title: string;
     email: string;
     phone: string;
     dob_full: string;
@@ -14,6 +15,7 @@ export declare const identitySchema: (title: string, allowOptionalFields?: boole
     };
 }, import("yup").AnyObject, {
     name: undefined;
+    title: undefined;
     email: undefined;
     phone: undefined;
     dob_full: undefined;

package/dist/types/components/business-forms/schemas/schema-helpers.d.ts

@@ -4,3 +4,4 @@ export declare const phoneRegex: RegExp;
 export declare const urlRegex: RegExp;
 export declare const taxIdRegex: RegExp;
 export declare const stringLettersOnlyRegex: RegExp;
+export declare const ssnRegex: RegExp;

package/dist/types/components/business-forms/schemas/schema-validations.d.ts

@@ -0,0 +1,18 @@
+export declare const emailValidation: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
+export declare const phoneValidation: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
+export declare const businessNameValidation: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
+export declare const doingBusinessAsValidation: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
+export declare const websiteUrlValidation: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
+export declare const businessTypeValidation: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
+export declare const businessStructureValidation: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
+export declare const industryValidation: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
+export declare const taxIdValidation: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
+export declare const identityNameValidation: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
+export declare const identityTitleValidation: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
+export declare const dobValidation: (role: string) => import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
+export declare const ssnValidation: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
+export declare const lineOneValidation: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
+export declare const lineTwoValidation: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
+export declare const cityValidation: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
+export declare const stateValidation: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
+export declare const postalValidation: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;

package/dist/types/components/business-forms/utils/business-form-types.d.ts

@@ -1,4 +1,4 @@
-import { BusinessType } from "../../../api/Business";
+import { BusinessStructure, BusinessType } from "../../../api/Business";
 export interface BusinessFormSubmitEvent {
     data: any;
     metadata?: BusinessFormEventMetaData;
@@ -51,4 +51,8 @@ export declare const BusinessTypeOptions: {
     label: string;
     value: BusinessType | string;
 }[];
+export declare const BusinessStructureOptions: {
+    label: string;
+    value: BusinessStructure | string;
+}[];
 export {};

package/dist/types/utils/form-input-masks.d.ts

@@ -4,3 +4,4 @@ export declare const PHONE_MASKS: {
 export declare const TAX_ID_MASKS: {
     US: string;
 };
+export declare const SSN_MASK = "000-00-0000";

package/dist/webcomponents/p-01913426.js

@@ -0,0 +1 @@
+const s={US:"(000) 000-0000"},a={US:"00-0000000"},S="000-00-0000";export{s as P,S,a as T}

package/dist/webcomponents/{p-3fe05c4a.entry.js → p-18cf5a16.entry.js}

@@ -1 +1 @@
-import{r,h as o,H as s}from"./p-9ee8ad4d.js";import{A as i}from"./p-04c7f8f8.js";import{p as t}from"./p-56f6ce4c.js";import"./p-02fa533c.js";import"./p-e3fab0e2.js";import{B as e}from"./p-5c269619.js";import{s as a,f as n}from"./p-28b38699.js";import{c as b}from"./p-ae263544.js";import"./p-6078a370.js";const c=class{constructor(o){r(this,o),this.mapProductStatusToBadge=r=>r?"bg-success":"bg-secondary",this.handleClickPrevious=r=>{const o=Object.assign({},this.params);delete o.after_cursor,this.params=Object.assign(Object.assign({},o),{before_cursor:r})},this.handleClickNext=r=>{const o=Object.assign({},this.params);delete o.before_cursor,this.params=Object.assign(Object.assign({},o),{after_cursor:r})},this.accountId=void 0,this.authToken=void 0,this.businesses=[],this.loading=!0,this.errorMessage=void 0,this.paging=t,this.params=void 0}updateOnPropChange(){this.fetchData()}connectedCallback(){this.fetchData()}async fetchData(){var r;if(!this.accountId||!this.authToken)return this.errorMessage="Can not fetch any data without an AccountID and an AuthToken",void(this.loading=!1);this.loading=!0;let o={account_id:this.accountId};const s=await i(this.authToken,b.proxyApiOrigin).get("entities/business",Object.assign(Object.assign({},o),this.params));if(s.error)this.errorMessage="string"==typeof s.error?s.error:s.error.message;else{this.paging=Object.assign(Object.assign({},this.paging),s.page_info);const o=null===(r=null==s?void 0:s.data)||void 0===r?void 0:r.map((r=>new e(r)));this.businesses=o}this.loading=!1}render(){return o(s,null,o("justifi-table",{columnData:[["Legal Name","The name associated with this Business"],["Business Type","The business type"],["Tax ID","The tax ID associated with this business"],["Industry","The industry this business participates in"],["Product Ready","List of our products that are used by this business"],["Created at","Date this business was created"]],rowData:this.businesses.map((r=>[r.legal_name,a(r.business_type),r.tax_id,r.industry,{type:"inner",value:`\n                    <div class="d-flex flex-nowrap gap-1">\n                      <span class="badge ${this.mapProductStatusToBadge(r.product_categories.credit)}">Credit</span>\n                      <span class="badge ${this.mapProductStatusToBadge(r.product_categories.insurance)}">Insurance</span>\n                      <span class="badge ${this.mapProductStatusToBadge(r.product_categories.lending)}">Lending</span>\n                      <span class="badge ${this.mapProductStatusToBadge(r.product_categories.payment)}">Payment</span>\n                    </div>\n                  `},n(r.created_at)])),loading:this.loading,"error-message":this.errorMessage,params:this.params,paging:Object.assign(Object.assign({},this.paging),{handleClickNext:this.handleClickNext,handleClickPrevious:this.handleClickPrevious})}))}static get watchers(){return{accountId:["updateOnPropChange"],authToken:["updateOnPropChange"],params:["updateOnPropChange"]}}};c.style=':root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13, 110, 253;--bs-secondary-rgb:108, 117, 125;--bs-success-rgb:25, 135, 84;--bs-info-rgb:13, 202, 240;--bs-warning-rgb:255, 193, 7;--bs-danger-rgb:220, 53, 69;--bs-light-rgb:248, 249, 250;--bs-dark-rgb:33, 37, 41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-font-sans-serif:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33, 37, 41;--bs-body-bg:#fff;--bs-body-bg-rgb:255, 255, 255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0, 0, 0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33, 37, 41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233, 236, 239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33, 37, 41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248, 249, 250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13, 110, 253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10, 88, 202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222, 226, 230;--bs-body-bg:#212529;--bs-body-bg-rgb:33, 37, 41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255, 255, 255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222, 226, 230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52, 58, 64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222, 226, 230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43, 48, 53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110, 168, 254;--bs-link-hover-color-rgb:139, 185, 254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}.spinner-grow,.spinner-border{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg) }}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff !important;background-color:RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-secondary{color:#fff !important;background-color:RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-success{color:#fff !important;background-color:RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-info{color:#000 !important;background-color:RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-warning{color:#000 !important;background-color:RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-danger{color:#fff !important;background-color:RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-light{color:#000 !important;background-color:RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-dark{color:#fff !important;background-color:RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important}.link-primary{color:RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-primary:hover,.link-primary:focus{color:RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important}.link-secondary{color:RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-secondary:hover,.link-secondary:focus{color:RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important}.link-success{color:RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-success:hover,.link-success:focus{color:RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important}.link-info{color:RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-info:hover,.link-info:focus{color:RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important}.link-warning{color:RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-warning:hover,.link-warning:focus{color:RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important}.link-danger{color:RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-danger:hover,.link-danger:focus{color:RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important}.link-light{color:RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-light:hover,.link-light:focus{color:RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important}.link-dark{color:RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-dark:hover,.link-dark:focus{color:RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis:hover,.link-body-emphasis:focus{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:0.375rem;align-items:center;text-decoration-color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));text-underline-offset:0.25em;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:0.2s ease-in-out transform}@media (prefers-reduced-motion: reduce){.icon-link>.bi{transition:none}}.icon-link-hover:hover>.bi,.icon-link-hover:focus-visible>.bi{transform:var(--bs-icon-link-transform, translate3d(0.25em, 0, 0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width: 576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden:not(caption),.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute !important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:0.25}:host{font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529}';export{c as justifi_business_list}
+import{r,h as o,H as s}from"./p-9ee8ad4d.js";import{A as i}from"./p-04c7f8f8.js";import{p as t}from"./p-56f6ce4c.js";import"./p-02fa533c.js";import"./p-e3fab0e2.js";import{B as e}from"./p-e3946c2b.js";import{s as a,f as n}from"./p-28b38699.js";import{c as b}from"./p-ae263544.js";import"./p-6078a370.js";const c=class{constructor(o){r(this,o),this.mapProductStatusToBadge=r=>r?"bg-success":"bg-secondary",this.handleClickPrevious=r=>{const o=Object.assign({},this.params);delete o.after_cursor,this.params=Object.assign(Object.assign({},o),{before_cursor:r})},this.handleClickNext=r=>{const o=Object.assign({},this.params);delete o.before_cursor,this.params=Object.assign(Object.assign({},o),{after_cursor:r})},this.accountId=void 0,this.authToken=void 0,this.businesses=[],this.loading=!0,this.errorMessage=void 0,this.paging=t,this.params=void 0}updateOnPropChange(){this.fetchData()}connectedCallback(){this.fetchData()}async fetchData(){var r;if(!this.accountId||!this.authToken)return this.errorMessage="Can not fetch any data without an AccountID and an AuthToken",void(this.loading=!1);this.loading=!0;let o={account_id:this.accountId};const s=await i(this.authToken,b.proxyApiOrigin).get("entities/business",Object.assign(Object.assign({},o),this.params));if(s.error)this.errorMessage="string"==typeof s.error?s.error:s.error.message;else{this.paging=Object.assign(Object.assign({},this.paging),s.page_info);const o=null===(r=null==s?void 0:s.data)||void 0===r?void 0:r.map((r=>new e(r)));this.businesses=o}this.loading=!1}render(){return o(s,null,o("justifi-table",{columnData:[["Legal Name","The name associated with this Business"],["Business Type","The business type"],["Tax ID","The tax ID associated with this business"],["Industry","The industry this business participates in"],["Product Ready","List of our products that are used by this business"],["Created at","Date this business was created"]],rowData:this.businesses.map((r=>[r.legal_name,a(r.business_type),r.tax_id,r.industry,{type:"inner",value:`\n                    <div class="d-flex flex-nowrap gap-1">\n                      <span class="badge ${this.mapProductStatusToBadge(r.product_categories.credit)}">Credit</span>\n                      <span class="badge ${this.mapProductStatusToBadge(r.product_categories.insurance)}">Insurance</span>\n                      <span class="badge ${this.mapProductStatusToBadge(r.product_categories.lending)}">Lending</span>\n                      <span class="badge ${this.mapProductStatusToBadge(r.product_categories.payment)}">Payment</span>\n                    </div>\n                  `},n(r.created_at)])),loading:this.loading,"error-message":this.errorMessage,params:this.params,paging:Object.assign(Object.assign({},this.paging),{handleClickNext:this.handleClickNext,handleClickPrevious:this.handleClickPrevious})}))}static get watchers(){return{accountId:["updateOnPropChange"],authToken:["updateOnPropChange"],params:["updateOnPropChange"]}}};c.style=':root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13, 110, 253;--bs-secondary-rgb:108, 117, 125;--bs-success-rgb:25, 135, 84;--bs-info-rgb:13, 202, 240;--bs-warning-rgb:255, 193, 7;--bs-danger-rgb:220, 53, 69;--bs-light-rgb:248, 249, 250;--bs-dark-rgb:33, 37, 41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255, 255, 255;--bs-black-rgb:0, 0, 0;--bs-font-sans-serif:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33, 37, 41;--bs-body-bg:#fff;--bs-body-bg-rgb:255, 255, 255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0, 0, 0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33, 37, 41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233, 236, 239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33, 37, 41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248, 249, 250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13, 110, 253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10, 88, 202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222, 226, 230;--bs-body-bg:#212529;--bs-body-bg-rgb:33, 37, 41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255, 255, 255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222, 226, 230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52, 58, 64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222, 226, 230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43, 48, 53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110, 168, 254;--bs-link-hover-color-rgb:139, 185, 254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}.spinner-grow,.spinner-border{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg) }}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion: reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff !important;background-color:RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-secondary{color:#fff !important;background-color:RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-success{color:#fff !important;background-color:RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-info{color:#000 !important;background-color:RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-warning{color:#000 !important;background-color:RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-danger{color:#fff !important;background-color:RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-light{color:#000 !important;background-color:RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important}.text-bg-dark{color:#fff !important;background-color:RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important}.link-primary{color:RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-primary:hover,.link-primary:focus{color:RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important}.link-secondary{color:RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-secondary:hover,.link-secondary:focus{color:RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important}.link-success{color:RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-success:hover,.link-success:focus{color:RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important}.link-info{color:RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-info:hover,.link-info:focus{color:RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important}.link-warning{color:RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-warning:hover,.link-warning:focus{color:RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important}.link-danger{color:RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-danger:hover,.link-danger:focus{color:RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important}.link-light{color:RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-light:hover,.link-light:focus{color:RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important}.link-dark{color:RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-dark:hover,.link-dark:focus{color:RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important}.link-body-emphasis:hover,.link-body-emphasis:focus{color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:0.375rem;align-items:center;text-decoration-color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));text-underline-offset:0.25em;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:0.2s ease-in-out transform}@media (prefers-reduced-motion: reduce){.icon-link>.bi{transition:none}}.icon-link-hover:hover>.bi,.icon-link-hover:focus-visible>.bi{transform:var(--bs-icon-link-transform, translate3d(0.25em, 0, 0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width: 576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width: 1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.visually-hidden:not(caption),.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute !important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:0.25}:host{font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529}';export{c as justifi_business_list}