@layerfi/components 0.1.64 → 0.1.66

package/dist/index.d.ts

@@ -723,8 +723,9 @@ declare module '@layerfi/components/components/ActionableList/ActionableList' {
       options: ActionableListOption<T>[];
       onClick: (item: ActionableListOption<T>) => void;
       selectedId?: string;
+      showDescriptions?: boolean;
   }
-  export const ActionableList: <T>({ options, onClick, selectedId, }: ActionableListProps<T>) => React.JSX.Element;
+  export const ActionableList: <T>({ options, onClick, selectedId, showDescriptions, }: ActionableListProps<T>) => React.JSX.Element;
   export {};
 
 }
@@ -896,9 +897,10 @@ declare module '@layerfi/components/components/BankTransactionList/BankTransacti
       removeTransaction: (bt: BankTransaction) => void;
       showDescriptions?: boolean;
       showReceiptUploads?: boolean;
+      showTooltips: boolean;
       stringOverrides?: BankTransactionCTAStringOverrides;
   }
-  export const BankTransactionList: ({ bankTransactions, editable, removeTransaction, mode, containerWidth, showDescriptions, showReceiptUploads, stringOverrides, }: BankTransactionListProps) => React.JSX.Element;
+  export const BankTransactionList: ({ bankTransactions, editable, removeTransaction, mode, containerWidth, showDescriptions, showReceiptUploads, showTooltips, stringOverrides, }: BankTransactionListProps) => React.JSX.Element;
   export {};
 
 }
@@ -914,11 +916,12 @@ declare module '@layerfi/components/components/BankTransactionList/BankTransacti
       mode: BankTransactionsMode;
       showDescriptions: boolean;
       showReceiptUploads: boolean;
+      showTooltips: boolean;
       removeTransaction: (bt: BankTransaction) => void;
       containerWidth?: number;
       stringOverrides?: BankTransactionCTAStringOverrides;
   };
-  export const BankTransactionListItem: ({ index, dateFormat, bankTransaction, editable, mode, showDescriptions, showReceiptUploads, containerWidth, removeTransaction, stringOverrides, }: Props) => React.JSX.Element;
+  export const BankTransactionListItem: ({ index, dateFormat, bankTransaction, editable, mode, showDescriptions, showReceiptUploads, showTooltips, containerWidth, removeTransaction, stringOverrides, }: Props) => React.JSX.Element;
   export {};
 
 }
@@ -933,8 +936,9 @@ declare module '@layerfi/components/components/BankTransactionMobileList/BankTra
   interface BankTransactionMobileFormsProps {
       purpose: Purpose;
       bankTransaction: BankTransaction;
+      showTooltips: boolean;
   }
-  export const BankTransactionMobileForms: ({ purpose, bankTransaction, }: BankTransactionMobileFormsProps) => React.JSX.Element;
+  export const BankTransactionMobileForms: ({ purpose, bankTransaction, showTooltips, }: BankTransactionMobileFormsProps) => React.JSX.Element;
   export {};
 
 }
@@ -947,9 +951,10 @@ declare module '@layerfi/components/components/BankTransactionMobileList/BankTra
       editable: boolean;
       removeTransaction: (bt: BankTransaction) => void;
       initialLoad?: boolean;
+      showTooltips: boolean;
       mode: BankTransactionsMode;
   }
-  export const BankTransactionMobileList: ({ bankTransactions, removeTransaction, editable, initialLoad, mode, }: BankTransactionMobileListProps) => React.JSX.Element;
+  export const BankTransactionMobileList: ({ bankTransactions, removeTransaction, editable, initialLoad, showTooltips, mode, }: BankTransactionMobileListProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/BankTransactionMobileListItem' {
@@ -962,6 +967,7 @@ declare module '@layerfi/components/components/BankTransactionMobileList/BankTra
       editable: boolean;
       removeTransaction: (bt: BankTransaction) => void;
       initialLoad?: boolean;
+      showTooltips: boolean;
       mode: BankTransactionsMode;
       isFirstItem?: boolean;
   }
@@ -970,7 +976,7 @@ declare module '@layerfi/components/components/BankTransactionMobileList/BankTra
       personal = "personal",
       more = "more"
   }
