@justifi/webcomponents 4.7.6 → 4.8.0

package/dist/module/utils.js

@@ -1,14 +1,14 @@
 import { h } from '@stencil/core/internal/client';
 
-const LoadingState = (h("main", { part: "detail-loading-state", class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } },
+const LoadingState = () => (h("main", { part: "detail-loading-state", class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } },
     h("div", { part: "detail-loading-spinner", class: "spinner-border spinner-border-sm", role: "status" },
         h("span", { class: "visually-hidden" }, "Loading..."))));
 const ErrorState = (errorMessage) => (h("main", { part: "detail-empty-state", class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } },
     h("div", null, errorMessage)));
-const DetailSection = ({ sectionTitle }, children) => (h("div", { part: "detail-section", class: "mt-4" },
-    h("h5", { part: "detail-section-title" }, sectionTitle),
+const DetailSection = (props, children) => (h("div", { part: "detail-section", class: "mt-4" },
+    h("h5", { part: "detail-section-title" }, props.sectionTitle),
     h("hr", null),
-    h("div", { class: "d-table gap-2 w-100" }, children)));
+    h("div", { class: "d-table gap-2 w-100" }, ...children)));
 const DetailItem = ({ title, value, }) => title && value ? (h("div", { class: "d-table-row gap-2" },
     h("span", { part: "detail-section-item-title", class: "fw-bold d-table-cell px-2" }, title),
     h("span", { part: "detail-section-item-data", class: "flex-1 d-table-cell px-2 text-wrap", innerHTML: value }))) : null;

package/dist/module/utils3.js

@@ -1,31 +1,8 @@
-import { h } from '@stencil/core/internal/client';
-
-// These props should not be sent to the server
-const parseForPatching = (data) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-    delete data.id;
-    delete data.documents;
-    delete data.bank_accounts;
-    delete data.product_categories;
-    delete data.created_at;
-    delete data.updated_at;
-    (_a = data.legal_address) === null || _a === void 0 ? true : delete _a.id;
-    (_b = data.legal_address) === null || _b === void 0 ? true : delete _b.created_at;
-    (_c = data.legal_address) === null || _c === void 0 ? true : delete _c.updated_at;
-    (_d = data.representative) === null || _d === void 0 ? true : delete _d.id;
-    (_e = data.representative) === null || _e === void 0 ? true : delete _e.documents;
-    (_f = data.representative) === null || _f === void 0 ? true : delete _f.created_at;
-    (_g = data.representative) === null || _g === void 0 ? true : delete _g.updated_at;
-    (_h = data.representative) === null || _h === void 0 ? true : delete _h.address.id;
-    (_j = data.representative) === null || _j === void 0 ? true : delete _j.address.created_at;
-    (_k = data.representative) === null || _k === void 0 ? true : delete _k.address.updated_at;
-    delete data.owners;
-    return data;
+const getErrorMessage = (error) => {
+    if (typeof error === 'string') {
+        return error;
+    }
+    return error.message;
 };
 
-const FormAlert = (message) => (h("div", { class: 'alert alert-danger d-flex align-items-center', role: 'alert' },
-    h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "currentColor", class: "bi bi-exclamation-triangle-fill flex-shrink-0 me-2", viewBox: "0 0 16 16", role: "img", "aria-label": "Warning:" },
-        h("path", { d: "M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" })),
-    h("div", null, message)));
-
-export { FormAlert as F, parseForPatching as p };
+export { getErrorMessage as g };

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

