@justifi/webcomponents 4.8.3 → 4.9.0

package/dist/module/utils2.js

@@ -3887,7 +3887,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,9 +3974,11 @@ 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 composeQueryParams(values) {
@@ -4008,5 +4012,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, formatCurrency as a, formatDisplayDate as b, composeQueryParams as c, formatDate as d, extractComputedFontsToLoad as e, formatMediumDate as f, formatTime as g, MapPayoutStatusToBadge as h, isEmptyObject as i, MapSubAccountStatusToBadge as j, formatPercentage as k, loadFontsOnParent as l, formatLegalAddress as m, snakeCaseToHumanReadable as s };

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/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/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.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
- */
 export declare class OwnerDetails {
     owners: Identity[];
     render(): 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/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 {};