@justifi/webcomponents 6.1.0-rc.2 → 6.1.0-rc.3

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

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 import { FormController } from '../../../ui-components/form/form';
 import { Identity, Owner } from '../../../api/Identity';
 import { ComponentClickEvent, ComponentErrorEvent } from '../../../api/ComponentEvents';
+import { CountryCode } from '../../../utils/country-codes';
 export declare class BusinessOwnerFormCore {
     isLoading: boolean;
     formController: FormController;
@@ -16,6 +17,7 @@ export declare class BusinessOwnerFormCore {
     removeOwner: (id: string) => void;
     newFormOpen?: boolean;
     ownersLength?: number;
+    country: CountryCode;
     loadingWatcher(): void;
     clickEvent: EventEmitter<ComponentClickEvent>;
     errorEvent: EventEmitter<ComponentErrorEvent>;

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

@@ -1,8 +1,11 @@
 import { FormController } from '../../../components';
+import { CountryCode } from '../../../utils/country-codes';
 export declare class BusinessOwnerFormInputs {
     ownerDefaultValue: any;
     errors: any;
     formController: FormController;
+    country: CountryCode;
+    isEditingIdentification: boolean;
     inputHandler: (name: string, value: string) => void;
     onAddressFormUpdate: (values: any) => void;
     render(): any;

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { ComponentErrorEvent } from '../../../api/ComponentEvents';
+import { CountryCode } from '../../../utils/country-codes';
 export declare class BusinessOwnerForm {
     coreComponent: HTMLOwnerFormCoreElement;
     getOwner: Function;
@@ -12,6 +13,7 @@ export declare class BusinessOwnerForm {
     removeOwner: (id: string) => void;
     newFormOpen?: boolean;
     ownersLength?: number;
+    country: CountryCode;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     validate(): Promise<boolean>;
     submit(): Promise<boolean>;

package/dist/types/components/business-forms/payment-provisioning/bank-account/bank-account-form-inputs-canada.d.ts

@@ -0,0 +1,7 @@
+export declare class BankAccountFormInputsCanada {
+    defaultValue: any;
+    errors: any;
+    inputHandler: (name: string, value: string) => void;
+    formDisabled: boolean;
+    render(): any;
+}

package/dist/types/components/business-forms/payment-provisioning/bank-account/bank-account-read-only-value.d.ts

@@ -0,0 +1,5 @@
+export declare class BankAccountReadOnlyValue {
+    label: string;
+    value?: string;
+    render(): any;
+}

package/dist/types/components/business-forms/payment-provisioning/bank-account/business-bank-account-form-step-core.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
+import { CountryCode } from '../../../../utils/country-codes';
 import { FormController } from '../../../../ui-components/form/form';
 import { IBankAccount, EntityDocument, EntityDocumentStorage, FileSelectEvent, ComponentErrorEvent, ComponentFormStepCompleteEvent } from '../../../../api';
 export declare class BusinessBankAccountFormStepCore {
@@ -13,6 +14,7 @@ export declare class BusinessBankAccountFormStepCore {
     postBankAccount: Function;
     postDocumentRecord: Function;
     allowOptionalFields?: boolean;
+    country: CountryCode;
     stepCompleteEvent: EventEmitter<ComponentFormStepCompleteEvent>;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     formLoading: EventEmitter<boolean>;
@@ -20,6 +22,7 @@ export declare class BusinessBankAccountFormStepCore {
     validateAndSubmit({ onSuccess }: {
         onSuccess: any;
     }): Promise<void>;
+    private getSchema;
     componentWillLoad(): void;
     componentDidLoad(): void;
     initializeFormController: () => void;
@@ -30,6 +33,8 @@ export declare class BusinessBankAccountFormStepCore {
         account_type: string;
         account_number: string;
         routing_number: string;
+        institution_number: string;
+        transit_number: string;
         bank_name: string;
         nickname: string;
         business_id: string;

package/dist/types/components/business-forms/payment-provisioning/bank-account/business-bank-account-form-step.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { ComponentErrorEvent } from '../../../../api';
+import { CountryCode } from '../../../../utils/country-codes';
 export declare class BusinessBankAccountFormStep {
     coreComponent: HTMLJustifiBusinessBankAccountFormStepCoreElement;
     getBusiness: Function;
@@ -9,6 +10,7 @@ export declare class BusinessBankAccountFormStep {
     authToken: string;
     businessId: string;
     allowOptionalFields?: boolean;
+    country: CountryCode;
     propChanged(): void;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     validateAndSubmit({ onSuccess }: {

package/dist/types/components/business-forms/payment-provisioning/business-core-info/business-core-info-form-step-core.d.ts

@@ -2,15 +2,18 @@ import { EventEmitter } from '../../../../stencil-public-runtime';
 import { FormController } from '../../../../ui-components/form/form';
 import { ICoreBusinessInfo } from '../../../../api/Business';
 import { ComponentErrorEvent, ComponentFormStepCompleteEvent } from '../../../../api/ComponentEvents';
+import { CountryCode } from '../../../../utils/country-codes';
 export declare class BusinessCoreInfoFormStepCore {
     formController: FormController;
     errors: any;
     coreInfo: ICoreBusinessInfo;
     isLoading: boolean;
+    isEditingTaxId: boolean;
     businessId: string;
     getBusiness: Function;
     patchBusiness: Function;
     allowOptionalFields?: boolean;
+    country: CountryCode;
     stepCompleteEvent: EventEmitter<ComponentFormStepCompleteEvent>;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     formLoading: EventEmitter<boolean>;

package/dist/types/components/business-forms/payment-provisioning/business-core-info/business-core-info-form-step.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { ComponentErrorEvent } from '../../../../api/ComponentEvents';
+import { CountryCode } from '../../../../utils/country-codes';
 export declare class BusinessCoreInfoFormStep {
     coreComponent: HTMLJustifiBusinessCoreInfoFormStepCoreElement;
     getBusiness: Function;
@@ -7,6 +8,7 @@ export declare class BusinessCoreInfoFormStep {
     authToken: string;
     businessId: string;
     allowOptionalFields?: boolean;
+    country: CountryCode;
     propChanged(): void;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     validateAndSubmit({ onSuccess }: {

package/dist/types/components/business-forms/payment-provisioning/business-owners/business-owners-form-step-core.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { ComponentErrorEvent, ComponentClickEvent, ComponentFormStepCompleteEvent } from '../../../../api/ComponentEvents';
+import { CountryCode } from '../../../../utils/country-codes';
 interface ownerPayloadItem {
     id: string;
 }
@@ -13,6 +14,7 @@ export declare class BusinessOwnersFormStepCore {
     getBusiness: Function;
     patchBusiness: Function;
     allowOptionalFields?: boolean;
+    country: CountryCode;
     clickEvent: EventEmitter<ComponentClickEvent>;
     stepCompleteEvent: EventEmitter<ComponentFormStepCompleteEvent>;
     errorEvent: EventEmitter<ComponentErrorEvent>;

package/dist/types/components/business-forms/payment-provisioning/business-owners/business-owners-form-step.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { ComponentErrorEvent } from '../../../../api/ComponentEvents';
+import { CountryCode } from '../../../../utils/country-codes';
 export declare class BusinessOwnersFormStep {
     coreComponent: HTMLJustifiBusinessOwnersFormStepCoreElement;
     getBusiness: Function;
@@ -7,6 +8,7 @@ export declare class BusinessOwnersFormStep {
     authToken: string;
     businessId: string;
     allowOptionalFields?: boolean;
+    country: CountryCode;
     propChanged(): void;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     validateAndSubmit({ onSuccess }: {

package/dist/types/components/business-forms/payment-provisioning/business-representative/business-representative-form-inputs.d.ts

@@ -1,8 +1,11 @@
 import { FormController } from '../../../../ui-components/form/form';
+import { CountryCode } from '../../../../utils/country-codes';
 export declare class RepresentativeFormInputs {
     representativeDefaultValue: any;
     errors: any;
     formController: FormController;
+    country: CountryCode;
+    isEditingIdentification: boolean;
     inputHandler: (name: string, value: string) => void;
     onAddressFormUpdate: (values: any) => void;
     render(): any;

package/dist/types/components/business-forms/payment-provisioning/business-representative/business-representative-form-step-core.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../../../stencil-public-runtime';
 import { Identity } from '../../../../api/Identity';
 import { FormController } from '../../../../ui-components/form/form';
 import { ComponentErrorEvent, ComponentFormStepCompleteEvent } from '../../../../api/ComponentEvents';
+import { CountryCode } from '../../../../utils/country-codes';
 export declare class BusinessRepresentativeFormStepCore {
     formController: FormController;
     errors: any;
@@ -10,6 +11,7 @@ export declare class BusinessRepresentativeFormStepCore {
     getBusiness: Function;
     patchBusiness: Function;
     allowOptionalFields?: boolean;
+    country: CountryCode;
     stepCompleteEvent: EventEmitter<ComponentFormStepCompleteEvent>;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     formLoading: EventEmitter<boolean>;

package/dist/types/components/business-forms/payment-provisioning/business-representative/business-representative-form-step.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { ComponentErrorEvent } from '../../../../api/ComponentEvents';
+import { CountryCode } from '../../../../utils/country-codes';
 export declare class BusinessRepresentativeFormStep {
     coreComponent: HTMLJustifiBusinessRepresentativeFormStepCoreElement;
     getBusiness: Function;
@@ -7,6 +8,7 @@ export declare class BusinessRepresentativeFormStep {
     authToken: string;
     businessId: string;
     allowOptionalFields?: boolean;
+    country?: CountryCode;
     propChanged(): void;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     validateAndSubmit({ onSuccess }: {

package/dist/types/components/business-forms/payment-provisioning/form-address-fields/form-address-fields.d.ts

@@ -0,0 +1,8 @@
+import { CountryCode } from '../../../../utils/country-codes';
+export declare class FormAddressFields {
+    country: CountryCode;
+    errors: any;
+    defaultValues: any;
+    inputHandler: (name: string, value: string) => void;
+    render(): any;
+}

package/dist/types/components/business-forms/payment-provisioning/legal-address-form/legal-address-form-step-core.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../../../stencil-public-runtime';
 import { FormController } from '../../../../ui-components/form/form';
 import { IAddress } from '../../../../api/Business';
 import { ComponentErrorEvent, ComponentFormStepCompleteEvent } from '../../../../api/ComponentEvents';
+import { CountryCode } from '../../../../utils/country-codes';
 export declare class LegalAddressFormStepCore {
     formController: FormController;
     errors: any;
@@ -10,6 +11,7 @@ export declare class LegalAddressFormStepCore {
     getBusiness: Function;
     patchBusiness: Function;
     allowOptionalFields?: boolean;
+    country: CountryCode;
     stepCompleteEvent: EventEmitter<ComponentFormStepCompleteEvent>;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     formLoading: EventEmitter<boolean>;

package/dist/types/components/business-forms/payment-provisioning/legal-address-form/legal-address-form-step.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
 import { ComponentErrorEvent } from '../../../../api/ComponentEvents';
+import { CountryCode } from '../../../../utils/country-codes';
 export declare class LegalAddressFormStep {
     coreComponent: HTMLJustifiLegalAddressFormStepCoreElement;
     getBusiness: Function;
@@ -7,6 +8,7 @@ export declare class LegalAddressFormStep {
     authToken: string;
     businessId: string;
     allowOptionalFields?: boolean;
+    country?: CountryCode;
     propChanged(): void;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     validateAndSubmit({ onSuccess }: {

package/dist/types/components/business-forms/payment-provisioning/payment-provisioning-core.d.ts

@@ -1,10 +1,12 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { ComponentClickEvent, ComponentErrorEvent, ComponentSubmitEvent } from '../../../api/ComponentEvents';
+import { CountryCode } from '../../../utils/country-codes';
 export declare class PaymentProvisioningCore {
     loading: boolean;
     businessProvisioned: boolean;
     currentStep: number;
     errorMessage: string;
+    country: CountryCode;
     businessId: string;
     authToken: string;
     allowOptionalFields?: boolean;
@@ -15,8 +17,8 @@ export declare class PaymentProvisioningCore {
     errorEvent: EventEmitter<ComponentErrorEvent>;
     submitEvent: EventEmitter<ComponentSubmitEvent>;
     handleFormCompleted(): void;
-    componentWillLoad(): void;
-    setBusinessProvisioned: () => void;
+    componentWillLoad(): Promise<void>;
+    setBusinessProvisioned: () => Promise<void>;
     postProvisioningData: () => void;
     private coreInfoRef;
     private legalAddressRef;

package/dist/types/components/business-forms/payment-provisioning/payment-provisioning-form-steps.d.ts

@@ -1,9 +1,11 @@
+import { CountryCode } from '../../../utils/country-codes';
 export declare class PaymentProvisioningFormSteps {
     businessId: string;
     authToken: string;
     refs: any[];
     currentStep: number;
     allowOptionalFields?: boolean;
+    country?: CountryCode;
     handleFormLoading: (e: CustomEvent) => void;
     get currentStepComponent(): any;
     componentStepMapping: {

package/dist/types/components/business-forms/payment-provisioning/test/mockBusiness.d.ts

@@ -0,0 +1,12 @@
+import { IBusiness } from '../../../../api/Business';
+import { CountryCode } from '../../../../utils/country-codes';
+/**
+ * Creates mock business data with 2-character country codes (as they come from API)
+ * This allows us to test the normalization that happens in the Business constructor
+ */
+export declare const createMockBusinessData: (countryCode: string) => IBusiness;
+/**
+ * Helper to get normalized country codes as they would appear in real usage
+ * This simulates what happens when the Business constructor processes API data
+ */
+export declare const getNormalizedCountry: (inputCountryCode: string) => CountryCode;

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

@@ -1,15 +1,67 @@
+export declare const addressSchemaUSA: (allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
+    line1: string;
+    line2: string;
+    city: string;
+    state: string;
+    postal_code: string;
+}, import("yup").AnyObject, {
+    line1: undefined;
+    line2: undefined;
+    city: undefined;
+    state: undefined;
+    postal_code: undefined;
+}, "">;
+export declare const addressSchemaCAN: (allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
+    line1: string;
+    line2: string;
+    city: string;
+    state: string;
+    postal_code: string;
+}, import("yup").AnyObject, {
+    line1: undefined;
+    line2: undefined;
+    city: undefined;
+    state: undefined;
+    postal_code: undefined;
+}, "">;
 export declare const addressSchema: (allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
     line1: string;
     line2: string;
     city: string;
     state: string;
     postal_code: string;
-    country: string;
 }, import("yup").AnyObject, {
     line1: undefined;
     line2: undefined;
     city: undefined;
     state: undefined;
     postal_code: undefined;
-    country: undefined;
 }, "">;
+export declare const addressSchemaByCountry: {
+    readonly USA: (allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
+        line1: string;
+        line2: string;
+        city: string;
+        state: string;
+        postal_code: string;
+    }, import("yup").AnyObject, {
+        line1: undefined;
+        line2: undefined;
+        city: undefined;
+        state: undefined;
+        postal_code: undefined;
+    }, "">;
+    readonly CAN: (allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
+        line1: string;
+        line2: string;
+        city: string;
+        state: string;
+        postal_code: string;
+    }, import("yup").AnyObject, {
+        line1: undefined;
+        line2: undefined;
+        city: undefined;
+        state: undefined;
+        postal_code: undefined;
+    }, "">;
+};

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

@@ -1,19 +1,17 @@
+import { CountryCode } from '../../../utils/country-codes';
+export declare const businessBankAccountSchemaUSA: (documents: any[], allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
+    [x: string]: any;
+}, import("yup").AnyObject, {
+    [x: string]: any;
+}, "">;
+export declare const businessBankAccountSchemaCAN: (documents: any[], allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
+    [x: string]: any;
+}, import("yup").AnyObject, {
+    [x: string]: any;
+}, "">;
 export declare const businessBankAccountSchema: (documents: any[], allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
-    bank_name: string;
-    nickname: string;
-    account_owner_name: string;
-    account_type: string;
-    account_number: string;
-    routing_number: string;
-    voided_check: {};
-    bank_statement: {};
+    [x: string]: any;
 }, import("yup").AnyObject, {
-    bank_name: undefined;
-    nickname: undefined;
-    account_owner_name: undefined;
-    account_type: undefined;
-    account_number: undefined;
-    routing_number: undefined;
-    voided_check: undefined;
-    bank_statement: undefined;
+    [x: string]: any;
 }, "">;
+export declare const bankAccountSchemaByCountry: Record<CountryCode, (allowOptionalFields?: boolean, documents?: any[]) => any>;

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

@@ -1,4 +1,4 @@
-export declare const businessCoreInfoSchema: (allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
+export declare const baseBusinessCoreInfoSchema: (allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
     legal_name: string;
     website_url: string;
     email: string;
@@ -6,7 +6,6 @@ export declare const businessCoreInfoSchema: (allowOptionalFields?: boolean) =>
     doing_business_as: string;
     classification: string;
     industry: string;
-    tax_id: string;
     date_of_incorporation: string;
 }, import("yup").AnyObject, {
     legal_name: undefined;
@@ -16,6 +15,71 @@ export declare const businessCoreInfoSchema: (allowOptionalFields?: boolean) =>
     doing_business_as: undefined;
     classification: undefined;
     industry: undefined;
-    tax_id: undefined;
     date_of_incorporation: undefined;
 }, "">;
+export declare const businessCoreInfoSchemaUSA: (allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
+    legal_name: any;
+    website_url: any;
+    email: any;
+    phone: any;
+    doing_business_as: any;
+    classification: any;
+    industry: any;
+    date_of_incorporation: any;
+} & {
+    [x: string]: any;
+}, import("yup").AnyObject, {
+    [x: string]: any;
+    legal_name: any;
+    website_url: any;
+    email: any;
+    phone: any;
+    doing_business_as: any;
+    classification: any;
+    industry: any;
+    date_of_incorporation: any;
+}, "">;
+export declare const businessCoreInfoSchemaCAN: (allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
+    legal_name: any;
+    website_url: any;
+    email: any;
+    phone: any;
+    doing_business_as: any;
+    classification: any;
+    industry: any;
+    date_of_incorporation: any;
+} & {
+    [x: string]: any;
+}, import("yup").AnyObject, {
+    [x: string]: any;
+    legal_name: any;
+    website_url: any;
+    email: any;
+    phone: any;
+    doing_business_as: any;
+    classification: any;
+    industry: any;
+    date_of_incorporation: any;
+}, "">;
+export declare const businessCoreInfoSchema: (allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
+    legal_name: any;
+    website_url: any;
+    email: any;
+    phone: any;
+    doing_business_as: any;
+    classification: any;
+    industry: any;
+    date_of_incorporation: any;
+} & {
+    [x: string]: any;
+}, import("yup").AnyObject, {
+    [x: string]: any;
+    legal_name: any;
+    website_url: any;
+    email: any;
+    phone: any;
+    doing_business_as: any;
+    classification: any;
+    industry: any;
+    date_of_incorporation: any;
+}, "">;