@layerfi/components 0.1.22 → 0.1.23

package/.idea/layer-react.iml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/.idea/misc.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_19" default="true" project-jdk-name="corretto-19" project-jdk-type="JavaSDK">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+</project>

package/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/layer-react.iml" filepath="$PROJECT_DIR$/.idea/layer-react.iml" />
+    </modules>
+  </component>
+</project>

package/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

package/dist/esm/index.js

@@ -295,6 +295,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`
@@ -376,7 +379,8 @@ var Layer = {
   getTasks,
   submitResponseToTask,
   breakPlaidItemConnection,
-  syncConnection
+  syncConnection,
+  updateConnectionStatus
 };
 
 // src/hooks/useLayerContext/useLayerContext.tsx
@@ -837,7 +841,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) => {
@@ -2606,7 +2610,7 @@ var Toggle = ({
     updateThumbPosition(selectedIndex);
   }, [currentWidth]);
   const getSelectedIndex = () => {
-    let selectedIndex = options.findIndex(
+    const selectedIndex = options.findIndex(
       (option) => option.value === selectedValue
     );
     if (selectedIndex === -1) {
@@ -2642,7 +2646,7 @@ var ToggleOption = ({
   index
 }) => {
   if (disabled) {
-    return /* @__PURE__ */ React45.createElement(Tooltip, null, /* @__PURE__ */ React45.createElement(TooltipTrigger, null, /* @__PURE__ */ React45.createElement("label", { className: `Layer__toggle-option`, "data-checked": checked }, /* @__PURE__ */ React45.createElement(
+    return /* @__PURE__ */ React45.createElement(Tooltip, null, /* @__PURE__ */ React45.createElement(TooltipTrigger, null, /* @__PURE__ */ React45.createElement("label", { className: "Layer__toggle-option", "data-checked": checked }, /* @__PURE__ */ React45.createElement(
       "input",
       {
         type: "radio",
@@ -2655,7 +2659,7 @@ var ToggleOption = ({
       }
     ), /* @__PURE__ */ React45.createElement("span", { className: "Layer__toggle-option-content" }, leftIcon && /* @__PURE__ */ React45.createElement("span", { className: "Layer__toggle-option__icon" }, leftIcon), /* @__PURE__ */ React45.createElement("span", null, label)))), /* @__PURE__ */ React45.createElement(TooltipContent, { className: "Layer__tooltip" }, disabledMessage));
   }
-  return /* @__PURE__ */ React45.createElement("label", { className: `Layer__toggle-option`, "data-checked": checked }, /* @__PURE__ */ React45.createElement(
+  return /* @__PURE__ */ React45.createElement("label", { className: "Layer__toggle-option", "data-checked": checked }, /* @__PURE__ */ React45.createElement(
     "input",
     {
       type: "radio",
@@ -2851,7 +2855,9 @@ var ExpandedBankTransactionRow = forwardRef2(
     editable,
     asListItem = false,
     submitBtnText = "Save",
-    containerWidth
+    containerWidth,
+    showDescriptions,
+    showReceiptUploads
   }, ref) => {
     const {
       categorize: categorizeBankTransaction2,
@@ -3174,7 +3180,7 @@ var ExpandedBankTransactionRow = forwardRef2(
             "Split"
           ))))
         )),
-        /* @__PURE__ */ React48.createElement(
+        showDescriptions && /* @__PURE__ */ React48.createElement(
           InputGroup,
           {
             className: `${className}__description`,
@@ -3182,7 +3188,7 @@ var ExpandedBankTransactionRow = forwardRef2(
           },
           /* @__PURE__ */ React48.createElement(Textarea, { name: "description", placeholder: "Add description" })
         ),
-        /* @__PURE__ */ React48.createElement("div", { className: `${className}__file-upload` }, /* @__PURE__ */ React48.createElement(FileInput, { text: "Upload receipt" })),
+        showReceiptUploads && /* @__PURE__ */ React48.createElement("div", { className: `${className}__file-upload` }, /* @__PURE__ */ React48.createElement(FileInput, { text: "Upload receipt" })),
         asListItem ? /* @__PURE__ */ React48.createElement("div", { className: `${className}__submit-btn` }, bankTransaction.error ? /* @__PURE__ */ React48.createElement(
           Text,
           {
@@ -3259,7 +3265,9 @@ var BankTransactionRow = ({
   editable,
   removeTransaction,
   containerWidth,
-  initialLoad
+  initialLoad,
+  showDescriptions,
+  showReceiptUploads
 }) => {
   const expandedRowRef = useRef10(null);
   const [showRetry, setShowRetry] = useState9(false);
@@ -3516,7 +3524,9 @@ var BankTransactionRow = ({
       isOpen: open,
       close: () => setOpen(false),
       containerWidth,
-      editable
+      editable,
+      showDescriptions,
+      showReceiptUploads
     }
   ))));
 };
@@ -3567,6 +3577,8 @@ var BankTransactionListItem = ({
   dateFormat,
   bankTransaction,
   editable,
+  showDescriptions,
+  showReceiptUploads,
   containerWidth
 }) => {
   const expandedRowRef = useRef11(null);
@@ -3653,7 +3665,9 @@ var BankTransactionListItem = ({
       editable,
       asListItem: true,
       submitBtnText: editable ? "Approve" : "Update",
-      containerWidth
+      containerWidth,
+      showDescriptions,
+      showReceiptUploads
     }
   )), /* @__PURE__ */ React52.createElement("span", { className: `${className}__base-row` }, editable ? /* @__PURE__ */ React52.createElement(
     CategorySelect,
@@ -3895,8 +3909,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 {
@@ -4040,20 +4054,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]);
@@ -4129,11 +4143,11 @@ var Pagination = ({
   if (currentPage === 0 || paginationRange.length < 2) {
     return;
   }
-  let lastPage = paginationRange[paginationRange.length - 1];
+  const lastPage = paginationRange[paginationRange.length - 1];
   return /* @__PURE__ */ React59.createElement("ul", { className: "Layer__pagination" }, /* @__PURE__ */ React59.createElement(
     "li",
     {
-      key: `page-prev`,
+      key: "page-prev",
       className: classnames(
         "Layer__pagination-item Layer__pagination-arrow Layer__pagination-arrow--previous",
         {
@@ -4172,7 +4186,7 @@ var Pagination = ({
   }), /* @__PURE__ */ React59.createElement(
     "li",
     {
-      key: `page-last`,
+      key: "page-last",
       className: classnames(
         "Layer__pagination-item Layer__pagination-arrow Layer__pagination-arrow--next",
         {
@@ -4207,7 +4221,9 @@ var filterVisibility = (display, bankTransaction) => {
 var BankTransactions = ({
   asWidget = false,
   pageSize = 15,
-  categorizedOnly = false
+  categorizedOnly = false,
+  showDescriptions = false,
+  showReceiptUploads = false
 }) => {
   const [display, setDisplay] = useState11(
     categorizedOnly ? "categorized" /* categorized */ : "review" /* review */
@@ -4318,7 +4334,9 @@ var BankTransactions = ({
             bankTransaction,
             editable,
             removeTransaction,
-            containerWidth
+            containerWidth,
+            showDescriptions,
+            showReceiptUploads
           }
         )
       ))
@@ -4334,7 +4352,9 @@ var BankTransactions = ({
           bankTransaction,
           editable,
           removeTransaction,
-          containerWidth
+          containerWidth,
+          showDescriptions,
+          showReceiptUploads
         }
       )
     )) : null,
@@ -4394,6 +4414,8 @@ var LinkedAccountsContext = createContext2({
   loadingStatus: "initial",
   isValidating: false,
   error: void 0,
+  updateConnectionStatus: () => {
+  },
   addConnection: () => {
   },
   removeConnection: () => {
@@ -4586,7 +4608,7 @@ var useLinkedAccounts = () => {
       if (linkMode == "add") {
         exchangePlaidPublicToken2(publicToken, metadata);
       } else {
-        await syncAccounts();
+        await updateConnectionStatus2();
         refetchAccounts();
         setLinkMode("add");
       }
@@ -4654,7 +4676,6 @@ var useLinkedAccounts = () => {
           accountId
         }
       });
-      syncAccounts();
       await refetchAccounts();
     } else {
       console.error(
@@ -4704,6 +4725,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, {
@@ -4725,7 +4752,8 @@ var useLinkedAccounts = () => {
     confirmAccount,
     denyAccount,
     breakConnection,
-    syncAccounts
+    syncAccounts,
+    updateConnectionStatus: updateConnectionStatus2
   };
 };
 
@@ -4899,7 +4927,7 @@ var LinkedAccountOptions = ({
     "Layer__linked-accounts__options",
     showLedgerBalance == false && "--hide-ledger-balance"
   );
-  return /* @__PURE__ */ React66.createElement("div", { className: linkedAccountOptionsClassName }, /* @__PURE__ */ React66.createElement("div", { className: "Layer__linked-accounts__options-overlay" }, /* @__PURE__ */ React66.createElement("div", { className: "Layer__linked-accounts__options-overlay-button" }, /* @__PURE__ */ React66.createElement(HoverMenu, { config }, /* @__PURE__ */ React66.createElement(MoreVertical_default, { size: 16 })))), children);
+  return /* @__PURE__ */ React66.createElement("div", { className: linkedAccountOptionsClassName }, /* @__PURE__ */ React66.createElement("div", { className: "Layer__linked-accounts__options-overlay" }, config.length ? /* @__PURE__ */ React66.createElement("div", { className: "Layer__linked-accounts__options-overlay-button" }, /* @__PURE__ */ React66.createElement(HoverMenu, { config }, /* @__PURE__ */ React66.createElement(MoreVertical_default, { size: 16 }))) : null), children);
 };
 
 // src/components/LinkedAccountThumb/LinkedAccountThumb.tsx
@@ -5335,36 +5363,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 () => {
@@ -5854,7 +5884,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__ */ React74.createElement("rect", { width: "4", height: "4", opacity: 0.16 }),
-        /* @__PURE__ */ React74.createElement("line", { x1: "0", y: "0", x2: "0", y2: "4", "stroke-width": "2" })
+        /* @__PURE__ */ React74.createElement("line", { x1: "0", y: "0", x2: "0", y2: "4", strokeWidth: "2" })
       ), /* @__PURE__ */ React74.createElement(
         "pattern",
         {
@@ -6248,7 +6278,7 @@ var ProfitAndLossChart = () => {
           patternUnits: "userSpaceOnUse"
         },
         /* @__PURE__ */ React74.createElement("rect", { width: "4", height: "4", opacity: 0.16 }),
-        /* @__PURE__ */ React74.createElement("line", { x1: "0", y: "0", x2: "0", y2: "4", "stroke-width": "2" })
+        /* @__PURE__ */ React74.createElement("line", { x1: "0", y: "0", x2: "0", y2: "4", strokeWidth: "2" })
       )),
       /* @__PURE__ */ React74.createElement(
         Tooltip2,
@@ -7266,7 +7296,7 @@ var MiniChart = ({ data }) => {
         Cell3,
         {
           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
         }
@@ -9338,7 +9368,7 @@ var LedgerAccount = ({
         onRefresh: () => refetch(),
         isLoading: isValidating || isLoading
       }
-    )) : null, (!data || isLoading) && !error ? /* @__PURE__ */ React105.createElement("div", { className: `Layer__ledger-account__loader-container` }, /* @__PURE__ */ React105.createElement(Loader2, null)) : null, !isLoading && !error && data?.length === 0 ? /* @__PURE__ */ React105.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React105.createElement(
+    )) : null, (!data || isLoading) && !error ? /* @__PURE__ */ React105.createElement("div", { className: "Layer__ledger-account__loader-container" }, /* @__PURE__ */ React105.createElement(Loader2, null)) : null, !isLoading && !error && data?.length === 0 ? /* @__PURE__ */ React105.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ React105.createElement(
       DataState,
       {
         status: "info" /* info */,
@@ -9707,7 +9737,7 @@ var useJournal = () => {
           (x) => x.id === value.value
         );
         if (foundParent) {
-          let newLineItem = {
+          const newLineItem = {
             ...lineItem,
             account_identifier: {
               id: foundParent.id,
@@ -9723,7 +9753,7 @@ var useJournal = () => {
           lineItems[lineItemIndex] = newLineItem;
         }
       } else {
-        let newLineItem = {
+        const newLineItem = {
           ...lineItem,
           [fieldName]: value
         };
@@ -11114,7 +11144,7 @@ var TasksPending = () => {
         Cell4,
         {
           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]
         }
       );
@@ -11129,7 +11159,7 @@ var Tasks = () => {
 };
 var TasksComponent = () => {
   const { isLoading, data } = useContext30(TasksContext);
-  return /* @__PURE__ */ React129.createElement(Container, { name: "tasks-component" }, /* @__PURE__ */ React129.createElement(TasksHeader, null), isLoading || !data ? /* @__PURE__ */ React129.createElement("div", { className: `Layer__tasks__loader-container` }, /* @__PURE__ */ React129.createElement(Loader2, null)) : /* @__PURE__ */ React129.createElement(React129.Fragment, null, data.length > 0 && /* @__PURE__ */ React129.createElement(TasksPending, null), /* @__PURE__ */ React129.createElement(TasksList, null)));
+  return /* @__PURE__ */ React129.createElement(Container, { name: "tasks-component" }, /* @__PURE__ */ React129.createElement(TasksHeader, null), isLoading || !data ? /* @__PURE__ */ React129.createElement("div", { className: "Layer__tasks__loader-container" }, /* @__PURE__ */ React129.createElement(Loader2, null)) : /* @__PURE__ */ React129.createElement(React129.Fragment, null, data.length > 0 && /* @__PURE__ */ React129.createElement(TasksPending, null), /* @__PURE__ */ React129.createElement(TasksList, null)));
 };
 
 // src/views/AccountingOverview/AccountingOverview.tsx
@@ -11340,7 +11370,9 @@ import React137 from "react";
 var BankTransactionsWithLinkedAccounts = ({
   title = "Bank transactions",
   elevatedLinkedAccounts = true,
-  showLedgerBalance = true
+  showLedgerBalance = true,
+  showDescriptions,
+  showReceiptUploads
 }) => {
   return /* @__PURE__ */ React137.createElement(View3, { title }, /* @__PURE__ */ React137.createElement(
     LinkedAccounts,
@@ -11348,7 +11380,14 @@ var BankTransactionsWithLinkedAccounts = ({
       elevated: elevatedLinkedAccounts,
       showLedgerBalance
     }
-  ), /* @__PURE__ */ React137.createElement(BankTransactions, { asWidget: true }));
+  ), /* @__PURE__ */ React137.createElement(
+    BankTransactions,
+    {
+      asWidget: true,
+      showDescriptions,
+      showReceiptUploads
+    }
+  ));
 };
 
 // src/views/Reports/Reports.tsx