@justifi/webcomponents 4.10.0 → 4.11.0

package/dist/types/components/business-details/business-details-core.d.ts

@@ -1,4 +1,6 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { Business } from '../../api/Business';
+import { ComponentError } from '../../api/ComponentError';
 declare enum RENDER_STATES {
     LOADING = "loading",
     READY = "ready",
@@ -9,6 +11,7 @@ export declare class BusinessDetailsCore {
     business: Business;
     renderState: RENDER_STATES;
     errorMessage: string;
+    errorEvent: EventEmitter<ComponentError>;
     componentWillLoad(): Promise<void>;
     fetchData(): void;
     render(): any;

package/dist/types/components/business-details/business-details.d.ts

@@ -1,3 +1,5 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ComponentError } from '../../api/ComponentError';
 /**
  *
  * @exportedPart detail-section
@@ -11,6 +13,7 @@ export declare class BusinessDetails {
     authToken: string;
     errorMessage: string;
     getBusiness: Function;
+    errorEvent: EventEmitter<ComponentError>;
     componentWillLoad(): void;
     private initializeGetBusiness;
     render(): any;

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

@@ -11,17 +11,19 @@ export declare class BusinessForm {
     hideErrors?: boolean;
     isLoading: boolean;
     errorMessage: BusinessFormServerErrors;
-    clickEvent: EventEmitter<BusinessFormClickEvent>;
     submitted: EventEmitter<BusinessFormSubmitEvent>;
+    clickEventNew: EventEmitter<BusinessFormClickEvent>;
+    clickEventOld: EventEmitter<BusinessFormClickEvent>;
+    fireClickEvents(event: BusinessFormClickEvent): void;
     get disabledState(): boolean;
     get showErrors(): boolean;
     get businessEndpoint(): string;
     private formController;
     private api;
-    constructor();
     componentWillLoad(): void;
     private sendData;
     private fetchData;
     private validateAndSubmit;
+    handleReponse(response: any): void;
     render(): any;
 }

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

@@ -0,0 +1,10 @@
+import { IAddress } from '../../../../api/Business';
+export declare class IdentityAddressForm {
+    handleFormUpdate: (values: any) => void;
+    errors: any;
+    defaultValues: any;
+    address: IAddress;
+    handleAddressChange(newValues: any): void;
+    inputHandler: (name: string, value: string) => void;
+    render(): any;
+}

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

@@ -1,11 +1,12 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { FormController } from '../../form/form';
 import { Owner } from '../../../api/Identity';
-import { OwnerFormSubmitEvent, OwnerFormServerErrorEvent } from '../utils/business-form-types';
+import { OwnerFormSubmitEvent, OwnerFormServerErrorEvent, OwnerFormClickEvent } from '../utils/business-form-types';
 export declare class BusinessOwnerForm {
     authToken: string;
     ownerId?: string;
     businessId?: string;
+    allowOptionalFields?: boolean;
     removeOwner: (id: string) => void;
     newFormOpen?: boolean;
     ownersLength?: number;
@@ -14,6 +15,7 @@ export declare class BusinessOwnerForm {
     errors: any;
     owner: Owner;
     submitted: EventEmitter<OwnerFormSubmitEvent>;
+    clickEvent: EventEmitter<OwnerFormClickEvent>;
     formLoading: EventEmitter<boolean>;
     serverError: EventEmitter<OwnerFormServerErrorEvent>;
     private api;
@@ -29,6 +31,8 @@ export declare class BusinessOwnerForm {
     componentDidLoad(): void;
     inputHandler: (name: string, value: string) => void;
     onAddressFormUpdate: (values: any) => void;
+    handleAddOwner: () => void;
+    handleRemoveOwner: () => void;
     validate(): Promise<boolean>;
     submit(): Promise<boolean>;
     validateAndSubmit: (event: any) => void;

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

@@ -10,6 +10,7 @@ import { BusinessFormServerErrorEvent, BusinessFormSubmitEvent } from '../../uti
 export declare class AdditionalQuestionsFormStep {
     authToken: string;
     businessId: string;
+    allowOptionalFields?: boolean;
     formController: FormController;
     errors: any;
     additional_questions: IAdditionalQuestions;

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

@@ -15,6 +15,7 @@ import { BusinessFormServerErrorEvent, BusinessFormSubmitEvent } from '../../uti
 export declare class BusinessCoreInfoFormStep {
     authToken: string;
     businessId: string;
+    allowOptionalFields?: boolean;
     formController: FormController;
     errors: any;
     coreInfo: ICoreBusinessInfo;

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../../../stencil-public-runtime';
-import { BusinessFormServerErrorEvent, BusinessFormSubmitEvent } from '../../utils/business-form-types';
 import { Owner } from '../../../../api/Identity';
+import { BusinessFormServerErrorEvent, BusinessFormSubmitEvent, OwnerFormClickEvent } from '../../utils/business-form-types';
 /**
  * @exportedPart label: Label for inputs
  * @exportedPart input: The input fields
@@ -9,10 +9,12 @@ import { Owner } from '../../../../api/Identity';
 export declare class BusinessOwnersFormStep {
     authToken: string;
     businessId: string;
+    allowOptionalFields?: boolean;
     owners: Owner[];
     newFormOpen: boolean;
     refs: any[];
     submitted: EventEmitter<BusinessFormSubmitEvent>;
+    clickEvent: EventEmitter<OwnerFormClickEvent>;
     formLoading: EventEmitter<boolean>;
     serverError: EventEmitter<BusinessFormServerErrorEvent>;
     private api;

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

@@ -5,6 +5,7 @@ import { Representative } from '../../../../api/Identity';
 export declare class BusinessRepresentativeFormStep {
     authToken: string;
     businessId: string;
+    allowOptionalFields?: boolean;
     formController: FormController;
     errors: any;
     representative: Representative;

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

@@ -10,6 +10,7 @@ import { BusinessFormServerErrorEvent, BusinessFormSubmitEvent } from '../../uti
 export declare class LegalAddressFormStep {
     authToken: string;
     businessId: string;
+    allowOptionalFields?: boolean;
     formController: FormController;
     errors: any;
     legal_address: IAddress;

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

@@ -10,6 +10,7 @@ export declare class PaymentProvisioning {
     businessId: string;
     testMode: boolean;
     hideErrors?: boolean;
+    allowOptionalFields?: boolean;
     formLoading: boolean;
     errorMessage: string;
     currentStep: number;
@@ -31,8 +32,8 @@ export declare class PaymentProvisioning {
         4: () => any;
     };
     componentWillLoad(): void;
-    handleFormLoading(e: CustomEvent): void;
-    handleServerErrors(e: CustomEvent): void;
+    handleFormLoading: (e: CustomEvent) => void;
+    handleServerErrors: (e: CustomEvent) => void;
     showPreviousStepButton(): boolean;
     showNextStepButton(): boolean;
     incrementSteps: () => number;

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

@@ -1,4 +1,4 @@
-export declare const additionQuestionsSchema: import("yup").ObjectSchema<{
+export declare const additionalQuestionsSchema: (allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
     business_revenue: string;
     business_payment_volume: string;
     business_dispute_volume: string;

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

@@ -1,4 +1,4 @@
-export declare const legalAddressSchema: import("yup").ObjectSchema<{
+export declare const addressSchema: (allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
     line1: string;
     line2: string;
     city: string;
@@ -13,14 +13,3 @@ export declare const legalAddressSchema: import("yup").ObjectSchema<{
     postal_code: undefined;
     country: undefined;
 }, "">;
-export declare const identityAddressSchema: import("yup").ObjectSchema<{
-    line1: string;
-    city: string;
-    state: string;
-    postal_code: string;
-}, import("yup").AnyObject, {
-    line1: undefined;
-    city: undefined;
-    state: undefined;
-    postal_code: undefined;
-}, "">;

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

@@ -1,4 +1,4 @@
-export declare const businessCoreInfoSchema: import("yup").ObjectSchema<{
+export declare const businessCoreInfoSchema: (allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
     legal_name: string;
     website_url: string;
     email: string;

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

@@ -1,9 +1,9 @@
 export declare const businessFormSchema: import("yup").ObjectSchema<{
     legal_address: {
-        city?: string;
-        state?: string;
         line1?: string;
         line2?: string;
+        city?: string;
+        state?: string;
         postal_code?: string;
         country?: string;
     };
@@ -15,10 +15,12 @@ export declare const businessFormSchema: import("yup").ObjectSchema<{
     };
     representative: {
         address?: {
+            line1?: string;
+            line2?: string;
             city?: string;
             state?: string;
-            line1?: string;
             postal_code?: string;
+            country?: string;
         };
         name?: string;
         email?: string;
@@ -61,9 +63,11 @@ export declare const businessFormSchema: import("yup").ObjectSchema<{
         identification_number: undefined;
         address: {
             line1: undefined;
+            line2: undefined;
             city: undefined;
             state: undefined;
             postal_code: undefined;
+            country: undefined;
         };
     };
     legal_name: undefined;

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

@@ -1,5 +1,4 @@
-export declare const phoneRegex: RegExp;
-export declare const representativeSchema: import("yup").ObjectSchema<{
+export declare const identitySchema: (title: string, allowOptionalFields?: boolean) => import("yup").ObjectSchema<{
     name: string;
     email: string;
     phone: string;
@@ -8,39 +7,12 @@ export declare const representativeSchema: import("yup").ObjectSchema<{
     dob_year: string;
     identification_number: string;
     address: {
-        city?: string;
-        state?: string;
         line1?: string;
-        postal_code?: string;
-    };
-}, import("yup").AnyObject, {
-    name: undefined;
-    email: undefined;
-    phone: undefined;
-    dob_day: undefined;
-    dob_month: undefined;
-    dob_year: undefined;
-    identification_number: undefined;
-    address: {
-        line1: undefined;
-        city: undefined;
-        state: undefined;
-        postal_code: undefined;
-    };
-}, "">;
-export declare const ownerSchema: import("yup").ObjectSchema<{
-    name: string;
-    email: string;
-    phone: string;
-    dob_day: string;
-    dob_month: string;
-    dob_year: string;
-    identification_number: string;
-    address: {
+        line2?: string;
         city?: string;
         state?: string;
-        line1?: string;
         postal_code?: string;
+        country?: string;
     };
 }, import("yup").AnyObject, {
     name: undefined;
@@ -52,8 +24,10 @@ export declare const ownerSchema: import("yup").ObjectSchema<{
     identification_number: undefined;
     address: {
         line1: undefined;
+        line2: undefined;
         city: undefined;
         state: undefined;
         postal_code: undefined;
+        country: undefined;
     };
 }, "">;

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

@@ -27,6 +27,10 @@ export interface OwnerFormSubmitEvent {
     data: any;
     metadata?: any;
 }
+export interface OwnerFormClickEvent {
+    data?: any;
+    name: OwnerFormClickActions;
+}
 export interface OwnerFormServerErrorEvent {
     data?: any;
     message: OwnerFormServerErrors;
@@ -36,4 +40,10 @@ export declare enum OwnerFormServerErrors {
     patchData = "Error updating owner data",
     postData = "Error adding owner data"
 }
+export declare enum OwnerFormClickActions {
+    removeOwner = "removeOwner",
+    addOwner = "addOwner",
+    addOwnerForm = "addOwnerForm",
+    updateOwner = "updateOwner"
+}
 export {};

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

@@ -0,0 +1,2 @@
+export declare const phoneRegex: RegExp;
+export declare const urlRegex: RegExp;

package/dist/types/components/form/form-control-text.d.ts

@@ -5,6 +5,8 @@ export declare class TextInput {
     name: any;
     error: string;
     defaultValue: string;
+    keyDownHandler?: (event: any) => void;
+    maxLength?: number;
     disabled: boolean;
     inputHandler: (name: string, value: string) => void;
     input: string;

package/dist/types/components/form/utils.d.ts

@@ -1,2 +1,3 @@
 export declare const FormAlert: (message: string) => any;
 export declare const LoadingSpinner: () => any;
+export declare const filterPostalInput: (e: KeyboardEvent) => void;

package/dist/types/components/gross-payment-chart/get-gross-payment-chart-data.d.ts

@@ -1,11 +1,8 @@
-import { ReportsService } from '../../api/services/reports.service';
-interface MakeGetGrossPaymentChartDataProps {
-    id: string;
-    authToken: string;
-    service: ReportsService;
-}
-export declare const makeGetGrossPaymentChartData: ({ id, authToken, service }: MakeGetGrossPaymentChartDataProps) => ({ onSuccess, onError }: {
+export declare const makeGetGrossPaymentChartData: ({ id, authToken, service }: {
+    id: any;
+    authToken: any;
+    service: any;
+}) => ({ onSuccess, onError }: {
     onSuccess: any;
     onError: any;
 }) => Promise<void>;
-export {};

package/dist/types/components/gross-payment-chart/gross-payment-chart-core.d.ts

@@ -1,5 +1,7 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { Chart } from 'chart.js';
 import { GrossVolumeReport } from '../../api/GrossVolume';
+import { ComponentError } from '../../api/ComponentError';
 export declare class GrossPaymentChartCore {
     chart: Chart;
     chartRef: HTMLCanvasElement;
@@ -7,6 +9,7 @@ export declare class GrossPaymentChartCore {
     grossVolumeReport: GrossVolumeReport;
     loading: boolean;
     errorMessage: string;
+    errorEvent: EventEmitter<ComponentError>;
     componentDidLoad(): void;
     propChanged(): void;
     grossVolumeReportChanged(grossVolumeReport: GrossVolumeReport): void;

package/dist/types/components/gross-payment-chart/gross-payment-chart.d.ts

@@ -1,10 +1,14 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ComponentError } from '../../api/ComponentError';
 export declare class GrossPaymentChart {
     accountId: string;
     authToken: string;
     getGrossPayment: Function;
     errorMessage: string;
+    errorEvent: EventEmitter<ComponentError>;
     componentWillLoad(): void;
     propChanged(): void;
     private initializeGetGrossPayment;
+    handleErrorEvent: (event: CustomEvent<ComponentError>) => void;
     render(): any;
 }

package/dist/types/components/payment-details/payment-details-core.d.ts

@@ -1,9 +1,12 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { Payment } from '../../api';
+import { ComponentError } from '../../api/ComponentError';
 export declare class PaymentDetailsCore {
     getPaymentDetails: Function;
     payment: Payment;
     loading: boolean;
     errorMessage: string;
+    errorEvent: EventEmitter<ComponentError>;
     componentWillLoad(): void;
     updateOnPropChange(): void;
     fetchData(): void;

package/dist/types/components/payment-details/payment-details.d.ts

@@ -1,4 +1,6 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { PaymentService } from '../../api/services/payment.service';
+import { ComponentError } from '../../api/ComponentError';
 /**
   * @exportedPart detail-loading-spinner
   * @exportedPart detail-loading-state
@@ -27,9 +29,11 @@ export declare class PaymentDetails {
     authToken: string;
     getPaymentDetails: Function;
     errorMessage: string;
+    errorEvent: EventEmitter<ComponentError>;
     componentWillLoad(): void;
     propChanged(): void;
     private initializeGetPaymentDetails;
     paymentService: PaymentService;
+    handleErrorEvent: (event: any) => void;
     render(): any;
 }

package/dist/types/components/payment-form/payment-form.d.ts

@@ -2,6 +2,7 @@ import { EventEmitter } from '../../stencil-public-runtime';
 import { PaymentMethodTypes } from '../../api';
 import { BillingFormFields } from '../billing-form/billing-form-schema';
 import { CreatePaymentMethodResponse } from '../payment-method-form/payment-method-responses';
+import { ComponentError } from '../../api/ComponentError';
 export declare class PaymentForm {
     bankAccount?: boolean;
     card?: boolean;
@@ -9,15 +10,17 @@ export declare class PaymentForm {
     clientId: string;
     accountId?: string;
     submitButtonText?: string;
-    submitted: EventEmitter<CreatePaymentMethodResponse>;
     submitButtonEnabled: boolean;
     isLoading: boolean;
     selectedPaymentMethodType: PaymentMethodTypes;
+    submitted: EventEmitter<CreatePaymentMethodResponse>;
+    errorEvent: EventEmitter<ComponentError>;
     private paymentMethodFormRef?;
     private billingFormRef?;
     connectedCallback(): void;
     fillBillingForm(fields: BillingFormFields): Promise<void>;
     enableSubmitButton(): Promise<void>;
+    disableSubmitButton(): Promise<void>;
     paymentMethodSelectedHandler(event: CustomEvent): void;
     submit(event: any): Promise<void>;
     render(): any;

package/dist/types/components/payments-list/payments-list-core.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { PagingInfo, Payment } from '../../api';
+import { ComponentError } from '../../api/ComponentError';
 export declare class PaymentsListCore {
     getPayments: Function;
     payments: Payment[];
@@ -8,6 +9,7 @@ export declare class PaymentsListCore {
     paging: PagingInfo;
     params: any;
     rowClicked: EventEmitter<Payment>;
+    errorEvent: EventEmitter<ComponentError>;
     componentWillLoad(): void;
     updateOnPropChange(): void;
     handleClickPrevious: (beforeCursor: string) => void;

package/dist/types/components/payments-list/payments-list.d.ts

@@ -1,3 +1,5 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ComponentError } from '../../api/ComponentError';
 /**
   * @exportedPart table-head: Table head
   * @exportedPart table-head-row: Head row
@@ -22,8 +24,10 @@ export declare class PaymentsList {
     authToken: string;
     getPayments: Function;
     errorMessage: string;
+    errorEvent: EventEmitter<ComponentError>;
     componentWillLoad(): void;
     propChanged(): void;
     private initializeGetPayments;
+    handleErrorEvent: (event: any) => void;
     render(): any;
 }

package/dist/types/components/payout-details/payout-details-core.d.ts

@@ -1,9 +1,12 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 import { Payout } from '../../api';
+import { ComponentError } from '../../api/ComponentError';
 export declare class PayoutDetailsCore {
     getPayout: Function;
     payout: Payout;
     loading: boolean;
     errorMessage: string;
+    errorEvent: EventEmitter<ComponentError>;
     componentWillLoad(): void;
     getPayoutWatcher(): void;
     fetchData(): void;

package/dist/types/components/payout-details/payout-details.d.ts

@@ -1,10 +1,14 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ComponentError } from '../../api/ComponentError';
 export declare class PayoutDetails {
     payoutId: string;
     authToken: string;
     getPayout: Function;
     errorMessage: string;
+    errorEvent: EventEmitter<ComponentError>;
     componentWillLoad(): void;
     propChanged(): void;
     initializeGetPayout(): void;
+    handleErrorEvent: (event: CustomEvent<ComponentError>) => void;
     render(): any;
 }

package/dist/types/components/payouts-list/payouts-list-core.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { PagingInfo, Payout, PayoutStatuses } from '../../api';
+import { ComponentError } from '../../api/ComponentError';
 export declare class PayoutsListCore {
     getPayouts: Function;
     payouts: Payout[];
@@ -8,6 +9,7 @@ export declare class PayoutsListCore {
     paging: PagingInfo;
     params: any;
     rowClicked: EventEmitter<Payout>;
+    errorEvent: EventEmitter<ComponentError>;
     componentWillLoad(): void;
     updateOnPropChange(): void;
     mapStatusToBadge: (status: PayoutStatuses) => string;

package/dist/types/components/payouts-list/payouts-list.d.ts

@@ -1,3 +1,5 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ComponentError } from '../../api/ComponentError';
 /**
   * @exportedPart table-head: Table head
   * @exportedPart table-head-row: Head row
@@ -22,8 +24,10 @@ export declare class PayoutsList {
     authToken: string;
     getPayouts: Function;
     errorMessage: string;
+    errorEvent: EventEmitter<ComponentError>;
     componentWillLoad(): void;
     propChanged(): void;
     private initializeGetPayouts;
+    handleOnError: (event: any) => void;
     render(): any;
 }