@justifi/webcomponents 4.11.0 → 4.12.0

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

@@ -24,6 +24,7 @@ export declare class Owner implements Identity {
     dob_day?: string;
     dob_month?: string;
     dob_year?: string;
+    dob_full?: string;
     documents?: Document[];
     email?: string;
     id?: string;
@@ -44,6 +45,7 @@ export declare class Representative implements Identity {
     dob_day?: string;
     dob_month?: string;
     dob_year?: string;
+    dob_full?: string;
     documents?: Document[];
     email?: string;
     id?: string;

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

@@ -4,7 +4,8 @@ export declare enum CaptureStrategy {
 }
 export declare enum PaymentMethodTypes {
     card = "card",
-    bankAccount = "bankAccount"
+    bankAccount = "bankAccount",
+    sezzel = "sezzel"
 }
 export declare enum PaymentStatuses {
     pending = "pending",

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

@@ -1,4 +1,3 @@
-import { BusinessStructure } from './Business';
 export declare enum TagTypes {
     neutral = "neutral",
     info = "info",
@@ -105,7 +104,6 @@ export declare class SubAccount implements ISubAccount {
 export interface SubAccountBusinessDetails {
     url?: string;
     type?: BusinessType;
-    structure?: BusinessStructure;
     industry?: string;
     tax_id?: string;
     phone?: string;

package/dist/types/api/services/checkout.service.d.ts

@@ -1,9 +1,15 @@
 import { IApiResponse, ICheckout } from '..';
 export interface ICheckoutService {
     fetchCheckout(authToken: string, checkoutId: string): Promise<IApiResponse<ICheckout>>;
-    pay(authToken: string, checkoutId: string, tokenizedPaymentMethod: string): Promise<IApiResponse<ICheckout>>;
+    complete(authToken: string, checkoutId: string, payment: {
+        payment_mode: string;
+        payment_token?: string;
+    }): Promise<IApiResponse<ICheckout>>;
 }
 export declare class CheckoutService implements ICheckoutService {
     fetchCheckout(authToken: string, checkoutId: string): Promise<IApiResponse<ICheckout>>;
-    pay(authToken: string, checkoutId: string, paymentMethodToken: string): Promise<IApiResponse<ICheckout>>;
+    complete(authToken: string, checkoutId: string, payment: {
+        payment_mode: string;
+        payment_token?: string;
+    }): Promise<IApiResponse<ICheckout>>;
 }

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

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { BusinessFormClickEvent, BusinessFormServerErrors, BusinessFormSubmitEvent } from '../utils/business-form-types';
+import { IBusiness } from '../../../api/Business';
 /**
  * @exportedPart label: Label for inputs
  * @exportedPart input: The input fields
@@ -9,17 +10,21 @@ export declare class BusinessForm {
     authToken: string;
     businessId: string;
     hideErrors?: boolean;
+    formTitle?: string;
+    removeTitle?: boolean;
     isLoading: boolean;
     errorMessage: BusinessFormServerErrors;
     submitted: EventEmitter<BusinessFormSubmitEvent>;
     clickEventNew: EventEmitter<BusinessFormClickEvent>;
     clickEventOld: EventEmitter<BusinessFormClickEvent>;
     fireClickEvents(event: BusinessFormClickEvent): void;
+    get title(): string;
     get disabledState(): boolean;
     get showErrors(): boolean;
     get businessEndpoint(): string;
     private formController;
     private api;
+    instantiateBusiness: (data: IBusiness) => void;
     componentWillLoad(): void;
     private sendData;
     private fetchData;

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

@@ -3,9 +3,9 @@ export declare class BusinessRepresentative {
     formController: FormController;
     errors: any;
     representative: any;
-    constructor();
     componentDidLoad(): void;
-    inputHandler(name: string, value: string): void;
-    onAddressFormUpdate(values: any): void;
+    inputHandler: (name: string, value: string) => void;
+    onAddressFormUpdate: (values: any) => void;
+    onDateOfBirthUpdate: (event: any) => void;
     render(): any;
 }

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

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { FormController } from '../../form/form';
-import { Owner } from '../../../api/Identity';
+import { Identity, Owner } from '../../../api/Identity';
 import { OwnerFormSubmitEvent, OwnerFormServerErrorEvent, OwnerFormClickEvent } from '../utils/business-form-types';
 export declare class BusinessOwnerForm {
     authToken: string;
@@ -24,6 +24,7 @@ export declare class BusinessOwnerForm {
     get submitButtonText(): "Update" | "Add";
     get showRemoveButton(): boolean;
     loadingWatcher(): void;
+    instantiateOwner: (data: Identity) => void;
     private fetchData;
     private sendData;
     handleResponse(response: any): boolean;
@@ -31,10 +32,11 @@ export declare class BusinessOwnerForm {
     componentDidLoad(): void;
     inputHandler: (name: string, value: string) => void;
     onAddressFormUpdate: (values: any) => void;
+    onDateOfBirthUpdate: (event: any) => void;
     handleAddOwner: () => void;
     handleRemoveOwner: () => void;
     validate(): Promise<boolean>;
     submit(): Promise<boolean>;
-    validateAndSubmit: (event: any) => void;
+    validateAndSubmit: (event: any) => Promise<void>;
     render(): any;
 }

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

@@ -24,5 +24,6 @@ export declare class BusinessRepresentativeFormStep {
     componentDidLoad(): void;
     inputHandler: (name: string, value: string) => void;
     onAddressFormUpdate: (values: any) => void;
+    onDateOfBirthUpdate: (event: any) => void;
     render(): any;
 }

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

@@ -11,11 +11,14 @@ export declare class PaymentProvisioning {
     testMode: boolean;
     hideErrors?: boolean;
     allowOptionalFields?: boolean;
+    formTitle?: string;
+    removeTitle?: boolean;
     formLoading: boolean;
     errorMessage: string;
     currentStep: number;
     totalSteps: number;
     clickEvent: EventEmitter<BusinessFormClickEvent>;
+    get title(): string;
     get showErrors(): boolean;
     get businessEndpoint(): string;
     private coreInfoRef;

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

@@ -5,8 +5,8 @@ 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, {
     legal_name: undefined;
     website_url: undefined;
@@ -14,6 +14,6 @@ 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

@@ -25,9 +25,7 @@ export declare const businessFormSchema: import("yup").ObjectSchema<{
         name?: string;
         email?: string;
         phone?: string;
-        dob_day?: string;
-        dob_month?: string;
-        dob_year?: string;
+        dob_full?: string;
         identification_number?: string;
     };
     legal_name: unknown;
@@ -36,8 +34,8 @@ 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, {
     legal_address: {
         line1: undefined;
@@ -57,9 +55,7 @@ export declare const businessFormSchema: import("yup").ObjectSchema<{
         name: undefined;
         email: undefined;
         phone: undefined;
-        dob_day: undefined;
-        dob_month: undefined;
-        dob_year: undefined;
+        dob_full: undefined;
         identification_number: undefined;
         address: {
             line1: undefined;
@@ -76,6 +72,6 @@ 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

@@ -2,9 +2,7 @@ export declare const identitySchema: (title: string, allowOptionalFields?: boole
     name: string;
     email: string;
     phone: string;
-    dob_day: string;
-    dob_month: string;
-    dob_year: string;
+    dob_full: string;
     identification_number: string;
     address: {
         line1?: string;
@@ -18,9 +16,7 @@ export declare const identitySchema: (title: string, allowOptionalFields?: boole
     name: undefined;
     email: undefined;
     phone: undefined;
-    dob_day: undefined;
-    dob_month: undefined;
-    dob_year: undefined;
+    dob_full: undefined;
     identification_number: undefined;
     address: {
         line1: undefined;

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

@@ -0,0 +1,6 @@
+export declare const transformEmptyString: (value: string) => string;
+export declare const businessNameRegex: RegExp;
+export declare const phoneRegex: RegExp;
+export declare const urlRegex: RegExp;
+export declare const taxIdRegex: RegExp;
+export declare const stringLettersOnlyRegex: RegExp;

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

@@ -1,3 +1,4 @@
+import { BusinessType } from "../../../api/Business";
 export interface BusinessFormSubmitEvent {
     data: any;
     metadata?: BusinessFormEventMetaData;
@@ -46,4 +47,8 @@ export declare enum OwnerFormClickActions {
     addOwnerForm = "addOwnerForm",
     updateOwner = "updateOwner"
 }
+export declare const BusinessTypeOptions: {
+    label: string;
+    value: BusinessType | string;
+}[];
 export {};

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

@@ -1,2 +1,8 @@
-export declare const phoneRegex: RegExp;
-export declare const urlRegex: RegExp;
+export declare function getStateAbbreviation(stateName: string): string | undefined;
+export declare function filterNumber(num: string): string;
+export declare function constructDate(year: string, month: string, day: string): string | void;
+export declare function deconstructDate(date: string): {
+    dob_year: string;
+    dob_month: string;
+    dob_day: string;
+};

package/dist/types/components/checkout/checkout-actions.d.ts

@@ -6,12 +6,12 @@ export declare const makeGetCheckout: ({ authToken, checkoutId, service }: {
     onSuccess: any;
     onError: any;
 }) => Promise<any>;
-export declare const makePay: ({ authToken, checkoutId, service }: {
+export declare const makeCheckoutComplete: ({ authToken, checkoutId, service }: {
     authToken: any;
     checkoutId: any;
     service: any;
-}) => ({ paymentMethodToken, onSuccess, onError }: {
-    paymentMethodToken: any;
+}) => ({ payment, onSuccess, onError }: {
+    payment: any;
     onSuccess: any;
     onError: any;
 }) => Promise<any>;

package/dist/types/components/checkout/checkout-core.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { CreatePaymentMethodResponse } from '../payment-method-form/payment-method-responses';
+import { ICheckout, ICheckoutCompleteResponse } from '../../api/Checkout';
 export declare class CheckoutCore {
     /**
    * URL for the rendered iFrame. End-users need not use this.
@@ -7,22 +7,23 @@ export declare class CheckoutCore {
     iframeOrigin?: string;
     authToken: string;
     getCheckout: Function;
-    pay: Function;
+    complete: Function;
     checkoutId: string;
     hasLoadedFonts: boolean;
     isLoading: boolean;
-    checkout: any;
+    checkout: ICheckout;
     serverError: boolean;
     errorMessage: string;
     creatingNewPaymentMethod: boolean;
     selectedPaymentMethodToken: string;
-    submitted: EventEmitter<CreatePaymentMethodResponse>;
+    submitted: EventEmitter<ICheckoutCompleteResponse>;
     private paymentMethodOptionsRef?;
     componentWillLoad(): void;
     connectedCallback(): void;
     fetchData(): void;
     loadFontsOnParent(): Promise<any>;
     submit(event: any): Promise<void>;
+    onSubmitted: (data: any) => void;
     private loadingSpinner;
     render(): any;
 }

package/dist/types/components/checkout/checkout.d.ts

@@ -3,7 +3,7 @@ export declare class Checkout {
     authToken: string;
     checkoutId: string;
     getCheckout: Function;
-    pay: Function;
+    complete: Function;
     errorMessage: string;
     componentWillLoad(): void;
     private initializeGetCheckout;

package/dist/types/components/checkout/new-payment-method.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { PaymentMethodOption } from './payment-method-option-utils';
+import { PaymentMethodPayload } from './payment-method-payload';
 export declare class NewPaymentMethod {
     iframeOrigin?: string;
     clientId: string;
@@ -9,7 +10,7 @@ export declare class NewPaymentMethod {
     paymentMethodOptionSelected: EventEmitter;
     private billingFormRef?;
     private paymentMethodFormRef?;
-    getPaymentMethodToken(): Promise<string>;
+    resolvePaymentMethod(): Promise<PaymentMethodPayload>;
     tokenize(): Promise<any>;
     onPaymentMethodOptionClick: () => void;
     showNewPaymentMethodForm(): any;

package/dist/types/components/checkout/payment-method-options.d.ts

@@ -1,18 +1,22 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { PaymentMethodOption } from './payment-method-option-utils';
+import { PaymentMethodPayload } from './payment-method-payload';
+import { IBnpl } from '../../api';
 export declare class PaymentMethodOptions {
     showCard: boolean;
     showAch: boolean;
+    bnpl: IBnpl;
     clientId: string;
     accountId: string;
     iframeOrigin?: string;
     savedPaymentMethods: any[];
     selectedPaymentMethodId: string;
+    paymentAmount: string;
     paymentMethodOptions: PaymentMethodOption[];
     toggleCreatingNewPaymentMethod: EventEmitter;
     private selectedPaymentMethodOptionRef?;
     paymentMethodsChanged(): void;
     paymentMethodOptionSelected(event: CustomEvent<PaymentMethodOption>): void;
-    getPaymentMethodToken(): Promise<string>;
+    resolvePaymentMethod(): Promise<PaymentMethodPayload>;
     render(): any;
 }

package/dist/types/components/checkout/payment-method-payload.d.ts

@@ -0,0 +1,8 @@
+export interface PaymentMethodPayload {
+    token?: string;
+    bnpl?: {
+        order_uuid: string;
+        status: string;
+        session_uuid: string;
+    };
+}

package/dist/types/components/checkout/saved-payment-method.d.ts

@@ -1,11 +1,12 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { PaymentMethodOption } from './payment-method-option-utils';
+import { PaymentMethodPayload } from './payment-method-payload';
 export declare class SavedPaymentMethod {
     iframeOrigin?: string;
     paymentMethodOption: PaymentMethodOption;
     isSelected: boolean;
     paymentMethodOptionSelected: EventEmitter;
-    getPaymentMethodToken(): Promise<string>;
+    resolvePaymentMethod(): Promise<PaymentMethodPayload>;
     onPaymentMethodOptionClick: () => void;
     render(): any;
 }

package/dist/types/components/checkout/sezzel-payment-method.d.ts

@@ -0,0 +1,23 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { PaymentMethodOption } from './payment-method-option-utils';
+import { PaymentMethodPayload } from './payment-method-payload';
+export declare class SezzelPaymentMethod {
+    iframeOrigin?: string;
+    bnpl: any;
+    clientId: string;
+    accountId: string;
+    paymentMethodOption: PaymentMethodOption;
+    isSelected: boolean;
+    paymentAmount: string;
+    installmentPlan: any;
+    sezzleCheckout: any;
+    sezzlePromise: Promise<PaymentMethodPayload>;
+    private scriptRef;
+    private sezzleButtonRef;
+    paymentMethodOptionSelected: EventEmitter;
+    componentDidRender(): void;
+    resolvePaymentMethod(): Promise<PaymentMethodPayload>;
+    onPaymentMethodOptionClick: () => void;
+    initializeSezzleCheckout: () => void;
+    render(): any;
+}

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

@@ -0,0 +1,18 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class DateInput {
+    label: string;
+    name: string;
+    error: string;
+    defaultValue: string;
+    inputHandler: any;
+    disabled: boolean;
+    date: string;
+    formControlInput: EventEmitter<any>;
+    formControlBlur: EventEmitter<any>;
+    dateInput: HTMLInputElement;
+    private updateInput;
+    componentDidLoad(): void;
+    handleDefaultValueChange(newValue: string): void;
+    handleFormControlInput: (event: any) => void;
+    render(): any;
+}