-  export const BankTransactionMobileListItem: ({ index, bankTransaction, removeTransaction, editable, mode, initialLoad, isFirstItem, }: BankTransactionMobileListItemProps) => React.JSX.Element;
+  export const BankTransactionMobileListItem: ({ index, bankTransaction, removeTransaction, editable, mode, initialLoad, showTooltips, isFirstItem, }: BankTransactionMobileListItemProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/BusinessCategories' {
@@ -979,8 +985,9 @@ declare module '@layerfi/components/components/BankTransactionMobileList/Busines
   export interface BusinessCategoriesProps {
       select: (category: Option) => void;
       selectedId?: string;
+      showTooltips: boolean;
   }
-  export const BusinessCategories: ({ select, selectedId, }: BusinessCategoriesProps) => React.JSX.Element;
+  export const BusinessCategories: ({ select, selectedId, showTooltips }: BusinessCategoriesProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/BusinessForm' {
@@ -988,8 +995,9 @@ declare module '@layerfi/components/components/BankTransactionMobileList/Busines
   import { BankTransaction } from '@layerfi/components/types';
   interface BusinessFormProps {
       bankTransaction: BankTransaction;
+      showTooltips: boolean;
   }
-  export const BusinessForm: ({ bankTransaction }: BusinessFormProps) => React.JSX.Element;
+  export const BusinessForm: ({ bankTransaction, showTooltips, }: BusinessFormProps) => React.JSX.Element;
   export {};
 
 }
@@ -1016,16 +1024,18 @@ declare module '@layerfi/components/components/BankTransactionMobileList/SplitAn
   import { BankTransaction } from '@layerfi/components/types';
   interface SplitAndMatchFormProps {
       bankTransaction: BankTransaction;
+      showTooltips: boolean;
   }
-  export const SplitAndMatchForm: ({ bankTransaction, }: SplitAndMatchFormProps) => React.JSX.Element;
+  export const SplitAndMatchForm: ({ bankTransaction, showTooltips, }: SplitAndMatchFormProps) => React.JSX.Element;
   export {};
 
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/SplitForm' {
   import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
-  export const SplitForm: ({ bankTransaction, }: {
+  export const SplitForm: ({ bankTransaction, showTooltips, }: {
       bankTransaction: BankTransaction;
+      showTooltips: boolean;
   }) => React.JSX.Element;
 
 }
@@ -1091,13 +1101,14 @@ declare module '@layerfi/components/components/BankTransactionRow/BankTransactio
       initialLoad?: boolean;
       showDescriptions: boolean;
       showReceiptUploads: boolean;
+      showTooltips: boolean;
       mode: BankTransactionsMode;
       stringOverrides?: BankTransactionCTAStringOverrides;
   };
   export type LastSubmittedForm = 'simple' | 'match' | 'split' | undefined;
   export const extractDescriptionForSplit: (category: Category) => string;
   export const getDefaultSelectedCategory: (bankTransaction: BankTransaction) => import("@layerfi/components/components/CategorySelect/CategorySelect").CategoryOption | undefined;
-  export const BankTransactionRow: ({ index, editable, dateFormat, bankTransaction, mode, removeTransaction, containerWidth, initialLoad, showDescriptions, showReceiptUploads, stringOverrides, }: Props) => React.JSX.Element;
+  export const BankTransactionRow: ({ index, editable, dateFormat, bankTransaction, mode, removeTransaction, containerWidth, initialLoad, showDescriptions, showReceiptUploads, showTooltips, stringOverrides, }: Props) => React.JSX.Element;
   export {};
 
 }
@@ -1149,6 +1160,7 @@ declare module '@layerfi/components/components/BankTransactions/BankTransactions
       mode?: BankTransactionsMode;
       showDescriptions?: boolean;
       showReceiptUploads?: boolean;
+      showTooltips?: boolean;
       monthlyView?: boolean;
       categorizeView?: boolean;
       mobileComponent?: MobileComponentType;
