@justifi/webcomponents 4.8.3 → 4.10.0-rc.0

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

@@ -0,0 +1,36 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { FormController } from '../../form/form';
+import { Owner } from '../../../api/Identity';
+import { OwnerFormSubmitEvent, OwnerFormServerErrorEvent } from '../utils/business-form-types';
+export declare class BusinessOwnerForm {
+    authToken: string;
+    ownerId?: string;
+    businessId?: string;
+    removeOwner: (id: string) => void;
+    newFormOpen?: boolean;
+    ownersLength?: number;
+    isLoading: boolean;
+    formController: FormController;
+    errors: any;
+    owner: Owner;
+    submitted: EventEmitter<OwnerFormSubmitEvent>;
+    formLoading: EventEmitter<boolean>;
+    serverError: EventEmitter<OwnerFormServerErrorEvent>;
+    private api;
+    get identityEndpoint(): string;
+    get formTitle(): "Edit Business Owner" | "Add Business Owner";
+    get submitButtonText(): "Update" | "Add";
+    get showRemoveButton(): boolean;
+    loadingWatcher(): void;
+    private fetchData;
+    private sendData;
+    handleResponse(response: any): boolean;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    inputHandler: (name: string, value: string) => void;
+    onAddressFormUpdate: (values: any) => void;
+    validate(): Promise<boolean>;
+    submit(): Promise<boolean>;
+    validateAndSubmit: (event: any) => void;
+    render(): any;
+}

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

@@ -0,0 +1,11 @@
+export declare const additionQuestionsSchema: import("yup").ObjectSchema<{
+    business_revenue: string;
+    business_payment_volume: string;
+    business_dispute_volume: string;
+    business_receivable_volume: string;
+}, import("yup").AnyObject, {
+    business_revenue: undefined;
+    business_payment_volume: undefined;
+    business_dispute_volume: undefined;
+    business_receivable_volume: undefined;
+}, "">;

package/dist/types/components/{business-form/business-address/business-address-form-schema.d.ts → business-forms/schemas/business-address-schema.d.ts}

