@justifi/webcomponents 4.7.5 → 4.8.0

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

@@ -8,6 +8,7 @@ export declare enum PaymentMethodTypes {
 }
 export declare enum PaymentStatuses {
     pending = "pending",
+    automatic = "automatic",
     authorized = "authorized",
     succeeded = "succeeded",
     failed = "failed",
@@ -87,6 +88,7 @@ export interface IPayment {
     amount_disputed: number;
     amount_refundable: number;
     amount_refunded: number;
+    amount_returned?: number;
     balance: number;
     captured: boolean;
     capture_strategy: CaptureStrategy;
@@ -100,11 +102,18 @@ export interface IPayment {
     is_test: boolean;
     metadata: Object | null;
     payment_method: IPaymentMethod;
-    payment_intent_id: string | null;
+    payment_intent_id?: string | null;
     refunded: boolean;
     status: PaymentStatuses;
     created_at: string;
     updated_at: string;
+    financial_transaction_id: string;
+    returned: boolean;
+    application_fee: IApplicationFee;
+    application_fee_rate_id?: string;
+    refunds: IRefund[];
+    transaction_hold?: null;
+    statement_descriptor?: string;
 }
 export declare class Payment implements IPayment {
     id: string;
@@ -132,6 +141,11 @@ export declare class Payment implements IPayment {
     created_at: string;
     updated_at: string;
     statement_descriptor?: string;
+    financial_transaction_id: string;
+    returned: boolean;
+    application_fee: IApplicationFee;
+    refunds: IRefund[];
+    transaction_hold: null;
     constructor(payment: IPayment);
     get disputedStatus(): PaymentDisputedStatuses | null;
 }
@@ -163,3 +177,21 @@ export declare class PaymentBalanceTransaction implements IPaymentBalanceTransac
     constructor(balanceTransaction: IPaymentBalanceTransaction);
     get displayTransactionId(): string;
 }
+export interface IRefund {
+    id: string;
+    payment_id: string;
+    amount: number;
+    description: string | null;
+    reason: string | null;
+    status: string;
+    metadata: null;
+    created_at: string;
+    updated_at: string;
+}
+export interface IApplicationFee {
+    id: string;
+    amount: number;
+    currency: string;
+    created_at: string;
+    updated_at: string;
+}

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

@@ -0,0 +1,9 @@
+import { IApiResponseCollection, IApiResponse, IPayment } from '..';
+export interface IPaymentService {
+    fetchPayments(accountId: string, authToken: string, params: any): Promise<IApiResponseCollection<IPayment[]>>;
+    fetchPayment(paymentId: string, authToken: string): Promise<IApiResponse<IPayment>>;
+}
+export declare class PaymentService implements IPaymentService {
+    fetchPayments(accountId: string, authToken: string, params: any): Promise<IApiResponseCollection<IPayment[]>>;
+    fetchPayment(paymentId: string, authToken: string): Promise<IApiResponse<IPayment>>;
+}

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

@@ -0,0 +1,9 @@
+import { IApiResponse, IApiResponseCollection, IPayout } from '..';
+export interface IPayoutService {
+    fetchPayouts(accountId: string, authToken: string, params: any): Promise<IApiResponseCollection<IPayout[]>>;
+    fetchPayout(payoutId: string, authToken: string): Promise<IApiResponse<IPayout>>;
+}
+export declare class PayoutService implements IPayoutService {
+    fetchPayouts(accountId: string, authToken: string, params: any): Promise<IApiResponseCollection<IPayout[]>>;
+    fetchPayout(payoutId: string, authToken: string): Promise<IApiResponse<IPayout>>;
+}

package/dist/types/api/services/utils.d.ts

@@ -0,0 +1 @@
+export declare const getErrorMessage: (error: any) => any;

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

@@ -1,4 +1,4 @@
-import { IBusiness } from '../../../api/Business';
+import { AdditionalQuestions } from '../../../api/Business';
 /**
  *
  * @exportedPart detail-section
@@ -8,6 +8,6 @@ import { IBusiness } from '../../../api/Business';
  * @exportedPart detail-empty-state
  */
 export declare class AdditionalQuestionsDetails {
-    business: IBusiness;
+    additionalQuestions: AdditionalQuestions;
     render(): any;
 }

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

@@ -1,4 +1,4 @@
-import { IBusiness } from '../../api/Business';
+import { Business } from '../../api/Business';
 declare enum RENDER_STATES {
     LOADING = "loading",
     READY = "ready",
@@ -15,7 +15,7 @@ declare enum RENDER_STATES {
 export declare class BusinessDetails {
     businessId: string;
     authToken: string;
-    business: IBusiness;
+    business: Business;
     renderState: RENDER_STATES;
     errorMessage: string;
     private api;

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

@@ -0,0 +1,5 @@
+export declare enum ClickEvents {
+    nextStep = "nextStep",
+    previousStep = "previousStep",
+    submit = "submit"
+}

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

@@ -23,12 +23,12 @@ export declare const BusinessStructureOptions: {
 }[];
 declare const businessFormSchema: import("yup").ObjectSchema<{
     legal_address: {
+        country?: string;
         city?: string;
         state?: string;
         line1?: string;
         line2?: string;
         postal_code?: string;
-        country?: string;
     };
     additional_questions: {
         business_revenue?: string;
@@ -51,23 +51,6 @@ declare const businessFormSchema: import("yup").ObjectSchema<{
         dob_year?: string;
         identification_number?: string;
     };
-    owners: {
-        name?: string;
-        title?: string;
-        address?: {
-            city?: string;
-            state?: string;
-            line1?: string;
-            postal_code?: string;
-        };
-        email?: string;
-        phone?: string;
-        dob_day?: string;
-        dob_month?: string;
-        dob_year?: string;
-        identification_number?: string;
-        is_owner?: boolean;
-    }[];
     legal_name: unknown;
     website_url: unknown;
     email: unknown;
@@ -106,7 +89,6 @@ declare const businessFormSchema: import("yup").ObjectSchema<{
             postal_code: undefined;
         };
     };
-    owners: "";
     legal_name: undefined;
     website_url: undefined;
     email: undefined;

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

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 /**
  * @exportedPart label: Label for inputs
  * @exportedPart input: The input fields
@@ -5,16 +6,33 @@
  */
 export declare class BusinessFormStepped {
     authToken: string;
-    accountId: string;
-    businessId?: string;
+    businessId: string;
     testMode: boolean;
+    hideErrors?: boolean;
     isLoading: boolean;
     currentStep: number;
     totalSteps: number;
-    serverError: string;
+    serverError: boolean;
+    errorMessage: string;
+    clickEvent: EventEmitter<{
+        data?: any;
+        name: string;
+    }>;
+    submitted: EventEmitter<{
+        data: any;
+    }>;
     private formController;
     private api;
     constructor();
+    get disabledState(): boolean;
+    get showErrors(): boolean;
+    get businessEndpoint(): string;
+    componentStepMapping: {
+        0: (formController: any) => any;
+        1: (formController: any) => any;
+        2: (formController: any) => any;
+        3: (formController: any) => any;
+    };
     componentWillLoad(): void;
     handleResponse(response: any, onSuccess: any): void;
     private sendData;
@@ -23,7 +41,7 @@ export declare class BusinessFormStepped {
     showPreviousStepButton(): boolean;
     previousStepButtonOnClick(): void;
     showNextStepButton(): boolean;
-    nextStepButtonOnClick(): void;
+    nextStepButtonOnClick(clickEventName: any): void;
     showSubmitButton(): boolean;
     currentStepComponent(): any;
     render(): any;

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

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../stencil-public-runtime';
 /**
  * @exportedPart label: Label for inputs
  * @exportedPart input: The input fields
@@ -5,8 +6,21 @@
  */
 export declare class BusinessForm {
     authToken: string;
-    businessId?: string;
+    businessId: string;
+    hideErrors?: boolean;
     isLoading: boolean;
+    serverError: boolean;
+    errorMessage: string;
+    clickEvent: EventEmitter<{
+        data?: any;
+        name: string;
+    }>;
+    submitted: EventEmitter<{
+        data: any;
+    }>;
+    get disabledState(): boolean;
+    get showErrors(): boolean;
+    get businessEndpoint(): string;
     private formController;
     private api;
     constructor();

package/dist/types/components/business-form/business-generic-info/business-generic-info.d.ts

@@ -1,4 +1,5 @@
 import { FormController } from '../../form/form';
+import { ICoreBusinessInfo } from '../../../api/Business';
 /**
  *
  * The difference between this component and business-generic-info-details
@@ -12,6 +13,7 @@ import { FormController } from '../../form/form';
 export declare class BusinessGenericInfo {
     formController: FormController;
     errors: any;
+    genericInfo: ICoreBusinessInfo;
     constructor();
     componentDidLoad(): void;
     inputHandler(name: string, value: string): void;

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

@@ -19,9 +19,9 @@ declare class BusinessOwner {
  */
 export declare class BusinessOwners {
     formController: FormController;
-    isEditing: boolean;
     errors: any[];
     owners: BusinessOwner[];
+    get disabledState(): boolean;
     constructor();
     componentDidLoad(): void;
     inputHandler(name: string, value: string, index: number): void;

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

@@ -1 +1 @@
-export declare const parseForPatching: (data: any) => any;
+export declare const parseForPatching: (values: any, initialValues: any) => any;

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

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

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

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

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

@@ -0,0 +1,8 @@
+export declare const makeGetPaymentDetails: ({ id, authToken, service }: {
+    id: any;
+    authToken: any;
+    service: any;
+}) => ({ onSuccess, onError }: {
+    onSuccess: any;
+    onError: any;
+}) => Promise<void>;

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

@@ -0,0 +1,11 @@
+import { Payment } from '../../api';
+export declare class PaymentDetailsCore {
+    getPaymentDetails: Function;
+    payment: Payment;
+    loading: boolean;
+    errorMessage: string;
+    componentWillLoad(): void;
+    updateOnPropChange(): void;
+    fetchData(): void;
+    render(): any;
+}

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

@@ -1,4 +1,4 @@
-import { Payment } from '../../api';
+import { PaymentService } from '../../api/services/payment.service';
 /**
   * @exportedPart detail-loading-spinner
   * @exportedPart detail-loading-state
@@ -26,11 +26,11 @@ import { Payment } from '../../api';
 export declare class PaymentDetails {
     paymentId: string;
     authToken: string;
-    payment: Payment;
-    loading: boolean;
+    getPaymentDetails: Function;
     errorMessage: string;
-    updateOnPropChange(): void;
-    connectedCallback(): void;
-    fetchData(): Promise<void>;
+    componentWillLoad(): void;
+    propChanged(): void;
+    private initializeGetPaymentDetails;
+    paymentService: PaymentService;
     render(): any;
 }

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

@@ -1,6 +1,6 @@
 interface PaymentMethodCreateResponseWrapper {
     id: string;
-    type: 'payment_method';
+    type: "payment_method";
     error?: {
         code: string;
         message: string;
@@ -23,6 +23,14 @@ interface CardCreateResponse extends PaymentMethodCreateResponseWrapper {
             metadata: any;
             address_line1_check: string;
             address_postal_code_check: string;
+            bin_details?: {
+                type: "Credit" | "Debit" | "Prepaid" | "Unknown";
+                card_brand: string;
+                card_class: string;
+                country: string;
+                issuer: string;
+                funding_source: "Charge" | "Credit" | "Debit" | "Deferred Debit (Visa Only)" | "Network Only" | "Prepaid";
+            };
         };
     };
 }
@@ -34,7 +42,7 @@ interface BankAccountCreateResponse extends PaymentMethodCreateResponseWrapper {
         bank_account: {
             id: string;
             account_owner_name: string;
-            account_type: 'checking' | 'savings';
+            account_type: "checking" | "savings";
             bank_name: string;
             acct_last_four: number;
             token: string;

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

@@ -0,0 +1,9 @@
+export declare const makeGetPayments: ({ id, authToken, service }: {
+    id: any;
+    authToken: any;
+    service: any;
+}) => ({ params, onSuccess, onError }: {
+    params: any;
+    onSuccess: any;
+    onError: any;
+}) => Promise<any>;

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

@@ -0,0 +1,17 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { PagingInfo, Payment } from '../../api';
+export declare class PaymentsListCore {
+    getPayments: Function;
+    payments: Payment[];
+    loading: boolean;
+    errorMessage: string;
+    paging: PagingInfo;
+    params: any;
+    rowClicked: EventEmitter<Payment>;
+    componentWillLoad(): void;
+    updateOnPropChange(): void;
+    handleClickPrevious: (beforeCursor: string) => void;
+    handleClickNext: (afterCursor: string) => void;
+    fetchData(): void;
+    render(): any;
+}

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

@@ -1,5 +1,3 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { PagingInfo, Payment } from '../../api';
 /**
   * @exportedPart table-head: Table head
   * @exportedPart table-head-row: Head row
@@ -22,16 +20,10 @@ import { PagingInfo, Payment } from '../../api';
 export declare class PaymentsList {
     accountId: string;
     authToken: string;
-    payments: Payment[];
-    loading: boolean;
+    getPayments: Function;
     errorMessage: string;
-    paging: PagingInfo;
-    params: any;
-    rowClicked: EventEmitter<Payment>;
-    updateOnPropChange(): void;
-    connectedCallback(): void;
-    handleClickPrevious: (beforeCursor: string) => void;
-    handleClickNext: (afterCursor: string) => void;
-    fetchData(): Promise<void>;
+    componentWillLoad(): void;
+    propChanged(): void;
+    private initializeGetPayments;
     render(): any;
 }

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

@@ -0,0 +1,8 @@
+export declare const makeGetPayoutDetails: ({ id, authToken, service }: {
+    id: any;
+    authToken: any;
+    service: any;
+}) => ({ onSuccess, onError }: {
+    onSuccess: any;
+    onError: any;
+}) => Promise<void>;

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

@@ -0,0 +1,11 @@
+import { Payout } from '../../api';
+export declare class PayoutDetailsCore {
+    getPayout: Function;
+    payout: Payout;
+    loading: boolean;
+    errorMessage: string;
+    componentWillLoad(): void;
+    getPayoutWatcher(): void;
+    fetchData(): void;
+    render(): any;
+}

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

@@ -1,36 +1,10 @@
-import { Payout } from '../../api';
-/**
-  * @exportedPart detail-loading-spinner
-  * @exportedPart detail-loading-state
-  * @exportedPart detail-empty-state
-  * @exportedPart detail-head
-  * @exportedPart detail-title
-  * @exportedPart detail-method
-  * @exportedPart detail-info
-  * @exportedPart detail-info-item
-  * @exportedPart detail-info-item-title
-  * @exportedPart detail-info-item-data
-  * @exportedPart detail-metadata
-  * @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
-  * @exportedPart detail-head-info
-  * @exportedPart detail-head-info-item
-  * @exportedPart detail-head-info-item-title
-  * @exportedPart detail-head-info-item-data
-*/
-export declare class PaymentDetails {
+export declare class PayoutDetails {
     payoutId: string;
     authToken: string;
-    payout: Payout;
-    loading: boolean;
+    getPayout: Function;
     errorMessage: string;
-    updateOnPropChange(): void;
-    connectedCallback(): void;
-    fetchData(): Promise<void>;
+    componentWillLoad(): void;
+    propChanged(): void;
+    initializeGetPayout(): void;
     render(): any;
 }

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

@@ -0,0 +1,9 @@
+export declare const makeGetPayouts: ({ id, authToken, service }: {
+    id: any;
+    authToken: any;
+    service: any;
+}) => ({ params, onSuccess, onError }: {
+    params: any;
+    onSuccess: any;
+    onError: any;
+}) => Promise<any>;

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

@@ -0,0 +1,18 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { PagingInfo, Payout, PayoutStatuses } from '../../api';
+export declare class PayoutsListCore {
+    getPayouts: Function;
+    payouts: Payout[];
+    loading: boolean;
+    errorMessage: string;
+    paging: PagingInfo;
+    params: any;
+    rowClicked: EventEmitter<Payout>;
+    componentWillLoad(): void;
+    updateOnPropChange(): void;
+    mapStatusToBadge: (status: PayoutStatuses) => string;
+    handleClickPrevious: (beforeCursor: string) => void;
+    handleClickNext: (afterCursor: string) => void;
+    fetchData(): void;
+    render(): any;
+}

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

@@ -1,5 +1,3 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { PagingInfo, Payout, PayoutStatuses } from '../../api';
 /**
   * @exportedPart table-head: Table head
   * @exportedPart table-head-row: Head row
@@ -22,17 +20,10 @@ import { PagingInfo, Payout, PayoutStatuses } from '../../api';
 export declare class PayoutsList {
     accountId: string;
     authToken: string;
-    payouts: Payout[];
-    loading: boolean;
+    getPayouts: Function;
     errorMessage: string;
-    paging: PagingInfo;
-    params: any;
-    rowClicked: EventEmitter<Payout>;
-    updateOnPropChange(): void;
-    connectedCallback(): void;
-    mapStatusToBadge: (status: PayoutStatuses) => string;
-    handleClickPrevious: (beforeCursor: string) => void;
-    handleClickNext: (afterCursor: string) => void;
-    fetchData(): Promise<void>;
+    componentWillLoad(): void;
+    propChanged(): void;
+    private initializeGetPayouts;
     render(): any;
 }

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

@@ -16,9 +16,8 @@ export declare class Table {
     params: TableProps['params'];
     entityId: string[];
     rowClickHandler: (e: any) => any;
-    showEmptyState(): boolean;
-    emptyState: () => any;
-    errorState: () => any;
-    loadingState: () => any;
+    get showEmptyState(): boolean;
+    get showErrorState(): boolean;
+    get showRowData(): boolean;
     render(): any;
 }

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

@@ -0,0 +1,3 @@
+export declare const LoadingState: (columnSpan: number) => any;
+export declare const EmptyState: (columnSpan: number) => any;
+export declare const ErrorState: (columnSpan: number, errorMessage: string) => any;