@@ -1223,8 +1235,9 @@ declare module '@layerfi/components/components/BankTransactions/utils' {
 }
 declare module '@layerfi/components/components/BankTransactionsLoader/BankTransactionsLoader' {
   import React from 'react';
-  export const BankTransactionsLoader: ({ isLoading, }: {
+  export const BankTransactionsLoader: ({ isLoading, showTooltips }: {
       isLoading: boolean;
+      showTooltips: boolean;
   }) => React.JSX.Element;
 
 }
@@ -1255,13 +1268,14 @@ declare module '@layerfi/components/components/BankTransactionsTable/BankTransac
       removeTransaction: (bt: BankTransaction) => void;
       showDescriptions?: boolean;
       showReceiptUploads?: boolean;
+      showTooltips: boolean;
       stringOverrides?: BankTransactionsStringOverrides;
       isSyncing?: boolean;
       page?: number;
       lastPage?: boolean;
       onRefresh?: () => void;
   }
-  export const BankTransactionsTable: ({ categorizeView, editable, isLoading, bankTransactions, mode, initialLoad, containerWidth, removeTransaction, showDescriptions, showReceiptUploads, stringOverrides, isSyncing, page, lastPage, onRefresh, }: BankTransactionsTableProps) => React.JSX.Element;
+  export const BankTransactionsTable: ({ categorizeView, editable, isLoading, bankTransactions, mode, initialLoad, containerWidth, removeTransaction, showDescriptions, showReceiptUploads, showTooltips, stringOverrides, isSyncing, page, lastPage, onRefresh, }: BankTransactionsTableProps) => React.JSX.Element;
   export {};
 
 }
@@ -1458,6 +1472,7 @@ declare module '@layerfi/components/components/CategorySelect/CategorySelect' {
       onChange: (newValue: CategoryOption) => void;
       disabled?: boolean;
       className?: string;
+      showTooltips: boolean;
       excludeMatches?: boolean;
       asDrawer?: boolean;
   };
@@ -1486,7 +1501,7 @@ declare module '@layerfi/components/components/CategorySelect/CategorySelect' {
   export const mapCategoryToOption: (category: Category) => CategoryOption;
   export const mapCategoryToExclusionOption: (category: Category) => CategoryOption;
   export const mapSuggestedMatchToOption: (record: SuggestedMatch) => CategoryOption;
-  export const CategorySelect: ({ bankTransaction, name, value, onChange, disabled, className, excludeMatches, asDrawer, }: Props) => React.JSX.Element;
+  export const CategorySelect: ({ bankTransaction, name, value, onChange, disabled, className, showTooltips, excludeMatches, asDrawer, }: Props) => React.JSX.Element;
   export {};
 
 }
@@ -1496,8 +1511,9 @@ declare module '@layerfi/components/components/CategorySelect/CategorySelectDraw
   interface CategorySelectDrawerProps {
       onSelect: (value: CategoryOption) => void;
       selected?: CategoryOption;
+      showTooltips: boolean;
   }
-  export const CategorySelectDrawer: ({ onSelect, selected, }: CategorySelectDrawerProps) => React.JSX.Element;
+  export const CategorySelectDrawer: ({ onSelect, selected, showTooltips, }: CategorySelectDrawerProps) => React.JSX.Element;
   export {};
 
 }
@@ -1861,6 +1877,7 @@ declare module '@layerfi/components/components/ExpandedBankTransactionRow/Expand
       categorized?: boolean;
       showDescriptions: boolean;
       showReceiptUploads: boolean;
+      showTooltips: boolean;
   };
   export type SaveHandle = {
       save: () => void;
@@ -5812,11 +5829,12 @@ declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/Ban
       showBreakConnection?: boolean;
       showDescriptions?: boolean;
       showReceiptUploads?: boolean;
+      showTooltips?: boolean;
       mode?: BankTransactionsMode;
       mobileComponent?: MobileComponentType;
       stringOverrides?: BankTransactionsWithLinkedAccountsStringOverrides;
   }
-  export const BankTransactionsWithLinkedAccounts: ({ title, showTitle, elevatedLinkedAccounts, showLedgerBalance, showUnlinkItem, showBreakConnection, mode, showDescriptions, showReceiptUploads, mobileComponent, stringOverrides, }: BankTransactionsWithLinkedAccountsProps) => React.JSX.Element;
+  export const BankTransactionsWithLinkedAccounts: ({ title, showTitle, elevatedLinkedAccounts, showLedgerBalance, showUnlinkItem, showBreakConnection, mode, showDescriptions, showReceiptUploads, showTooltips, mobileComponent, stringOverrides, }: BankTransactionsWithLinkedAccountsProps) => React.JSX.Element;
   export {};
 
 }

package/dist/index.js

