@layerfi/components 0.1.17 → 0.1.19

package/dist/index.js

@@ -36,6 +36,7 @@ __export(src_exports, {
   BankTransactionsWithLinkedAccounts: () => BankTransactionsWithLinkedAccounts,
   ChartOfAccounts: () => ChartOfAccounts,
   GeneralLedgerView: () => GeneralLedgerView,
+  Hello: () => Hello,
   Journal: () => Journal,
   LayerProvider: () => LayerProvider,
   LinkedAccounts: () => LinkedAccounts,
@@ -4352,12 +4353,25 @@ var BankTransactions = ({
   );
 };
 
+// src/components/Hello/Hello.tsx
+var import_react47 = __toESM(require("react"));
+var import_swr3 = __toESM(require("swr"));
+var fetcher = (url) => fetch(url).then((res) => res.json());
+var Hello = ({ user }) => {
+  const { data, isLoading } = (0, import_swr3.default)(
+    `https://api.github.com/users/${user || "jyurek"}`,
+    fetcher
+  );
+  const name = (isLoading ? "..." : data?.name) || "User";
+  return /* @__PURE__ */ import_react47.default.createElement(import_react47.default.Fragment, null, /* @__PURE__ */ import_react47.default.createElement("div", { className: "hello" }, "Hello, ", name, "!"));
+};
+
 // src/components/LinkedAccounts/LinkedAccounts.tsx
-var import_react55 = __toESM(require("react"));
+var import_react56 = __toESM(require("react"));
 
 // src/contexts/LinkedAccountsContext/LinkedAccountsContext.ts
-var import_react47 = require("react");
-var LinkedAccountsContext = (0, import_react47.createContext)({
+var import_react48 = require("react");
+var LinkedAccountsContext = (0, import_react48.createContext)({
   data: void 0,
   isLoading: false,
   loadingStatus: "initial",
@@ -4376,10 +4390,10 @@ var LinkedAccountsContext = (0, import_react47.createContext)({
 });
 
 // src/providers/LinkedAccountsProvider/LinkedAccountsProvider.tsx
-var import_react49 = __toESM(require("react"));
+var import_react50 = __toESM(require("react"));
 
 // src/hooks/useLinkedAccounts/useLinkedAccounts.ts
-var import_react48 = require("react");
+var import_react49 = require("react");
 var import_react_plaid_link = require("react-plaid-link");
 
 // src/hooks/useLinkedAccounts/mockData.ts
@@ -4475,27 +4489,27 @@ var LINKED_ACCOUNTS_MOCK_DATA = [
 ];
 
 // src/hooks/useLinkedAccounts/useLinkedAccounts.ts
-var import_swr3 = __toESM(require("swr"));
+var import_swr4 = __toESM(require("swr"));
 var DEBUG = true;
 var USE_MOCK_RESPONSE_DATA = false;
 var USE_PLAID_SANDBOX = true;
 var useLinkedAccounts = () => {
   const { auth, businessId, apiUrl } = useLayerContext();
-  const [linkToken, setLinkToken] = (0, import_react48.useState)(null);
-  const [loadingStatus, setLoadingStatus] = (0, import_react48.useState)("initial");
+  const [linkToken, setLinkToken] = (0, import_react49.useState)(null);
+  const [loadingStatus, setLoadingStatus] = (0, import_react49.useState)("initial");
   const {
     data: responseData,
     isLoading,
     isValidating,
     error: responseError,
     mutate
-  } = (0, import_swr3.default)(
+  } = (0, import_swr4.default)(
     businessId && auth?.access_token && `linked-accounts-${businessId}`,
     Layer.getLinkedAccounts(apiUrl, auth?.access_token, {
       params: { businessId }
     })
   );
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (!isLoading && responseData?.data.external_accounts) {
       setLoadingStatus("complete");
       return;
@@ -4537,7 +4551,7 @@ var useLinkedAccounts = () => {
     onSuccess: exchangePlaidPublicToken2,
     env: USE_PLAID_SANDBOX ? "sandbox" : void 0
   });
-  (0, import_react48.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     if (plaidLinkReady) {
       plaidLinkStart();
     }
@@ -4615,15 +4629,15 @@ var LinkedAccountsProvider = ({
   children
 }) => {
   const linkedAccountsContextData = useLinkedAccounts();
-  return /* @__PURE__ */ import_react49.default.createElement(LinkedAccountsContext.Provider, { value: linkedAccountsContextData }, children);
+  return /* @__PURE__ */ import_react50.default.createElement(LinkedAccountsContext.Provider, { value: linkedAccountsContextData }, children);
 };
 
 // src/components/LinkedAccounts/LinkedAccountsContent.tsx
-var import_react54 = __toESM(require("react"));
+var import_react55 = __toESM(require("react"));
 
 // src/icons/PlusIcon.tsx
-var React62 = __toESM(require("react"));
-var PlusIcon = ({ size = 14, ...props }) => /* @__PURE__ */ React62.createElement(
+var React63 = __toESM(require("react"));
+var PlusIcon = ({ size = 14, ...props }) => /* @__PURE__ */ React63.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4633,7 +4647,7 @@ var PlusIcon = ({ size = 14, ...props }) => /* @__PURE__ */ React62.createElemen
     width: size,
     height: size
   },
-  /* @__PURE__ */ React62.createElement(
+  /* @__PURE__ */ React63.createElement(
     "path",
     {
       d: "M14.6667 8.49996C14.6667 4.81806 11.6819 1.83329 8.00004 1.83329C4.31814 1.83329 1.33337 4.81806 1.33337 8.49996C1.33337 12.1819 4.31814 15.1666 8.00004 15.1666C11.6819 15.1666 14.6667 12.1819 14.6667 8.49996Z",
@@ -4642,7 +4656,7 @@ var PlusIcon = ({ size = 14, ...props }) => /* @__PURE__ */ React62.createElemen
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React62.createElement(
+  /* @__PURE__ */ React63.createElement(
     "path",
     {
       d: "M5.33337 8.5L10.6667 8.5",
@@ -4651,7 +4665,7 @@ var PlusIcon = ({ size = 14, ...props }) => /* @__PURE__ */ React62.createElemen
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React62.createElement(
+  /* @__PURE__ */ React63.createElement(
     "path",
     {
       d: "M8 11.1666L8 5.83329",
@@ -4664,12 +4678,12 @@ var PlusIcon = ({ size = 14, ...props }) => /* @__PURE__ */ React62.createElemen
 var PlusIcon_default = PlusIcon;
 
 // src/components/LinkedAccountOptions/LinkedAccountOptions.tsx
-var import_react52 = __toESM(require("react"));
+var import_react53 = __toESM(require("react"));
 
 // src/icons/MoreVertical.tsx
-var import_react50 = __toESM(require("react"));
+var import_react51 = __toESM(require("react"));
 var MoreVertical = ({ size = 18, ...props }) => {
-  return /* @__PURE__ */ import_react50.default.createElement(
+  return /* @__PURE__ */ import_react51.default.createElement(
     "svg",
     {
       viewBox: "0 0 16 14",
@@ -4679,7 +4693,7 @@ var MoreVertical = ({ size = 18, ...props }) => {
       width: size,
       height: size
     },
-    /* @__PURE__ */ import_react50.default.createElement(
+    /* @__PURE__ */ import_react51.default.createElement(
       "path",
       {
         d: "M8.66659 8C8.66659 7.63181 8.36811 7.33333 7.99992 7.33333C7.63173 7.33333 7.33325 7.63181 7.33325 8C7.33325 8.36819 7.63173 8.66667 7.99992 8.66667C8.36811 8.66667 8.66659 8.36819 8.66659 8Z",
@@ -4689,7 +4703,7 @@ var MoreVertical = ({ size = 18, ...props }) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ import_react50.default.createElement(
+    /* @__PURE__ */ import_react51.default.createElement(
       "path",
       {
         d: "M8.66659 3.33333C8.66659 2.96514 8.36811 2.66667 7.99992 2.66667C7.63173 2.66667 7.33325 2.96514 7.33325 3.33333C7.33325 3.70152 7.63173 4 7.99992 4C8.36811 4 8.66659 3.70152 8.66659 3.33333Z",
@@ -4699,7 +4713,7 @@ var MoreVertical = ({ size = 18, ...props }) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ import_react50.default.createElement(
+    /* @__PURE__ */ import_react51.default.createElement(
       "path",
       {
         d: "M8.66659 12.6667C8.66659 12.2985 8.36811 12 7.99992 12C7.63173 12 7.33325 12.2985 7.33325 12.6667C7.33325 13.0349 7.63173 13.3333 7.99992 13.3333C8.36811 13.3333 8.66659 13.0349 8.66659 12.6667Z",
@@ -4714,7 +4728,7 @@ var MoreVertical = ({ size = 18, ...props }) => {
 var MoreVertical_default = MoreVertical;
 
 // src/components/HoverMenu/HoverMenu.tsx
-var import_react51 = __toESM(require("react"));
+var import_react52 = __toESM(require("react"));
 var import_classnames27 = __toESM(require("classnames"));
 var HoverMenu = ({
   children,
@@ -4723,13 +4737,13 @@ var HoverMenu = ({
   accountId,
   source
 }) => {
-  const [openMenu, setOpenMenu] = (0, import_react51.useState)(false);
-  const hoverMenuRef = (0, import_react51.useRef)(null);
+  const [openMenu, setOpenMenu] = (0, import_react52.useState)(false);
+  const hoverMenuRef = (0, import_react52.useRef)(null);
   const hoverMenuClassName = (0, import_classnames27.default)(
     "Layer__hover-menu",
     openMenu && "Layer__hover-menu--open"
   );
-  (0, import_react51.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     function handleClickOutside(event) {
       if (hoverMenuRef.current && !hoverMenuRef.current.contains(event.target)) {
         setOpenMenu(false);
@@ -4740,14 +4754,14 @@ var HoverMenu = ({
       document.removeEventListener("click", handleClickOutside);
     };
   }, []);
-  return /* @__PURE__ */ import_react51.default.createElement(
+  return /* @__PURE__ */ import_react52.default.createElement(
     "div",
     {
       className: hoverMenuClassName,
       ref: hoverMenuRef,
       onMouseLeave: () => setOpenMenu(false)
     },
-    /* @__PURE__ */ import_react51.default.createElement(
+    /* @__PURE__ */ import_react52.default.createElement(
       "div",
       {
         className: "Layer__hover-menu__children",
@@ -4757,13 +4771,13 @@ var HoverMenu = ({
       },
       children
     ),
-    /* @__PURE__ */ import_react51.default.createElement("div", { className: "Layer__hover-menu__list-wrapper" }, /* @__PURE__ */ import_react51.default.createElement("ul", { className: "Layer__hover-menu__list" }, config && config.length > 0 && config.map((item) => /* @__PURE__ */ import_react51.default.createElement(
+    /* @__PURE__ */ import_react52.default.createElement("div", { className: "Layer__hover-menu__list-wrapper" }, /* @__PURE__ */ import_react52.default.createElement("ul", { className: "Layer__hover-menu__list" }, config && config.length > 0 && config.map((item) => /* @__PURE__ */ import_react52.default.createElement(
       "li",
       {
         key: `hover-menu-${item.name}`,
         className: "Layer__hover-menu__list-item"
       },
-      /* @__PURE__ */ import_react51.default.createElement(
+      /* @__PURE__ */ import_react52.default.createElement(
         "button",
         {
           className: "Layer__hover-menu__list-item-button",
@@ -4789,7 +4803,7 @@ var LinkedAccountOptions = ({
     "Layer__linked-accounts__options",
     showLedgerBalance == false && "--hide-ledger-balance"
   );
-  return /* @__PURE__ */ import_react52.default.createElement("div", { className: linkedAccountOptionsClassName }, /* @__PURE__ */ import_react52.default.createElement("div", { className: "Layer__linked-accounts__options-overlay" }, /* @__PURE__ */ import_react52.default.createElement("div", { className: "Layer__linked-accounts__options-overlay-button" }, /* @__PURE__ */ import_react52.default.createElement(
+  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,
@@ -4797,16 +4811,16 @@ var LinkedAccountOptions = ({
       connectionId,
       source
     },
-    /* @__PURE__ */ import_react52.default.createElement(MoreVertical_default, { size: 16 })
+    /* @__PURE__ */ import_react53.default.createElement(MoreVertical_default, { size: 16 })
   ))), children);
 };
 
 // src/components/LinkedAccountThumb/LinkedAccountThumb.tsx
-var import_react53 = __toESM(require("react"));
+var import_react54 = __toESM(require("react"));
 
 // src/icons/InstitutionIcon.tsx
-var React66 = __toESM(require("react"));
-var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React66.createElement(
+var React67 = __toESM(require("react"));
+var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React67.createElement(
   "svg",
   {
     viewBox: "0 0 27 28",
@@ -4816,42 +4830,42 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React66.creat
     width: size,
     height: size
   },
-  /* @__PURE__ */ React66.createElement("g", { filter: "url(#filter0_i_2320_122784)" }, /* @__PURE__ */ React66.createElement(
+  /* @__PURE__ */ React67.createElement("g", { filter: "url(#filter0_i_2320_122784)" }, /* @__PURE__ */ React67.createElement(
     "path",
     {
       d: "M0 8.50225C0 8.13268 0.20383 7.79324 0.530047 7.61956L13.03 0.964441C13.3238 0.80803 13.6762 0.808029 13.97 0.964441L26.47 7.61956C26.7962 7.79324 27 8.13268 27 8.50225V9.71423C27 10.2665 26.5523 10.7142 26 10.7142H0.999999C0.447715 10.7142 0 10.2665 0 9.71423V8.50225Z",
       fill: "currentColor"
     }
   )),
-  /* @__PURE__ */ React66.createElement("g", { filter: "url(#filter1_i_2320_122784)" }, /* @__PURE__ */ React66.createElement(
+  /* @__PURE__ */ React67.createElement("g", { filter: "url(#filter1_i_2320_122784)" }, /* @__PURE__ */ React67.createElement(
     "path",
     {
       d: "M3 13C3 12.4477 3.44772 12 4 12H7C7.55228 12 8 12.4477 8 13V20C8 20.5523 7.55228 21 7 21H4C3.44772 21 3 20.5523 3 20L3 13Z",
       fill: "currentColor"
     }
   )),
-  /* @__PURE__ */ React66.createElement("g", { filter: "url(#filter2_i_2320_122784)" }, /* @__PURE__ */ React66.createElement(
+  /* @__PURE__ */ React67.createElement("g", { filter: "url(#filter2_i_2320_122784)" }, /* @__PURE__ */ React67.createElement(
     "path",
     {
       d: "M11 13C11 12.4477 11.4477 12 12 12H15C15.5523 12 16 12.4477 16 13V20C16 20.5523 15.5523 21 15 21H12C11.4477 21 11 20.5523 11 20L11 13Z",
       fill: "currentColor"
     }
   )),
-  /* @__PURE__ */ React66.createElement("g", { filter: "url(#filter3_i_2320_122784)" }, /* @__PURE__ */ React66.createElement(
+  /* @__PURE__ */ React67.createElement("g", { filter: "url(#filter3_i_2320_122784)" }, /* @__PURE__ */ React67.createElement(
     "path",
     {
       d: "M19 13C19 12.4477 19.4477 12 20 12H23C23.5523 12 24 12.4477 24 13V20C24 20.5523 23.5523 21 23 21H20C19.4477 21 19 20.5523 19 20L19 13Z",
       fill: "currentColor"
     }
   )),
-  /* @__PURE__ */ React66.createElement("g", { filter: "url(#filter4_i_2320_122784)" }, /* @__PURE__ */ React66.createElement(
+  /* @__PURE__ */ React67.createElement("g", { filter: "url(#filter4_i_2320_122784)" }, /* @__PURE__ */ React67.createElement(
     "path",
     {
       d: "M1 23.2856C1 22.7334 1.44772 22.2856 2 22.2856H25C25.5523 22.2856 26 22.7334 26 23.2856V26.2856C26 26.8379 25.5523 27.2856 25 27.2856H2C1.44772 27.2856 1 26.8379 1 26.2856L1 23.2856Z",
       fill: "currentColor"
     }
   )),
-  /* @__PURE__ */ React66.createElement("defs", null, /* @__PURE__ */ React66.createElement(
+  /* @__PURE__ */ React67.createElement("defs", null, /* @__PURE__ */ React67.createElement(
     "filter",
     {
       id: "filter0_i_2320_122784",
@@ -4862,8 +4876,8 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React66.creat
       filterUnits: "userSpaceOnUse",
       colorInterpolationFilters: "sRGB"
     },
-    /* @__PURE__ */ React66.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+    /* @__PURE__ */ React67.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -4872,7 +4886,7 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React66.creat
         result: "shape"
       }
     ),
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement(
       "feColorMatrix",
       {
         in: "SourceAlpha",
@@ -4881,17 +4895,17 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React66.creat
         result: "hardAlpha"
       }
     ),
-    /* @__PURE__ */ React66.createElement("feOffset", null),
-    /* @__PURE__ */ React66.createElement("feGaussianBlur", { stdDeviation: "0.5" }),
-    /* @__PURE__ */ React66.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement("feOffset", null),
+    /* @__PURE__ */ React67.createElement("feGaussianBlur", { stdDeviation: "0.5" }),
+    /* @__PURE__ */ React67.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
+    /* @__PURE__ */ React67.createElement(
       "feColorMatrix",
       {
         type: "matrix",
         values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.04 0"
       }
     ),
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -4899,7 +4913,7 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React66.creat
         result: "effect1_innerShadow_2320_122784"
       }
     )
-  ), /* @__PURE__ */ React66.createElement(
+  ), /* @__PURE__ */ React67.createElement(
     "filter",
     {
       id: "filter1_i_2320_122784",
@@ -4910,8 +4924,8 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React66.creat
       filterUnits: "userSpaceOnUse",
       colorInterpolationFilters: "sRGB"
     },
-    /* @__PURE__ */ React66.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+    /* @__PURE__ */ React67.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -4920,7 +4934,7 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React66.creat
         result: "shape"
       }
     ),
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement(
       "feColorMatrix",
       {
         in: "SourceAlpha",
@@ -4929,17 +4943,17 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React66.creat
         result: "hardAlpha"
       }
     ),
-    /* @__PURE__ */ React66.createElement("feOffset", null),
-    /* @__PURE__ */ React66.createElement("feGaussianBlur", { stdDeviation: "0.5" }),
-    /* @__PURE__ */ React66.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement("feOffset", null),
+    /* @__PURE__ */ React67.createElement("feGaussianBlur", { stdDeviation: "0.5" }),
+    /* @__PURE__ */ React67.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
+    /* @__PURE__ */ React67.createElement(
       "feColorMatrix",
       {
         type: "matrix",
         values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.04 0"
       }
     ),
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -4947,7 +4961,7 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React66.creat
         result: "effect1_innerShadow_2320_122784"
       }
     )
-  ), /* @__PURE__ */ React66.createElement(
+  ), /* @__PURE__ */ React67.createElement(
     "filter",
     {
       id: "filter2_i_2320_122784",
@@ -4958,8 +4972,8 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React66.creat
       filterUnits: "userSpaceOnUse",
       colorInterpolationFilters: "sRGB"
     },
-    /* @__PURE__ */ React66.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+    /* @__PURE__ */ React67.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -4968,7 +4982,7 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React66.creat
         result: "shape"
       }
     ),
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement(
       "feColorMatrix",
       {
         in: "SourceAlpha",
@@ -4977,17 +4991,17 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React66.creat
         result: "hardAlpha"
       }
     ),
-    /* @__PURE__ */ React66.createElement("feOffset", null),
-    /* @__PURE__ */ React66.createElement("feGaussianBlur", { stdDeviation: "0.5" }),
-    /* @__PURE__ */ React66.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement("feOffset", null),
+    /* @__PURE__ */ React67.createElement("feGaussianBlur", { stdDeviation: "0.5" }),
+    /* @__PURE__ */ React67.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
+    /* @__PURE__ */ React67.createElement(
       "feColorMatrix",
       {
         type: "matrix",
         values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.04 0"
       }
     ),
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -4995,7 +5009,7 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React66.creat
         result: "effect1_innerShadow_2320_122784"
       }
     )
-  ), /* @__PURE__ */ React66.createElement(
+  ), /* @__PURE__ */ React67.createElement(
     "filter",
     {
       id: "filter3_i_2320_122784",
@@ -5006,8 +5020,8 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React66.creat
       filterUnits: "userSpaceOnUse",
       colorInterpolationFilters: "sRGB"
     },
-    /* @__PURE__ */ React66.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+    /* @__PURE__ */ React67.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -5016,7 +5030,7 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React66.creat
         result: "shape"
       }
     ),
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement(
       "feColorMatrix",
       {
         in: "SourceAlpha",
@@ -5025,17 +5039,17 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React66.creat
         result: "hardAlpha"
       }
     ),
-    /* @__PURE__ */ React66.createElement("feOffset", null),
-    /* @__PURE__ */ React66.createElement("feGaussianBlur", { stdDeviation: "0.5" }),
-    /* @__PURE__ */ React66.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement("feOffset", null),
+    /* @__PURE__ */ React67.createElement("feGaussianBlur", { stdDeviation: "0.5" }),
+    /* @__PURE__ */ React67.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
+    /* @__PURE__ */ React67.createElement(
       "feColorMatrix",
       {
         type: "matrix",
         values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.04 0"
       }
     ),
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -5043,7 +5057,7 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React66.creat
         result: "effect1_innerShadow_2320_122784"
       }
     )
-  ), /* @__PURE__ */ React66.createElement(
+  ), /* @__PURE__ */ React67.createElement(
     "filter",
     {
       id: "filter4_i_2320_122784",
@@ -5054,8 +5068,8 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React66.creat
       filterUnits: "userSpaceOnUse",
       colorInterpolationFilters: "sRGB"
     },
-    /* @__PURE__ */ React66.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+    /* @__PURE__ */ React67.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -5064,7 +5078,7 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React66.creat
         result: "shape"
       }
     ),
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement(
       "feColorMatrix",
       {
         in: "SourceAlpha",
@@ -5073,17 +5087,17 @@ var InstitutionIcon = ({ size = 18, ...props }) => /* @__PURE__ */ React66.creat
         result: "hardAlpha"
       }
     ),
-    /* @__PURE__ */ React66.createElement("feOffset", null),
-    /* @__PURE__ */ React66.createElement("feGaussianBlur", { stdDeviation: "0.5" }),
-    /* @__PURE__ */ React66.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement("feOffset", null),
+    /* @__PURE__ */ React67.createElement("feGaussianBlur", { stdDeviation: "0.5" }),
+    /* @__PURE__ */ React67.createElement("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
+    /* @__PURE__ */ React67.createElement(
       "feColorMatrix",
       {
         type: "matrix",
         values: "0 0 0 0 0.0627451 0 0 0 0 0.0941176 0 0 0 0 0.156863 0 0 0 0.04 0"
       }
     ),
-    /* @__PURE__ */ React66.createElement(
+    /* @__PURE__ */ React67.createElement(
       "feBlend",
       {
         mode: "normal",
@@ -5097,7 +5111,7 @@ var InstitutionIcon_default = InstitutionIcon;
 
 // src/components/LinkedAccountThumb/LinkedAccountThumb.tsx
 var import_classnames29 = __toESM(require("classnames"));
-var AccountNumber = ({ accountNumber }) => /* @__PURE__ */ import_react53.default.createElement("div", { className: "account-number" }, /* @__PURE__ */ import_react53.default.createElement(Text, { size: "sm" }, "\u2022\u2022\u2022 ", accountNumber));
+var AccountNumber = ({ accountNumber }) => /* @__PURE__ */ import_react54.default.createElement("div", { className: "account-number" }, /* @__PURE__ */ import_react54.default.createElement(Text, { size: "sm" }, "\u2022\u2022\u2022 ", accountNumber));
 var LinkedAccountThumb = ({
   account,
   asWidget,
@@ -5107,7 +5121,7 @@ var LinkedAccountThumb = ({
     "Layer__linked-account-thumb",
     asWidget && "--as-widget"
   );
-  return /* @__PURE__ */ import_react53.default.createElement("div", { className: linkedAccountThumbClassName }, /* @__PURE__ */ import_react53.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react53.default.createElement("div", { className: "topbar-details" }, /* @__PURE__ */ import_react53.default.createElement(Text, { as: "span", className: "account-name" }, account.external_account_name), !asWidget && account.mask && /* @__PURE__ */ import_react53.default.createElement(AccountNumber, { accountNumber: account.mask }), /* @__PURE__ */ import_react53.default.createElement(
+  return /* @__PURE__ */ import_react54.default.createElement("div", { className: linkedAccountThumbClassName }, /* @__PURE__ */ import_react54.default.createElement("div", { className: "topbar" }, /* @__PURE__ */ import_react54.default.createElement("div", { className: "topbar-details" }, /* @__PURE__ */ import_react54.default.createElement(Text, { as: "span", className: "account-name" }, account.external_account_name), !asWidget && account.mask && /* @__PURE__ */ import_react54.default.createElement(AccountNumber, { accountNumber: account.mask }), /* @__PURE__ */ import_react54.default.createElement(
     Text,
     {
       as: "span",
@@ -5115,7 +5129,7 @@ var LinkedAccountThumb = ({
       size: "sm"
     },
     account.institution?.name
-  )), /* @__PURE__ */ import_react53.default.createElement("div", { className: "topbar-logo" }, account.institution?.logo != void 0 ? /* @__PURE__ */ import_react53.default.createElement(
+  )), /* @__PURE__ */ import_react54.default.createElement("div", { className: "topbar-logo" }, account.institution?.logo != void 0 ? /* @__PURE__ */ import_react54.default.createElement(
     "img",
     {
       width: 28,
@@ -5123,7 +5137,7 @@ var LinkedAccountThumb = ({
       src: `data:image/png;base64,${account.institution.logo}`,
       alt: account.institution?.name
     }
-  ) : /* @__PURE__ */ import_react53.default.createElement(InstitutionIcon_default, null))), !asWidget && /* @__PURE__ */ import_react53.default.createElement("div", { className: "middlebar" }, /* @__PURE__ */ import_react53.default.createElement(
+  ) : /* @__PURE__ */ import_react54.default.createElement(InstitutionIcon_default, null))), !asWidget && /* @__PURE__ */ import_react54.default.createElement("div", { className: "middlebar" }, /* @__PURE__ */ import_react54.default.createElement(
     Text,
     {
       as: "span",
@@ -5131,7 +5145,7 @@ var LinkedAccountThumb = ({
       size: "sm"
     },
     "Bank balance"
-  ), /* @__PURE__ */ import_react53.default.createElement(Text, { as: "span", className: "account-balance" }, "$", centsToDollars(account.latest_balance_timestamp?.balance))), showLedgerBalance && /* @__PURE__ */ import_react53.default.createElement("div", { className: "bottombar" }, asWidget && account.mask ? /* @__PURE__ */ import_react53.default.createElement(AccountNumber, { accountNumber: account.mask }) : /* @__PURE__ */ import_react53.default.createElement(
+  ), /* @__PURE__ */ import_react54.default.createElement(Text, { as: "span", className: "account-balance" }, "$", centsToDollars(account.latest_balance_timestamp?.balance))), showLedgerBalance && /* @__PURE__ */ import_react54.default.createElement("div", { className: "bottombar" }, asWidget && account.mask ? /* @__PURE__ */ import_react54.default.createElement(AccountNumber, { accountNumber: account.mask }) : /* @__PURE__ */ import_react54.default.createElement(
     Text,
     {
       as: "span",
@@ -5139,7 +5153,7 @@ var LinkedAccountThumb = ({
       size: "sm"
     },
     "Ledger balance"
-  ), /* @__PURE__ */ import_react53.default.createElement(Text, { as: "span", className: "account-balance" }, "$", centsToDollars(account.current_ledger_balance))));
+  ), /* @__PURE__ */ import_react54.default.createElement(Text, { as: "span", className: "account-balance" }, "$", centsToDollars(account.current_ledger_balance))));
 };
 
 // src/components/LinkedAccounts/LinkedAccountsContent.tsx
@@ -5148,7 +5162,7 @@ var LinkedAccountsContent = ({
   asWidget,
   showLedgerBalance
 }) => {
-  const { data, addConnection, unlinkAccount: unlinkAccount2 } = (0, import_react54.useContext)(
+  const { data, addConnection, unlinkAccount: unlinkAccount2 } = (0, import_react55.useContext)(
     LinkedAccountsContext
   );
   const linkedAccountOptionsConfig = [
@@ -5161,7 +5175,7 @@ var LinkedAccountsContent = ({
     "Layer__linked-accounts__new-account",
     asWidget && "--as-widget"
   );
-  return /* @__PURE__ */ import_react54.default.createElement("div", { className: "Layer__linked-accounts__list" }, data?.map((account, index) => /* @__PURE__ */ import_react54.default.createElement(
+  return /* @__PURE__ */ import_react55.default.createElement("div", { className: "Layer__linked-accounts__list" }, data?.map((account, index) => /* @__PURE__ */ import_react55.default.createElement(
     LinkedAccountOptions,
     {
       key: `linked-acc-${index}`,
@@ -5171,7 +5185,7 @@ var LinkedAccountsContent = ({
       source: account.external_account_source,
       showLedgerBalance
     },
-    /* @__PURE__ */ import_react54.default.createElement(
+    /* @__PURE__ */ import_react55.default.createElement(
       LinkedAccountThumb,
       {
         account,
@@ -5179,7 +5193,7 @@ var LinkedAccountsContent = ({
         showLedgerBalance
       }
     )
-  )), /* @__PURE__ */ import_react54.default.createElement(
+  )), /* @__PURE__ */ import_react55.default.createElement(
     "div",
     {
       role: "button",
@@ -5188,31 +5202,31 @@ var LinkedAccountsContent = ({
       onClick: () => addConnection("PLAID"),
       className: linkedAccountsNewAccountClassName
     },
-    /* @__PURE__ */ import_react54.default.createElement("div", { className: "Layer__linked-accounts__new-account-label" }, /* @__PURE__ */ import_react54.default.createElement(PlusIcon_default, { size: 15 }), /* @__PURE__ */ import_react54.default.createElement(Text, { as: "span", size: "sm" }, "Add Account"))
+    /* @__PURE__ */ import_react55.default.createElement("div", { className: "Layer__linked-accounts__new-account-label" }, /* @__PURE__ */ import_react55.default.createElement(PlusIcon_default, { size: 15 }), /* @__PURE__ */ import_react55.default.createElement(Text, { as: "span", size: "sm" }, "Add Account"))
   ));
 };
 
 // src/components/LinkedAccounts/LinkedAccounts.tsx
 var COMPONENT_NAME2 = "linked-accounts";
 var LinkedAccounts = (props) => {
-  return /* @__PURE__ */ import_react55.default.createElement(LinkedAccountsProvider, null, /* @__PURE__ */ import_react55.default.createElement(LinkedAccountsComponent, { ...props }));
+  return /* @__PURE__ */ import_react56.default.createElement(LinkedAccountsProvider, null, /* @__PURE__ */ import_react56.default.createElement(LinkedAccountsComponent, { ...props }));
 };
 var LinkedAccountsComponent = ({
   asWidget,
   elevated,
   showLedgerBalance = true
 }) => {
-  const { isLoading, error, isValidating, refetchAccounts } = (0, import_react55.useContext)(
+  const { isLoading, error, isValidating, refetchAccounts } = (0, import_react56.useContext)(
     LinkedAccountsContext
   );
-  return /* @__PURE__ */ import_react55.default.createElement(Container, { name: COMPONENT_NAME2, elevated }, /* @__PURE__ */ import_react55.default.createElement(Header, { className: "Layer__linked-accounts__header" }, /* @__PURE__ */ import_react55.default.createElement(
+  return /* @__PURE__ */ import_react56.default.createElement(Container, { name: COMPONENT_NAME2, elevated }, /* @__PURE__ */ import_react56.default.createElement(Header, { className: "Layer__linked-accounts__header" }, /* @__PURE__ */ import_react56.default.createElement(
     Heading,
     {
       className: "Layer__linked-accounts__title",
       size: "secondary" /* secondary */
     },
     "Linked Accounts"
-  )), isLoading && /* @__PURE__ */ import_react55.default.createElement("div", { className: "Layer__linked-accounts__loader-container" }, /* @__PURE__ */ import_react55.default.createElement(Loader2, null)), error && !isLoading ? /* @__PURE__ */ import_react55.default.createElement(
+  )), isLoading && /* @__PURE__ */ import_react56.default.createElement("div", { className: "Layer__linked-accounts__loader-container" }, /* @__PURE__ */ import_react56.default.createElement(Loader2, null)), error && !isLoading ? /* @__PURE__ */ import_react56.default.createElement(
     DataState,
     {
       status: "failed" /* failed */,
@@ -5221,7 +5235,7 @@ var LinkedAccountsComponent = ({
       onRefresh: () => refetchAccounts(),
       isLoading: isValidating
     }
-  ) : null, !error && !isLoading ? /* @__PURE__ */ import_react55.default.createElement(
+  ) : null, !error && !isLoading ? /* @__PURE__ */ import_react56.default.createElement(
     LinkedAccountsContent,
     {
       asWidget,
@@ -5231,10 +5245,10 @@ var LinkedAccountsComponent = ({
 };
 
 // src/components/ProfitAndLoss/ProfitAndLoss.tsx
-var import_react71 = __toESM(require("react"));
+var import_react72 = __toESM(require("react"));
 
 // src/hooks/useProfitAndLoss/useProfitAndLoss.tsx
-var import_react56 = require("react");
+var import_react57 = require("react");
 
 // src/utils/profitAndLossUtils.ts
 var doesLineItemQualifies = (item) => {
@@ -5291,7 +5305,7 @@ var applyShare = (items, total) => {
 
 // src/hooks/useProfitAndLoss/useProfitAndLossQuery.tsx
 var import_date_fns10 = require("date-fns");
-var import_swr4 = __toESM(require("swr"));
+var import_swr5 = __toESM(require("swr"));
 var useProfitAndLossQuery = ({
   startDate,
   endDate,
@@ -5308,7 +5322,7 @@ var useProfitAndLossQuery = ({
     isValidating,
     error: rawError,
     mutate
-  } = (0, import_swr4.default)(
+  } = (0, import_swr5.default)(
     businessId && startDate && endDate && auth?.access_token && `profit-and-loss-${businessId}-${startDate.valueOf()}-${endDate.valueOf()}-${tagFilter?.key}-${tagFilter?.values?.join(
       ","
     )}-${reportingBasis}`,
@@ -5348,17 +5362,17 @@ var useProfitAndLoss = ({
   startDate: (0, import_date_fns11.startOfMonth)(/* @__PURE__ */ new Date()),
   endDate: (0, import_date_fns11.endOfMonth)(/* @__PURE__ */ new Date())
 }) => {
-  const [startDate, setStartDate] = (0, import_react56.useState)(
+  const [startDate, setStartDate] = (0, import_react57.useState)(
     initialStartDate || (0, import_date_fns11.startOfMonth)(Date.now())
   );
-  const [endDate, setEndDate] = (0, import_react56.useState)(
+  const [endDate, setEndDate] = (0, import_react57.useState)(
     initialEndDate || (0, import_date_fns11.endOfMonth)(Date.now())
   );
-  const [filters, setFilters] = (0, import_react56.useState)({
+  const [filters, setFilters] = (0, import_react57.useState)({
     expenses: void 0,
     revenue: void 0
   });
-  const [sidebarScope, setSidebarScope] = (0, import_react56.useState)(void 0);
+  const [sidebarScope, setSidebarScope] = (0, import_react57.useState)(void 0);
   const { data, isLoading, isValidating, error, refetch } = useProfitAndLossQuery({
     startDate,
     endDate,
@@ -5391,7 +5405,7 @@ var useProfitAndLoss = ({
       }
     });
   };
-  const { filteredDataRevenue, filteredTotalRevenue } = (0, import_react56.useMemo)(() => {
+  const { filteredDataRevenue, filteredTotalRevenue } = (0, import_react57.useMemo)(() => {
     if (!data) {
       return { filteredDataRevenue: [], filteredTotalRevenue: void 0 };
     }
@@ -5428,7 +5442,7 @@ var useProfitAndLoss = ({
     const withShare = applyShare(sorted, total);
     return { filteredDataRevenue: withShare, filteredTotalRevenue: total };
   }, [data, startDate, filters, sidebarScope]);
-  const { filteredDataExpenses, filteredTotalExpenses } = (0, import_react56.useMemo)(() => {
+  const { filteredDataExpenses, filteredTotalExpenses } = (0, import_react57.useMemo)(() => {
     if (!data) {
       return { filteredDataExpenses: [], filteredTotalExpenses: void 0 };
     }
@@ -5486,10 +5500,10 @@ var useProfitAndLoss = ({
 };
 
 // src/components/ProfitAndLossChart/ProfitAndLossChart.tsx
-var import_react59 = __toESM(require("react"));
+var import_react60 = __toESM(require("react"));
 
 // src/hooks/useProfitAndLoss/useProfitAndLossLTM.tsx
-var import_react57 = require("react");
+var import_react58 = require("react");
 var import_date_fns12 = require("date-fns");
 var buildDates = ({ currentDate }) => {
   const list = [];
@@ -5511,8 +5525,8 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
   currentDate: /* @__PURE__ */ new Date()
 }) => {
   const { businessId } = useLayerContext();
-  const [loaded, setLoaded] = (0, import_react57.useState)("initial");
-  const dates = (0, import_react57.useMemo)(() => {
+  const [loaded, setLoaded] = (0, import_react58.useState)("initial");
+  const dates = (0, import_react58.useMemo)(() => {
     return buildDates({ currentDate });
   }, [currentDate, businessId, tagFilter, reportingBasis]);
   const {
@@ -5659,7 +5673,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
     tagFilter,
     reportingBasis
   });
-  const { data, isLoading, error } = (0, import_react57.useMemo)(() => {
+  const { data, isLoading, error } = (0, import_react58.useMemo)(() => {
     return {
       data: [
         {
@@ -5814,7 +5828,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
     error10,
     error11
   ]);
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     if (isLoading && loaded === "initial") {
       setLoaded("loading");
       return;
@@ -5880,7 +5894,7 @@ var convertCurrencyToNumber = (amount) => {
 };
 
 // src/components/ProfitAndLossChart/Indicator.tsx
-var import_react58 = __toESM(require("react"));
+var import_react59 = __toESM(require("react"));
 var emptyViewBox = { x: 0, y: 0, width: 0, height: 0 };
 var Indicator = ({
   className,
@@ -5893,7 +5907,7 @@ var Indicator = ({
   if (!className?.match(/selected/)) {
     return null;
   }
-  const [opacityIndicator, setOpacityIndicator] = (0, import_react58.useState)(0);
+  const [opacityIndicator, setOpacityIndicator] = (0, import_react59.useState)(0);
   const { x: animateTo = 0, width = 0 } = "x" in viewBox ? viewBox : emptyViewBox;
   const margin = width > 12 ? 4 : 1;
   const boxWidth = width * 2 + margin;
@@ -5902,7 +5916,7 @@ var Indicator = ({
   const borderRadius = 6;
   const rectWidth = `${boxWidth * multiplier}px`;
   const rectHeight = "calc(100% - 38px)";
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (Math.abs(animateTo - animateFrom) < 30) {
       setOpacityIndicator(0);
     }
@@ -5921,7 +5935,7 @@ var Indicator = ({
     }
   };
   const actualX = animateFrom === -1 ? animateTo : animateFrom;
-  return /* @__PURE__ */ import_react58.default.createElement(
+  return /* @__PURE__ */ import_react59.default.createElement(
     "rect",
     {
       ref: rectRef,
@@ -5948,19 +5962,19 @@ var barGap = 4;
 var barSize = 20;
 var ProfitAndLossChart = () => {
   const { getColor } = useLayerContext();
-  const { changeDateRange, dateRange } = (0, import_react59.useContext)(ProfitAndLoss.Context);
-  const [customCursorSize, setCustomCursorSize] = (0, import_react59.useState)({
+  const { changeDateRange, dateRange } = (0, import_react60.useContext)(ProfitAndLoss.Context);
+  const [customCursorSize, setCustomCursorSize] = (0, import_react60.useState)({
     width: 0,
     height: 0,
     x: 0
   });
-  const [barAnimActive, setBarAnimActive] = (0, import_react59.useState)(true);
+  const [barAnimActive, setBarAnimActive] = (0, import_react60.useState)(true);
   const startSelectionMonth = dateRange.startDate.getMonth();
   const endSelectionMonth = dateRange.endDate.getMonth();
   const { data, loaded } = useProfitAndLossLTM({
     currentDate: (0, import_date_fns13.startOfMonth)(Date.now())
   });
-  (0, import_react59.useEffect)(() => {
+  (0, import_react60.useEffect)(() => {
     if (loaded === "complete") {
       setTimeout(() => {
         setBarAnimActive(false);
@@ -5990,7 +6004,7 @@ var ProfitAndLossChart = () => {
     if (active && payload && payload.length) {
       const netProfit = payload[0].payload.netProfit ?? 0;
       const netProfitClass = netProfit > 0 ? "positive" : netProfit < 0 ? "negative" : "";
-      return /* @__PURE__ */ import_react59.default.createElement("div", { className: "Layer__chart__tooltip" }, loaded !== "complete" ? /* @__PURE__ */ import_react59.default.createElement(Text, null, "Loading...") : /* @__PURE__ */ import_react59.default.createElement("ul", { className: "Layer__chart__tooltip-list" }, /* @__PURE__ */ import_react59.default.createElement("li", null, /* @__PURE__ */ import_react59.default.createElement("label", { className: "Layer__chart__tooltip-label" }, capitalizeFirstLetter(payload[0].name ?? "")), /* @__PURE__ */ import_react59.default.createElement("span", { className: "Layer__chart__tooltip-value" }, "$", centsToDollars(Math.abs(payload[0].value ?? 0)))), /* @__PURE__ */ import_react59.default.createElement("li", null, /* @__PURE__ */ import_react59.default.createElement("label", { className: "Layer__chart__tooltip-label" }, capitalizeFirstLetter(payload[1].name ?? "")), /* @__PURE__ */ import_react59.default.createElement("span", { className: "Layer__chart__tooltip-value" }, "$", centsToDollars(Math.abs(payload[1].value ?? 0)))), /* @__PURE__ */ import_react59.default.createElement("li", null, /* @__PURE__ */ import_react59.default.createElement("label", { className: "Layer__chart__tooltip-label" }, "Net Profit"), /* @__PURE__ */ import_react59.default.createElement(
+      return /* @__PURE__ */ import_react60.default.createElement("div", { className: "Layer__chart__tooltip" }, loaded !== "complete" ? /* @__PURE__ */ import_react60.default.createElement(Text, null, "Loading...") : /* @__PURE__ */ import_react60.default.createElement("ul", { className: "Layer__chart__tooltip-list" }, /* @__PURE__ */ import_react60.default.createElement("li", null, /* @__PURE__ */ import_react60.default.createElement("label", { className: "Layer__chart__tooltip-label" }, capitalizeFirstLetter(payload[0].name ?? "")), /* @__PURE__ */ import_react60.default.createElement("span", { className: "Layer__chart__tooltip-value" }, "$", centsToDollars(Math.abs(payload[0].value ?? 0)))), /* @__PURE__ */ import_react60.default.createElement("li", null, /* @__PURE__ */ import_react60.default.createElement("label", { className: "Layer__chart__tooltip-label" }, capitalizeFirstLetter(payload[1].name ?? "")), /* @__PURE__ */ import_react60.default.createElement("span", { className: "Layer__chart__tooltip-value" }, "$", centsToDollars(Math.abs(payload[1].value ?? 0)))), /* @__PURE__ */ import_react60.default.createElement("li", null, /* @__PURE__ */ import_react60.default.createElement("label", { className: "Layer__chart__tooltip-label" }, "Net Profit"), /* @__PURE__ */ import_react60.default.createElement(
         "span",
         {
           className: `Layer__chart__tooltip-value ${netProfitClass}`
@@ -6005,7 +6019,7 @@ var ProfitAndLossChart = () => {
     const { x, y, width: rectWidth } = props;
     const { width, height } = customCursorSize;
     const offsetX = (rectWidth - width) / 2;
-    return /* @__PURE__ */ import_react59.default.createElement(
+    return /* @__PURE__ */ import_react60.default.createElement(
       import_recharts.Rectangle,
       {
         fill: "#F7F8FA",
@@ -6019,7 +6033,7 @@ var ProfitAndLossChart = () => {
       }
     );
   };
-  const theData = (0, import_react59.useMemo)(() => {
+  const theData = (0, import_react60.useMemo)(() => {
     if (loaded !== "complete") {
       return data?.map((x) => ({
         name: (0, import_date_fns13.format)(x.startDate, "LLL"),
@@ -6031,8 +6045,8 @@ var ProfitAndLossChart = () => {
     }
     return data?.map((x) => summarizePnL(x.data));
   }, [startSelectionMonth, endSelectionMonth, loaded]);
-  const [animateFrom, setAnimateFrom] = (0, import_react59.useState)(-1);
-  return /* @__PURE__ */ import_react59.default.createElement(
+  const [animateFrom, setAnimateFrom] = (0, import_react60.useState)(-1);
+  return /* @__PURE__ */ import_react60.default.createElement(
     import_recharts.ResponsiveContainer,
     {
       className: (0, import_classnames31.default)(
@@ -6042,7 +6056,7 @@ var ProfitAndLossChart = () => {
       width: "100%",
       height: "100%"
     },
-    /* @__PURE__ */ import_react59.default.createElement(
+    /* @__PURE__ */ import_react60.default.createElement(
       import_recharts.BarChart,
       {
         margin: { left: 12, right: 12, bottom: 12 },
@@ -6051,17 +6065,17 @@ var ProfitAndLossChart = () => {
         barGap,
         className: "Layer__profit-and-loss-chart"
       },
-      /* @__PURE__ */ import_react59.default.createElement(
+      /* @__PURE__ */ import_react60.default.createElement(
         import_recharts.Tooltip,
         {
           wrapperClassName: "Layer__chart__tooltip-wrapper",
-          content: /* @__PURE__ */ import_react59.default.createElement(CustomTooltip, null),
-          cursor: /* @__PURE__ */ import_react59.default.createElement(CustomizedCursor, null),
+          content: /* @__PURE__ */ import_react60.default.createElement(CustomTooltip, null),
+          cursor: /* @__PURE__ */ import_react60.default.createElement(CustomizedCursor, null),
           animationDuration: 100,
           animationEasing: "ease-out"
         }
       ),
-      /* @__PURE__ */ import_react59.default.createElement(
+      /* @__PURE__ */ import_react60.default.createElement(
         import_recharts.CartesianGrid,
         {
           vertical: false,
@@ -6069,7 +6083,7 @@ var ProfitAndLossChart = () => {
           strokeDasharray: "5 5"
         }
       ),
-      /* @__PURE__ */ import_react59.default.createElement(
+      /* @__PURE__ */ import_react60.default.createElement(
         import_recharts.Legend,
         {
           verticalAlign: "top",
@@ -6088,8 +6102,8 @@ var ProfitAndLossChart = () => {
           ]
         }
       ),
-      /* @__PURE__ */ import_react59.default.createElement(import_recharts.XAxis, { dataKey: "name", tickLine: false }),
-      /* @__PURE__ */ import_react59.default.createElement(
+      /* @__PURE__ */ import_react60.default.createElement(import_recharts.XAxis, { dataKey: "name", tickLine: false }),
+      /* @__PURE__ */ import_react60.default.createElement(
         import_recharts.Bar,
         {
           dataKey: "revenue",
@@ -6098,10 +6112,10 @@ var ProfitAndLossChart = () => {
           radius: [2, 2, 0, 0],
           className: "Layer__profit-and-loss-chart__bar--income"
         },
-        /* @__PURE__ */ import_react59.default.createElement(
+        /* @__PURE__ */ import_react60.default.createElement(
           import_recharts.LabelList,
           {
-            content: /* @__PURE__ */ import_react59.default.createElement(
+            content: /* @__PURE__ */ import_react60.default.createElement(
               Indicator,
               {
                 setCustomCursorSize: (width, height, x) => setCustomCursorSize({ width, height, x }),
@@ -6113,7 +6127,7 @@ var ProfitAndLossChart = () => {
           }
         ),
         theData?.map((entry) => {
-          return /* @__PURE__ */ import_react59.default.createElement(
+          return /* @__PURE__ */ import_react60.default.createElement(
             import_recharts.Cell,
             {
               key: entry.name,
@@ -6122,7 +6136,7 @@ var ProfitAndLossChart = () => {
           );
         })
       ),
-      /* @__PURE__ */ import_react59.default.createElement(
+      /* @__PURE__ */ import_react60.default.createElement(
         import_recharts.Bar,
         {
           dataKey: "expenses",
@@ -6131,7 +6145,7 @@ var ProfitAndLossChart = () => {
           radius: [2, 2, 0, 0],
           className: "Layer__profit-and-loss-chart__bar--expenses"
         },
-        theData.map((entry) => /* @__PURE__ */ import_react59.default.createElement(
+        theData.map((entry) => /* @__PURE__ */ import_react60.default.createElement(
           import_recharts.Cell,
           {
             key: entry.name,
@@ -6144,24 +6158,24 @@ var ProfitAndLossChart = () => {
 };
 
 // src/components/ProfitAndLossDatePicker/ProfitAndLossDatePicker.tsx
-var import_react61 = __toESM(require("react"));
+var import_react62 = __toESM(require("react"));
 
 // src/components/DateMonthPicker/DateMonthPicker.tsx
-var import_react60 = __toESM(require("react"));
+var import_react61 = __toESM(require("react"));
 var import_date_fns14 = require("date-fns");
 var DateMonthPicker = ({
   dateRange,
   changeDateRange
 }) => {
-  const [isAnimating, setIsAnimating] = (0, import_react60.useState)(false);
-  const [localDate, setLocalDate] = (0, import_react60.useState)(dateRange.startDate);
-  const [nextOpacity, setNextOpacity] = (0, import_react60.useState)(0);
-  const [currentOpacity, setCurrentOpacity] = (0, import_react60.useState)(1);
-  const [transformStyle, setTransformStyle] = (0, import_react60.useState)({
+  const [isAnimating, setIsAnimating] = (0, import_react61.useState)(false);
+  const [localDate, setLocalDate] = (0, import_react61.useState)(dateRange.startDate);
+  const [nextOpacity, setNextOpacity] = (0, import_react61.useState)(0);
+  const [currentOpacity, setCurrentOpacity] = (0, import_react61.useState)(1);
+  const [transformStyle, setTransformStyle] = (0, import_react61.useState)({
     transform: "translateX(33%)",
     transition: "ease"
   });
-  (0, import_react60.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     if (dateRange.startDate !== localDate && !isAnimating) {
       setLocalDate(dateRange.startDate);
       setTransformStyle({ transform: "translateX(33%)", transition: "none" });
@@ -6199,14 +6213,14 @@ var DateMonthPicker = ({
   const currentLabel = (0, import_date_fns14.format)(localDate, "LLLL, y");
   const prevLabel = (0, import_date_fns14.format)((0, import_date_fns14.add)(localDate, { months: -1 }), "LLLL, y");
   const nextLabel = (0, import_date_fns14.format)((0, import_date_fns14.add)(localDate, { months: 1 }), "LLLL, y");
-  return /* @__PURE__ */ import_react60.default.createElement("div", { className: "Layer__date-month-picker" }, /* @__PURE__ */ import_react60.default.createElement(
+  return /* @__PURE__ */ import_react61.default.createElement("div", { className: "Layer__date-month-picker" }, /* @__PURE__ */ import_react61.default.createElement(
     "div",
     {
       className: "Layer__date-month-picker__labels-container",
       style: transformStyle
     },
-    /* @__PURE__ */ import_react60.default.createElement("span", { className: "Layer__date-month-picker__label" }, prevLabel),
-    /* @__PURE__ */ import_react60.default.createElement(
+    /* @__PURE__ */ import_react61.default.createElement("span", { className: "Layer__date-month-picker__label" }, prevLabel),
+    /* @__PURE__ */ import_react61.default.createElement(
       "span",
       {
         className: "Layer__date-month-picker__label",
@@ -6214,7 +6228,7 @@ var DateMonthPicker = ({
       },
       currentLabel
     ),
-    /* @__PURE__ */ import_react60.default.createElement(
+    /* @__PURE__ */ import_react61.default.createElement(
       "span",
       {
         className: "Layer__date-month-picker__label",
@@ -6222,7 +6236,7 @@ var DateMonthPicker = ({
       },
       nextLabel
     )
-  ), /* @__PURE__ */ import_react60.default.createElement(
+  ), /* @__PURE__ */ import_react61.default.createElement(
     "button",
     {
       "aria-label": "View Previous Month",
@@ -6230,14 +6244,14 @@ var DateMonthPicker = ({
       onClick: () => change(-1),
       disabled: isAnimating
     },
-    /* @__PURE__ */ import_react60.default.createElement(
+    /* @__PURE__ */ import_react61.default.createElement(
       ChevronLeft_default,
       {
         className: "Layer__date-month-picker__button-icon",
         size: 16
       }
     )
-  ), /* @__PURE__ */ import_react60.default.createElement(
+  ), /* @__PURE__ */ import_react61.default.createElement(
     "button",
     {
       "aria-label": "View Next Month",
@@ -6245,28 +6259,28 @@ var DateMonthPicker = ({
       onClick: () => change(1),
       disabled: isAnimating
     },
-    /* @__PURE__ */ import_react60.default.createElement(
+    /* @__PURE__ */ import_react61.default.createElement(
       ChevronRight_default,
       {
         className: "Layer__date-month-picker__button-icon",
         size: 16
       }
     )
-  ), /* @__PURE__ */ import_react60.default.createElement("div", { className: "Layer__date-month-picker__effect-blur" }));
+  ), /* @__PURE__ */ import_react61.default.createElement("div", { className: "Layer__date-month-picker__effect-blur" }));
 };
 
 // src/components/ProfitAndLossDatePicker/ProfitAndLossDatePicker.tsx
 var ProfitAndLossDatePicker = () => {
-  const { changeDateRange, dateRange } = (0, import_react61.useContext)(ProfitAndLoss.Context);
-  return /* @__PURE__ */ import_react61.default.createElement(DateMonthPicker, { dateRange, changeDateRange });
+  const { changeDateRange, dateRange } = (0, import_react62.useContext)(ProfitAndLoss.Context);
+  return /* @__PURE__ */ import_react62.default.createElement(DateMonthPicker, { dateRange, changeDateRange });
 };
 
 // src/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts.tsx
-var import_react65 = __toESM(require("react"));
+var import_react66 = __toESM(require("react"));
 
 // src/icons/X.tsx
-var React74 = __toESM(require("react"));
-var X = ({ size = 18, ...props }) => /* @__PURE__ */ React74.createElement(
+var React75 = __toESM(require("react"));
+var X = ({ size = 18, ...props }) => /* @__PURE__ */ React75.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6276,7 +6290,7 @@ var X = ({ size = 18, ...props }) => /* @__PURE__ */ React74.createElement(
     width: size,
     height: size
   },
-  /* @__PURE__ */ React74.createElement(
+  /* @__PURE__ */ React75.createElement(
     "path",
     {
       d: "M13.5 4.5L4.5 13.5",
@@ -6285,7 +6299,7 @@ var X = ({ size = 18, ...props }) => /* @__PURE__ */ React74.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React74.createElement(
+  /* @__PURE__ */ React75.createElement(
     "path",
     {
       d: "M4.5 4.5L13.5 13.5",
@@ -6298,7 +6312,7 @@ var X = ({ size = 18, ...props }) => /* @__PURE__ */ React74.createElement(
 var X_default = X;
 
 // src/components/ProfitAndLossDetailedCharts/DetailedChart.tsx
-var import_react62 = __toESM(require("react"));
+var import_react63 = __toESM(require("react"));
 
 // src/config/charts.ts
 var INACTIVE_OPACITY_LEVELS = [
@@ -6397,7 +6411,7 @@ var DetailedChart = ({
   date,
   isLoading
 }) => {
-  const chartData = (0, import_react62.useMemo)(() => {
+  const chartData = (0, import_react63.useMemo)(() => {
     if (!filteredData) {
       return [];
     }
@@ -6415,7 +6429,7 @@ var DetailedChart = ({
     });
   }, [filteredData, isLoading]);
   const noValue = chartData.length === 0 || !chartData.find((x) => x.value !== 0);
-  return /* @__PURE__ */ import_react62.default.createElement("div", { className: "chart-field" }, /* @__PURE__ */ import_react62.default.createElement("div", { className: "header--tablet" }, /* @__PURE__ */ import_react62.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, humanizeTitle(sidebarScope)), /* @__PURE__ */ import_react62.default.createElement(ProfitAndLossDatePicker, null)), /* @__PURE__ */ import_react62.default.createElement("div", { className: "chart-container" }, /* @__PURE__ */ import_react62.default.createElement(import_recharts2.ResponsiveContainer, null, /* @__PURE__ */ import_react62.default.createElement(import_recharts2.PieChart, null, !isLoading && !noValue ? /* @__PURE__ */ import_react62.default.createElement(
+  return /* @__PURE__ */ import_react63.default.createElement("div", { className: "chart-field" }, /* @__PURE__ */ import_react63.default.createElement("div", { className: "header--tablet" }, /* @__PURE__ */ import_react63.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, humanizeTitle(sidebarScope)), /* @__PURE__ */ import_react63.default.createElement(ProfitAndLossDatePicker, null)), /* @__PURE__ */ import_react63.default.createElement("div", { className: "chart-container" }, /* @__PURE__ */ import_react63.default.createElement(import_recharts2.ResponsiveContainer, null, /* @__PURE__ */ import_react63.default.createElement(import_recharts2.PieChart, null, !isLoading && !noValue ? /* @__PURE__ */ import_react63.default.createElement(
     import_recharts2.Pie,
     {
       data: chartData,
@@ -6423,8 +6437,8 @@ var DetailedChart = ({
       nameKey: "name",
       cx: "50%",
       cy: "50%",
-      innerRadius: 105,
-      outerRadius: 120,
+      innerRadius: "91%",
+      outerRadius: "100%",
       paddingAngle: 0.5,
       fill: "#8884d8",
       animationDuration: 200,
@@ -6440,7 +6454,7 @@ var DetailedChart = ({
         fill = void 0;
         opacity = INACTIVE_OPACITY_LEVELS[index % INACTIVE_OPACITY_LEVELS.length];
       }
-      return /* @__PURE__ */ import_react62.default.createElement(
+      return /* @__PURE__ */ import_react63.default.createElement(
         import_recharts2.Cell,
         {
           key: `cell-${index}`,
@@ -6452,7 +6466,7 @@ var DetailedChart = ({
         }
       );
     }),
-    /* @__PURE__ */ import_react62.default.createElement(
+    /* @__PURE__ */ import_react63.default.createElement(
       import_recharts2.Label,
       {
         position: "center",
@@ -6473,7 +6487,7 @@ var DetailedChart = ({
           if (hoveredItem) {
             text = hoveredItem;
           }
-          return /* @__PURE__ */ import_react62.default.createElement(
+          return /* @__PURE__ */ import_react63.default.createElement(
             import_recharts2.Text,
             {
               ...positioningProps,
@@ -6484,7 +6498,7 @@ var DetailedChart = ({
         }
       }
     ),
-    /* @__PURE__ */ import_react62.default.createElement(
+    /* @__PURE__ */ import_react63.default.createElement(
       import_recharts2.Label,
       {
         position: "center",
@@ -6507,7 +6521,7 @@ var DetailedChart = ({
               (x) => x.display_name === hoveredItem
             )?.value;
           }
-          return /* @__PURE__ */ import_react62.default.createElement(
+          return /* @__PURE__ */ import_react63.default.createElement(
             import_recharts2.Text,
             {
               ...positioningProps,
@@ -6518,7 +6532,7 @@ var DetailedChart = ({
         }
       }
     ),
-    /* @__PURE__ */ import_react62.default.createElement(
+    /* @__PURE__ */ import_react63.default.createElement(
       import_recharts2.Label,
       {
         position: "center",
@@ -6537,7 +6551,7 @@ var DetailedChart = ({
             verticalAnchor: "middle"
           };
           if (hoveredItem) {
-            return /* @__PURE__ */ import_react62.default.createElement(
+            return /* @__PURE__ */ import_react63.default.createElement(
               import_recharts2.Text,
               {
                 ...positioningProps,
@@ -6554,7 +6568,7 @@ var DetailedChart = ({
         }
       }
     )
-  ) : null, !isLoading && noValue ? /* @__PURE__ */ import_react62.default.createElement(
+  ) : null, !isLoading && noValue ? /* @__PURE__ */ import_react63.default.createElement(
     import_recharts2.Pie,
     {
       data: [{ name: "Total", value: 1 }],
@@ -6562,14 +6576,14 @@ var DetailedChart = ({
       nameKey: "name",
       cx: "50%",
       cy: "50%",
-      innerRadius: 105,
-      outerRadius: 120,
+      innerRadius: "91%",
+      outerRadius: "100%",
       paddingAngle: 0,
       fill: "#F8F8FA",
       animationDuration: 200,
       animationEasing: "ease-in-out"
     },
-    /* @__PURE__ */ import_react62.default.createElement(
+    /* @__PURE__ */ import_react63.default.createElement(
       import_recharts2.Label,
       {
         position: "center",
@@ -6590,7 +6604,7 @@ var DetailedChart = ({
           if (hoveredItem) {
             text = hoveredItem;
           }
-          return /* @__PURE__ */ import_react62.default.createElement(
+          return /* @__PURE__ */ import_react63.default.createElement(
             import_recharts2.Text,
             {
               ...positioningProps,
@@ -6601,7 +6615,7 @@ var DetailedChart = ({
         }
       }
     ),
-    /* @__PURE__ */ import_react62.default.createElement(
+    /* @__PURE__ */ import_react63.default.createElement(
       import_recharts2.Label,
       {
         position: "center",
@@ -6624,7 +6638,7 @@ var DetailedChart = ({
               (x) => x.display_name === hoveredItem
             )?.value;
           }
-          return /* @__PURE__ */ import_react62.default.createElement(
+          return /* @__PURE__ */ import_react63.default.createElement(
             import_recharts2.Text,
             {
               ...positioningProps,
@@ -6635,7 +6649,7 @@ var DetailedChart = ({
         }
       }
     )
-  ) : null, isLoading ? /* @__PURE__ */ import_react62.default.createElement(
+  ) : null, isLoading ? /* @__PURE__ */ import_react63.default.createElement(
     import_recharts2.Pie,
     {
       data: [{ name: "loading...", value: 1 }],
@@ -6643,8 +6657,8 @@ var DetailedChart = ({
       nameKey: "name",
       cx: "50%",
       cy: "50%",
-      innerRadius: 105,
-      outerRadius: 120,
+      innerRadius: "91%",
+      outerRadius: "100%",
       paddingAngle: 0,
       fill: "#F8F8FA",
       animationDuration: 200,
@@ -6654,11 +6668,11 @@ var DetailedChart = ({
 };
 
 // src/components/ProfitAndLossDetailedCharts/DetailedTable.tsx
-var import_react63 = __toESM(require("react"));
+var import_react64 = __toESM(require("react"));
 
 // src/icons/SortArrows.tsx
-var React76 = __toESM(require("react"));
-var SortArrows = ({ size = 13, ...props }) => /* @__PURE__ */ React76.createElement(
+var React77 = __toESM(require("react"));
+var SortArrows = ({ size = 13, ...props }) => /* @__PURE__ */ React77.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -6668,7 +6682,7 @@ var SortArrows = ({ size = 13, ...props }) => /* @__PURE__ */ React76.createElem
     width: size,
     height: size
   },
-  /* @__PURE__ */ React76.createElement("g", { clipPath: "url(#clip0_1758_75388)" }, /* @__PURE__ */ React76.createElement(
+  /* @__PURE__ */ React77.createElement("g", { clipPath: "url(#clip0_1758_75388)" }, /* @__PURE__ */ React77.createElement(
     "path",
     {
       d: "M1.33325 8.5L3.99992 11.1667L6.66659 8.5",
@@ -6677,7 +6691,7 @@ var SortArrows = ({ size = 13, ...props }) => /* @__PURE__ */ React76.createElem
       strokeLinejoin: "round",
       className: "desc-arrow"
     }
-  ), /* @__PURE__ */ React76.createElement(
+  ), /* @__PURE__ */ React77.createElement(
     "path",
     {
       d: "M4 2.5L4 11.1667",
@@ -6686,7 +6700,7 @@ var SortArrows = ({ size = 13, ...props }) => /* @__PURE__ */ React76.createElem
       strokeLinejoin: "round",
       className: "desc-arrow"
     }
-  ), /* @__PURE__ */ React76.createElement(
+  ), /* @__PURE__ */ React77.createElement(
     "path",
     {
       d: "M5.99988 5.16602L8.66654 2.49935L11.3332 5.16602",
@@ -6695,7 +6709,7 @@ var SortArrows = ({ size = 13, ...props }) => /* @__PURE__ */ React76.createElem
       strokeLinejoin: "round",
       className: "asc-arrow"
     }
-  ), /* @__PURE__ */ React76.createElement(
+  ), /* @__PURE__ */ React77.createElement(
     "path",
     {
       d: "M8.66663 11.166L8.66663 2.49935",
@@ -6705,7 +6719,7 @@ var SortArrows = ({ size = 13, ...props }) => /* @__PURE__ */ React76.createElem
       className: "asc-arrow"
     }
   )),
-  /* @__PURE__ */ React76.createElement("defs", null, /* @__PURE__ */ React76.createElement("clipPath", { id: "clip0_1758_75388" }, /* @__PURE__ */ React76.createElement(
+  /* @__PURE__ */ React77.createElement("defs", null, /* @__PURE__ */ React77.createElement("clipPath", { id: "clip0_1758_75388" }, /* @__PURE__ */ React77.createElement(
     "rect",
     {
       width: "12",
@@ -6733,33 +6747,33 @@ var DetailedTable = ({
       sidebarScope && filters[sidebarScope]?.sortBy === column ? `sort--${(sidebarScope && filters[sidebarScope]?.sortDirection) ?? "desc"}` : ""
     );
   };
-  return /* @__PURE__ */ import_react63.default.createElement("div", { className: "details-container" }, /* @__PURE__ */ import_react63.default.createElement("div", { className: "table" }, /* @__PURE__ */ import_react63.default.createElement("table", null, /* @__PURE__ */ import_react63.default.createElement("thead", null, /* @__PURE__ */ import_react63.default.createElement("tr", null, /* @__PURE__ */ import_react63.default.createElement(
+  return /* @__PURE__ */ import_react64.default.createElement("div", { className: "details-container" }, /* @__PURE__ */ import_react64.default.createElement("div", { className: "table" }, /* @__PURE__ */ import_react64.default.createElement("table", null, /* @__PURE__ */ import_react64.default.createElement("thead", null, /* @__PURE__ */ import_react64.default.createElement("tr", null, /* @__PURE__ */ import_react64.default.createElement(
     "th",
     {
       className: buildColClass("category"),
       onClick: () => sortBy(sidebarScope ?? "expenses", "category")
     },
     "Category ",
-    /* @__PURE__ */ import_react63.default.createElement(SortArrows_default, { className: "Layer__sort-arrows" })
-  ), /* @__PURE__ */ import_react63.default.createElement(
+    /* @__PURE__ */ import_react64.default.createElement(SortArrows_default, { className: "Layer__sort-arrows" })
+  ), /* @__PURE__ */ import_react64.default.createElement(
     "th",
     {
       className: buildColClass("type"),
       onClick: () => sortBy(sidebarScope ?? "expenses", "type")
     },
     "Type ",
-    /* @__PURE__ */ import_react63.default.createElement(SortArrows_default, { className: "Layer__sort-arrows" })
-  ), /* @__PURE__ */ import_react63.default.createElement("th", null), /* @__PURE__ */ import_react63.default.createElement(
+    /* @__PURE__ */ import_react64.default.createElement(SortArrows_default, { className: "Layer__sort-arrows" })
+  ), /* @__PURE__ */ import_react64.default.createElement("th", null), /* @__PURE__ */ import_react64.default.createElement(
     "th",
     {
       className: buildColClass("value"),
       onClick: () => sortBy(sidebarScope ?? "expenses", "value")
     },
     "Value ",
-    /* @__PURE__ */ import_react63.default.createElement(SortArrows_default, { className: "Layer__sort-arrows" })
-  ))), /* @__PURE__ */ import_react63.default.createElement("tbody", null, filteredData.filter((x) => !x.hidden).map((item, idx) => {
+    /* @__PURE__ */ import_react64.default.createElement(SortArrows_default, { className: "Layer__sort-arrows" })
+  ))), /* @__PURE__ */ import_react64.default.createElement("tbody", null, filteredData.filter((x) => !x.hidden).map((item, idx) => {
     const colorConfig = DEFAULT_CHART_COLORS[idx % DEFAULT_CHART_COLORS.length];
-    return /* @__PURE__ */ import_react63.default.createElement(
+    return /* @__PURE__ */ import_react64.default.createElement(
       "tr",
       {
         key: `pl-side-table-item-${idx}`,
@@ -6770,10 +6784,10 @@ var DetailedTable = ({
         onMouseEnter: () => setHoveredItem(item.display_name),
         onMouseLeave: () => setHoveredItem(void 0)
       },
-      /* @__PURE__ */ import_react63.default.createElement("td", { className: "category-col" }, item.display_name),
-      /* @__PURE__ */ import_react63.default.createElement("td", { className: "type-col" }, item.type),
-      /* @__PURE__ */ import_react63.default.createElement("td", { className: "value-col" }, "$", centsToDollars(item.value)),
-      /* @__PURE__ */ import_react63.default.createElement("td", { className: "share-col" }, /* @__PURE__ */ import_react63.default.createElement("span", { className: "share-cell-content" }, formatPercent(item.share), "%", /* @__PURE__ */ import_react63.default.createElement(
+      /* @__PURE__ */ import_react64.default.createElement("td", { className: "category-col" }, item.display_name),
+      /* @__PURE__ */ import_react64.default.createElement("td", { className: "type-col" }, item.type),
+      /* @__PURE__ */ import_react64.default.createElement("td", { className: "value-col" }, "$", centsToDollars(item.value)),
+      /* @__PURE__ */ import_react64.default.createElement("td", { className: "share-col" }, /* @__PURE__ */ import_react64.default.createElement("span", { className: "share-cell-content" }, formatPercent(item.share), "%", /* @__PURE__ */ import_react64.default.createElement(
         "div",
         {
           className: "share-icon",
@@ -6788,7 +6802,7 @@ var DetailedTable = ({
 };
 
 // src/components/ProfitAndLossDetailedCharts/Filters.tsx
-var import_react64 = __toESM(require("react"));
+var import_react65 = __toESM(require("react"));
 var import_react_select3 = __toESM(require("react-select"));
 var Filters = ({
   filteredData,
@@ -6796,7 +6810,7 @@ var Filters = ({
   filters,
   setFilterTypes
 }) => {
-  return /* @__PURE__ */ import_react64.default.createElement("div", { className: "filters" }, /* @__PURE__ */ import_react64.default.createElement(Text, { size: "sm" /* sm */, className: "Layer__label" }, "Filters"), /* @__PURE__ */ import_react64.default.createElement(
+  return /* @__PURE__ */ import_react65.default.createElement("div", { className: "filters" }, /* @__PURE__ */ import_react65.default.createElement(Text, { size: "sm" /* sm */, className: "Layer__label" }, "Filters"), /* @__PURE__ */ import_react65.default.createElement(
     import_react_select3.default,
     {
       className: "Layer__select type-select",
@@ -6818,8 +6832,8 @@ var Filters = ({
         );
       },
       components: {
-        DropdownIndicator: (props) => /* @__PURE__ */ import_react64.default.createElement(import_react_select3.components.DropdownIndicator, { ...props }, /* @__PURE__ */ import_react64.default.createElement(ChevronDown_default, null)),
-        Placeholder: (props) => /* @__PURE__ */ import_react64.default.createElement(import_react_select3.components.Placeholder, { ...props }, /* @__PURE__ */ import_react64.default.createElement("div", { className: "Layer__select__multi-all-placeholder-badge" }, "All"))
+        DropdownIndicator: (props) => /* @__PURE__ */ import_react65.default.createElement(import_react_select3.components.DropdownIndicator, { ...props }, /* @__PURE__ */ import_react65.default.createElement(ChevronDown_default, null)),
+        Placeholder: (props) => /* @__PURE__ */ import_react65.default.createElement(import_react_select3.components.Placeholder, { ...props }, /* @__PURE__ */ import_react65.default.createElement("div", { className: "Layer__select__multi-all-placeholder-badge" }, "All"))
       }
     }
   ));
@@ -6844,20 +6858,20 @@ var ProfitAndLossDetailedCharts = ({
     sidebarScope,
     setSidebarScope,
     setFilterTypes
-  } = (0, import_react65.useContext)(ProfitAndLoss.Context);
+  } = (0, import_react66.useContext)(ProfitAndLoss.Context);
   const theScope = scope ? scope : sidebarScope;
   const data = theScope === "revenue" ? filteredDataRevenue : filteredDataExpenses;
   const total = theScope === "revenue" ? filteredTotalRevenue : filteredTotalExpenses;
-  const [hoveredItem, setHoveredItem] = (0, import_react65.useState)();
-  return /* @__PURE__ */ import_react65.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts" }, /* @__PURE__ */ import_react65.default.createElement("header", { className: "Layer__profit-and-loss-detailed-charts__header" }, /* @__PURE__ */ import_react65.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__head" }, /* @__PURE__ */ import_react65.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, humanizeTitle(theScope)), /* @__PURE__ */ import_react65.default.createElement(Text, { size: "sm" /* sm */, className: "date" }, (0, import_date_fns15.format)(dateRange.startDate, "LLLL, y")), showDatePicker && /* @__PURE__ */ import_react65.default.createElement(ProfitAndLossDatePicker, null)), !hideClose && /* @__PURE__ */ import_react65.default.createElement(
+  const [hoveredItem, setHoveredItem] = (0, import_react66.useState)();
+  return /* @__PURE__ */ import_react66.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts" }, /* @__PURE__ */ import_react66.default.createElement("header", { className: "Layer__profit-and-loss-detailed-charts__header" }, /* @__PURE__ */ import_react66.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__head" }, /* @__PURE__ */ import_react66.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, humanizeTitle(theScope)), /* @__PURE__ */ import_react66.default.createElement(Text, { size: "sm" /* sm */, className: "date" }, (0, import_date_fns15.format)(dateRange.startDate, "LLLL, y")), showDatePicker && /* @__PURE__ */ import_react66.default.createElement(ProfitAndLossDatePicker, null)), !hideClose && /* @__PURE__ */ import_react66.default.createElement(
     Button,
     {
-      rightIcon: /* @__PURE__ */ import_react65.default.createElement(X_default, null),
+      rightIcon: /* @__PURE__ */ import_react66.default.createElement(X_default, null),
       iconOnly: true,
       onClick: () => setSidebarScope(void 0),
       variant: "secondary" /* secondary */
     }
-  )), /* @__PURE__ */ import_react65.default.createElement("header", { className: "Layer__profit-and-loss-detailed-charts__header--tablet" }, /* @__PURE__ */ import_react65.default.createElement(BackButton, { onClick: () => setSidebarScope(void 0) })), /* @__PURE__ */ import_react65.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__content" }, /* @__PURE__ */ import_react65.default.createElement(
+  )), /* @__PURE__ */ import_react66.default.createElement("header", { className: "Layer__profit-and-loss-detailed-charts__header--tablet" }, /* @__PURE__ */ import_react66.default.createElement(BackButton, { onClick: () => setSidebarScope(void 0) })), /* @__PURE__ */ import_react66.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__content" }, /* @__PURE__ */ import_react66.default.createElement(
     DetailedChart,
     {
       filteredData: data,
@@ -6868,7 +6882,7 @@ var ProfitAndLossDetailedCharts = ({
       date: dateRange.startDate,
       isLoading
     }
-  ), /* @__PURE__ */ import_react65.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__table-wrapper" }, /* @__PURE__ */ import_react65.default.createElement(
+  ), /* @__PURE__ */ import_react66.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__table-wrapper" }, /* @__PURE__ */ import_react66.default.createElement(
     Filters,
     {
       filteredData: data,
@@ -6876,7 +6890,7 @@ var ProfitAndLossDetailedCharts = ({
       filters,
       setFilterTypes
     }
-  ), /* @__PURE__ */ import_react65.default.createElement(
+  ), /* @__PURE__ */ import_react66.default.createElement(
     DetailedTable,
     {
       filteredData: data,
@@ -6890,10 +6904,10 @@ var ProfitAndLossDetailedCharts = ({
 };
 
 // src/components/ProfitAndLossSummaries/ProfitAndLossSummaries.tsx
-var import_react68 = __toESM(require("react"));
+var import_react69 = __toESM(require("react"));
 
 // src/components/SkeletonLoader/SkeletonLoader.tsx
-var import_react66 = __toESM(require("react"));
+var import_react67 = __toESM(require("react"));
 var import_classnames33 = __toESM(require("classnames"));
 var SkeletonLoader = ({
   height,
@@ -6904,14 +6918,14 @@ var SkeletonLoader = ({
     "Layer__skeleton-loader Layer__anim--skeleton-loading",
     className
   );
-  return /* @__PURE__ */ import_react66.default.createElement("div", { className: baseClassName, style: { width, height } });
+  return /* @__PURE__ */ import_react67.default.createElement("div", { className: baseClassName, style: { width, height } });
 };
 
 // src/components/ProfitAndLossSummaries/MiniChart.tsx
-var import_react67 = __toESM(require("react"));
+var import_react68 = __toESM(require("react"));
 var import_recharts3 = require("recharts");
 var MiniChart = ({ data }) => {
-  return /* @__PURE__ */ import_react67.default.createElement(import_recharts3.PieChart, { width: 48, height: 48, className: "mini-chart" }, /* @__PURE__ */ import_react67.default.createElement(
+  return /* @__PURE__ */ import_react68.default.createElement(import_recharts3.PieChart, { width: 52, height: 52, className: "mini-chart" }, /* @__PURE__ */ import_react68.default.createElement(
     import_recharts3.Pie,
     {
       data,
@@ -6921,7 +6935,7 @@ var MiniChart = ({ data }) => {
       cy: "50%",
       innerRadius: 10,
       outerRadius: 16,
-      paddingAngle: 0.2,
+      paddingAngle: 0.4,
       fill: "#8884d8",
       width: 24,
       height: 24,
@@ -6930,7 +6944,7 @@ var MiniChart = ({ data }) => {
     },
     data.map((entry, index) => {
       const colorConfig = DEFAULT_CHART_COLORS[index % DEFAULT_CHART_COLORS.length];
-      return /* @__PURE__ */ import_react67.default.createElement(
+      return /* @__PURE__ */ import_react68.default.createElement(
         import_recharts3.Cell,
         {
           key: `cell-${index}`,
@@ -6981,24 +6995,24 @@ var ProfitAndLossSummaries = ({
     isLoading,
     setSidebarScope,
     sidebarScope
-  } = (0, import_react68.useContext)(ProfitAndLoss.Context);
+  } = (0, import_react69.useContext)(ProfitAndLoss.Context);
   const dataItem = Array.isArray(storedData) ? storedData[storedData.length - 1] : storedData;
-  const expensesChartData = (0, import_react68.useMemo)(() => {
+  const expensesChartData = (0, import_react69.useMemo)(() => {
     return buildMiniChartData("expenses", dataItem);
   }, [storedData]);
-  const revenueChartData = (0, import_react68.useMemo)(() => {
+  const revenueChartData = (0, import_react69.useMemo)(() => {
     return buildMiniChartData("revenue", dataItem);
   }, [storedData]);
   const data = dataItem ? dataItem : { income: { value: NaN }, net_profit: NaN };
   const incomeDirectionClass = (data.income.value ?? NaN) < 0 ? "Layer__profit-and-loss-summaries__amount--negative" : "Layer__profit-and-loss-summaries__amount--positive";
   const expensesDirectionClass = (data?.income?.value ?? NaN) - data.net_profit < 0 ? "Layer__profit-and-loss-summaries__amount--negative" : "Layer__profit-and-loss-summaries__amount--positive";
   const netProfitDirectionClass = data.net_profit < 0 ? "Layer__profit-and-loss-summaries__amount--negative" : "Layer__profit-and-loss-summaries__amount--positive";
-  return /* @__PURE__ */ import_react68.default.createElement(
+  return /* @__PURE__ */ import_react69.default.createElement(
     "div",
     {
       className: `Layer__profit-and-loss-summaries ${vertical ? "flex-col" : ""}`
     },
-    /* @__PURE__ */ import_react68.default.createElement(
+    /* @__PURE__ */ import_react69.default.createElement(
       "div",
       {
         className: (0, import_classnames34.default)(
@@ -7011,8 +7025,8 @@ var ProfitAndLossSummaries = ({
           actionable && setSidebarScope("revenue");
         }
       },
-      /* @__PURE__ */ import_react68.default.createElement(MiniChart, { data: revenueChartData }),
-      /* @__PURE__ */ import_react68.default.createElement("div", { className: "Layer__profit-and-loss-summaries__text" }, /* @__PURE__ */ import_react68.default.createElement("span", { className: "Layer__profit-and-loss-summaries__title" }, revenueLabel), isLoading || storedData === void 0 ? /* @__PURE__ */ import_react68.default.createElement("div", { className: "Layer__profit-and-loss-summaries__loader" }, /* @__PURE__ */ import_react68.default.createElement(SkeletonLoader, null)) : /* @__PURE__ */ import_react68.default.createElement(
+      /* @__PURE__ */ import_react69.default.createElement(MiniChart, { data: revenueChartData }),
+      /* @__PURE__ */ import_react69.default.createElement("div", { className: "Layer__profit-and-loss-summaries__text" }, /* @__PURE__ */ import_react69.default.createElement("span", { className: "Layer__profit-and-loss-summaries__title" }, revenueLabel), isLoading || storedData === void 0 ? /* @__PURE__ */ import_react69.default.createElement("div", { className: "Layer__profit-and-loss-summaries__loader" }, /* @__PURE__ */ import_react69.default.createElement(SkeletonLoader, null)) : /* @__PURE__ */ import_react69.default.createElement(
         "span",
         {
           className: `Layer__profit-and-loss-summaries__amount ${incomeDirectionClass}`
@@ -7020,7 +7034,7 @@ var ProfitAndLossSummaries = ({
         centsToDollars(Math.abs(data?.income?.value ?? NaN))
       ))
     ),
-    /* @__PURE__ */ import_react68.default.createElement(
+    /* @__PURE__ */ import_react69.default.createElement(
       "div",
       {
         className: (0, import_classnames34.default)(
@@ -7033,8 +7047,8 @@ var ProfitAndLossSummaries = ({
           actionable && setSidebarScope("expenses");
         }
       },
-      /* @__PURE__ */ import_react68.default.createElement(MiniChart, { data: expensesChartData }),
-      /* @__PURE__ */ import_react68.default.createElement("div", { className: "Layer__profit-and-loss-summaries__text" }, /* @__PURE__ */ import_react68.default.createElement("span", { className: "Layer__profit-and-loss-summaries__title" }, "Expenses"), isLoading || storedData === void 0 ? /* @__PURE__ */ import_react68.default.createElement("div", { className: "Layer__profit-and-loss-summaries__loader" }, /* @__PURE__ */ import_react68.default.createElement(SkeletonLoader, { className: "Layer__profit-and-loss-summaries__loader" })) : /* @__PURE__ */ import_react68.default.createElement(
+      /* @__PURE__ */ import_react69.default.createElement(MiniChart, { data: expensesChartData }),
+      /* @__PURE__ */ import_react69.default.createElement("div", { className: "Layer__profit-and-loss-summaries__text" }, /* @__PURE__ */ import_react69.default.createElement("span", { className: "Layer__profit-and-loss-summaries__title" }, "Expenses"), isLoading || storedData === void 0 ? /* @__PURE__ */ import_react69.default.createElement("div", { className: "Layer__profit-and-loss-summaries__loader" }, /* @__PURE__ */ import_react69.default.createElement(SkeletonLoader, { className: "Layer__profit-and-loss-summaries__loader" })) : /* @__PURE__ */ import_react69.default.createElement(
         "span",
         {
           className: `Layer__profit-and-loss-summaries__amount ${expensesDirectionClass}`
@@ -7044,7 +7058,7 @@ var ProfitAndLossSummaries = ({
         )
       ))
     ),
-    /* @__PURE__ */ import_react68.default.createElement(
+    /* @__PURE__ */ import_react69.default.createElement(
       "div",
       {
         className: (0, import_classnames34.default)(
@@ -7052,7 +7066,7 @@ var ProfitAndLossSummaries = ({
           actionable && "Layer__actionable"
         )
       },
-      /* @__PURE__ */ import_react68.default.createElement("div", { className: "Layer__profit-and-loss-summaries__text" }, /* @__PURE__ */ import_react68.default.createElement("span", { className: "Layer__profit-and-loss-summaries__title" }, "Net Profit"), isLoading || storedData === void 0 ? /* @__PURE__ */ import_react68.default.createElement("div", { className: "Layer__profit-and-loss-summaries__loader" }, /* @__PURE__ */ import_react68.default.createElement(SkeletonLoader, { className: "Layer__profit-and-loss-summaries__loader" })) : /* @__PURE__ */ import_react68.default.createElement(
+      /* @__PURE__ */ import_react69.default.createElement("div", { className: "Layer__profit-and-loss-summaries__text" }, /* @__PURE__ */ import_react69.default.createElement("span", { className: "Layer__profit-and-loss-summaries__title" }, "Net Profit"), isLoading || storedData === void 0 ? /* @__PURE__ */ import_react69.default.createElement("div", { className: "Layer__profit-and-loss-summaries__loader" }, /* @__PURE__ */ import_react69.default.createElement(SkeletonLoader, { className: "Layer__profit-and-loss-summaries__loader" })) : /* @__PURE__ */ import_react69.default.createElement(
         "span",
         {
           className: `Layer__profit-and-loss-summaries__amount ${netProfitDirectionClass}`
@@ -7064,14 +7078,14 @@ var ProfitAndLossSummaries = ({
 };
 
 // src/components/ProfitAndLossTable/ProfitAndLossTable.tsx
-var import_react70 = __toESM(require("react"));
+var import_react71 = __toESM(require("react"));
 
 // src/components/ProfitAndLossRow/ProfitAndLossRow.tsx
-var import_react69 = __toESM(require("react"));
+var import_react70 = __toESM(require("react"));
 
 // src/icons/PieChart.tsx
-var React83 = __toESM(require("react"));
-var PieChart3 = ({ size = 12, ...props }) => /* @__PURE__ */ React83.createElement(
+var React84 = __toESM(require("react"));
+var PieChart3 = ({ size = 12, ...props }) => /* @__PURE__ */ React84.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -7081,7 +7095,7 @@ var PieChart3 = ({ size = 12, ...props }) => /* @__PURE__ */ React83.createEleme
     width: size,
     height: size
   },
-  /* @__PURE__ */ React83.createElement("g", null, /* @__PURE__ */ React83.createElement(
+  /* @__PURE__ */ React84.createElement("g", null, /* @__PURE__ */ React84.createElement(
     "path",
     {
       d: "M10.2213 7.78271C9.92969 8.47226 9.47363 9.07989 8.89297 9.55247C8.3123 10.0251 7.62471 10.3482 6.89031 10.4936C6.1559 10.6391 5.39705 10.6024 4.68009 10.3869C3.96313 10.1713 3.30989 9.78337 2.77749 9.25701C2.24509 8.73065 1.84973 8.08189 1.62598 7.36744C1.40223 6.65298 1.3569 5.8946 1.49396 5.15858C1.63102 4.42257 1.94629 3.73133 2.41221 3.14531C2.87813 2.55928 3.48051 2.09631 4.16669 1.79688",
@@ -7089,7 +7103,7 @@ var PieChart3 = ({ size = 12, ...props }) => /* @__PURE__ */ React83.createEleme
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React83.createElement(
+  ), /* @__PURE__ */ React84.createElement(
     "path",
     {
       d: "M10.5833 6.00033C10.5833 5.39843 10.4648 4.80244 10.2344 4.24636C10.0041 3.69028 9.66651 3.18502 9.24091 2.75942C8.8153 2.33382 8.31004 1.99621 7.75397 1.76588C7.19789 1.53554 6.60189 1.41699 6 1.41699V6.00033H10.5833Z",
@@ -7116,7 +7130,7 @@ var ProfitAndLossRow = ({
     return null;
   }
   const { value, display_name, line_items } = lineItem;
-  const [expanded, setExpanded] = (0, import_react69.useState)(true);
+  const [expanded, setExpanded] = (0, import_react70.useState)(true);
   const amount = value ?? 0;
   const amountString = centsToDollars(Math.abs(amount));
   const labelClasses = [
@@ -7147,20 +7161,20 @@ var ProfitAndLossRow = ({
   );
   displayChildren && expanded && labelClasses.push("Layer__profit-and-loss-row__label--expanded");
   displayChildren && expanded && valueClasses.push("Layer__profit-and-loss-row__value--expanded");
-  return /* @__PURE__ */ import_react69.default.createElement(import_react69.default.Fragment, null, /* @__PURE__ */ import_react69.default.createElement(
+  return /* @__PURE__ */ import_react70.default.createElement(import_react70.default.Fragment, null, /* @__PURE__ */ import_react70.default.createElement(
     "div",
     {
       className: labelClasses.join(" "),
       onClick: () => !lockExpanded && toggleExpanded()
     },
-    /* @__PURE__ */ import_react69.default.createElement("span", { className: "Layer__profit-and-loss-row__label__title" }, !lockExpanded && variant !== "summation" ? /* @__PURE__ */ import_react69.default.createElement(
+    /* @__PURE__ */ import_react70.default.createElement("span", { className: "Layer__profit-and-loss-row__label__title" }, !lockExpanded && variant !== "summation" ? /* @__PURE__ */ import_react70.default.createElement(
       ChevronDownFill_default,
       {
         size: 16,
         className: "Layer__profit-and-loss-row__label__chevron"
       }
-    ) : null, /* @__PURE__ */ import_react69.default.createElement(Text, null, display_name)),
-    setSidebarScope && /* @__PURE__ */ import_react69.default.createElement(
+    ) : null, /* @__PURE__ */ import_react70.default.createElement(Text, null, display_name)),
+    setSidebarScope && /* @__PURE__ */ import_react70.default.createElement(
       "span",
       {
         className: "Layer__profit-and-loss-row__detailed-chart-btn",
@@ -7169,14 +7183,14 @@ var ProfitAndLossRow = ({
           setSidebarScope && setSidebarScope(scope ?? "expenses");
         }
       },
-      /* @__PURE__ */ import_react69.default.createElement(PieChart_default, null)
+      /* @__PURE__ */ import_react70.default.createElement(PieChart_default, null)
     )
-  ), /* @__PURE__ */ import_react69.default.createElement("div", { className: valueClasses.join(" ") }, /* @__PURE__ */ import_react69.default.createElement(Text, null, amountString)), canGoDeeper && hasChildren && /* @__PURE__ */ import_react69.default.createElement(
+  ), /* @__PURE__ */ import_react70.default.createElement("div", { className: valueClasses.join(" ") }, /* @__PURE__ */ import_react70.default.createElement(Text, null, amountString)), canGoDeeper && hasChildren && /* @__PURE__ */ import_react70.default.createElement(
     "div",
     {
       className: `Layer__profit-and-loss-row__children ${expanded && "Layer__profit-and-loss-row__children--expanded"}`
     },
-    /* @__PURE__ */ import_react69.default.createElement("div", { className: "Layer__profit-and-loss-row__children--content" }, (line_items || []).map((line_item) => /* @__PURE__ */ import_react69.default.createElement(
+    /* @__PURE__ */ import_react70.default.createElement("div", { className: "Layer__profit-and-loss-row__children--content" }, (line_items || []).map((line_item) => /* @__PURE__ */ import_react70.default.createElement(
       ProfitAndLossRow,
       {
         key: line_item.display_name,
@@ -7244,11 +7258,11 @@ var ProfitAndLossTable = ({ lockExpanded, asContainer }) => {
     data: actualData,
     isLoading,
     setSidebarScope
-  } = (0, import_react70.useContext)(ProfitAndLoss.Context);
+  } = (0, import_react71.useContext)(ProfitAndLoss.Context);
   const currentData = Array.isArray(actualData) ? actualData[actualData.length - 1] : actualData;
   const data = !currentData || isLoading ? empty_profit_and_loss_report_default : currentData;
   if (isLoading || actualData === void 0) {
-    return /* @__PURE__ */ import_react70.default.createElement(
+    return /* @__PURE__ */ import_react71.default.createElement(
       "div",
       {
         className: (0, import_classnames35.default)(
@@ -7256,10 +7270,10 @@ var ProfitAndLossTable = ({ lockExpanded, asContainer }) => {
           asContainer && "Layer__component-container"
         )
       },
-      /* @__PURE__ */ import_react70.default.createElement(Loader2, null)
+      /* @__PURE__ */ import_react71.default.createElement(Loader2, null)
     );
   }
-  return /* @__PURE__ */ import_react70.default.createElement(import_react70.default.Fragment, null, /* @__PURE__ */ import_react70.default.createElement(
+  return /* @__PURE__ */ import_react71.default.createElement(import_react71.default.Fragment, null, /* @__PURE__ */ import_react71.default.createElement(
     "div",
     {
       className: (0, import_classnames35.default)(
@@ -7267,7 +7281,7 @@ var ProfitAndLossTable = ({ lockExpanded, asContainer }) => {
         asContainer && "Layer__component-container"
       )
     },
-    /* @__PURE__ */ import_react70.default.createElement(
+    /* @__PURE__ */ import_react71.default.createElement(
       ProfitAndLossRow,
       {
         lineItem: data.income,
@@ -7277,7 +7291,7 @@ var ProfitAndLossTable = ({ lockExpanded, asContainer }) => {
         setSidebarScope
       }
     ),
-    /* @__PURE__ */ import_react70.default.createElement(
+    /* @__PURE__ */ import_react71.default.createElement(
       ProfitAndLossRow,
       {
         lineItem: data.cost_of_goods_sold,
@@ -7287,7 +7301,7 @@ var ProfitAndLossTable = ({ lockExpanded, asContainer }) => {
         setSidebarScope
       }
     ),
-    /* @__PURE__ */ import_react70.default.createElement(
+    /* @__PURE__ */ import_react71.default.createElement(
       ProfitAndLossRow,
       {
         lineItem: {
@@ -7301,7 +7315,7 @@ var ProfitAndLossTable = ({ lockExpanded, asContainer }) => {
         setSidebarScope
       }
     ),
-    /* @__PURE__ */ import_react70.default.createElement(
+    /* @__PURE__ */ import_react71.default.createElement(
       ProfitAndLossRow,
       {
         lineItem: data.expenses,
@@ -7311,7 +7325,7 @@ var ProfitAndLossTable = ({ lockExpanded, asContainer }) => {
         setSidebarScope
       }
     ),
-    /* @__PURE__ */ import_react70.default.createElement(
+    /* @__PURE__ */ import_react71.default.createElement(
       ProfitAndLossRow,
       {
         lineItem: {
@@ -7325,7 +7339,7 @@ var ProfitAndLossTable = ({ lockExpanded, asContainer }) => {
         setSidebarScope
       }
     ),
-    /* @__PURE__ */ import_react70.default.createElement(
+    /* @__PURE__ */ import_react71.default.createElement(
       ProfitAndLossRow,
       {
         lineItem: data.taxes,
@@ -7335,7 +7349,7 @@ var ProfitAndLossTable = ({ lockExpanded, asContainer }) => {
         setSidebarScope
       }
     ),
-    /* @__PURE__ */ import_react70.default.createElement(
+    /* @__PURE__ */ import_react71.default.createElement(
       ProfitAndLossRow,
       {
         lineItem: {
@@ -7347,14 +7361,14 @@ var ProfitAndLossTable = ({ lockExpanded, asContainer }) => {
         lockExpanded
       }
     )
-  ), data.other_outflows || data.personal_expenses ? /* @__PURE__ */ import_react70.default.createElement("div", { className: "Layer__profit-and-loss-table Layer__profit-and-loss-table__outflows" }, /* @__PURE__ */ import_react70.default.createElement(
+  ), data.other_outflows || data.personal_expenses ? /* @__PURE__ */ import_react71.default.createElement("div", { className: "Layer__profit-and-loss-table Layer__profit-and-loss-table__outflows" }, /* @__PURE__ */ import_react71.default.createElement(
     ProfitAndLossRow,
     {
       lineItem: data.other_outflows,
       direction: "DEBIT" /* DEBIT */,
       lockExpanded
     }
-  ), /* @__PURE__ */ import_react70.default.createElement(
+  ), /* @__PURE__ */ import_react71.default.createElement(
     ProfitAndLossRow,
     {
       lineItem: data.personal_expenses,
@@ -7366,7 +7380,7 @@ var ProfitAndLossTable = ({ lockExpanded, asContainer }) => {
 
 // src/components/ProfitAndLoss/ProfitAndLoss.tsx
 var import_date_fns16 = require("date-fns");
-var PNLContext = (0, import_react71.createContext)({
+var PNLContext = (0, import_react72.createContext)({
   data: void 0,
   filteredDataRevenue: [],
   filteredTotalRevenue: void 0,
@@ -7402,7 +7416,7 @@ var ProfitAndLoss = ({
   asContainer = true
 }) => {
   const contextData = useProfitAndLoss({ tagFilter, reportingBasis });
-  return /* @__PURE__ */ import_react71.default.createElement(PNLContext.Provider, { value: contextData }, asContainer ? /* @__PURE__ */ import_react71.default.createElement(Container, { name: "profit-and-loss" }, children) : children);
+  return /* @__PURE__ */ import_react72.default.createElement(PNLContext.Provider, { value: contextData }, asContainer ? /* @__PURE__ */ import_react72.default.createElement(Container, { name: "profit-and-loss" }, children) : children);
 };
 ProfitAndLoss.Chart = ProfitAndLossChart;
 ProfitAndLoss.Context = PNLContext;
@@ -7412,10 +7426,10 @@ ProfitAndLoss.Table = ProfitAndLossTable;
 ProfitAndLoss.DetailedCharts = ProfitAndLossDetailedCharts;
 
 // src/components/ProfitAndLossView/ProfitAndLossView.tsx
-var import_react73 = __toESM(require("react"));
+var import_react74 = __toESM(require("react"));
 
 // src/components/Panel/Panel.tsx
-var import_react72 = __toESM(require("react"));
+var import_react73 = __toESM(require("react"));
 var import_classnames36 = __toESM(require("classnames"));
 var Panel = ({
   children,
@@ -7425,13 +7439,13 @@ var Panel = ({
   sidebarIsOpen,
   parentRef
 }) => {
-  const [sidebarHeight, setSidebarHeight] = (0, import_react72.useState)(0);
-  (0, import_react72.useEffect)(() => {
+  const [sidebarHeight, setSidebarHeight] = (0, import_react73.useState)(0);
+  (0, import_react73.useEffect)(() => {
     if (parentRef?.current?.offsetHeight) {
       setSidebarHeight(parentRef?.current?.offsetHeight - 1);
     }
   }, [parentRef?.current?.offsetHeight, sidebarIsOpen]);
-  return /* @__PURE__ */ import_react72.default.createElement(
+  return /* @__PURE__ */ import_react73.default.createElement(
     "div",
     {
       className: (0, import_classnames36.default)(
@@ -7440,8 +7454,8 @@ var Panel = ({
         sidebarIsOpen && "Layer__panel--open"
       )
     },
-    /* @__PURE__ */ import_react72.default.createElement("div", { className: "Layer__panel__content" }, header, children),
-    sidebar && /* @__PURE__ */ import_react72.default.createElement(
+    /* @__PURE__ */ import_react73.default.createElement("div", { className: "Layer__panel__content" }, header, children),
+    sidebar && /* @__PURE__ */ import_react73.default.createElement(
       "div",
       {
         className: "Layer__panel__sidebar",
@@ -7449,7 +7463,7 @@ var Panel = ({
           maxHeight: sidebarHeight > 0 && sidebarIsOpen ? sidebarHeight : 0
         }
       },
-      /* @__PURE__ */ import_react72.default.createElement("div", { className: "Layer__panel__sidebar-content" }, sidebar)
+      /* @__PURE__ */ import_react73.default.createElement("div", { className: "Layer__panel__sidebar-content" }, sidebar)
     )
   );
 };
@@ -7457,34 +7471,34 @@ var Panel = ({
 // src/components/ProfitAndLossView/ProfitAndLossView.tsx
 var COMPONENT_NAME3 = "profit-and-loss";
 var ProfitAndLossView = (props) => {
-  const containerRef = (0, import_react73.useRef)(null);
-  return /* @__PURE__ */ import_react73.default.createElement(Container, { name: COMPONENT_NAME3, ref: containerRef }, /* @__PURE__ */ import_react73.default.createElement(ProfitAndLoss, null, /* @__PURE__ */ import_react73.default.createElement(ProfitAndLossPanel, { containerRef, ...props })));
+  const containerRef = (0, import_react74.useRef)(null);
+  return /* @__PURE__ */ import_react74.default.createElement(Container, { name: COMPONENT_NAME3, ref: containerRef }, /* @__PURE__ */ import_react74.default.createElement(ProfitAndLoss, null, /* @__PURE__ */ import_react74.default.createElement(ProfitAndLossPanel, { containerRef, ...props })));
 };
 var ProfitAndLossPanel = ({
   containerRef,
   ...props
 }) => {
-  const { sidebarScope } = (0, import_react73.useContext)(ProfitAndLoss.Context);
-  return /* @__PURE__ */ import_react73.default.createElement(
+  const { sidebarScope } = (0, import_react74.useContext)(ProfitAndLoss.Context);
+  return /* @__PURE__ */ import_react74.default.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ import_react73.default.createElement(ProfitAndLossDetailedCharts, null),
+      sidebar: /* @__PURE__ */ import_react74.default.createElement(ProfitAndLossDetailedCharts, null),
       sidebarIsOpen: Boolean(sidebarScope),
       parentRef: containerRef
     },
-    /* @__PURE__ */ import_react73.default.createElement(Header, { className: `Layer__${COMPONENT_NAME3}__header` }, /* @__PURE__ */ import_react73.default.createElement(Heading, { className: "Layer__profit-and-loss__title" }, "Profit & Loss")),
-    /* @__PURE__ */ import_react73.default.createElement(Components, { ...props })
+    /* @__PURE__ */ import_react74.default.createElement(Header, { className: `Layer__${COMPONENT_NAME3}__header` }, /* @__PURE__ */ import_react74.default.createElement(Heading, { className: "Layer__profit-and-loss__title" }, "Profit & Loss")),
+    /* @__PURE__ */ import_react74.default.createElement(Components, { ...props })
   );
 };
 var Components = ({
   hideChart = false,
   hideTable = false
 }) => {
-  const { error, isLoading, isValidating, refetch } = (0, import_react73.useContext)(
+  const { error, isLoading, isValidating, refetch } = (0, import_react74.useContext)(
     ProfitAndLoss.Context
   );
   if (!isLoading && error) {
-    return /* @__PURE__ */ import_react73.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react73.default.createElement(
+    return /* @__PURE__ */ import_react74.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react74.default.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -7495,29 +7509,29 @@ var Components = ({
       }
     ));
   }
-  return /* @__PURE__ */ import_react73.default.createElement(import_react73.default.Fragment, null, !hideChart && /* @__PURE__ */ import_react73.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__chart_with_summaries` }, /* @__PURE__ */ import_react73.default.createElement(
+  return /* @__PURE__ */ import_react74.default.createElement(import_react74.default.Fragment, null, !hideChart && /* @__PURE__ */ import_react74.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__chart_with_summaries` }, /* @__PURE__ */ import_react74.default.createElement(
     "div",
     {
       className: `Layer__${COMPONENT_NAME3}__chart_with_summaries__summary-col`
     },
-    /* @__PURE__ */ import_react73.default.createElement(ProfitAndLoss.DatePicker, null),
-    /* @__PURE__ */ import_react73.default.createElement(ProfitAndLoss.Summaries, { vertical: true })
-  ), /* @__PURE__ */ import_react73.default.createElement(
+    /* @__PURE__ */ import_react74.default.createElement(ProfitAndLoss.DatePicker, null),
+    /* @__PURE__ */ import_react74.default.createElement(ProfitAndLoss.Summaries, { vertical: true })
+  ), /* @__PURE__ */ import_react74.default.createElement(
     "div",
     {
       className: `Layer__${COMPONENT_NAME3}__chart_with_summaries__chart-col`
     },
-    /* @__PURE__ */ import_react73.default.createElement(ProfitAndLoss.Chart, null)
-  )), !hideTable && /* @__PURE__ */ import_react73.default.createElement(ProfitAndLoss.Table, null));
+    /* @__PURE__ */ import_react74.default.createElement(ProfitAndLoss.Chart, null)
+  )), !hideTable && /* @__PURE__ */ import_react74.default.createElement(ProfitAndLoss.Table, null));
 };
 
 // src/components/ChartOfAccounts/ChartOfAccounts.tsx
-var import_react91 = __toESM(require("react"));
+var import_react92 = __toESM(require("react"));
 
 // src/contexts/ChartOfAccountsContext/ChartOfAccountsContext.tsx
-var import_react74 = require("react");
+var import_react75 = require("react");
 var import_date_fns17 = require("date-fns");
-var ChartOfAccountsContext = (0, import_react74.createContext)(
+var ChartOfAccountsContext = (0, import_react75.createContext)(
   {
     data: void 0,
     isLoading: false,
@@ -7548,8 +7562,8 @@ var ChartOfAccountsContext = (0, import_react74.createContext)(
 );
 
 // src/contexts/LedgerAccountsContext/LedgerAccountsContext.tsx
-var import_react75 = require("react");
-var LedgerAccountsContext = (0, import_react75.createContext)({
+var import_react76 = require("react");
+var LedgerAccountsContext = (0, import_react76.createContext)({
   data: void 0,
   entryData: void 0,
   isLoading: false,
@@ -7571,7 +7585,7 @@ var LedgerAccountsContext = (0, import_react75.createContext)({
 });
 
 // src/hooks/useChartOfAccounts/useChartOfAccounts.tsx
-var import_react76 = require("react");
+var import_react77 = require("react");
 
 // src/components/ChartOfAccountsForm/constants.ts
 var LEDGER_ACCOUNT_TYPES = [
@@ -7776,7 +7790,7 @@ var LEDGER_ACCOUNT_SUBTYPES_FOR_TYPE = {
 
 // src/hooks/useChartOfAccounts/useChartOfAccounts.tsx
 var import_date_fns18 = require("date-fns");
-var import_swr5 = __toESM(require("swr"));
+var import_swr6 = __toESM(require("swr"));
 var validate = (formData) => {
   const errors = [];
   const nameError = validateName(formData);
@@ -7860,16 +7874,16 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
   endDate: (0, import_date_fns18.endOfMonth)(/* @__PURE__ */ new Date())
 }) => {
   const { auth, businessId, apiUrl } = useLayerContext();
-  const [form, setForm] = (0, import_react76.useState)();
-  const [sendingForm, setSendingForm] = (0, import_react76.useState)(false);
-  const [apiError, setApiError] = (0, import_react76.useState)(void 0);
-  const [startDate, setStartDate] = (0, import_react76.useState)(
+  const [form, setForm] = (0, import_react77.useState)();
+  const [sendingForm, setSendingForm] = (0, import_react77.useState)(false);
+  const [apiError, setApiError] = (0, import_react77.useState)(void 0);
+  const [startDate, setStartDate] = (0, import_react77.useState)(
     initialStartDate ?? (0, import_date_fns18.startOfMonth)(Date.now())
   );
-  const [endDate, setEndDate] = (0, import_react76.useState)(
+  const [endDate, setEndDate] = (0, import_react77.useState)(
     initialEndDate ?? (0, import_date_fns18.endOfMonth)(Date.now())
   );
-  const { data, isLoading, isValidating, error, mutate } = (0, import_swr5.default)(
+  const { data, isLoading, isValidating, error, mutate } = (0, import_swr6.default)(
     businessId && auth?.access_token && `chart-of-accounts-${businessId}-${startDate?.valueOf()}-${endDate?.valueOf()}`,
     Layer.getLedgerAccountBalances(apiUrl, auth?.access_token, {
       params: {
@@ -8065,13 +8079,13 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
 };
 
 // src/hooks/useLedgerAccounts/useLedgerAccounts.tsx
-var import_react77 = require("react");
-var import_swr6 = __toESM(require("swr"));
+var import_react78 = require("react");
+var import_swr7 = __toESM(require("swr"));
 var useLedgerAccounts = () => {
   const { auth, businessId, apiUrl } = useLayerContext();
-  const [accountId, setAccountId] = (0, import_react77.useState)();
-  const [selectedEntryId, setSelectedEntryId] = (0, import_react77.useState)();
-  const { data, isLoading, isValidating, error, mutate } = (0, import_swr6.default)(
+  const [accountId, setAccountId] = (0, import_react78.useState)();
+  const [selectedEntryId, setSelectedEntryId] = (0, import_react78.useState)();
+  const { data, isLoading, isValidating, error, mutate } = (0, import_swr7.default)(
     businessId && accountId && auth?.access_token && `ledger-accounts-lines-${businessId}-${accountId}`,
     Layer.getLedgerAccountsLines(apiUrl, auth?.access_token, {
       params: { businessId, accountId }
@@ -8083,7 +8097,7 @@ var useLedgerAccounts = () => {
     isLoading: isLoadingEntry,
     isValidating: isValdiatingEntry,
     error: errorEntry
-  } = (0, import_swr6.default)(
+  } = (0, import_swr7.default)(
     businessId && selectedEntryId && auth?.access_token && `ledger-accounts-entry-${businessId}-${selectedEntryId}}`,
     Layer.getLedgerAccountsEntry(apiUrl, auth?.access_token, {
       params: { businessId, entryId: selectedEntryId }
@@ -8113,21 +8127,21 @@ var useLedgerAccounts = () => {
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
-var import_react83 = __toESM(require("react"));
+var import_react84 = __toESM(require("react"));
 
 // src/components/ChartOfAccountsDatePicker/ChartOfAccountsDatePicker.tsx
-var import_react78 = __toESM(require("react"));
+var import_react79 = __toESM(require("react"));
 var ChartOfAccountsDatePicker = () => {
-  const { changeDateRange, dateRange } = (0, import_react78.useContext)(ChartOfAccountsContext);
-  return /* @__PURE__ */ import_react78.default.createElement(DateMonthPicker, { dateRange, changeDateRange });
+  const { changeDateRange, dateRange } = (0, import_react79.useContext)(ChartOfAccountsContext);
+  return /* @__PURE__ */ import_react79.default.createElement(DateMonthPicker, { dateRange, changeDateRange });
 };
 
 // src/components/ChartOfAccountsRow/ChartOfAccountsRow.tsx
-var import_react79 = __toESM(require("react"));
+var import_react80 = __toESM(require("react"));
 
 // src/icons/Edit2.tsx
-var React90 = __toESM(require("react"));
-var Edit2 = ({ size = 18, ...props }) => /* @__PURE__ */ React90.createElement(
+var React91 = __toESM(require("react"));
+var Edit2 = ({ size = 18, ...props }) => /* @__PURE__ */ React91.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -8137,7 +8151,7 @@ var Edit2 = ({ size = 18, ...props }) => /* @__PURE__ */ React90.createElement(
     width: size,
     height: size
   },
-  /* @__PURE__ */ React90.createElement(
+  /* @__PURE__ */ React91.createElement(
     "path",
     {
       d: "M12.75 2.25C12.947 2.05301 13.1808 1.89676 13.4382 1.79015C13.6956 1.68355 13.9714 1.62868 14.25 1.62868C14.5286 1.62868 14.8044 1.68355 15.0618 1.79015C15.3192 1.89676 15.553 2.05301 15.75 2.25C15.947 2.44698 16.1032 2.68083 16.2098 2.9382C16.3165 3.19557 16.3713 3.47142 16.3713 3.75C16.3713 4.02857 16.3165 4.30442 16.2098 4.56179C16.1032 4.81916 15.947 5.05302 15.75 5.25L5.625 15.375L1.5 16.5L2.625 12.375L12.75 2.25Z",
@@ -8182,10 +8196,10 @@ var ChartOfAccountsRow = ({
   view,
   expandAll
 }) => {
-  const { form, editAccount } = (0, import_react79.useContext)(ChartOfAccountsContext);
-  const { setAccountId } = (0, import_react79.useContext)(LedgerAccountsContext);
+  const { form, editAccount } = (0, import_react80.useContext)(ChartOfAccountsContext);
+  const { setAccountId } = (0, import_react80.useContext)(LedgerAccountsContext);
   const baseStyle = view === "desktop" ? EXPANDED_STYLE : EXPANDED_MOBILE_STYLE;
-  const [isOpen, setIsOpen] = (0, import_react79.useState)(defaultOpen);
+  const [isOpen, setIsOpen] = (0, import_react80.useState)(defaultOpen);
   const style = expanded ? {
     ...baseStyle,
     transitionDelay: `${15 * index}ms`
@@ -8193,15 +8207,15 @@ var ChartOfAccountsRow = ({
     ...COLLAPSED_STYLE,
     transitionDelay: `${acountsLength - 15 * index}ms`
   };
-  const [showComponent, setShowComponent] = (0, import_react79.useState)(false);
-  const [prevExpandedAll, setPrevExpandedAll] = (0, import_react79.useState)(expandAll);
-  (0, import_react79.useEffect)(() => {
+  const [showComponent, setShowComponent] = (0, import_react80.useState)(false);
+  const [prevExpandedAll, setPrevExpandedAll] = (0, import_react80.useState)(expandAll);
+  (0, import_react80.useEffect)(() => {
     const timeoutId = setTimeout(() => {
       setShowComponent(true);
     }, cumulativeIndex * 50);
     return () => clearTimeout(timeoutId);
   }, []);
-  (0, import_react79.useEffect)(() => {
+  (0, import_react80.useEffect)(() => {
     if (prevExpandedAll !== expandAll && expandAll) {
       setIsOpen(expandAll === "collapsed" ? false : true);
     }
@@ -8222,7 +8236,7 @@ var ChartOfAccountsRow = ({
     baseClass,
     "Layer__chart-of-accounts__row---mobile"
   );
-  return /* @__PURE__ */ import_react79.default.createElement(import_react79.default.Fragment, null, view === "desktop" && /* @__PURE__ */ import_react79.default.createElement(
+  return /* @__PURE__ */ import_react80.default.createElement(import_react80.default.Fragment, null, view === "desktop" && /* @__PURE__ */ import_react80.default.createElement(
     "tr",
     {
       className: desktopRowClass,
@@ -8232,7 +8246,7 @@ var ChartOfAccountsRow = ({
         setAccountId(account.id);
       }
     },
-    /* @__PURE__ */ import_react79.default.createElement("td", { className: "Layer__table-cell Layer__coa__name" }, /* @__PURE__ */ import_react79.default.createElement("span", { className: "Layer__table-cell-content", style }, /* @__PURE__ */ import_react79.default.createElement(
+    /* @__PURE__ */ import_react80.default.createElement("td", { className: "Layer__table-cell Layer__coa__name" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "Layer__table-cell-content", style }, /* @__PURE__ */ import_react80.default.createElement(
       "span",
       {
         className: "Layer__table-cell-content-indentation",
@@ -8240,7 +8254,7 @@ var ChartOfAccountsRow = ({
           paddingLeft: INDENTATION * depth + 16
         }
       },
-      account.sub_accounts && account.sub_accounts.length > 0 && /* @__PURE__ */ import_react79.default.createElement(
+      account.sub_accounts && account.sub_accounts.length > 0 && /* @__PURE__ */ import_react80.default.createElement(
         ChevronDownFill_default,
         {
           size: 16,
@@ -8251,22 +8265,22 @@ var ChartOfAccountsRow = ({
           }
         }
       ),
-      /* @__PURE__ */ import_react79.default.createElement("span", { className: "Layer__coa__name__text" }, account.name)
+      /* @__PURE__ */ import_react80.default.createElement("span", { className: "Layer__coa__name__text" }, account.name)
     ))),
-    /* @__PURE__ */ import_react79.default.createElement("td", { className: "Layer__table-cell Layer__coa__type" }, /* @__PURE__ */ import_react79.default.createElement(
+    /* @__PURE__ */ import_react80.default.createElement("td", { className: "Layer__table-cell Layer__coa__type" }, /* @__PURE__ */ import_react80.default.createElement(
       "span",
       {
         className: "Layer__table-cell-content Layer__mobile--hidden",
         style
       },
       account.account_type?.display_name
-    ), /* @__PURE__ */ import_react79.default.createElement(
+    ), /* @__PURE__ */ import_react80.default.createElement(
       "span",
       {
         className: "Layer__table-cell-content Layer__desktop--hidden",
         style
       },
-      /* @__PURE__ */ import_react79.default.createElement(
+      /* @__PURE__ */ import_react80.default.createElement(
         Text,
         {
           weight: "bold" /* bold */,
@@ -8274,10 +8288,10 @@ var ChartOfAccountsRow = ({
         },
         account.normality
       ),
-      /* @__PURE__ */ import_react79.default.createElement(Text, { className: "Layer__coa__subtype--mobile" }, account.account_subtype?.display_name)
+      /* @__PURE__ */ import_react80.default.createElement(Text, { className: "Layer__coa__subtype--mobile" }, account.account_subtype?.display_name)
     )),
-    /* @__PURE__ */ import_react79.default.createElement("td", { className: "Layer__table-cell Layer__coa__subtype Layer__mobile--hidden" }, /* @__PURE__ */ import_react79.default.createElement("span", { className: "Layer__table-cell-content", style }, account.account_subtype?.display_name)),
-    /* @__PURE__ */ import_react79.default.createElement("td", { className: "Layer__table-cell Layer__coa__balance" }, /* @__PURE__ */ import_react79.default.createElement(
+    /* @__PURE__ */ import_react80.default.createElement("td", { className: "Layer__table-cell Layer__coa__subtype Layer__mobile--hidden" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "Layer__table-cell-content", style }, account.account_subtype?.display_name)),
+    /* @__PURE__ */ import_react80.default.createElement("td", { className: "Layer__table-cell Layer__coa__balance" }, /* @__PURE__ */ import_react80.default.createElement(
       "span",
       {
         className: "Layer__table-cell-content Layer__table-cell--amount",
@@ -8286,11 +8300,11 @@ var ChartOfAccountsRow = ({
       "$",
       centsToDollars(Math.abs(account.balance || 0))
     )),
-    /* @__PURE__ */ import_react79.default.createElement("td", { className: "Layer__table-cell Layer__coa__actions" }, /* @__PURE__ */ import_react79.default.createElement("span", { className: "Layer__table-cell-content", style }, /* @__PURE__ */ import_react79.default.createElement(
+    /* @__PURE__ */ import_react80.default.createElement("td", { className: "Layer__table-cell Layer__coa__actions" }, /* @__PURE__ */ import_react80.default.createElement("span", { className: "Layer__table-cell-content", style }, /* @__PURE__ */ import_react80.default.createElement(
       Button,
       {
         variant: "secondary" /* secondary */,
-        rightIcon: /* @__PURE__ */ import_react79.default.createElement(Edit2_default, { size: 12 }),
+        rightIcon: /* @__PURE__ */ import_react80.default.createElement(Edit2_default, { size: 12 }),
         iconOnly: true,
         onClick: (e) => {
           e.preventDefault();
@@ -8300,7 +8314,7 @@ var ChartOfAccountsRow = ({
       },
       "Edit"
     )))
-  ), view === "mobile" || view === "tablet" ? /* @__PURE__ */ import_react79.default.createElement(
+  ), view === "mobile" || view === "tablet" ? /* @__PURE__ */ import_react80.default.createElement(
     "tr",
     {
       className: mobileRowClass,
@@ -8310,7 +8324,7 @@ var ChartOfAccountsRow = ({
         setAccountId(account.id);
       }
     },
-    /* @__PURE__ */ import_react79.default.createElement("td", { className: "Layer__table-cell", colSpan: 5 }, /* @__PURE__ */ import_react79.default.createElement(
+    /* @__PURE__ */ import_react80.default.createElement("td", { className: "Layer__table-cell", colSpan: 5 }, /* @__PURE__ */ import_react80.default.createElement(
       "span",
       {
         className: "Layer__table-cell-content Layer__table-cell-content-indentation",
@@ -8319,7 +8333,7 @@ var ChartOfAccountsRow = ({
           ...style
         }
       },
-      account.sub_accounts && account.sub_accounts.length > 0 && /* @__PURE__ */ import_react79.default.createElement(
+      account.sub_accounts && account.sub_accounts.length > 0 && /* @__PURE__ */ import_react80.default.createElement(
         ChevronDownFill_default,
         {
           size: 16,
@@ -8330,14 +8344,14 @@ var ChartOfAccountsRow = ({
           }
         }
       ),
-      /* @__PURE__ */ import_react79.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content" }, /* @__PURE__ */ import_react79.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content__top-row" }, /* @__PURE__ */ import_react79.default.createElement(
+      /* @__PURE__ */ import_react80.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content" }, /* @__PURE__ */ import_react80.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content__top-row" }, /* @__PURE__ */ import_react80.default.createElement(
         Text,
         {
           as: "span",
           className: "Layer__chart-of-accounts__mobile-row-content__name"
         },
         account.name
-      ), /* @__PURE__ */ import_react79.default.createElement(
+      ), /* @__PURE__ */ import_react80.default.createElement(
         TextButton,
         {
           onClick: (e) => {
@@ -8347,7 +8361,7 @@ var ChartOfAccountsRow = ({
           }
         },
         "Edit"
-      )), /* @__PURE__ */ import_react79.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content__bottom-row" }, /* @__PURE__ */ import_react79.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content__types" }, /* @__PURE__ */ import_react79.default.createElement(Text, { as: "span" }, account.normality), /* @__PURE__ */ import_react79.default.createElement("span", { className: "Layer__chart-of-accounts__mobile-row-content__separator" }), /* @__PURE__ */ import_react79.default.createElement(Text, { as: "span" }, "Sub-Type")), /* @__PURE__ */ import_react79.default.createElement(
+      )), /* @__PURE__ */ import_react80.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content__bottom-row" }, /* @__PURE__ */ import_react80.default.createElement("div", { className: "Layer__chart-of-accounts__mobile-row-content__types" }, /* @__PURE__ */ import_react80.default.createElement(Text, { as: "span" }, account.normality), /* @__PURE__ */ import_react80.default.createElement("span", { className: "Layer__chart-of-accounts__mobile-row-content__separator" }), /* @__PURE__ */ import_react80.default.createElement(Text, { as: "span" }, "Sub-Type")), /* @__PURE__ */ import_react80.default.createElement(
         Text,
         {
           as: "span",
@@ -8357,7 +8371,7 @@ var ChartOfAccountsRow = ({
         centsToDollars(Math.abs(account.balance || 0))
       )))
     ))
-  ) : null, (account.sub_accounts || []).map((subAccount, idx) => /* @__PURE__ */ import_react79.default.createElement(
+  ) : null, (account.sub_accounts || []).map((subAccount, idx) => /* @__PURE__ */ import_react80.default.createElement(
     ChartOfAccountsRow,
     {
       key: subAccount.id,
@@ -8374,14 +8388,14 @@ var ChartOfAccountsRow = ({
 };
 
 // src/components/ChartOfAccountsSidebar/ChartOfAccountsSidebar.tsx
-var import_react82 = __toESM(require("react"));
+var import_react83 = __toESM(require("react"));
 
 // src/components/ChartOfAccountsForm/ChartOfAccountsForm.tsx
-var import_react81 = __toESM(require("react"));
+var import_react82 = __toESM(require("react"));
 
 // src/components/ChartOfAccountsForm/useParentOptions.ts
-var import_react80 = require("react");
-var useParentOptions = (data) => (0, import_react80.useMemo)(
+var import_react81 = require("react");
+var useParentOptions = (data) => (0, import_react81.useMemo)(
   () => flattenAccounts(data?.accounts || []).sort((a, b) => a?.name && b?.name ? a.name.localeCompare(b.name) : 0).map((x) => {
     return {
       label: x.name,
@@ -8401,9 +8415,9 @@ var ChartOfAccountsForm = () => {
     submitForm,
     sendingForm,
     apiError
-  } = (0, import_react81.useContext)(ChartOfAccountsContext);
+  } = (0, import_react82.useContext)(ChartOfAccountsContext);
   const parentOptions = useParentOptions(data);
-  const entry = (0, import_react81.useMemo)(() => {
+  const entry = (0, import_react82.useMemo)(() => {
     if (form?.action === "edit" && form.accountId) {
       return flattenAccounts(data?.accounts || []).find(
         (x) => x.id === form.accountId
@@ -8414,7 +8428,7 @@ var ChartOfAccountsForm = () => {
   if (!form) {
     return;
   }
-  return /* @__PURE__ */ import_react81.default.createElement(
+  return /* @__PURE__ */ import_react82.default.createElement(
     "form",
     {
       className: "Layer__form",
@@ -8423,7 +8437,7 @@ var ChartOfAccountsForm = () => {
         submitForm();
       }
     },
-    /* @__PURE__ */ import_react81.default.createElement("div", { className: "Layer__chart-of-accounts__sidebar__header" }, /* @__PURE__ */ import_react81.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, form?.action === "edit" ? "Edit" : "Add New", " Account"), /* @__PURE__ */ import_react81.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react81.default.createElement(
+    /* @__PURE__ */ import_react82.default.createElement("div", { className: "Layer__chart-of-accounts__sidebar__header" }, /* @__PURE__ */ import_react82.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, form?.action === "edit" ? "Edit" : "Add New", " Account"), /* @__PURE__ */ import_react82.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react82.default.createElement(
       Button,
       {
         type: "button",
@@ -8432,7 +8446,7 @@ var ChartOfAccountsForm = () => {
         disabled: sendingForm
       },
       "Cancel"
-    ), apiError && /* @__PURE__ */ import_react81.default.createElement(
+    ), apiError && /* @__PURE__ */ import_react82.default.createElement(
       RetryButton,
       {
         type: "submit",
@@ -8441,7 +8455,7 @@ var ChartOfAccountsForm = () => {
         disabled: sendingForm
       },
       "Retry"
-    ), !apiError && /* @__PURE__ */ import_react81.default.createElement(
+    ), !apiError && /* @__PURE__ */ import_react82.default.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -8451,7 +8465,7 @@ var ChartOfAccountsForm = () => {
       },
       "Save"
     ))),
-    apiError && /* @__PURE__ */ import_react81.default.createElement(
+    apiError && /* @__PURE__ */ import_react82.default.createElement(
       Text,
       {
         size: "sm" /* sm */,
@@ -8459,8 +8473,8 @@ var ChartOfAccountsForm = () => {
       },
       apiError
     ),
-    entry && /* @__PURE__ */ import_react81.default.createElement("div", { className: "Layer__chart-of-accounts__form-edit-entry" }, /* @__PURE__ */ import_react81.default.createElement(Text, { weight: "bold" /* bold */ }, entry.name), /* @__PURE__ */ import_react81.default.createElement(Text, { weight: "bold" /* bold */ }, "$", centsToDollars(entry.balance || 0))),
-    /* @__PURE__ */ import_react81.default.createElement("div", { className: "Layer__chart-of-accounts__form" }, /* @__PURE__ */ import_react81.default.createElement(InputGroup, { name: "parent", label: "Parent", inline: true }, /* @__PURE__ */ import_react81.default.createElement(
+    entry && /* @__PURE__ */ import_react82.default.createElement("div", { className: "Layer__chart-of-accounts__form-edit-entry" }, /* @__PURE__ */ import_react82.default.createElement(Text, { weight: "bold" /* bold */ }, entry.name), /* @__PURE__ */ import_react82.default.createElement(Text, { weight: "bold" /* bold */ }, "$", centsToDollars(entry.balance || 0))),
+    /* @__PURE__ */ import_react82.default.createElement("div", { className: "Layer__chart-of-accounts__form" }, /* @__PURE__ */ import_react82.default.createElement(InputGroup, { name: "parent", label: "Parent", inline: true }, /* @__PURE__ */ import_react82.default.createElement(
       Select2,
       {
         options: parentOptions,
@@ -8468,7 +8482,7 @@ var ChartOfAccountsForm = () => {
         onChange: (sel) => changeFormData("parent", sel),
         disabled: sendingForm
       }
-    )), /* @__PURE__ */ import_react81.default.createElement(InputGroup, { name: "name", label: "Name", inline: true }, /* @__PURE__ */ import_react81.default.createElement(
+    )), /* @__PURE__ */ import_react82.default.createElement(InputGroup, { name: "name", label: "Name", inline: true }, /* @__PURE__ */ import_react82.default.createElement(
       Input,
       {
         name: "name",
@@ -8479,7 +8493,7 @@ var ChartOfAccountsForm = () => {
         disabled: sendingForm,
         onChange: (e) => changeFormData("name", e.target.value)
       }
-    )), /* @__PURE__ */ import_react81.default.createElement(InputGroup, { name: "type", label: "Type", inline: true }, /* @__PURE__ */ import_react81.default.createElement(
+    )), /* @__PURE__ */ import_react82.default.createElement(InputGroup, { name: "type", label: "Type", inline: true }, /* @__PURE__ */ import_react82.default.createElement(
       Select2,
       {
         options: LEDGER_ACCOUNT_TYPES,
@@ -8489,7 +8503,7 @@ var ChartOfAccountsForm = () => {
         errorMessage: form?.errors?.find((x) => x.field === "type")?.message,
         disabled: sendingForm || form.action === "edit" || form.data.parent !== void 0
       }
-    )), /* @__PURE__ */ import_react81.default.createElement(InputGroup, { name: "subType", label: "Sub-Type", inline: true }, /* @__PURE__ */ import_react81.default.createElement(
+    )), /* @__PURE__ */ import_react82.default.createElement(InputGroup, { name: "subType", label: "Sub-Type", inline: true }, /* @__PURE__ */ import_react82.default.createElement(
       Select2,
       {
         options: form?.data.type?.value !== void 0 ? LEDGER_ACCOUNT_SUBTYPES_FOR_TYPE[form?.data.type?.value] : LEDGER_ACCOUNT_SUBTYPES,
@@ -8497,7 +8511,7 @@ var ChartOfAccountsForm = () => {
         onChange: (sel) => changeFormData("subType", sel),
         disabled: sendingForm
       }
-    )), /* @__PURE__ */ import_react81.default.createElement(InputGroup, { name: "normality", label: "Normality", inline: true }, /* @__PURE__ */ import_react81.default.createElement(
+    )), /* @__PURE__ */ import_react82.default.createElement(InputGroup, { name: "normality", label: "Normality", inline: true }, /* @__PURE__ */ import_react82.default.createElement(
       Select2,
       {
         options: NORMALITY_OPTIONS,
@@ -8517,7 +8531,7 @@ var ChartOfAccountsForm = () => {
 var ChartOfAccountsSidebar = ({
   parentRef: _parentRef
 }) => {
-  return /* @__PURE__ */ import_react82.default.createElement(ChartOfAccountsForm, null);
+  return /* @__PURE__ */ import_react83.default.createElement(ChartOfAccountsForm, null);
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
@@ -8529,24 +8543,24 @@ var ChartOfAccountsTable = ({
   withDateControl = false,
   withExpandAllButton = false
 }) => {
-  const { data, isLoading, addAccount, error, isValidating, refetch, form } = (0, import_react83.useContext)(ChartOfAccountsContext);
-  const [expandAll, setExpandAll] = (0, import_react83.useState)();
+  const { data, isLoading, addAccount, error, isValidating, refetch, form } = (0, import_react84.useContext)(ChartOfAccountsContext);
+  const [expandAll, setExpandAll] = (0, import_react84.useState)();
   let cumulativeIndex = 0;
   const accountsLength = data?.accounts.length ?? 0;
-  return /* @__PURE__ */ import_react83.default.createElement(
+  return /* @__PURE__ */ import_react84.default.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ import_react83.default.createElement(ChartOfAccountsSidebar, { parentRef: containerRef }),
+      sidebar: /* @__PURE__ */ import_react84.default.createElement(ChartOfAccountsSidebar, { parentRef: containerRef }),
       sidebarIsOpen: Boolean(form),
       parentRef: containerRef
     },
-    /* @__PURE__ */ import_react83.default.createElement(
+    /* @__PURE__ */ import_react84.default.createElement(
       Header,
       {
         className: `Layer__${COMPONENT_NAME4}__header`,
         layout: withDateControl ? "next-line-actions" /* NEXT_LINE_ACTIONS */ : void 0
       },
-      /* @__PURE__ */ import_react83.default.createElement(
+      /* @__PURE__ */ import_react84.default.createElement(
         Heading,
         {
           className: `Layer__${COMPONENT_NAME4}__title`,
@@ -8554,12 +8568,12 @@ var ChartOfAccountsTable = ({
         },
         "Chart of Accounts"
       ),
-      /* @__PURE__ */ import_react83.default.createElement(
+      /* @__PURE__ */ import_react84.default.createElement(
         "div",
         {
           className: `Layer__${COMPONENT_NAME4}__actions Layer__header__actions`
         },
-        withDateControl || withExpandAllButton ? /* @__PURE__ */ import_react83.default.createElement("div", { className: "Layer__header__actions-col" }, withDateControl && /* @__PURE__ */ import_react83.default.createElement(ChartOfAccountsDatePicker, null), withExpandAllButton && /* @__PURE__ */ import_react83.default.createElement(
+        withDateControl || withExpandAllButton ? /* @__PURE__ */ import_react84.default.createElement("div", { className: "Layer__header__actions-col" }, withDateControl && /* @__PURE__ */ import_react84.default.createElement(ChartOfAccountsDatePicker, null), withExpandAllButton && /* @__PURE__ */ import_react84.default.createElement(
           Button,
           {
             variant: "secondary" /* secondary */,
@@ -8567,23 +8581,23 @@ var ChartOfAccountsTable = ({
               !expandAll || expandAll === "collapsed" ? "expanded" : "collapsed"
             )
           },
-          !expandAll || expandAll === "collapsed" ? "Expand all rows" : "Collpase all rows"
+          !expandAll || expandAll === "collapsed" ? "Expand all rows" : "Collapse all rows"
         )) : null,
-        /* @__PURE__ */ import_react83.default.createElement("div", { className: "Layer__header__actions-col" }, /* @__PURE__ */ import_react83.default.createElement(
+        /* @__PURE__ */ import_react84.default.createElement("div", { className: "Layer__header__actions-col" }, /* @__PURE__ */ import_react84.default.createElement(
           Button,
           {
             variant: "secondary" /* secondary */,
             disabled: isLoading,
-            rightIcon: /* @__PURE__ */ import_react83.default.createElement(DownloadCloud_default, { size: 12 })
+            rightIcon: /* @__PURE__ */ import_react84.default.createElement(DownloadCloud_default, { size: 12 })
           },
           "Download"
-        ), /* @__PURE__ */ import_react83.default.createElement(Button, { onClick: () => addAccount(), disabled: isLoading }, "Add Account"))
+        ), /* @__PURE__ */ import_react84.default.createElement(Button, { onClick: () => addAccount(), disabled: isLoading }, "Add Account"))
       )
     ),
-    /* @__PURE__ */ import_react83.default.createElement("table", { className: "Layer__chart-of-accounts__table" }, /* @__PURE__ */ import_react83.default.createElement("thead", null, /* @__PURE__ */ import_react83.default.createElement("tr", { className: "Layer__table-row--header" }, /* @__PURE__ */ import_react83.default.createElement("th", { className: "Layer__table-header Layer__coa__name" }, "Name"), /* @__PURE__ */ import_react83.default.createElement("th", { className: "Layer__table-header Layer__coa__type" }, "Type"), /* @__PURE__ */ import_react83.default.createElement("th", { className: "Layer__table-header Layer__coa__subtype Layer__mobile--hidden" }, "Sub-Type"), /* @__PURE__ */ import_react83.default.createElement("th", { className: "Layer__table-header Layer__coa__balance" }, "Balance"), /* @__PURE__ */ import_react83.default.createElement("th", { className: "Layer__table-header Layer__coa__actions" }))), /* @__PURE__ */ import_react83.default.createElement("tbody", null, !error && data?.accounts.map((account, idx) => {
+    /* @__PURE__ */ import_react84.default.createElement("table", { className: "Layer__chart-of-accounts__table" }, /* @__PURE__ */ import_react84.default.createElement("thead", null, /* @__PURE__ */ import_react84.default.createElement("tr", { className: "Layer__table-row--header" }, /* @__PURE__ */ import_react84.default.createElement("th", { className: "Layer__table-header Layer__coa__name" }, "Name"), /* @__PURE__ */ import_react84.default.createElement("th", { className: "Layer__table-header Layer__coa__type" }, "Type"), /* @__PURE__ */ import_react84.default.createElement("th", { className: "Layer__table-header Layer__coa__subtype Layer__mobile--hidden" }, "Sub-Type"), /* @__PURE__ */ import_react84.default.createElement("th", { className: "Layer__table-header Layer__coa__balance" }, "Balance"), /* @__PURE__ */ import_react84.default.createElement("th", { className: "Layer__table-header Layer__coa__actions" }))), /* @__PURE__ */ import_react84.default.createElement("tbody", null, !error && data?.accounts.map((account, idx) => {
       const currentCumulativeIndex = cumulativeIndex;
       cumulativeIndex = (account.sub_accounts?.length || 0) + cumulativeIndex + 1;
-      return /* @__PURE__ */ import_react83.default.createElement(
+      return /* @__PURE__ */ import_react84.default.createElement(
         ChartOfAccountsRow,
         {
           key: account.id,
@@ -8599,7 +8613,7 @@ var ChartOfAccountsTable = ({
         }
       );
     }))),
-    error ? /* @__PURE__ */ import_react83.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react83.default.createElement(
+    error ? /* @__PURE__ */ import_react84.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react84.default.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -8609,8 +8623,8 @@ var ChartOfAccountsTable = ({
         isLoading: isValidating || isLoading
       }
     )) : null,
-    (!data || isLoading) && !error ? /* @__PURE__ */ import_react83.default.createElement("div", { className: `Layer__${COMPONENT_NAME4}__loader-container` }, /* @__PURE__ */ import_react83.default.createElement(Loader2, null)) : null,
-    !isLoading && !error && data?.accounts.length === 0 ? /* @__PURE__ */ import_react83.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react83.default.createElement(
+    (!data || isLoading) && !error ? /* @__PURE__ */ import_react84.default.createElement("div", { className: `Layer__${COMPONENT_NAME4}__loader-container` }, /* @__PURE__ */ import_react84.default.createElement(Loader2, null)) : null,
+    !isLoading && !error && data?.accounts.length === 0 ? /* @__PURE__ */ import_react84.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react84.default.createElement(
       DataState,
       {
         status: "info" /* info */,
@@ -8624,20 +8638,20 @@ var ChartOfAccountsTable = ({
 };
 
 // src/components/LedgerAccount/LedgerAccountIndex.tsx
-var import_react90 = __toESM(require("react"));
+var import_react91 = __toESM(require("react"));
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
-var import_react88 = __toESM(require("react"));
+var import_react89 = __toESM(require("react"));
 
 // src/components/Card/Card.tsx
-var import_react84 = __toESM(require("react"));
+var import_react85 = __toESM(require("react"));
 var import_classnames38 = __toESM(require("classnames"));
 var Card = ({ children, className }) => {
-  return /* @__PURE__ */ import_react84.default.createElement("div", { className: (0, import_classnames38.default)("Layer__card", className) }, children);
+  return /* @__PURE__ */ import_react85.default.createElement("div", { className: (0, import_classnames38.default)("Layer__card", className) }, children);
 };
 
 // src/components/DateTime/DateTime.tsx
-var import_react85 = __toESM(require("react"));
+var import_react86 = __toESM(require("react"));
 var import_date_fns19 = require("date-fns");
 var DateTime = ({
   value,
@@ -8648,11 +8662,11 @@ var DateTime = ({
   onlyTime
 }) => {
   if (format7) {
-    return /* @__PURE__ */ import_react85.default.createElement(Text, { className: "Layer__datetime" }, (0, import_date_fns19.format)((0, import_date_fns19.parseISO)(value), format7));
+    return /* @__PURE__ */ import_react86.default.createElement(Text, { className: "Layer__datetime" }, (0, import_date_fns19.format)((0, import_date_fns19.parseISO)(value), format7));
   }
   const date = (0, import_date_fns19.format)((0, import_date_fns19.parseISO)(value), dateFormat ?? DATE_FORMAT);
   const time = (0, import_date_fns19.format)((0, import_date_fns19.parseISO)(value), timeFormat ?? TIME_FORMAT);
-  return /* @__PURE__ */ import_react85.default.createElement(Text, { className: "Layer__datetime" }, !onlyTime && /* @__PURE__ */ import_react85.default.createElement(
+  return /* @__PURE__ */ import_react86.default.createElement(Text, { className: "Layer__datetime" }, !onlyTime && /* @__PURE__ */ import_react86.default.createElement(
     Text,
     {
       as: "span",
@@ -8661,7 +8675,7 @@ var DateTime = ({
       className: "Layer__datetime__date"
     },
     date
-  ), !onlyDate && /* @__PURE__ */ import_react85.default.createElement(
+  ), !onlyDate && /* @__PURE__ */ import_react86.default.createElement(
     Text,
     {
       as: "span",
@@ -8674,7 +8688,7 @@ var DateTime = ({
 };
 
 // src/components/DetailsList/DetailsList.tsx
-var import_react86 = __toESM(require("react"));
+var import_react87 = __toESM(require("react"));
 var import_classnames39 = __toESM(require("classnames"));
 var DetailsList = ({
   title,
@@ -8682,14 +8696,14 @@ var DetailsList = ({
   className,
   actions
 }) => {
-  return /* @__PURE__ */ import_react86.default.createElement("div", { className: (0, import_classnames39.default)("Layer__details-list", className) }, title && /* @__PURE__ */ import_react86.default.createElement(Header, null, /* @__PURE__ */ import_react86.default.createElement(Heading, { size: "secondary" /* secondary */ }, title), actions && /* @__PURE__ */ import_react86.default.createElement("div", { className: "Layer__details-list__actions" }, actions)), /* @__PURE__ */ import_react86.default.createElement("ul", { className: "Layer__details-list__list" }, children));
+  return /* @__PURE__ */ import_react87.default.createElement("div", { className: (0, import_classnames39.default)("Layer__details-list", className) }, title && /* @__PURE__ */ import_react87.default.createElement(Header, null, /* @__PURE__ */ import_react87.default.createElement(Heading, { size: "secondary" /* secondary */ }, title), actions && /* @__PURE__ */ import_react87.default.createElement("div", { className: "Layer__details-list__actions" }, actions)), /* @__PURE__ */ import_react87.default.createElement("ul", { className: "Layer__details-list__list" }, children));
 };
 
 // src/components/DetailsList/DetailsListItem.tsx
-var import_react87 = __toESM(require("react"));
+var import_react88 = __toESM(require("react"));
 var renderValue = (value) => {
   if (typeof value === "string") {
-    return /* @__PURE__ */ import_react87.default.createElement(Text, { weight: "bold" /* bold */, size: "sm" /* sm */ }, value);
+    return /* @__PURE__ */ import_react88.default.createElement(Text, { weight: "bold" /* bold */, size: "sm" /* sm */ }, value);
   }
   return value;
 };
@@ -8698,7 +8712,7 @@ var DetailsListItem = ({
   children,
   isLoading
 }) => {
-  return /* @__PURE__ */ import_react87.default.createElement("li", { className: "Layer__details-list-item" }, /* @__PURE__ */ import_react87.default.createElement("label", { className: "Layer__details-list-item__label" }, label), /* @__PURE__ */ import_react87.default.createElement("span", { className: "Layer__details-list-item__value" }, isLoading ? /* @__PURE__ */ import_react87.default.createElement(SkeletonLoader, null) : renderValue(children)));
+  return /* @__PURE__ */ import_react88.default.createElement("li", { className: "Layer__details-list-item" }, /* @__PURE__ */ import_react88.default.createElement("label", { className: "Layer__details-list-item__label" }, label), /* @__PURE__ */ import_react88.default.createElement("span", { className: "Layer__details-list-item__value" }, isLoading ? /* @__PURE__ */ import_react88.default.createElement(SkeletonLoader, null) : renderValue(children)));
 };
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
@@ -8706,39 +8720,39 @@ var SourceDetailView = ({ source }) => {
   switch (source.type) {
     case "Transaction_Ledger_Entry_Source": {
       const transactionSource = source;
-      return /* @__PURE__ */ import_react88.default.createElement(import_react88.default.Fragment, null, /* @__PURE__ */ import_react88.default.createElement(DetailsListItem, { label: "Account name" }, transactionSource.account_name), /* @__PURE__ */ import_react88.default.createElement(DetailsListItem, { label: "Date" }, /* @__PURE__ */ import_react88.default.createElement(DateTime, { value: transactionSource.date })), /* @__PURE__ */ import_react88.default.createElement(DetailsListItem, { label: "Amount" }, `$${centsToDollars(transactionSource.amount)}`), /* @__PURE__ */ import_react88.default.createElement(DetailsListItem, { label: "Direction" }, transactionSource.direction), /* @__PURE__ */ import_react88.default.createElement(DetailsListItem, { label: "Counterparty" }, transactionSource.counterparty));
+      return /* @__PURE__ */ import_react89.default.createElement(import_react89.default.Fragment, null, /* @__PURE__ */ import_react89.default.createElement(DetailsListItem, { label: "Account name" }, transactionSource.account_name), /* @__PURE__ */ import_react89.default.createElement(DetailsListItem, { label: "Date" }, /* @__PURE__ */ import_react89.default.createElement(DateTime, { value: transactionSource.date })), /* @__PURE__ */ import_react89.default.createElement(DetailsListItem, { label: "Amount" }, `$${centsToDollars(transactionSource.amount)}`), /* @__PURE__ */ import_react89.default.createElement(DetailsListItem, { label: "Direction" }, transactionSource.direction), /* @__PURE__ */ import_react89.default.createElement(DetailsListItem, { label: "Counterparty" }, transactionSource.counterparty));
     }
     case "Invoice_Ledger_Entry_Source": {
       const invoiceSource = source;
-      return /* @__PURE__ */ import_react88.default.createElement(import_react88.default.Fragment, null, /* @__PURE__ */ import_react88.default.createElement(DetailsListItem, { label: "Invoice number" }, invoiceSource.invoice_number), /* @__PURE__ */ import_react88.default.createElement(DetailsListItem, { label: "Recipient name" }, invoiceSource.recipient_name), /* @__PURE__ */ import_react88.default.createElement(DetailsListItem, { label: "Date" }, /* @__PURE__ */ import_react88.default.createElement(DateTime, { value: invoiceSource.date })), /* @__PURE__ */ import_react88.default.createElement(DetailsListItem, { label: "Amount" }, `$${centsToDollars(invoiceSource.amount)}`));
+      return /* @__PURE__ */ import_react89.default.createElement(import_react89.default.Fragment, null, /* @__PURE__ */ import_react89.default.createElement(DetailsListItem, { label: "Invoice number" }, invoiceSource.invoice_number), /* @__PURE__ */ import_react89.default.createElement(DetailsListItem, { label: "Recipient name" }, invoiceSource.recipient_name), /* @__PURE__ */ import_react89.default.createElement(DetailsListItem, { label: "Date" }, /* @__PURE__ */ import_react89.default.createElement(DateTime, { value: invoiceSource.date })), /* @__PURE__ */ import_react89.default.createElement(DetailsListItem, { label: "Amount" }, `$${centsToDollars(invoiceSource.amount)}`));
     }
     case "Manual_Ledger_Entry_Source": {
       const manualSource = source;
-      return /* @__PURE__ */ import_react88.default.createElement(import_react88.default.Fragment, null, /* @__PURE__ */ import_react88.default.createElement(DetailsListItem, { label: "Memo" }, manualSource.memo), /* @__PURE__ */ import_react88.default.createElement(DetailsListItem, { label: "Created by" }, manualSource.created_by));
+      return /* @__PURE__ */ import_react89.default.createElement(import_react89.default.Fragment, null, /* @__PURE__ */ import_react89.default.createElement(DetailsListItem, { label: "Memo" }, manualSource.memo), /* @__PURE__ */ import_react89.default.createElement(DetailsListItem, { label: "Created by" }, manualSource.created_by));
     }
     case "Invoice_Payment_Ledger_Entry_Source": {
       const invoicePaymentSource = source;
-      return /* @__PURE__ */ import_react88.default.createElement(import_react88.default.Fragment, null, /* @__PURE__ */ import_react88.default.createElement(DetailsListItem, { label: "Invoice number" }, invoicePaymentSource.invoice_number), /* @__PURE__ */ import_react88.default.createElement(DetailsListItem, { label: "Amount" }, `$${centsToDollars(invoicePaymentSource.amount)}`));
+      return /* @__PURE__ */ import_react89.default.createElement(import_react89.default.Fragment, null, /* @__PURE__ */ import_react89.default.createElement(DetailsListItem, { label: "Invoice number" }, invoicePaymentSource.invoice_number), /* @__PURE__ */ import_react89.default.createElement(DetailsListItem, { label: "Amount" }, `$${centsToDollars(invoicePaymentSource.amount)}`));
     }
     case "Refund_Ledger_Entry_Source": {
       const refundSource = source;
-      return /* @__PURE__ */ import_react88.default.createElement(import_react88.default.Fragment, null, /* @__PURE__ */ import_react88.default.createElement(DetailsListItem, { label: "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ import_react88.default.createElement(DetailsListItem, { label: "Recipient name" }, refundSource.recipient_name));
+      return /* @__PURE__ */ import_react89.default.createElement(import_react89.default.Fragment, null, /* @__PURE__ */ import_react89.default.createElement(DetailsListItem, { label: "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ import_react89.default.createElement(DetailsListItem, { label: "Recipient name" }, refundSource.recipient_name));
     }
     case "Opening_Balance_Ledger_Entry_Source": {
       const openingBalanceSource = source;
-      return /* @__PURE__ */ import_react88.default.createElement(import_react88.default.Fragment, null, /* @__PURE__ */ import_react88.default.createElement(DetailsListItem, { label: "Account name" }, openingBalanceSource.account_name));
+      return /* @__PURE__ */ import_react89.default.createElement(import_react89.default.Fragment, null, /* @__PURE__ */ import_react89.default.createElement(DetailsListItem, { label: "Account name" }, openingBalanceSource.account_name));
     }
     case "Payout_Ledger_Entry_Source": {
       const payoutSource = source;
-      return /* @__PURE__ */ import_react88.default.createElement(import_react88.default.Fragment, null, /* @__PURE__ */ import_react88.default.createElement(DetailsListItem, { label: "Amount" }, `$${centsToDollars(payoutSource.paid_out_amount)}`), /* @__PURE__ */ import_react88.default.createElement(DetailsListItem, { label: "Processor" }, payoutSource.processor));
+      return /* @__PURE__ */ import_react89.default.createElement(import_react89.default.Fragment, null, /* @__PURE__ */ import_react89.default.createElement(DetailsListItem, { label: "Amount" }, `$${centsToDollars(payoutSource.paid_out_amount)}`), /* @__PURE__ */ import_react89.default.createElement(DetailsListItem, { label: "Processor" }, payoutSource.processor));
     }
     default:
       return null;
   }
 };
 var LedgerAccountEntryDetails = () => {
-  const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = (0, import_react88.useContext)(LedgerAccountsContext);
-  const { totalDebit, totalCredit } = (0, import_react88.useMemo)(() => {
+  const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = (0, import_react89.useContext)(LedgerAccountsContext);
+  const { totalDebit, totalCredit } = (0, import_react89.useMemo)(() => {
     let totalDebit2 = 0;
     let totalCredit2 = 0;
     entryData?.line_items?.forEach((item) => {
@@ -8750,36 +8764,36 @@ var LedgerAccountEntryDetails = () => {
     });
     return { totalDebit: totalDebit2, totalCredit: totalCredit2 };
   }, [entryData]);
-  return /* @__PURE__ */ import_react88.default.createElement("div", { className: "Layer__ledger-account__entry-details" }, /* @__PURE__ */ import_react88.default.createElement("div", { className: "Layer__ledger-account__entry-details__back-btn" }, /* @__PURE__ */ import_react88.default.createElement(BackButton, { onClick: () => closeSelectedEntry() })), /* @__PURE__ */ import_react88.default.createElement(
+  return /* @__PURE__ */ import_react89.default.createElement("div", { className: "Layer__ledger-account__entry-details" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "Layer__ledger-account__entry-details__back-btn" }, /* @__PURE__ */ import_react89.default.createElement(BackButton, { onClick: () => closeSelectedEntry() })), /* @__PURE__ */ import_react89.default.createElement(
     DetailsList,
     {
       title: "Transaction source",
-      actions: /* @__PURE__ */ import_react88.default.createElement(
+      actions: /* @__PURE__ */ import_react89.default.createElement(
         IconButton,
         {
-          icon: /* @__PURE__ */ import_react88.default.createElement(X_default, null),
+          icon: /* @__PURE__ */ import_react89.default.createElement(X_default, null),
           onClick: () => closeSelectedEntry(),
           className: "Layer__hidden-sm Layer__hidden-xs"
         }
       )
     },
-    /* @__PURE__ */ import_react88.default.createElement(DetailsListItem, { label: "Source", isLoading: isLoadingEntry }, /* @__PURE__ */ import_react88.default.createElement(Badge, null, entryData?.source?.entity_name)),
-    entryData?.source?.display_description && /* @__PURE__ */ import_react88.default.createElement(SourceDetailView, { source: entryData?.source })
-  ), /* @__PURE__ */ import_react88.default.createElement(
+    /* @__PURE__ */ import_react89.default.createElement(DetailsListItem, { label: "Source", isLoading: isLoadingEntry }, /* @__PURE__ */ import_react89.default.createElement(Badge, null, entryData?.source?.entity_name)),
+    entryData?.source?.display_description && /* @__PURE__ */ import_react89.default.createElement(SourceDetailView, { source: entryData?.source })
+  ), /* @__PURE__ */ import_react89.default.createElement(
     DetailsList,
     {
       title: `Journal Entry ${entryData?.id.substring(0, 5)}`,
       className: "Layer__border-top"
     },
-    /* @__PURE__ */ import_react88.default.createElement(DetailsListItem, { label: "Entry type", isLoading: isLoadingEntry }, humanizeEnum(entryData?.entry_type ?? "")),
-    /* @__PURE__ */ import_react88.default.createElement(DetailsListItem, { label: "Date", isLoading: isLoadingEntry }, entryData?.entry_at && /* @__PURE__ */ import_react88.default.createElement(DateTime, { value: entryData?.entry_at })),
-    /* @__PURE__ */ import_react88.default.createElement(DetailsListItem, { label: "Creation date", isLoading: isLoadingEntry }, entryData?.date && /* @__PURE__ */ import_react88.default.createElement(DateTime, { value: entryData?.date })),
-    entryData?.reversal_id && /* @__PURE__ */ import_react88.default.createElement(DetailsListItem, { label: "Reversal", isLoading: isLoadingEntry }, entryData?.reversal_id.substring(0, 5))
-  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ import_react88.default.createElement("div", { className: "Layer__ledger-account__entry-details__line-items" }, /* @__PURE__ */ import_react88.default.createElement(Card, null, /* @__PURE__ */ import_react88.default.createElement("table", { className: "Layer__table Layer__ledger-account__entry-details__table" }, /* @__PURE__ */ import_react88.default.createElement("thead", null, /* @__PURE__ */ import_react88.default.createElement("tr", null, /* @__PURE__ */ import_react88.default.createElement("th", { className: "Layer__table-header" }, "Line items"), /* @__PURE__ */ import_react88.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Debit"), /* @__PURE__ */ import_react88.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Credit"))), /* @__PURE__ */ import_react88.default.createElement("tbody", null, entryData?.line_items?.map((item) => /* @__PURE__ */ import_react88.default.createElement("tr", { key: `ledger-line-item-${item.id}` }, /* @__PURE__ */ import_react88.default.createElement("td", { className: "Layer__table-cell" }, item.account?.name || ""), /* @__PURE__ */ import_react88.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--amount" }, item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ import_react88.default.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))), /* @__PURE__ */ import_react88.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--amount" }, item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ import_react88.default.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0))))), /* @__PURE__ */ import_react88.default.createElement("tr", { className: "Layer__table Layer__ledger-account__entry-details__table__total-row" }, /* @__PURE__ */ import_react88.default.createElement("td", { className: "Layer__table-cell" }, "Total"), /* @__PURE__ */ import_react88.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--amount" }, "$", centsToDollars(totalDebit || 0)), /* @__PURE__ */ import_react88.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--amount" }, "$", centsToDollars(totalCredit || 0))))))) : null);
+    /* @__PURE__ */ import_react89.default.createElement(DetailsListItem, { label: "Entry type", isLoading: isLoadingEntry }, humanizeEnum(entryData?.entry_type ?? "")),
+    /* @__PURE__ */ import_react89.default.createElement(DetailsListItem, { label: "Date", isLoading: isLoadingEntry }, entryData?.entry_at && /* @__PURE__ */ import_react89.default.createElement(DateTime, { value: entryData?.entry_at })),
+    /* @__PURE__ */ import_react89.default.createElement(DetailsListItem, { label: "Creation date", isLoading: isLoadingEntry }, entryData?.date && /* @__PURE__ */ import_react89.default.createElement(DateTime, { value: entryData?.date })),
+    entryData?.reversal_id && /* @__PURE__ */ import_react89.default.createElement(DetailsListItem, { label: "Reversal", isLoading: isLoadingEntry }, entryData?.reversal_id.substring(0, 5))
+  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ import_react89.default.createElement("div", { className: "Layer__ledger-account__entry-details__line-items" }, /* @__PURE__ */ import_react89.default.createElement(Card, null, /* @__PURE__ */ import_react89.default.createElement("table", { className: "Layer__table Layer__ledger-account__entry-details__table" }, /* @__PURE__ */ import_react89.default.createElement("thead", null, /* @__PURE__ */ import_react89.default.createElement("tr", null, /* @__PURE__ */ import_react89.default.createElement("th", { className: "Layer__table-header" }, "Line items"), /* @__PURE__ */ import_react89.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Debit"), /* @__PURE__ */ import_react89.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Credit"))), /* @__PURE__ */ import_react89.default.createElement("tbody", null, entryData?.line_items?.map((item) => /* @__PURE__ */ import_react89.default.createElement("tr", { key: `ledger-line-item-${item.id}` }, /* @__PURE__ */ import_react89.default.createElement("td", { className: "Layer__table-cell" }, item.account?.name || ""), /* @__PURE__ */ import_react89.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--amount" }, item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ import_react89.default.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))), /* @__PURE__ */ import_react89.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--amount" }, item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ import_react89.default.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0))))), /* @__PURE__ */ import_react89.default.createElement("tr", { className: "Layer__table Layer__ledger-account__entry-details__table__total-row" }, /* @__PURE__ */ import_react89.default.createElement("td", { className: "Layer__table-cell" }, "Total"), /* @__PURE__ */ import_react89.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--amount" }, "$", centsToDollars(totalDebit || 0)), /* @__PURE__ */ import_react89.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--amount" }, "$", centsToDollars(totalCredit || 0))))))) : null);
 };
 
 // src/components/LedgerAccount/LedgerAccountRow.tsx
-var import_react89 = __toESM(require("react"));
+var import_react90 = __toESM(require("react"));
 var import_classnames40 = __toESM(require("classnames"));
 var import_date_fns20 = require("date-fns");
 var LedgerAccountRow = ({
@@ -8788,9 +8802,9 @@ var LedgerAccountRow = ({
   initialLoad,
   view
 }) => {
-  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react89.useContext)(LedgerAccountsContext);
-  const [showComponent, setShowComponent] = (0, import_react89.useState)(false);
-  (0, import_react89.useEffect)(() => {
+  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react90.useContext)(LedgerAccountsContext);
+  const [showComponent, setShowComponent] = (0, import_react90.useState)(false);
+  (0, import_react90.useEffect)(() => {
     if (initialLoad) {
       const timeoutId = setTimeout(() => {
         setShowComponent(true);
@@ -8801,7 +8815,7 @@ var LedgerAccountRow = ({
     }
   }, []);
   if (view === "tablet") {
-    return /* @__PURE__ */ import_react89.default.createElement(
+    return /* @__PURE__ */ import_react90.default.createElement(
       "tr",
       {
         className: (0, import_classnames40.default)(
@@ -8820,21 +8834,21 @@ var LedgerAccountRow = ({
           }
         }
       },
-      /* @__PURE__ */ import_react89.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react89.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react89.default.createElement(Text, null, row.date && (0, import_date_fns20.format)((0, import_date_fns20.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react89.default.createElement(
+      /* @__PURE__ */ import_react90.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react90.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react90.default.createElement(Text, null, row.date && (0, import_date_fns20.format)((0, import_date_fns20.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react90.default.createElement(
         Text,
         {
           weight: "normal" /* normal */,
           className: "Layer__ledger_account-table__journal-id"
         },
         row.entry_id.substring(0, 5)
-      )), /* @__PURE__ */ import_react89.default.createElement(Text, null, row.source?.display_description ?? ""))),
-      /* @__PURE__ */ import_react89.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react89.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars(row?.amount || 0)}`)),
-      /* @__PURE__ */ import_react89.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react89.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars(row?.amount || 0)}`)),
-      /* @__PURE__ */ import_react89.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react89.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
+      )), /* @__PURE__ */ import_react90.default.createElement(Text, null, row.source?.display_description ?? ""))),
+      /* @__PURE__ */ import_react90.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react90.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars(row?.amount || 0)}`)),
+      /* @__PURE__ */ import_react90.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react90.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars(row?.amount || 0)}`)),
+      /* @__PURE__ */ import_react90.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react90.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
     );
   }
   if (view === "mobile") {
-    return /* @__PURE__ */ import_react89.default.createElement(
+    return /* @__PURE__ */ import_react90.default.createElement(
       "tr",
       {
         className: (0, import_classnames40.default)(
@@ -8853,17 +8867,17 @@ var LedgerAccountRow = ({
           }
         }
       },
-      /* @__PURE__ */ import_react89.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react89.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react89.default.createElement(Text, null, row.date && (0, import_date_fns20.format)((0, import_date_fns20.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react89.default.createElement(
+      /* @__PURE__ */ import_react90.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react90.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react90.default.createElement(Text, null, row.date && (0, import_date_fns20.format)((0, import_date_fns20.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react90.default.createElement(
         Text,
         {
           weight: "normal" /* normal */,
           className: "Layer__ledger_account-table__journal-id"
         },
         row.entry_id.substring(0, 5)
-      )), /* @__PURE__ */ import_react89.default.createElement(Text, null, row.source?.display_description ?? ""), /* @__PURE__ */ import_react89.default.createElement("div", { className: "Layer__ledger_account-table__balances-mobile" }, /* @__PURE__ */ import_react89.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react89.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Debit"), /* @__PURE__ */ import_react89.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, " ", row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars(row?.amount || 0)}`)), /* @__PURE__ */ import_react89.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react89.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Credit"), /* @__PURE__ */ import_react89.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars(row?.amount || 0)}`)), /* @__PURE__ */ import_react89.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react89.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Running balance"), /* @__PURE__ */ import_react89.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, `$${centsToDollars(row.running_balance)}`)))))
+      )), /* @__PURE__ */ import_react90.default.createElement(Text, null, row.source?.display_description ?? ""), /* @__PURE__ */ import_react90.default.createElement("div", { className: "Layer__ledger_account-table__balances-mobile" }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react90.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Debit"), /* @__PURE__ */ import_react90.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, " ", row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars(row?.amount || 0)}`)), /* @__PURE__ */ import_react90.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react90.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Credit"), /* @__PURE__ */ import_react90.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars(row?.amount || 0)}`)), /* @__PURE__ */ import_react90.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react90.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Running balance"), /* @__PURE__ */ import_react90.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, `$${centsToDollars(row.running_balance)}`)))))
     );
   }
-  return /* @__PURE__ */ import_react89.default.createElement(
+  return /* @__PURE__ */ import_react90.default.createElement(
     "tr",
     {
       className: (0, import_classnames40.default)(
@@ -8882,12 +8896,12 @@ var LedgerAccountRow = ({
         }
       }
     },
-    /* @__PURE__ */ import_react89.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react89.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns20.format)((0, import_date_fns20.parseISO)(row.date), DATE_FORMAT))),
-    /* @__PURE__ */ import_react89.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react89.default.createElement("span", { className: "Layer__table-cell-content" }, row.entry_id.substring(0, 5))),
-    /* @__PURE__ */ import_react89.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react89.default.createElement("span", { className: "Layer__table-cell-content" }, row.source?.display_description ?? "")),
-    /* @__PURE__ */ import_react89.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react89.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars(row?.amount || 0)}`)),
-    /* @__PURE__ */ import_react89.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react89.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars(row?.amount || 0)}`)),
-    /* @__PURE__ */ import_react89.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react89.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
+    /* @__PURE__ */ import_react90.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react90.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns20.format)((0, import_date_fns20.parseISO)(row.date), DATE_FORMAT))),
+    /* @__PURE__ */ import_react90.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react90.default.createElement("span", { className: "Layer__table-cell-content" }, row.entry_id.substring(0, 5))),
+    /* @__PURE__ */ import_react90.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react90.default.createElement("span", { className: "Layer__table-cell-content" }, row.source?.display_description ?? "")),
+    /* @__PURE__ */ import_react90.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react90.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars(row?.amount || 0)}`)),
+    /* @__PURE__ */ import_react90.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react90.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars(row?.amount || 0)}`)),
+    /* @__PURE__ */ import_react90.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react90.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
   );
 };
 
@@ -8898,9 +8912,9 @@ var LedgerAccount = ({
   pageSize = 15,
   view
 }) => {
-  const [currentPage, setCurrentPage] = (0, import_react90.useState)(1);
-  const [initialLoad, setInitialLoad] = (0, import_react90.useState)(true);
-  const { data: accountData } = (0, import_react90.useContext)(ChartOfAccountsContext);
+  const [currentPage, setCurrentPage] = (0, import_react91.useState)(1);
+  const [initialLoad, setInitialLoad] = (0, import_react91.useState)(true);
+  const { data: accountData } = (0, import_react91.useContext)(ChartOfAccountsContext);
   const {
     data: rawData,
     error,
@@ -8911,8 +8925,8 @@ var LedgerAccount = ({
     selectedEntryId,
     closeSelectedEntry,
     refetch
-  } = (0, import_react90.useContext)(LedgerAccountsContext);
-  (0, import_react90.useEffect)(() => {
+  } = (0, import_react91.useContext)(LedgerAccountsContext);
+  (0, import_react91.useEffect)(() => {
     if (!isLoading) {
       const timeoutLoad = setTimeout(() => {
         setInitialLoad(false);
@@ -8924,12 +8938,12 @@ var LedgerAccount = ({
     "Layer__ledger-account__index",
     accountId && "open"
   );
-  const entry = (0, import_react90.useMemo)(() => {
+  const entry = (0, import_react91.useMemo)(() => {
     return flattenAccounts(accountData?.accounts || []).find(
       (x) => x.id === accountId
     );
   }, [accountId]);
-  const data = (0, import_react90.useMemo)(() => {
+  const data = (0, import_react91.useMemo)(() => {
     const firstPageIndex = (currentPage - 1) * pageSize;
     const lastPageIndex = firstPageIndex + pageSize;
     return rawData?.sort((a, b) => Date.parse(b.date) - Date.parse(a.date))?.slice(firstPageIndex, lastPageIndex);
@@ -8938,36 +8952,36 @@ var LedgerAccount = ({
     setAccountId(void 0);
     closeSelectedEntry();
   };
-  return /* @__PURE__ */ import_react90.default.createElement(
+  return /* @__PURE__ */ import_react91.default.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ import_react90.default.createElement(LedgerAccountEntryDetails, null),
+      sidebar: /* @__PURE__ */ import_react91.default.createElement(LedgerAccountEntryDetails, null),
       sidebarIsOpen: Boolean(selectedEntryId),
       parentRef: containerRef,
       className: "Layer__ledger-account__panel"
     },
-    /* @__PURE__ */ import_react90.default.createElement("div", { className: baseClassName }, /* @__PURE__ */ import_react90.default.createElement("div", { className: "Layer__ledger-account__header" }, /* @__PURE__ */ import_react90.default.createElement(BackButton, { onClick: close }), /* @__PURE__ */ import_react90.default.createElement("div", { className: "Layer__ledger-account__title-container" }, /* @__PURE__ */ import_react90.default.createElement(
+    /* @__PURE__ */ import_react91.default.createElement("div", { className: baseClassName }, /* @__PURE__ */ import_react91.default.createElement("div", { className: "Layer__ledger-account__header" }, /* @__PURE__ */ import_react91.default.createElement(BackButton, { onClick: close }), /* @__PURE__ */ import_react91.default.createElement("div", { className: "Layer__ledger-account__title-container" }, /* @__PURE__ */ import_react91.default.createElement(
       Text,
       {
         weight: "bold" /* bold */,
         className: "Layer__ledger-account__title"
       },
       entry?.name ?? ""
-    ), /* @__PURE__ */ import_react90.default.createElement(
+    ), /* @__PURE__ */ import_react91.default.createElement(
       Button,
       {
         variant: "secondary" /* secondary */,
-        rightIcon: /* @__PURE__ */ import_react90.default.createElement(DownloadCloud_default, { size: 12 })
+        rightIcon: /* @__PURE__ */ import_react91.default.createElement(DownloadCloud_default, { size: 12 })
       },
       "Download"
-    )), /* @__PURE__ */ import_react90.default.createElement("div", { className: "Layer__ledger-account__balance-container" }, /* @__PURE__ */ import_react90.default.createElement(
+    )), /* @__PURE__ */ import_react91.default.createElement("div", { className: "Layer__ledger-account__balance-container" }, /* @__PURE__ */ import_react91.default.createElement(
       Text,
       {
         weight: "bold" /* bold */,
         className: "Layer__ledger-account__balance-label"
       },
       "Current balance"
-    ), /* @__PURE__ */ import_react90.default.createElement(
+    ), /* @__PURE__ */ import_react91.default.createElement(
       Text,
       {
         weight: "bold" /* bold */,
@@ -8975,7 +8989,7 @@ var LedgerAccount = ({
       },
       "$",
       centsToDollars(entry?.balance || 0)
-    ))), /* @__PURE__ */ import_react90.default.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__ledger-account-table" }, /* @__PURE__ */ import_react90.default.createElement("thead", null, /* @__PURE__ */ import_react90.default.createElement("tr", null, view !== "desktop" && /* @__PURE__ */ import_react90.default.createElement("th", null), view === "desktop" && /* @__PURE__ */ import_react90.default.createElement(import_react90.default.Fragment, null, /* @__PURE__ */ import_react90.default.createElement("th", { className: "Layer__table-header" }, "Date"), /* @__PURE__ */ import_react90.default.createElement("th", { className: "Layer__table-header" }, "Journal id #"), /* @__PURE__ */ import_react90.default.createElement("th", { className: "Layer__table-header" }, "Source")), view !== "mobile" && /* @__PURE__ */ import_react90.default.createElement(import_react90.default.Fragment, null, /* @__PURE__ */ import_react90.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Debit"), /* @__PURE__ */ import_react90.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Credit"), /* @__PURE__ */ import_react90.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Running balance")))), /* @__PURE__ */ import_react90.default.createElement("tbody", null, data?.map((x, index) => /* @__PURE__ */ import_react90.default.createElement(
+    ))), /* @__PURE__ */ import_react91.default.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__ledger-account-table" }, /* @__PURE__ */ import_react91.default.createElement("thead", null, /* @__PURE__ */ import_react91.default.createElement("tr", null, view !== "desktop" && /* @__PURE__ */ import_react91.default.createElement("th", null), view === "desktop" && /* @__PURE__ */ import_react91.default.createElement(import_react91.default.Fragment, null, /* @__PURE__ */ import_react91.default.createElement("th", { className: "Layer__table-header" }, "Date"), /* @__PURE__ */ import_react91.default.createElement("th", { className: "Layer__table-header" }, "Journal id #"), /* @__PURE__ */ import_react91.default.createElement("th", { className: "Layer__table-header" }, "Source")), view !== "mobile" && /* @__PURE__ */ import_react91.default.createElement(import_react91.default.Fragment, null, /* @__PURE__ */ import_react91.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Debit"), /* @__PURE__ */ import_react91.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Credit"), /* @__PURE__ */ import_react91.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Running balance")))), /* @__PURE__ */ import_react91.default.createElement("tbody", null, data?.map((x, index) => /* @__PURE__ */ import_react91.default.createElement(
       LedgerAccountRow,
       {
         key: x.id,
@@ -8984,7 +8998,7 @@ var LedgerAccount = ({
         initialLoad,
         view
       }
-    )))), data && /* @__PURE__ */ import_react90.default.createElement("div", { className: "Layer__ledger-account__pagination" }, /* @__PURE__ */ import_react90.default.createElement(
+    )))), data && /* @__PURE__ */ import_react91.default.createElement("div", { className: "Layer__ledger-account__pagination" }, /* @__PURE__ */ import_react91.default.createElement(
       Pagination,
       {
         currentPage,
@@ -8992,7 +9006,7 @@ var LedgerAccount = ({
         pageSize,
         onPageChange: (page) => setCurrentPage(page)
       }
-    )), error ? /* @__PURE__ */ import_react90.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react90.default.createElement(
+    )), error ? /* @__PURE__ */ import_react91.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react91.default.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -9001,7 +9015,7 @@ var LedgerAccount = ({
         onRefresh: () => refetch(),
         isLoading: isValidating || isLoading
       }
-    )) : null, (!data || isLoading) && !error ? /* @__PURE__ */ import_react90.default.createElement("div", { className: `Layer__ledger-account__loader-container` }, /* @__PURE__ */ import_react90.default.createElement(Loader2, null)) : null, !isLoading && !error && data?.length === 0 ? /* @__PURE__ */ import_react90.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react90.default.createElement(
+    )) : null, (!data || isLoading) && !error ? /* @__PURE__ */ import_react91.default.createElement("div", { className: `Layer__ledger-account__loader-container` }, /* @__PURE__ */ import_react91.default.createElement(Loader2, null)) : null, !isLoading && !error && data?.length === 0 ? /* @__PURE__ */ import_react91.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react91.default.createElement(
       DataState,
       {
         status: "info" /* info */,
@@ -9019,15 +9033,15 @@ var ChartOfAccounts = (props) => {
     withDates: props.withDateControl
   });
   const ledgerAccountsContextData = useLedgerAccounts();
-  return /* @__PURE__ */ import_react91.default.createElement(ChartOfAccountsContext.Provider, { value: chartOfAccountsContextData }, /* @__PURE__ */ import_react91.default.createElement(LedgerAccountsContext.Provider, { value: ledgerAccountsContextData }, /* @__PURE__ */ import_react91.default.createElement(ChartOfAccountsContent, { ...props })));
+  return /* @__PURE__ */ import_react92.default.createElement(ChartOfAccountsContext.Provider, { value: chartOfAccountsContextData }, /* @__PURE__ */ import_react92.default.createElement(LedgerAccountsContext.Provider, { value: ledgerAccountsContextData }, /* @__PURE__ */ import_react92.default.createElement(ChartOfAccountsContent, { ...props })));
 };
 var ChartOfAccountsContent = ({
   asWidget,
   withDateControl,
   withExpandAllButton
 }) => {
-  const { accountId } = (0, import_react91.useContext)(LedgerAccountsContext);
-  const [view, setView] = (0, import_react91.useState)("desktop");
+  const { accountId } = (0, import_react92.useContext)(LedgerAccountsContext);
+  const [view, setView] = (0, import_react92.useState)("desktop");
   const containerRef = useElementSize((_a, _b, { width }) => {
     if (width) {
       if (width >= BREAKPOINTS.TABLET && view !== "desktop") {
@@ -9039,7 +9053,7 @@ var ChartOfAccountsContent = ({
       }
     }
   });
-  return /* @__PURE__ */ import_react91.default.createElement(Container, { name: "chart-of-accounts", ref: containerRef, asWidget }, accountId ? /* @__PURE__ */ import_react91.default.createElement(LedgerAccount, { view, containerRef }) : /* @__PURE__ */ import_react91.default.createElement(
+  return /* @__PURE__ */ import_react92.default.createElement(Container, { name: "chart-of-accounts", ref: containerRef, asWidget }, accountId ? /* @__PURE__ */ import_react92.default.createElement(LedgerAccount, { view, containerRef }) : /* @__PURE__ */ import_react92.default.createElement(
     ChartOfAccountsTable,
     {
       asWidget,
@@ -9052,9 +9066,9 @@ var ChartOfAccountsContent = ({
 };
 
 // src/providers/LayerProvider/LayerProvider.tsx
-var import_react92 = __toESM(require("react"));
+var import_react93 = __toESM(require("react"));
 var import_date_fns21 = require("date-fns");
-var import_swr7 = __toESM(require("swr"));
+var import_swr8 = __toESM(require("swr"));
 var reducer = (state, action) => {
   switch (action.type) {
     case "LayerContext.setAuth" /* setAuth */:
@@ -9095,7 +9109,7 @@ var LayerProvider = ({
   };
   const colors = buildColorsPalette(theme);
   const { url, scope, apiUrl } = LayerEnvironment[environment];
-  const [state, dispatch] = (0, import_react92.useReducer)(reducer, {
+  const [state, dispatch] = (0, import_react93.useReducer)(reducer, {
     auth: {
       access_token: "",
       token_type: "",
@@ -9109,7 +9123,7 @@ var LayerProvider = ({
     colors,
     onboardingStep: void 0
   });
-  const { data: auth } = appId !== void 0 && appSecret !== void 0 ? (0, import_swr7.default)(
+  const { data: auth } = appId !== void 0 && appSecret !== void 0 ? (0, import_swr8.default)(
     businessAccessToken === void 0 && appId !== void 0 && appSecret !== void 0 && (0, import_date_fns21.isBefore)(state.auth.expires_at, /* @__PURE__ */ new Date()) && "authenticate",
     Layer.authenticate({
       appId,
@@ -9119,7 +9133,7 @@ var LayerProvider = ({
     }),
     defaultSWRConfig
   ) : { data: void 0 };
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (businessAccessToken) {
       dispatch({
         type: "LayerContext.setAuth" /* setAuth */,
@@ -9144,7 +9158,7 @@ var LayerProvider = ({
       });
     }
   }, [businessAccessToken, auth?.access_token]);
-  (0, import_swr7.default)(
+  (0, import_swr8.default)(
     businessId && auth?.access_token && `categories-${businessId}`,
     Layer.getCategories(apiUrl, auth?.access_token, { params: { businessId } }),
     {
@@ -9197,7 +9211,7 @@ var LayerProvider = ({
     type: "LayerContext.setOnboardingStep" /* setOnboardingStep */,
     payload: { onboardingStep: value }
   });
-  return /* @__PURE__ */ import_react92.default.createElement(import_swr7.SWRConfig, { value: defaultSWRConfig }, /* @__PURE__ */ import_react92.default.createElement(
+  return /* @__PURE__ */ import_react93.default.createElement(import_swr8.SWRConfig, { value: defaultSWRConfig }, /* @__PURE__ */ import_react93.default.createElement(
     LayerContext.Provider,
     {
       value: {
@@ -9215,11 +9229,11 @@ var LayerProvider = ({
 };
 
 // src/components/Journal/Journal.tsx
-var import_react101 = __toESM(require("react"));
+var import_react102 = __toESM(require("react"));
 
 // src/contexts/JournalContext/JournalContext.tsx
-var import_react93 = require("react");
-var JournalContext = (0, import_react93.createContext)({
+var import_react94 = require("react");
+var JournalContext = (0, import_react94.createContext)({
   data: void 0,
   isLoading: false,
   error: void 0,
@@ -9252,16 +9266,16 @@ var JournalContext = (0, import_react93.createContext)({
 });
 
 // src/hooks/useJournal/useJournal.tsx
-var import_react94 = require("react");
-var import_swr8 = __toESM(require("swr"));
+var import_react95 = require("react");
+var import_swr9 = __toESM(require("swr"));
 var useJournal = () => {
   const { auth, businessId, apiUrl } = useLayerContext();
-  const [selectedEntryId, setSelectedEntryId] = (0, import_react94.useState)();
-  const [form, setForm] = (0, import_react94.useState)();
-  const [addingEntry, setAddingEntry] = (0, import_react94.useState)(false);
-  const [sendingForm, setSendingForm] = (0, import_react94.useState)(false);
-  const [apiError, setApiError] = (0, import_react94.useState)(void 0);
-  const { data, isLoading, isValidating, error, mutate } = (0, import_swr8.default)(
+  const [selectedEntryId, setSelectedEntryId] = (0, import_react95.useState)();
+  const [form, setForm] = (0, import_react95.useState)();
+  const [addingEntry, setAddingEntry] = (0, import_react95.useState)(false);
+  const [sendingForm, setSendingForm] = (0, import_react95.useState)(false);
+  const [apiError, setApiError] = (0, import_react95.useState)(void 0);
+  const { data, isLoading, isValidating, error, mutate } = (0, import_swr9.default)(
     businessId && auth?.access_token && `journal-lines-${businessId}`,
     Layer.getJournal(apiUrl, auth?.access_token, {
       params: { businessId }
@@ -9513,10 +9527,10 @@ var useJournal = () => {
 var flattenEntries = (entries) => entries.flatMap((a) => [a, flattenEntries(a.line_items || [])]).flat().filter((id) => id);
 
 // src/components/JournalTable/JournalTable.tsx
-var import_react100 = __toESM(require("react"));
+var import_react101 = __toESM(require("react"));
 
 // src/components/JournalRow/JournalRow.tsx
-var import_react95 = __toESM(require("react"));
+var import_react96 = __toESM(require("react"));
 var import_classnames42 = __toESM(require("classnames"));
 var import_date_fns22 = require("date-fns");
 var INDENTATION2 = 24;
@@ -9542,8 +9556,8 @@ var JournalRow = ({
   cumulativeIndex = 0,
   selectedEntries = false
 }) => {
-  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react95.useContext)(JournalContext);
-  const [isOpen, setIsOpen] = (0, import_react95.useState)(index === 0 ? true : defaultOpen);
+  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react96.useContext)(JournalContext);
+  const [isOpen, setIsOpen] = (0, import_react96.useState)(index === 0 ? true : defaultOpen);
   const style = expanded ? {
     ...EXPANDED_STYLE2,
     transitionDelay: `${15 * index}ms`
@@ -9551,7 +9565,7 @@ var JournalRow = ({
     ...COLLAPSED_STYLE2,
     transitionDelay: `${lineItemsLength - 15 * index}ms`
   };
-  const [showComponent, setShowComponent] = (0, import_react95.useState)(false);
+  const [showComponent, setShowComponent] = (0, import_react96.useState)(false);
   const baseClass = (0, import_classnames42.default)(
     "Layer__journal-table-row",
     row.id === selectedEntryId && "Layer__table-row--active",
@@ -9569,7 +9583,7 @@ var JournalRow = ({
     "Layer__journal-line__table-row",
     !expanded && "Layer__table-row--hidden"
   );
-  (0, import_react95.useEffect)(() => {
+  (0, import_react96.useEffect)(() => {
     if (initialLoad) {
       const timeoutId = setTimeout(() => {
         setShowComponent(true);
@@ -9580,7 +9594,7 @@ var JournalRow = ({
     }
   }, []);
   if ("line_items" in row) {
-    return /* @__PURE__ */ import_react95.default.createElement(import_react95.default.Fragment, null, /* @__PURE__ */ import_react95.default.createElement(
+    return /* @__PURE__ */ import_react96.default.createElement(import_react96.default.Fragment, null, /* @__PURE__ */ import_react96.default.createElement(
       "tr",
       {
         className: baseClass,
@@ -9594,7 +9608,7 @@ var JournalRow = ({
           }
         }
       },
-      /* @__PURE__ */ import_react95.default.createElement("td", { className: "Layer__table-cell Layer__journal__arrow" }, /* @__PURE__ */ import_react95.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react95.default.createElement(
+      /* @__PURE__ */ import_react96.default.createElement("td", { className: "Layer__table-cell Layer__journal__arrow" }, /* @__PURE__ */ import_react96.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react96.default.createElement(
         "span",
         {
           className: "Layer__table-cell-content-indentation",
@@ -9607,32 +9621,32 @@ var JournalRow = ({
             setIsOpen(!isOpen);
           }
         },
-        row.line_items && row.line_items.length > 0 && /* @__PURE__ */ import_react95.default.createElement(
+        row.line_items && row.line_items.length > 0 && /* @__PURE__ */ import_react96.default.createElement(
           ChevronDownFill_default,
           {
             size: 16,
             className: "Layer__table__expand-icon",
             style: {
-              transform: isOpen ? "rotate(0deg)" : "rotate(180deg)"
+              transform: isOpen ? "rotate(0deg)" : "rotate(-90deg)"
             }
           }
         )
       ))),
-      /* @__PURE__ */ import_react95.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react95.default.createElement("span", { className: "Layer__table-cell-content" }, row.id.substring(0, 5))),
-      /* @__PURE__ */ import_react95.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react95.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns22.format)((0, import_date_fns22.parseISO)(row.date), DATE_FORMAT))),
-      /* @__PURE__ */ import_react95.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react95.default.createElement("span", { className: "Layer__table-cell-content" }, humanizeEnum(row.entry_type))),
-      /* @__PURE__ */ import_react95.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react95.default.createElement("span", { className: "Layer__table-cell-content" }, `(${row.line_items.length})`)),
-      /* @__PURE__ */ import_react95.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react95.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, "$", centsToDollars(
+      /* @__PURE__ */ import_react96.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react96.default.createElement("span", { className: "Layer__table-cell-content" }, row.id.substring(0, 5))),
+      /* @__PURE__ */ import_react96.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react96.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns22.format)((0, import_date_fns22.parseISO)(row.date), DATE_FORMAT))),
+      /* @__PURE__ */ import_react96.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react96.default.createElement("span", { className: "Layer__table-cell-content" }, humanizeEnum(row.entry_type))),
+      /* @__PURE__ */ import_react96.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react96.default.createElement("span", { className: "Layer__table-cell-content" }, `(${row.line_items.length})`)),
+      /* @__PURE__ */ import_react96.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react96.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, "$", centsToDollars(
         Math.abs(
           row.line_items.filter((item) => item.direction === "DEBIT").map((item) => item.amount).reduce((a, b) => a + b, 0)
         )
       ))),
-      /* @__PURE__ */ import_react95.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react95.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, "$", centsToDollars(
+      /* @__PURE__ */ import_react96.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react96.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, "$", centsToDollars(
         Math.abs(
           row.line_items.filter((item) => item.direction === "CREDIT").map((item) => item.amount).reduce((a, b) => a + b, 0)
         )
       )))
-    ), (row.line_items || []).map((lineItem, idx) => /* @__PURE__ */ import_react95.default.createElement(
+    ), (row.line_items || []).map((lineItem, idx) => /* @__PURE__ */ import_react96.default.createElement(
       JournalRow,
       {
         key: lineItem.id,
@@ -9647,18 +9661,18 @@ var JournalRow = ({
       }
     )));
   }
-  return /* @__PURE__ */ import_react95.default.createElement(
+  return /* @__PURE__ */ import_react96.default.createElement(
     "tr",
     {
       className: journalEntryLineClass,
       style: { transitionDelay: `${15 * index}ms` }
     },
-    /* @__PURE__ */ import_react95.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react95.default.createElement("span", { className: "Layer__table-cell-content", style })),
-    /* @__PURE__ */ import_react95.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react95.default.createElement("span", { className: "Layer__table-cell-content", style }, /* @__PURE__ */ import_react95.default.createElement("span", { className: "Layer__table-cell-hidden" }, row.id.substring(0, 5)))),
-    /* @__PURE__ */ import_react95.default.createElement("td", { className: "Layer__table-cell" }),
-    /* @__PURE__ */ import_react95.default.createElement("td", { className: "Layer__table-cell" }),
-    /* @__PURE__ */ import_react95.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react95.default.createElement("span", { className: "Layer__table-cell-content", style }, row.account.name)),
-    /* @__PURE__ */ import_react95.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, row.direction === "DEBIT" && /* @__PURE__ */ import_react95.default.createElement(
+    /* @__PURE__ */ import_react96.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react96.default.createElement("span", { className: "Layer__table-cell-content", style })),
+    /* @__PURE__ */ import_react96.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react96.default.createElement("span", { className: "Layer__table-cell-content", style }, /* @__PURE__ */ import_react96.default.createElement("span", { className: "Layer__table-cell-hidden" }, row.id.substring(0, 5)))),
+    /* @__PURE__ */ import_react96.default.createElement("td", { className: "Layer__table-cell" }),
+    /* @__PURE__ */ import_react96.default.createElement("td", { className: "Layer__table-cell" }),
+    /* @__PURE__ */ import_react96.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react96.default.createElement("span", { className: "Layer__table-cell-content", style }, row.account.name)),
+    /* @__PURE__ */ import_react96.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, row.direction === "DEBIT" && /* @__PURE__ */ import_react96.default.createElement(
       "span",
       {
         className: "Layer__table-cell-content Layer__table-cell--amount",
@@ -9667,7 +9681,7 @@ var JournalRow = ({
       "$",
       centsToDollars(Math.abs(row.amount))
     )),
-    /* @__PURE__ */ import_react95.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, row.direction === "CREDIT" && /* @__PURE__ */ import_react95.default.createElement(
+    /* @__PURE__ */ import_react96.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, row.direction === "CREDIT" && /* @__PURE__ */ import_react96.default.createElement(
       "span",
       {
         className: "Layer__table-cell-content Layer__table-cell--amount",
@@ -9680,10 +9694,10 @@ var JournalRow = ({
 };
 
 // src/components/JournalSidebar/JournalSidebar.tsx
-var import_react99 = __toESM(require("react"));
+var import_react100 = __toESM(require("react"));
 
 // src/components/JournalEntryDetails/JournalEntryDetails.tsx
-var import_react96 = __toESM(require("react"));
+var import_react97 = __toESM(require("react"));
 var JournalEntryDetails = () => {
   const {
     data,
@@ -9691,29 +9705,29 @@ var JournalEntryDetails = () => {
     errorEntry,
     closeSelectedEntry,
     selectedEntryId
-  } = (0, import_react96.useContext)(JournalContext);
-  const entry = (0, import_react96.useMemo)(() => {
+  } = (0, import_react97.useContext)(JournalContext);
+  const entry = (0, import_react97.useMemo)(() => {
     if (selectedEntryId && data) {
       return flattenEntries(data || []).find((x) => x.id === selectedEntryId);
     }
     return;
   }, [data, selectedEntryId]);
-  return /* @__PURE__ */ import_react96.default.createElement("div", { className: "Layer__journal__entry-details" }, /* @__PURE__ */ import_react96.default.createElement(
+  return /* @__PURE__ */ import_react97.default.createElement("div", { className: "Layer__journal__entry-details" }, /* @__PURE__ */ import_react97.default.createElement(
     DetailsList,
     {
       className: "Layer__journal__entry-details__title",
       title: `Journal Entry #${entry?.id.substring(0, 5)}`,
-      actions: /* @__PURE__ */ import_react96.default.createElement("div", { className: "Layer__journal__entry-details__back-btn" }, /* @__PURE__ */ import_react96.default.createElement(CloseButton, { onClick: () => closeSelectedEntry() }))
+      actions: /* @__PURE__ */ import_react97.default.createElement("div", { className: "Layer__journal__entry-details__back-btn" }, /* @__PURE__ */ import_react97.default.createElement(CloseButton, { onClick: () => closeSelectedEntry() }))
     },
-    /* @__PURE__ */ import_react96.default.createElement(DetailsListItem, { label: "Entry type", isLoading: isLoadingEntry }, humanizeEnum(entry?.entry_type ?? "")),
-    /* @__PURE__ */ import_react96.default.createElement(DetailsListItem, { label: "Date", isLoading: isLoadingEntry }, entry?.entry_at && /* @__PURE__ */ import_react96.default.createElement(DateTime, { value: entry?.entry_at })),
-    /* @__PURE__ */ import_react96.default.createElement(DetailsListItem, { label: "Creation date", isLoading: isLoadingEntry }, entry?.date && /* @__PURE__ */ import_react96.default.createElement(DateTime, { value: entry?.date })),
-    entry?.reversal_id && /* @__PURE__ */ import_react96.default.createElement(DetailsListItem, { label: "Reversal", isLoading: isLoadingEntry }, "Journal Entry #", entry?.reversal_id)
-  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ import_react96.default.createElement("div", { className: "Layer__ledger-account__entry-details__line-items" }, /* @__PURE__ */ import_react96.default.createElement(Card, null, /* @__PURE__ */ import_react96.default.createElement("table", { className: "Layer__table Layer__ledger-account__entry-details__table" }, /* @__PURE__ */ import_react96.default.createElement("thead", null, /* @__PURE__ */ import_react96.default.createElement("tr", null, /* @__PURE__ */ import_react96.default.createElement("th", { className: "Layer__table-header" }, "Line items"), /* @__PURE__ */ import_react96.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Debit"), /* @__PURE__ */ import_react96.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Credit"))), /* @__PURE__ */ import_react96.default.createElement("tbody", null, entry?.line_items?.map((item) => /* @__PURE__ */ import_react96.default.createElement("tr", { key: `ledger-line-item-${item.id}` }, /* @__PURE__ */ import_react96.default.createElement("td", { className: "Layer__table-cell" }, item.account?.name || ""), /* @__PURE__ */ import_react96.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--amount" }, item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ import_react96.default.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))), /* @__PURE__ */ import_react96.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--amount" }, item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ import_react96.default.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0))))), /* @__PURE__ */ import_react96.default.createElement("tr", { className: "Layer__table Layer__ledger-account__entry-details__table__total-row" }, /* @__PURE__ */ import_react96.default.createElement("td", { className: "Layer__table-cell" }, "Total"), /* @__PURE__ */ import_react96.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--amount" }, "$", centsToDollars(
+    /* @__PURE__ */ import_react97.default.createElement(DetailsListItem, { label: "Entry type", isLoading: isLoadingEntry }, humanizeEnum(entry?.entry_type ?? "")),
+    /* @__PURE__ */ import_react97.default.createElement(DetailsListItem, { label: "Date", isLoading: isLoadingEntry }, entry?.entry_at && /* @__PURE__ */ import_react97.default.createElement(DateTime, { value: entry?.entry_at })),
+    /* @__PURE__ */ import_react97.default.createElement(DetailsListItem, { label: "Creation date", isLoading: isLoadingEntry }, entry?.date && /* @__PURE__ */ import_react97.default.createElement(DateTime, { value: entry?.date })),
+    entry?.reversal_id && /* @__PURE__ */ import_react97.default.createElement(DetailsListItem, { label: "Reversal", isLoading: isLoadingEntry }, "Journal Entry #", entry?.reversal_id)
+  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ import_react97.default.createElement("div", { className: "Layer__ledger-account__entry-details__line-items" }, /* @__PURE__ */ import_react97.default.createElement(Card, null, /* @__PURE__ */ import_react97.default.createElement("table", { className: "Layer__table Layer__ledger-account__entry-details__table" }, /* @__PURE__ */ import_react97.default.createElement("thead", null, /* @__PURE__ */ import_react97.default.createElement("tr", null, /* @__PURE__ */ import_react97.default.createElement("th", { className: "Layer__table-header" }, "Line items"), /* @__PURE__ */ import_react97.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Debit"), /* @__PURE__ */ import_react97.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Credit"))), /* @__PURE__ */ import_react97.default.createElement("tbody", null, entry?.line_items?.map((item) => /* @__PURE__ */ import_react97.default.createElement("tr", { key: `ledger-line-item-${item.id}` }, /* @__PURE__ */ import_react97.default.createElement("td", { className: "Layer__table-cell" }, item.account?.name || ""), /* @__PURE__ */ import_react97.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--amount" }, item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ import_react97.default.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))), /* @__PURE__ */ import_react97.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--amount" }, item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ import_react97.default.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0))))), /* @__PURE__ */ import_react97.default.createElement("tr", { className: "Layer__table Layer__ledger-account__entry-details__table__total-row" }, /* @__PURE__ */ import_react97.default.createElement("td", { className: "Layer__table-cell" }, "Total"), /* @__PURE__ */ import_react97.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--amount" }, "$", centsToDollars(
     Math.abs(
       entry?.line_items.filter((item) => item.direction === "DEBIT").map((item) => item.amount).reduce((a, b) => a + b, 0)
     ) || 0
-  )), /* @__PURE__ */ import_react96.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--amount" }, "$", centsToDollars(
+  )), /* @__PURE__ */ import_react97.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--amount" }, "$", centsToDollars(
     Math.abs(
       entry?.line_items.filter((item) => item.direction === "CREDIT").map((item) => item.amount).reduce((a, b) => a + b, 0)
     ) || 0
@@ -9721,10 +9735,10 @@ var JournalEntryDetails = () => {
 };
 
 // src/components/JournalForm/JournalForm.tsx
-var import_react98 = __toESM(require("react"));
+var import_react99 = __toESM(require("react"));
 
 // src/components/JournalForm/JournalFormEntryLines.tsx
-var import_react97 = __toESM(require("react"));
+var import_react98 = __toESM(require("react"));
 var JournalFormEntryLines = ({
   entrylineItems,
   addEntryLine,
@@ -9733,17 +9747,17 @@ var JournalFormEntryLines = ({
   sendingForm,
   config
 }) => {
-  const { data: accountsData } = (0, import_react97.useContext)(ChartOfAccountsContext);
-  const { form } = (0, import_react97.useContext)(JournalContext);
+  const { data: accountsData } = (0, import_react98.useContext)(ChartOfAccountsContext);
+  const { form } = (0, import_react98.useContext)(JournalContext);
   const parentOptions = useParentOptions(accountsData);
-  return /* @__PURE__ */ import_react97.default.createElement(import_react97.default.Fragment, null, Object.keys(Direction).map((direction, idx) => {
-    return /* @__PURE__ */ import_react97.default.createElement(
+  return /* @__PURE__ */ import_react98.default.createElement(import_react98.default.Fragment, null, Object.keys(Direction).map((direction, idx) => {
+    return /* @__PURE__ */ import_react98.default.createElement(
       "div",
       {
         key: "Layer__journal__form__input-group-" + idx,
         className: "Layer__journal__form__input-group Layer__journal__form__input-group__border"
       },
-      /* @__PURE__ */ import_react97.default.createElement(
+      /* @__PURE__ */ import_react98.default.createElement(
         Text,
         {
           className: "Layer__journal__form__input-group__title",
@@ -9757,13 +9771,13 @@ var JournalFormEntryLines = ({
         if (item.direction !== direction) {
           return null;
         }
-        return /* @__PURE__ */ import_react97.default.createElement(
+        return /* @__PURE__ */ import_react98.default.createElement(
           "div",
           {
             className: "Layer__journal__form__input-group__line-item",
             key: direction + "-" + idx2
           },
-          /* @__PURE__ */ import_react97.default.createElement(InputGroup, { name: direction, label: "Amount", inline: true }, /* @__PURE__ */ import_react97.default.createElement(
+          /* @__PURE__ */ import_react98.default.createElement(InputGroup, { name: direction, label: "Amount", inline: true }, /* @__PURE__ */ import_react98.default.createElement(
             InputWithBadge,
             {
               name: direction,
@@ -9789,14 +9803,14 @@ var JournalFormEntryLines = ({
               )?.message
             }
           )),
-          /* @__PURE__ */ import_react97.default.createElement(
+          /* @__PURE__ */ import_react98.default.createElement(
             InputGroup,
             {
               name: "account-name",
               label: "Account name",
               inline: true
             },
-            /* @__PURE__ */ import_react97.default.createElement(
+            /* @__PURE__ */ import_react98.default.createElement(
               Select2,
               {
                 options: parentOptions,
@@ -9820,18 +9834,18 @@ var JournalFormEntryLines = ({
                 )?.message
               }
             ),
-            idx2 >= 2 && /* @__PURE__ */ import_react97.default.createElement(
+            idx2 >= 2 && /* @__PURE__ */ import_react98.default.createElement(
               IconButton,
               {
                 className: "Layer__remove__button",
                 onClick: () => removeEntryLine(idx2),
-                icon: /* @__PURE__ */ import_react97.default.createElement(Trash_default, null)
+                icon: /* @__PURE__ */ import_react98.default.createElement(Trash_default, null)
               }
             )
           )
         );
       }),
-      (config.form.addEntryLinesLimit === void 0 || config.form.addEntryLinesLimit > entrylineItems?.length) && /* @__PURE__ */ import_react97.default.createElement(
+      (config.form.addEntryLinesLimit === void 0 || config.form.addEntryLinesLimit > entrylineItems?.length) && /* @__PURE__ */ import_react98.default.createElement(
         TextButton,
         {
           className: "Layer__journal__add-entry-line",
@@ -9854,8 +9868,8 @@ var JournalForm = ({ config }) => {
     changeFormData,
     addEntryLine,
     removeEntryLine
-  } = (0, import_react98.useContext)(JournalContext);
-  return /* @__PURE__ */ import_react98.default.createElement(
+  } = (0, import_react99.useContext)(JournalContext);
+  return /* @__PURE__ */ import_react99.default.createElement(
     "form",
     {
       className: "Layer__form",
@@ -9864,7 +9878,7 @@ var JournalForm = ({ config }) => {
         submitForm();
       }
     },
-    /* @__PURE__ */ import_react98.default.createElement("div", { className: "Layer__journal__sidebar__header" }, /* @__PURE__ */ import_react98.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, "Add New Entry"), /* @__PURE__ */ import_react98.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react98.default.createElement(
+    /* @__PURE__ */ import_react99.default.createElement("div", { className: "Layer__journal__sidebar__header" }, /* @__PURE__ */ import_react99.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, "Add New Entry"), /* @__PURE__ */ import_react99.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react99.default.createElement(
       Button,
       {
         type: "button",
@@ -9873,7 +9887,7 @@ var JournalForm = ({ config }) => {
         disabled: sendingForm
       },
       "Cancel"
-    ), apiError && /* @__PURE__ */ import_react98.default.createElement(
+    ), apiError && /* @__PURE__ */ import_react99.default.createElement(
       RetryButton,
       {
         type: "submit",
@@ -9882,7 +9896,7 @@ var JournalForm = ({ config }) => {
         disabled: sendingForm
       },
       "Retry"
-    ), !apiError && /* @__PURE__ */ import_react98.default.createElement(
+    ), !apiError && /* @__PURE__ */ import_react99.default.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -9892,7 +9906,7 @@ var JournalForm = ({ config }) => {
       },
       "Save"
     ))),
-    apiError && /* @__PURE__ */ import_react98.default.createElement(
+    apiError && /* @__PURE__ */ import_react99.default.createElement(
       Text,
       {
         size: "sm" /* sm */,
@@ -9900,7 +9914,7 @@ var JournalForm = ({ config }) => {
       },
       apiError
     ),
-    /* @__PURE__ */ import_react98.default.createElement("div", { className: "Layer__journal__form__input-group" }, /* @__PURE__ */ import_react98.default.createElement(InputGroup, { name: "date", label: "Date", inline: true }, /* @__PURE__ */ import_react98.default.createElement("div", { className: "Layer__journal__datepicker__wrapper" }, /* @__PURE__ */ import_react98.default.createElement(
+    /* @__PURE__ */ import_react99.default.createElement("div", { className: "Layer__journal__form__input-group" }, /* @__PURE__ */ import_react99.default.createElement(InputGroup, { name: "date", label: "Date", inline: true }, /* @__PURE__ */ import_react99.default.createElement("div", { className: "Layer__journal__datepicker__wrapper" }, /* @__PURE__ */ import_react99.default.createElement(
       DateInput,
       {
         selected: form?.data.entry_at,
@@ -9908,7 +9922,7 @@ var JournalForm = ({ config }) => {
         dateFormat: "MMMM d, yyyy",
         placeholderText: "Select date"
       }
-    ), /* @__PURE__ */ import_react98.default.createElement(
+    ), /* @__PURE__ */ import_react99.default.createElement(
       DateInput,
       {
         selected: form?.data.entry_at,
@@ -9921,7 +9935,7 @@ var JournalForm = ({ config }) => {
         placeholderText: "Select time"
       }
     )))),
-    /* @__PURE__ */ import_react98.default.createElement(
+    /* @__PURE__ */ import_react99.default.createElement(
       JournalFormEntryLines,
       {
         entrylineItems: form?.data.line_items || [],
@@ -9932,7 +9946,7 @@ var JournalForm = ({ config }) => {
         config
       }
     ),
-    /* @__PURE__ */ import_react98.default.createElement("div", { className: "Layer__journal__form__input-group Layer__journal__form__input-group__textarea" }, /* @__PURE__ */ import_react98.default.createElement(InputGroup, { name: "memo", label: "Notes" }, /* @__PURE__ */ import_react98.default.createElement(
+    /* @__PURE__ */ import_react99.default.createElement("div", { className: "Layer__journal__form__input-group Layer__journal__form__input-group__textarea" }, /* @__PURE__ */ import_react99.default.createElement(InputGroup, { name: "memo", label: "Notes" }, /* @__PURE__ */ import_react99.default.createElement(
       Textarea,
       {
         name: "memo",
@@ -9950,11 +9964,11 @@ var JournalSidebar = ({
   parentRef: _parentRef,
   config
 }) => {
-  const { selectedEntryId } = (0, import_react99.useContext)(JournalContext);
+  const { selectedEntryId } = (0, import_react100.useContext)(JournalContext);
   if (selectedEntryId !== "new") {
-    return /* @__PURE__ */ import_react99.default.createElement(JournalEntryDetails, null);
+    return /* @__PURE__ */ import_react100.default.createElement(JournalEntryDetails, null);
   }
-  return /* @__PURE__ */ import_react99.default.createElement(JournalForm, { config });
+  return /* @__PURE__ */ import_react100.default.createElement(JournalForm, { config });
 };
 
 // src/components/JournalTable/JournalTable.tsx
@@ -9965,7 +9979,7 @@ var JournalTable = ({
   pageSize = 15,
   config
 }) => {
-  const [currentPage, setCurrentPage] = (0, import_react100.useState)(1);
+  const [currentPage, setCurrentPage] = (0, import_react101.useState)(1);
   const {
     data: rawData,
     isLoading,
@@ -9974,30 +9988,30 @@ var JournalTable = ({
     refetch,
     selectedEntryId,
     addEntry
-  } = (0, import_react100.useContext)(JournalContext);
-  const data = (0, import_react100.useMemo)(() => {
+  } = (0, import_react101.useContext)(JournalContext);
+  const data = (0, import_react101.useMemo)(() => {
     const firstPageIndex = (currentPage - 1) * pageSize;
     const lastPageIndex = firstPageIndex + pageSize;
     return rawData?.sort((a, b) => Date.parse(b.date) - Date.parse(a.date))?.slice(firstPageIndex, lastPageIndex);
   }, [rawData, currentPage]);
-  return /* @__PURE__ */ import_react100.default.createElement(
+  return /* @__PURE__ */ import_react101.default.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ import_react100.default.createElement(JournalSidebar, { parentRef: containerRef, config }),
+      sidebar: /* @__PURE__ */ import_react101.default.createElement(JournalSidebar, { parentRef: containerRef, config }),
       sidebarIsOpen: Boolean(selectedEntryId),
       parentRef: containerRef
     },
-    /* @__PURE__ */ import_react100.default.createElement(Header, { className: `Layer__${COMPONENT_NAME5}__header` }, /* @__PURE__ */ import_react100.default.createElement(Heading, { className: `Layer__${COMPONENT_NAME5}__title` }, "Journal"), /* @__PURE__ */ import_react100.default.createElement("div", { className: `Layer__${COMPONENT_NAME5}__actions` }, /* @__PURE__ */ import_react100.default.createElement(
+    /* @__PURE__ */ import_react101.default.createElement(Header, { className: `Layer__${COMPONENT_NAME5}__header` }, /* @__PURE__ */ import_react101.default.createElement(Heading, { className: `Layer__${COMPONENT_NAME5}__title` }, "Journal"), /* @__PURE__ */ import_react101.default.createElement("div", { className: `Layer__${COMPONENT_NAME5}__actions` }, /* @__PURE__ */ import_react101.default.createElement(
       Button,
       {
         variant: "secondary" /* secondary */,
         disabled: isLoading,
-        rightIcon: /* @__PURE__ */ import_react100.default.createElement(DownloadCloud_default, { size: 12 })
+        rightIcon: /* @__PURE__ */ import_react101.default.createElement(DownloadCloud_default, { size: 12 })
       },
       "Download"
-    ), /* @__PURE__ */ import_react100.default.createElement(Button, { onClick: () => addEntry(), disabled: isLoading }, "Add Entry"))),
-    /* @__PURE__ */ import_react100.default.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__journal__table" }, /* @__PURE__ */ import_react100.default.createElement("thead", null, /* @__PURE__ */ import_react100.default.createElement("tr", null, /* @__PURE__ */ import_react100.default.createElement("th", { className: "Layer__table-header" }), /* @__PURE__ */ import_react100.default.createElement("th", { className: "Layer__table-header" }, "Id"), /* @__PURE__ */ import_react100.default.createElement("th", { className: "Layer__table-header" }, "Date"), /* @__PURE__ */ import_react100.default.createElement("th", { className: "Layer__table-header" }, "Transaction"), /* @__PURE__ */ import_react100.default.createElement("th", { className: "Layer__table-header" }, "Account"), /* @__PURE__ */ import_react100.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Debit"), /* @__PURE__ */ import_react100.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Credit"))), /* @__PURE__ */ import_react100.default.createElement("tbody", null, !error && data?.map((entry, idx) => {
-      return /* @__PURE__ */ import_react100.default.createElement(
+    ), /* @__PURE__ */ import_react101.default.createElement(Button, { onClick: () => addEntry(), disabled: isLoading }, "Add Entry"))),
+    /* @__PURE__ */ import_react101.default.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__journal__table" }, /* @__PURE__ */ import_react101.default.createElement("thead", null, /* @__PURE__ */ import_react101.default.createElement("tr", null, /* @__PURE__ */ import_react101.default.createElement("th", { className: "Layer__table-header" }), /* @__PURE__ */ import_react101.default.createElement("th", { className: "Layer__table-header" }, "Id"), /* @__PURE__ */ import_react101.default.createElement("th", { className: "Layer__table-header" }, "Date"), /* @__PURE__ */ import_react101.default.createElement("th", { className: "Layer__table-header" }, "Transaction"), /* @__PURE__ */ import_react101.default.createElement("th", { className: "Layer__table-header" }, "Account"), /* @__PURE__ */ import_react101.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Debit"), /* @__PURE__ */ import_react101.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, "Credit"))), /* @__PURE__ */ import_react101.default.createElement("tbody", null, !error && data?.map((entry, idx) => {
+      return /* @__PURE__ */ import_react101.default.createElement(
         JournalRow,
         {
           key: "journal-row-" + idx + entry.id,
@@ -10007,7 +10021,7 @@ var JournalTable = ({
         }
       );
     }))),
-    data && /* @__PURE__ */ import_react100.default.createElement("div", { className: "Layer__journal__pagination" }, /* @__PURE__ */ import_react100.default.createElement(
+    data && /* @__PURE__ */ import_react101.default.createElement("div", { className: "Layer__journal__pagination" }, /* @__PURE__ */ import_react101.default.createElement(
       Pagination,
       {
         currentPage,
@@ -10016,7 +10030,7 @@ var JournalTable = ({
         onPageChange: (page) => setCurrentPage(page)
       }
     )),
-    error ? /* @__PURE__ */ import_react100.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react100.default.createElement(
+    error ? /* @__PURE__ */ import_react101.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react101.default.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -10026,7 +10040,7 @@ var JournalTable = ({
         isLoading: isValidating || isLoading
       }
     )) : null,
-    (!data || isLoading) && !error ? /* @__PURE__ */ import_react100.default.createElement("div", { className: `Layer__${COMPONENT_NAME5}__loader-container` }, /* @__PURE__ */ import_react100.default.createElement(Loader2, null)) : null
+    (!data || isLoading) && !error ? /* @__PURE__ */ import_react101.default.createElement("div", { className: `Layer__${COMPONENT_NAME5}__loader-container` }, /* @__PURE__ */ import_react101.default.createElement(Loader2, null)) : null
   );
 };
 
@@ -10039,13 +10053,13 @@ var JOURNAL_CONFIG = {
 var Journal = (props) => {
   const JournalContextData = useJournal();
   const AccountsContextData = useChartOfAccounts();
-  return /* @__PURE__ */ import_react101.default.createElement(ChartOfAccountsContext.Provider, { value: AccountsContextData }, /* @__PURE__ */ import_react101.default.createElement(JournalContext.Provider, { value: JournalContextData }, /* @__PURE__ */ import_react101.default.createElement(JournalContent, { ...props })));
+  return /* @__PURE__ */ import_react102.default.createElement(ChartOfAccountsContext.Provider, { value: AccountsContextData }, /* @__PURE__ */ import_react102.default.createElement(JournalContext.Provider, { value: JournalContextData }, /* @__PURE__ */ import_react102.default.createElement(JournalContent, { ...props })));
 };
 var JournalContent = ({
   asWidget,
   config = JOURNAL_CONFIG
 }) => {
-  const [view, setView] = (0, import_react101.useState)("desktop");
+  const [view, setView] = (0, import_react102.useState)("desktop");
   const containerRef = useElementSize((_a, _b, { width }) => {
     if (width) {
       if (width >= BREAKPOINTS.TABLET && view !== "desktop") {
@@ -10057,18 +10071,18 @@ var JournalContent = ({
       }
     }
   });
-  return /* @__PURE__ */ import_react101.default.createElement(Container, { name: "journal", ref: containerRef, asWidget }, /* @__PURE__ */ import_react101.default.createElement(JournalTable, { view, containerRef, config }));
+  return /* @__PURE__ */ import_react102.default.createElement(Container, { name: "journal", ref: containerRef, asWidget }, /* @__PURE__ */ import_react102.default.createElement(JournalTable, { view, containerRef, config }));
 };
 
 // src/components/Onboarding/Onboarding.tsx
-var import_react105 = __toESM(require("react"));
+var import_react106 = __toESM(require("react"));
 
 // src/components/Onboarding/ConnectAccount.tsx
-var import_react104 = __toESM(require("react"));
+var import_react105 = __toESM(require("react"));
 
 // src/icons/CreditCard.tsx
-var React112 = __toESM(require("react"));
-var CreditCard = ({ size = 12, ...props }) => /* @__PURE__ */ React112.createElement(
+var React113 = __toESM(require("react"));
+var CreditCard = ({ size = 12, ...props }) => /* @__PURE__ */ React113.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -10078,7 +10092,7 @@ var CreditCard = ({ size = 12, ...props }) => /* @__PURE__ */ React112.createEle
     width: size,
     height: size
   },
-  /* @__PURE__ */ React112.createElement(
+  /* @__PURE__ */ React113.createElement(
     "path",
     {
       d: "M10.5 2H1.5C0.947715 2 0.5 2.44772 0.5 3V9C0.5 9.55228 0.947715 10 1.5 10H10.5C11.0523 10 11.5 9.55228 11.5 9V3C11.5 2.44772 11.0523 2 10.5 2Z",
@@ -10087,7 +10101,7 @@ var CreditCard = ({ size = 12, ...props }) => /* @__PURE__ */ React112.createEle
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React112.createElement(
+  /* @__PURE__ */ React113.createElement(
     "path",
     {
       d: "M0.5 5H11.5",
@@ -10100,8 +10114,8 @@ var CreditCard = ({ size = 12, ...props }) => /* @__PURE__ */ React112.createEle
 var CreditCard_default = CreditCard;
 
 // src/icons/Folder.tsx
-var React113 = __toESM(require("react"));
-var Folder = ({ size = 12, ...props }) => /* @__PURE__ */ React113.createElement(
+var React114 = __toESM(require("react"));
+var Folder = ({ size = 12, ...props }) => /* @__PURE__ */ React114.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -10111,7 +10125,7 @@ var Folder = ({ size = 12, ...props }) => /* @__PURE__ */ React113.createElement
     width: size,
     height: size
   },
-  /* @__PURE__ */ React113.createElement(
+  /* @__PURE__ */ React114.createElement(
     "path",
     {
       d: "M11 9.5C11 9.76522 10.8946 10.0196 10.7071 10.2071C10.5196 10.3946 10.2652 10.5 10 10.5H2C1.73478 10.5 1.48043 10.3946 1.29289 10.2071C1.10536 10.0196 1 9.76522 1 9.5V2.5C1 2.23478 1.10536 1.98043 1.29289 1.79289C1.48043 1.60536 1.73478 1.5 2 1.5H4.5L5.5 3H10C10.2652 3 10.5196 3.10536 10.7071 3.29289C10.8946 3.48043 11 3.73478 11 4V9.5Z",
@@ -10124,8 +10138,8 @@ var Folder = ({ size = 12, ...props }) => /* @__PURE__ */ React113.createElement
 var Folder_default = Folder;
 
 // src/icons/Link.tsx
-var React114 = __toESM(require("react"));
-var Link = ({ size = 18, ...props }) => /* @__PURE__ */ React114.createElement(
+var React115 = __toESM(require("react"));
+var Link = ({ size = 18, ...props }) => /* @__PURE__ */ React115.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -10135,7 +10149,7 @@ var Link = ({ size = 18, ...props }) => /* @__PURE__ */ React114.createElement(
     width: size,
     height: size
   },
-  /* @__PURE__ */ React114.createElement(
+  /* @__PURE__ */ React115.createElement(
     "path",
     {
       d: "M7.5 9.75C7.82209 10.1806 8.23302 10.5369 8.70491 10.7947C9.17681 11.0525 9.69863 11.2058 10.235 11.2442C10.7713 11.2827 11.3097 11.2053 11.8135 11.0173C12.3173 10.8294 12.7748 10.5353 13.155 10.155L15.405 7.905C16.0881 7.19774 16.4661 6.25048 16.4575 5.26724C16.449 4.284 16.0546 3.34346 15.3593 2.64818C14.664 1.9529 13.7235 1.55851 12.7403 1.54997C11.757 1.54143 10.8098 1.9194 10.1025 2.6025L8.8125 3.885",
@@ -10144,7 +10158,7 @@ var Link = ({ size = 18, ...props }) => /* @__PURE__ */ React114.createElement(
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React114.createElement(
+  /* @__PURE__ */ React115.createElement(
     "path",
     {
       d: "M10.5 8.25C10.1779 7.8194 9.76698 7.46311 9.29508 7.2053C8.82319 6.94748 8.30137 6.79416 7.76501 6.75575C7.22865 6.71734 6.69031 6.79473 6.18649 6.98266C5.68267 7.1706 5.22516 7.4647 4.845 7.845L2.595 10.095C1.9119 10.8023 1.53393 11.7495 1.54247 12.7328C1.55101 13.716 1.9454 14.6565 2.64068 15.3518C3.33596 16.0471 4.2765 16.4415 5.25974 16.45C6.24298 16.4586 7.19024 16.0806 7.8975 15.3975L9.18 14.115",
@@ -10157,9 +10171,9 @@ var Link = ({ size = 18, ...props }) => /* @__PURE__ */ React114.createElement(
 var Link_default = Link;
 
 // src/icons/PlaidIcon.tsx
-var import_react102 = __toESM(require("react"));
+var import_react103 = __toESM(require("react"));
 var PlaidIcon = () => {
-  return /* @__PURE__ */ import_react102.default.createElement(
+  return /* @__PURE__ */ import_react103.default.createElement(
     "img",
     {
       src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAYAAAC4JqlRAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQDSURBVHgB7VbpK65bFP+9XJTMJGPGDIVIpjIln2S4SIr4AxSOIZFwPxA+HUf5rhAZb3xQylCUizKLD+I1ROYpZcq+e63u+9S5t573XN1z3nvr/or97GVba+3fmrYGf8DBwSHx/f09VH7a4DvD2Nj414uLi1X61tAvOzu7z0KIT/iB0Gg0bdfX12UaafyTNP4ZBoB0okxja2u7L789YRhoyQEBA8IIBsZ/0wF7e3tYWVkpe2tra8hQ4iP46VsOWVpaIiYmBrGxsYiKikJERASWl5eRnZ0NU1NT9PX1ISwsDCsrK5iZmcHi4iKmpqbw+vqqV7feJCwsLERbW5uyX19fx/7+PjIyMrC5uQkTExP4+/tjZGQEvr6+CA4OVs6Wlpaiq6sLqiAH1H4GBgaEDqmpqYq8qalJkdfX1yvyrKwscXd3x/L+/n6hT79eBnZ3d3F6egobGxtInUhPT8f9/T3fWHfb7e1tpKSk8JmxsTGWPT4+wsnJCV5eXqoEqCYhUSo7JXp6epCWlkadC5OTkxgaGmLjFRUVKC8vR2BgIEZHR9k4OUlnJXOcnO7u7vhwCKqqqpjKxMRE3tOqQ3Nzs3KutbWVZU9PT0IywbKEhASW1dbWqoZAlQHKbEJISAiXXnt7O+/Pz8+Rn58PDw8PeHp6Ii8vDzLuMDMzQ0tLC988Li6Oz/r5+X2cARcXF7G1tcU3OTk54bWyslJIx8Tx8bGQ00wcHR2Jw8NDERoaKsrKyviMzBleZcUIZ2dnVQb0VkF0dLR4fn5mhbLeFXlBQYESDsnAX6rm5eWF/1efflUHXF1d+RY6BuSDRRQXF/NtdTe/ubnhb5JVV1d/xYCsDuHm5vZxB2QTYUU1NTVCxprDQU6QUR3tFA5y4OzsTKHdx8dHyOrgfW9v78eTcGdnh9e5uTlOMukI3t7euN47OztxcHAArVaL7u5uODo68lnJEGRuYHWVX1zcntWgOguothsbG5GcnIyHhwd0dHRA3hS3t7eoq6vD5eUlzM3NIalnQ9R0qPVSs4qPj2cd09PTaib0zwLq+9QJLSwseE/KZQgwPj6OgIAAlm1sbPBsIGbIaWpGxJisIm5matA7jicmJtgQ1XZJSQlTTsplbJUzw8PDzAr9raioiLtfUFAQT0R90DuOZ2dnkZOTwyOZDK2trWFvbw+ZmZk8AygnGhoaIBMS3t7eX01Dyh19+KY3IY3cpKQkREZGQrZjZfbn5ubyzB8cHER4eDiWlpawsLDAhufn5zlv/hEH/gzdZKRQEIgdephcXV3h7+L/V/G/wgEtDAetkUymLzAQyLaxfMX8JtspPeqj8QMhn3dfZEf9RaMTyNIKNTIy+hnfGXKa3splVXbOGdr/DtMw0L76HoUPAAAAAElFTkSuQmCC",
@@ -10170,8 +10184,8 @@ var PlaidIcon = () => {
 var PlaidIcon_default = PlaidIcon;
 
 // src/icons/Sunrise.tsx
-var React116 = __toESM(require("react"));
-var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React116.createElement(
+var React117 = __toESM(require("react"));
+var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React117.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -10181,7 +10195,7 @@ var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React116.createElemen
     width: size,
     height: size
   },
-  /* @__PURE__ */ React116.createElement(
+  /* @__PURE__ */ React117.createElement(
     "path",
     {
       d: "M8.5 9C8.5 8.33696 8.23661 7.70107 7.76777 7.23223C7.29893 6.76339 6.66304 6.5 6 6.5C5.33696 6.5 4.70107 6.76339 4.23223 7.23223C3.76339 7.70107 3.5 8.33696 3.5 9",
@@ -10190,7 +10204,7 @@ var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React116.createElemen
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React116.createElement(
+  /* @__PURE__ */ React117.createElement(
     "path",
     {
       d: "M6 3.3335V4.66683",
@@ -10199,7 +10213,7 @@ var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React116.createElemen
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React116.createElement(
+  /* @__PURE__ */ React117.createElement(
     "path",
     {
       d: "M2.11 5.10986L2.82 5.81986",
@@ -10208,7 +10222,7 @@ var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React116.createElemen
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React116.createElement(
+  /* @__PURE__ */ React117.createElement(
     "path",
     {
       d: "M0.5 9H1.5",
@@ -10217,7 +10231,7 @@ var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React116.createElemen
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React116.createElement(
+  /* @__PURE__ */ React117.createElement(
     "path",
     {
       d: "M10.5 9H11.5",
@@ -10226,7 +10240,7 @@ var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React116.createElemen
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React116.createElement(
+  /* @__PURE__ */ React117.createElement(
     "path",
     {
       d: "M9.17999 5.81986L9.88999 5.10986",
@@ -10235,7 +10249,7 @@ var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React116.createElemen
       strokeLinejoin: "round"
     }
   ),
-  /* @__PURE__ */ React116.createElement(
+  /* @__PURE__ */ React117.createElement(
     "path",
     {
       d: "M11.5 11H0.5",
@@ -10248,19 +10262,19 @@ var Sunrise = ({ size = 12, ...props }) => /* @__PURE__ */ React116.createElemen
 var Sunrise_default = Sunrise;
 
 // src/components/ActionableRow/ActionableRow.tsx
-var import_react103 = __toESM(require("react"));
+var import_react104 = __toESM(require("react"));
 var renderIcon = (icon, iconBox) => {
   if (iconBox) {
     return iconBox;
   }
   if (icon) {
-    return /* @__PURE__ */ import_react103.default.createElement("span", { className: "Layer__actionable_row__icon" }, icon);
+    return /* @__PURE__ */ import_react104.default.createElement("span", { className: "Layer__actionable_row__icon" }, icon);
   }
   return;
 };
 var renderTitle = (title) => {
   if (title && typeof title === "string") {
-    return /* @__PURE__ */ import_react103.default.createElement(Text, { className: "Layer__actionable_row__title" }, title);
+    return /* @__PURE__ */ import_react104.default.createElement(Text, { className: "Layer__actionable_row__title" }, title);
   }
   if (title) {
     return title;
@@ -10269,7 +10283,7 @@ var renderTitle = (title) => {
 };
 var renderDescription = (description) => {
   if (description && typeof description === "string") {
-    return /* @__PURE__ */ import_react103.default.createElement(Text, { className: "Layer__actionable_row__description" }, description);
+    return /* @__PURE__ */ import_react104.default.createElement(Text, { className: "Layer__actionable_row__description" }, description);
   }
   if (description) {
     return description;
@@ -10284,11 +10298,11 @@ var ActionableRow = ({
   button,
   onClick
 }) => {
-  return /* @__PURE__ */ import_react103.default.createElement("div", { className: "Layer__actionable_row" }, /* @__PURE__ */ import_react103.default.createElement("div", { className: "Layer__actionable_row__main" }, renderIcon(icon, iconBox), /* @__PURE__ */ import_react103.default.createElement("div", { className: "Layer__actionable_row__main__text" }, renderTitle(title), renderDescription(description))), /* @__PURE__ */ import_react103.default.createElement("div", { className: "Layer__actionable_row__action" }, button && button, !button && onClick ? /* @__PURE__ */ import_react103.default.createElement(
+  return /* @__PURE__ */ import_react104.default.createElement("div", { className: "Layer__actionable_row" }, /* @__PURE__ */ import_react104.default.createElement("div", { className: "Layer__actionable_row__main" }, renderIcon(icon, iconBox), /* @__PURE__ */ import_react104.default.createElement("div", { className: "Layer__actionable_row__main__text" }, renderTitle(title), renderDescription(description))), /* @__PURE__ */ import_react104.default.createElement("div", { className: "Layer__actionable_row__action" }, button && button, !button && onClick ? /* @__PURE__ */ import_react104.default.createElement(
     IconButton,
     {
       onClick,
-      icon: /* @__PURE__ */ import_react103.default.createElement(ChevronRight_default, { size: 11 }),
+      icon: /* @__PURE__ */ import_react104.default.createElement(ChevronRight_default, { size: 11 }),
       withBorder: true
     }
   ) : null));
@@ -10299,53 +10313,53 @@ var ConnectAccount = ({
   onboardingStep,
   onTransactionsToReviewClick
 }) => {
-  const { addConnection } = (0, import_react104.useContext)(LinkedAccountsContext);
+  const { addConnection } = (0, import_react105.useContext)(LinkedAccountsContext);
   const { data, isLoading } = useBankTransactions();
-  const transactionsToReview = (0, import_react104.useMemo)(() => {
+  const transactionsToReview = (0, import_react105.useMemo)(() => {
     if (data && data.length > 0) {
       return data.filter((tx) => filterVisibility("review" /* review */, tx)).length;
     }
     return 0;
   }, [data, isLoading]);
   if (onboardingStep === "connectAccount") {
-    return /* @__PURE__ */ import_react104.default.createElement(import_react104.default.Fragment, null, /* @__PURE__ */ import_react104.default.createElement(
+    return /* @__PURE__ */ import_react105.default.createElement(import_react105.default.Fragment, null, /* @__PURE__ */ import_react105.default.createElement(
       DataState,
       {
         status: "info" /* info */,
-        icon: /* @__PURE__ */ import_react104.default.createElement(CreditCard_default, { size: 12 }),
+        icon: /* @__PURE__ */ import_react105.default.createElement(CreditCard_default, { size: 12 }),
         title: "No accounts connected",
         description: "Populate your accounting dashboard in 3 steps"
       }
-    ), /* @__PURE__ */ import_react104.default.createElement(
+    ), /* @__PURE__ */ import_react105.default.createElement(
       ActionableRow,
       {
-        iconBox: /* @__PURE__ */ import_react104.default.createElement(PlaidIcon_default, null),
+        iconBox: /* @__PURE__ */ import_react105.default.createElement(PlaidIcon_default, null),
         title: "Connect accounts",
         description: "Import data with one simple integration.",
-        button: /* @__PURE__ */ import_react104.default.createElement(
+        button: /* @__PURE__ */ import_react105.default.createElement(
           Button,
           {
             onClick: () => addConnection("PLAID"),
-            rightIcon: /* @__PURE__ */ import_react104.default.createElement(Link_default, { size: 12 })
+            rightIcon: /* @__PURE__ */ import_react105.default.createElement(Link_default, { size: 12 })
           },
           "Connect"
         )
       }
     ));
   }
-  return /* @__PURE__ */ import_react104.default.createElement(import_react104.default.Fragment, null, /* @__PURE__ */ import_react104.default.createElement(
+  return /* @__PURE__ */ import_react105.default.createElement(import_react105.default.Fragment, null, /* @__PURE__ */ import_react105.default.createElement(
     DataState,
     {
       status: "success" /* success */,
-      icon: /* @__PURE__ */ import_react104.default.createElement(Sunrise_default, { size: 12 }),
+      icon: /* @__PURE__ */ import_react105.default.createElement(Sunrise_default, { size: 12 }),
       title: "Account linked successfully",
       description: "Your transactions are now available on the platform, to see all data on the charts, categorise transactions."
     }
-  ), onTransactionsToReviewClick && transactionsToReview > 0 ? /* @__PURE__ */ import_react104.default.createElement(
+  ), onTransactionsToReviewClick && transactionsToReview > 0 ? /* @__PURE__ */ import_react105.default.createElement(
     ActionableRow,
     {
-      icon: /* @__PURE__ */ import_react104.default.createElement(Folder_default, { size: 12 }),
-      title: /* @__PURE__ */ import_react104.default.createElement(Text, null, "Categorise transactions", " ", /* @__PURE__ */ import_react104.default.createElement(Badge, { variant: "warning" /* WARNING */, size: "small" /* SMALL */ }, transactionsToReview, " pending")),
+      icon: /* @__PURE__ */ import_react105.default.createElement(Folder_default, { size: 12 }),
+      title: /* @__PURE__ */ import_react105.default.createElement(Text, null, "Categorise transactions", " ", /* @__PURE__ */ import_react105.default.createElement(Badge, { variant: "warning" /* WARNING */, size: "small" /* SMALL */ }, transactionsToReview, " pending")),
       description: "Once your data is on the platform categorize them in Bank Transactions tab",
       onClick: () => onTransactionsToReviewClick()
     }
@@ -10365,16 +10379,16 @@ var EXPANDED_STYLE3 = {
   transform: "scale(1)",
   overflow: "hidden"
 };
-var Onboarding = (props) => /* @__PURE__ */ import_react105.default.createElement(LinkedAccountsProvider, null, /* @__PURE__ */ import_react105.default.createElement(OnboardingContent, { ...props }));
+var Onboarding = (props) => /* @__PURE__ */ import_react106.default.createElement(LinkedAccountsProvider, null, /* @__PURE__ */ import_react106.default.createElement(OnboardingContent, { ...props }));
 var OnboardingContent = ({
   onTransactionsToReviewClick
 }) => {
   const { onboardingStep, setOnboardingStep } = useLayerContext();
-  const [style, setStyle] = (0, import_react105.useState)(
+  const [style, setStyle] = (0, import_react106.useState)(
     onboardingStep ? EXPANDED_STYLE3 : COLLAPSED_STYLE3
   );
-  const { data, loadingStatus } = (0, import_react105.useContext)(LinkedAccountsContext);
-  (0, import_react105.useEffect)(() => {
+  const { data, loadingStatus } = (0, import_react106.useContext)(LinkedAccountsContext);
+  (0, import_react106.useEffect)(() => {
     if (data && data?.length === 0 && loadingStatus === "complete" && !onboardingStep) {
       setOnboardingStep("connectAccount");
       return;
@@ -10383,7 +10397,7 @@ var OnboardingContent = ({
       setOnboardingStep("complete");
     }
   }, [data, loadingStatus]);
-  (0, import_react105.useEffect)(() => {
+  (0, import_react106.useEffect)(() => {
     if (onboardingStep && style.maxHeight !== 1e3) {
       setTimeout(() => {
         setStyle(EXPANDED_STYLE3);
@@ -10393,7 +10407,7 @@ var OnboardingContent = ({
   if (!onboardingStep) {
     return null;
   }
-  return /* @__PURE__ */ import_react105.default.createElement(Container, { name: "onboarding", style }, /* @__PURE__ */ import_react105.default.createElement("div", { className: "Layer__onboarding__content" }, /* @__PURE__ */ import_react105.default.createElement(
+  return /* @__PURE__ */ import_react106.default.createElement(Container, { name: "onboarding", style }, /* @__PURE__ */ import_react106.default.createElement("div", { className: "Layer__onboarding__content" }, /* @__PURE__ */ import_react106.default.createElement(
     ConnectAccount,
     {
       onboardingStep,
@@ -10403,14 +10417,14 @@ var OnboardingContent = ({
 };
 
 // src/views/AccountingOverview/AccountingOverview.tsx
-var import_react111 = __toESM(require("react"));
+var import_react112 = __toESM(require("react"));
 
 // src/components/TransactionToReviewCard/TransactionToReviewCard.tsx
-var import_react108 = __toESM(require("react"));
+var import_react109 = __toESM(require("react"));
 
 // src/icons/Bell.tsx
-var React120 = __toESM(require("react"));
-var Bell = ({ size = 18, ...props }) => /* @__PURE__ */ React120.createElement(
+var React121 = __toESM(require("react"));
+var Bell = ({ size = 18, ...props }) => /* @__PURE__ */ React121.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -10420,7 +10434,7 @@ var Bell = ({ size = 18, ...props }) => /* @__PURE__ */ React120.createElement(
     width: size,
     height: size
   },
-  /* @__PURE__ */ React120.createElement(
+  /* @__PURE__ */ React121.createElement(
     "path",
     {
       d: "M13.5 6C13.5 4.80653 13.0259 3.66193 12.182 2.81802C11.3381 1.97411 10.1935 1.5 9 1.5C7.80653 1.5 6.66193 1.97411 5.81802 2.81802C4.97411 3.66193 4.5 4.80653 4.5 6C4.5 11.25 2.25 12.75 2.25 12.75H15.75C15.75 12.75 13.5 11.25 13.5 6Z",
@@ -10429,7 +10443,7 @@ var Bell = ({ size = 18, ...props }) => /* @__PURE__ */ React120.createElement(
       "stroke-linejoin": "round"
     }
   ),
-  /* @__PURE__ */ React120.createElement(
+  /* @__PURE__ */ React121.createElement(
     "path",
     {
       d: "M10.2975 15.75C10.1656 15.9773 9.97638 16.166 9.74867 16.2971C9.52096 16.4283 9.26278 16.4973 9 16.4973C8.73721 16.4973 8.47904 16.4283 8.25133 16.2971C8.02362 16.166 7.83436 15.9773 7.7025 15.75",
@@ -10442,23 +10456,23 @@ var Bell = ({ size = 18, ...props }) => /* @__PURE__ */ React120.createElement(
 var Bell_default = Bell;
 
 // src/components/BadgeLoader/BadgeLoader.tsx
-var import_react106 = __toESM(require("react"));
+var import_react107 = __toESM(require("react"));
 var BadgeLoader = ({ children }) => {
-  return /* @__PURE__ */ import_react106.default.createElement("span", { className: "Layer__loader Layer__loader--as-badge" }, /* @__PURE__ */ import_react106.default.createElement(Loader_default, { size: 11, className: "Layer__anim--rotating" }), children);
+  return /* @__PURE__ */ import_react107.default.createElement("span", { className: "Layer__loader Layer__loader--as-badge" }, /* @__PURE__ */ import_react107.default.createElement(Loader_default, { size: 11, className: "Layer__anim--rotating" }), children);
 };
 
 // src/components/NotificationCard/NotificationCard.tsx
-var import_react107 = __toESM(require("react"));
+var import_react108 = __toESM(require("react"));
 var import_classnames43 = __toESM(require("classnames"));
 var NotificationCard = ({
   onClick,
   children,
   className
 }) => {
-  return /* @__PURE__ */ import_react107.default.createElement("div", { className: (0, import_classnames43.default)("Layer__notification-card", className) }, /* @__PURE__ */ import_react107.default.createElement("div", { className: "Layer__notification-card__main" }, children), /* @__PURE__ */ import_react107.default.createElement(
+  return /* @__PURE__ */ import_react108.default.createElement("div", { className: (0, import_classnames43.default)("Layer__notification-card", className) }, /* @__PURE__ */ import_react108.default.createElement("div", { className: "Layer__notification-card__main" }, children), /* @__PURE__ */ import_react108.default.createElement(
     IconButton,
     {
-      icon: /* @__PURE__ */ import_react107.default.createElement(ChevronRight_default, null),
+      icon: /* @__PURE__ */ import_react108.default.createElement(ChevronRight_default, null),
       withBorder: true,
       onClick: () => onClick()
     }
@@ -10469,9 +10483,9 @@ var NotificationCard = ({
 var TransactionToReviewCard = ({
   onClick
 }) => {
-  const [loaded, setLoaded] = (0, import_react108.useState)("initiated");
+  const [loaded, setLoaded] = (0, import_react109.useState)("initiated");
   const { data, isLoading, error, refetch } = useBankTransactions();
-  (0, import_react108.useEffect)(() => {
+  (0, import_react109.useEffect)(() => {
     if (!isLoading && data && data?.length > 0) {
       setLoaded("complete");
       return;
@@ -10485,26 +10499,26 @@ var TransactionToReviewCard = ({
       return;
     }
   }, [isLoading]);
-  const toReview = (0, import_react108.useMemo)(() => {
+  const toReview = (0, import_react109.useMemo)(() => {
     if (data && data.length > 0) {
       return data.filter((tx) => filterVisibility("review" /* review */, tx)).length;
     }
     return 0;
   }, [data, isLoading]);
-  return /* @__PURE__ */ import_react108.default.createElement(
+  return /* @__PURE__ */ import_react109.default.createElement(
     NotificationCard,
     {
       className: "Layer__txs-to-review",
       onClick: () => onClick && onClick()
     },
-    /* @__PURE__ */ import_react108.default.createElement(Text, { size: "sm" /* sm */ }, "Transactions to review"),
-    loaded === "initiated" || loaded === "loading" ? /* @__PURE__ */ import_react108.default.createElement(BadgeLoader, null) : null,
-    loaded === "complete" && error ? /* @__PURE__ */ import_react108.default.createElement(
+    /* @__PURE__ */ import_react109.default.createElement(Text, { size: "sm" /* sm */ }, "Transactions to review"),
+    loaded === "initiated" || loaded === "loading" ? /* @__PURE__ */ import_react109.default.createElement(BadgeLoader, null) : null,
+    loaded === "complete" && error ? /* @__PURE__ */ import_react109.default.createElement(
       Badge,
       {
         variant: "error" /* ERROR */,
         size: "small" /* SMALL */,
-        icon: /* @__PURE__ */ import_react108.default.createElement(RefreshCcw_default, { size: 12 }),
+        icon: /* @__PURE__ */ import_react109.default.createElement(RefreshCcw_default, { size: 12 }),
         onClick: () => {
           setLoaded("loading");
           refetch();
@@ -10512,22 +10526,22 @@ var TransactionToReviewCard = ({
       },
       "Refresh"
     ) : null,
-    loaded === "complete" && !error && toReview > 0 ? /* @__PURE__ */ import_react108.default.createElement(
+    loaded === "complete" && !error && toReview > 0 ? /* @__PURE__ */ import_react109.default.createElement(
       Badge,
       {
         variant: "warning" /* WARNING */,
         size: "small" /* SMALL */,
-        icon: /* @__PURE__ */ import_react108.default.createElement(Bell_default, { size: 12 })
+        icon: /* @__PURE__ */ import_react109.default.createElement(Bell_default, { size: 12 })
       },
       toReview,
       " pending"
     ) : null,
-    loaded === "complete" && !error && toReview === 0 ? /* @__PURE__ */ import_react108.default.createElement(
+    loaded === "complete" && !error && toReview === 0 ? /* @__PURE__ */ import_react109.default.createElement(
       Badge,
       {
         variant: "success" /* SUCCESS */,
         size: "small" /* SMALL */,
-        icon: /* @__PURE__ */ import_react108.default.createElement(Check_default, { size: 12 })
+        icon: /* @__PURE__ */ import_react109.default.createElement(Check_default, { size: 12 })
       },
       "All done"
     ) : null
@@ -10535,60 +10549,97 @@ var TransactionToReviewCard = ({
 };
 
 // src/components/View/View.tsx
-var import_react110 = __toESM(require("react"));
+var import_react111 = __toESM(require("react"));
 
 // src/components/ViewHeader/ViewHeader.tsx
-var import_react109 = __toESM(require("react"));
+var import_react110 = __toESM(require("react"));
 var ViewHeader = ({ title, controls }) => {
-  return /* @__PURE__ */ import_react109.default.createElement("div", { className: "Layer__view-header" }, /* @__PURE__ */ import_react109.default.createElement("div", { className: "Layer__view-header__content" }, /* @__PURE__ */ import_react109.default.createElement(Heading, null, title), controls && /* @__PURE__ */ import_react109.default.createElement("div", { className: "Layer__view-header__controls" }, controls)));
+  return /* @__PURE__ */ import_react110.default.createElement("div", { className: "Layer__view-header" }, /* @__PURE__ */ import_react110.default.createElement("div", { className: "Layer__view-header__content" }, /* @__PURE__ */ import_react110.default.createElement(Heading, null, title), controls && /* @__PURE__ */ import_react110.default.createElement("div", { className: "Layer__view-header__controls" }, controls)));
 };
 
 // src/components/View/View.tsx
 var View3 = ({ title, children, headerControls }) => {
   const { theme } = useLayerContext();
   const styles = parseStylesFromThemeConfig(theme);
-  return /* @__PURE__ */ import_react110.default.createElement("div", { className: "Layer__view", style: { ...styles } }, /* @__PURE__ */ import_react110.default.createElement(ViewHeader, { title, controls: headerControls }), /* @__PURE__ */ import_react110.default.createElement("div", { className: "Layer__view-main" }, children));
+  return /* @__PURE__ */ import_react111.default.createElement("div", { className: "Layer__view", style: { ...styles } }, /* @__PURE__ */ import_react111.default.createElement(ViewHeader, { title, controls: headerControls }), /* @__PURE__ */ import_react111.default.createElement("div", { className: "Layer__view-main" }, children));
 };
 
 // src/views/AccountingOverview/AccountingOverview.tsx
+var import_classnames44 = __toESM(require("classnames"));
 var AccountingOverview = ({
   title = "Accounting overview",
   enableOnboarding = false,
   onTransactionsToReviewClick
 }) => {
-  return /* @__PURE__ */ import_react111.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react111.default.createElement(View3, { title, headerControls: /* @__PURE__ */ import_react111.default.createElement(ProfitAndLoss.DatePicker, null) }, enableOnboarding && /* @__PURE__ */ import_react111.default.createElement(Onboarding, null), /* @__PURE__ */ import_react111.default.createElement("div", { className: "Layer__accounting-overview__summaries-row" }, /* @__PURE__ */ import_react111.default.createElement(ProfitAndLoss.Summaries, { actionable: false }), /* @__PURE__ */ import_react111.default.createElement(TransactionToReviewCard, { onClick: onTransactionsToReviewClick })), /* @__PURE__ */ import_react111.default.createElement(
+  const [pnlToggle, setPnlToggle] = (0, import_react112.useState)("revenue");
+  return /* @__PURE__ */ import_react112.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react112.default.createElement(View3, { title, headerControls: /* @__PURE__ */ import_react112.default.createElement(ProfitAndLoss.DatePicker, null) }, enableOnboarding && /* @__PURE__ */ import_react112.default.createElement(Onboarding, null), /* @__PURE__ */ import_react112.default.createElement("div", { className: "Layer__accounting-overview__summaries-row" }, /* @__PURE__ */ import_react112.default.createElement(ProfitAndLoss.Summaries, { actionable: false }), /* @__PURE__ */ import_react112.default.createElement(TransactionToReviewCard, { onClick: onTransactionsToReviewClick })), /* @__PURE__ */ import_react112.default.createElement(
     Container,
     {
       name: "accounting-overview-profit-and-loss",
       asWidget: true,
       elevated: true
     },
-    /* @__PURE__ */ import_react111.default.createElement(Header, null, /* @__PURE__ */ import_react111.default.createElement(Heading, { size: "secondary" /* secondary */ }, "Profit & Loss")),
-    /* @__PURE__ */ import_react111.default.createElement(ProfitAndLoss.Chart, null)
-  ), /* @__PURE__ */ import_react111.default.createElement("div", { className: "accounting-overview-profit-and-loss-charts" }, /* @__PURE__ */ import_react111.default.createElement(Container, { name: "accounting-overview-profit-and-loss-chart" }, /* @__PURE__ */ import_react111.default.createElement(ProfitAndLoss.DetailedCharts, { scope: "revenue", hideClose: true })), /* @__PURE__ */ import_react111.default.createElement(Container, { name: "accounting-overview-profit-and-loss-chart" }, /* @__PURE__ */ import_react111.default.createElement(ProfitAndLoss.DetailedCharts, { scope: "expenses", hideClose: true })))));
+    /* @__PURE__ */ import_react112.default.createElement(Header, null, /* @__PURE__ */ import_react112.default.createElement(Heading, { size: "secondary" /* secondary */ }, "Profit & Loss")),
+    /* @__PURE__ */ import_react112.default.createElement(ProfitAndLoss.Chart, null)
+  ), /* @__PURE__ */ import_react112.default.createElement("div", { className: "accounting-overview-profit-and-loss-charts" }, /* @__PURE__ */ import_react112.default.createElement(
+    Toggle,
+    {
+      name: "pnl-detailed-charts",
+      options: [
+        {
+          value: "revenue",
+          label: "Revenue"
+        },
+        {
+          value: "expenses",
+          label: "Expenses"
+        }
+      ],
+      selected: pnlToggle,
+      onChange: (e) => setPnlToggle(e.target.value)
+    }
+  ), /* @__PURE__ */ import_react112.default.createElement(
+    Container,
+    {
+      name: (0, import_classnames44.default)(
+        "accounting-overview-profit-and-loss-chart",
+        pnlToggle !== "revenue" && "accounting-overview-profit-and-loss-chart--hidden"
+      )
+    },
+    /* @__PURE__ */ import_react112.default.createElement(ProfitAndLoss.DetailedCharts, { scope: "revenue", hideClose: true })
+  ), /* @__PURE__ */ import_react112.default.createElement(
+    Container,
+    {
+      name: (0, import_classnames44.default)(
+        "accounting-overview-profit-and-loss-chart",
+        pnlToggle !== "expenses" && "accounting-overview-profit-and-loss-chart--hidden"
+      )
+    },
+    /* @__PURE__ */ import_react112.default.createElement(ProfitAndLoss.DetailedCharts, { scope: "expenses", hideClose: true })
+  ))));
 };
 
 // src/views/BankTransactionsWithLinkedAccounts/BankTransactionsWithLinkedAccounts.tsx
-var import_react112 = __toESM(require("react"));
+var import_react113 = __toESM(require("react"));
 var BankTransactionsWithLinkedAccounts = ({
   title = "Bank transactions",
   elevatedLinkedAccounts = true,
   showLedgerBalance = true
 }) => {
-  return /* @__PURE__ */ import_react112.default.createElement(View3, { title }, /* @__PURE__ */ import_react112.default.createElement(
+  return /* @__PURE__ */ import_react113.default.createElement(View3, { title }, /* @__PURE__ */ import_react113.default.createElement(
     LinkedAccounts,
     {
       elevated: elevatedLinkedAccounts,
       showLedgerBalance
     }
-  ), /* @__PURE__ */ import_react112.default.createElement(BankTransactions, { asWidget: true }));
+  ), /* @__PURE__ */ import_react113.default.createElement(BankTransactions, { asWidget: true }));
 };
 
 // src/views/Reports/Reports.tsx
-var import_react113 = __toESM(require("react"));
+var import_react114 = __toESM(require("react"));
 var Reports = ({ title = "Reports" }) => {
-  const containerRef = (0, import_react113.useRef)(null);
-  return /* @__PURE__ */ import_react113.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react113.default.createElement(View3, { title, headerControls: /* @__PURE__ */ import_react113.default.createElement(ProfitAndLoss.DatePicker, null) }, /* @__PURE__ */ import_react113.default.createElement(
+  const containerRef = (0, import_react114.useRef)(null);
+  return /* @__PURE__ */ import_react114.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react114.default.createElement(View3, { title, headerControls: /* @__PURE__ */ import_react114.default.createElement(ProfitAndLoss.DatePicker, null) }, /* @__PURE__ */ import_react114.default.createElement(
     Toggle,
     {
       name: "reports-tabs",
@@ -10606,28 +10657,28 @@ var Reports = ({ title = "Reports" }) => {
       selected: "profitAndLoss",
       onChange: () => null
     }
-  ), /* @__PURE__ */ import_react113.default.createElement(Container, { name: "reports", ref: containerRef }, /* @__PURE__ */ import_react113.default.createElement(ReportsPanel, { containerRef }))));
+  ), /* @__PURE__ */ import_react114.default.createElement(Container, { name: "reports", ref: containerRef }, /* @__PURE__ */ import_react114.default.createElement(ReportsPanel, { containerRef }))));
 };
 var ReportsPanel = ({ containerRef }) => {
-  const { sidebarScope } = (0, import_react113.useContext)(ProfitAndLoss.Context);
-  return /* @__PURE__ */ import_react113.default.createElement(
+  const { sidebarScope } = (0, import_react114.useContext)(ProfitAndLoss.Context);
+  return /* @__PURE__ */ import_react114.default.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ import_react113.default.createElement(ProfitAndLoss.DetailedCharts, null),
+      sidebar: /* @__PURE__ */ import_react114.default.createElement(ProfitAndLoss.DetailedCharts, null),
       sidebarIsOpen: Boolean(sidebarScope),
       parentRef: containerRef
     },
-    /* @__PURE__ */ import_react113.default.createElement(ProfitAndLoss.Table, { asContainer: false })
+    /* @__PURE__ */ import_react114.default.createElement(ProfitAndLoss.Table, { asContainer: false })
   );
 };
 
 // src/views/GeneralLedger/GeneralLedger.tsx
-var import_react114 = __toESM(require("react"));
+var import_react115 = __toESM(require("react"));
 var GeneralLedgerView = ({
   title = "General Ledger"
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react114.useState)("chartOfAccounts");
-  return /* @__PURE__ */ import_react114.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react114.default.createElement(View3, { title }, /* @__PURE__ */ import_react114.default.createElement(
+  const [activeTab, setActiveTab] = (0, import_react115.useState)("chartOfAccounts");
+  return /* @__PURE__ */ import_react115.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react115.default.createElement(View3, { title }, /* @__PURE__ */ import_react115.default.createElement(
     Toggle,
     {
       name: "general-ledger-tabs",
@@ -10644,7 +10695,7 @@ var GeneralLedgerView = ({
       selected: activeTab,
       onChange: (opt) => setActiveTab(opt.target.value)
     }
-  ), /* @__PURE__ */ import_react114.default.createElement(Container, { name: "generalLedger" }, activeTab === "chartOfAccounts" ? /* @__PURE__ */ import_react114.default.createElement(ChartOfAccounts, { asWidget: true, withDateControl: true, withExpandAllButton: true }) : /* @__PURE__ */ import_react114.default.createElement(Journal, null))));
+  ), /* @__PURE__ */ import_react115.default.createElement(Container, { name: "generalLedger" }, activeTab === "chartOfAccounts" ? /* @__PURE__ */ import_react115.default.createElement(ChartOfAccounts, { asWidget: true, withDateControl: true, withExpandAllButton: true }) : /* @__PURE__ */ import_react115.default.createElement(Journal, null))));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -10654,6 +10705,7 @@ var GeneralLedgerView = ({
   BankTransactionsWithLinkedAccounts,
   ChartOfAccounts,
   GeneralLedgerView,
+  Hello,
   Journal,
   LayerProvider,
   LinkedAccounts,