@justifi/webcomponents 4.6.4 → 4.7.0-rc.1

package/dist/types/components/{legal-address-form → business-form/legal-address-form}/legal-address-form.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
@@ -6,7 +6,6 @@ import { FormController } from '../form/form';
  */
 export declare class LegalAddressForm {
   formController: FormController;
-  legend: string;
   errors: any;
   legal_address: any;
   constructor();

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

@@ -1,35 +1,48 @@
-import { PagingInfo } from '../table/table-utils';
+import { PagingInfo } from '../../api';
 import { Business } from '../../api/Business';
 /**
-  * @exportedPart table-head: Table head
-  * @exportedPart table-head-row: Head row
-  * @exportedPart table-head-cell: Individual head cell
-  * @exportedPart table-body: Body of the table
-  * @exportedPart table-row: Row of the table
-  * @exportedPart table-cell: Individual cell of the table
-  * @exportedPart loading-state-cell: Row for loading state
-  * @exportedPart loading-state-spinner: Spinner element for loading state
-  * @exportedPart error-state: Row for Error state
-  * @exportedPart empty-state: Row for Emtpy state
-  * @exportedPart pagination-bar: Pagination bar
-  * @exportedPart arrow: Both paging buttons
-  * @exportedPart arrow-left: Previous page button
-  * @exportedPart arrow-right: Next page button
-  * @exportedPart arrow-disabled: Disabled state for paging buttons
-*/
+ * @exportedPart table-head: Table head
+ * @exportedPart table-head-row: Head row
+ * @exportedPart table-head-cell: Individual head cell
+ * @exportedPart table-body: Body of the table
+ * @exportedPart table-row: Row of the table
+ * @exportedPart table-cell: Individual cell of the table
+ * @exportedPart loading-state-cell: Row for loading state
+ * @exportedPart loading-state-spinner: Spinner element for loading state
+ * @exportedPart error-state: Row for Error state
+ * @exportedPart empty-state: Row for Emtpy state
+ * @exportedPart pagination-bar: Pagination bar
+ * @exportedPart arrow: Both paging buttons
+ * @exportedPart arrow-left: Previous page button
+ * @exportedPart arrow-right: Next page button
+ * @exportedPart arrow-disabled: Disabled state for paging buttons
+ */
 export declare class BusinessList {
+  /**
+   * The Account ID to fetch payments.
+   * This is required to fetch any data.
+   * @required
+   * @type {string}
+   * @memberof PaymentsList
+   */
   accountId: string;
+  /**
+   * The Auth Token to fetch payments.
+   * This is required to fetch any data.
+   * @required
+   * @type {string}
+   */
   authToken: string;
   businesses: Business[];
   loading: boolean;
   errorMessage: string;
   paging: PagingInfo;
+  params: any;
   updateOnPropChange(): void;
   connectedCallback(): void;
-  onPageChange: (direction: string) => () => void;
   mapProductStatusToBadge: (status: boolean) => "bg-success" | "bg-secondary";
-  mapBusinessType: (type: string) => "Individual" | "For Profit" | "Non Profit" | "Government Entity";
-  mapBusinessStructure: (type: string) => "Sole Proprietorship" | "Private Partnership" | "Private Corporation" | "Unincorporated Association" | "Public Partnership" | "Public Corporation" | "Incorporated" | "Unincorporated" | "Government Unit" | "Government Instrumentality" | "Tax Exempt Government Instrumentality" | "Single LLC" | "Multi LLC";
-  fetchData(direction?: string): Promise<void>;
+  handleClickPrevious: (beforeCursor: string) => void;
+  handleClickNext: (afterCursor: string) => void;
+  fetchData(): Promise<void>;
   render(): any;
 }

package/dist/types/components/card-form/card-form.stories.d.ts

@@ -2,13 +2,6 @@ declare const _default: {
   title: string;
   component: string;
   argTypes: {
-    'iframe-origin': {
-      control: string;
-      table: {
-        disable: boolean;
-        category: string;
-      };
-    };
     resize: {
       description: string;
       table: {

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

@@ -1,7 +1,4 @@
 export declare class Details {
   errorMessage: string;
-  entity: {
-    metadata: any;
-  };
   render(): any;
 }

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

@@ -3,11 +3,11 @@ export declare const ErrorState: (errorMessage: string) => any;
 export declare const DetailSection: ({ sectionTitle }: {
   sectionTitle: string;
 }, children: any) => any;
-export declare const DetailItem: ({ title, value }: {
+export declare const DetailItem: ({ title, value, }: {
   title: string;
   value: string;
 }) => any;
-export declare const EntityHeadInfoItem: ({ title, value, classes }: {
+export declare const EntityHeadInfoItem: ({ title, value, classes, }: {
   title: string;
   value: any;
   classes?: string;
@@ -17,3 +17,6 @@ export declare const EntityHeadInfo: ({ title, slot, badge }: {
   slot: any;
   badge: any;
 }, children: any) => any;
+export declare const CodeBlock: ({ metadata }: {
+  metadata: {};
+}) => any;

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

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

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

@@ -0,0 +1,45 @@
+import { GrossVolumeReportDate } from "../../api/GrossVolume";
+export declare const generateChartOptions: (total: number, dates: GrossVolumeReportDate[], endDate: string) => {
+  type: string;
+  options: {
+    plugins: {
+      legend: {
+        display: boolean;
+      };
+      title: {
+        display: boolean;
+        text: string[];
+        position: string;
+        align: string;
+      };
+      tooltip: {
+        displayColors: boolean;
+        intersect: boolean;
+        callbacks: {
+          label: (context: any) => string[];
+        };
+      };
+    };
+    scales: {
+      x: {
+        grid: {
+          drawOnChartArea: boolean;
+          drawTicks: boolean;
+        };
+        ticks: {
+          callback: (index: any) => string;
+        };
+      };
+      y: {
+        display: boolean;
+      };
+    };
+  };
+  data: {
+    labels: string[];
+    datasets: {
+      label: string;
+      data: number[];
+    }[];
+  };
+};

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

@@ -0,0 +1,20 @@
+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;
+  errorMessage: string;
+  updateOnPropChange(): void;
+  connectedCallback(): void;
+  componentDidRender(): void;
+  fetchData(): Promise<void>;
+  renderChart(): void;
+  render(): any;
+}

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

@@ -0,0 +1,7 @@
+declare const _default: {
+  title: string;
+  component: string;
+  parameters: {};
+};
+export default _default;
+export declare const Basic: any;

package/dist/types/components/pagination-menu/pagination-menu.d.ts

@@ -0,0 +1,10 @@
+import { ExtendedPagingInfo } from '../../api/Pagination';
+export interface PaginationProps {
+  paging: ExtendedPagingInfo;
+  params?: {};
+}
+export declare class PaginationMenu {
+  paging: PaginationProps['paging'];
+  params: PaginationProps['params'];
+  render(): any;
+}

package/dist/types/components/payment-balance-transactions/payment-balance-transactions.d.ts

@@ -0,0 +1,17 @@
+import { IPaymentBalanceTransaction, PagingInfo } from '../../api';
+export declare class PaymentBalanceTransactions {
+  accountId: string;
+  authToken: string;
+  paymentId: string;
+  balanceTransactions: IPaymentBalanceTransaction[];
+  loading: boolean;
+  errorMessage: string;
+  paging: PagingInfo;
+  params: any;
+  updateOnPropChange(): void;
+  connectedCallback(): void;
+  handleClickPrevious: (beforeCursor: string) => void;
+  handleClickNext: (afterCursor: string) => void;
+  fetchData(): Promise<void>;
+  render(): any;
+}

package/dist/types/components/payment-balance-transactions/payment-balance-transactions.stories.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+  title: string;
+  component: string;
+  parameters: {};
+};
+export default _default;
+export declare const Basic: any;
+export declare const Styled: any;

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

@@ -14,6 +14,14 @@ import { Payment } from '../../api';
   * @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 {
   paymentId: string;

package/dist/types/components/payment-form/payment-form.stories.d.ts

@@ -1,15 +1,7 @@
 declare const _default: {
   title: string;
   component: string;
-  argTypes: {
-    'iframe-origin': {
-      control: string;
-      table: {
-        disable: boolean;
-        category: string;
-      };
-    };
-  };
+  argTypes: {};
 };
 export default _default;
 export declare const Basic: any;

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

@@ -1,6 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { IPaymentMethod, Payment } from '../../api';
-import { PagingInfo } from '../table/table-utils';
+import { IPaymentMethod, PagingInfo, Payment } from '../../api';
 /**
   * @exportedPart table-head: Table head
   * @exportedPart table-head-row: Head row
@@ -27,11 +26,13 @@ export declare class PaymentsList {
   loading: boolean;
   errorMessage: string;
   paging: PagingInfo;
+  params: any;
   rowClicked: EventEmitter<Payment>;
   updateOnPropChange(): void;
   connectedCallback(): void;
-  onPageChange: (direction: string) => () => void;
-  fetchData(direction?: string): Promise<void>;
+  handleClickPrevious: (beforeCursor: string) => void;
+  handleClickNext: (afterCursor: string) => void;
+  fetchData(): Promise<void>;
   getPaymentMethod(paymentMethod: IPaymentMethod): import("../../api").IBankAccount;
   render(): any;
 }

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

@@ -14,6 +14,14 @@ import { Payout } from '../../api';
   * @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 {
   payoutId: string;

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

@@ -1,6 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { Payout, PayoutStatuses } from '../../api';
-import { PagingInfo } from '../table/table-utils';
+import { PagingInfo, Payout, PayoutStatuses } from '../../api';
 /**
   * @exportedPart table-head: Table head
   * @exportedPart table-head-row: Head row
@@ -27,11 +26,13 @@ export declare class PayoutsList {
   loading: boolean;
   errorMessage: string;
   paging: PagingInfo;
+  params: any;
   rowClicked: EventEmitter<Payout>;
   updateOnPropChange(): void;
   connectedCallback(): void;
-  onPageChange: (direction: string) => () => void;
   mapStatusToBadge: (status: PayoutStatuses) => string;
-  fetchData(direction?: string): Promise<void>;
+  handleClickPrevious: (beforeCursor: string) => void;
+  handleClickNext: (afterCursor: string) => void;
+  fetchData(): Promise<void>;
   render(): any;
 }

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { PagingInfo } from '../table/table-utils';
+import { PagingInfo } from '../../api';
 import { Proceed, ProceedStatuses } from '../../api/Proceed';
 /**
   * @exportedPart table-head: Table head
@@ -27,11 +27,13 @@ export declare class ProceedsList {
   loading: boolean;
   errorMessage: string;
   paging: PagingInfo;
+  params: any;
   rowClicked: EventEmitter<Proceed>;
   updateOnPropChange(): void;
   connectedCallback(): void;
-  onPageChange: (direction: string) => () => void;
   mapStatusToBadge: (status: ProceedStatuses) => string;
-  fetchData(direction?: string): Promise<void>;
+  handleClickPrevious: (beforeCursor: string) => void;
+  handleClickNext: (afterCursor: string) => void;
+  fetchData(): Promise<void>;
   render(): any;
 }

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

@@ -0,0 +1,11 @@
+import * as yup from 'yup';
+export interface RefundFormFields {
+  amount: number | null;
+  message: string;
+}
+declare const RefundFormSchema: yup.ObjectSchema<{
+  amount: number;
+}, yup.AnyObject, {
+  amount: undefined;
+}, "">;
+export default RefundFormSchema;

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

@@ -0,0 +1,58 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { RefundFormFields } from './refund-form-schema';
+export declare class RefundForm {
+  /**
+   * Authentication token required to authorize the refund transaction.
+   */
+  authToken: string;
+  /**
+   * The unique identifier for the payment to be refunded.
+   */
+  paymentId: string;
+  /**
+   * The amount of the payment to be refunded.
+   */
+  amount?: number;
+  /**
+   * Custom text for the submit button. Defaults to 'Submit'.
+   */
+  submitButtonText?: string;
+  /**
+   * Flag to control the visibility of the submit button.
+   */
+  withButton?: boolean;
+  /**
+   * Optional information text displayed above the form.
+   */
+  refundInfoText?: string;
+  errors: any;
+  isSubmitting: boolean;
+  /**
+   * Event emitted when the refund form is successfully submitted.
+   * The submitted refund fields are passed as the event detail.
+   */
+  submitted: EventEmitter<RefundFormFields>;
+  private formController;
+  private api;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  /**
+   * Handles the form submission.
+   * Prevents the default form action, validates the form, and emits the 'submitted' event.
+   */
+  handleSubmit(event: Event): Promise<void>;
+  /**
+   * Submits the refund request to the API.
+   */
+  private submitRefund;
+  /**
+   * Handles input changes, updating the refundFields state.
+   */
+  private handleInput;
+  /**
+   * Initializes the API with the given authentication token.
+   * Logs a warning if the auth token is missing.
+   */
+  private initializeApi;
+  render(): any;
+}

package/dist/types/components/refund-form/refund-form.stories.d.ts

@@ -0,0 +1,27 @@
+declare const _default: {
+  title: string;
+  component: string;
+  argTypes: {
+    authToken: {
+      control: string;
+    };
+    paymentId: {
+      control: string;
+    };
+    amount: {
+      control: string;
+    };
+    submitButtonText: {
+      control: string;
+    };
+    withButton: {
+      control: string;
+    };
+    refundInfoText: {
+      control: string;
+    };
+  };
+};
+export default _default;
+export declare const Basic: any;
+export declare const Styled: any;

package/dist/types/components/subaccount-details/subaccount-account-details/subaccount-account-details.d.ts

@@ -0,0 +1,6 @@
+import { IOnboardingData, SubAccount } from '../../../api/SubAccount';
+export declare class SubaccountAccountDetails {
+  subaccount: SubAccount;
+  onboardingData: IOnboardingData;
+  render(): any;
+}

package/dist/types/components/subaccount-details/subaccount-bank-details/subaccount-bank-details.d.ts

@@ -0,0 +1,5 @@
+import { SubaccountBankAccount } from '../../../api/SubAccount';
+export declare class SubaccountBankDetails {
+  data: SubaccountBankAccount;
+  render(): any;
+}

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

@@ -0,0 +1,16 @@
+import { IOnboardingData, SubAccount } from '../../api/SubAccount';
+export declare class SubaccountDetails {
+  accountId: string;
+  subaccountId: string;
+  authToken: string;
+  onboardingData: IOnboardingData;
+  subaccount: SubAccount;
+  loading: boolean;
+  errorMessage: string;
+  updateOnPropChange(): void;
+  connectedCallback(): void;
+  fetchOnboardingData(): Promise<void>;
+  fetchSubAccountData(): Promise<void>;
+  fetchData(): Promise<void>;
+  render(): any;
+}

package/dist/types/components/subaccount-details/subaccount-details.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+  title: string;
+  component: string;
+  parameters: {};
+};
+export default _default;
+export declare const Basic: any;

package/dist/types/components/subaccount-details/subaccount-merchant-details/subaccount-merchant-details.d.ts

@@ -0,0 +1,5 @@
+import { IOnboardingData } from '../../../components';
+export declare class SubaccountMerchantDetails {
+  onboardingData: IOnboardingData;
+  render(): any;
+}

package/dist/types/components/subaccount-details/subaccount-owners-details/subaccount-owners-details.d.ts

@@ -0,0 +1,5 @@
+import { SubAccountIdentity } from '../../../components';
+export declare class SubaccountOwnersDetails {
+  data: SubAccountIdentity[];
+  render(): any;
+}

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

@@ -0,0 +1,5 @@
+import { SubAccountIdentity } from '../../../api/SubAccount';
+export declare class SubaccountRepresentativeDetails {
+  data: SubAccountIdentity;
+  render(): any;
+}

package/dist/types/components/subaccount-details/subaccount-terms-details/subaccount-terms-details.d.ts

@@ -0,0 +1,5 @@
+import { Terms } from '../../../api/SubAccount';
+export declare class SubaccountTermsDetails {
+  data: Terms;
+  render(): any;
+}

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

@@ -0,0 +1,19 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { SubAccount } from '../../api/SubAccount';
+import { PagingInfo } from '../../api';
+export declare class SubaccountsList {
+  accountId: string;
+  authToken: string;
+  subaccounts: SubAccount[];
+  loading: boolean;
+  errorMessage: string;
+  paging: PagingInfo;
+  params: any;
+  rowClicked: EventEmitter<SubAccount>;
+  updateOnPropChange(): void;
+  connectedCallback(): void;
+  handleClickPrevious: (beforeCursor: string) => void;
+  handleClickNext: (afterCursor: string) => void;
+  fetchData(): Promise<void>;
+  render(): any;
+}

package/dist/types/components/subaccounts-list/subaccounts-list.stories.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+  title: string;
+  component: string;
+  parameters: {};
+  decorators: ((Story: any) => string)[];
+};
+export default _default;
+export declare const Basic: any;
+export declare const Styled: any;

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

@@ -1,14 +1,11 @@
-import { PagingInfo } from '../table/table-utils';
-interface ExtendedPagingInfo extends PagingInfo {
-  onPrev: () => void;
-  onNext: () => void;
-}
+import { ExtendedPagingInfo } from '../../api/Pagination';
 export interface TableProps {
   loading: boolean;
   errorMessage: string;
   columnData: (string | string[])[];
   rowData: any[];
   paging: ExtendedPagingInfo;
+  params: any;
 }
 export declare class Table {
   loading: TableProps['loading'];
@@ -16,13 +13,12 @@ export declare class Table {
   rowData: TableProps['rowData'];
   columnData: TableProps['columnData'];
   paging: TableProps['paging'];
+  params: TableProps['params'];
   entityId: string[];
   rowClickHandler: (e: any) => any;
   showEmptyState(): boolean;
   emptyState: () => any;
   errorState: () => any;
   loadingState: () => any;
-  paginationBar: () => any;
   render(): any;
 }
-export {};