@@ -4920,7 +4920,8 @@ var import_classnames23 = __toESM(require("classnames"));
 var ActionableList = ({
   options,
   onClick,
-  selectedId
+  selectedId,
+  showDescriptions = false
 }) => {
   return /* @__PURE__ */ import_react55.default.createElement("ul", { className: "Layer__actionable-list" }, options.map((x, idx) => /* @__PURE__ */ import_react55.default.createElement(
     "li",
@@ -4939,7 +4940,7 @@ var ActionableList = ({
       { className: "Layer__actionable-list__content" },
       /* @__PURE__ */ import_react55.default.createElement(Text, { size: "sm" /* sm */ }, x.label),
       /*TODO: Replace 'See all categories' with something more generic*/
-      x.description && x.label !== "See all categories" && /* @__PURE__ */ import_react55.default.createElement(
+      showDescriptions && x.description && x.label !== "See all categories" && /* @__PURE__ */ import_react55.default.createElement(
         Text,
         {
           className: "Layer__actionable-list__content-description",
@@ -5025,7 +5026,8 @@ var getAssignedValue = (bankTransaction) => {
 // src/components/BankTransactionMobileList/BusinessCategories.tsx
 var BusinessCategories = ({
   select,
-  selectedId
+  selectedId,
+  showTooltips
 }) => {
   const { categories } = useLayerContext();
   const categoryOptions = flattenCategories(
@@ -5053,7 +5055,8 @@ var BusinessCategories = ({
     {
       options: optionsToShow,
       onClick: onCategorySelect,
-      selectedId
+      selectedId,
+      showDescriptions: showTooltips
     }
   ));
 };
@@ -5062,7 +5065,8 @@ var BusinessCategories = ({
 var import_classnames24 = __toESM(require("classnames"));
 var CategorySelectDrawer = ({
   onSelect,
-  selected
+  selected,
+  showTooltips
 }) => {
   const { setContent, close } = (0, import_react57.useContext)(DrawerContext);
   const onDrawerCategorySelect = (value) => {
@@ -5082,7 +5086,8 @@ var CategorySelectDrawer = ({
           CategorySelectDrawerContent,
           {
             selected,
-            onSelect: onDrawerCategorySelect
+            onSelect: onDrawerCategorySelect,
+            showTooltips: true
           }
         )
       )
@@ -5099,7 +5104,8 @@ var CategorySelectDrawer = ({
 };
 var CategorySelectDrawerContent = ({
   onSelect,
-  selected
+  selected,
+  showTooltips
 }) => /* @__PURE__ */ import_react57.default.createElement(
   BusinessCategories,
   {
@@ -5111,7 +5117,8 @@ var CategorySelectDrawerContent = ({
         }
       });
     },
-    selectedId: selected?.payload?.id
+    selectedId: selected?.payload?.id,
+    showTooltips
   }
 );
 
@@ -5195,7 +5202,7 @@ var Option2 = (props) => {
       className: `Layer__select__option-menu-content ${props.className}`
     },
     /* @__PURE__ */ import_react58.default.createElement("div", { className: "Layer__select__option-menu--name" }, props.isSelected ? /* @__PURE__ */ import_react58.default.createElement("span", { className: "Layer__select__option-menu-content-check" }, /* @__PURE__ */ import_react58.default.createElement(Check_default, { size: 16 })) : /* @__PURE__ */ import_react58.default.createElement("span", { className: "Layer__select__option-menu-content-check" }, /* @__PURE__ */ import_react58.default.createElement("div", { style: { width: 16, height: 16 } })), /* @__PURE__ */ import_react58.default.createElement("div", null, props.data.payload.display_name)),
-    props.data.payload.description && /* @__PURE__ */ import_react58.default.createElement("div", { className: "Layer__select__option-menu--tooltip" }, /* @__PURE__ */ import_react58.default.createElement(Tooltip, null, /* @__PURE__ */ import_react58.default.createElement(TooltipTrigger, null, /* @__PURE__ */ import_react58.default.createElement(InfoIcon_default, null)), /* @__PURE__ */ import_react58.default.createElement(TooltipContent, { className: "Layer__actionable-list__tooltip-content" }, /* @__PURE__ */ import_react58.default.createElement(
+    props.showTooltips && props.data.payload.description && /* @__PURE__ */ import_react58.default.createElement("div", { className: "Layer__select__option-menu--tooltip" }, /* @__PURE__ */ import_react58.default.createElement(Tooltip, null, /* @__PURE__ */ import_react58.default.createElement(TooltipTrigger, null, /* @__PURE__ */ import_react58.default.createElement(InfoIcon_default, null)), /* @__PURE__ */ import_react58.default.createElement(TooltipContent, { className: "Layer__actionable-list__tooltip-content" }, /* @__PURE__ */ import_react58.default.createElement(
       Text,
       {
         className: "Layer__actionable-list__content-description",
@@ -5244,6 +5251,7 @@ var CategorySelect = ({
   onChange,
   disabled,
   className,
+  showTooltips,
   excludeMatches = false,
   asDrawer = false
 }) => {
@@ -5283,7 +5291,14 @@ var CategorySelect = ({
   const selected = value ? value : !excludeMatches && matchOptions?.length === 1 && matchOptions[0].options.length === 1 ? matchOptions[0].options[0] : void 0;
   const placeholder = matchOptions?.length === 1 && matchOptions[0].options.length > 1 ? `${matchOptions[0].options.length} possible matches...` : "Categorize or match...";
   if (asDrawer) {
-    return /* @__PURE__ */ import_react58.default.createElement(CategorySelectDrawer, { onSelect: onChange, selected: value });
+    return /* @__PURE__ */ import_react58.default.createElement(
+      CategorySelectDrawer,
+      {
+        onSelect: onChange,
+        selected: value,
+        showTooltips
+      }
+    );
   }
   return /* @__PURE__ */ import_react58.default.createElement(
     import_react_select.default,
@@ -5307,7 +5322,11 @@ var CategorySelect = ({
       styles: {
         menuPortal: (base) => ({ ...base, zIndex: 9999 })
       },
-      components: { DropdownIndicator, GroupHeading, Option: Option2 },
+      components: {
+        DropdownIndicator,
+        GroupHeading,
+        Option: (optionProps) => /* @__PURE__ */ import_react58.default.createElement(Option2, { ...optionProps, showTooltips })
+      },
       isDisabled: disabled,
       isOptionDisabled: (option) => option.disabled ?? false,
       isOptionSelected: (option) => selected?.payload.display_name == option.payload.display_name
@@ -6142,7 +6161,8 @@ var ExpandedBankTransactionRow = (0, import_react71.forwardRef)(
     containerWidth,
     showDescriptions,
     mode,
-    showReceiptUploads
+    showReceiptUploads,
+    showTooltips
   }, ref) => {
     const {
       categorize: categorizeBankTransaction2,
@@ -6496,7 +6516,8 @@ var ExpandedBankTransactionRow = (0, import_react71.forwardRef)(
                   onChange: (value) => changeCategory(index, value),
                   className: "Layer__category-menu--full",
                   disabled: bankTransaction.processing || !categorizationEnabled(mode),
-                  excludeMatches: true
+                  excludeMatches: true,
+                  showTooltips
                 }
               ),
               index > 0 && /* @__PURE__ */ import_react71.default.createElement(
@@ -6665,6 +6686,7 @@ var BankTransactionRow = ({
   initialLoad,
   showDescriptions,
   showReceiptUploads,
+  showTooltips,
   stringOverrides
 }) => {
   const expandedRowRef = (0, import_react73.useRef)(null);
@@ -6820,7 +6842,8 @@ var BankTransactionRow = ({
             setSelectedCategory(category);
             setShowRetry(false);
           },
-          disabled: bankTransaction.processing
+          disabled: bankTransaction.processing,
+          showTooltips
         }
       ) : null,
       categorized && !open ? /* @__PURE__ */ import_react73.default.createElement(Text, { as: "span", className: `${className}__category-text` }, bankTransaction.categorization_status === "SPLIT" /* SPLIT */ && /* @__PURE__ */ import_react73.default.createElement(import_react73.default.Fragment, null, /* @__PURE__ */ import_react73.default.createElement(
@@ -6912,7 +6935,8 @@ var BankTransactionRow = ({
       close: () => setOpen(false),
       containerWidth,
       showDescriptions,
-      showReceiptUploads
+      showReceiptUploads,
+      showTooltips
     }
   ))));
 };
@@ -6965,6 +6989,7 @@ var BankTransactionListItem = ({
   mode,
   showDescriptions,
   showReceiptUploads,
+  showTooltips,
   containerWidth,
   removeTransaction,
   stringOverrides
@@ -7061,7 +7086,8 @@ var BankTransactionListItem = ({
       submitBtnText: categorized ? stringOverrides?.updateButtonText || "Update" : stringOverrides?.approveButtonText || "Approve",
       containerWidth,
       showDescriptions,
-      showReceiptUploads
+      showReceiptUploads,
+      showTooltips
     }
   )), /* @__PURE__ */ import_react75.default.createElement("span", { className: `${className}__base-row` }, !categorized ? /* @__PURE__ */ import_react75.default.createElement(
     CategorySelect,
@@ -7073,7 +7099,8 @@ var BankTransactionListItem = ({
         setShowRetry(false);
         setSelectedCategory(category);
       },
-      disabled: bankTransaction.processing
+      disabled: bankTransaction.processing,
+      showTooltips
     }
   ) : null, categorized ? /* @__PURE__ */ import_react75.default.createElement(Assignment, { bankTransaction }) : null, !categorized && !showRetry ? /* @__PURE__ */ import_react75.default.createElement(
     SubmitButton,
@@ -7113,6 +7140,7 @@ var BankTransactionList = ({
   containerWidth,
   showDescriptions = false,
   showReceiptUploads = false,
+  showTooltips,
   stringOverrides
 }) => {
   return /* @__PURE__ */ import_react76.default.createElement("ul", { className: "Layer__bank-transactions__list" }, bankTransactions?.map(
@@ -7129,6 +7157,7 @@ var BankTransactionList = ({
         containerWidth,
         showDescriptions,
         showReceiptUploads,
+        showTooltips,
         stringOverrides
       }
     )
@@ -7146,7 +7175,10 @@ var import_react82 = __toESM(require("react"));
 
 // src/components/BankTransactionMobileList/BusinessForm.tsx
 var import_react77 = __toESM(require("react"));
-var BusinessForm = ({ bankTransaction }) => {
+var BusinessForm = ({
+  bankTransaction,
+  showTooltips
+}) => {
   const { setContent, close } = (0, import_react77.useContext)(DrawerContext);
   const { categorize: categorizeBankTransaction2, isLoading } = useBankTransactionsContext();
   const [selectedCategory, setSelectedCategory] = (0, import_react77.useState)(
@@ -7188,7 +7220,8 @@ var BusinessForm = ({ bankTransaction }) => {
         BusinessCategories,
         {
           selectedId: selectedCategory?.id,
-          select: onDrawerCategorySelect
+          select: onDrawerCategorySelect,
+          showTooltips
         }
       )
     );
@@ -7229,7 +7262,8 @@ var BusinessForm = ({ bankTransaction }) => {
     {
       options,
       onClick: onCategorySelect,
-      selectedId: selectedCategory?.id
+      selectedId: selectedCategory?.id,
+      showDescriptions: showTooltips
     }
   ), options.length === 0 ? /* @__PURE__ */ import_react77.default.createElement(
     Button,
@@ -7366,7 +7400,8 @@ var MatchForm2 = ({
 var import_react80 = __toESM(require("react"));
 var import_classnames38 = __toESM(require("classnames"));
 var SplitForm = ({
-  bankTransaction
+  bankTransaction,
+  showTooltips
 }) => {
   const {
     categorize: categorizeBankTransaction2,
@@ -7517,7 +7552,8 @@ var SplitForm = ({
         className: "Layer__category-menu--full",
         disabled: bankTransaction.processing,
         excludeMatches: true,
-        asDrawer: true
+        asDrawer: true,
+        showTooltips
       }
     )),
     /* @__PURE__ */ import_react80.default.createElement(
@@ -7569,28 +7605,48 @@ var SplitForm = ({
 
 // src/components/BankTransactionMobileList/SplitAndMatchForm.tsx
 var SplitAndMatchForm = ({
-  bankTransaction
+  bankTransaction,
+  showTooltips
 }) => {
   const anyMatch = hasMatch(bankTransaction);
   const [formType, setFormType] = (0, import_react81.useState)(
     bankTransaction.category ? "categorize" /* categorize */ : anyMatch ? "match" /* match */ : "categorize" /* categorize */
   );
-  return /* @__PURE__ */ import_react81.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__split-and-match-form" }, formType === "categorize" /* categorize */ && /* @__PURE__ */ import_react81.default.createElement(SplitForm, { bankTransaction }), formType === "match" /* match */ && /* @__PURE__ */ import_react81.default.createElement(MatchForm2, { bankTransaction }), anyMatch && formType === "match" /* match */ ? /* @__PURE__ */ import_react81.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__switch-form-btns" }, /* @__PURE__ */ import_react81.default.createElement(TextButton, { onClick: () => setFormType("categorize" /* categorize */) }, "or split transaction")) : null, anyMatch && formType === "categorize" /* categorize */ ? /* @__PURE__ */ import_react81.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__switch-form-btns" }, /* @__PURE__ */ import_react81.default.createElement(TextButton, { onClick: () => setFormType("match" /* match */) }, "or find match")) : null);
+  return /* @__PURE__ */ import_react81.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__split-and-match-form" }, formType === "categorize" /* categorize */ && /* @__PURE__ */ import_react81.default.createElement(
+    SplitForm,
+    {
+      bankTransaction,
+      showTooltips
+    }
+  ), formType === "match" /* match */ && /* @__PURE__ */ import_react81.default.createElement(MatchForm2, { bankTransaction }), anyMatch && formType === "match" /* match */ ? /* @__PURE__ */ import_react81.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__switch-form-btns" }, /* @__PURE__ */ import_react81.default.createElement(TextButton, { onClick: () => setFormType("categorize" /* categorize */) }, "or split transaction")) : null, anyMatch && formType === "categorize" /* categorize */ ? /* @__PURE__ */ import_react81.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__switch-form-btns" }, /* @__PURE__ */ import_react81.default.createElement(TextButton, { onClick: () => setFormType("match" /* match */) }, "or find match")) : null);
 };
 
 // src/components/BankTransactionMobileList/BankTransactionMobileForms.tsx
 var BankTransactionMobileForms = ({
   purpose,
-  bankTransaction
+  bankTransaction,
+  showTooltips
 }) => {
   const getContent = () => {
     switch (purpose) {
       case "business":
-        return /* @__PURE__ */ import_react82.default.createElement(BusinessForm, { bankTransaction });
+        return /* @__PURE__ */ import_react82.default.createElement(
+          BusinessForm,
+          {
+            bankTransaction,
+            showTooltips
+          }
+        );
       case "personal":
         return /* @__PURE__ */ import_react82.default.createElement(PersonalForm, { bankTransaction });
       case "more":
-        return /* @__PURE__ */ import_react82.default.createElement(SplitAndMatchForm, { bankTransaction });
+        return /* @__PURE__ */ import_react82.default.createElement(
+          SplitAndMatchForm,
+          {
+            bankTransaction,
+            showTooltips
+          }
+        );
       default:
         return null;
     }
@@ -7635,6 +7691,7 @@ var BankTransactionMobileListItem = ({
   editable,
   mode,
   initialLoad,
+  showTooltips,
   isFirstItem = false
 }) => {
   const {
@@ -7786,7 +7843,8 @@ var BankTransactionMobileListItem = ({
         BankTransactionMobileForms,
         {
           purpose,
-          bankTransaction
+          bankTransaction,
+          showTooltips
         }
       )
     )
@@ -7799,6 +7857,7 @@ var BankTransactionMobileList = ({
   removeTransaction,
   editable,
   initialLoad,
+  showTooltips,
   mode
 }) => {
   const transactionToOpenContextData = useTransactionToOpen();
@@ -7810,6 +7869,7 @@ var BankTransactionMobileList = ({
         mode,
         key: bankTransaction.id,
         bankTransaction,
+        showTooltips,
         editable,
         removeTransaction,
         initialLoad,
@@ -7879,7 +7939,8 @@ var SkeletonTableLoader = ({
 
 // src/components/BankTransactionsLoader/BankTransactionsLoader.tsx
 var BankTransactionsLoader = ({
-  isLoading = true
+  isLoading = true,
+  showTooltips
 }) => {
   const inactiveBankTransactionsActions = /* @__PURE__ */ import_react88.default.createElement("div", { className: "Layer__bank-transaction-row__actions-container Layer__bank-transaction-row__actions-disabled" }, /* @__PURE__ */ import_react88.default.createElement(
     CategorySelect,
@@ -7889,7 +7950,8 @@ var BankTransactionsLoader = ({
       value: void 0,
       onChange: () => {
       },
-      disabled: true
+      disabled: true,
+      showTooltips
     }
   ), /* @__PURE__ */ import_react88.default.createElement(
     SubmitButton,
@@ -7972,6 +8034,7 @@ var BankTransactionsTable = ({
   removeTransaction,
   showDescriptions = false,
   showReceiptUploads = false,
+  showTooltips,
   stringOverrides,
   isSyncing = false,
   page,
@@ -7985,7 +8048,7 @@ var BankTransactionsTable = ({
       className: "Layer__table Layer__bank-transactions__table with-cell-separators"
     },
     /* @__PURE__ */ import_react90.default.createElement("thead", null, /* @__PURE__ */ import_react90.default.createElement("tr", null, /* @__PURE__ */ import_react90.default.createElement("th", { className: "Layer__table-header Layer__bank-transactions__date-col" }, stringOverrides?.transactionsTable?.dateColumnHeaderText || "Date"), /* @__PURE__ */ import_react90.default.createElement("th", { className: "Layer__table-header Layer__bank-transactions__tx-col" }, stringOverrides?.transactionsTable?.transactionColumnHeaderText || "Transaction"), /* @__PURE__ */ import_react90.default.createElement("th", { className: "Layer__table-header Layer__bank-transactions__account-col" }, stringOverrides?.transactionsTable?.accountColumnHeaderText || "Account"), /* @__PURE__ */ import_react90.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount Layer__table-cell__amount-col" }, stringOverrides?.transactionsTable?.amountColumnHeaderText || "Amount"), categorizeView && editable ? /* @__PURE__ */ import_react90.default.createElement("th", { className: "Layer__table-header Layer__table-header--primary Layer__table-cell__category-col" }, stringOverrides?.transactionsTable?.categorizeColumnHeaderText || "Categorize") : /* @__PURE__ */ import_react90.default.createElement("th", { className: "Layer__table-header Layer__table-cell__category-col" }, stringOverrides?.transactionsTable?.categoryColumnHeaderText || "Category"))),
-    isLoading && page && page === 1 ? /* @__PURE__ */ import_react90.default.createElement(BankTransactionsLoader, { isLoading: true }) : null,
+    isLoading && page && page === 1 ? /* @__PURE__ */ import_react90.default.createElement(BankTransactionsLoader, { isLoading: true, showTooltips }) : null,
     /* @__PURE__ */ import_react90.default.createElement("tbody", null, !isLoading && bankTransactions?.map(
       (bankTransaction, index) => /* @__PURE__ */ import_react90.default.createElement(
         BankTransactionRow,
@@ -8001,6 +8064,7 @@ var BankTransactionsTable = ({
           containerWidth,
           showDescriptions,
           showReceiptUploads,
+          showTooltips,
           stringOverrides: stringOverrides?.bankTransactionCTAs
         }
       )
@@ -8834,6 +8898,7 @@ var BankTransactionsContent = ({
   mode = "self-serve",
   showDescriptions = false,
   showReceiptUploads = false,
+  showTooltips = false,
   monthlyView = false,
   categorizeView: categorizeViewProp,
   mobileComponent,
@@ -8991,6 +9056,7 @@ var BankTransactionsContent = ({
         removeTransaction,
         showDescriptions,
         showReceiptUploads,
+        showTooltips,
         page: currentPage,
         stringOverrides,
         lastPage: isLastPage,
@@ -9005,7 +9071,8 @@ var BankTransactionsContent = ({
         editable,
         removeTransaction,
         containerWidth,
-        stringOverrides: stringOverrides?.bankTransactionCTAs
+        stringOverrides: stringOverrides?.bankTransactionCTAs,
+        showTooltips
       }
     ) : null,
     !isLoading && listView && mobileComponent === "mobileList" ? /* @__PURE__ */ import_react99.default.createElement(
@@ -9015,7 +9082,8 @@ var BankTransactionsContent = ({
         editable,
         mode,
         removeTransaction,
-        initialLoad
+        initialLoad,
+        showTooltips
       }
     ) : null,
     listView && isLoading ? /* @__PURE__ */ import_react99.default.createElement("div", { className: "Layer__bank-transactions__list-loader" }, /* @__PURE__ */ import_react99.default.createElement(Loader2, null)) : null,
@@ -16755,6 +16823,7 @@ var BankTransactionsWithLinkedAccounts = ({
   mode = "self-serve",
   showDescriptions,
   showReceiptUploads,
+  showTooltips = false,
   mobileComponent,
   stringOverrides
 }) => {
@@ -16780,6 +16849,7 @@ var BankTransactionsWithLinkedAccounts = ({
         asWidget: true,
         showDescriptions,
         showReceiptUploads,
+        showTooltips,
         mobileComponent,
         mode,
         stringOverrides: stringOverrides?.bankTransactions