@layerfi/components 0.1.21 → 0.1.23

package/dist/index.d.ts

@@ -161,6 +161,12 @@ declare module '@layerfi/components/api/layer/linked_accounts' {
       } | undefined;
       body?: Record<string, unknown> | undefined;
   } | undefined) => Promise<Record<string, unknown>>;
+  export const updateConnectionStatus: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: {
+          businessId: string;
+      } | undefined;
+      body?: Record<string, unknown> | undefined;
+  } | undefined) => Promise<Record<string, unknown>>;
   export const getLinkedAccounts: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: {
           businessId: string;
@@ -467,6 +473,12 @@ declare module '@layerfi/components/api/layer' {
           } | undefined;
           body?: Record<string, unknown> | undefined;
       } | undefined) => Promise<Record<string, unknown>>;
+      updateConnectionStatus: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: {
+              businessId: string;
+          } | undefined;
+          body?: Record<string, unknown> | undefined;
+      } | undefined) => Promise<Record<string, unknown>>;
   };
 
 }
@@ -593,10 +605,12 @@ declare module '@layerfi/components/components/BankTransactionListItem/BankTrans
       dateFormat: string;
       bankTransaction: BankTransaction;
       editable: boolean;
+      showDescriptions: boolean;
+      showReceiptUploads: boolean;
       removeTransaction: (id: string) => void;
       containerWidth?: number;
   };
-  export const BankTransactionListItem: ({ index, dateFormat, bankTransaction, editable, containerWidth, }: Props) => React.JSX.Element | null;
+  export const BankTransactionListItem: ({ index, dateFormat, bankTransaction, editable, showDescriptions, showReceiptUploads, containerWidth, }: Props) => React.JSX.Element | null;
   export {};
 
 }
@@ -615,11 +629,13 @@ declare module '@layerfi/components/components/BankTransactionRow/BankTransactio
       removeTransaction: (id: string) => void;
       containerWidth?: number;
       initialLoad?: boolean;
+      showDescriptions: boolean;
+      showReceiptUploads: boolean;
   };
   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, dateFormat, bankTransaction, editable, removeTransaction, containerWidth, initialLoad, }: Props) => React.JSX.Element | null;
+  export const BankTransactionRow: ({ index, dateFormat, bankTransaction, editable, removeTransaction, containerWidth, initialLoad, showDescriptions, showReceiptUploads, }: Props) => React.JSX.Element | null;
   export {};
 
 }
@@ -659,9 +675,11 @@ declare module '@layerfi/components/components/BankTransactions/BankTransactions
       asWidget?: boolean;
       pageSize?: number;
       categorizedOnly?: boolean;
+      showDescriptions?: boolean;
+      showReceiptUploads?: boolean;
   }
   export const filterVisibility: (display: DisplayState, bankTransaction: BankTransaction) => boolean;
