@tight-embedded/react 1.2.0 → 1.3.1

package/dist/index.d.ts

@@ -1,6 +1,17 @@
 import { JSX } from 'react/jsx-runtime';
 import { PropsWithChildren } from 'react';
 
+export declare function BanksAndIntegrations({ onPlaidLink, hideManualBanks }: BanksAndIntegrationsComponentProps): JSX.Element;
+
+declare type BanksAndIntegrationsComponentProps = {
+    onPlaidLink?: (eventData: OnPlaidLinkEventData) => void;
+    hideManualBanks?: boolean;
+};
+
+declare type BanksAndIntegrationsOptions = {
+    integrations?: IntegrationIdentifier[];
+};
+
 export declare function BusinessOwnerDashboard(props: BusinessOwnerDashboardProps): JSX.Element;
 
 declare type BusinessOwnerDashboardProps = {
@@ -18,10 +29,27 @@ declare const Environments: {
 declare type ExternalOptions = {
     transactionsDashboard?: TransactionsDashboardOptions;
     dataVisualizationColors?: string[];
+    banksAndIntegrations?: BanksAndIntegrationsOptions;
 };
 
+declare type IntegrationIdentifier = typeof SUPPORTED_INTEGRATION_IDENTIFIERS[number];
+
+declare type Nullable<T> = T | null;
+
 declare type ObjectKey = string | number | symbol;
 
+declare type OnPlaidLinkEventData = {
+    eventType: "onPlaidLink";
+    message?: string;
+    defaultPrevented: boolean;
+    data: {
+        plaidEvent: PlaidEvent;
+        integrationId?: string | undefined;
+        apiAccessToken?: string;
+        apiErrorCode?: Nullable<string> | undefined;
+    };
+};
+
 declare type OptionSetter = (options: Partial<ExternalOptions>, replace?: boolean) => void;
 
 declare type Period = {
@@ -29,6 +57,18 @@ declare type Period = {
     year: number;
 };
 
+declare const PLAID_EVENTS: {
+    readonly NEW: "PLAID_LINK_NEW";
+    readonly UNLINK_RELINK: "PLAID_LINK_UNLINK_RELINK";
+    readonly UPDATE: "PLAID_LINK_UPDATE";
+    readonly UNLINK: "PLAID_LINK_UNLINK";
+    readonly FAILURE: "PLAID_LINK_FAILURE";
+};
+
+declare type PlaidEvent = ValueOf<typeof PLAID_EVENTS>;
+
+declare const SUPPORTED_INTEGRATION_IDENTIFIERS: readonly ["UNIT", "STRIPE", "GUSTO", "SHOPIFY", "SQUARE", "RUTTER", "UBER", "MOOV", "QUALPAY", "MANUAL_ENTRY", "PARTNER_IMPLEMENTATION", "QBO", "XERO", "FRESHBOOKS"];
+
 export declare function Tight({ children, environment, accessToken }: TightProps): JSX.Element;
 
 declare type TightProps = PropsWithChildren<{
@@ -36,26 +76,29 @@ declare type TightProps = PropsWithChildren<{
     accessToken: string;
 }>;
 
-declare const TRANSACTIONS_TABLE_COLS: {
-    readonly DATE: "date";
-    readonly DESCRIPTION: "description";
-    readonly AMOUNT: "amount";
-    readonly CATEGORY: "category";
-    readonly CLASS_SEGMENT: "classSegment";
-    readonly REVIEW_STATUS: "reviewStatus";
-    readonly COMMENTS: "comments";
-    readonly SELECT: "select";
-    readonly EXPAND: "expand";
+declare type TransactionDashProps = {
+    columns?: TransactionsTableColumnOption[];
+    limit?: number;
 };
 
+export declare const TransactionsDashboard: (props: TransactionDashProps) => JSX.Element;
+
 declare type TransactionsDashboardOptions = {
     columns?: TransactionsTableColumnOption[];
     pageSize?: number;
 };
 
-declare type TransactionsTableColumn = ValueOf<typeof TRANSACTIONS_TABLE_COLS>;
+declare type TransactionsTableColumnOption = ValueOf<typeof TransactionTableColumns>;
 
-declare type TransactionsTableColumnOption = Exclude<TransactionsTableColumn, "select" | "expand">;
+declare const TransactionTableColumns: {
+    readonly DATE: "date";
+    readonly DESCRIPTION: "description";
+    readonly AMOUNT: "amount";
+    readonly CATEGORY: "category";
+    readonly CLASS_SEGMENT: "classSegment";
+    readonly REVIEW_STATUS: "reviewStatus";
+    readonly COMMENTS: "comments";
+};
 
 /**
  * Set library-wide options for various components.