@justifi/webcomponents 4.8.3 → 4.10.0-rc.0

package/dist/module/utils2.js

@@ -3839,6 +3839,7 @@ var Dinero = function Dinero(options) {
 
 var dinero = Object.assign(Dinero, Defaults, Globals, Static);
 
+const RegExZip = /^\d{5}/;
 function formatCurrency(amount, withSymbol = true) {
     if (!amount)
         amount = 0;
@@ -3887,7 +3888,9 @@ function formatMediumDate(input) {
 }
 function formatDisplayDate(value, endDate) {
     const isEndingDate = value === endDate;
-    return (isEndingDate) ? 'Today' : format(new Date(value.replace(/-/g, '/')), 'MMM d');
+    return isEndingDate
+        ? 'Today'
+        : format(new Date(value.replace(/-/g, '/')), 'MMM d');
 }
 function formatTime(dateString) {
     if (!dateString)
@@ -3972,11 +3975,28 @@ const MapSubAccountStatusToBadge = (status) => {
  * console.log(readable); // Outputs: "Sole Proprietorship"
  */
 function snakeCaseToHumanReadable(snakeCaseStr) {
+    if (!snakeCaseStr)
+        return '';
     return snakeCaseStr
         .split('_')
-        .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+        .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
         .join(' ');
 }
+function flattenNestedObject(obj) {
+    const result = {};
+    for (const key in obj) {
+        if (typeof obj[key] === 'object' && obj[key] !== null) {
+            const nestedObj = flattenNestedObject(obj[key]);
+            for (const nestedKey in nestedObj) {
+                result[nestedKey] = nestedObj[nestedKey];
+            }
+        }
+        else {
+            result[key] = obj[key];
+        }
+    }
+    return result;
+}
 function composeQueryParams(values) {
     const queryParams = values.map((value) => {
         if (value === values[0]) {
@@ -4008,5 +4028,8 @@ async function loadFontsOnParent() {
     fonts.href = fontHref;
     parent.append(fonts);
 }
+function isEmptyObject(obj) {
+    return Object.keys(obj).length === 0 && obj.constructor === Object;
+}
 
-export { MapPaymentStatusToBadge as M, formatDate as a, formatCurrency as b, composeQueryParams as c, formatDisplayDate as d, formatTime as e, formatMediumDate as f, MapPayoutStatusToBadge as g, MapSubAccountStatusToBadge as h, formatPercentage as i, formatLegalAddress as j, loadFontsOnParent as l, snakeCaseToHumanReadable as s };
+export { MapPaymentStatusToBadge as M, RegExZip as R, formatCurrency as a, formatDisplayDate as b, composeQueryParams as c, flattenNestedObject as d, formatDate as e, formatMediumDate as f, extractComputedFontsToLoad as g, formatTime as h, isEmptyObject as i, MapPayoutStatusToBadge as j, MapSubAccountStatusToBadge as k, loadFontsOnParent as l, formatPercentage as m, formatLegalAddress as n, snakeCaseToHumanReadable as s };

package/dist/module/utils4.js

@@ -0,0 +1,10 @@
+import { h } from '@stencil/core/internal/client';
+
+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)));
+const LoadingSpinner = () => (h("div", { class: "spinner-border spinner-border-sm", role: "status" },
+    h("span", { class: "visually-hidden" }, "Loading...")));
+
+export { FormAlert as F, LoadingSpinner as L };

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

@@ -4,7 +4,7 @@ export interface IApiResponse<T> {
     error?: IErrorObject | IServerError;
     page_info?: PagingInfo;
     errors?: string[];
-    id: number;
+    id: number | string;
     type: string;
 }
 export type IServerError = string;

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

@@ -1,3 +1,4 @@
+import { Identity } from './Identity';
 import { BankAccount } from './shared';
 export declare enum BusinessStructure {
     sole_proprietorship = "sole_proprietorship",
@@ -60,24 +61,6 @@ export interface Document {
     status: string;
     updated_at: string;
 }
-export interface Identity {
-    address?: IAddress;
-    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;
     insurance: boolean;

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

@@ -0,0 +1,14 @@
+export interface ICheckout {
+    payment_intent_id: string;
+    account_id: string;
+    platform_account_id: string;
+    payment_amount: string;
+    payment_client_id: string;
+    payment_description: string;
+    payment_methods: string[];
+    payment_method_group_id: string | null;
+    payment_settings: {
+        credit_card_payments: boolean;
+        ach_payments: boolean;
+    };
+}

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

@@ -0,0 +1,60 @@
+import { Address, IAddress } from "./Business";
+export interface Identity {
+    address?: IAddress;
+    created_at?: string;
+    dob_day?: string;
+    dob_month?: string;
+    dob_year?: string;
+    documents?: Document[];
+    email?: string;
+    id?: string;
+    business_id?: string;
+    is_owner?: boolean;
+    metadata?: any;
+    name?: string;
+    phone?: string;
+    platform_account_id?: string;
+    ssn_last4?: string;
+    title?: string;
+    updated_at?: string;
+}
+export declare class Owner implements Identity {
+    address?: Address;
+    created_at?: string;
+    dob_day?: string;
+    dob_month?: string;
+    dob_year?: string;
+    documents?: Document[];
+    email?: string;
+    id?: string;
+    business_id?: string;
+    is_owner?: boolean;
+    metadata?: any;
+    name?: string;
+    phone?: string;
+    platform_account_id?: string;
+    ssn_last4?: string;
+    title?: string;
+    updated_at?: string;
+    constructor(owner: Identity);
+}
+export declare class Representative implements Identity {
+    address?: Address;
+    created_at?: string;
+    dob_day?: string;
+    dob_month?: string;
+    dob_year?: string;
+    documents?: Document[];
+    email?: string;
+    id?: string;
+    business_id?: string;
+    is_owner?: boolean;
+    metadata?: any;
+    name?: string;
+    phone?: string;
+    platform_account_id?: string;
+    ssn_last4?: string;
+    title?: string;
+    updated_at?: string;
+    constructor(representative: Identity);
+}

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

@@ -1,5 +1,6 @@
 export { default as Api } from './Api';
 export * from './Api';
+export * from './Checkout';
 export * from './Pagination';
 export * from './Payment';
 export * from './Payout';

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

@@ -0,0 +1,8 @@
+import { IApiResponse } from '../Api';
+import { IBusiness } from '../Business';
+export interface IBusinessService {
+    fetchBusiness(businessId: string, authToken: string): Promise<IApiResponse<IBusiness>>;
+}
+export declare class BusinessService implements IBusinessService {
+    fetchBusiness(businessId: string, authToken: string): Promise<IApiResponse<IBusiness>>;
+}

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

@@ -0,0 +1,9 @@
+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>>;
+}
+export declare class CheckoutService implements ICheckoutService {
+    fetchCheckout(authToken: string, checkoutId: string): Promise<IApiResponse<ICheckout>>;
+    pay(authToken: string, checkoutId: string, paymentMethodToken: string): Promise<IApiResponse<ICheckout>>;
+}

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

@@ -0,0 +1,5 @@
+import { IApiResponse } from '../Api';
+import { GrossVolumeReport } from '../GrossVolume';
+export declare class ReportsService {
+    fetchGrossVolumeChartData(accountId: string, authToken: string): Promise<IApiResponse<GrossVolumeReport>>;
+}

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

@@ -1,4 +1,3 @@
-export declare const RegExZip: RegExp;
 export interface BillingFormFields {
     name: string;
     address_line1: string;

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

@@ -28,6 +28,5 @@ export declare class BillingForm {
      * @returns {Promise<BillingFormFields>} The values of the form
      */
     getValues(): Promise<BillingFormFields>;
-    legendBlock: any;
     render(): any;
 }

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

@@ -0,0 +1,16 @@
+import { Business } from '../../api/Business';
+declare enum RENDER_STATES {
+    LOADING = "loading",
+    READY = "ready",
+    ERROR = "error"
+}
+export declare class BusinessDetailsCore {
+    getBusiness: Function;
+    business: Business;
+    renderState: RENDER_STATES;
+    errorMessage: string;
+    componentWillLoad(): Promise<void>;
+    fetchData(): void;
+    render(): any;
+}
+export {};

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

@@ -1,9 +1,3 @@
-import { Business } from '../../api/Business';
-declare enum RENDER_STATES {
-    LOADING = "loading",
-    READY = "ready",
-    ERROR = "error"
-}
 /**
  *
  * @exportedPart detail-section
@@ -15,13 +9,9 @@ declare enum RENDER_STATES {
 export declare class BusinessDetails {
     businessId: string;
     authToken: string;
-    business: Business;
-    renderState: RENDER_STATES;
     errorMessage: string;
-    private api;
-    constructor();
-    componentWillLoad(): Promise<void>;
-    fetchBusiness(businessId: any): Promise<void>;
+    getBusiness: Function;
+    componentWillLoad(): void;
+    private initializeGetBusiness;
     render(): any;
 }
-export {};

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

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

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

@@ -1,12 +1,4 @@
-import { Identity } from '../../../api/Business';
-/**
- *
- * @exportedPart detail-section
- * @exportedPart detail-section-title
- * @exportedPart detail-section-item-title
- * @exportedPart detail-section-item-data
- * @exportedPart detail-empty-state
- */
+import { Identity } from '../../../api/Identity';
 export declare class OwnerDetails {
     owners: Identity[];
     render(): any;

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

@@ -1,4 +1,4 @@
-import { Identity } from '../../../api/Business';
+import { Identity } from '../../../api/Identity';
 /**
  *
  * @exportedPart detail-section

package/dist/types/components/{business-form → business-forms/business-form}/additional-questions/additional-questions.d.ts

@@ -1,4 +1,4 @@
-import { FormController } from '../../form/form';
+import { FormController } from '../../../form/form';
 /**
  * @exportedPart label: Label for inputs
  * @exportedPart input: The input fields

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

@@ -1,5 +1,5 @@
 export declare class BusinessAddressForm {
-    onFormUpdate: (values: any) => void;
+    handleFormUpdate: (values: any) => void;
     errors: any;
     defaultValues: any;
     address: any;

package/dist/types/components/{business-form/business-generic-info/business-generic-info.d.ts → business-forms/business-form/business-core-info/business-core-info.d.ts}

@@ -1,8 +1,8 @@
-import { FormController } from '../../form/form';
-import { ICoreBusinessInfo } from '../../../api/Business';
+import { FormController } from '../../../form/form';
+import { ICoreBusinessInfo } from '../../../../api/Business';
 /**
  *
- * The difference between this component and business-generic-info-details
+ * The difference between this component and business-core-info-details
  * is that this component is meant to be a form and send data
  * and the other one  is meant to be just read only.
  *
@@ -10,10 +10,10 @@ import { ICoreBusinessInfo } from '../../../api/Business';
  * @exportedPart input: The input fields
  * @exportedPart input-invalid: Invalid state for inputfs
  */
-export declare class BusinessGenericInfo {
+export declare class BusinessCoreInfo {
     formController: FormController;
     errors: any;
-    genericInfo: ICoreBusinessInfo;
+    coreInfo: ICoreBusinessInfo;
     constructor();
     componentDidLoad(): void;
     inputHandler(name: string, value: string): void;

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

@@ -1,4 +1,5 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { BusinessFormClickEvent, BusinessFormServerErrors, BusinessFormSubmitEvent } from '../utils/business-form-types';
 /**
  * @exportedPart label: Label for inputs
  * @exportedPart input: The input fields
@@ -9,15 +10,9 @@ export declare class BusinessForm {
     businessId: string;
     hideErrors?: boolean;
     isLoading: boolean;
-    serverError: boolean;
-    errorMessage: string;
-    clickEvent: EventEmitter<{
-        data?: any;
-        name: string;
-    }>;
-    submitted: EventEmitter<{
-        data: any;
-    }>;
+    errorMessage: BusinessFormServerErrors;
+    clickEvent: EventEmitter<BusinessFormClickEvent>;
+    submitted: EventEmitter<BusinessFormSubmitEvent>;
     get disabledState(): boolean;
     get showErrors(): boolean;
     get businessEndpoint(): string;

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

@@ -1,4 +1,4 @@
-import { FormController } from '../../form/form';
+import { FormController } from '../../../form/form';
 declare class BusinessOwner {
     name: string;
     title: string;

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

@@ -1,4 +1,4 @@
-import { FormController } from '../../form/form';
+import { FormController } from '../../../form/form';
 export declare class BusinessRepresentative {
     formController: FormController;
     errors: any;

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

@@ -1,5 +1,5 @@
-import { FormController } from '../../form/form';
-import { IAddress } from '../../../api/Business';
+import { FormController } from '../../../form/form';
+import { IAddress } from '../../../../api/Business';
 /**
  * @exportedPart label: Label for inputs
  * @exportedPart input: The input fields

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

@@ -0,0 +1,30 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import { FormController } from '../../../form/form';
+import { BusinessFormServerErrorEvent, BusinessFormSubmitEvent } from '../../utils/business-form-types';
+/**
+ * @exportedPart label: Label for inputs
+ * @exportedPart input: The input fields
+ * @exportedPart input-invalid: Invalid state for inputfs
+ */
+export declare class AdditionalQuestionsFormStep {
+    authToken: string;
+    businessId: string;
+    formController: FormController;
+    errors: any;
+    additional_questions: any;
+    submitted: EventEmitter<BusinessFormSubmitEvent>;
+    formLoading: EventEmitter<boolean>;
+    serverError: EventEmitter<BusinessFormServerErrorEvent>;
+    private api;
+    get businessEndpoint(): string;
+    private fetchData;
+    private sendData;
+    handleResponse(response: any, onSuccess: any): void;
+    validateAndSubmit({ onSuccess }: {
+        onSuccess: any;
+    }): Promise<void>;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    inputHandler: (name: string, value: string) => void;
+    render(): any;
+}

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

@@ -0,0 +1,9 @@
+export declare class BusinessAddressFormStep {
+    handleFormUpdate: (values: any) => void;
+    errors: any;
+    defaultValues: any;
+    address: any;
+    handleAddressChange(newValues: any): void;
+    inputHandler(name: string, value: string): void;
+    render(): any;
+}

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

@@ -0,0 +1,36 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import { FormController } from '../../../form/form';
+import { ICoreBusinessInfo } from '../../../../api/Business';
+import { BusinessFormServerErrorEvent, BusinessFormSubmitEvent } from '../../utils/business-form-types';
+/**
+ *
+ * The difference between this component and business-generic-info-details
+ * is that this component is meant to be a form and send data
+ * and the other one  is meant to be just read only.
+ *
+ * @exportedPart label: Label for inputs
+ * @exportedPart input: The input fields
+ * @exportedPart input-invalid: Invalid state for inputfs
+ */
+export declare class BusinessCoreInfoFormStep {
+    authToken: string;
+    businessId: string;
+    formController: FormController;
+    errors: any;
+    coreInfo: ICoreBusinessInfo;
+    submitted: EventEmitter<BusinessFormSubmitEvent>;
+    formLoading: EventEmitter<boolean>;
+    serverError: EventEmitter<BusinessFormServerErrorEvent>;
+    private api;
+    get businessEndpoint(): string;
+    private fetchData;
+    private sendData;
+    handleResponse(response: any, onSuccess: any): void;
+    validateAndSubmit({ onSuccess }: {
+        onSuccess: any;
+    }): Promise<void>;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    inputHandler: (name: string, value: string) => void;
+    render(): any;
+}

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

@@ -0,0 +1,45 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { BusinessFormClickEvent } from '../utils/business-form-types';
+/**
+ * @exportedPart label: Label for inputs
+ * @exportedPart input: The input fields
+ * @exportedPart input-invalid: Invalid state for inputfs
+ */
+export declare class BusinessFormStepped {
+    authToken: string;
+    businessId: string;
+    testMode: boolean;
+    hideErrors?: boolean;
+    formLoading: boolean;
+    errorMessage: string;
+    currentStep: number;
+    totalSteps: number;
+    clickEvent: EventEmitter<BusinessFormClickEvent>;
+    get showErrors(): boolean;
+    get businessEndpoint(): string;
+    private coreInfoRef;
+    private legalAddressRef;
+    private additionalQuestionsRef;
+    private representativeRef;
+    private ownersRef;
+    private refs;
+    componentStepMapping: {
+        0: () => any;
+        1: () => any;
+        2: () => any;
+        3: () => any;
+        4: () => any;
+    };
+    componentWillLoad(): void;
+    handleFormLoading(e: CustomEvent): void;
+    handleServerErrors(e: CustomEvent): void;
+    showPreviousStepButton(): boolean;
+    showNextStepButton(): boolean;
+    incrementSteps: () => number;
+    decrementSteps: () => number;
+    previousStepButtonOnClick(): void;
+    nextStepButtonOnClick(e: any, clickEventName: any): void;
+    showSubmitButton(): boolean;
+    currentStepComponent(): any;
+    render(): any;
+}

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

@@ -0,0 +1,36 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import { BusinessFormServerErrorEvent, BusinessFormSubmitEvent } from '../../utils/business-form-types';
+import { Owner } from '../../../../api/Identity';
+/**
+ * @exportedPart label: Label for inputs
+ * @exportedPart input: The input fields
+ * @exportedPart input-invalid: Invalid state for inputfs
+ */
+export declare class BusinessOwnersFormStep {
+    authToken: string;
+    businessId: string;
+    owners: Owner[];
+    newFormOpen: boolean;
+    refs: any[];
+    submitted: EventEmitter<BusinessFormSubmitEvent>;
+    formLoading: EventEmitter<boolean>;
+    serverError: EventEmitter<BusinessFormServerErrorEvent>;
+    private api;
+    get businessEndpoint(): string;
+    get showAddOwnerButton(): boolean;
+    private manageRefs;
+    private managePayload;
+    private matchRef;
+    private fetchData;
+    private sendData;
+    handleResponse(response: any, onSuccess: any): void;
+    validateAndSubmit({ onSuccess }: {
+        onSuccess: any;
+    }): Promise<void>;
+    componentWillLoad(): void;
+    private addOwnerForm;
+    private removeOwnerForm;
+    onOwnersUpdated(): void;
+    private handleOwnerSubmit;
+    render(): any;
+}

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

@@ -0,0 +1,26 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import { FormController } from '../../../form/form';
+import { BusinessFormServerErrorEvent, BusinessFormSubmitEvent } from '../../utils/business-form-types';
+export declare class BusinessRepresentativeFormStep {
+    authToken: string;
+    businessId: string;
+    formController: FormController;
+    errors: any;
+    representative: any;
+    submitted: EventEmitter<BusinessFormSubmitEvent>;
+    formLoading: EventEmitter<boolean>;
+    serverError: EventEmitter<BusinessFormServerErrorEvent>;
+    private api;
+    get businessEndpoint(): string;
+    private fetchData;
+    private sendData;
+    handleResponse(response: any, onSuccess: any): void;
+    validateAndSubmit({ onSuccess }: {
+        onSuccess: any;
+    }): Promise<void>;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    inputHandler: (name: string, value: string) => void;
+    onAddressFormUpdate: (values: any) => void;
+    render(): any;
+}

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

@@ -0,0 +1,31 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import { FormController } from '../../../form/form';
+import { IAddress } from '../../../../api/Business';
+import { BusinessFormServerErrorEvent, BusinessFormSubmitEvent } from '../../utils/business-form-types';
+/**
+ * @exportedPart label: Label for inputs
+ * @exportedPart input: The input fields
+ * @exportedPart input-invalid: Invalid state for inputfs
+ */
+export declare class LegalAddressFormStep {
+    authToken: string;
+    businessId: string;
+    formController: FormController;
+    errors: any;
+    legal_address: IAddress;
+    submitted: EventEmitter<BusinessFormSubmitEvent>;
+    formLoading: EventEmitter<boolean>;
+    serverError: EventEmitter<BusinessFormServerErrorEvent>;
+    private api;
+    get businessEndpoint(): string;
+    private fetchData;
+    private sendData;
+    handleResponse(response: any, onSuccess: any): void;
+    validateAndSubmit({ onSuccess }: {
+        onSuccess: any;
+    }): Promise<void>;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    inputHandler: (name: string, value: string) => void;
+    render(): any;
+}