-  export const BankTransactions: ({ asWidget, pageSize, categorizedOnly, }: BankTransactionsProps) => React.JSX.Element;
+  export const BankTransactions: ({ asWidget, pageSize, categorizedOnly, showDescriptions, showReceiptUploads, }: BankTransactionsProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/BankTransactions/index' {
@@ -1058,6 +1076,8 @@ declare module '@layerfi/components/components/ExpandedBankTransactionRow/Expand
       submitBtnText?: string;
       containerWidth?: number;
       editable?: boolean;
+      showDescriptions: boolean;
+      showReceiptUploads: boolean;
   };
   export type SaveHandle = {
       save: () => void;
@@ -2298,6 +2318,7 @@ declare module '@layerfi/components/contexts/LinkedAccountsContext/LinkedAccount
       addConnection: (source: import("@layerfi/components/types/linked_accounts").Source) => void;
       removeConnection: (source: import("@layerfi/components/types/linked_accounts").Source, sourceId: string) => void;
       repairConnection: (source: import("@layerfi/components/types/linked_accounts").Source, sourceId: string) => void;
+      updateConnectionStatus: () => void;
       refetchAccounts: () => void;
       syncAccounts: () => void;
       unlinkAccount: (source: import("@layerfi/components/types/linked_accounts").Source, accountId: string) => void;
@@ -2535,6 +2556,7 @@ declare module '@layerfi/components/hooks/useLinkedAccounts/useLinkedAccounts' {
       addConnection: (source: Source) => void;
       removeConnection: (source: Source, sourceId: string) => void;
       repairConnection: (source: Source, sourceId: string) => void;
+      updateConnectionStatus: () => void;
       refetchAccounts: () => void;
       syncAccounts: () => void;
       unlinkAccount: (source: Source, accountId: string) => void;
@@ -3729,8 +3751,10 @@ declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/Ban
       title?: string;
       elevatedLinkedAccounts?: boolean;
       showLedgerBalance?: boolean;
+      showDescriptions?: boolean;
+      showReceiptUploads?: boolean;
   }
-  export const BankTransactionsWithLinkedAccounts: ({ title, elevatedLinkedAccounts, showLedgerBalance, }: BankTransactionsWithLinkedAccountsProps) => React.JSX.Element;
+  export const BankTransactionsWithLinkedAccounts: ({ title, elevatedLinkedAccounts, showLedgerBalance, showDescriptions, showReceiptUploads, }: BankTransactionsWithLinkedAccountsProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/index' {

package/dist/index.js

@@ -346,6 +346,9 @@ var createJournalEntries = post(
 
 // src/api/layer/linked_accounts.ts
 var syncConnection = post(({ businessId }) => `/v1/businesses/${businessId}/sync`);
+var updateConnectionStatus = post(
+  ({ businessId }) => `/v1/businesses/${businessId}/external-accounts/update-connection-status`
+);
 var getLinkedAccounts = get(({ businessId }) => `/v1/businesses/${businessId}/external-accounts`);
 var confirmConnection = post(
   ({ businessId, accountId }) => `/v1/businesses/${businessId}/external-accounts/${accountId}/confirm`
@@ -427,7 +430,8 @@ var Layer = {
   getTasks,
   submitResponseToTask,
   breakPlaidItemConnection,
-  syncConnection
+  syncConnection,
+  updateConnectionStatus
 };
 
 // src/hooks/useLayerContext/useLayerContext.tsx
@@ -888,7 +892,7 @@ function hasSuggestions(categorization) {
 
 // src/utils/helpers.ts
 var range = (start, end) => {
-  let length = end - start + 1;
+  const length = end - start + 1;
   return Array.from({ length }, (_, idx) => idx + start);
 };
 var debounce = (fnc, timeout = 300) => {
@@ -2627,7 +2631,7 @@ var Toggle = ({
     updateThumbPosition(selectedIndex);
   }, [currentWidth]);
   const getSelectedIndex = () => {
-    let selectedIndex = options.findIndex(
+    const selectedIndex = options.findIndex(
       (option) => option.value === selectedValue
     );
     if (selectedIndex === -1) {
@@ -2663,7 +2667,7 @@ var ToggleOption = ({
   index
 }) => {
   if (disabled) {
-    return /* @__PURE__ */ import_react33.default.createElement(Tooltip, null, /* @__PURE__ */ import_react33.default.createElement(TooltipTrigger, null, /* @__PURE__ */ import_react33.default.createElement("label", { className: `Layer__toggle-option`, "data-checked": checked }, /* @__PURE__ */ import_react33.default.createElement(
+    return /* @__PURE__ */ import_react33.default.createElement(Tooltip, null, /* @__PURE__ */ import_react33.default.createElement(TooltipTrigger, null, /* @__PURE__ */ import_react33.default.createElement("label", { className: "Layer__toggle-option", "data-checked": checked }, /* @__PURE__ */ import_react33.default.createElement(
       "input",
       {
         type: "radio",
@@ -2676,7 +2680,7 @@ var ToggleOption = ({
       }
     ), /* @__PURE__ */ import_react33.default.createElement("span", { className: "Layer__toggle-option-content" }, leftIcon && /* @__PURE__ */ import_react33.default.createElement("span", { className: "Layer__toggle-option__icon" }, leftIcon), /* @__PURE__ */ import_react33.default.createElement("span", null, label)))), /* @__PURE__ */ import_react33.default.createElement(TooltipContent, { className: "Layer__tooltip" }, disabledMessage));
   }
-  return /* @__PURE__ */ import_react33.default.createElement("label", { className: `Layer__toggle-option`, "data-checked": checked }, /* @__PURE__ */ import_react33.default.createElement(
+  return /* @__PURE__ */ import_react33.default.createElement("label", { className: "Layer__toggle-option", "data-checked": checked }, /* @__PURE__ */ import_react33.default.createElement(
     "input",
     {
       type: "radio",
@@ -2872,7 +2876,9 @@ var ExpandedBankTransactionRow = (0, import_react35.forwardRef)(
     editable,
     asListItem = false,
     submitBtnText = "Save",
-    containerWidth
+    containerWidth,
+    showDescriptions,
+    showReceiptUploads
   }, ref) => {
     const {
       categorize: categorizeBankTransaction2,
@@ -3195,7 +3201,7 @@ var ExpandedBankTransactionRow = (0, import_react35.forwardRef)(
             "Split"
           ))))
         )),
-        /* @__PURE__ */ import_react35.default.createElement(
+        showDescriptions && /* @__PURE__ */ import_react35.default.createElement(
           InputGroup,
           {
             className: `${className}__description`,
@@ -3203,7 +3209,7 @@ var ExpandedBankTransactionRow = (0, import_react35.forwardRef)(
           },
           /* @__PURE__ */ import_react35.default.createElement(Textarea, { name: "description", placeholder: "Add description" })
         ),
-        /* @__PURE__ */ import_react35.default.createElement("div", { className: `${className}__file-upload` }, /* @__PURE__ */ import_react35.default.createElement(FileInput, { text: "Upload receipt" })),
+        showReceiptUploads && /* @__PURE__ */ import_react35.default.createElement("div", { className: `${className}__file-upload` }, /* @__PURE__ */ import_react35.default.createElement(FileInput, { text: "Upload receipt" })),
         asListItem ? /* @__PURE__ */ import_react35.default.createElement("div", { className: `${className}__submit-btn` }, bankTransaction.error ? /* @__PURE__ */ import_react35.default.createElement(
           Text,
           {
@@ -3280,7 +3286,9 @@ var BankTransactionRow = ({
   editable,
   removeTransaction,
   containerWidth,
-  initialLoad
+  initialLoad,
+  showDescriptions,
+  showReceiptUploads
 }) => {
   const expandedRowRef = (0, import_react37.useRef)(null);
   const [showRetry, setShowRetry] = (0, import_react37.useState)(false);
@@ -3537,7 +3545,9 @@ var BankTransactionRow = ({
       isOpen: open,
       close: () => setOpen(false),
       containerWidth,
-      editable
+      editable,
+      showDescriptions,
+      showReceiptUploads
     }
   ))));
 };
@@ -3588,6 +3598,8 @@ var BankTransactionListItem = ({
   dateFormat,
   bankTransaction,
   editable,
+  showDescriptions,
+  showReceiptUploads,
   containerWidth
 }) => {
   const expandedRowRef = (0, import_react39.useRef)(null);
@@ -3674,7 +3686,9 @@ var BankTransactionListItem = ({
       editable,
       asListItem: true,
       submitBtnText: editable ? "Approve" : "Update",
-      containerWidth
+      containerWidth,
+      showDescriptions,
+      showReceiptUploads
     }
   )), /* @__PURE__ */ import_react39.default.createElement("span", { className: `${className}__base-row` }, editable ? /* @__PURE__ */ import_react39.default.createElement(
     CategorySelect,
@@ -3916,8 +3930,8 @@ var hueToRgb = (p, q, t) => {
 };
 var hslToRgb = (hsl) => {
   let r, g, b;
-  let l = hsl.l / 100;
-  let s = hsl.s / 100;
+  const l = hsl.l / 100;
+  const s = hsl.s / 100;
   if (hsl.s === 0) {
     r = g = b = l;
   } else {
@@ -4061,20 +4075,20 @@ var usePagination = ({
     const firstPageIndex = 1;
     const lastPageIndex = totalPageCount;
     if (!shouldShowLeftDots && shouldShowRightDots) {
-      let leftItemCount = 3 + 2 * siblingCount;
-      let leftRange = range(1, leftItemCount);
+      const leftItemCount = 3 + 2 * siblingCount;
+      const leftRange = range(1, leftItemCount);
       return [...leftRange, DOTS, totalPageCount];
     }
     if (shouldShowLeftDots && !shouldShowRightDots) {
-      let rightItemCount = 3 + 2 * siblingCount;
-      let rightRange = range(
+      const rightItemCount = 3 + 2 * siblingCount;
+      const rightRange = range(
         totalPageCount - rightItemCount + 1,
         totalPageCount
       );
       return [firstPageIndex, DOTS, ...rightRange];
     }
     if (shouldShowLeftDots && shouldShowRightDots) {
-      let middleRange = range(leftSiblingIndex, rightSiblingIndex);
+      const middleRange = range(leftSiblingIndex, rightSiblingIndex);
       return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];
     }
   }, [totalCount, pageSize, siblingCount, currentPage]);
@@ -4150,11 +4164,11 @@ var Pagination = ({
   if (currentPage === 0 || paginationRange.length < 2) {
     return;
   }
-  let lastPage = paginationRange[paginationRange.length - 1];
+  const lastPage = paginationRange[paginationRange.length - 1];
   return /* @__PURE__ */ import_react45.default.createElement("ul", { className: "Layer__pagination" }, /* @__PURE__ */ import_react45.default.createElement(
     "li",
     {
-      key: `page-prev`,
+      key: "page-prev",
       className: (0, import_classnames26.default)(
         "Layer__pagination-item Layer__pagination-arrow Layer__pagination-arrow--previous",
         {
@@ -4193,7 +4207,7 @@ var Pagination = ({
   }), /* @__PURE__ */ import_react45.default.createElement(
     "li",
     {
-      key: `page-last`,
+      key: "page-last",
       className: (0, import_classnames26.default)(
         "Layer__pagination-item Layer__pagination-arrow Layer__pagination-arrow--next",
         {
@@ -4228,7 +4242,9 @@ var filterVisibility = (display, bankTransaction) => {
 var BankTransactions = ({
   asWidget = false,
   pageSize = 15,
-  categorizedOnly = false
+  categorizedOnly = false,
+  showDescriptions = false,
+  showReceiptUploads = false
 }) => {
   const [display, setDisplay] = (0, import_react46.useState)(
     categorizedOnly ? "categorized" /* categorized */ : "review" /* review */
@@ -4339,7 +4355,9 @@ var BankTransactions = ({
             bankTransaction,
             editable,
             removeTransaction,
-            containerWidth
+            containerWidth,
+            showDescriptions,
+            showReceiptUploads
           }
         )
       ))
@@ -4355,7 +4373,9 @@ var BankTransactions = ({
           bankTransaction,
           editable,
           removeTransaction,
-          containerWidth
+          containerWidth,
+          showDescriptions,
+          showReceiptUploads
         }
       )
     )) : null,
@@ -4415,6 +4435,8 @@ var LinkedAccountsContext = (0, import_react48.createContext)({
   loadingStatus: "initial",
   isValidating: false,
   error: void 0,
+  updateConnectionStatus: () => {
+  },
   addConnection: () => {
   },
   removeConnection: () => {
@@ -4607,7 +4629,7 @@ var useLinkedAccounts = () => {
       if (linkMode == "add") {
         exchangePlaidPublicToken2(publicToken, metadata);
       } else {
-        await syncAccounts();
+        await updateConnectionStatus2();
         refetchAccounts();
         setLinkMode("add");
       }
@@ -4675,7 +4697,6 @@ var useLinkedAccounts = () => {
           accountId
         }
       });
-      syncAccounts();
       await refetchAccounts();
     } else {
       console.error(
@@ -4725,6 +4746,12 @@ var useLinkedAccounts = () => {
       params: { businessId }
     });
   };
+  const updateConnectionStatus2 = async () => {
+    DEBUG && console.log("updating connection status...");
+    await Layer.updateConnectionStatus(apiUrl, auth?.access_token, {
+      params: { businessId }
+    });
+  };
   const unlinkPlaidItem2 = async (plaidItemPlaidId) => {
     DEBUG && console.log("unlinking plaid item");
     await Layer.unlinkPlaidItem(apiUrl, auth?.access_token, {
@@ -4746,7 +4773,8 @@ var useLinkedAccounts = () => {
     confirmAccount,
     denyAccount,
     breakConnection,
-    syncAccounts
+    syncAccounts,
+    updateConnectionStatus: updateConnectionStatus2
   };
 };
 
@@ -4920,7 +4948,7 @@ var LinkedAccountOptions = ({
     "Layer__linked-accounts__options",
     showLedgerBalance == false && "--hide-ledger-balance"
   );
-  return /* @__PURE__ */ import_react53.default.createElement("div", { className: linkedAccountOptionsClassName }, /* @__PURE__ */ import_react53.default.createElement("div", { className: "Layer__linked-accounts__options-overlay" }, /* @__PURE__ */ import_react53.default.createElement("div", { className: "Layer__linked-accounts__options-overlay-button" }, /* @__PURE__ */ import_react53.default.createElement(HoverMenu, { config }, /* @__PURE__ */ import_react53.default.createElement(MoreVertical_default, { size: 16 })))), children);
+  return /* @__PURE__ */ import_react53.default.createElement("div", { className: linkedAccountOptionsClassName }, /* @__PURE__ */ import_react53.default.createElement("div", { className: "Layer__linked-accounts__options-overlay" }, config.length ? /* @__PURE__ */ import_react53.default.createElement("div", { className: "Layer__linked-accounts__options-overlay-button" }, /* @__PURE__ */ import_react53.default.createElement(HoverMenu, { config }, /* @__PURE__ */ import_react53.default.createElement(MoreVertical_default, { size: 16 }))) : null), children);
 };
 
 // src/components/LinkedAccountThumb/LinkedAccountThumb.tsx
@@ -5356,36 +5384,38 @@ var LinkedAccountsContent = ({
       {
         key: `linked-acc-${index}`,
         config: [
-          {
-            name: "Unlink account",
-            action: async () => {
-              if (!confirm(
-                "Please confirm you wish to remove this financial account"
-              )) {
-                return;
+          ...account.external_account_source === "PLAID" ? [
+            {
+              name: "Unlink account",
+              action: async () => {
+                if (!confirm(
+                  "Please confirm you wish to remove this financial account"
+                )) {
+                  return;
+                }
+                await unlinkAccount2(
+                  account.external_account_source,
+                  account.id
+                );
               }
-              await unlinkAccount2(
-                account.external_account_source,
-                account.id
-              );
-            }
-          },
-          {
-            name: `Unlink all accounts under this ${account.institution?.name} connection`,
-            action: async () => {
-              if (!account.connection_external_id || !confirm(
-                `Please confirm you wish to remove all accounts belonging to ${account.institution?.name || "this institution"}`
-              )) {
-                return;
+            },
+            {
+              name: `Unlink all accounts under this ${account.institution?.name} connection`,
+              action: async () => {
+                if (!account.connection_external_id || !confirm(
+                  `Please confirm you wish to remove all accounts belonging to ${account.institution?.name || "this institution"}`
+                )) {
+                  return;
+                }
+                await removeConnection(
+                  account.external_account_source,
+                  account.connection_external_id
+                );
               }
-              await removeConnection(
-                account.external_account_source,
-                account.connection_external_id
-              );
             }
-          },
+          ] : [],
           ...pillConfig ? pillConfig.config : [],
-          ...environment === "staging" && !account.connection_needs_repair_as_of ? [
+          ...environment === "staging" && !account.connection_needs_repair_as_of && account.external_account_source === "PLAID" ? [
             {
               name: "Break connection (test utility)",
               action: async () => {
@@ -5875,7 +5905,7 @@ var humanizeEnum = (text) => {
 var convertNumberToCurrency = (amount) => {
   if (!amount)
     return "";
-  let formattedValue = amount.toLocaleString("en-US");
+  const formattedValue = amount.toLocaleString("en-US");
   return formattedValue.length > 0 ? `$${formattedValue}` : "";
 };
 var convertCurrencyToNumber = (amount) => {
@@ -6235,7 +6265,7 @@ var ProfitAndLossChart = () => {
           patternUnits: "userSpaceOnUse"
         },
         /* @__PURE__ */ import_react62.default.createElement("rect", { width: "4", height: "4", opacity: 0.16 }),
-        /* @__PURE__ */ import_react62.default.createElement("line", { x1: "0", y: "0", x2: "0", y2: "4", "stroke-width": "2" })
+        /* @__PURE__ */ import_react62.default.createElement("line", { x1: "0", y: "0", x2: "0", y2: "4", strokeWidth: "2" })
       ), /* @__PURE__ */ import_react62.default.createElement(
         "pattern",
         {
@@ -6248,7 +6278,7 @@ var ProfitAndLossChart = () => {
           patternUnits: "userSpaceOnUse"
         },
         /* @__PURE__ */ import_react62.default.createElement("rect", { width: "4", height: "4", opacity: 0.16 }),
-        /* @__PURE__ */ import_react62.default.createElement("line", { x1: "0", y: "0", x2: "0", y2: "4", "stroke-width": "2" })
+        /* @__PURE__ */ import_react62.default.createElement("line", { x1: "0", y: "0", x2: "0", y2: "4", strokeWidth: "2" })
       )),
       /* @__PURE__ */ import_react62.default.createElement(
         import_recharts.Tooltip,
@@ -7259,7 +7289,7 @@ var MiniChart = ({ data }) => {
         import_recharts3.Cell,
         {
           key: `cell-${index}`,
-          className: `Layer__profit-and-loss-detailed-charts__pie`,
+          className: "Layer__profit-and-loss-detailed-charts__pie",
           fill: entry.name === "placeholder" ? "#e6e6e6" : colorConfig.color,
           opacity: colorConfig.opacity
         }
@@ -9326,7 +9356,7 @@ var LedgerAccount = ({
         onRefresh: () => refetch(),
         isLoading: isValidating || isLoading
       }
-    )) : null, (!data || isLoading) && !error ? /* @__PURE__ */ import_react93.default.createElement("div", { className: `Layer__ledger-account__loader-container` }, /* @__PURE__ */ import_react93.default.createElement(Loader2, null)) : null, !isLoading && !error && data?.length === 0 ? /* @__PURE__ */ import_react93.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react93.default.createElement(
+    )) : null, (!data || isLoading) && !error ? /* @__PURE__ */ import_react93.default.createElement("div", { className: "Layer__ledger-account__loader-container" }, /* @__PURE__ */ import_react93.default.createElement(Loader2, null)) : null, !isLoading && !error && data?.length === 0 ? /* @__PURE__ */ import_react93.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react93.default.createElement(
       DataState,
       {
         status: "info" /* info */,
@@ -9476,8 +9506,10 @@ var LayerProvider = ({
     }
   }, [businessAccessToken, auth?.access_token]);
   (0, import_swr9.default)(
-    businessId && auth?.access_token && `categories-${businessId}`,
-    Layer.getCategories(apiUrl, auth?.access_token, { params: { businessId } }),
+    businessId && state.auth?.access_token && `categories-${businessId}`,
+    Layer.getCategories(apiUrl, state.auth?.access_token, {
+      params: { businessId }
+    }),
     {
       ...defaultSWRConfig,
       onSuccess: (response) => {
@@ -9491,8 +9523,10 @@ var LayerProvider = ({
     }
   );
   (0, import_swr9.default)(
-    businessId && auth?.access_token && `business-${businessId}`,
-    Layer.getBusiness(apiUrl, auth?.access_token, { params: { businessId } }),
+    businessId && state?.auth?.access_token && `business-${businessId}`,
+    Layer.getBusiness(apiUrl, state?.auth?.access_token, {
+      params: { businessId }
+    }),
     {
       ...defaultSWRConfig,
       onSuccess: (response) => {
@@ -9691,7 +9725,7 @@ var useJournal = () => {
           (x) => x.id === value.value
         );
         if (foundParent) {
-          let newLineItem = {
+          const newLineItem = {
             ...lineItem,
             account_identifier: {
               id: foundParent.id,
@@ -9707,7 +9741,7 @@ var useJournal = () => {
           lineItems[lineItemIndex] = newLineItem;
         }
       } else {
-        let newLineItem = {
+        const newLineItem = {
           ...lineItem,
           [fieldName]: value
         };
@@ -11098,7 +11132,7 @@ var TasksPending = () => {
         import_recharts4.Cell,
         {
           key: `cell-${index}`,
-          className: `Layer__profit-and-loss-detailed-charts__pie`,
+          className: "Layer__profit-and-loss-detailed-charts__pie",
           fill: TASKS_CHARTS_COLORS[task.name]
         }
       );
@@ -11113,7 +11147,7 @@ var Tasks = () => {
 };
 var TasksComponent = () => {
   const { isLoading, data } = (0, import_react114.useContext)(TasksContext);
-  return /* @__PURE__ */ import_react114.default.createElement(Container, { name: "tasks-component" }, /* @__PURE__ */ import_react114.default.createElement(TasksHeader, null), isLoading || !data ? /* @__PURE__ */ import_react114.default.createElement("div", { className: `Layer__tasks__loader-container` }, /* @__PURE__ */ import_react114.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react114.default.createElement(import_react114.default.Fragment, null, data.length > 0 && /* @__PURE__ */ import_react114.default.createElement(TasksPending, null), /* @__PURE__ */ import_react114.default.createElement(TasksList, null)));
+  return /* @__PURE__ */ import_react114.default.createElement(Container, { name: "tasks-component" }, /* @__PURE__ */ import_react114.default.createElement(TasksHeader, null), isLoading || !data ? /* @__PURE__ */ import_react114.default.createElement("div", { className: "Layer__tasks__loader-container" }, /* @__PURE__ */ import_react114.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react114.default.createElement(import_react114.default.Fragment, null, data.length > 0 && /* @__PURE__ */ import_react114.default.createElement(TasksPending, null), /* @__PURE__ */ import_react114.default.createElement(TasksList, null)));
 };
 
 // src/views/AccountingOverview/AccountingOverview.tsx
@@ -11324,7 +11358,9 @@ var import_react121 = __toESM(require("react"));
 var BankTransactionsWithLinkedAccounts = ({
   title = "Bank transactions",
   elevatedLinkedAccounts = true,
-  showLedgerBalance = true
+  showLedgerBalance = true,
+  showDescriptions,
+  showReceiptUploads
 }) => {
   return /* @__PURE__ */ import_react121.default.createElement(View3, { title }, /* @__PURE__ */ import_react121.default.createElement(
     LinkedAccounts,
@@ -11332,7 +11368,14 @@ var BankTransactionsWithLinkedAccounts = ({
       elevated: elevatedLinkedAccounts,
       showLedgerBalance
     }
-  ), /* @__PURE__ */ import_react121.default.createElement(BankTransactions, { asWidget: true }));
+  ), /* @__PURE__ */ import_react121.default.createElement(
+    BankTransactions,
+    {
+      asWidget: true,
+      showDescriptions,
+      showReceiptUploads
+    }
+  ));
 };
 
 // src/views/Reports/Reports.tsx