@@ -21,16 +21,16 @@ export declare enum BusinessType {
     government_entity = "government_entity"
 }
 export interface Address {
-    id: string;
-    platform_account_id: string;
-    line1: string;
-    line2: string;
-    postal_code: string;
-    city: string;
-    state: string;
-    country: string;
-    created_at: string;
-    updated_at: string;
+    id?: string;
+    platform_account_id?: string;
+    line1?: string;
+    line2?: string;
+    postal_code?: string;
+    city?: string;
+    state?: string;
+    country?: string;
+    created_at?: string;
+    updated_at?: string;
 }
 export interface Document {
     business_id: string;
@@ -48,22 +48,22 @@ export interface Document {
     updated_at: string;
 }
 export interface Identity {
-    address: Address;
-    created_at: string;
-    dob_day: string;
-    dob_month: string;
-    dob_year: string;
-    documents: Document[];
-    email: string;
-    id: string;
-    is_owner: boolean;
-    metadata: any;
-    name: string;
-    phone: string;
-    platform_account_id: string;
-    ssn_last4: string;
-    title: string;
-    updated_at: string;
+    address?: Address;
+    created_at?: string;
+    dob_day?: string;
+    dob_month?: string;
+    dob_year?: string;
+    documents?: Document[];
+    email?: string;
+    id?: string;
+    is_owner?: boolean;
+    metadata?: any;
+    name?: string;
+    phone?: string;
+    platform_account_id?: string;
+    ssn_last4?: string;
+    title?: string;
+    updated_at?: string;
 }
 export interface ProductCategories {
     credit: boolean;
@@ -72,12 +72,36 @@ export interface ProductCategories {
     payment: boolean;
 }
 export interface AdditionalQuestions {
-    business_revenue: string;
-    business_payment_volume: string;
-    business_dispute_volume: string;
-    business_receivable_volume: string;
+    business_revenue?: string;
+    business_payment_volume?: string;
+    business_dispute_volume?: string;
+    business_receivable_volume?: string;
+}
+export interface ICoreBusinessInfo {
+    business_structure?: BusinessStructure;
+    business_type?: BusinessType;
+    legal_name?: string;
+    doing_business_as?: string;
+    industry?: string;
+    tax_id?: string;
+    website_url?: string;
+    email?: string;
+    phone?: string;
+}
+export declare class CoreBusinessInfo implements ICoreBusinessInfo {
+    business_structure: BusinessStructure;
+    business_type: BusinessType;
+    legal_name: string;
+    doing_business_as: string;
+    industry: string;
+    tax_id: string;
+    website_url: string;
+    email: string;
+    phone: string;
+    constructor(coreBusinessInfo: ICoreBusinessInfo);
 }
 export interface IBusiness {
+    additional_questions: AdditionalQuestions | {};
     business_structure: BusinessStructure;
     business_type: BusinessType;
     bank_accounts: BankAccount[];
@@ -87,20 +111,20 @@ export interface IBusiness {
     email: string;
     id: string;
     industry: string;
-    legal_address: Address;
+    legal_address: Address | {};
     legal_name: string;
     metadata: any;
     owners: Identity[];
     phone: string;
     platform_account_id: string;
-    representative: Identity | null;
+    product_categories: ProductCategories;
+    representative: Identity | {};
     tax_id: string;
     updated_at: string;
     website_url: string;
-    product_categories: ProductCategories;
-    additional_questions: AdditionalQuestions;
 }
 export declare class Business implements IBusiness {
+    additional_questions: AdditionalQuestions | {};
     business_structure: BusinessStructure;
     business_type: BusinessType;
     bank_accounts: BankAccount[];
@@ -110,18 +134,17 @@ export declare class Business implements IBusiness {
     email: string;
     id: string;
     industry: string;
-    legal_address: Address;
+    legal_address: Address | {};
     legal_name: string;
     metadata: any;
     owners: Identity[];
     phone: string;
     platform_account_id: string;
-    representative: Identity | null;
+    representative: Identity | {};
     tax_id: string;
     updated_at: string;
     website_url: string;
     product_categories: ProductCategories;
-    additional_questions: AdditionalQuestions;
     constructor(business: IBusiness);
 }
 export interface IProductReadiness {

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,7 +6,7 @@
  */
 export declare class BusinessFormStepped {
     authToken: string;
-    businessId?: string;
+    businessId: string;
     testMode: boolean;
     hideErrors?: boolean;
     isLoading: boolean;
@@ -13,12 +14,25 @@ export declare class BusinessFormStepped {
     totalSteps: number;
     serverError: boolean;
     errorMessage: string;
-    get submitDisabled(): boolean;
-    get nextDisabled(): boolean;
-    get showErrors(): boolean;
+    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;
@@ -27,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,13 +6,21 @@
  */
 export declare class BusinessForm {
     authToken: string;
-    businessId?: string;
+    businessId: string;
     hideErrors?: boolean;
     isLoading: boolean;
     serverError: boolean;
     errorMessage: string;
-    get submitDisabled(): boolean;
+    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/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>;