@@ -1,23 +1,26 @@
-export declare const RegExZip: RegExp;
-export interface BusinessAddressFormFields {
+export declare const legalAddressSchema: import("yup").ObjectSchema<{
     line1: string;
-    line2?: string;
+    line2: string;
     city: string;
     state: string;
     postal_code: string;
     country: string;
-}
-declare const BusinessAddressFormSchema: import("yup").ObjectSchema<{
+}, import("yup").AnyObject, {
+    line1: undefined;
+    line2: undefined;
+    city: undefined;
+    state: undefined;
+    postal_code: undefined;
+    country: undefined;
+}, "">;
+export declare const identityAddressSchema: 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 default BusinessAddressFormSchema;

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

@@ -0,0 +1,19 @@
+export declare const businessCoreInfoSchema: import("yup").ObjectSchema<{
+    legal_name: string;
+    website_url: string;
+    email: string;
+    phone: string;
+    doing_business_as: string;
+    business_type: string;
+    business_structure: string;
+    industry: string;
+}, import("yup").AnyObject, {
+    legal_name: undefined;
+    website_url: undefined;
+    email: undefined;
+    phone: undefined;
+    doing_business_as: undefined;
+    business_type: undefined;
+    business_structure: undefined;
+    industry: undefined;
+}, "">;

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

@@ -1,27 +1,4 @@
-export declare const RegExZip: RegExp;
-type BusinessType = 'for_profit' | 'non_profit' | 'government_entity' | 'individual' | '';
-type BusinessStructure = 'sole_proprietorship' | 'single_llc' | 'multi_llc' | 'private_partnership' | 'private_corporation' | 'unincorporated_association' | 'public_partnership' | 'public_corporation' | 'incorporated' | 'unincorporated' | 'government_unit' | 'government_instrumentality' | 'tax_exempt_government_instrumentality' | '';
-export declare class Business {
-    legal_name: string;
-    website_url: string;
-    email: string;
-    phone: string;
-    doing_business_as: string;
-    business_type: string;
-    business_structure: string;
-    industry: string;
-    metadata: any;
-    constructor(data?: any);
-}
-export declare const BusinessTypeOptions: {
-    label: string;
-    value: BusinessType;
-}[];
-export declare const BusinessStructureOptions: {
-    label: string;
-    value: BusinessStructure;
-}[];
-declare const businessFormSchema: import("yup").ObjectSchema<{
+export declare const businessFormSchema: import("yup").ObjectSchema<{
     legal_address: {
         city?: string;
         state?: string;
@@ -37,13 +14,13 @@ declare const businessFormSchema: import("yup").ObjectSchema<{
         business_receivable_volume?: string;
     };
     representative: {
-        name?: string;
         address?: {
             city?: string;
             state?: string;
             line1?: string;
             postal_code?: string;
         };
+        name?: string;
         email?: string;
         phone?: string;
         dob_day?: string;
@@ -98,4 +75,3 @@ declare const businessFormSchema: import("yup").ObjectSchema<{
     business_structure: undefined;
     industry: undefined;
 }, "">;
-export default businessFormSchema;

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

@@ -0,0 +1,59 @@
+export declare const phoneRegex: RegExp;
+export declare const representativeSchema: import("yup").ObjectSchema<{
+    name: string;
+    email: string;
+    phone: string;
+    dob_day: string;
+    dob_month: string;
+    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: {
+        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;
+    };
+}, "">;

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

@@ -0,0 +1,33 @@
+export declare const ownerSchema: import("yup").ObjectSchema<{
+    name: string;
+    title: string;
+    email: string;
+    phone: string;
+    dob_day: string;
+    dob_month: string;
+    dob_year: string;
+    identification_number: string;
+    is_owner: boolean;
+    address: {
+        city?: string;
+        state?: string;
+        line1?: string;
+        postal_code?: string;
+    };
+}, import("yup").AnyObject, {
+    name: undefined;
+    title: undefined;
+    email: undefined;
+    phone: undefined;
+    dob_day: undefined;
+    dob_month: undefined;
+    dob_year: undefined;
+    identification_number: undefined;
+    is_owner: undefined;
+    address: {
+        line1: undefined;
+        city: undefined;
+        state: undefined;
+        postal_code: undefined;
+    };
+}, "">;

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

@@ -0,0 +1,11 @@
+type BusinessType = 'for_profit' | 'non_profit' | 'government_entity' | 'individual' | '';
+type BusinessStructure = 'sole_proprietorship' | 'single_llc' | 'multi_llc' | 'private_partnership' | 'private_corporation' | 'unincorporated_association' | 'public_partnership' | 'public_corporation' | 'incorporated' | 'unincorporated' | 'government_unit' | 'government_instrumentality' | 'tax_exempt_government_instrumentality' | '';
+export declare const BusinessTypeOptions: {
+    label: string;
+    value: BusinessType;
+}[];
+export declare const BusinessStructureOptions: {
+    label: string;
+    value: BusinessStructure;
+}[];
+export {};

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

@@ -0,0 +1,39 @@
+export interface BusinessFormSubmitEvent {
+    data: any;
+    metadata?: BusinessFormEventMetaData;
+}
+export interface BusinessFormClickEvent {
+    data?: any;
+    name: BusinessFormClickActions;
+}
+export interface BusinessFormServerErrorEvent {
+    data?: any;
+    message: BusinessFormServerErrors;
+}
+interface BusinessFormEventMetaData {
+    completedStep?: BusinessFormStep;
+}
+type BusinessFormStep = 'coreInfo' | 'legalAddress' | 'additionalQuestions' | 'representative' | 'owners';
+export declare enum BusinessFormServerErrors {
+    fetchData = "Error retrieving business data",
+    patchData = "Error updating business data"
+}
+export declare enum BusinessFormClickActions {
+    nextStep = "nextStep",
+    previousStep = "previousStep",
+    submit = "submit"
+}
+export interface OwnerFormSubmitEvent {
+    data: any;
+    metadata?: any;
+}
+export interface OwnerFormServerErrorEvent {
+    data?: any;
+    message: OwnerFormServerErrors;
+}
+export declare enum OwnerFormServerErrors {
+    fetchData = "Error retrieving owner data",
+    patchData = "Error updating owner data",
+    postData = "Error adding owner data"
+}
+export {};

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

@@ -0,0 +1,4 @@
+export declare const parseBusiness: (values: any, initialValues: any) => any;
+export declare const parseCoreInfo: (values: any) => any;
+export declare const parseAddressInfo: (values: any) => any;
+export declare const parseIdentityInfo: (values: any) => any;

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

@@ -0,0 +1,17 @@
+export declare const makeGetCheckout: ({ authToken, checkoutId, service }: {
+    authToken: any;
+    checkoutId: any;
+    service: any;
+}) => ({ onSuccess, onError }: {
+    onSuccess: any;
+    onError: any;
+}) => Promise<any>;
+export declare const makePay: ({ authToken, checkoutId, service }: {
+    authToken: any;
+    checkoutId: any;
+    service: any;
+}) => ({ paymentMethodToken, onSuccess, onError }: {
+    paymentMethodToken: any;
+    onSuccess: any;
+    onError: any;
+}) => Promise<any>;

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

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

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

@@ -0,0 +1,12 @@
+export declare class Checkout {
+    iframeOrigin?: string;
+    authToken: string;
+    checkoutId: string;
+    getCheckout: Function;
+    pay: Function;
+    errorMessage: string;
+    componentWillLoad(): void;
+    private initializeGetCheckout;
+    propChanged(): void;
+    render(): any;
+}

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

@@ -0,0 +1,17 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { PaymentMethodOption } from './payment-method-option-utils';
+export declare class NewPaymentMethod {
+    iframeOrigin?: string;
+    clientId: string;
+    accountId: string;
+    paymentMethodOption: PaymentMethodOption;
+    isSelected: boolean;
+    paymentMethodOptionSelected: EventEmitter;
+    private billingFormRef?;
+    private paymentMethodFormRef?;
+    getPaymentMethodToken(): Promise<string>;
+    tokenize(): Promise<any>;
+    onPaymentMethodOptionClick: () => void;
+    showNewPaymentMethodForm(): any;
+    render(): any;
+}

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

@@ -0,0 +1,16 @@
+export declare class PaymentMethodOption {
+    id: string;
+    brand?: string;
+    acct_last_four?: string;
+    constructor(paymentMethod: any);
+}
+export declare enum CardBrandLabels {
+    'american_express' = "American Express",
+    'diners_club' = "Diners Club",
+    'discover' = "Discover",
+    'jcb' = "JCB",
+    'mastercard' = "Mastercard",
+    'china_unionpay' = "UnionPay",
+    'visa' = "Visa",
+    'unknown' = "Unknown"
+}

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

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

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

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

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,19 @@
+export declare const mockCheckout: {
+    id: string;
+    type: string;
+    page_info: any;
+    data: {
+        payment_intent_id: string;
+        account_id: string;
+        platform_account_id: string;
+        payment_amount: string;
+        payment_client_id: string;
+        payment_description: string;
+        payment_methods: any[];
+        payment_method_group_id: any;
+        payment_settings: {
+            credit_card_payments: boolean;
+            ach_payments: boolean;
+        };
+    };
+};

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

@@ -1,7 +1,7 @@
 import { FunctionalComponent } from '../../stencil-public-runtime';
 export declare const LoadingState: () => any;
 export declare const ErrorState: (errorMessage: string) => any;
-export declare const DetailSection: FunctionalComponent<{
+export declare const DetailSectionTitle: FunctionalComponent<{
     sectionTitle: string;
 }>;
 export declare const DetailItem: ({ title, value, }: {

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

@@ -13,7 +13,7 @@ export declare class FormController {
     private processRegularError;
     private setNestedError;
     private setError;
-    private validate;
+    validate(context?: any): Promise<boolean>;
     validateAndSubmit(submitHandler: () => void, context?: any): Promise<void>;
     setInitialValues(values: any): void;
     setValues(values: any): void;

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

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

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

@@ -0,0 +1,11 @@
+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 }: {
+    onSuccess: any;
+    onError: any;
+}) => Promise<void>;
+export {};

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

@@ -0,0 +1,18 @@
+import { Chart } from 'chart.js';
+import { GrossVolumeReport } from '../../api/GrossVolume';
+export declare class GrossPaymentChartCore {
+    chart: Chart;
+    chartRef: HTMLCanvasElement;
+    getGrossPayment: Function;
+    grossVolumeReport: GrossVolumeReport;
+    loading: boolean;
+    errorMessage: string;
+    componentDidLoad(): void;
+    propChanged(): void;
+    grossVolumeReportChanged(grossVolumeReport: GrossVolumeReport): void;
+    fetchData(): Promise<void>;
+    initChart(grossVolumeReport: GrossVolumeReport): void;
+    updateChartData(grossVolumeReport: GrossVolumeReport): void;
+    disconnectedCallback(): void;
+    render(): any;
+}

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

@@ -1,20 +1,10 @@
-import { Chart } from 'chart.js';
-import { GrossVolumeReport, GrossVolumeReportDate } from '../../api/GrossVolume';
 export declare class GrossPaymentChart {
-    chart: Chart;
-    chartRef: HTMLCanvasElement;
     accountId: string;
     authToken: string;
-    data: GrossVolumeReport;
-    total: number;
-    dates: GrossVolumeReportDate[];
-    endDate: string;
-    loading: boolean;
+    getGrossPayment: Function;
     errorMessage: string;
-    updateOnPropChange(): void;
-    connectedCallback(): void;
-    componentDidRender(): void;
-    fetchData(): Promise<void>;
-    renderChart(): void;
+    componentWillLoad(): void;
+    propChanged(): void;
+    private initializeGetGrossPayment;
     render(): any;
 }

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

@@ -14,7 +14,6 @@ import { PaymentService } from '../../api/services/payment.service';
   * @exportedPart detail-metadata-title
   * @exportedPart detail-method-title
   * @exportedPart detail-method-data
-  * @exportedPart detail-section
   * @exportedPart detail-section-title
   * @exportedPart detail-section-item-title
   * @exportedPart detail-section-item-data

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

@@ -7,7 +7,7 @@ interface PaymentMethodCreateResponseWrapper {
     };
     page_info: string;
 }
-interface CardCreateResponse extends PaymentMethodCreateResponseWrapper {
+export interface CardCreateResponse extends PaymentMethodCreateResponseWrapper {
     data?: {
         signature: string;
         customer_id: string;
@@ -34,7 +34,7 @@ interface CardCreateResponse extends PaymentMethodCreateResponseWrapper {
         };
     };
 }
-interface BankAccountCreateResponse extends PaymentMethodCreateResponseWrapper {
+export interface BankAccountCreateResponse extends PaymentMethodCreateResponseWrapper {
     data?: {
         signature: string;
         customer_id: string;
@@ -50,11 +50,5 @@ interface BankAccountCreateResponse extends PaymentMethodCreateResponseWrapper {
         };
     };
 }
-interface PaymentMethodErrorResponse {
-    error: {
-        code: string;
-        message: string;
-    };
-}
-export type CreatePaymentMethodResponse = CardCreateResponse | BankAccountCreateResponse | PaymentMethodErrorResponse;
+export type CreatePaymentMethodResponse = CardCreateResponse | BankAccountCreateResponse;
 export {};