@layerfi/components 0.1.34 → 0.1.35

package/dist/index.d.ts

@@ -323,6 +323,52 @@ declare module '@layerfi/components/api/layer/profit_and_loss' {
       error?: unknown;
   }>;
 
+}
+declare module '@layerfi/components/api/layer/quickbooks' {
+  import { StatusOfSyncFromQuickbooks } from "@layerfi/components/types/quickbooks";
+  export const syncFromQuickbooks: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: {
+          businessId: string;
+      } | undefined;
+      body?: Record<string, unknown> | undefined;
+  } | undefined) => Promise<Record<string, unknown>>;
+  export const statusOfSyncFromQuickbooks: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: {
+          businessId: string;
+      } | undefined;
+  } | undefined) => () => Promise<{
+      data: StatusOfSyncFromQuickbooks;
+  }>;
+  export const initQuickbooksOAuth: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: {
+          businessId: string;
+      } | undefined;
+      body?: Record<string, unknown> | undefined;
+  } | undefined) => Promise<{
+      data: {
+          type: "Quickbooks_Authorization_Params";
+          redirect_url: string;
+      };
+  }>;
+  export const unlinkQuickbooksConnection: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: {
+          businessId: string;
+      } | undefined;
+      body?: Record<string, unknown> | undefined;
+  } | undefined) => Promise<Record<string, unknown>>;
+  /**
+   * Lets user know if there exists an active Quickbooks connection or not
+   */
+  export const statusOfQuickbooksConnection: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: {
+          businessId: string;
+      } | undefined;
+  } | undefined) => () => Promise<{
+      data: {
+          is_connected: boolean;
+      };
+  }>;
+
 }
 declare module '@layerfi/components/api/layer/statement-of-cash-flow' {
   import { StatementOfCashFlow } from '@layerfi/components/types';
@@ -598,6 +644,45 @@ declare module '@layerfi/components/api/layer' {
       getStatementOfCashFlow: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: import("@layerfi/components/api/layer/statement-of-cash-flow").GetStatementOfCashFlowParams | undefined;
       } | undefined) => () => Promise<import("@layerfi/components/api/layer/statement-of-cash-flow").GetStatementOfCashFlowReturn>;
+      syncFromQuickbooks: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: {
+              businessId: string;
+          } | undefined;
+          body?: Record<string, unknown> | undefined;
+      } | undefined) => Promise<Record<string, unknown>>;
+      statusOfSyncFromQuickbooks: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: {
+              businessId: string;
+          } | undefined;
+      } | undefined) => () => Promise<{
+          data: import("@layerfi/components/types/quickbooks").StatusOfSyncFromQuickbooks;
+      }>;
+      statusOfQuickbooksConnection: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: {
+              businessId: string;
+          } | undefined;
+      } | undefined) => () => Promise<{
+          data: {
+              is_connected: boolean;
+          };
+      }>;
+      initQuickbooksOAuth: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: {
+              businessId: string;
+          } | undefined;
+          body?: Record<string, unknown> | undefined;
+      } | undefined) => Promise<{
+          data: {
+              type: "Quickbooks_Authorization_Params";
+              redirect_url: string;
+          };
+      }>;
+      unlinkQuickbooksConnection: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: {
+              businessId: string;
+          } | undefined;
+          body?: Record<string, unknown> | undefined;
+      } | undefined) => Promise<Record<string, unknown>>;
   };
 
 }
@@ -1117,6 +1202,14 @@ declare module '@layerfi/components/components/Button/CloseButton' {
   }
   export const CloseButton: ({ className, children, textOnly, ...props }: CloseButtonProps) => React.JSX.Element;
 
+}
+declare module '@layerfi/components/components/Button/ExpandButton' {
+  import React, { ButtonHTMLAttributes } from 'react';
+  export interface ExpandButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+      collapsed?: boolean;
+  }
+  export const ExpandButton: ({ className, children, collapsed, ...props }: ExpandButtonProps) => React.JSX.Element;
+
 }
 declare module '@layerfi/components/components/Button/IconButton' {
   import React, { ButtonHTMLAttributes, ReactNode } from 'react';
@@ -1127,6 +1220,22 @@ declare module '@layerfi/components/components/Button/IconButton' {
   }
   export const IconButton: ({ className, children, icon, active, withBorder, ...props }: IconButtonProps) => React.JSX.Element;
 
+}
+declare module '@layerfi/components/components/Button/Link' {
+  import React, { HTMLAttributeAnchorTarget, LinkHTMLAttributes, ReactNode } from 'react';
+  import { ButtonVariant, ButtonJustify } from '@layerfi/components/components/Button/Button';
+  export interface LinkProps extends LinkHTMLAttributes<HTMLAnchorElement> {
+      variant?: ButtonVariant;
+      leftIcon?: ReactNode;
+      rightIcon?: ReactNode;
+      iconOnly?: ReactNode;
+      iconAsPrimary?: boolean;
+      justify?: ButtonJustify;
+      fullWidth?: boolean;
+      target: HTMLAttributeAnchorTarget;
+  }
+  export const Link: ({ className, children, variant, leftIcon, rightIcon, iconOnly, iconAsPrimary, justify, fullWidth, ...props }: LinkProps) => React.JSX.Element;
+
 }
 declare module '@layerfi/components/components/Button/RetryButton' {
   import React, { ButtonHTMLAttributes } from 'react';
@@ -1171,6 +1280,8 @@ declare module '@layerfi/components/components/Button/index' {
   export { TextButton } from '@layerfi/components/components/Button/TextButton';
   export { BackButton } from '@layerfi/components/components/Button/BackButton';
   export { CloseButton } from '@layerfi/components/components/Button/CloseButton';
+  export { ExpandButton } from '@layerfi/components/components/Button/ExpandButton';
+  export { Link } from '@layerfi/components/components/Button/Link';
 
 }
 declare module '@layerfi/components/components/Card/Card' {
@@ -1587,6 +1698,19 @@ declare module '@layerfi/components/components/HoverMenu/HoverMenu' {
 declare module '@layerfi/components/components/HoverMenu/index' {
   export { HoverMenu, HoverMenuProps } from '@layerfi/components/components/HoverMenu/HoverMenu';
 
+}
+declare module '@layerfi/components/components/IconBox/IconBox' {
+  import React, { ReactNode } from 'react';
+  interface IconBoxProps {
+      children: ReactNode;
+  }
+  export const IconBox: ({ children }: IconBoxProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/IconBox/index' {
+  export { IconBox } from '@layerfi/components/components/IconBox/IconBox';
+
 }
 declare module '@layerfi/components/components/Input/FileInput' {
   import React from 'react';
@@ -2246,6 +2370,16 @@ declare module '@layerfi/components/components/ProfitAndLossView/ProfitAndLossVi
 declare module '@layerfi/components/components/ProfitAndLossView/index' {
   export { ProfitAndLossView } from '@layerfi/components/components/ProfitAndLossView/ProfitAndLossView';
 
+}
+declare module '@layerfi/components/components/Quickbooks/Quickbooks' {
+  import React from "react";
+  const Quickbooks: () => React.JSX.Element;
+  export { Quickbooks };
+
+}
+declare module '@layerfi/components/components/Quickbooks/index' {
+  export { Quickbooks } from '@layerfi/components/components/Quickbooks/Quickbooks';
+
 }
 declare module '@layerfi/components/components/SkeletonLoader/SkeletonLoader' {
   import React from 'react';
@@ -2398,23 +2532,55 @@ declare module '@layerfi/components/components/Tabs/index' {
 
 }
 declare module '@layerfi/components/components/Tasks/Tasks' {
-  import React from 'react';
-  export const Tasks: ({ tasksHeader }: {
+  import React, { ReactNode } from 'react';
+  import { useTasks } from '@layerfi/components/hooks/useTasks/index';
+  export type UseTasksContextType = ReturnType<typeof useTasks>;
+  export const UseTasksContext: React.Context<{
+      data?: import("@layerfi/components/types/tasks").TaskTypes[] | undefined;
+      isLoading?: boolean | undefined;
+      loadedStatus?: import("@layerfi/components/types/general").LoadedStatus | undefined;
+      isValidating?: boolean | undefined;
+      error?: unknown;
+      refetch: () => void;
+      submitResponseToTask: (taskId: string, userResponse: string) => void;
+  }>;
+  export const useTasksContext: () => {
+      data?: import("@layerfi/components/types/tasks").TaskTypes[] | undefined;
+      isLoading?: boolean | undefined;
+      loadedStatus?: import("@layerfi/components/types/general").LoadedStatus | undefined;
+      isValidating?: boolean | undefined;
+      error?: unknown;
+      refetch: () => void;
+      submitResponseToTask: (taskId: string, userResponse: string) => void;
+  };
+  export const Tasks: ({ tasksHeader, collapsable, defaultCollapsed, collapsedWhenComplete, }: {
       tasksHeader?: string | undefined;
+      collapsable?: boolean | undefined;
+      defaultCollapsed?: boolean | undefined;
+      collapsedWhenComplete?: boolean | undefined;
   }) => React.JSX.Element;
-  export const TasksComponent: ({ tasksHeader }: {
+  export const TasksProvider: ({ children }: {
+      children: ReactNode;
+  }) => React.JSX.Element;
+  export const TasksComponent: ({ tasksHeader, collapsable, defaultCollapsed, collapsedWhenComplete, }: {
       tasksHeader?: string | undefined;
+      collapsable?: boolean | undefined;
+      defaultCollapsed?: boolean | undefined;
+      collapsedWhenComplete?: boolean | undefined;
   }) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Tasks/index' {
-  export { Tasks } from '@layerfi/components/components/Tasks/Tasks';
+  export { Tasks, TasksProvider, TasksComponent } from '@layerfi/components/components/Tasks/Tasks';
 
 }
 declare module '@layerfi/components/components/TasksHeader/TasksHeader' {
   import React from 'react';
-  export const TasksHeader: ({ tasksHeader, }: {
+  export const TasksHeader: ({ tasksHeader, collapsable, open, toggleContent, }: {
       tasksHeader?: string | undefined;
+      collapsable?: boolean | undefined;
+      open?: boolean | undefined;
+      toggleContent: () => void;
   }) => React.JSX.Element;
 
 }
@@ -2717,6 +2883,20 @@ declare module '@layerfi/components/components/Typography/index' {
   export { Heading, HeadingSize } from '@layerfi/components/components/Typography/Heading';
   export { ErrorText } from '@layerfi/components/components/Typography/ErrorText';
 
+}
+declare module '@layerfi/components/components/UpsellBanner/BookkeepingUpsellBar' {
+  import React from 'react';
+  interface BookkeepingUpsellBarProps {
+      onClick?: () => void;
+      href?: string;
+  }
+  export const BookkeepingUpsellBar: ({ onClick, href, }: BookkeepingUpsellBarProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/UpsellBanner/index' {
+  export { BookkeepingUpsellBar } from '@layerfi/components/components/UpsellBanner/BookkeepingUpsellBar';
+
 }
 declare module '@layerfi/components/components/View/View' {
   import React, { ReactNode } from 'react';
@@ -3078,6 +3258,7 @@ declare module '@layerfi/components/contexts/TasksContext/TasksContext' {
   export const TasksContext: import("react").Context<{
       data?: import("@layerfi/components/types/tasks").TaskTypes[] | undefined;
       isLoading?: boolean | undefined;
+      loadedStatus?: import("@layerfi/components/types/general").LoadedStatus | undefined;
       isValidating?: boolean | undefined;
       error?: unknown;
       refetch: () => void;
@@ -3486,6 +3667,22 @@ declare module '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLossQuery
   export const useProfitAndLossQuery: UseProfitAndLossQueryReturn;
   export {};
 
+}
+declare module '@layerfi/components/hooks/useQuickbooks/index' {
+  export { useQuickbooks } from '@layerfi/components/hooks/useQuickbooks/useQuickbooks';
+
+}
+declare module '@layerfi/components/hooks/useQuickbooks/useQuickbooks' {
+  type UseQuickbooks = () => {
+      linkQuickbooks: () => Promise<string>;
+      unlinkQuickbooks: () => void;
+      syncFromQuickbooks: () => void;
+      isSyncingFromQuickbooks: boolean;
+      quickbooksIsLinked: boolean | null;
+  };
+  export const useQuickbooks: UseQuickbooks;
+  export {};
+
 }
 declare module '@layerfi/components/hooks/useStatementOfCashFlow/index' {
   export { useStatementOfCashFlow } from '@layerfi/components/hooks/useStatementOfCashFlow/useStatementOfCashFlow';
@@ -3521,10 +3718,12 @@ declare module '@layerfi/components/hooks/useTasks/index' {
 
 }
 declare module '@layerfi/components/hooks/useTasks/useTasks' {
+  import { LoadedStatus } from '@layerfi/components/types/general';
   import { TaskTypes } from '@layerfi/components/types/tasks';
   type UseTasks = () => {
       data?: TaskTypes[];
       isLoading?: boolean;
+      loadedStatus?: LoadedStatus;
       isValidating?: boolean;
       error?: unknown;
       refetch: () => void;
@@ -3627,6 +3826,13 @@ declare module '@layerfi/components/icons/CloseIcon' {
   const CloseIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default CloseIcon;
 
+}
+declare module '@layerfi/components/icons/Coffee' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const CoffeeIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default CoffeeIcon;
+
 }
 declare module '@layerfi/components/icons/CreditCard' {
   import * as React from 'react';
@@ -3717,6 +3923,13 @@ declare module '@layerfi/components/icons/PlusIcon' {
   const PlusIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default PlusIcon;
 
+}
+declare module '@layerfi/components/icons/ProgressIcon' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const ProgressIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default ProgressIcon;
+
 }
 declare module '@layerfi/components/icons/RefreshCcw' {
   import * as React from 'react';
@@ -3800,12 +4013,14 @@ declare module '@layerfi/components/index' {
   export { Onboarding } from '@layerfi/components/components/Onboarding/index';
   export { LinkedAccounts } from '@layerfi/components/components/LinkedAccounts/index';
   export { BankTransactions } from '@layerfi/components/components/BankTransactions/index';
+  export { Quickbooks } from '@layerfi/components/components/Quickbooks/index';
   export { ProfitAndLoss } from '@layerfi/components/components/ProfitAndLoss/index';
   export { BalanceSheet } from '@layerfi/components/components/BalanceSheet/index';
   export { StatementOfCashFlow } from '@layerfi/components/components/StatementOfCashFlow/index';
   export { ChartOfAccounts } from '@layerfi/components/components/ChartOfAccounts/index';
   export { Journal } from '@layerfi/components/components/Journal/index';
   export { Tasks } from '@layerfi/components/components/Tasks/index';
+  export { BookkeepingUpsellBar } from '@layerfi/components/components/UpsellBanner/index';
   export { BookkeepingOverview } from '@layerfi/components/views/BookkeepingOverview/index';
   export { AccountingOverview } from '@layerfi/components/views/AccountingOverview/index';
   export { BankTransactionsWithLinkedAccounts } from '@layerfi/components/views/BankTransactionsWithLinkedAccounts/index';
@@ -4589,6 +4804,12 @@ declare module '@layerfi/components/types/profit_and_loss' {
       months: ProfitAndLossSummary[];
   }
 
+}
+declare module '@layerfi/components/types/quickbooks' {
+  export type StatusOfSyncFromQuickbooks = {
+      is_syncing: boolean;
+  };
+
 }
 declare module '@layerfi/components/types/statement_of_cash_flow' {
   import { LineItem } from '@layerfi/components/types/line_item';
@@ -4796,13 +5017,14 @@ declare module '@layerfi/components/utils/profitAndLossUtils' {
 
 }
 declare module '@layerfi/components/views/AccountingOverview/AccountingOverview' {
-  import React from 'react';
+  import React, { ReactNode } from 'react';
   export interface AccountingOverviewProps {
       title?: string;
       enableOnboarding?: boolean;
       onTransactionsToReviewClick?: () => void;
+      middleBanner?: ReactNode;
   }
-  export const AccountingOverview: ({ title, enableOnboarding, onTransactionsToReviewClick, }: AccountingOverviewProps) => React.JSX.Element;
+  export const AccountingOverview: ({ title, enableOnboarding, onTransactionsToReviewClick, middleBanner, }: AccountingOverviewProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/views/AccountingOverview/index' {