@layerfi/components 0.1.75 → 0.1.76

package/dist/index.js

@@ -1219,7 +1219,6 @@ var useLinkedAccounts = () => {
   } = useLayerContext();
   const [linkToken, setLinkToken] = (0, import_react10.useState)(null);
   const [loadingStatus, setLoadingStatus] = (0, import_react10.useState)("initial");
-  const USE_PLAID_SANDBOX = usePlaidSandbox != null ? usePlaidSandbox : true;
   const [linkMode, setLinkMode] = (0, import_react10.useState)("add");
   const queryKey = businessId && (auth == null ? void 0 : auth.access_token) && `linked-accounts-${businessId}`;
   const {
@@ -1288,7 +1287,7 @@ var useLinkedAccounts = () => {
       }
     }),
     onExit: () => setLinkMode("add"),
-    env: USE_PLAID_SANDBOX ? "sandbox" : void 0
+    env: usePlaidSandbox ? "sandbox" : void 0
   });
   (0, import_react10.useEffect)(() => {
     if (plaidLinkReady) {
@@ -1939,7 +1938,12 @@ var BusinessProvider = ({
   };
   errorHandler.setOnError(onError);
   const colors = buildColorsPalette(theme);
-  const { url, scope, apiUrl } = LayerEnvironment[environment];
+  const {
+    url,
+    scope,
+    apiUrl,
+    usePlaidSandbox: defaultUsePlaidSandbox
+  } = LayerEnvironment[environment];
   const [state, dispatch] = (0, import_react13.useReducer)(reducer, {
     auth: {
       access_token: "",
@@ -1953,7 +1957,7 @@ var BusinessProvider = ({
     apiUrl,
     theme,
     colors,
-    usePlaidSandbox,
+    usePlaidSandbox: usePlaidSandbox != null ? usePlaidSandbox : defaultUsePlaidSandbox,
     onboardingStep: void 0,
     environment,
     toasts: [],
@@ -2157,22 +2161,26 @@ var LayerEnvironment = {
   production: {
     url: "https://auth.layerfi.com/oauth2/token",
     scope: "https://api.layerfi.com/production",
-    apiUrl: "https://api.layerfi.com"
+    apiUrl: "https://api.layerfi.com",
+    usePlaidSandbox: false
   },
   sandbox: {
     url: "https://auth.layerfi.com/oauth2/token",
     scope: "https://sandbox.layerfi.com/sandbox",
-    apiUrl: "https://sandbox.layerfi.com"
+    apiUrl: "https://sandbox.layerfi.com",
+    usePlaidSandbox: true
   },
   staging: {
     url: "https://auth.layerfi.com/oauth2/token",
     scope: "https://sandbox.layerfi.com/sandbox",
-    apiUrl: "https://staging.layerfi.com"
+    apiUrl: "https://staging.layerfi.com",
+    usePlaidSandbox: true
   },
   internalStaging: {
     url: "https://auth.layerfi.com/oauth2/token",
     scope: "https://sandbox.layerfi.com/sandbox",
-    apiUrl: "https://staging.layerfi.com"
+    apiUrl: "https://staging.layerfi.com",
+    usePlaidSandbox: true
   }
 };
 var LayerProvider = (props) => {
@@ -10327,7 +10335,7 @@ var Quickbooks = () => {
 };
 
 // src/components/ProfitAndLoss/ProfitAndLoss.tsx
-var import_react148 = __toESM(require("react"));
+var import_react152 = __toESM(require("react"));
 
 // src/contexts/ProfitAndLossComparisonContext/ProfitAndLossComparisonContext.tsx
 var import_react111 = require("react");
@@ -13004,14 +13012,103 @@ var ProfitAndLossReport = ({
 };
 
 // src/components/ProfitAndLossSummaries/ProfitAndLossSummaries.tsx
-var import_react137 = __toESM(require("react"));
+var import_react141 = __toESM(require("react"));
 
-// src/components/ProfitAndLossSummaries/MiniChart.tsx
+// src/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesList.tsx
 var import_react136 = __toESM(require("react"));
+
+// src/utils/styleUtils/toDataProperties.ts
+function toDataProperties(input) {
+  const unsafeProperties = Object.fromEntries(
+    Object.entries(input).map(([key, value]) => {
+      if (typeof value !== "string" && typeof value !== "number" && value !== true) {
+        return null;
+      }
+      return [`data-${key}`, value];
+    }).filter((entry) => entry !== null)
+  );
+  return unsafeProperties;
+}
+
+// src/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesList.tsx
+var LIST_ITEM_CLASS_NAME = "Layer__ProfitAndLossSummariesListItem";
+function ProfitAndLossSummariesListItem({
+  children,
+  isActive,
+  onClick
+}) {
+  const dataProperties = (0, import_react136.useMemo)(
+    () => toDataProperties({ active: isActive, clickable: !!onClick }),
+    [isActive]
+  );
+  return /* @__PURE__ */ import_react136.default.createElement("li", __spreadProps(__spreadValues({ className: LIST_ITEM_CLASS_NAME }, dataProperties), { onClick }), children);
+}
+var LIST_CLASS_NAME = "Layer__ProfitAndLossSummariesList";
+function ProfitAndLossSummariesList({
+  children,
+  itemCount
+}) {
+  const dataProperties = (0, import_react136.useMemo)(
+    () => toDataProperties({ ["column-count"]: itemCount }),
+    [itemCount]
+  );
+  return /* @__PURE__ */ import_react136.default.createElement("ul", __spreadValues({ className: LIST_CLASS_NAME }, dataProperties), children);
+}
+
+// src/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesMiniChart.tsx
+var import_react137 = __toESM(require("react"));
 var import_recharts3 = require("recharts");
-var MiniChart = ({ data, chartColorsList }) => {
+var CHART_PLACEHOLDER = [
+  {
+    name: "placeholder",
+    display_name: "placeholder",
+    value: 1,
+    type: "placeholder",
+    share: 1
+  }
+];
+function toMiniChartData({
+  scope,
+  data
+}) {
+  if (!data) {
+    return CHART_PLACEHOLDER;
+  }
+  let items = [];
+  switch (scope) {
+    case "revenue":
+      items = collectRevenueItems(data);
+      break;
+    default:
+      items = collectExpensesItems(data);
+  }
+  if (!items || items.length === 0 || !items.find((x) => Math.abs(x.value) !== 0)) {
+    return CHART_PLACEHOLDER;
+  }
+  return items.slice();
+}
+function ProfitAndLossSummariesMiniChart({
+  data,
+  chartColorsList,
+  variants
+}) {
   const typeColorMapping = mapTypesToColors(data, chartColorsList);
-  return /* @__PURE__ */ import_react136.default.createElement(import_recharts3.PieChart, { width: 52, height: 52, className: "mini-chart" }, /* @__PURE__ */ import_react136.default.createElement(
+  let chartDimension = 52;
+  let innerRadius = 10;
+  let outerRadius = 16;
+  switch (variants == null ? void 0 : variants.size) {
+    case "sm":
+      chartDimension = 52;
+      innerRadius = 10;
+      outerRadius = 16;
+      break;
+    case "lg":
+      chartDimension = 64;
+      innerRadius = 12;
+      outerRadius = 20;
+      break;
+  }
+  return /* @__PURE__ */ import_react137.default.createElement(import_recharts3.PieChart, { width: chartDimension, height: chartDimension }, /* @__PURE__ */ import_react137.default.createElement(
     import_recharts3.Pie,
     {
       data,
@@ -13019,18 +13116,18 @@ var MiniChart = ({ data, chartColorsList }) => {
       nameKey: "name",
       cx: "50%",
       cy: "50%",
-      innerRadius: 10,
-      outerRadius: 16,
+      innerRadius,
+      outerRadius,
       paddingAngle: 0.4,
       fill: "#8884d8",
-      width: 24,
-      height: 24,
+      width: 36,
+      height: 36,
       animationDuration: 250,
       animationEasing: "ease-in-out"
     },
     data.map((entry, index) => {
       const colorConfig = typeColorMapping[index];
-      return /* @__PURE__ */ import_react136.default.createElement(
+      return /* @__PURE__ */ import_react137.default.createElement(
         import_recharts3.Cell,
         {
           key: `cell-${index}`,
@@ -13041,136 +13138,145 @@ var MiniChart = ({ data, chartColorsList }) => {
       );
     })
   ));
-};
+}
+
+// src/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesSummary.tsx
+var import_react140 = __toESM(require("react"));
+
+// src/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesHeading.tsx
+var import_react138 = require("react");
+var import_react139 = __toESM(require("react"));
+var HEADING_CLASS_NAME = "Layer__ProfitAndLossSummariesSummaryHeading";
+function ProfitAndLossSummariesHeading({
+  variants,
+  children
+}) {
+  const { size = "sm" } = variants != null ? variants : {};
+  const labelDataProperties = (0, import_react138.useMemo)(() => toDataProperties({ size }), [size]);
+  return /* @__PURE__ */ import_react139.default.createElement("h3", __spreadValues({ className: HEADING_CLASS_NAME }, labelDataProperties), children);
+}
+
+// src/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesSummary.tsx
+var CLASS_NAME = "Layer__ProfitAndLossSummariesSummary";
+var CHART_AREA_CLASS_NAME = "Layer__ProfitAndLossSummariesSummaryChartArea";
+var AMOUNT_CLASS_NAME = "Layer__ProfitAndLossSummariesSummaryAmount";
+function ProfitAndLossSummariesSummary({
+  label,
+  amount,
+  isLoading,
+  slots,
+  variants
+}) {
+  const { Chart } = slots != null ? slots : {};
+  const { size = "sm" } = variants != null ? variants : {};
+  const dataProperties = (0, import_react140.useMemo)(() => toDataProperties({ size }), [size]);
+  const amountDataProperties = (0, import_react140.useMemo)(
+    () => toDataProperties({
+      positive: amount >= 0,
+      negative: amount < 0,
+      size
+    }),
+    [amount, size]
+  );
+  return /* @__PURE__ */ import_react140.default.createElement("div", __spreadValues({ className: CLASS_NAME }, dataProperties), Chart && /* @__PURE__ */ import_react140.default.createElement("div", { className: CHART_AREA_CLASS_NAME }, Chart), /* @__PURE__ */ import_react140.default.createElement(ProfitAndLossSummariesHeading, { variants }, label), isLoading ? /* @__PURE__ */ import_react140.default.createElement(SkeletonLoader, null) : /* @__PURE__ */ import_react140.default.createElement("span", __spreadValues({ className: AMOUNT_CLASS_NAME }, amountDataProperties), centsToDollars(Math.abs(amount))));
+}
 
 // src/components/ProfitAndLossSummaries/ProfitAndLossSummaries.tsx
-var import_classnames58 = __toESM(require("classnames"));
-var CHART_PLACEHOLDER = [
-  {
-    name: "placeholder",
-    display_name: "placeholder",
-    value: 1,
-    type: "placeholder",
-    share: 1
-  }
-];
-var buildMiniChartData = (scope, data) => {
-  if (!data) {
-    return CHART_PLACEHOLDER;
-  }
-  let items = [];
-  switch (scope) {
-    case "revenue":
-      items = collectRevenueItems(data);
-      break;
-    default:
-      items = collectExpensesItems(data);
-  }
-  if (!items || items.length === 0 || !items.find((x) => Math.abs(x.value) !== 0)) {
-    return CHART_PLACEHOLDER;
-  }
-  return items.slice();
-};
-var ProfitAndLossSummaries = ({
-  vertical,
+var SECTION_CLASS_NAME = "Layer__ProfitAndLossSummaries";
+var SECTION_CLASS_NAMES = `${SECTION_CLASS_NAME} Layer__component`;
+function Internal_ProfitAndLossSummaries({
   actionable = false,
   revenueLabel,
   stringOverrides,
-  chartColorsList
-}) => {
-  var _a, _b, _c, _d, _e, _f;
+  chartColorsList,
+  slots,
+  variants
+}) {
+  var _a, _b;
   const {
     data: storedData,
     isLoading,
     setSidebarScope,
     sidebarScope
-  } = (0, import_react137.useContext)(ProfitAndLoss.Context);
+  } = (0, import_react141.useContext)(ProfitAndLoss.Context);
   const dataItem = Array.isArray(storedData) ? storedData[storedData.length - 1] : storedData;
-  const expensesChartData = (0, import_react137.useMemo)(() => {
-    return buildMiniChartData("expenses", dataItem);
-  }, [storedData]);
-  const revenueChartData = (0, import_react137.useMemo)(() => {
-    return buildMiniChartData("revenue", dataItem);
-  }, [storedData]);
+  const { revenueChartData, expensesChartData } = (0, import_react141.useMemo)(
+    () => ({
+      revenueChartData: toMiniChartData({ scope: "revenue", data: dataItem }),
+      expensesChartData: toMiniChartData({ scope: "expenses", data: dataItem })
+    }),
+    [dataItem]
+  );
   const data = dataItem ? dataItem : { income: { value: NaN }, net_profit: NaN };
-  const incomeDirectionClass = ((_a = data.income.value) != null ? _a : NaN) < 0 ? "Layer__profit-and-loss-summaries__amount--negative" : "Layer__profit-and-loss-summaries__amount--positive";
-  const expensesDirectionClass = ((_c = (_b = data == null ? void 0 : data.income) == null ? void 0 : _b.value) != null ? _c : 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_react137.default.createElement(
-    "div",
+  const { unstable_AdditionalListItems = [] } = slots != null ? slots : {};
+  const listItemCount = unstable_AdditionalListItems.length + 3;
+  return /* @__PURE__ */ import_react141.default.createElement("section", { className: SECTION_CLASS_NAMES }, /* @__PURE__ */ import_react141.default.createElement(ProfitAndLossSummariesList, { itemCount: listItemCount }, /* @__PURE__ */ import_react141.default.createElement(
+    ProfitAndLossSummariesListItem,
     {
-      className: `Layer__profit-and-loss-summaries ${vertical ? "flex-col" : ""}`
+      isActive: sidebarScope === "revenue",
+      onClick: actionable ? () => setSidebarScope("revenue") : void 0
     },
-    /* @__PURE__ */ import_react137.default.createElement(
-      "div",
+    /* @__PURE__ */ import_react141.default.createElement(
+      ProfitAndLossSummariesSummary,
       {
-        className: (0, import_classnames58.default)(
-          "Layer__profit-and-loss-summaries__summary",
-          actionable && "Layer__actionable",
-          "Layer__profit-and-loss-summaries__summary--income",
-          sidebarScope === "revenue" ? "active" : ""
-        ),
-        onClick: () => {
-          actionable && setSidebarScope("revenue");
-        }
-      },
-      /* @__PURE__ */ import_react137.default.createElement(MiniChart, { data: revenueChartData, chartColorsList }),
-      /* @__PURE__ */ import_react137.default.createElement("div", { className: "Layer__profit-and-loss-summaries__text" }, /* @__PURE__ */ import_react137.default.createElement("span", { className: "Layer__profit-and-loss-summaries__title" }, (stringOverrides == null ? void 0 : stringOverrides.revenueLabel) || revenueLabel || "Revenue"), isLoading || storedData === void 0 ? /* @__PURE__ */ import_react137.default.createElement("div", { className: "Layer__profit-and-loss-summaries__loader" }, /* @__PURE__ */ import_react137.default.createElement(SkeletonLoader, null)) : /* @__PURE__ */ import_react137.default.createElement(
-        "span",
-        {
-          className: `Layer__profit-and-loss-summaries__amount ${incomeDirectionClass}`
-        },
-        centsToDollars(Math.abs((_e = (_d = data == null ? void 0 : data.income) == null ? void 0 : _d.value) != null ? _e : NaN))
-      ))
-    ),
-    /* @__PURE__ */ import_react137.default.createElement(
-      "div",
-      {
-        className: (0, import_classnames58.default)(
-          "Layer__profit-and-loss-summaries__summary",
-          actionable && "Layer__actionable",
-          "Layer__profit-and-loss-summaries__summary--expenses",
-          sidebarScope === "expenses" ? "active" : ""
-        ),
-        onClick: () => {
-          actionable && setSidebarScope("expenses");
-        }
-      },
-      /* @__PURE__ */ import_react137.default.createElement(MiniChart, { data: expensesChartData, chartColorsList }),
-      /* @__PURE__ */ import_react137.default.createElement("div", { className: "Layer__profit-and-loss-summaries__text" }, /* @__PURE__ */ import_react137.default.createElement("span", { className: "Layer__profit-and-loss-summaries__title" }, (stringOverrides == null ? void 0 : stringOverrides.expensesLabel) || "Expenses"), isLoading || storedData === void 0 ? /* @__PURE__ */ import_react137.default.createElement("div", { className: "Layer__profit-and-loss-summaries__loader" }, /* @__PURE__ */ import_react137.default.createElement(SkeletonLoader, { className: "Layer__profit-and-loss-summaries__loader" })) : /* @__PURE__ */ import_react137.default.createElement(
-        "span",
-        {
-          className: `Layer__profit-and-loss-summaries__amount ${expensesDirectionClass}`
+        label: (stringOverrides == null ? void 0 : stringOverrides.revenueLabel) || revenueLabel || "Revenue",
+        amount: data.income.value,
+        isLoading,
+        slots: {
+          Chart: /* @__PURE__ */ import_react141.default.createElement(
+            ProfitAndLossSummariesMiniChart,
+            {
+              data: revenueChartData,
+              chartColorsList,
+              variants
+            }
+          )
         },
-        centsToDollars(
-          Math.abs(((_f = data.income.value) != null ? _f : 0) - data.net_profit)
-        )
-      ))
-    ),
-    /* @__PURE__ */ import_react137.default.createElement(
-      "div",
+        variants
+      }
+    )
+  ), /* @__PURE__ */ import_react141.default.createElement(
+    ProfitAndLossSummariesListItem,
+    {
+      isActive: sidebarScope === "expenses",
+      onClick: actionable ? () => setSidebarScope("expenses") : void 0
+    },
+    /* @__PURE__ */ import_react141.default.createElement(
+      ProfitAndLossSummariesSummary,
       {
-        className: (0, import_classnames58.default)(
-          "Layer__profit-and-loss-summaries__summary net-profit Layer__profit-and-loss-summaries__summary--net-profit",
-          actionable && "Layer__actionable"
-        )
-      },
-      /* @__PURE__ */ import_react137.default.createElement("div", { className: "Layer__profit-and-loss-summaries__text" }, /* @__PURE__ */ import_react137.default.createElement("span", { className: "Layer__profit-and-loss-summaries__title" }, (stringOverrides == null ? void 0 : stringOverrides.netProfitLabel) || "Net Profit"), isLoading || storedData === void 0 ? /* @__PURE__ */ import_react137.default.createElement("div", { className: "Layer__profit-and-loss-summaries__loader" }, /* @__PURE__ */ import_react137.default.createElement(SkeletonLoader, { className: "Layer__profit-and-loss-summaries__loader" })) : /* @__PURE__ */ import_react137.default.createElement(
-        "span",
-        {
-          className: `Layer__profit-and-loss-summaries__amount ${netProfitDirectionClass}`
+        label: (stringOverrides == null ? void 0 : stringOverrides.revenueLabel) || revenueLabel || "Expenses",
+        amount: ((_b = (_a = data == null ? void 0 : data.income) == null ? void 0 : _a.value) != null ? _b : NaN) - data.net_profit,
+        isLoading,
+        slots: {
+          Chart: /* @__PURE__ */ import_react141.default.createElement(
+            ProfitAndLossSummariesMiniChart,
+            {
+              data: expensesChartData,
+              chartColorsList,
+              variants
+            }
+          )
         },
-        centsToDollars(Math.abs(data.net_profit))
-      ))
+        variants
+      }
     )
-  );
-};
+  ), /* @__PURE__ */ import_react141.default.createElement(ProfitAndLossSummariesListItem, null, /* @__PURE__ */ import_react141.default.createElement(
+    ProfitAndLossSummariesSummary,
+    {
+      label: (stringOverrides == null ? void 0 : stringOverrides.netProfitLabel) || "Net Profit",
+      amount: data.net_profit,
+      variants,
+      isLoading
+    }
+  )), unstable_AdditionalListItems.map((item, index) => /* @__PURE__ */ import_react141.default.createElement(ProfitAndLossSummariesListItem, { key: index }, item))));
+}
+var ProfitAndLossSummaries = (props) => Internal_ProfitAndLossSummaries(props);
 
 // src/components/ProfitAndLossTable/ProfitAndLossTableWithProvider.tsx
-var import_react147 = __toESM(require("react"));
+var import_react151 = __toESM(require("react"));
 
 // src/contexts/TableContext/TableContext.tsx
-var import_react138 = __toESM(require("react"));
+var import_react142 = __toESM(require("react"));
 var defaultValue = {
   expandedRows: [],
   setExpandedRows: () => {
@@ -13181,10 +13287,10 @@ var defaultValue = {
   setExpandedAllRows: () => {
   }
 };
-var TableContext = (0, import_react138.createContext)(defaultValue);
+var TableContext = (0, import_react142.createContext)(defaultValue);
 var TableProvider = ({ children }) => {
-  const [expandedRows, setExpandedRowsState] = (0, import_react138.useState)([]);
-  const [expandedAllRows, setExpandedAllRows] = (0, import_react138.useState)(false);
+  const [expandedRows, setExpandedRowsState] = (0, import_react142.useState)([]);
+  const [expandedAllRows, setExpandedAllRows] = (0, import_react142.useState)(false);
   const toggleRow = (rowKey) => {
     setExpandedRowsState((prevRows) => {
       const rows = [...prevRows];
@@ -13206,14 +13312,14 @@ var TableProvider = ({ children }) => {
     expandedAllRows,
     setExpandedAllRows
   };
-  return /* @__PURE__ */ import_react138.default.createElement(TableContext.Provider, { value: contextValue }, children);
+  return /* @__PURE__ */ import_react142.default.createElement(TableContext.Provider, { value: contextValue }, children);
 };
 
 // src/components/ProfitAndLossTable/ProfitAndLossCompareTable.tsx
-var import_react145 = __toESM(require("react"));
+var import_react149 = __toESM(require("react"));
 
 // src/hooks/useTableExpandRow/useTableExpandRow.tsx
-var import_react139 = require("react");
+var import_react143 = require("react");
 var useTableExpandRow = () => {
   const {
     expandedAllRows,
@@ -13221,7 +13327,7 @@ var useTableExpandRow = () => {
     expandAllRows,
     expandedRows,
     setExpandedRows
-  } = (0, import_react139.useContext)(TableContext);
+  } = (0, import_react143.useContext)(TableContext);
   const toggleAllRows = () => {
     if (expandedAllRows) {
       setIsOpen([]);
@@ -13312,14 +13418,14 @@ var mergeComparisonLineItemsAtDepth = (lineItems) => {
 };
 
 // src/components/TableBody/TableBody.tsx
-var import_react140 = __toESM(require("react"));
+var import_react144 = __toESM(require("react"));
 var TableBody = ({ children }) => {
-  return /* @__PURE__ */ import_react140.default.createElement("tbody", { className: "Layer__table-body" }, children);
+  return /* @__PURE__ */ import_react144.default.createElement("tbody", { className: "Layer__table-body" }, children);
 };
 
 // src/components/TableCell/TableCell.tsx
-var import_react141 = __toESM(require("react"));
-var import_classnames59 = __toESM(require("classnames"));
+var import_react145 = __toESM(require("react"));
+var import_classnames58 = __toESM(require("classnames"));
 var TableCell = ({
   children,
   className,
@@ -13337,7 +13443,7 @@ var TableCell = ({
   const amount = typeof children === "number" ? children : 0;
   const isPositive = amount >= 0;
   const amountString = centsToDollars(Math.abs(amount));
-  const cellClassNames = (0, import_classnames59.default)(
+  const cellClassNames = (0, import_classnames58.default)(
     "Layer__table-cell",
     (primary || isHeaderCell) && "Layer__table-cell--primary",
     isCurrency && "Layer__table-cell-amount",
@@ -13347,9 +13453,9 @@ var TableCell = ({
     className
   );
   if (isHeaderCell) {
-    return /* @__PURE__ */ import_react141.default.createElement("th", { className: cellClassNames, colSpan, style }, /* @__PURE__ */ import_react141.default.createElement("span", { className: "Layer__table-cell-content" }, children));
+    return /* @__PURE__ */ import_react145.default.createElement("th", { className: cellClassNames, colSpan, style }, /* @__PURE__ */ import_react145.default.createElement("span", { className: "Layer__table-cell-content" }, children));
   }
-  return /* @__PURE__ */ import_react141.default.createElement(
+  return /* @__PURE__ */ import_react145.default.createElement(
     "td",
     {
       className: cellClassNames,
@@ -13357,7 +13463,7 @@ var TableCell = ({
       colSpan,
       onClick: (e) => onClick && onClick(e)
     },
-    /* @__PURE__ */ import_react141.default.createElement("span", { className: "Layer__table-cell-content" }, withExpandIcon && /* @__PURE__ */ import_react141.default.createElement(
+    /* @__PURE__ */ import_react145.default.createElement("span", { className: "Layer__table-cell-content" }, withExpandIcon && /* @__PURE__ */ import_react145.default.createElement(
       ChevronDownFill_default,
       {
         className: "Layer__table-row--expand-icon",
@@ -13368,14 +13474,14 @@ var TableCell = ({
 };
 
 // src/components/TableHead/TableHead.tsx
-var import_react142 = __toESM(require("react"));
+var import_react146 = __toESM(require("react"));
 var TableHead = ({ children }) => {
-  return /* @__PURE__ */ import_react142.default.createElement("thead", { className: "Layer__table-header" }, children);
+  return /* @__PURE__ */ import_react146.default.createElement("thead", { className: "Layer__table-header" }, children);
 };
 
 // src/components/TableRow/TableRow.tsx
-var import_react143 = __toESM(require("react"));
-var import_classnames60 = __toESM(require("classnames"));
+var import_react147 = __toESM(require("react"));
+var import_classnames59 = __toESM(require("classnames"));
 var TableRow = ({
   rowKey,
   children,
@@ -13399,14 +13505,14 @@ var TableRow = ({
       handleExpand && handleExpand();
     }
   };
-  const rowClassNames = (0, import_classnames60.default)([
+  const rowClassNames = (0, import_classnames59.default)([
     "Layer__table-row",
     !isHeadRow && `Layer__table-row--depth-${depth}`,
     !isHeadRow && `Layer__table-row--variant-${variant}`,
     selected && "Layer__table-row--selected",
     !isHeadRow && expandable && (isExpanded ? "Layer__table-row--expanded" : "Layer__table-row--collapsed")
   ]);
-  return /* @__PURE__ */ import_react143.default.createElement(import_react143.default.Fragment, null, withDivider && withDividerPosition === "top" && /* @__PURE__ */ import_react143.default.createElement("tr", { className: "Layer__table-empty-row" }, /* @__PURE__ */ import_react143.default.createElement("td", { colSpan: Array.isArray(children) ? children.length : 1 })), /* @__PURE__ */ import_react143.default.createElement(
+  return /* @__PURE__ */ import_react147.default.createElement(import_react147.default.Fragment, null, withDivider && withDividerPosition === "top" && /* @__PURE__ */ import_react147.default.createElement("tr", { className: "Layer__table-empty-row" }, /* @__PURE__ */ import_react147.default.createElement("td", { colSpan: Array.isArray(children) ? children.length : 1 })), /* @__PURE__ */ import_react147.default.createElement(
     "tr",
     {
       "data-key": rowKey,
@@ -13414,21 +13520,21 @@ var TableRow = ({
       onClick: (e) => toggleExpanded(e)
     },
     children
-  ), withDivider && withDividerPosition === "bottom" && /* @__PURE__ */ import_react143.default.createElement("tr", { className: "Layer__table-empty-row" }, /* @__PURE__ */ import_react143.default.createElement("td", { colSpan: Array.isArray(children) ? children.length : 1 })));
+  ), withDivider && withDividerPosition === "bottom" && /* @__PURE__ */ import_react147.default.createElement("tr", { className: "Layer__table-empty-row" }, /* @__PURE__ */ import_react147.default.createElement("td", { colSpan: Array.isArray(children) ? children.length : 1 })));
 };
 
 // src/components/Table/Table.tsx
-var import_react144 = __toESM(require("react"));
-var import_classnames61 = __toESM(require("classnames"));
+var import_react148 = __toESM(require("react"));
+var import_classnames60 = __toESM(require("classnames"));
 var Table = ({
   componentName,
   children,
   borderCollapse = "separate",
   bottomSpacing = true
 }) => {
-  const tableRef = (0, import_react144.useRef)(null);
-  const prevChildrenRef = (0, import_react144.useRef)([]);
-  (0, import_react144.useEffect)(() => {
+  const tableRef = (0, import_react148.useRef)(null);
+  const prevChildrenRef = (0, import_react148.useRef)([]);
+  (0, import_react148.useEffect)(() => {
     if (tableRef.current) {
       const tbody = tableRef.current.querySelector("tbody");
       const rows = tbody ? Array.from(tbody.querySelectorAll("tr")) : [];
@@ -13459,36 +13565,36 @@ var Table = ({
       prevChildrenRef.current = newChildrenKeys;
     }
   }, [children]);
-  const tableWrapperClassNames = (0, import_classnames61.default)(
+  const tableWrapperClassNames = (0, import_classnames60.default)(
     "Layer__table-wrapper",
     bottomSpacing && "Layer__table-wrapper--bottom-spacing"
   );
-  const tableClassNames = (0, import_classnames61.default)(
+  const tableClassNames = (0, import_classnames60.default)(
     "Layer__table",
     componentName && `Layer__${componentName}__table`,
     borderCollapse && `Layer__table__${borderCollapse}-rows`
   );
-  return /* @__PURE__ */ import_react144.default.createElement("div", { className: tableWrapperClassNames }, /* @__PURE__ */ import_react144.default.createElement("table", { className: tableClassNames, ref: tableRef }, children));
+  return /* @__PURE__ */ import_react148.default.createElement("div", { className: tableWrapperClassNames }, /* @__PURE__ */ import_react148.default.createElement("table", { className: tableClassNames, ref: tableRef }, children));
 };
 
 // src/components/ProfitAndLossTable/ProfitAndLossCompareTable.tsx
-var import_classnames62 = __toESM(require("classnames"));
+var import_classnames61 = __toESM(require("classnames"));
 var ProfitAndLossCompareTable = ({
   stringOverrides
 }) => {
-  const { dateRange } = (0, import_react145.useContext)(ProfitAndLoss.Context);
+  const { dateRange } = (0, import_react149.useContext)(ProfitAndLoss.Context);
   const {
     data: comparisonData,
     isLoading,
     compareMonths,
     compareOptions,
     refetch
-  } = (0, import_react145.useContext)(ProfitAndLoss.ComparisonContext);
+  } = (0, import_react149.useContext)(ProfitAndLoss.ComparisonContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
-  (0, import_react145.useEffect)(() => {
+  (0, import_react149.useEffect)(() => {
     setIsOpen(["income", "cost_of_goods_sold", "expenses"]);
   }, []);
-  (0, import_react145.useEffect)(() => {
+  (0, import_react149.useEffect)(() => {
     if ((dateRange == null ? void 0 : dateRange.startDate) && (dateRange == null ? void 0 : dateRange.endDate) && !comparisonData && !isLoading) {
       refetch(
         {
@@ -13500,12 +13606,12 @@ var ProfitAndLossCompareTable = ({
     }
   }, [dateRange, comparisonData]);
   if (isLoading || comparisonData === void 0) {
-    return /* @__PURE__ */ import_react145.default.createElement(
+    return /* @__PURE__ */ import_react149.default.createElement(
       "div",
       {
-        className: (0, import_classnames62.default)("Layer__profit-and-loss-table__loader-container")
+        className: (0, import_classnames61.default)("Layer__profit-and-loss-table__loader-container")
       },
-      /* @__PURE__ */ import_react145.default.createElement(Loader2, null)
+      /* @__PURE__ */ import_react149.default.createElement(Loader2, null)
     );
   }
   const renderRow = (rowKey, depth, rowDisplayName, lineItem, data) => {
@@ -13517,7 +13623,7 @@ var ProfitAndLossCompareTable = ({
         }
       });
       if (rowData.length === 0) {
-        return /* @__PURE__ */ import_react145.default.createElement(import_react145.default.Fragment, null);
+        return /* @__PURE__ */ import_react149.default.createElement(import_react149.default.Fragment, null);
       }
       const mergedLineItems = mergeComparisonLineItemsAtDepth(
         rowData
@@ -13526,7 +13632,7 @@ var ProfitAndLossCompareTable = ({
     }
     const expandable = (lineItem == null ? void 0 : lineItem.line_items) && lineItem.line_items.length > 0 ? true : false;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ import_react145.default.createElement(import_react145.default.Fragment, { key: rowKey }, /* @__PURE__ */ import_react145.default.createElement(
+    return /* @__PURE__ */ import_react149.default.createElement(import_react149.default.Fragment, { key: rowKey }, /* @__PURE__ */ import_react149.default.createElement(
       TableRow,
       {
         rowKey,
@@ -13536,8 +13642,8 @@ var ProfitAndLossCompareTable = ({
         variant: expandable ? "expandable" : "default",
         handleExpand: () => setIsOpen(rowKey)
       },
-      /* @__PURE__ */ import_react145.default.createElement(TableCell, { primary: true, withExpandIcon: expandable }, lineItem ? lineItem.display_name : rowDisplayName),
-      rowData.map((cell, i) => /* @__PURE__ */ import_react145.default.createElement(TableCell, { key: "compare-value" + i, isCurrency: true }, getComparisonValue(
+      /* @__PURE__ */ import_react149.default.createElement(TableCell, { primary: true, withExpandIcon: expandable }, lineItem ? lineItem.display_name : rowDisplayName),
+      rowData.map((cell, i) => /* @__PURE__ */ import_react149.default.createElement(TableCell, { key: "compare-value" + i, isCurrency: true }, getComparisonValue(
         lineItem ? lineItem.display_name : rowDisplayName,
         depth,
         cell
@@ -13552,13 +13658,13 @@ var ProfitAndLossCompareTable = ({
       )
     ) : null);
   };
-  return /* @__PURE__ */ import_react145.default.createElement(Table, { borderCollapse: "collapse", bottomSpacing: false }, /* @__PURE__ */ import_react145.default.createElement(TableHead, null, compareOptions && compareOptions.length > 1 && /* @__PURE__ */ import_react145.default.createElement(TableRow, { rowKey: "" }, /* @__PURE__ */ import_react145.default.createElement(TableCell, { isHeaderCell: true }), compareOptions.map((option, i) => /* @__PURE__ */ import_react145.default.createElement(import_react145.default.Fragment, { key: option + "-" + i }, /* @__PURE__ */ import_react145.default.createElement(TableCell, { key: option + "-" + i, primary: true, isHeaderCell: true }, option.displayName), compareMonths && Array.from({ length: compareMonths - 1 }, (_, index) => /* @__PURE__ */ import_react145.default.createElement(TableCell, { key: option + "-" + index, isHeaderCell: true })))))), /* @__PURE__ */ import_react145.default.createElement(TableBody, null, compareMonths && /* @__PURE__ */ import_react145.default.createElement(TableRow, { rowKey: "" }, /* @__PURE__ */ import_react145.default.createElement(TableCell, { isHeaderCell: true }), compareOptions && compareOptions.length > 0 ? compareOptions.map((option, i) => /* @__PURE__ */ import_react145.default.createElement(import_react145.default.Fragment, { key: option + "-" + i }, generatComparisonMonths(
+  return /* @__PURE__ */ import_react149.default.createElement(Table, { borderCollapse: "collapse", bottomSpacing: false }, /* @__PURE__ */ import_react149.default.createElement(TableHead, null, compareOptions && compareOptions.length > 1 && /* @__PURE__ */ import_react149.default.createElement(TableRow, { rowKey: "" }, /* @__PURE__ */ import_react149.default.createElement(TableCell, { isHeaderCell: true }), compareOptions.map((option, i) => /* @__PURE__ */ import_react149.default.createElement(import_react149.default.Fragment, { key: option + "-" + i }, /* @__PURE__ */ import_react149.default.createElement(TableCell, { key: option + "-" + i, primary: true, isHeaderCell: true }, option.displayName), compareMonths && Array.from({ length: compareMonths - 1 }, (_, index) => /* @__PURE__ */ import_react149.default.createElement(TableCell, { key: option + "-" + index, isHeaderCell: true })))))), /* @__PURE__ */ import_react149.default.createElement(TableBody, null, compareMonths && /* @__PURE__ */ import_react149.default.createElement(TableRow, { rowKey: "" }, /* @__PURE__ */ import_react149.default.createElement(TableCell, { isHeaderCell: true }), compareOptions && compareOptions.length > 0 ? compareOptions.map((option, i) => /* @__PURE__ */ import_react149.default.createElement(import_react149.default.Fragment, { key: option + "-" + i }, generatComparisonMonths(
     dateRange.startDate,
     compareMonths
-  ).map((month, index) => /* @__PURE__ */ import_react145.default.createElement(TableCell, { key: option + "-" + index, isHeaderCell: true }, month)))) : /* @__PURE__ */ import_react145.default.createElement(import_react145.default.Fragment, { key: "total-1" }, generatComparisonMonths(
+  ).map((month, index) => /* @__PURE__ */ import_react149.default.createElement(TableCell, { key: option + "-" + index, isHeaderCell: true }, month)))) : /* @__PURE__ */ import_react149.default.createElement(import_react149.default.Fragment, { key: "total-1" }, generatComparisonMonths(
     dateRange.startDate,
     compareMonths
-  ).map((month, index) => /* @__PURE__ */ import_react145.default.createElement(TableCell, { key: "total-" + index + "-cell", isHeaderCell: true }, month)))), renderRow("income", 0, "Income"), renderRow("cost_of_goods_sold", 0, "Cost of Goods Sold"), renderRow(
+  ).map((month, index) => /* @__PURE__ */ import_react149.default.createElement(TableCell, { key: "total-" + index + "-cell", isHeaderCell: true }, month)))), renderRow("income", 0, "Income"), renderRow("cost_of_goods_sold", 0, "Cost of Goods Sold"), renderRow(
     "gross_profit",
     0,
     (stringOverrides == null ? void 0 : stringOverrides.grossProfitLabel) || "Gross Profit"
@@ -13574,13 +13680,13 @@ var ProfitAndLossCompareTable = ({
 };
 
 // src/components/ProfitAndLossTable/ProfitAndLossTableComponent.tsx
-var import_react146 = __toESM(require("react"));
+var import_react150 = __toESM(require("react"));
 
 // src/icons/PieChart.tsx
-var React158 = __toESM(require("react"));
+var React161 = __toESM(require("react"));
 var PieChart3 = (_a) => {
   var _b = _a, { size = 12 } = _b, props = __objRest(_b, ["size"]);
-  return /* @__PURE__ */ React158.createElement(
+  return /* @__PURE__ */ React161.createElement(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -13590,7 +13696,7 @@ var PieChart3 = (_a) => {
       width: size,
       height: size
     }),
-    /* @__PURE__ */ React158.createElement("g", null, /* @__PURE__ */ React158.createElement(
+    /* @__PURE__ */ React161.createElement("g", null, /* @__PURE__ */ React161.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",
@@ -13598,7 +13704,7 @@ var PieChart3 = (_a) => {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
-    ), /* @__PURE__ */ React158.createElement(
+    ), /* @__PURE__ */ React161.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",
@@ -13660,7 +13766,7 @@ var empty_profit_and_loss_report_default = {
 };
 
 // src/components/ProfitAndLossTable/ProfitAndLossTableComponent.tsx
-var import_classnames63 = __toESM(require("classnames"));
+var import_classnames62 = __toESM(require("classnames"));
 var ProfitAndLossTableComponent = ({
   asContainer,
   stringOverrides
@@ -13669,29 +13775,29 @@ var ProfitAndLossTableComponent = ({
     data: actualData,
     isLoading,
     setSidebarScope
-  } = (0, import_react146.useContext)(ProfitAndLoss.Context);
+  } = (0, import_react150.useContext)(ProfitAndLoss.Context);
   const { isOpen, setIsOpen } = useTableExpandRow();
-  (0, import_react146.useEffect)(() => {
+  (0, import_react150.useEffect)(() => {
     setIsOpen(["income", "cost_of_goods_sold", "expenses"]);
   }, []);
   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_react146.default.createElement(
+    return /* @__PURE__ */ import_react150.default.createElement(
       "div",
       {
-        className: (0, import_classnames63.default)(
+        className: (0, import_classnames62.default)(
           "Layer__profit-and-loss-table__loader-container",
           asContainer && "Layer__component-container"
         )
       },
-      /* @__PURE__ */ import_react146.default.createElement(Loader2, null)
+      /* @__PURE__ */ import_react150.default.createElement(Loader2, null)
     );
   }
   const renderLineItem = (lineItem, depth, rowKey, rowIndex, scope, setSidebarScope2, variant) => {
     const expandable = !!lineItem.line_items && lineItem.line_items.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ import_react146.default.createElement(import_react146.default.Fragment, { key: rowKey + "-" + rowIndex }, /* @__PURE__ */ import_react146.default.createElement(
+    return /* @__PURE__ */ import_react150.default.createElement(import_react150.default.Fragment, { key: rowKey + "-" + rowIndex }, /* @__PURE__ */ import_react150.default.createElement(
       TableRow,
       {
         rowKey: rowKey + "-" + rowIndex,
@@ -13701,7 +13807,7 @@ var ProfitAndLossTableComponent = ({
         variant: variant ? variant : expandable ? "expandable" : "default",
         handleExpand: () => setIsOpen(rowKey)
       },
-      /* @__PURE__ */ import_react146.default.createElement(
+      /* @__PURE__ */ import_react150.default.createElement(
         TableCell,
         {
           primary: true,
@@ -13710,7 +13816,7 @@ var ProfitAndLossTableComponent = ({
         },
         lineItem.display_name,
         " ",
-        setSidebarScope2 && /* @__PURE__ */ import_react146.default.createElement(
+        setSidebarScope2 && /* @__PURE__ */ import_react150.default.createElement(
           "span",
           {
             className: "Layer__profit-and-loss-row__detailed-chart-btn",
@@ -13719,10 +13825,10 @@ var ProfitAndLossTableComponent = ({
               setSidebarScope2 && setSidebarScope2(scope != null ? scope : "expenses");
             }
           },
-          /* @__PURE__ */ import_react146.default.createElement(PieChart_default, null)
+          /* @__PURE__ */ import_react150.default.createElement(PieChart_default, null)
         )
       ),
-      /* @__PURE__ */ import_react146.default.createElement(TableCell, { isCurrency: true, primary: true }, Number.isNaN(lineItem.value) ? 0 : lineItem.value)
+      /* @__PURE__ */ import_react150.default.createElement(TableCell, { isCurrency: true, primary: true }, Number.isNaN(lineItem.value) ? 0 : lineItem.value)
     ), expanded && lineItem.line_items ? lineItem.line_items.map(
       (child, i) => renderLineItem(
         child,
@@ -13732,7 +13838,7 @@ var ProfitAndLossTableComponent = ({
       )
     ) : null);
   };
-  return /* @__PURE__ */ import_react146.default.createElement(Table, { borderCollapse: "collapse", bottomSpacing: false }, /* @__PURE__ */ import_react146.default.createElement(TableBody, null, renderLineItem(
+  return /* @__PURE__ */ import_react150.default.createElement(Table, { borderCollapse: "collapse", bottomSpacing: false }, /* @__PURE__ */ import_react150.default.createElement(TableBody, null, renderLineItem(
     data.income,
     0,
     "income",
@@ -13786,18 +13892,18 @@ var ProfitAndLossTableComponent = ({
     void 0,
     void 0,
     "summation"
-  ), data.personal_expenses ? /* @__PURE__ */ import_react146.default.createElement(import_react146.default.Fragment, null, renderLineItem(data.personal_expenses, 0, "personal_expenses", 7)) : null, data.other_outflows ? /* @__PURE__ */ import_react146.default.createElement(import_react146.default.Fragment, null, renderLineItem(data.other_outflows, 0, "other_outflows", 6)) : null));
+  ), data.personal_expenses ? /* @__PURE__ */ import_react150.default.createElement(import_react150.default.Fragment, null, renderLineItem(data.personal_expenses, 0, "personal_expenses", 7)) : null, data.other_outflows ? /* @__PURE__ */ import_react150.default.createElement(import_react150.default.Fragment, null, renderLineItem(data.other_outflows, 0, "other_outflows", 6)) : null));
 };
 
 // src/components/ProfitAndLossTable/ProfitAndLossTableWithProvider.tsx
 var ProfitAndLossTableWithProvider = (props) => {
-  const { compareMode } = (0, import_react147.useContext)(ProfitAndLoss.ComparisonContext);
-  return /* @__PURE__ */ import_react147.default.createElement(TableProvider, null, compareMode ? /* @__PURE__ */ import_react147.default.createElement("div", { className: "Layer__compare__table__wrapper" }, /* @__PURE__ */ import_react147.default.createElement(ProfitAndLossCompareTable, __spreadValues({}, props))) : /* @__PURE__ */ import_react147.default.createElement(ProfitAndLossTableComponent, __spreadValues({}, props)));
+  const { compareMode } = (0, import_react151.useContext)(ProfitAndLoss.ComparisonContext);
+  return /* @__PURE__ */ import_react151.default.createElement(TableProvider, null, compareMode ? /* @__PURE__ */ import_react151.default.createElement("div", { className: "Layer__compare__table__wrapper" }, /* @__PURE__ */ import_react151.default.createElement(ProfitAndLossCompareTable, __spreadValues({}, props))) : /* @__PURE__ */ import_react151.default.createElement(ProfitAndLossTableComponent, __spreadValues({}, props)));
 };
 
 // src/components/ProfitAndLoss/ProfitAndLoss.tsx
 var import_date_fns24 = require("date-fns");
-var PNLContext = (0, import_react148.createContext)({
+var PNLContext = (0, import_react152.createContext)({
   data: void 0,
   filteredDataRevenue: [],
   filteredTotalRevenue: void 0,
@@ -13835,7 +13941,7 @@ var ProfitAndLoss = ({
 }) => {
   const contextData = useProfitAndLoss({ tagFilter, reportingBasis });
   const comparisonContextData = useProfitAndLossComparison({ reportingBasis });
-  return /* @__PURE__ */ import_react148.default.createElement(PNLContext.Provider, { value: contextData }, /* @__PURE__ */ import_react148.default.createElement(PNLComparisonContext.Provider, { value: comparisonContextData }, asContainer ? /* @__PURE__ */ import_react148.default.createElement(Container, { name: "profit-and-loss" }, children) : children));
+  return /* @__PURE__ */ import_react152.default.createElement(PNLContext.Provider, { value: contextData }, /* @__PURE__ */ import_react152.default.createElement(PNLComparisonContext.Provider, { value: comparisonContextData }, asContainer ? /* @__PURE__ */ import_react152.default.createElement(Container, { name: "profit-and-loss" }, children) : children));
 };
 ProfitAndLoss.Chart = ProfitAndLossChart;
 ProfitAndLoss.Context = PNLContext;
@@ -13850,11 +13956,11 @@ ProfitAndLoss.Report = ProfitAndLossReport;
 ProfitAndLoss.DownloadButton = ProfitAndLossDownloadButton;
 
 // src/components/BalanceSheet/BalanceSheet.tsx
-var import_react155 = __toESM(require("react"));
+var import_react159 = __toESM(require("react"));
 
 // src/contexts/BalanceSheetContext/BalanceSheetContext.tsx
-var import_react149 = require("react");
-var BalanceSheetContext = (0, import_react149.createContext)({
+var import_react153 = require("react");
+var BalanceSheetContext = (0, import_react153.createContext)({
   data: void 0,
   isLoading: false,
   error: void 0,
@@ -13863,7 +13969,7 @@ var BalanceSheetContext = (0, import_react149.createContext)({
 });
 
 // src/hooks/useBalanceSheet/useBalanceSheet.tsx
-var import_react150 = require("react");
+var import_react154 = require("react");
 var import_date_fns25 = require("date-fns");
 var import_swr6 = __toESM(require("swr"));
 var useBalanceSheet = (date = /* @__PURE__ */ new Date()) => {
@@ -13882,12 +13988,12 @@ var useBalanceSheet = (date = /* @__PURE__ */ new Date()) => {
   const refetch = () => {
     mutate();
   };
-  (0, import_react150.useEffect)(() => {
+  (0, import_react154.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("BALANCE_SHEET" /* BALANCE_SHEET */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react150.useEffect)(() => {
+  (0, import_react154.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -13896,12 +14002,12 @@ var useBalanceSheet = (date = /* @__PURE__ */ new Date()) => {
 };
 
 // src/hooks/useElementViewSize/useElementViewSize.tsx
-var import_react151 = require("react");
+var import_react155 = require("react");
 var useElementViewSize = (callback) => {
-  const ref = (0, import_react151.useRef)(null);
-  const [view, setView] = (0, import_react151.useState)("desktop");
-  const resizeTimeout = (0, import_react151.useRef)(null);
-  (0, import_react151.useLayoutEffect)(() => {
+  const ref = (0, import_react155.useRef)(null);
+  const [view, setView] = (0, import_react155.useState)("desktop");
+  const resizeTimeout = (0, import_react155.useRef)(null);
+  (0, import_react155.useLayoutEffect)(() => {
     const element = ref == null ? void 0 : ref.current;
     if (!element) {
       return;
@@ -13931,19 +14037,19 @@ var useElementViewSize = (callback) => {
       }
     };
   }, [callback, ref, view]);
-  (0, import_react151.useEffect)(() => {
+  (0, import_react155.useEffect)(() => {
     callback(view);
   }, [view, callback]);
   return ref;
 };
 
 // src/components/BalanceSheetDatePicker/BalanceSheetDatePicker.tsx
-var import_react152 = __toESM(require("react"));
+var import_react156 = __toESM(require("react"));
 var BalanceSheetDatePicker = ({
   effectiveDate,
   setEffectiveDate
 }) => {
-  return /* @__PURE__ */ import_react152.default.createElement(import_react152.default.Fragment, null, /* @__PURE__ */ import_react152.default.createElement(
+  return /* @__PURE__ */ import_react156.default.createElement(import_react156.default.Fragment, null, /* @__PURE__ */ import_react156.default.createElement(
     DatePicker,
     {
       selected: effectiveDate,
@@ -13954,12 +14060,12 @@ var BalanceSheetDatePicker = ({
 };
 
 // src/components/BalanceSheetExpandAllButton/BalanceSheetExpandAllButton.tsx
-var import_react153 = __toESM(require("react"));
+var import_react157 = __toESM(require("react"));
 var BalanceSheetExpandAllButton = ({
   view
 }) => {
   const { expandedAllRows, toggleAllRows } = useTableExpandRow();
-  return /* @__PURE__ */ import_react153.default.createElement(
+  return /* @__PURE__ */ import_react157.default.createElement(
     ExpandCollapseButton,
     {
       onClick: toggleAllRows,
@@ -13970,7 +14076,7 @@ var BalanceSheetExpandAllButton = ({
 };
 
 // src/components/BalanceSheetTable/BalanceSheetTable.tsx
-var import_react154 = __toESM(require("react"));
+var import_react158 = __toESM(require("react"));
 var BalanceSheetTable = ({
   data,
   config,
@@ -13978,12 +14084,12 @@ var BalanceSheetTable = ({
 }) => {
   const { isOpen, setIsOpen, expandedAllRows } = useTableExpandRow();
   const allRowKeys = [];
-  (0, import_react154.useEffect)(() => {
+  (0, import_react158.useEffect)(() => {
     if (expandedAllRows) {
       setIsOpen(allRowKeys, true);
     }
   }, [expandedAllRows]);
-  (0, import_react154.useEffect)(() => {
+  (0, import_react158.useEffect)(() => {
     setIsOpen(["assets"]);
   }, []);
   const renderLineItem = (lineItem, depth = 0, rowKey, rowIndex) => {
@@ -13993,7 +14099,7 @@ var BalanceSheetTable = ({
     if (expandable) {
       allRowKeys.push(rowKey);
     }
-    return /* @__PURE__ */ import_react154.default.createElement(import_react154.default.Fragment, { key: rowKey + "-" + rowIndex }, /* @__PURE__ */ import_react154.default.createElement(
+    return /* @__PURE__ */ import_react158.default.createElement(import_react158.default.Fragment, { key: rowKey + "-" + rowIndex }, /* @__PURE__ */ import_react158.default.createElement(
       TableRow,
       {
         rowKey: rowKey + "-" + rowIndex,
@@ -14003,8 +14109,8 @@ var BalanceSheetTable = ({
         depth,
         withDivider: depth === 0 && rowIndex > 0
       },
-      /* @__PURE__ */ import_react154.default.createElement(TableCell, { withExpandIcon: expandable, primary: expandable }, lineItem.display_name),
-      /* @__PURE__ */ import_react154.default.createElement(
+      /* @__PURE__ */ import_react158.default.createElement(TableCell, { withExpandIcon: expandable, primary: expandable }, lineItem.display_name),
+      /* @__PURE__ */ import_react158.default.createElement(
         TableCell,
         {
           isCurrency: !expandable || expandable && !expanded,
@@ -14020,18 +14126,18 @@ var BalanceSheetTable = ({
         rowKey + ":" + subItem.name,
         subIdx
       )
-    ), showChildren && expandable && /* @__PURE__ */ import_react154.default.createElement(
+    ), showChildren && expandable && /* @__PURE__ */ import_react158.default.createElement(
       TableRow,
       {
         rowKey: rowKey + "-" + rowIndex + "--summation",
         depth: depth + 1,
         variant: "summation"
       },
-      /* @__PURE__ */ import_react154.default.createElement(TableCell, { primary: true }, `Total of ${lineItem.display_name}`),
-      /* @__PURE__ */ import_react154.default.createElement(TableCell, { primary: true, isCurrency: true, align: "right" /* RIGHT */ }, lineItem.value)
+      /* @__PURE__ */ import_react158.default.createElement(TableCell, { primary: true }, `Total of ${lineItem.display_name}`),
+      /* @__PURE__ */ import_react158.default.createElement(TableCell, { primary: true, isCurrency: true, align: "right" /* RIGHT */ }, lineItem.value)
     ));
   };
-  return /* @__PURE__ */ import_react154.default.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ import_react154.default.createElement(TableHead, null, /* @__PURE__ */ import_react154.default.createElement(TableRow, { isHeadRow: true, rowKey: "balance-sheet-head-row" }, /* @__PURE__ */ import_react154.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.typeColumnHeader) || "Type"), /* @__PURE__ */ import_react154.default.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.totalColumnHeader) || "Total"))), /* @__PURE__ */ import_react154.default.createElement(TableBody, null, config.map((row, idx) => /* @__PURE__ */ import_react154.default.createElement(import_react154.default.Fragment, { key: row.lineItem }, data[row.lineItem] && renderLineItem(
+  return /* @__PURE__ */ import_react158.default.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ import_react158.default.createElement(TableHead, null, /* @__PURE__ */ import_react158.default.createElement(TableRow, { isHeadRow: true, rowKey: "balance-sheet-head-row" }, /* @__PURE__ */ import_react158.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.typeColumnHeader) || "Type"), /* @__PURE__ */ import_react158.default.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.totalColumnHeader) || "Total"))), /* @__PURE__ */ import_react158.default.createElement(TableBody, null, config.map((row, idx) => /* @__PURE__ */ import_react158.default.createElement(import_react158.default.Fragment, { key: row.lineItem }, data[row.lineItem] && renderLineItem(
     data[row.lineItem],
     0,
     row.lineItem,
@@ -14058,7 +14164,7 @@ var import_date_fns26 = require("date-fns");
 var COMPONENT_NAME3 = "balance-sheet";
 var BalanceSheet = (props) => {
   const balanceSheetContextData = useBalanceSheet(props.effectiveDate);
-  return /* @__PURE__ */ import_react155.default.createElement(BalanceSheetContext.Provider, { value: balanceSheetContextData }, /* @__PURE__ */ import_react155.default.createElement(
+  return /* @__PURE__ */ import_react159.default.createElement(BalanceSheetContext.Provider, { value: balanceSheetContextData }, /* @__PURE__ */ import_react159.default.createElement(
     BalanceSheetView,
     __spreadValues({
       asWidget: props.asWidget,
@@ -14071,13 +14177,13 @@ var BalanceSheetView = ({
   asWidget = false,
   stringOverrides
 }) => {
-  const [effectiveDate, setEffectiveDate] = (0, import_react155.useState)((0, import_date_fns26.startOfDay)(/* @__PURE__ */ new Date()));
+  const [effectiveDate, setEffectiveDate] = (0, import_react159.useState)((0, import_date_fns26.startOfDay)(/* @__PURE__ */ new Date()));
   const { data, isLoading, refetch } = useBalanceSheet(effectiveDate);
-  const [view, setView] = (0, import_react155.useState)("desktop");
+  const [view, setView] = (0, import_react159.useState)("desktop");
   const containerRef = useElementViewSize(
     (newView) => setView(newView)
   );
-  (0, import_react155.useEffect)(() => {
+  (0, import_react159.useEffect)(() => {
     const d1 = effectiveDate && (0, import_date_fns26.format)((0, import_date_fns26.startOfDay)(effectiveDate), "yyyy-MM-dd'T'HH:mm:ssXXX");
     const d2 = (data == null ? void 0 : data.effective_date) && (0, import_date_fns26.format)(
       (0, import_date_fns26.startOfDay)(
@@ -14090,20 +14196,20 @@ var BalanceSheetView = ({
     }
   }, [effectiveDate]);
   if (asWidget) {
-    return /* @__PURE__ */ import_react155.default.createElement(TableProvider, null, /* @__PURE__ */ import_react155.default.createElement(Container, { name: COMPONENT_NAME3, asWidget: true }, /* @__PURE__ */ import_react155.default.createElement(
+    return /* @__PURE__ */ import_react159.default.createElement(TableProvider, null, /* @__PURE__ */ import_react159.default.createElement(Container, { name: COMPONENT_NAME3, asWidget: true }, /* @__PURE__ */ import_react159.default.createElement(
       View,
       {
         type: "panel",
         ref: containerRef,
-        header: /* @__PURE__ */ import_react155.default.createElement(Header2, null, /* @__PURE__ */ import_react155.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react155.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react155.default.createElement(
+        header: /* @__PURE__ */ import_react159.default.createElement(Header2, null, /* @__PURE__ */ import_react159.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react159.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react159.default.createElement(
           BalanceSheetDatePicker,
           {
             effectiveDate,
             setEffectiveDate
           }
-        )), withExpandAllButton && /* @__PURE__ */ import_react155.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react155.default.createElement(BalanceSheetExpandAllButton, { view }))))
+        )), withExpandAllButton && /* @__PURE__ */ import_react159.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react159.default.createElement(BalanceSheetExpandAllButton, { view }))))
       },
-      !data || isLoading ? /* @__PURE__ */ import_react155.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ import_react155.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react155.default.createElement(
+      !data || isLoading ? /* @__PURE__ */ import_react159.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ import_react159.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react159.default.createElement(
         BalanceSheetTable,
         {
           data,
@@ -14113,20 +14219,20 @@ var BalanceSheetView = ({
       )
     )));
   }
-  return /* @__PURE__ */ import_react155.default.createElement(TableProvider, null, /* @__PURE__ */ import_react155.default.createElement(
+  return /* @__PURE__ */ import_react159.default.createElement(TableProvider, null, /* @__PURE__ */ import_react159.default.createElement(
     View,
     {
       type: "panel",
       ref: containerRef,
-      header: /* @__PURE__ */ import_react155.default.createElement(Header2, null, /* @__PURE__ */ import_react155.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react155.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react155.default.createElement(
+      header: /* @__PURE__ */ import_react159.default.createElement(Header2, null, /* @__PURE__ */ import_react159.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react159.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react159.default.createElement(
         BalanceSheetDatePicker,
         {
           effectiveDate,
           setEffectiveDate
         }
-      )), withExpandAllButton && /* @__PURE__ */ import_react155.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react155.default.createElement(BalanceSheetExpandAllButton, { view }))))
+      )), withExpandAllButton && /* @__PURE__ */ import_react159.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react159.default.createElement(BalanceSheetExpandAllButton, { view }))))
     },
-    !data || isLoading ? /* @__PURE__ */ import_react155.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ import_react155.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react155.default.createElement(
+    !data || isLoading ? /* @__PURE__ */ import_react159.default.createElement("div", { className: `Layer__${COMPONENT_NAME3}__loader-container` }, /* @__PURE__ */ import_react159.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react159.default.createElement(
       BalanceSheetTable,
       {
         data,
@@ -14138,11 +14244,11 @@ var BalanceSheetView = ({
 };
 
 // src/components/StatementOfCashFlow/StatementOfCashFlow.tsx
-var import_react159 = __toESM(require("react"));
+var import_react163 = __toESM(require("react"));
 
 // src/contexts/StatementOfCashContext/StatementOfCashFlowContext.tsx
-var import_react156 = require("react");
-var StatementOfCashFlowContext = (0, import_react156.createContext)({
+var import_react160 = require("react");
+var StatementOfCashFlowContext = (0, import_react160.createContext)({
   data: void 0,
   isLoading: false,
   error: void 0,
@@ -14151,7 +14257,7 @@ var StatementOfCashFlowContext = (0, import_react156.createContext)({
 });
 
 // src/hooks/useStatementOfCashFlow/useStatementOfCashFlow.tsx
-var import_react157 = require("react");
+var import_react161 = require("react");
 var import_date_fns27 = require("date-fns");
 var import_swr7 = __toESM(require("swr"));
 var useStatementOfCashFlow = (startDate = /* @__PURE__ */ new Date(), endDate = /* @__PURE__ */ new Date()) => {
@@ -14175,12 +14281,12 @@ var useStatementOfCashFlow = (startDate = /* @__PURE__ */ new Date(), endDate =
   const refetch = () => {
     mutate();
   };
-  (0, import_react157.useEffect)(() => {
+  (0, import_react161.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("STATEMENT_OF_CASH_FLOWS" /* STATEMENT_OF_CASH_FLOWS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react157.useEffect)(() => {
+  (0, import_react161.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -14189,7 +14295,7 @@ var useStatementOfCashFlow = (startDate = /* @__PURE__ */ new Date(), endDate =
 };
 
 // src/components/StatementOfCashFlowTable/StatementOfCashFlowTable.tsx
-var import_react158 = __toESM(require("react"));
+var import_react162 = __toESM(require("react"));
 var StatementOfCashFlowTable = ({
   data,
   config,
@@ -14199,7 +14305,7 @@ var StatementOfCashFlowTable = ({
   const renderLineItem = (lineItem, depth = 0, rowKey, rowIndex) => {
     const expandable = !!lineItem.line_items && lineItem.line_items.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ import_react158.default.createElement(import_react158.default.Fragment, { key: rowKey + "-" + rowIndex }, /* @__PURE__ */ import_react158.default.createElement(
+    return /* @__PURE__ */ import_react162.default.createElement(import_react162.default.Fragment, { key: rowKey + "-" + rowIndex }, /* @__PURE__ */ import_react162.default.createElement(
       TableRow,
       {
         rowKey: rowKey + "-" + rowIndex,
@@ -14208,8 +14314,8 @@ var StatementOfCashFlowTable = ({
         handleExpand: () => setIsOpen(rowKey),
         depth
       },
-      /* @__PURE__ */ import_react158.default.createElement(TableCell, { withExpandIcon: expandable, primary: expandable }, lineItem.display_name),
-      /* @__PURE__ */ import_react158.default.createElement(
+      /* @__PURE__ */ import_react162.default.createElement(TableCell, { withExpandIcon: expandable, primary: expandable }, lineItem.display_name),
+      /* @__PURE__ */ import_react162.default.createElement(
         TableCell,
         {
           isCurrency: !expandable || expandable && !expanded,
@@ -14225,35 +14331,35 @@ var StatementOfCashFlowTable = ({
         rowKey + ":" + subItem.name,
         subIdx
       )
-    ), expanded && expandable && /* @__PURE__ */ import_react158.default.createElement(
+    ), expanded && expandable && /* @__PURE__ */ import_react162.default.createElement(
       TableRow,
       {
         rowKey: rowKey + "-" + rowIndex + "--summation",
         depth: depth + 1,
         variant: "summation"
       },
-      /* @__PURE__ */ import_react158.default.createElement(TableCell, { primary: true }, `Total of ${lineItem.display_name}`),
-      /* @__PURE__ */ import_react158.default.createElement(TableCell, { primary: true, isCurrency: true, align: "right" /* RIGHT */ }, lineItem.value)
+      /* @__PURE__ */ import_react162.default.createElement(TableCell, { primary: true }, `Total of ${lineItem.display_name}`),
+      /* @__PURE__ */ import_react162.default.createElement(TableCell, { primary: true, isCurrency: true, align: "right" /* RIGHT */ }, lineItem.value)
     ));
   };
-  return /* @__PURE__ */ import_react158.default.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ import_react158.default.createElement(TableHead, null, /* @__PURE__ */ import_react158.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react158.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.typeColumnHeader) || "Type"), /* @__PURE__ */ import_react158.default.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.totalColumnHeader) || "Total"))), /* @__PURE__ */ import_react158.default.createElement(TableBody, null, config.map((row, idx) => {
+  return /* @__PURE__ */ import_react162.default.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ import_react162.default.createElement(TableHead, null, /* @__PURE__ */ import_react162.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react162.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.typeColumnHeader) || "Type"), /* @__PURE__ */ import_react162.default.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.totalColumnHeader) || "Total"))), /* @__PURE__ */ import_react162.default.createElement(TableBody, null, config.map((row, idx) => {
     if (row.type === "line_item") {
-      return /* @__PURE__ */ import_react158.default.createElement(import_react158.default.Fragment, { key: row.lineItem }, data[row.lineItem] && renderLineItem(
+      return /* @__PURE__ */ import_react162.default.createElement(import_react162.default.Fragment, { key: row.lineItem }, data[row.lineItem] && renderLineItem(
         data[row.lineItem],
         0,
         row.lineItem ? row.lineItem : "",
         idx
       ));
     } else {
-      return /* @__PURE__ */ import_react158.default.createElement(
+      return /* @__PURE__ */ import_react162.default.createElement(
         TableRow,
         {
           key: row.name + "-" + idx,
           rowKey: row.name + "-" + idx,
           variant: "default"
         },
-        /* @__PURE__ */ import_react158.default.createElement(TableCell, { primary: true }, row.displayName),
-        /* @__PURE__ */ import_react158.default.createElement(TableCell, { primary: true, isCurrency: true, align: "right" /* RIGHT */ }, row.lineItem)
+        /* @__PURE__ */ import_react162.default.createElement(TableCell, { primary: true }, row.displayName),
+        /* @__PURE__ */ import_react162.default.createElement(TableCell, { primary: true, isCurrency: true, align: "right" /* RIGHT */ }, row.lineItem)
       );
     }
   })));
@@ -14303,7 +14409,7 @@ var import_date_fns28 = require("date-fns");
 var COMPONENT_NAME4 = "statement-of-cash-flow";
 var StatementOfCashFlow = (props) => {
   const cashContextData = useStatementOfCashFlow();
-  return /* @__PURE__ */ import_react159.default.createElement(StatementOfCashFlowContext.Provider, { value: cashContextData }, /* @__PURE__ */ import_react159.default.createElement(StatementOfCashFlowView, __spreadValues({}, props)));
+  return /* @__PURE__ */ import_react163.default.createElement(StatementOfCashFlowContext.Provider, { value: cashContextData }, /* @__PURE__ */ import_react163.default.createElement(StatementOfCashFlowView, __spreadValues({}, props)));
 };
 var StatementOfCashFlowView = ({
   stringOverrides,
@@ -14312,15 +14418,15 @@ var StatementOfCashFlowView = ({
   allowedDatePickerModes,
   customDateRanges
 }) => {
-  const [startDate, setStartDate] = (0, import_react159.useState)(
+  const [startDate, setStartDate] = (0, import_react163.useState)(
     (0, import_date_fns28.startOfDay)((0, import_date_fns28.subWeeks)(/* @__PURE__ */ new Date(), 4))
   );
-  const [endDate, setEndDate] = (0, import_react159.useState)((0, import_date_fns28.startOfDay)(/* @__PURE__ */ new Date()));
+  const [endDate, setEndDate] = (0, import_react163.useState)((0, import_date_fns28.startOfDay)(/* @__PURE__ */ new Date()));
   const { data, isLoading, refetch } = useStatementOfCashFlow(
     startDate,
     endDate
   );
-  const [datePickerMode, setDatePickerMode] = (0, import_react159.useState)(
+  const [datePickerMode, setDatePickerMode] = (0, import_react163.useState)(
     deprecated_datePickerMode != null ? deprecated_datePickerMode : defaultDatePickerMode
   );
   const handleDateChange = (dates) => {
@@ -14334,7 +14440,7 @@ var StatementOfCashFlowView = ({
       refetch();
     }
   };
-  const datePicker = datePickerMode === "monthPicker" ? /* @__PURE__ */ import_react159.default.createElement(
+  const datePicker = datePickerMode === "monthPicker" ? /* @__PURE__ */ import_react163.default.createElement(
     DatePicker,
     {
       selected: startDate,
@@ -14352,7 +14458,7 @@ var StatementOfCashFlowView = ({
         ModeSelector: DatePickerModeSelector
       }
     }
-  ) : /* @__PURE__ */ import_react159.default.createElement(
+  ) : /* @__PURE__ */ import_react163.default.createElement(
     DatePicker,
     {
       selected: [startDate, endDate],
@@ -14367,13 +14473,13 @@ var StatementOfCashFlowView = ({
       }
     }
   );
-  return /* @__PURE__ */ import_react159.default.createElement(TableProvider, null, /* @__PURE__ */ import_react159.default.createElement(
+  return /* @__PURE__ */ import_react163.default.createElement(TableProvider, null, /* @__PURE__ */ import_react163.default.createElement(
     View,
     {
       type: "panel",
-      header: /* @__PURE__ */ import_react159.default.createElement(Header2, null, /* @__PURE__ */ import_react159.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react159.default.createElement(HeaderCol, null, datePicker)))
+      header: /* @__PURE__ */ import_react163.default.createElement(Header2, null, /* @__PURE__ */ import_react163.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react163.default.createElement(HeaderCol, null, datePicker)))
     },
-    !data || isLoading ? /* @__PURE__ */ import_react159.default.createElement("div", { className: `Layer__${COMPONENT_NAME4}__loader-container` }, /* @__PURE__ */ import_react159.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react159.default.createElement(
+    !data || isLoading ? /* @__PURE__ */ import_react163.default.createElement("div", { className: `Layer__${COMPONENT_NAME4}__loader-container` }, /* @__PURE__ */ import_react163.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react163.default.createElement(
       StatementOfCashFlowTable,
       {
         data,
@@ -14385,12 +14491,12 @@ var StatementOfCashFlowView = ({
 };
 
 // src/components/ChartOfAccounts/ChartOfAccounts.tsx
-var import_react177 = __toESM(require("react"));
+var import_react181 = __toESM(require("react"));
 
 // src/contexts/ChartOfAccountsContext/ChartOfAccountsContext.tsx
-var import_react160 = require("react");
+var import_react164 = require("react");
 var import_date_fns29 = require("date-fns");
-var ChartOfAccountsContext = (0, import_react160.createContext)(
+var ChartOfAccountsContext = (0, import_react164.createContext)(
   {
     data: void 0,
     isLoading: false,
@@ -14421,8 +14527,8 @@ var ChartOfAccountsContext = (0, import_react160.createContext)(
 );
 
 // src/contexts/LedgerAccountsContext/LedgerAccountsContext.tsx
-var import_react161 = require("react");
-var LedgerAccountsContext = (0, import_react161.createContext)({
+var import_react165 = require("react");
+var LedgerAccountsContext = (0, import_react165.createContext)({
   data: void 0,
   entryData: void 0,
   isLoading: false,
@@ -14444,7 +14550,7 @@ var LedgerAccountsContext = (0, import_react161.createContext)({
 });
 
 // src/hooks/useChartOfAccounts/useChartOfAccounts.tsx
-var import_react162 = require("react");
+var import_react166 = require("react");
 
 // src/components/ChartOfAccountsForm/constants.ts
 var LEDGER_ACCOUNT_TYPES = [
@@ -14744,13 +14850,13 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
     syncTimestamps,
     hasBeenTouched
   } = useLayerContext();
-  const [form, setForm] = (0, import_react162.useState)();
-  const [sendingForm, setSendingForm] = (0, import_react162.useState)(false);
-  const [apiError, setApiError] = (0, import_react162.useState)(void 0);
-  const [startDate, setStartDate] = (0, import_react162.useState)(
+  const [form, setForm] = (0, import_react166.useState)();
+  const [sendingForm, setSendingForm] = (0, import_react166.useState)(false);
+  const [apiError, setApiError] = (0, import_react166.useState)(void 0);
+  const [startDate, setStartDate] = (0, import_react166.useState)(
     initialStartDate != null ? initialStartDate : (0, import_date_fns30.startOfMonth)(Date.now())
   );
-  const [endDate, setEndDate] = (0, import_react162.useState)(
+  const [endDate, setEndDate] = (0, import_react166.useState)(
     initialEndDate != null ? initialEndDate : (0, import_date_fns30.endOfMonth)(Date.now())
   );
   const queryKey = businessId && (auth == null ? void 0 : auth.access_token) && `chart-of-accounts-${businessId}-${startDate == null ? void 0 : startDate.valueOf()}-${endDate == null ? void 0 : endDate.valueOf()}`;
@@ -14932,12 +15038,12 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
     newEndDate && setEndDate(newEndDate);
   };
   const refetch = () => mutate();
-  (0, import_react162.useEffect)(() => {
+  (0, import_react166.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("CHART_OF_ACCOUNTS" /* CHART_OF_ACCOUNTS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react162.useEffect)(() => {
+  (0, import_react166.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -14963,12 +15069,12 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
 };
 
 // src/hooks/useLedgerAccounts/useLedgerAccounts.tsx
-var import_react163 = require("react");
+var import_react167 = require("react");
 var import_swr9 = __toESM(require("swr"));
 var useLedgerAccounts = (showReversalEntries = false) => {
   const { auth, businessId, apiUrl, read, syncTimestamps, hasBeenTouched } = useLayerContext();
-  const [accountId, setAccountId] = (0, import_react163.useState)();
-  const [selectedEntryId, setSelectedEntryId] = (0, import_react163.useState)();
+  const [accountId, setAccountId] = (0, import_react167.useState)();
+  const [selectedEntryId, setSelectedEntryId] = (0, import_react167.useState)();
   const queryKey = businessId && accountId && (auth == null ? void 0 : auth.access_token) && `ledger-accounts-lines-${businessId}-${accountId}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr9.default)(
     queryKey,
@@ -14997,12 +15103,12 @@ var useLedgerAccounts = (showReversalEntries = false) => {
     setSelectedEntryId(void 0);
     mutateEntryData();
   };
-  (0, import_react163.useEffect)(() => {
+  (0, import_react167.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("LEDGER_ACCOUNTS" /* LEDGER_ACCOUNTS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react163.useEffect)(() => {
+  (0, import_react167.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -15026,13 +15132,13 @@ var useLedgerAccounts = (showReversalEntries = false) => {
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel.tsx
-var import_react169 = __toESM(require("react"));
+var import_react173 = __toESM(require("react"));
 
 // src/icons/Plus.tsx
-var React168 = __toESM(require("react"));
+var React171 = __toESM(require("react"));
 var Plus = (_a) => {
   var _b = _a, { size = 14 } = _b, props = __objRest(_b, ["size"]);
-  return /* @__PURE__ */ React168.createElement(
+  return /* @__PURE__ */ React171.createElement(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -15042,7 +15148,7 @@ var Plus = (_a) => {
       width: size,
       height: size
     }),
-    /* @__PURE__ */ React168.createElement(
+    /* @__PURE__ */ React171.createElement(
       "path",
       {
         d: "M7 2.91602V11.0827",
@@ -15051,7 +15157,7 @@ var Plus = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React168.createElement(
+    /* @__PURE__ */ React171.createElement(
       "path",
       {
         d: "M2.91669 7H11.0834",
@@ -15065,11 +15171,11 @@ var Plus = (_a) => {
 var Plus_default = Plus;
 
 // src/components/ChartOfAccountsDatePicker/ChartOfAccountsDatePicker.tsx
-var import_react164 = __toESM(require("react"));
+var import_react168 = __toESM(require("react"));
 var import_date_fns31 = require("date-fns");
 var ChartOfAccountsDatePicker = () => {
-  const { changeDateRange, dateRange } = (0, import_react164.useContext)(ChartOfAccountsContext);
-  return /* @__PURE__ */ import_react164.default.createElement(
+  const { changeDateRange, dateRange } = (0, import_react168.useContext)(ChartOfAccountsContext);
+  return /* @__PURE__ */ import_react168.default.createElement(
     DatePicker,
     {
       mode: "monthPicker",
@@ -15087,16 +15193,16 @@ var ChartOfAccountsDatePicker = () => {
 };
 
 // src/components/ChartOfAccountsSidebar/ChartOfAccountsSidebar.tsx
-var import_react167 = __toESM(require("react"));
+var import_react171 = __toESM(require("react"));
 
 // src/components/ChartOfAccountsForm/ChartOfAccountsForm.tsx
-var import_react166 = __toESM(require("react"));
+var import_react170 = __toESM(require("react"));
 
 // src/components/ChartOfAccountsForm/useParentOptions.ts
-var import_react165 = require("react");
+var import_react169 = require("react");
 var useParentOptions = (data) => {
   var _a;
-  return (0, import_react165.useMemo)(
+  return (0, import_react169.useMemo)(
     () => flattenAccounts((data == null ? void 0 : data.accounts) || []).sort((a, b) => (a == null ? void 0 : a.name) && (b == null ? void 0 : b.name) ? a.name.localeCompare(b.name) : 0).map((x) => {
       return {
         label: x.name,
@@ -15120,9 +15226,9 @@ var ChartOfAccountsForm = ({
     submitForm,
     sendingForm,
     apiError
-  } = (0, import_react166.useContext)(ChartOfAccountsContext);
+  } = (0, import_react170.useContext)(ChartOfAccountsContext);
   const parentOptions = useParentOptions(data);
-  const entry = (0, import_react166.useMemo)(() => {
+  const entry = (0, import_react170.useMemo)(() => {
     if ((form == null ? void 0 : form.action) === "edit" && form.accountId) {
       return flattenAccounts((data == null ? void 0 : data.accounts) || []).find(
         (x) => x.id === form.accountId
@@ -15133,7 +15239,7 @@ var ChartOfAccountsForm = ({
   if (!form) {
     return null;
   }
-  return /* @__PURE__ */ import_react166.default.createElement(
+  return /* @__PURE__ */ import_react170.default.createElement(
     "form",
     {
       className: "Layer__form",
@@ -15142,7 +15248,7 @@ var ChartOfAccountsForm = ({
         submitForm();
       }
     },
-    /* @__PURE__ */ import_react166.default.createElement(Header2, { className: "Layer__chart-of-accounts__sidebar__header" }, /* @__PURE__ */ import_react166.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react166.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react166.default.createElement(Heading, { size: "secondary" /* secondary */, className: "title" }, (form == null ? void 0 : form.action) === "edit" ? (stringOverrides == null ? void 0 : stringOverrides.editModeHeader) || "Edit Account" : (stringOverrides == null ? void 0 : stringOverrides.createModeHeader) || "Add New Account")), /* @__PURE__ */ import_react166.default.createElement(HeaderCol, { className: "actions" }, /* @__PURE__ */ import_react166.default.createElement(
+    /* @__PURE__ */ import_react170.default.createElement(Header2, { className: "Layer__chart-of-accounts__sidebar__header" }, /* @__PURE__ */ import_react170.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react170.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react170.default.createElement(Heading, { size: "secondary" /* secondary */, className: "title" }, (form == null ? void 0 : form.action) === "edit" ? (stringOverrides == null ? void 0 : stringOverrides.editModeHeader) || "Edit Account" : (stringOverrides == null ? void 0 : stringOverrides.createModeHeader) || "Add New Account")), /* @__PURE__ */ import_react170.default.createElement(HeaderCol, { className: "actions" }, /* @__PURE__ */ import_react170.default.createElement(
       Button,
       {
         type: "button",
@@ -15151,7 +15257,7 @@ var ChartOfAccountsForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.cancelButton) || "Cancel"
-    ), apiError && /* @__PURE__ */ import_react166.default.createElement(
+    ), apiError && /* @__PURE__ */ import_react170.default.createElement(
       RetryButton,
       {
         type: "submit",
@@ -15160,7 +15266,7 @@ var ChartOfAccountsForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.retryButton) || "Retry"
-    ), !apiError && /* @__PURE__ */ import_react166.default.createElement(
+    ), !apiError && /* @__PURE__ */ import_react170.default.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -15170,7 +15276,7 @@ var ChartOfAccountsForm = ({
       },
       (stringOverrides == null ? void 0 : stringOverrides.saveButton) || "Save"
     )))),
-    apiError && /* @__PURE__ */ import_react166.default.createElement(
+    apiError && /* @__PURE__ */ import_react170.default.createElement(
       Text,
       {
         size: "sm" /* sm */,
@@ -15178,15 +15284,15 @@ var ChartOfAccountsForm = ({
       },
       apiError
     ),
-    entry && /* @__PURE__ */ import_react166.default.createElement("div", { className: "Layer__chart-of-accounts__form-edit-entry" }, /* @__PURE__ */ import_react166.default.createElement(Text, { weight: "bold" /* bold */ }, entry.name), /* @__PURE__ */ import_react166.default.createElement(Text, { weight: "bold" /* bold */ }, "$", centsToDollars(entry.balance || 0))),
-    /* @__PURE__ */ import_react166.default.createElement("div", { className: "Layer__chart-of-accounts__form" }, /* @__PURE__ */ import_react166.default.createElement(
+    entry && /* @__PURE__ */ import_react170.default.createElement("div", { className: "Layer__chart-of-accounts__form-edit-entry" }, /* @__PURE__ */ import_react170.default.createElement(Text, { weight: "bold" /* bold */ }, entry.name), /* @__PURE__ */ import_react170.default.createElement(Text, { weight: "bold" /* bold */ }, "$", centsToDollars(entry.balance || 0))),
+    /* @__PURE__ */ import_react170.default.createElement("div", { className: "Layer__chart-of-accounts__form" }, /* @__PURE__ */ import_react170.default.createElement(
       InputGroup,
       {
         name: "parent",
         label: (stringOverrides == null ? void 0 : stringOverrides.parentLabel) || "Parent",
         inline: true
       },
-      /* @__PURE__ */ import_react166.default.createElement(
+      /* @__PURE__ */ import_react170.default.createElement(
         Select2,
         {
           options: parentOptions,
@@ -15195,14 +15301,14 @@ var ChartOfAccountsForm = ({
           disabled: sendingForm
         }
       )
-    ), /* @__PURE__ */ import_react166.default.createElement(
+    ), /* @__PURE__ */ import_react170.default.createElement(
       InputGroup,
       {
         name: "name",
         label: (stringOverrides == null ? void 0 : stringOverrides.nameLabel) || "Name",
         inline: true
       },
-      /* @__PURE__ */ import_react166.default.createElement(
+      /* @__PURE__ */ import_react170.default.createElement(
         Input,
         {
           name: "name",
@@ -15214,14 +15320,14 @@ var ChartOfAccountsForm = ({
           onChange: (e) => changeFormData("name", e.target.value)
         }
       )
-    ), /* @__PURE__ */ import_react166.default.createElement(
+    ), /* @__PURE__ */ import_react170.default.createElement(
       InputGroup,
       {
         name: "type",
         label: (stringOverrides == null ? void 0 : stringOverrides.typeLabel) || "Type",
         inline: true
       },
-      /* @__PURE__ */ import_react166.default.createElement(
+      /* @__PURE__ */ import_react170.default.createElement(
         Select2,
         {
           options: LEDGER_ACCOUNT_TYPES,
@@ -15232,14 +15338,14 @@ var ChartOfAccountsForm = ({
           disabled: sendingForm || form.action === "edit" || form.data.parent !== void 0
         }
       )
-    ), /* @__PURE__ */ import_react166.default.createElement(
+    ), /* @__PURE__ */ import_react170.default.createElement(
       InputGroup,
       {
         name: "subType",
         label: (stringOverrides == null ? void 0 : stringOverrides.subTypeLabel) || "Sub-Type",
         inline: true
       },
-      /* @__PURE__ */ import_react166.default.createElement(
+      /* @__PURE__ */ import_react170.default.createElement(
         Select2,
         {
           options: ((_g = form == null ? void 0 : form.data.type) == null ? void 0 : _g.value) !== void 0 ? LEDGER_ACCOUNT_SUBTYPES_FOR_TYPE[(_h = form == null ? void 0 : form.data.type) == null ? void 0 : _h.value] : LEDGER_ACCOUNT_SUBTYPES,
@@ -15248,14 +15354,14 @@ var ChartOfAccountsForm = ({
           disabled: sendingForm
         }
       )
-    ), /* @__PURE__ */ import_react166.default.createElement(
+    ), /* @__PURE__ */ import_react170.default.createElement(
       InputGroup,
       {
         name: "normality",
         label: (stringOverrides == null ? void 0 : stringOverrides.normalityLabel) || "Normality",
         inline: true
       },
-      /* @__PURE__ */ import_react166.default.createElement(
+      /* @__PURE__ */ import_react170.default.createElement(
         Select2,
         {
           options: NORMALITY_OPTIONS,
@@ -15268,7 +15374,7 @@ var ChartOfAccountsForm = ({
           disabled: sendingForm
         }
       )
-    ), /* @__PURE__ */ import_react166.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react166.default.createElement(
+    ), /* @__PURE__ */ import_react170.default.createElement("div", { className: "actions" }, /* @__PURE__ */ import_react170.default.createElement(
       Button,
       {
         type: "button",
@@ -15277,7 +15383,7 @@ var ChartOfAccountsForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.cancelButton) || "Cancel"
-    ), apiError && /* @__PURE__ */ import_react166.default.createElement(
+    ), apiError && /* @__PURE__ */ import_react170.default.createElement(
       RetryButton,
       {
         type: "submit",
@@ -15286,7 +15392,7 @@ var ChartOfAccountsForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.retryButton) || "Retry"
-    ), !apiError && /* @__PURE__ */ import_react166.default.createElement(
+    ), !apiError && /* @__PURE__ */ import_react170.default.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -15304,17 +15410,17 @@ var ChartOfAccountsSidebar = ({
   parentRef: _parentRef,
   stringOverrides
 }) => {
-  return /* @__PURE__ */ import_react167.default.createElement(ChartOfAccountsForm, { stringOverrides });
+  return /* @__PURE__ */ import_react171.default.createElement(ChartOfAccountsForm, { stringOverrides });
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
-var import_react168 = __toESM(require("react"));
+var import_react172 = __toESM(require("react"));
 
 // src/icons/Edit2.tsx
-var React172 = __toESM(require("react"));
+var React175 = __toESM(require("react"));
 var Edit2 = (_a) => {
   var _b = _a, { size = 18 } = _b, props = __objRest(_b, ["size"]);
-  return /* @__PURE__ */ React172.createElement(
+  return /* @__PURE__ */ React175.createElement(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -15324,7 +15430,7 @@ var Edit2 = (_a) => {
       width: size,
       height: size
     }),
-    /* @__PURE__ */ React172.createElement(
+    /* @__PURE__ */ React175.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",
@@ -15347,7 +15453,7 @@ var ChartOfAccountsTable = ({
   cumulativeIndex,
   accountsLength,
   templateAccountsEditable = true
-}) => /* @__PURE__ */ import_react168.default.createElement(TableProvider, null, /* @__PURE__ */ import_react168.default.createElement(
+}) => /* @__PURE__ */ import_react172.default.createElement(TableProvider, null, /* @__PURE__ */ import_react172.default.createElement(
   ChartOfAccountsTableContent,
   {
     view,
@@ -15367,18 +15473,18 @@ var ChartOfAccountsTableContent = ({
   expandAll,
   templateAccountsEditable
 }) => {
-  const { setAccountId } = (0, import_react168.useContext)(LedgerAccountsContext);
-  const { editAccount } = (0, import_react168.useContext)(ChartOfAccountsContext);
+  const { setAccountId } = (0, import_react172.useContext)(LedgerAccountsContext);
+  const { editAccount } = (0, import_react172.useContext)(ChartOfAccountsContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
-  const [accountsRowKeys, setAccountsRowKeys] = (0, import_react168.useState)([]);
-  (0, import_react168.useEffect)(() => {
+  const [accountsRowKeys, setAccountsRowKeys] = (0, import_react172.useState)([]);
+  (0, import_react172.useEffect)(() => {
     if (expandAll === "expanded") {
       setIsOpen(accountsRowKeys);
     } else if (expandAll === "collapsed") {
       setIsOpen([]);
     }
   }, [expandAll]);
-  (0, import_react168.useEffect)(() => {
+  (0, import_react172.useEffect)(() => {
     const defaultExpanded = data.accounts.map(
       (account) => "coa-row-" + account.id
     );
@@ -15397,7 +15503,7 @@ var ChartOfAccountsTableContent = ({
     var _a, _b;
     const expandable = !!account.sub_accounts && account.sub_accounts.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ import_react168.default.createElement(import_react168.default.Fragment, { key: rowKey + "-" + index }, /* @__PURE__ */ import_react168.default.createElement(
+    return /* @__PURE__ */ import_react172.default.createElement(import_react172.default.Fragment, { key: rowKey + "-" + index }, /* @__PURE__ */ import_react172.default.createElement(
       TableRow,
       {
         rowKey: rowKey + "-" + index,
@@ -15409,7 +15515,7 @@ var ChartOfAccountsTableContent = ({
         },
         depth
       },
-      /* @__PURE__ */ import_react168.default.createElement(
+      /* @__PURE__ */ import_react172.default.createElement(
         TableCell,
         {
           withExpandIcon: expandable,
@@ -15420,14 +15526,14 @@ var ChartOfAccountsTableContent = ({
         },
         account.name
       ),
-      /* @__PURE__ */ import_react168.default.createElement(TableCell, null, (_a = account.account_type) == null ? void 0 : _a.display_name),
-      /* @__PURE__ */ import_react168.default.createElement(TableCell, null, (_b = account.account_subtype) == null ? void 0 : _b.display_name),
-      /* @__PURE__ */ import_react168.default.createElement(TableCell, { isCurrency: true }, account.balance),
-      /* @__PURE__ */ import_react168.default.createElement(TableCell, null, /* @__PURE__ */ import_react168.default.createElement("span", { className: "Layer__coa__actions" }, /* @__PURE__ */ import_react168.default.createElement(
+      /* @__PURE__ */ import_react172.default.createElement(TableCell, null, (_a = account.account_type) == null ? void 0 : _a.display_name),
+      /* @__PURE__ */ import_react172.default.createElement(TableCell, null, (_b = account.account_subtype) == null ? void 0 : _b.display_name),
+      /* @__PURE__ */ import_react172.default.createElement(TableCell, { isCurrency: true }, account.balance),
+      /* @__PURE__ */ import_react172.default.createElement(TableCell, null, /* @__PURE__ */ import_react172.default.createElement("span", { className: "Layer__coa__actions" }, /* @__PURE__ */ import_react172.default.createElement(
         Button,
         {
           variant: "secondary" /* secondary */,
-          rightIcon: /* @__PURE__ */ import_react168.default.createElement(Edit2_default, { size: 12 }),
+          rightIcon: /* @__PURE__ */ import_react172.default.createElement(Edit2_default, { size: 12 }),
           iconOnly: true,
           disabled: !templateAccountsEditable && !!account.stable_name,
           onClick: (e) => {
@@ -15449,7 +15555,7 @@ var ChartOfAccountsTableContent = ({
       );
     }));
   };
-  return /* @__PURE__ */ import_react168.default.createElement(Table, null, /* @__PURE__ */ import_react168.default.createElement(TableHead, null, /* @__PURE__ */ import_react168.default.createElement(TableRow, { isHeadRow: true, rowKey: "charts-of-accounts-head-row" }, /* @__PURE__ */ import_react168.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.nameColumnHeader) || "Name"), /* @__PURE__ */ import_react168.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.typeColumnHeader) || "Type"), /* @__PURE__ */ import_react168.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.subtypeColumnHeader) || "Sub-Type"), /* @__PURE__ */ import_react168.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.balanceColumnHeader) || "Balance"), /* @__PURE__ */ import_react168.default.createElement(TableCell, { isHeaderCell: true }))), /* @__PURE__ */ import_react168.default.createElement(TableBody, null, !error && data.accounts.map(
+  return /* @__PURE__ */ import_react172.default.createElement(Table, null, /* @__PURE__ */ import_react172.default.createElement(TableHead, null, /* @__PURE__ */ import_react172.default.createElement(TableRow, { isHeadRow: true, rowKey: "charts-of-accounts-head-row" }, /* @__PURE__ */ import_react172.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.nameColumnHeader) || "Name"), /* @__PURE__ */ import_react172.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.typeColumnHeader) || "Type"), /* @__PURE__ */ import_react172.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.subtypeColumnHeader) || "Sub-Type"), /* @__PURE__ */ import_react172.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.balanceColumnHeader) || "Balance"), /* @__PURE__ */ import_react172.default.createElement(TableCell, { isHeaderCell: true }))), /* @__PURE__ */ import_react172.default.createElement(TableBody, null, !error && data.accounts.map(
     (account, idx) => renderChartOfAccountsDesktopRow(
       account,
       idx,
@@ -15471,14 +15577,14 @@ var ChartOfAccountsTableWithPanel = ({
   templateAccountsEditable
 }) => {
   var _a;
-  const { data, isLoading, addAccount, error, isValidating, refetch, form } = (0, import_react169.useContext)(ChartOfAccountsContext);
-  const [expandAll, setExpandAll] = (0, import_react169.useState)();
+  const { data, isLoading, addAccount, error, isValidating, refetch, form } = (0, import_react173.useContext)(ChartOfAccountsContext);
+  const [expandAll, setExpandAll] = (0, import_react173.useState)();
   const cumulativeIndex = 0;
   const accountsLength = (_a = data == null ? void 0 : data.accounts.length) != null ? _a : 0;
-  return /* @__PURE__ */ import_react169.default.createElement(
+  return /* @__PURE__ */ import_react173.default.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ import_react169.default.createElement(
+      sidebar: /* @__PURE__ */ import_react173.default.createElement(
         ChartOfAccountsSidebar,
         {
           parentRef: containerRef,
@@ -15488,7 +15594,7 @@ var ChartOfAccountsTableWithPanel = ({
       sidebarIsOpen: Boolean(form),
       parentRef: containerRef
     },
-    /* @__PURE__ */ import_react169.default.createElement(Header2, { className: `Layer__${COMPONENT_NAME5}__header`, asHeader: true, rounded: true }, /* @__PURE__ */ import_react169.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react169.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react169.default.createElement(
+    /* @__PURE__ */ import_react173.default.createElement(Header2, { className: `Layer__${COMPONENT_NAME5}__header`, asHeader: true, rounded: true }, /* @__PURE__ */ import_react173.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react173.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react173.default.createElement(
       Heading,
       {
         className: `Layer__${COMPONENT_NAME5}__title`,
@@ -15496,13 +15602,13 @@ var ChartOfAccountsTableWithPanel = ({
       },
       (stringOverrides == null ? void 0 : stringOverrides.headerText) || "Chart of Accounts"
     )))),
-    /* @__PURE__ */ import_react169.default.createElement(Header2, { className: `Layer__${COMPONENT_NAME5}__header`, sticky: true }, /* @__PURE__ */ import_react169.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react169.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react169.default.createElement(
+    /* @__PURE__ */ import_react173.default.createElement(Header2, { className: `Layer__${COMPONENT_NAME5}__header`, sticky: true }, /* @__PURE__ */ import_react173.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react173.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react173.default.createElement(
       Heading,
       {
         size: "secondary" /* secondary */,
         className: `Layer__${COMPONENT_NAME5}__subtitle`
       },
-      withDateControl || withExpandAllButton ? /* @__PURE__ */ import_react169.default.createElement("div", { className: "Layer__header__actions-col" }, withDateControl && /* @__PURE__ */ import_react169.default.createElement(ChartOfAccountsDatePicker, null), withExpandAllButton && /* @__PURE__ */ import_react169.default.createElement(
+      withDateControl || withExpandAllButton ? /* @__PURE__ */ import_react173.default.createElement("div", { className: "Layer__header__actions-col" }, withDateControl && /* @__PURE__ */ import_react173.default.createElement(ChartOfAccountsDatePicker, null), withExpandAllButton && /* @__PURE__ */ import_react173.default.createElement(
         ExpandCollapseButton,
         {
           iconOnly: view === "mobile",
@@ -15513,17 +15619,17 @@ var ChartOfAccountsTableWithPanel = ({
           variant: "secondary" /* secondary */
         }
       )) : null
-    )), /* @__PURE__ */ import_react169.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react169.default.createElement(
+    )), /* @__PURE__ */ import_react173.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react173.default.createElement(
       Button,
       {
         onClick: () => addAccount(),
         disabled: isLoading,
         iconOnly: ["mobile", "tablet"].includes(view),
-        leftIcon: ["mobile", "tablet"].includes(view) && /* @__PURE__ */ import_react169.default.createElement(Plus_default, { size: 14 })
+        leftIcon: ["mobile", "tablet"].includes(view) && /* @__PURE__ */ import_react173.default.createElement(Plus_default, { size: 14 })
       },
       (stringOverrides == null ? void 0 : stringOverrides.addAccountButtonText) || "Add Account"
     )))),
-    data && /* @__PURE__ */ import_react169.default.createElement(
+    data && /* @__PURE__ */ import_react173.default.createElement(
       ChartOfAccountsTable,
       {
         view,
@@ -15536,7 +15642,7 @@ var ChartOfAccountsTableWithPanel = ({
         templateAccountsEditable
       }
     ),
-    error ? /* @__PURE__ */ import_react169.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react169.default.createElement(
+    error ? /* @__PURE__ */ import_react173.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react173.default.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -15546,8 +15652,8 @@ var ChartOfAccountsTableWithPanel = ({
         isLoading: isValidating || isLoading
       }
     )) : null,
-    (!data || isLoading) && !error ? /* @__PURE__ */ import_react169.default.createElement("div", { className: `Layer__${COMPONENT_NAME5}__loader-container` }, /* @__PURE__ */ import_react169.default.createElement(Loader2, null)) : null,
-    !isLoading && !error && (data == null ? void 0 : data.accounts.length) === 0 ? /* @__PURE__ */ import_react169.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react169.default.createElement(
+    (!data || isLoading) && !error ? /* @__PURE__ */ import_react173.default.createElement("div", { className: `Layer__${COMPONENT_NAME5}__loader-container` }, /* @__PURE__ */ import_react173.default.createElement(Loader2, null)) : null,
+    !isLoading && !error && (data == null ? void 0 : data.accounts.length) === 0 ? /* @__PURE__ */ import_react173.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react173.default.createElement(
       DataState,
       {
         status: "info" /* info */,
@@ -15561,10 +15667,10 @@ var ChartOfAccountsTableWithPanel = ({
 };
 
 // src/components/LedgerAccount/LedgerAccountIndex.tsx
-var import_react176 = __toESM(require("react"));
+var import_react180 = __toESM(require("react"));
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
-var import_react174 = __toESM(require("react"));
+var import_react178 = __toESM(require("react"));
 
 // src/utils/journal.ts
 var getAccountIdentifierPayload = (journalLineItem) => {
@@ -15588,14 +15694,14 @@ var entryNumber = (entry) => {
 };
 
 // src/components/Card/Card.tsx
-var import_react170 = __toESM(require("react"));
-var import_classnames64 = __toESM(require("classnames"));
+var import_react174 = __toESM(require("react"));
+var import_classnames63 = __toESM(require("classnames"));
 var Card = ({ children, className }) => {
-  return /* @__PURE__ */ import_react170.default.createElement("div", { className: (0, import_classnames64.default)("Layer__card", className) }, children);
+  return /* @__PURE__ */ import_react174.default.createElement("div", { className: (0, import_classnames63.default)("Layer__card", className) }, children);
 };
 
 // src/components/DateTime/DateTime.tsx
-var import_react171 = __toESM(require("react"));
+var import_react175 = __toESM(require("react"));
 var import_date_fns32 = require("date-fns");
 var DateTime = ({
   value,
@@ -15606,11 +15712,11 @@ var DateTime = ({
   onlyTime
 }) => {
   if (format8) {
-    return /* @__PURE__ */ import_react171.default.createElement(Text, { className: "Layer__datetime" }, (0, import_date_fns32.format)((0, import_date_fns32.parseISO)(value), format8));
+    return /* @__PURE__ */ import_react175.default.createElement(Text, { className: "Layer__datetime" }, (0, import_date_fns32.format)((0, import_date_fns32.parseISO)(value), format8));
   }
   const date = (0, import_date_fns32.format)((0, import_date_fns32.parseISO)(value), dateFormat != null ? dateFormat : DATE_FORMAT);
   const time = (0, import_date_fns32.format)((0, import_date_fns32.parseISO)(value), timeFormat != null ? timeFormat : TIME_FORMAT);
-  return /* @__PURE__ */ import_react171.default.createElement(Text, { className: "Layer__datetime" }, !onlyTime && /* @__PURE__ */ import_react171.default.createElement(
+  return /* @__PURE__ */ import_react175.default.createElement(Text, { className: "Layer__datetime" }, !onlyTime && /* @__PURE__ */ import_react175.default.createElement(
     Text,
     {
       as: "span",
@@ -15619,7 +15725,7 @@ var DateTime = ({
       className: "Layer__datetime__date"
     },
     date
-  ), !onlyDate && /* @__PURE__ */ import_react171.default.createElement(
+  ), !onlyDate && /* @__PURE__ */ import_react175.default.createElement(
     Text,
     {
       as: "span",
@@ -15632,8 +15738,8 @@ var DateTime = ({
 };
 
 // src/components/DetailsList/DetailsList.tsx
-var import_react172 = __toESM(require("react"));
-var import_classnames65 = __toESM(require("classnames"));
+var import_react176 = __toESM(require("react"));
+var import_classnames64 = __toESM(require("classnames"));
 var DetailsList = ({
   title,
   children,
@@ -15641,14 +15747,14 @@ var DetailsList = ({
   titleClassName,
   actions
 }) => {
-  return /* @__PURE__ */ import_react172.default.createElement("div", { className: (0, import_classnames65.default)("Layer__details-list", className) }, title && /* @__PURE__ */ import_react172.default.createElement(Header, { className: titleClassName }, /* @__PURE__ */ import_react172.default.createElement(Heading, { size: "secondary" /* secondary */ }, title), actions && /* @__PURE__ */ import_react172.default.createElement("div", { className: "Layer__details-list__actions" }, actions)), /* @__PURE__ */ import_react172.default.createElement("ul", { className: "Layer__details-list__list" }, children));
+  return /* @__PURE__ */ import_react176.default.createElement("div", { className: (0, import_classnames64.default)("Layer__details-list", className) }, title && /* @__PURE__ */ import_react176.default.createElement(Header, { className: titleClassName }, /* @__PURE__ */ import_react176.default.createElement(Heading, { size: "secondary" /* secondary */ }, title), actions && /* @__PURE__ */ import_react176.default.createElement("div", { className: "Layer__details-list__actions" }, actions)), /* @__PURE__ */ import_react176.default.createElement("ul", { className: "Layer__details-list__list" }, children));
 };
 
 // src/components/DetailsList/DetailsListItem.tsx
-var import_react173 = __toESM(require("react"));
+var import_react177 = __toESM(require("react"));
 var renderValue = (value) => {
   if (typeof value === "string") {
-    return /* @__PURE__ */ import_react173.default.createElement(Text, { weight: "bold" /* bold */, size: "sm" /* sm */ }, value);
+    return /* @__PURE__ */ import_react177.default.createElement(Text, { weight: "bold" /* bold */, size: "sm" /* sm */ }, value);
   }
   return value;
 };
@@ -15657,7 +15763,7 @@ var DetailsListItem = ({
   children,
   isLoading
 }) => {
-  return /* @__PURE__ */ import_react173.default.createElement("li", { className: "Layer__details-list-item" }, /* @__PURE__ */ import_react173.default.createElement("label", { className: "Layer__details-list-item__label" }, label), /* @__PURE__ */ import_react173.default.createElement("span", { className: "Layer__details-list-item__value" }, isLoading ? /* @__PURE__ */ import_react173.default.createElement(SkeletonLoader, null) : renderValue(children)));
+  return /* @__PURE__ */ import_react177.default.createElement("li", { className: "Layer__details-list-item" }, /* @__PURE__ */ import_react177.default.createElement("label", { className: "Layer__details-list-item__label" }, label), /* @__PURE__ */ import_react177.default.createElement("span", { className: "Layer__details-list-item__value" }, isLoading ? /* @__PURE__ */ import_react177.default.createElement(SkeletonLoader, null) : renderValue(children)));
 };
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
@@ -15668,19 +15774,19 @@ var SourceDetailView = ({
   switch (source.type) {
     case "Transaction_Ledger_Entry_Source": {
       const transactionSource = source;
-      return /* @__PURE__ */ import_react174.default.createElement(import_react174.default.Fragment, null, /* @__PURE__ */ import_react174.default.createElement(
+      return /* @__PURE__ */ import_react178.default.createElement(import_react178.default.Fragment, null, /* @__PURE__ */ import_react178.default.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.accountNameLabel) || "Account name"
         },
         transactionSource.account_name
-      ), /* @__PURE__ */ import_react174.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.dateLabel) || "Date" }, /* @__PURE__ */ import_react174.default.createElement(DateTime, { value: transactionSource.date })), /* @__PURE__ */ import_react174.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(transactionSource.amount)}`), /* @__PURE__ */ import_react174.default.createElement(
+      ), /* @__PURE__ */ import_react178.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.dateLabel) || "Date" }, /* @__PURE__ */ import_react178.default.createElement(DateTime, { value: transactionSource.date })), /* @__PURE__ */ import_react178.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(transactionSource.amount)}`), /* @__PURE__ */ import_react178.default.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.directionLabel) || "Direction"
         },
         transactionSource.direction
-      ), /* @__PURE__ */ import_react174.default.createElement(
+      ), /* @__PURE__ */ import_react178.default.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.counterpartyLabel) || "Counterparty"
@@ -15690,23 +15796,23 @@ var SourceDetailView = ({
     }
     case "Invoice_Ledger_Entry_Source": {
       const invoiceSource = source;
-      return /* @__PURE__ */ import_react174.default.createElement(import_react174.default.Fragment, null, /* @__PURE__ */ import_react174.default.createElement(
+      return /* @__PURE__ */ import_react178.default.createElement(import_react178.default.Fragment, null, /* @__PURE__ */ import_react178.default.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.invoiceNumberLabel) || "Invoice number"
         },
         invoiceSource.invoice_number
-      ), /* @__PURE__ */ import_react174.default.createElement(
+      ), /* @__PURE__ */ import_react178.default.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.recipientNameLabel) || "Recipient name"
         },
         invoiceSource.recipient_name
-      ), /* @__PURE__ */ import_react174.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.dateLabel) || "Date" }, /* @__PURE__ */ import_react174.default.createElement(DateTime, { value: invoiceSource.date })), /* @__PURE__ */ import_react174.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(invoiceSource.amount)}`));
+      ), /* @__PURE__ */ import_react178.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.dateLabel) || "Date" }, /* @__PURE__ */ import_react178.default.createElement(DateTime, { value: invoiceSource.date })), /* @__PURE__ */ import_react178.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(invoiceSource.amount)}`));
     }
     case "Manual_Ledger_Entry_Source": {
       const manualSource = source;
-      return /* @__PURE__ */ import_react174.default.createElement(import_react174.default.Fragment, null, /* @__PURE__ */ import_react174.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.memoLabel) || "Memo" }, manualSource.memo), /* @__PURE__ */ import_react174.default.createElement(
+      return /* @__PURE__ */ import_react178.default.createElement(import_react178.default.Fragment, null, /* @__PURE__ */ import_react178.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.memoLabel) || "Memo" }, manualSource.memo), /* @__PURE__ */ import_react178.default.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.createdByLabel) || "Created by"
@@ -15716,17 +15822,17 @@ var SourceDetailView = ({
     }
     case "Invoice_Payment_Ledger_Entry_Source": {
       const invoicePaymentSource = source;
-      return /* @__PURE__ */ import_react174.default.createElement(import_react174.default.Fragment, null, /* @__PURE__ */ import_react174.default.createElement(
+      return /* @__PURE__ */ import_react178.default.createElement(import_react178.default.Fragment, null, /* @__PURE__ */ import_react178.default.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.invoiceNumberLabel) || "Invoice number"
         },
         invoicePaymentSource.invoice_number
-      ), /* @__PURE__ */ import_react174.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(invoicePaymentSource.amount)}`));
+      ), /* @__PURE__ */ import_react178.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(invoicePaymentSource.amount)}`));
     }
     case "Refund_Ledger_Entry_Source": {
       const refundSource = source;
-      return /* @__PURE__ */ import_react174.default.createElement(import_react174.default.Fragment, null, /* @__PURE__ */ import_react174.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ import_react174.default.createElement(
+      return /* @__PURE__ */ import_react178.default.createElement(import_react178.default.Fragment, null, /* @__PURE__ */ import_react178.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ import_react178.default.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.recipientNameLabel) || "Recipient name"
@@ -15736,7 +15842,7 @@ var SourceDetailView = ({
     }
     case "Refund_Payment_Ledger_Entry_Source": {
       const refundSource = source;
-      return /* @__PURE__ */ import_react174.default.createElement(import_react174.default.Fragment, null, /* @__PURE__ */ import_react174.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ import_react174.default.createElement(
+      return /* @__PURE__ */ import_react178.default.createElement(import_react178.default.Fragment, null, /* @__PURE__ */ import_react178.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(refundSource.refunded_to_customer_amount)}`), /* @__PURE__ */ import_react178.default.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.recipientNameLabel) || "Recipient name"
@@ -15746,7 +15852,7 @@ var SourceDetailView = ({
     }
     case "Opening_Balance_Ledger_Entry_Source": {
       const openingBalanceSource = source;
-      return /* @__PURE__ */ import_react174.default.createElement(import_react174.default.Fragment, null, /* @__PURE__ */ import_react174.default.createElement(
+      return /* @__PURE__ */ import_react178.default.createElement(import_react178.default.Fragment, null, /* @__PURE__ */ import_react178.default.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.accountNameLabel) || "Account name"
@@ -15756,7 +15862,7 @@ var SourceDetailView = ({
     }
     case "Payout_Ledger_Entry_Source": {
       const payoutSource = source;
-      return /* @__PURE__ */ import_react174.default.createElement(import_react174.default.Fragment, null, /* @__PURE__ */ import_react174.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(payoutSource.paid_out_amount)}`), /* @__PURE__ */ import_react174.default.createElement(
+      return /* @__PURE__ */ import_react178.default.createElement(import_react178.default.Fragment, null, /* @__PURE__ */ import_react178.default.createElement(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount" }, `$${centsToDollars(payoutSource.paid_out_amount)}`), /* @__PURE__ */ import_react178.default.createElement(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.processorLabel) || "Processor"
@@ -15772,8 +15878,8 @@ var LedgerAccountEntryDetails = ({
   stringOverrides
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
-  const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = (0, import_react174.useContext)(LedgerAccountsContext);
-  const { totalDebit, totalCredit } = (0, import_react174.useMemo)(() => {
+  const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = (0, import_react178.useContext)(LedgerAccountsContext);
+  const { totalDebit, totalCredit } = (0, import_react178.useMemo)(() => {
     var _a2;
     let totalDebit2 = 0;
     let totalCredit2 = 0;
@@ -15786,15 +15892,15 @@ var LedgerAccountEntryDetails = ({
     });
     return { totalDebit: totalDebit2, totalCredit: totalCredit2 };
   }, [entryData]);
-  return /* @__PURE__ */ import_react174.default.createElement("div", { className: "Layer__ledger-account__entry-details" }, /* @__PURE__ */ import_react174.default.createElement(Header2, { className: "Layer__ledger-account__entry-details__header" }, /* @__PURE__ */ import_react174.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react174.default.createElement(HeaderCol, { className: "Layer__hidden-lg Layer__hidden-xl" }, /* @__PURE__ */ import_react174.default.createElement(BackButton, { onClick: closeSelectedEntry }), /* @__PURE__ */ import_react174.default.createElement(Heading, { size: "secondary" /* secondary */ }, (stringOverrides == null ? void 0 : stringOverrides.title) || "Transaction details")), /* @__PURE__ */ import_react174.default.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ import_react174.default.createElement(Heading, { size: "secondary" /* secondary */ }, ((_a = stringOverrides == null ? void 0 : stringOverrides.transactionSource) == null ? void 0 : _a.header) || "Transaction source")), /* @__PURE__ */ import_react174.default.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ import_react174.default.createElement(CloseButton, { onClick: closeSelectedEntry })))), /* @__PURE__ */ import_react174.default.createElement(
+  return /* @__PURE__ */ import_react178.default.createElement("div", { className: "Layer__ledger-account__entry-details" }, /* @__PURE__ */ import_react178.default.createElement(Header2, { className: "Layer__ledger-account__entry-details__header" }, /* @__PURE__ */ import_react178.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react178.default.createElement(HeaderCol, { className: "Layer__hidden-lg Layer__hidden-xl" }, /* @__PURE__ */ import_react178.default.createElement(BackButton, { onClick: closeSelectedEntry }), /* @__PURE__ */ import_react178.default.createElement(Heading, { size: "secondary" /* secondary */ }, (stringOverrides == null ? void 0 : stringOverrides.title) || "Transaction details")), /* @__PURE__ */ import_react178.default.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ import_react178.default.createElement(Heading, { size: "secondary" /* secondary */ }, ((_a = stringOverrides == null ? void 0 : stringOverrides.transactionSource) == null ? void 0 : _a.header) || "Transaction source")), /* @__PURE__ */ import_react178.default.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ import_react178.default.createElement(CloseButton, { onClick: closeSelectedEntry })))), /* @__PURE__ */ import_react178.default.createElement(
     DetailsList,
     {
       title: ((_b = stringOverrides == null ? void 0 : stringOverrides.transactionSource) == null ? void 0 : _b.header) || "Transaction source",
       titleClassName: "Layer__hidden-lg Layer__hidden-xl",
-      actions: /* @__PURE__ */ import_react174.default.createElement(
+      actions: /* @__PURE__ */ import_react178.default.createElement(
         Button,
         {
-          rightIcon: /* @__PURE__ */ import_react174.default.createElement(X_default, null),
+          rightIcon: /* @__PURE__ */ import_react178.default.createElement(X_default, null),
           iconOnly: true,
           onClick: closeSelectedEntry,
           variant: "secondary" /* secondary */,
@@ -15802,16 +15908,16 @@ var LedgerAccountEntryDetails = ({
         }
       )
     },
-    /* @__PURE__ */ import_react174.default.createElement(
+    /* @__PURE__ */ import_react178.default.createElement(
       DetailsListItem,
       {
         label: ((_d = (_c = stringOverrides == null ? void 0 : stringOverrides.transactionSource) == null ? void 0 : _c.details) == null ? void 0 : _d.sourceLabel) || "Source",
         isLoading: isLoadingEntry
       },
-      /* @__PURE__ */ import_react174.default.createElement(Badge, null, (_e = entryData == null ? void 0 : entryData.source) == null ? void 0 : _e.entity_name)
+      /* @__PURE__ */ import_react178.default.createElement(Badge, null, (_e = entryData == null ? void 0 : entryData.source) == null ? void 0 : _e.entity_name)
     ),
-    ((_f = entryData == null ? void 0 : entryData.source) == null ? void 0 : _f.display_description) && /* @__PURE__ */ import_react174.default.createElement(SourceDetailView, { source: entryData == null ? void 0 : entryData.source })
-  ), /* @__PURE__ */ import_react174.default.createElement(
+    ((_f = entryData == null ? void 0 : entryData.source) == null ? void 0 : _f.display_description) && /* @__PURE__ */ import_react178.default.createElement(SourceDetailView, { source: entryData == null ? void 0 : entryData.source })
+  ), /* @__PURE__ */ import_react178.default.createElement(
     DetailsList,
     {
       title: ((_g = stringOverrides == null ? void 0 : stringOverrides.journalEntry) == null ? void 0 : _g.header) ? (_h = stringOverrides == null ? void 0 : stringOverrides.journalEntry) == null ? void 0 : _h.header(
@@ -15819,7 +15925,7 @@ var LedgerAccountEntryDetails = ({
       ) : `Journal Entry ${entryData ? entryNumber(entryData) : ""}`,
       className: "Layer__border-top"
     },
-    /* @__PURE__ */ import_react174.default.createElement(
+    /* @__PURE__ */ import_react178.default.createElement(
       DetailsListItem,
       {
         label: ((_j = (_i = stringOverrides == null ? void 0 : stringOverrides.journalEntry) == null ? void 0 : _i.details) == null ? void 0 : _j.entryTypeLabel) || "Entry type",
@@ -15827,23 +15933,23 @@ var LedgerAccountEntryDetails = ({
       },
       humanizeEnum((_k = entryData == null ? void 0 : entryData.entry_type) != null ? _k : "")
     ),
-    /* @__PURE__ */ import_react174.default.createElement(
+    /* @__PURE__ */ import_react178.default.createElement(
       DetailsListItem,
       {
         label: ((_m = (_l = stringOverrides == null ? void 0 : stringOverrides.journalEntry) == null ? void 0 : _l.details) == null ? void 0 : _m.dateLabel) || "Date",
         isLoading: isLoadingEntry
       },
-      (entryData == null ? void 0 : entryData.entry_at) && /* @__PURE__ */ import_react174.default.createElement(DateTime, { value: entryData == null ? void 0 : entryData.entry_at })
+      (entryData == null ? void 0 : entryData.entry_at) && /* @__PURE__ */ import_react178.default.createElement(DateTime, { value: entryData == null ? void 0 : entryData.entry_at })
     ),
-    /* @__PURE__ */ import_react174.default.createElement(
+    /* @__PURE__ */ import_react178.default.createElement(
       DetailsListItem,
       {
         label: ((_o = (_n = stringOverrides == null ? void 0 : stringOverrides.journalEntry) == null ? void 0 : _n.details) == null ? void 0 : _o.creationDateLabel) || "Creation date",
         isLoading: isLoadingEntry
       },
-      (entryData == null ? void 0 : entryData.date) && /* @__PURE__ */ import_react174.default.createElement(DateTime, { value: entryData == null ? void 0 : entryData.date })
+      (entryData == null ? void 0 : entryData.date) && /* @__PURE__ */ import_react178.default.createElement(DateTime, { value: entryData == null ? void 0 : entryData.date })
     ),
-    (entryData == null ? void 0 : entryData.reversal_id) && /* @__PURE__ */ import_react174.default.createElement(
+    (entryData == null ? void 0 : entryData.reversal_id) && /* @__PURE__ */ import_react178.default.createElement(
       DetailsListItem,
       {
         label: ((_q = (_p = stringOverrides == null ? void 0 : stringOverrides.journalEntry) == null ? void 0 : _p.details) == null ? void 0 : _q.reversalLabel) || "Reversal",
@@ -15851,41 +15957,41 @@ var LedgerAccountEntryDetails = ({
       },
       entryData == null ? void 0 : entryData.reversal_id.substring(0, 5)
     )
-  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ import_react174.default.createElement("div", { className: "Layer__ledger-account__entry-details__line-items" }, /* @__PURE__ */ import_react174.default.createElement(Card, null, /* @__PURE__ */ import_react174.default.createElement(
+  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ import_react178.default.createElement("div", { className: "Layer__ledger-account__entry-details__line-items" }, /* @__PURE__ */ import_react178.default.createElement(Card, null, /* @__PURE__ */ import_react178.default.createElement(
     Table,
     {
       componentName: "ledger-account__entry-details",
       borderCollapse: "collapse"
     },
-    /* @__PURE__ */ import_react174.default.createElement(TableHead, null, /* @__PURE__ */ import_react174.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react174.default.createElement(TableCell, null, ((_r = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _r.lineItemsColumnHeader) || "Line items"), /* @__PURE__ */ import_react174.default.createElement(TableCell, { align: "right" /* RIGHT */ }, ((_s = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _s.debitColumnHeader) || "Debit"), /* @__PURE__ */ import_react174.default.createElement(TableCell, { align: "right" /* RIGHT */ }, ((_t = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _t.creditColumnHeader) || "Credit"))),
-    /* @__PURE__ */ import_react174.default.createElement(TableBody, null, (_u = entryData == null ? void 0 : entryData.line_items) == null ? void 0 : _u.map((item, index) => {
+    /* @__PURE__ */ import_react178.default.createElement(TableHead, null, /* @__PURE__ */ import_react178.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react178.default.createElement(TableCell, null, ((_r = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _r.lineItemsColumnHeader) || "Line items"), /* @__PURE__ */ import_react178.default.createElement(TableCell, { align: "right" /* RIGHT */ }, ((_s = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _s.debitColumnHeader) || "Debit"), /* @__PURE__ */ import_react178.default.createElement(TableCell, { align: "right" /* RIGHT */ }, ((_t = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _t.creditColumnHeader) || "Credit"))),
+    /* @__PURE__ */ import_react178.default.createElement(TableBody, null, (_u = entryData == null ? void 0 : entryData.line_items) == null ? void 0 : _u.map((item, index) => {
       var _a2;
-      return /* @__PURE__ */ import_react174.default.createElement(
+      return /* @__PURE__ */ import_react178.default.createElement(
         TableRow,
         {
           key: `ledger-line-item-${index}`,
           rowKey: `ledger-line-item-${index}`
         },
-        /* @__PURE__ */ import_react174.default.createElement(TableCell, null, ((_a2 = item.account) == null ? void 0 : _a2.name) || ""),
-        /* @__PURE__ */ import_react174.default.createElement(TableCell, { align: "right" /* RIGHT */ }, item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ import_react174.default.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))),
-        /* @__PURE__ */ import_react174.default.createElement(TableCell, { align: "right" /* RIGHT */ }, item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ import_react174.default.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0)))
+        /* @__PURE__ */ import_react178.default.createElement(TableCell, null, ((_a2 = item.account) == null ? void 0 : _a2.name) || ""),
+        /* @__PURE__ */ import_react178.default.createElement(TableCell, { align: "right" /* RIGHT */ }, item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ import_react178.default.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))),
+        /* @__PURE__ */ import_react178.default.createElement(TableCell, { align: "right" /* RIGHT */ }, item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ import_react178.default.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0)))
       );
-    }), /* @__PURE__ */ import_react174.default.createElement(
+    }), /* @__PURE__ */ import_react178.default.createElement(
       TableRow,
       {
         rowKey: "ledger-line-item-summation",
         variant: "summation"
       },
-      /* @__PURE__ */ import_react174.default.createElement(TableCell, { primary: true }, ((_v = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _v.totalRowHeader) || "Total"),
-      /* @__PURE__ */ import_react174.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, totalDebit || 0),
-      /* @__PURE__ */ import_react174.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, totalCredit || 0)
+      /* @__PURE__ */ import_react178.default.createElement(TableCell, { primary: true }, ((_v = stringOverrides == null ? void 0 : stringOverrides.lineItemsTable) == null ? void 0 : _v.totalRowHeader) || "Total"),
+      /* @__PURE__ */ import_react178.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, totalDebit || 0),
+      /* @__PURE__ */ import_react178.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, totalCredit || 0)
     ))
   ))) : null);
 };
 
 // src/components/LedgerAccount/LedgerAccountRow.tsx
-var import_react175 = __toESM(require("react"));
-var import_classnames66 = __toESM(require("classnames"));
+var import_react179 = __toESM(require("react"));
+var import_classnames65 = __toESM(require("classnames"));
 var import_date_fns33 = require("date-fns");
 var LedgerAccountRow = ({
   row,
@@ -15894,9 +16000,9 @@ var LedgerAccountRow = ({
   view
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react175.useContext)(LedgerAccountsContext);
-  const [showComponent, setShowComponent] = (0, import_react175.useState)(false);
-  (0, import_react175.useEffect)(() => {
+  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react179.useContext)(LedgerAccountsContext);
+  const [showComponent, setShowComponent] = (0, import_react179.useState)(false);
+  (0, import_react179.useEffect)(() => {
     if (initialLoad) {
       const timeoutId = setTimeout(() => {
         setShowComponent(true);
@@ -15907,10 +16013,10 @@ var LedgerAccountRow = ({
     }
   }, []);
   if (view === "tablet") {
-    return /* @__PURE__ */ import_react175.default.createElement(
+    return /* @__PURE__ */ import_react179.default.createElement(
       "tr",
       {
-        className: (0, import_classnames66.default)(
+        className: (0, import_classnames65.default)(
           "Layer__table-row",
           row.entry_id === selectedEntryId && "Layer__table-row--active",
           initialLoad && "initial-load",
@@ -15926,24 +16032,24 @@ var LedgerAccountRow = ({
           }
         }
       },
-      /* @__PURE__ */ import_react175.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react175.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react175.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react175.default.createElement(Text, null, row.date && (0, import_date_fns33.format)((0, import_date_fns33.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react175.default.createElement(
+      /* @__PURE__ */ import_react179.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react179.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react179.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react179.default.createElement(Text, null, row.date && (0, import_date_fns33.format)((0, import_date_fns33.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react179.default.createElement(
         Text,
         {
           weight: "normal" /* normal */,
           className: "Layer__ledger_account-table__journal-id"
         },
         entryNumber(row)
-      )), /* @__PURE__ */ import_react175.default.createElement(Text, null, (_b = (_a = row.source) == null ? void 0 : _a.display_description) != null ? _b : ""))),
-      /* @__PURE__ */ import_react175.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react175.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
-      /* @__PURE__ */ import_react175.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react175.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
-      /* @__PURE__ */ import_react175.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react175.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
+      )), /* @__PURE__ */ import_react179.default.createElement(Text, null, (_b = (_a = row.source) == null ? void 0 : _a.display_description) != null ? _b : ""))),
+      /* @__PURE__ */ import_react179.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react179.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
+      /* @__PURE__ */ import_react179.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react179.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
+      /* @__PURE__ */ import_react179.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react179.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
     );
   }
   if (view === "mobile") {
-    return /* @__PURE__ */ import_react175.default.createElement(
+    return /* @__PURE__ */ import_react179.default.createElement(
       "tr",
       {
-        className: (0, import_classnames66.default)(
+        className: (0, import_classnames65.default)(
           "Layer__table-row",
           row.entry_id === selectedEntryId && "Layer__table-row--active",
           initialLoad && "initial-load",
@@ -15959,20 +16065,20 @@ var LedgerAccountRow = ({
           }
         }
       },
-      /* @__PURE__ */ import_react175.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react175.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react175.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react175.default.createElement(Text, null, row.date && (0, import_date_fns33.format)((0, import_date_fns33.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react175.default.createElement(
+      /* @__PURE__ */ import_react179.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react179.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react179.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react179.default.createElement(Text, null, row.date && (0, import_date_fns33.format)((0, import_date_fns33.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react179.default.createElement(
         Text,
         {
           weight: "normal" /* normal */,
           className: "Layer__ledger_account-table__journal-id"
         },
         entryNumber(row)
-      )), /* @__PURE__ */ import_react175.default.createElement(Text, null, (_d = (_c = row.source) == null ? void 0 : _c.display_description) != null ? _d : ""), /* @__PURE__ */ import_react175.default.createElement("div", { className: "Layer__ledger_account-table__balances-mobile" }, /* @__PURE__ */ import_react175.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react175.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Debit"), /* @__PURE__ */ import_react175.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, " ", row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)), /* @__PURE__ */ import_react175.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react175.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Credit"), /* @__PURE__ */ import_react175.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)), /* @__PURE__ */ import_react175.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react175.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Running balance"), /* @__PURE__ */ import_react175.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, `$${centsToDollars(row.running_balance)}`)))))
+      )), /* @__PURE__ */ import_react179.default.createElement(Text, null, (_d = (_c = row.source) == null ? void 0 : _c.display_description) != null ? _d : ""), /* @__PURE__ */ import_react179.default.createElement("div", { className: "Layer__ledger_account-table__balances-mobile" }, /* @__PURE__ */ import_react179.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react179.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Debit"), /* @__PURE__ */ import_react179.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, " ", row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)), /* @__PURE__ */ import_react179.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react179.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Credit"), /* @__PURE__ */ import_react179.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)), /* @__PURE__ */ import_react179.default.createElement("div", { className: "Layer__ledger_account-table__balance-item" }, /* @__PURE__ */ import_react179.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__label" }, "Running balance"), /* @__PURE__ */ import_react179.default.createElement("span", { className: "Layer__ledger_account-table__balances-mobile__value" }, `$${centsToDollars(row.running_balance)}`)))))
     );
   }
-  return /* @__PURE__ */ import_react175.default.createElement(
+  return /* @__PURE__ */ import_react179.default.createElement(
     "tr",
     {
-      className: (0, import_classnames66.default)(
+      className: (0, import_classnames65.default)(
         "Layer__table-row",
         row.entry_id === selectedEntryId && "Layer__table-row--active",
         initialLoad && "initial-load",
@@ -15988,17 +16094,17 @@ var LedgerAccountRow = ({
         }
       }
     },
-    /* @__PURE__ */ import_react175.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react175.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns33.format)((0, import_date_fns33.parseISO)(row.date), DATE_FORMAT))),
-    /* @__PURE__ */ import_react175.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react175.default.createElement("span", { className: "Layer__table-cell-content" }, entryNumber(row))),
-    /* @__PURE__ */ import_react175.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react175.default.createElement("span", { className: "Layer__table-cell-content" }, (_f = (_e = row.source) == null ? void 0 : _e.display_description) != null ? _f : "")),
-    /* @__PURE__ */ import_react175.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react175.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
-    /* @__PURE__ */ import_react175.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react175.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
-    /* @__PURE__ */ import_react175.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react175.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
+    /* @__PURE__ */ import_react179.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react179.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns33.format)((0, import_date_fns33.parseISO)(row.date), DATE_FORMAT))),
+    /* @__PURE__ */ import_react179.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react179.default.createElement("span", { className: "Layer__table-cell-content" }, entryNumber(row))),
+    /* @__PURE__ */ import_react179.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react179.default.createElement("span", { className: "Layer__table-cell-content" }, (_f = (_e = row.source) == null ? void 0 : _e.display_description) != null ? _f : "")),
+    /* @__PURE__ */ import_react179.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react179.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
+    /* @__PURE__ */ import_react179.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react179.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "CREDIT" /* CREDIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
+    /* @__PURE__ */ import_react179.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react179.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, `$${centsToDollars(row.running_balance)}`))
   );
 };
 
 // src/components/LedgerAccount/LedgerAccountIndex.tsx
-var import_classnames67 = __toESM(require("classnames"));
+var import_classnames66 = __toESM(require("classnames"));
 var LedgerAccount = ({
   containerRef,
   pageSize = 15,
@@ -16006,9 +16112,9 @@ var LedgerAccount = ({
   stringOverrides
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const [currentPage, setCurrentPage] = (0, import_react176.useState)(1);
-  const [initialLoad, setInitialLoad] = (0, import_react176.useState)(true);
-  const { data: accountData } = (0, import_react176.useContext)(ChartOfAccountsContext);
+  const [currentPage, setCurrentPage] = (0, import_react180.useState)(1);
+  const [initialLoad, setInitialLoad] = (0, import_react180.useState)(true);
+  const { data: accountData } = (0, import_react180.useContext)(ChartOfAccountsContext);
   const {
     data: rawData,
     error,
@@ -16019,8 +16125,8 @@ var LedgerAccount = ({
     selectedEntryId,
     closeSelectedEntry,
     refetch
-  } = (0, import_react176.useContext)(LedgerAccountsContext);
-  (0, import_react176.useEffect)(() => {
+  } = (0, import_react180.useContext)(LedgerAccountsContext);
+  (0, import_react180.useEffect)(() => {
     if (!isLoading) {
       const timeoutLoad = setTimeout(() => {
         setInitialLoad(false);
@@ -16028,16 +16134,16 @@ var LedgerAccount = ({
       return () => clearTimeout(timeoutLoad);
     }
   }, [isLoading]);
-  const baseClassName = (0, import_classnames67.default)(
+  const baseClassName = (0, import_classnames66.default)(
     "Layer__ledger-account__index",
     accountId && "open"
   );
-  const account = (0, import_react176.useMemo)(() => {
+  const account = (0, import_react180.useMemo)(() => {
     return flattenAccounts((accountData == null ? void 0 : accountData.accounts) || []).find(
       (x) => x.id === accountId
     );
   }, [accountId]);
-  const data = (0, import_react176.useMemo)(() => {
+  const data = (0, import_react180.useMemo)(() => {
     var _a2;
     const firstPageIndex = (currentPage - 1) * pageSize;
     const lastPageIndex = firstPageIndex + pageSize;
@@ -16047,10 +16153,10 @@ var LedgerAccount = ({
     setAccountId(void 0);
     closeSelectedEntry();
   };
-  return /* @__PURE__ */ import_react176.default.createElement(
+  return /* @__PURE__ */ import_react180.default.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ import_react176.default.createElement(
+      sidebar: /* @__PURE__ */ import_react180.default.createElement(
         LedgerAccountEntryDetails,
         {
           stringOverrides: stringOverrides == null ? void 0 : stringOverrides.ledgerEntryDetail
@@ -16060,21 +16166,21 @@ var LedgerAccount = ({
       parentRef: containerRef,
       className: "Layer__ledger-account__panel"
     },
-    /* @__PURE__ */ import_react176.default.createElement("div", { className: baseClassName }, /* @__PURE__ */ import_react176.default.createElement(Header2, { className: "Layer__ledger-account__header" }, /* @__PURE__ */ import_react176.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react176.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react176.default.createElement(BackButton, { onClick: close }), /* @__PURE__ */ import_react176.default.createElement("div", { className: "Layer__ledger-account__title-container" }, /* @__PURE__ */ import_react176.default.createElement(
+    /* @__PURE__ */ import_react180.default.createElement("div", { className: baseClassName }, /* @__PURE__ */ import_react180.default.createElement(Header2, { className: "Layer__ledger-account__header" }, /* @__PURE__ */ import_react180.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react180.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react180.default.createElement(BackButton, { onClick: close }), /* @__PURE__ */ import_react180.default.createElement("div", { className: "Layer__ledger-account__title-container" }, /* @__PURE__ */ import_react180.default.createElement(
       Text,
       {
         weight: "bold" /* bold */,
         className: "Layer__ledger-account__title"
       },
       (_a = account == null ? void 0 : account.name) != null ? _a : ""
-    ), /* @__PURE__ */ import_react176.default.createElement("div", { className: "Layer__ledger-account__balance-container" }, /* @__PURE__ */ import_react176.default.createElement(
+    ), /* @__PURE__ */ import_react180.default.createElement("div", { className: "Layer__ledger-account__balance-container" }, /* @__PURE__ */ import_react180.default.createElement(
       Text,
       {
         className: "Layer__ledger-account__balance-label",
         size: "sm" /* sm */
       },
       "Current balance"
-    ), /* @__PURE__ */ import_react176.default.createElement(
+    ), /* @__PURE__ */ import_react180.default.createElement(
       Text,
       {
         className: "Layer__ledger-account__balance-value",
@@ -16082,9 +16188,9 @@ var LedgerAccount = ({
       },
       "$",
       centsToDollars((account == null ? void 0 : account.balance) || 0)
-    )))))), /* @__PURE__ */ import_react176.default.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__ledger-account-table" }, /* @__PURE__ */ import_react176.default.createElement("thead", null, /* @__PURE__ */ import_react176.default.createElement("tr", null, view !== "desktop" && /* @__PURE__ */ import_react176.default.createElement("th", null), view === "desktop" && /* @__PURE__ */ import_react176.default.createElement(import_react176.default.Fragment, null, /* @__PURE__ */ import_react176.default.createElement("th", { className: "Layer__table-header" }, ((_b = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _b.dateColumnHeader) || "Date"), /* @__PURE__ */ import_react176.default.createElement("th", { className: "Layer__table-header" }, ((_c = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _c.journalIdColumnHeader) || "Journal id #"), /* @__PURE__ */ import_react176.default.createElement("th", { className: "Layer__table-header" }, ((_d = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _d.sourceColumnHeader) || "Source")), view !== "mobile" && /* @__PURE__ */ import_react176.default.createElement(import_react176.default.Fragment, null, /* @__PURE__ */ import_react176.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, ((_e = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _e.debitColumnHeader) || "Debit"), /* @__PURE__ */ import_react176.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, ((_f = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _f.creditColumnHeader) || "Credit"), /* @__PURE__ */ import_react176.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, ((_g = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _g.runningBalanceColumnHeader) || "Running balance")))), /* @__PURE__ */ import_react176.default.createElement("tbody", null, (_h = data == null ? void 0 : data.filter(
+    )))))), /* @__PURE__ */ import_react180.default.createElement("table", { className: "Layer__table Layer__table--hover-effect Layer__ledger-account-table" }, /* @__PURE__ */ import_react180.default.createElement("thead", null, /* @__PURE__ */ import_react180.default.createElement("tr", null, view !== "desktop" && /* @__PURE__ */ import_react180.default.createElement("th", null), view === "desktop" && /* @__PURE__ */ import_react180.default.createElement(import_react180.default.Fragment, null, /* @__PURE__ */ import_react180.default.createElement("th", { className: "Layer__table-header" }, ((_b = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _b.dateColumnHeader) || "Date"), /* @__PURE__ */ import_react180.default.createElement("th", { className: "Layer__table-header" }, ((_c = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _c.journalIdColumnHeader) || "Journal id #"), /* @__PURE__ */ import_react180.default.createElement("th", { className: "Layer__table-header" }, ((_d = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _d.sourceColumnHeader) || "Source")), view !== "mobile" && /* @__PURE__ */ import_react180.default.createElement(import_react180.default.Fragment, null, /* @__PURE__ */ import_react180.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, ((_e = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _e.debitColumnHeader) || "Debit"), /* @__PURE__ */ import_react180.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, ((_f = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _f.creditColumnHeader) || "Credit"), /* @__PURE__ */ import_react180.default.createElement("th", { className: "Layer__table-header Layer__table-cell--amount" }, ((_g = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _g.runningBalanceColumnHeader) || "Running balance")))), /* @__PURE__ */ import_react180.default.createElement("tbody", null, (_h = data == null ? void 0 : data.filter(
       (entry) => !entry.entry_reversal_of && !entry.entry_reversed_by
-    )) == null ? void 0 : _h.map((x, index) => /* @__PURE__ */ import_react176.default.createElement(
+    )) == null ? void 0 : _h.map((x, index) => /* @__PURE__ */ import_react180.default.createElement(
       LedgerAccountRow,
       {
         key: x.id,
@@ -16093,7 +16199,7 @@ var LedgerAccount = ({
         initialLoad,
         view
       }
-    )))), data && /* @__PURE__ */ import_react176.default.createElement("div", { className: "Layer__ledger-account__pagination" }, /* @__PURE__ */ import_react176.default.createElement(
+    )))), data && /* @__PURE__ */ import_react180.default.createElement("div", { className: "Layer__ledger-account__pagination" }, /* @__PURE__ */ import_react180.default.createElement(
       Pagination,
       {
         currentPage,
@@ -16101,7 +16207,7 @@ var LedgerAccount = ({
         pageSize,
         onPageChange: (page) => setCurrentPage(page)
       }
-    )), error ? /* @__PURE__ */ import_react176.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react176.default.createElement(
+    )), error ? /* @__PURE__ */ import_react180.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react180.default.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -16110,7 +16216,7 @@ var LedgerAccount = ({
         onRefresh: () => refetch(),
         isLoading: isValidating || isLoading
       }
-    )) : null, (!data || isLoading) && !error ? /* @__PURE__ */ import_react176.default.createElement("div", { className: "Layer__ledger-account__loader-container" }, /* @__PURE__ */ import_react176.default.createElement(Loader2, null)) : null, !isLoading && !error && (data == null ? void 0 : data.length) === 0 ? /* @__PURE__ */ import_react176.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react176.default.createElement(
+    )) : null, (!data || isLoading) && !error ? /* @__PURE__ */ import_react180.default.createElement("div", { className: "Layer__ledger-account__loader-container" }, /* @__PURE__ */ import_react180.default.createElement(Loader2, null)) : null, !isLoading && !error && (data == null ? void 0 : data.length) === 0 ? /* @__PURE__ */ import_react180.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react180.default.createElement(
       DataState,
       {
         status: "info" /* info */,
@@ -16131,7 +16237,7 @@ var ChartOfAccounts = (props) => {
   const ledgerAccountsContextData = useLedgerAccounts(
     (_a = props.showReversalEntries) != null ? _a : false
   );
-  return /* @__PURE__ */ import_react177.default.createElement(ChartOfAccountsContext.Provider, { value: chartOfAccountsContextData }, /* @__PURE__ */ import_react177.default.createElement(LedgerAccountsContext.Provider, { value: ledgerAccountsContextData }, /* @__PURE__ */ import_react177.default.createElement(ChartOfAccountsContent, __spreadValues({}, props))));
+  return /* @__PURE__ */ import_react181.default.createElement(ChartOfAccountsContext.Provider, { value: chartOfAccountsContextData }, /* @__PURE__ */ import_react181.default.createElement(LedgerAccountsContext.Provider, { value: ledgerAccountsContextData }, /* @__PURE__ */ import_react181.default.createElement(ChartOfAccountsContent, __spreadValues({}, props))));
 };
 var ChartOfAccountsContent = ({
   asWidget,
@@ -16140,19 +16246,19 @@ var ChartOfAccountsContent = ({
   stringOverrides,
   templateAccountsEditable
 }) => {
-  const { accountId } = (0, import_react177.useContext)(LedgerAccountsContext);
-  const [view, setView] = (0, import_react177.useState)("desktop");
+  const { accountId } = (0, import_react181.useContext)(LedgerAccountsContext);
+  const [view, setView] = (0, import_react181.useState)("desktop");
   const containerRef = useElementViewSize(
     (newView) => setView(newView)
   );
-  return /* @__PURE__ */ import_react177.default.createElement(Container, { name: "chart-of-accounts", ref: containerRef, asWidget }, accountId ? /* @__PURE__ */ import_react177.default.createElement(
+  return /* @__PURE__ */ import_react181.default.createElement(Container, { name: "chart-of-accounts", ref: containerRef, asWidget }, accountId ? /* @__PURE__ */ import_react181.default.createElement(
     LedgerAccount,
     {
       view,
       containerRef,
       stringOverrides: stringOverrides == null ? void 0 : stringOverrides.ledgerAccount
     }
-  ) : /* @__PURE__ */ import_react177.default.createElement(
+  ) : /* @__PURE__ */ import_react181.default.createElement(
     ChartOfAccountsTableWithPanel,
     {
       asWidget,
@@ -16167,11 +16273,11 @@ var ChartOfAccountsContent = ({
 };
 
 // src/components/Journal/Journal.tsx
-var import_react186 = __toESM(require("react"));
+var import_react190 = __toESM(require("react"));
 
 // src/contexts/JournalContext/JournalContext.tsx
-var import_react178 = require("react");
-var JournalContext = (0, import_react178.createContext)({
+var import_react182 = require("react");
+var JournalContext = (0, import_react182.createContext)({
   data: void 0,
   isLoading: false,
   error: void 0,
@@ -16205,7 +16311,7 @@ var JournalContext = (0, import_react178.createContext)({
 });
 
 // src/hooks/useJournal/useJournal.tsx
-var import_react179 = require("react");
+var import_react183 = require("react");
 var import_swr10 = __toESM(require("swr"));
 var useJournal = () => {
   const {
@@ -16217,11 +16323,11 @@ var useJournal = () => {
     syncTimestamps,
     hasBeenTouched
   } = useLayerContext();
-  const [selectedEntryId, setSelectedEntryId] = (0, import_react179.useState)();
-  const [form, setForm] = (0, import_react179.useState)();
-  const [addingEntry, setAddingEntry] = (0, import_react179.useState)(false);
-  const [sendingForm, setSendingForm] = (0, import_react179.useState)(false);
-  const [apiError, setApiError] = (0, import_react179.useState)(void 0);
+  const [selectedEntryId, setSelectedEntryId] = (0, import_react183.useState)();
+  const [form, setForm] = (0, import_react183.useState)();
+  const [addingEntry, setAddingEntry] = (0, import_react183.useState)(false);
+  const [sendingForm, setSendingForm] = (0, import_react183.useState)(false);
+  const [apiError, setApiError] = (0, import_react183.useState)(void 0);
   const queryKey = businessId && (auth == null ? void 0 : auth.access_token) && `journal-lines-${businessId}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr10.default)(
     queryKey,
@@ -16437,12 +16543,12 @@ var useJournal = () => {
       params: { businessId, entryId }
     });
   });
-  (0, import_react179.useEffect)(() => {
+  (0, import_react183.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("JOURNAL" /* JOURNAL */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react179.useEffect)(() => {
+  (0, import_react183.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -16474,13 +16580,13 @@ var useJournal = () => {
 };
 
 // src/components/JournalTable/JournalTableWithPanel.tsx
-var import_react185 = __toESM(require("react"));
+var import_react189 = __toESM(require("react"));
 
 // src/components/JournalSidebar/JournalSidebar.tsx
-var import_react183 = __toESM(require("react"));
+var import_react187 = __toESM(require("react"));
 
 // src/components/JournalEntryDetails/JournalEntryDetails.tsx
-var import_react180 = __toESM(require("react"));
+var import_react184 = __toESM(require("react"));
 var JournalEntryDetails = () => {
   var _a, _b, _c, _d;
   const {
@@ -16491,16 +16597,16 @@ var JournalEntryDetails = () => {
     selectedEntryId,
     reverseEntry,
     refetch
-  } = (0, import_react180.useContext)(JournalContext);
-  const [reverseEntryProcessing, setReverseEntryProcessing] = (0, import_react180.useState)(false);
-  const [reverseEntryError, setReverseEntryError] = (0, import_react180.useState)();
-  const entry = (0, import_react180.useMemo)(() => {
+  } = (0, import_react184.useContext)(JournalContext);
+  const [reverseEntryProcessing, setReverseEntryProcessing] = (0, import_react184.useState)(false);
+  const [reverseEntryError, setReverseEntryError] = (0, import_react184.useState)();
+  const entry = (0, import_react184.useMemo)(() => {
     if (selectedEntryId && data) {
       return data.find((x) => x.id === selectedEntryId);
     }
     return;
   }, [data, selectedEntryId]);
-  const sortedLineItems = (0, import_react180.useMemo)(
+  const sortedLineItems = (0, import_react184.useMemo)(
     () => {
       var _a2;
       return (_a2 = entry == null ? void 0 : entry.line_items) == null ? void 0 : _a2.sort(
@@ -16524,15 +16630,15 @@ var JournalEntryDetails = () => {
       setReverseEntryProcessing(false);
     }
   });
-  return /* @__PURE__ */ import_react180.default.createElement("div", { className: "Layer__journal__entry-details" }, /* @__PURE__ */ import_react180.default.createElement(Header2, { className: "Layer__journal__entry-details__mobile-header" }, /* @__PURE__ */ import_react180.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react180.default.createElement(HeaderCol, { className: "Layer__hidden-lg Layer__hidden-xl" }, /* @__PURE__ */ import_react180.default.createElement(BackButton, { onClick: closeSelectedEntry }), /* @__PURE__ */ import_react180.default.createElement(Heading, { size: "secondary" /* secondary */ }, "Transaction details")), /* @__PURE__ */ import_react180.default.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ import_react180.default.createElement(Heading, { size: "secondary" /* secondary */ }, "Transaction source")), /* @__PURE__ */ import_react180.default.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ import_react180.default.createElement(CloseButton, { onClick: closeSelectedEntry })))), /* @__PURE__ */ import_react180.default.createElement(
+  return /* @__PURE__ */ import_react184.default.createElement("div", { className: "Layer__journal__entry-details" }, /* @__PURE__ */ import_react184.default.createElement(Header2, { className: "Layer__journal__entry-details__mobile-header" }, /* @__PURE__ */ import_react184.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react184.default.createElement(HeaderCol, { className: "Layer__hidden-lg Layer__hidden-xl" }, /* @__PURE__ */ import_react184.default.createElement(BackButton, { onClick: closeSelectedEntry }), /* @__PURE__ */ import_react184.default.createElement(Heading, { size: "secondary" /* secondary */ }, "Transaction details")), /* @__PURE__ */ import_react184.default.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ import_react184.default.createElement(Heading, { size: "secondary" /* secondary */ }, "Transaction source")), /* @__PURE__ */ import_react184.default.createElement(HeaderCol, { className: "Layer__show-lg Layer__show-xl" }, /* @__PURE__ */ import_react184.default.createElement(CloseButton, { onClick: closeSelectedEntry })))), /* @__PURE__ */ import_react184.default.createElement(
     DetailsList,
     {
       title: "Transaction source",
       titleClassName: "Layer__hidden-lg Layer__hidden-xl",
-      actions: /* @__PURE__ */ import_react180.default.createElement(
+      actions: /* @__PURE__ */ import_react184.default.createElement(
         Button,
         {
-          rightIcon: /* @__PURE__ */ import_react180.default.createElement(X_default, null),
+          rightIcon: /* @__PURE__ */ import_react184.default.createElement(X_default, null),
           iconOnly: true,
           onClick: closeSelectedEntry,
           className: "Layer__details-list__close-btn",
@@ -16540,32 +16646,32 @@ var JournalEntryDetails = () => {
         }
       )
     },
-    /* @__PURE__ */ import_react180.default.createElement(DetailsListItem, { label: "Source", isLoading: isLoadingEntry }, /* @__PURE__ */ import_react180.default.createElement(Badge, null, (_a = entry == null ? void 0 : entry.source) == null ? void 0 : _a.entity_name)),
-    ((_b = entry == null ? void 0 : entry.source) == null ? void 0 : _b.display_description) && /* @__PURE__ */ import_react180.default.createElement(SourceDetailView, { source: entry == null ? void 0 : entry.source })
-  ), /* @__PURE__ */ import_react180.default.createElement(
+    /* @__PURE__ */ import_react184.default.createElement(DetailsListItem, { label: "Source", isLoading: isLoadingEntry }, /* @__PURE__ */ import_react184.default.createElement(Badge, null, (_a = entry == null ? void 0 : entry.source) == null ? void 0 : _a.entity_name)),
+    ((_b = entry == null ? void 0 : entry.source) == null ? void 0 : _b.display_description) && /* @__PURE__ */ import_react184.default.createElement(SourceDetailView, { source: entry == null ? void 0 : entry.source })
+  ), /* @__PURE__ */ import_react184.default.createElement(
     DetailsList,
     {
       title: `Journal Entry ${entry ? entryNumber(entry) : ""}`,
       className: "Layer__border-top"
     },
-    /* @__PURE__ */ import_react180.default.createElement(DetailsListItem, { label: "Entry type", isLoading: isLoadingEntry }, humanizeEnum((_c = entry == null ? void 0 : entry.entry_type) != null ? _c : "")),
-    /* @__PURE__ */ import_react180.default.createElement(DetailsListItem, { label: "Effective date", isLoading: isLoadingEntry }, (entry == null ? void 0 : entry.entry_at) && /* @__PURE__ */ import_react180.default.createElement(DateTime, { value: entry == null ? void 0 : entry.entry_at })),
-    /* @__PURE__ */ import_react180.default.createElement(DetailsListItem, { label: "Creation date", isLoading: isLoadingEntry }, (entry == null ? void 0 : entry.date) && /* @__PURE__ */ import_react180.default.createElement(DateTime, { value: entry == null ? void 0 : entry.date })),
-    (entry == null ? void 0 : entry.reversal_id) && /* @__PURE__ */ import_react180.default.createElement(DetailsListItem, { label: "Reversal", isLoading: isLoadingEntry }, `Journal Entry #${entry == null ? void 0 : entry.reversal_id.substring(0, 5)}`)
-  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ import_react180.default.createElement("div", { className: "Layer__journal__entry-details__line-items" }, /* @__PURE__ */ import_react180.default.createElement(Card, null, /* @__PURE__ */ import_react180.default.createElement(
+    /* @__PURE__ */ import_react184.default.createElement(DetailsListItem, { label: "Entry type", isLoading: isLoadingEntry }, humanizeEnum((_c = entry == null ? void 0 : entry.entry_type) != null ? _c : "")),
+    /* @__PURE__ */ import_react184.default.createElement(DetailsListItem, { label: "Effective date", isLoading: isLoadingEntry }, (entry == null ? void 0 : entry.entry_at) && /* @__PURE__ */ import_react184.default.createElement(DateTime, { value: entry == null ? void 0 : entry.entry_at })),
+    /* @__PURE__ */ import_react184.default.createElement(DetailsListItem, { label: "Creation date", isLoading: isLoadingEntry }, (entry == null ? void 0 : entry.date) && /* @__PURE__ */ import_react184.default.createElement(DateTime, { value: entry == null ? void 0 : entry.date })),
+    (entry == null ? void 0 : entry.reversal_id) && /* @__PURE__ */ import_react184.default.createElement(DetailsListItem, { label: "Reversal", isLoading: isLoadingEntry }, `Journal Entry #${entry == null ? void 0 : entry.reversal_id.substring(0, 5)}`)
+  ), !isLoadingEntry && !errorEntry ? /* @__PURE__ */ import_react184.default.createElement("div", { className: "Layer__journal__entry-details__line-items" }, /* @__PURE__ */ import_react184.default.createElement(Card, null, /* @__PURE__ */ import_react184.default.createElement(
     Table,
     {
       componentName: "journal__entry-details",
       borderCollapse: "collapse"
     },
-    /* @__PURE__ */ import_react180.default.createElement(TableHead, null, /* @__PURE__ */ import_react180.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react180.default.createElement(TableCell, null, "Line items"), /* @__PURE__ */ import_react180.default.createElement(
+    /* @__PURE__ */ import_react184.default.createElement(TableHead, null, /* @__PURE__ */ import_react184.default.createElement(TableRow, { rowKey: "soc-flow-head-row", isHeadRow: true }, /* @__PURE__ */ import_react184.default.createElement(TableCell, null, "Line items"), /* @__PURE__ */ import_react184.default.createElement(
       TableCell,
       {
         className: "Layer__journal__debit-credit-col",
         align: "right" /* RIGHT */
       },
       "Debit"
-    ), /* @__PURE__ */ import_react180.default.createElement(
+    ), /* @__PURE__ */ import_react184.default.createElement(
       TableCell,
       {
         className: "Layer__journal__debit-credit-col",
@@ -16573,37 +16679,37 @@ var JournalEntryDetails = () => {
       },
       "Credit"
     ))),
-    /* @__PURE__ */ import_react180.default.createElement(TableBody, null, sortedLineItems == null ? void 0 : sortedLineItems.map((item, index) => /* @__PURE__ */ import_react180.default.createElement(
+    /* @__PURE__ */ import_react184.default.createElement(TableBody, null, sortedLineItems == null ? void 0 : sortedLineItems.map((item, index) => /* @__PURE__ */ import_react184.default.createElement(
       TableRow,
       {
         key: `ledger-line-item-${index}`,
         rowKey: `ledger-line-item-${index}`
       },
-      /* @__PURE__ */ import_react180.default.createElement(TableCell, null, item.account.name),
-      /* @__PURE__ */ import_react180.default.createElement(
+      /* @__PURE__ */ import_react184.default.createElement(TableCell, null, item.account.name),
+      /* @__PURE__ */ import_react184.default.createElement(
         TableCell,
         {
           className: "Layer__journal__debit-credit-col",
           align: "right" /* RIGHT */
         },
-        item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ import_react180.default.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))
+        item.direction === "DEBIT" /* DEBIT */ && /* @__PURE__ */ import_react184.default.createElement(Badge, { variant: "warning" /* WARNING */ }, "$", centsToDollars(item.amount || 0))
       ),
-      /* @__PURE__ */ import_react180.default.createElement(
+      /* @__PURE__ */ import_react184.default.createElement(
         TableCell,
         {
           className: "Layer__journal__debit-credit-col",
           align: "right" /* RIGHT */
         },
-        item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ import_react180.default.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0))
+        item.direction === "CREDIT" /* CREDIT */ && /* @__PURE__ */ import_react184.default.createElement(Badge, { variant: "success" /* SUCCESS */ }, "$", centsToDollars(item.amount || 0))
       )
-    )), /* @__PURE__ */ import_react180.default.createElement(
+    )), /* @__PURE__ */ import_react184.default.createElement(
       TableRow,
       {
         rowKey: "ledger-line-item-summation",
         variant: "summation"
       },
-      /* @__PURE__ */ import_react180.default.createElement(TableCell, { primary: true }, "Total"),
-      /* @__PURE__ */ import_react180.default.createElement(
+      /* @__PURE__ */ import_react184.default.createElement(TableCell, { primary: true }, "Total"),
+      /* @__PURE__ */ import_react184.default.createElement(
         TableCell,
         {
           isCurrency: true,
@@ -16613,7 +16719,7 @@ var JournalEntryDetails = () => {
         },
         (entry == null ? void 0 : entry.line_items.filter((item) => item.direction === "DEBIT").map((item) => item.amount).reduce((a, b) => a + b, 0)) || 0
       ),
-      /* @__PURE__ */ import_react180.default.createElement(
+      /* @__PURE__ */ import_react184.default.createElement(
         TableCell,
         {
           isCurrency: true,
@@ -16624,10 +16730,10 @@ var JournalEntryDetails = () => {
         (entry == null ? void 0 : entry.line_items.filter((item) => item.direction === "CREDIT").map((item) => item.amount).reduce((a, b) => a + b, 0)) || 0
       )
     ))
-  )), /* @__PURE__ */ import_react180.default.createElement("div", { className: "Layer__journal__entry-details__reverse-btn-container" }, /* @__PURE__ */ import_react180.default.createElement(
+  )), /* @__PURE__ */ import_react184.default.createElement("div", { className: "Layer__journal__entry-details__reverse-btn-container" }, /* @__PURE__ */ import_react184.default.createElement(
     Button,
     {
-      rightIcon: reverseEntryError ? /* @__PURE__ */ import_react180.default.createElement(AlertCircle_default, { size: 12 }) : /* @__PURE__ */ import_react180.default.createElement(RefreshCcw_default, { size: 12 }),
+      rightIcon: reverseEntryError ? /* @__PURE__ */ import_react184.default.createElement(AlertCircle_default, { size: 12 }) : /* @__PURE__ */ import_react184.default.createElement(RefreshCcw_default, { size: 12 }),
       variant: "secondary" /* secondary */,
       onClick: reverseEntryProcessing ? () => {
       } : onReverseEntry,
@@ -16640,10 +16746,10 @@ var JournalEntryDetails = () => {
 };
 
 // src/components/JournalForm/JournalForm.tsx
-var import_react182 = __toESM(require("react"));
+var import_react186 = __toESM(require("react"));
 
 // src/components/JournalForm/JournalFormEntryLines.tsx
-var import_react181 = __toESM(require("react"));
+var import_react185 = __toESM(require("react"));
 var JournalFormEntryLines = ({
   entrylineItems,
   addEntryLine,
@@ -16652,17 +16758,17 @@ var JournalFormEntryLines = ({
   sendingForm,
   config
 }) => {
-  const { data: accountsData } = (0, import_react181.useContext)(ChartOfAccountsContext);
-  const { form } = (0, import_react181.useContext)(JournalContext);
+  const { data: accountsData } = (0, import_react185.useContext)(ChartOfAccountsContext);
+  const { form } = (0, import_react185.useContext)(JournalContext);
   const parentOptions = useParentOptions(accountsData);
-  return /* @__PURE__ */ import_react181.default.createElement(import_react181.default.Fragment, null, ["DEBIT", "CREDIT"].map((direction, idx) => {
-    return /* @__PURE__ */ import_react181.default.createElement(
+  return /* @__PURE__ */ import_react185.default.createElement(import_react185.default.Fragment, null, ["DEBIT", "CREDIT"].map((direction, idx) => {
+    return /* @__PURE__ */ import_react185.default.createElement(
       "div",
       {
         key: "Layer__journal__form__input-group-" + idx,
         className: "Layer__journal__form__input-group Layer__journal__form__input-group__border"
       },
-      /* @__PURE__ */ import_react181.default.createElement(
+      /* @__PURE__ */ import_react185.default.createElement(
         Text,
         {
           className: "Layer__journal__form__input-group__title",
@@ -16677,13 +16783,13 @@ var JournalFormEntryLines = ({
         if (item.direction !== direction) {
           return null;
         }
-        return /* @__PURE__ */ import_react181.default.createElement(
+        return /* @__PURE__ */ import_react185.default.createElement(
           "div",
           {
             className: "Layer__journal__form__input-group__line-item",
             key: direction + "-" + idx2
           },
-          /* @__PURE__ */ import_react181.default.createElement(InputGroup, { name: direction, label: "Amount", inline: true }, /* @__PURE__ */ import_react181.default.createElement(
+          /* @__PURE__ */ import_react185.default.createElement(InputGroup, { name: direction, label: "Amount", inline: true }, /* @__PURE__ */ import_react185.default.createElement(
             InputWithBadge,
             {
               name: direction,
@@ -16709,14 +16815,14 @@ var JournalFormEntryLines = ({
               )) == null ? void 0 : _c.message
             }
           )),
-          /* @__PURE__ */ import_react181.default.createElement(
+          /* @__PURE__ */ import_react185.default.createElement(
             InputGroup,
             {
               name: "account-name",
               label: "Account name",
               inline: true
             },
-            /* @__PURE__ */ import_react181.default.createElement(
+            /* @__PURE__ */ import_react185.default.createElement(
               Select2,
               {
                 options: parentOptions,
@@ -16740,18 +16846,18 @@ var JournalFormEntryLines = ({
                 )) == null ? void 0 : _f.message
               }
             ),
-            idx2 >= 2 && /* @__PURE__ */ import_react181.default.createElement(
+            idx2 >= 2 && /* @__PURE__ */ import_react185.default.createElement(
               IconButton,
               {
                 className: "Layer__remove__button",
                 onClick: () => removeEntryLine(idx2),
-                icon: /* @__PURE__ */ import_react181.default.createElement(Trash_default, null)
+                icon: /* @__PURE__ */ import_react185.default.createElement(Trash_default, null)
               }
             )
           )
         );
       }),
-      (config.form.addEntryLinesLimit === void 0 || config.form.addEntryLinesLimit > (entrylineItems == null ? void 0 : entrylineItems.length)) && /* @__PURE__ */ import_react181.default.createElement(
+      (config.form.addEntryLinesLimit === void 0 || config.form.addEntryLinesLimit > (entrylineItems == null ? void 0 : entrylineItems.length)) && /* @__PURE__ */ import_react185.default.createElement(
         TextButton,
         {
           className: "Layer__journal__add-entry-line",
@@ -16778,8 +16884,8 @@ var JournalForm = ({
     changeFormData,
     addEntryLine,
     removeEntryLine
-  } = (0, import_react182.useContext)(JournalContext);
-  return /* @__PURE__ */ import_react182.default.createElement(
+  } = (0, import_react186.useContext)(JournalContext);
+  return /* @__PURE__ */ import_react186.default.createElement(
     "form",
     {
       className: "Layer__form",
@@ -16788,7 +16894,7 @@ var JournalForm = ({
         submitForm();
       }
     },
-    /* @__PURE__ */ import_react182.default.createElement(Header2, { className: "Layer__journal__sidebar__header" }, /* @__PURE__ */ import_react182.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react182.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react182.default.createElement(Heading, { size: "secondary" /* secondary */, className: "title" }, (_a = stringOverrides == null ? void 0 : stringOverrides.header) != null ? _a : "Add New Entry")), /* @__PURE__ */ import_react182.default.createElement(HeaderCol, { className: "actions" }, /* @__PURE__ */ import_react182.default.createElement(
+    /* @__PURE__ */ import_react186.default.createElement(Header2, { className: "Layer__journal__sidebar__header" }, /* @__PURE__ */ import_react186.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react186.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react186.default.createElement(Heading, { size: "secondary" /* secondary */, className: "title" }, (_a = stringOverrides == null ? void 0 : stringOverrides.header) != null ? _a : "Add New Entry")), /* @__PURE__ */ import_react186.default.createElement(HeaderCol, { className: "actions" }, /* @__PURE__ */ import_react186.default.createElement(
       Button,
       {
         type: "button",
@@ -16797,7 +16903,7 @@ var JournalForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.cancelButton) || "Cancel"
-    ), apiError && /* @__PURE__ */ import_react182.default.createElement(
+    ), apiError && /* @__PURE__ */ import_react186.default.createElement(
       RetryButton,
       {
         type: "submit",
@@ -16806,7 +16912,7 @@ var JournalForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.retryButton) || "Retry"
-    ), !apiError && /* @__PURE__ */ import_react182.default.createElement(
+    ), !apiError && /* @__PURE__ */ import_react186.default.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -16816,7 +16922,7 @@ var JournalForm = ({
       },
       (stringOverrides == null ? void 0 : stringOverrides.saveButton) || "Save"
     )))),
-    apiError && /* @__PURE__ */ import_react182.default.createElement(
+    apiError && /* @__PURE__ */ import_react186.default.createElement(
       Text,
       {
         size: "sm" /* sm */,
@@ -16824,7 +16930,7 @@ var JournalForm = ({
       },
       apiError
     ),
-    /* @__PURE__ */ import_react182.default.createElement("div", { className: "Layer__journal__form__input-group" }, /* @__PURE__ */ import_react182.default.createElement(InputGroup, { name: "date", label: "Effective Date", inline: true }, /* @__PURE__ */ import_react182.default.createElement("div", { className: "Layer__journal__datepicker__wrapper" }, /* @__PURE__ */ import_react182.default.createElement(
+    /* @__PURE__ */ import_react186.default.createElement("div", { className: "Layer__journal__form__input-group" }, /* @__PURE__ */ import_react186.default.createElement(InputGroup, { name: "date", label: "Effective Date", inline: true }, /* @__PURE__ */ import_react186.default.createElement("div", { className: "Layer__journal__datepicker__wrapper" }, /* @__PURE__ */ import_react186.default.createElement(
       DatePicker,
       {
         selected: (form == null ? void 0 : form.data.entry_at) ? new Date(form == null ? void 0 : form.data.entry_at) : /* @__PURE__ */ new Date(),
@@ -16837,7 +16943,7 @@ var JournalForm = ({
         placeholderText: "Select date",
         currentDateOption: false
       }
-    ), /* @__PURE__ */ import_react182.default.createElement(
+    ), /* @__PURE__ */ import_react186.default.createElement(
       DatePicker,
       {
         selected: (form == null ? void 0 : form.data.entry_at) ? new Date(form == null ? void 0 : form.data.entry_at) : /* @__PURE__ */ new Date(),
@@ -16851,7 +16957,7 @@ var JournalForm = ({
         currentDateOption: false
       }
     )))),
-    /* @__PURE__ */ import_react182.default.createElement(
+    /* @__PURE__ */ import_react186.default.createElement(
       JournalFormEntryLines,
       {
         entrylineItems: (form == null ? void 0 : form.data.line_items) || [],
@@ -16862,7 +16968,7 @@ var JournalForm = ({
         config
       }
     ),
-    /* @__PURE__ */ import_react182.default.createElement("div", { className: "Layer__journal__form__input-group Layer__journal__form__input-group__textarea" }, /* @__PURE__ */ import_react182.default.createElement(InputGroup, { name: "memo", label: "Notes" }, /* @__PURE__ */ import_react182.default.createElement(
+    /* @__PURE__ */ import_react186.default.createElement("div", { className: "Layer__journal__form__input-group Layer__journal__form__input-group__textarea" }, /* @__PURE__ */ import_react186.default.createElement(InputGroup, { name: "memo", label: "Notes" }, /* @__PURE__ */ import_react186.default.createElement(
       Textarea,
       {
         name: "memo",
@@ -16872,7 +16978,7 @@ var JournalForm = ({
         disabled: sendingForm
       }
     ))),
-    /* @__PURE__ */ import_react182.default.createElement("div", { className: "Layer__journal__bottom-actions" }, /* @__PURE__ */ import_react182.default.createElement(
+    /* @__PURE__ */ import_react186.default.createElement("div", { className: "Layer__journal__bottom-actions" }, /* @__PURE__ */ import_react186.default.createElement(
       Button,
       {
         type: "button",
@@ -16881,7 +16987,7 @@ var JournalForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.cancelButton) || "Cancel"
-    ), apiError && /* @__PURE__ */ import_react182.default.createElement(
+    ), apiError && /* @__PURE__ */ import_react186.default.createElement(
       RetryButton,
       {
         type: "submit",
@@ -16890,7 +16996,7 @@ var JournalForm = ({
         disabled: sendingForm
       },
       (stringOverrides == null ? void 0 : stringOverrides.retryButton) || "Retry"
-    ), !apiError && /* @__PURE__ */ import_react182.default.createElement(
+    ), !apiError && /* @__PURE__ */ import_react186.default.createElement(
       SubmitButton,
       {
         type: "submit",
@@ -16909,15 +17015,15 @@ var JournalSidebar = ({
   config,
   stringOverrides
 }) => {
-  const { selectedEntryId } = (0, import_react183.useContext)(JournalContext);
+  const { selectedEntryId } = (0, import_react187.useContext)(JournalContext);
   if (selectedEntryId !== "new") {
-    return /* @__PURE__ */ import_react183.default.createElement(JournalEntryDetails, null);
+    return /* @__PURE__ */ import_react187.default.createElement(JournalEntryDetails, null);
   }
-  return /* @__PURE__ */ import_react183.default.createElement(JournalForm, { config, stringOverrides });
+  return /* @__PURE__ */ import_react187.default.createElement(JournalForm, { config, stringOverrides });
 };
 
 // src/components/JournalTable/JournalTable.tsx
-var import_react184 = __toESM(require("react"));
+var import_react188 = __toESM(require("react"));
 var import_date_fns34 = require("date-fns");
 var accountName = (row) => {
   if ("account" in row) {
@@ -16932,7 +17038,7 @@ var JournalTable = ({
   view,
   data,
   stringOverrides
-}) => /* @__PURE__ */ import_react184.default.createElement(TableProvider, null, /* @__PURE__ */ import_react184.default.createElement(
+}) => /* @__PURE__ */ import_react188.default.createElement(TableProvider, null, /* @__PURE__ */ import_react188.default.createElement(
   JournalTableContent,
   {
     view,
@@ -16944,9 +17050,9 @@ var JournalTableContent = ({
   data,
   stringOverrides
 }) => {
-  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react184.useContext)(JournalContext);
+  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react188.useContext)(JournalContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
-  (0, import_react184.useEffect)(() => {
+  (0, import_react188.useEffect)(() => {
     if (data.length > 0) {
       setIsOpen(data.map((x) => `journal-row-${x.id}`));
     }
@@ -16954,7 +17060,7 @@ var JournalTableContent = ({
   const renderJournalRow = (row, index, rowKey, depth) => {
     const expandable = !!row.line_items && row.line_items.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ import_react184.default.createElement(import_react184.default.Fragment, { key: rowKey + "-" + index }, /* @__PURE__ */ import_react184.default.createElement(
+    return /* @__PURE__ */ import_react188.default.createElement(import_react188.default.Fragment, { key: rowKey + "-" + index }, /* @__PURE__ */ import_react188.default.createElement(
       TableRow,
       {
         rowKey: rowKey + "-" + index,
@@ -16972,7 +17078,7 @@ var JournalTableContent = ({
         },
         depth
       },
-      /* @__PURE__ */ import_react184.default.createElement(
+      /* @__PURE__ */ import_react188.default.createElement(
         TableCell,
         {
           withExpandIcon: expandable,
@@ -16983,16 +17089,16 @@ var JournalTableContent = ({
         },
         entryNumber(row)
       ),
-      /* @__PURE__ */ import_react184.default.createElement(TableCell, null, row.entry_at && (0, import_date_fns34.format)((0, import_date_fns34.parseISO)(row.entry_at), DATE_FORMAT)),
-      /* @__PURE__ */ import_react184.default.createElement(TableCell, null, humanizeEnum(row.entry_type)),
-      /* @__PURE__ */ import_react184.default.createElement(TableCell, null, "(", row.line_items.length, ")"),
-      /* @__PURE__ */ import_react184.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, "line_items" in row && Math.abs(
+      /* @__PURE__ */ import_react188.default.createElement(TableCell, null, row.entry_at && (0, import_date_fns34.format)((0, import_date_fns34.parseISO)(row.entry_at), DATE_FORMAT)),
+      /* @__PURE__ */ import_react188.default.createElement(TableCell, null, humanizeEnum(row.entry_type)),
+      /* @__PURE__ */ import_react188.default.createElement(TableCell, null, "(", row.line_items.length, ")"),
+      /* @__PURE__ */ import_react188.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, "line_items" in row && Math.abs(
         row.line_items.filter((item) => item.direction === "DEBIT").map((item) => item.amount).reduce((a, b) => a + b, 0)
       )),
-      /* @__PURE__ */ import_react184.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, "line_items" in row && Math.abs(
+      /* @__PURE__ */ import_react188.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, "line_items" in row && Math.abs(
         row.line_items.filter((item) => item.direction === "CREDIT").map((item) => item.amount).reduce((a, b) => a + b, 0)
       ))
-    ), expandable && expanded && row.line_items.map((subItem, subIdx) => /* @__PURE__ */ import_react184.default.createElement(
+    ), expandable && expanded && row.line_items.map((subItem, subIdx) => /* @__PURE__ */ import_react188.default.createElement(
       TableRow,
       {
         key: rowKey + "-" + index + "-" + subIdx,
@@ -17000,15 +17106,15 @@ var JournalTableContent = ({
         depth: depth + 1,
         selected: selectedEntryId === row.id
       },
-      /* @__PURE__ */ import_react184.default.createElement(TableCell, null),
-      /* @__PURE__ */ import_react184.default.createElement(TableCell, null),
-      /* @__PURE__ */ import_react184.default.createElement(TableCell, null),
-      /* @__PURE__ */ import_react184.default.createElement(TableCell, null, accountName(subItem)),
-      subItem.direction === "DEBIT" && subItem.amount >= 0 ? /* @__PURE__ */ import_react184.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, subItem.amount) : /* @__PURE__ */ import_react184.default.createElement(TableCell, null),
-      subItem.direction === "CREDIT" && subItem.amount >= 0 ? /* @__PURE__ */ import_react184.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, subItem.amount) : /* @__PURE__ */ import_react184.default.createElement(TableCell, null)
+      /* @__PURE__ */ import_react188.default.createElement(TableCell, null),
+      /* @__PURE__ */ import_react188.default.createElement(TableCell, null),
+      /* @__PURE__ */ import_react188.default.createElement(TableCell, null),
+      /* @__PURE__ */ import_react188.default.createElement(TableCell, null, accountName(subItem)),
+      subItem.direction === "DEBIT" && subItem.amount >= 0 ? /* @__PURE__ */ import_react188.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, subItem.amount) : /* @__PURE__ */ import_react188.default.createElement(TableCell, null),
+      subItem.direction === "CREDIT" && subItem.amount >= 0 ? /* @__PURE__ */ import_react188.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, subItem.amount) : /* @__PURE__ */ import_react188.default.createElement(TableCell, null)
     )));
   };
-  return /* @__PURE__ */ import_react184.default.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ import_react184.default.createElement(TableHead, null, /* @__PURE__ */ import_react184.default.createElement(TableRow, { isHeadRow: true, rowKey: "journal-head-row" }, /* @__PURE__ */ import_react184.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.idColumnHeader) || "Id"), /* @__PURE__ */ import_react184.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.dateColumnHeader) || "Date"), /* @__PURE__ */ import_react184.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.transactionColumnHeader) || "Transaction"), /* @__PURE__ */ import_react184.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.accountColumnHeader) || "Account Name"), /* @__PURE__ */ import_react184.default.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.debitColumnHeader) || "Debit"), /* @__PURE__ */ import_react184.default.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.creditColumnHeader) || "Credit"))), /* @__PURE__ */ import_react184.default.createElement(TableBody, null, data.map(
+  return /* @__PURE__ */ import_react188.default.createElement(Table, { borderCollapse: "collapse" }, /* @__PURE__ */ import_react188.default.createElement(TableHead, null, /* @__PURE__ */ import_react188.default.createElement(TableRow, { isHeadRow: true, rowKey: "journal-head-row" }, /* @__PURE__ */ import_react188.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.idColumnHeader) || "Id"), /* @__PURE__ */ import_react188.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.dateColumnHeader) || "Date"), /* @__PURE__ */ import_react188.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.transactionColumnHeader) || "Transaction"), /* @__PURE__ */ import_react188.default.createElement(TableCell, { isHeaderCell: true }, (stringOverrides == null ? void 0 : stringOverrides.accountColumnHeader) || "Account Name"), /* @__PURE__ */ import_react188.default.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.debitColumnHeader) || "Debit"), /* @__PURE__ */ import_react188.default.createElement(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */ }, (stringOverrides == null ? void 0 : stringOverrides.creditColumnHeader) || "Credit"))), /* @__PURE__ */ import_react188.default.createElement(TableBody, null, data.map(
     (entry, idx) => renderJournalRow(entry, idx, `journal-row-${entry.id}`, 0)
   )));
 };
@@ -17022,7 +17128,7 @@ var JournalTableWithPanel = ({
   stringOverrides,
   view
 }) => {
-  const [currentPage, setCurrentPage] = (0, import_react185.useState)(1);
+  const [currentPage, setCurrentPage] = (0, import_react189.useState)(1);
   const {
     data: rawData,
     isLoading,
@@ -17031,17 +17137,17 @@ var JournalTableWithPanel = ({
     refetch,
     selectedEntryId,
     addEntry
-  } = (0, import_react185.useContext)(JournalContext);
-  const data = (0, import_react185.useMemo)(() => {
+  } = (0, import_react189.useContext)(JournalContext);
+  const data = (0, import_react189.useMemo)(() => {
     var _a;
     const firstPageIndex = (currentPage - 1) * pageSize;
     const lastPageIndex = firstPageIndex + pageSize;
     return (_a = rawData == null ? void 0 : rawData.sort((a, b) => Date.parse(b.entry_at) - Date.parse(a.entry_at))) == null ? void 0 : _a.slice(firstPageIndex, lastPageIndex);
   }, [rawData, currentPage]);
-  return /* @__PURE__ */ import_react185.default.createElement(
+  return /* @__PURE__ */ import_react189.default.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ import_react185.default.createElement(
+      sidebar: /* @__PURE__ */ import_react189.default.createElement(
         JournalSidebar,
         {
           parentRef: containerRef,
@@ -17052,7 +17158,7 @@ var JournalTableWithPanel = ({
       sidebarIsOpen: Boolean(selectedEntryId),
       parentRef: containerRef
     },
-    /* @__PURE__ */ import_react185.default.createElement(
+    /* @__PURE__ */ import_react189.default.createElement(
       Header2,
       {
         className: `Layer__${COMPONENT_NAME6}__header`,
@@ -17060,7 +17166,7 @@ var JournalTableWithPanel = ({
         sticky: true,
         rounded: true
       },
-      /* @__PURE__ */ import_react185.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react185.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react185.default.createElement(
+      /* @__PURE__ */ import_react189.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react189.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react189.default.createElement(
         Heading,
         {
           className: `Layer__${COMPONENT_NAME6}__title`,
@@ -17069,25 +17175,25 @@ var JournalTableWithPanel = ({
         (stringOverrides == null ? void 0 : stringOverrides.componentTitle) || "Journal"
       )))
     ),
-    /* @__PURE__ */ import_react185.default.createElement(Header2, null, /* @__PURE__ */ import_react185.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react185.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react185.default.createElement(
+    /* @__PURE__ */ import_react189.default.createElement(Header2, null, /* @__PURE__ */ import_react189.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react189.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react189.default.createElement(
       Heading,
       {
         size: "secondary" /* secondary */,
         className: `Layer__${COMPONENT_NAME6}__subtitle`
       },
       (stringOverrides == null ? void 0 : stringOverrides.componentSubtitle) || "Entries"
-    )), /* @__PURE__ */ import_react185.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react185.default.createElement(
+    )), /* @__PURE__ */ import_react189.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react189.default.createElement(
       Button,
       {
         onClick: () => addEntry(),
         disabled: isLoading,
         iconOnly: view === "mobile",
-        leftIcon: view === "mobile" && /* @__PURE__ */ import_react185.default.createElement(PlusIcon_default, { size: 14 })
+        leftIcon: view === "mobile" && /* @__PURE__ */ import_react189.default.createElement(PlusIcon_default, { size: 14 })
       },
       (stringOverrides == null ? void 0 : stringOverrides.addEntryButton) || "Add Entry"
     )))),
-    data && /* @__PURE__ */ import_react185.default.createElement(JournalTable, { view: "desktop", data }),
-    data && /* @__PURE__ */ import_react185.default.createElement("div", { className: "Layer__journal__pagination" }, /* @__PURE__ */ import_react185.default.createElement(
+    data && /* @__PURE__ */ import_react189.default.createElement(JournalTable, { view: "desktop", data }),
+    data && /* @__PURE__ */ import_react189.default.createElement("div", { className: "Layer__journal__pagination" }, /* @__PURE__ */ import_react189.default.createElement(
       Pagination,
       {
         currentPage,
@@ -17096,7 +17202,7 @@ var JournalTableWithPanel = ({
         onPageChange: (page) => setCurrentPage(page)
       }
     )),
-    (data == null ? void 0 : data.length) === 0 && !isLoading && !error && /* @__PURE__ */ import_react185.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react185.default.createElement(
+    (data == null ? void 0 : data.length) === 0 && !isLoading && !error && /* @__PURE__ */ import_react189.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react189.default.createElement(
       DataState,
       {
         status: "allDone" /* allDone */,
@@ -17104,7 +17210,7 @@ var JournalTableWithPanel = ({
         description: "There are no entries in the journal."
       }
     )),
-    error ? /* @__PURE__ */ import_react185.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react185.default.createElement(
+    error ? /* @__PURE__ */ import_react189.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react189.default.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -17114,7 +17220,7 @@ var JournalTableWithPanel = ({
         isLoading: isValidating || isLoading
       }
     )) : null,
-    (!data || isLoading) && !error ? /* @__PURE__ */ import_react185.default.createElement("div", { className: `Layer__${COMPONENT_NAME6}__loader-container` }, /* @__PURE__ */ import_react185.default.createElement(Loader2, null)) : null
+    (!data || isLoading) && !error ? /* @__PURE__ */ import_react189.default.createElement("div", { className: `Layer__${COMPONENT_NAME6}__loader-container` }, /* @__PURE__ */ import_react189.default.createElement(Loader2, null)) : null
   );
 };
 
@@ -17127,18 +17233,18 @@ var JOURNAL_CONFIG = {
 var Journal = (props) => {
   const JournalContextData = useJournal();
   const AccountsContextData = useChartOfAccounts();
-  return /* @__PURE__ */ import_react186.default.createElement(ChartOfAccountsContext.Provider, { value: AccountsContextData }, /* @__PURE__ */ import_react186.default.createElement(JournalContext.Provider, { value: JournalContextData }, /* @__PURE__ */ import_react186.default.createElement(JournalContent, __spreadValues({}, props))));
+  return /* @__PURE__ */ import_react190.default.createElement(ChartOfAccountsContext.Provider, { value: AccountsContextData }, /* @__PURE__ */ import_react190.default.createElement(JournalContext.Provider, { value: JournalContextData }, /* @__PURE__ */ import_react190.default.createElement(JournalContent, __spreadValues({}, props))));
 };
 var JournalContent = ({
   asWidget,
   config = JOURNAL_CONFIG,
   stringOverrides
 }) => {
-  const [view, setView] = (0, import_react186.useState)("desktop");
+  const [view, setView] = (0, import_react190.useState)("desktop");
   const containerRef = useElementViewSize(
     (newView) => setView(newView)
   );
-  return /* @__PURE__ */ import_react186.default.createElement(Container, { name: "journal", ref: containerRef, asWidget }, /* @__PURE__ */ import_react186.default.createElement(
+  return /* @__PURE__ */ import_react190.default.createElement(Container, { name: "journal", ref: containerRef, asWidget }, /* @__PURE__ */ import_react190.default.createElement(
     JournalTableWithPanel,
     {
       view,
@@ -17150,11 +17256,11 @@ var JournalContent = ({
 };
 
 // src/components/Tasks/Tasks.tsx
-var import_react193 = __toESM(require("react"));
+var import_react197 = __toESM(require("react"));
 
 // src/contexts/TasksContext/TasksContext.tsx
-var import_react187 = require("react");
-var TasksContext = (0, import_react187.createContext)({
+var import_react191 = require("react");
+var TasksContext = (0, import_react191.createContext)({
   data: void 0,
   isLoading: false,
   loadedStatus: "initial",
@@ -17168,7 +17274,7 @@ var TasksContext = (0, import_react187.createContext)({
 });
 
 // src/hooks/useTasks/useTasks.tsx
-var import_react188 = require("react");
+var import_react192 = require("react");
 
 // src/hooks/useTasks/mockData.ts
 var mockData = [
@@ -17210,7 +17316,7 @@ var mockData = [
 var import_swr11 = __toESM(require("swr"));
 var DEBUG_MODE = false;
 var useTasks = () => {
-  const [loadedStatus, setLoadedStatus] = (0, import_react188.useState)("initial");
+  const [loadedStatus, setLoadedStatus] = (0, import_react192.useState)("initial");
   const { auth, businessId, apiUrl, read, syncTimestamps, hasBeenTouched } = useLayerContext();
   const queryKey = businessId && (auth == null ? void 0 : auth.access_token) && `tasks-${businessId}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr11.default)(
@@ -17219,7 +17325,7 @@ var useTasks = () => {
       params: { businessId }
     })
   );
-  (0, import_react188.useEffect)(() => {
+  (0, import_react192.useEffect)(() => {
     if (isLoading && loadedStatus === "initial") {
       setLoadedStatus("loading");
     } else if (!isLoading && loadedStatus === "loading") {
@@ -17250,12 +17356,12 @@ var useTasks = () => {
       body: data2
     }).then(() => refetch());
   };
-  (0, import_react188.useEffect)(() => {
+  (0, import_react192.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("TASKS" /* TASKS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react188.useEffect)(() => {
+  (0, import_react192.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -17279,13 +17385,13 @@ function isComplete(taskType) {
 }
 
 // src/components/TasksHeader/TasksHeader.tsx
-var import_react189 = __toESM(require("react"));
+var import_react193 = __toESM(require("react"));
 
 // src/icons/ProgressIcon.tsx
-var React190 = __toESM(require("react"));
+var React193 = __toESM(require("react"));
 var ProgressIcon = (_a) => {
   var _b = _a, { size = 12 } = _b, props = __objRest(_b, ["size"]);
-  return /* @__PURE__ */ React190.createElement(
+  return /* @__PURE__ */ React193.createElement(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -17295,7 +17401,7 @@ var ProgressIcon = (_a) => {
       width: size,
       height: size
     }),
-    /* @__PURE__ */ React190.createElement(
+    /* @__PURE__ */ React193.createElement(
       "path",
       {
         d: "M9 1.5V4.5",
@@ -17304,7 +17410,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React190.createElement(
+    /* @__PURE__ */ React193.createElement(
       "path",
       {
         d: "M9 13.5V16.5",
@@ -17313,7 +17419,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React190.createElement(
+    /* @__PURE__ */ React193.createElement(
       "path",
       {
         d: "M3.6975 3.6975L5.82 5.82",
@@ -17322,7 +17428,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React190.createElement(
+    /* @__PURE__ */ React193.createElement(
       "path",
       {
         d: "M12.18 12.18L14.3025 14.3025",
@@ -17331,7 +17437,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React190.createElement(
+    /* @__PURE__ */ React193.createElement(
       "path",
       {
         d: "M1.5 9H4.5",
@@ -17340,7 +17446,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React190.createElement(
+    /* @__PURE__ */ React193.createElement(
       "path",
       {
         d: "M13.5 9H16.5",
@@ -17349,7 +17455,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React190.createElement(
+    /* @__PURE__ */ React193.createElement(
       "path",
       {
         d: "M3.6975 14.3025L5.82 12.18",
@@ -17358,7 +17464,7 @@ var ProgressIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React190.createElement(
+    /* @__PURE__ */ React193.createElement(
       "path",
       {
         d: "M12.18 5.82L14.3025 3.6975",
@@ -17374,22 +17480,22 @@ var ProgressIcon_default = ProgressIcon;
 // src/components/TasksHeader/TasksHeader.tsx
 var ICONS = {
   loading: {
-    icon: /* @__PURE__ */ import_react189.default.createElement(ProgressIcon_default, { size: 12, className: "Layer__anim--rotating" }),
+    icon: /* @__PURE__ */ import_react193.default.createElement(ProgressIcon_default, { size: 12, className: "Layer__anim--rotating" }),
     text: "Loading",
     badge: "default" /* DEFAULT */
   },
   done: {
-    icon: /* @__PURE__ */ import_react189.default.createElement(Check_default, { size: 12 }),
+    icon: /* @__PURE__ */ import_react193.default.createElement(Check_default, { size: 12 }),
     text: "Done",
     badge: "success" /* SUCCESS */
   },
   pending: {
-    icon: /* @__PURE__ */ import_react189.default.createElement(AlertCircle_default, { size: 12 }),
+    icon: /* @__PURE__ */ import_react193.default.createElement(AlertCircle_default, { size: 12 }),
     text: "In progress",
     badge: "warning" /* WARNING */
   },
   refresh: {
-    icon: /* @__PURE__ */ import_react189.default.createElement(RefreshCcw_default, { size: 12 }),
+    icon: /* @__PURE__ */ import_react193.default.createElement(RefreshCcw_default, { size: 12 }),
     text: "Refresh",
     badge: "default" /* DEFAULT */
   }
@@ -17400,10 +17506,10 @@ var TasksHeader = ({
   open,
   toggleContent
 }) => {
-  const { data: tasks, loadedStatus, refetch, error } = (0, import_react189.useContext)(TasksContext);
+  const { data: tasks, loadedStatus, refetch, error } = (0, import_react193.useContext)(TasksContext);
   const completedTasks = tasks == null ? void 0 : tasks.filter((task) => isComplete(task.status)).length;
   const badgeVariant = completedTasks === (tasks == null ? void 0 : tasks.length) ? ICONS.done : ICONS.pending;
-  return /* @__PURE__ */ import_react189.default.createElement("div", { className: "Layer__tasks-header" }, /* @__PURE__ */ import_react189.default.createElement("div", { className: "Layer__tasks-header__left-col" }, /* @__PURE__ */ import_react189.default.createElement(Text, { size: "lg" /* lg */ }, tasksHeader), loadedStatus !== "complete" && !open ? /* @__PURE__ */ import_react189.default.createElement(Badge, { variant: ICONS.loading.badge, icon: ICONS.loading.icon }, ICONS.loading.text) : loadedStatus === "complete" && (!tasks || error) ? /* @__PURE__ */ import_react189.default.createElement(
+  return /* @__PURE__ */ import_react193.default.createElement("div", { className: "Layer__tasks-header" }, /* @__PURE__ */ import_react193.default.createElement("div", { className: "Layer__tasks-header__left-col" }, /* @__PURE__ */ import_react193.default.createElement(Text, { size: "lg" /* lg */ }, tasksHeader), loadedStatus !== "complete" && !open ? /* @__PURE__ */ import_react193.default.createElement(Badge, { variant: ICONS.loading.badge, icon: ICONS.loading.icon }, ICONS.loading.text) : loadedStatus === "complete" && (!tasks || error) ? /* @__PURE__ */ import_react193.default.createElement(
     Badge,
     {
       onClick: () => refetch(),
@@ -17411,17 +17517,17 @@ var TasksHeader = ({
       icon: ICONS.refresh.icon
     },
     ICONS.refresh.text
-  ) : loadedStatus === "complete" ? /* @__PURE__ */ import_react189.default.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text) : open ? null : /* @__PURE__ */ import_react189.default.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text)), collapsable && /* @__PURE__ */ import_react189.default.createElement(ExpandButton, { onClick: toggleContent, collapsed: !open }));
+  ) : loadedStatus === "complete" ? /* @__PURE__ */ import_react193.default.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text) : open ? null : /* @__PURE__ */ import_react193.default.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text)), collapsable && /* @__PURE__ */ import_react193.default.createElement(ExpandButton, { onClick: toggleContent, collapsed: !open }));
 };
 
 // src/components/TasksList/TasksList.tsx
-var import_react191 = __toESM(require("react"));
+var import_react195 = __toESM(require("react"));
 
 // src/icons/SmileIcon.tsx
-var React192 = __toESM(require("react"));
+var React195 = __toESM(require("react"));
 var SmileIcon = (_a) => {
   var _b = _a, { size = 12 } = _b, props = __objRest(_b, ["size"]);
-  return /* @__PURE__ */ React192.createElement(
+  return /* @__PURE__ */ React195.createElement(
     "svg",
     __spreadProps(__spreadValues({
       viewBox: "0 0 12 12",
@@ -17431,7 +17537,7 @@ var SmileIcon = (_a) => {
       width: size,
       height: size
     }),
-    /* @__PURE__ */ React192.createElement(
+    /* @__PURE__ */ React195.createElement(
       "path",
       {
         d: "M6.5 11.5C9.26142 11.5 11.5 9.26142 11.5 6.5C11.5 3.73858 9.26142 1.5 6.5 1.5C3.73858 1.5 1.5 3.73858 1.5 6.5C1.5 9.26142 3.73858 11.5 6.5 11.5Z",
@@ -17440,7 +17546,7 @@ var SmileIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React192.createElement(
+    /* @__PURE__ */ React195.createElement(
       "path",
       {
         d: "M4.5 7.5C4.5 7.5 5.25 8.5 6.5 8.5C7.75 8.5 8.5 7.5 8.5 7.5",
@@ -17449,7 +17555,7 @@ var SmileIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React192.createElement(
+    /* @__PURE__ */ React195.createElement(
       "path",
       {
         d: "M5 5H5.005",
@@ -17458,7 +17564,7 @@ var SmileIcon = (_a) => {
         strokeLinejoin: "round"
       }
     ),
-    /* @__PURE__ */ React192.createElement(
+    /* @__PURE__ */ React195.createElement(
       "path",
       {
         d: "M8 5H8.005",
@@ -17472,40 +17578,40 @@ var SmileIcon = (_a) => {
 var SmileIcon_default = SmileIcon;
 
 // src/components/TasksListItem/TasksListItem.tsx
-var import_react190 = __toESM(require("react"));
-var import_classnames68 = __toESM(require("classnames"));
+var import_react194 = __toESM(require("react"));
+var import_classnames67 = __toESM(require("classnames"));
 var TasksListItem = ({
   task,
   goToNextPageIfAllComplete,
   defaultOpen
 }) => {
-  const [isOpen, setIsOpen] = (0, import_react190.useState)(defaultOpen);
-  const [userResponse, setUserResponse] = (0, import_react190.useState)(task.user_response || "");
-  const { submitResponseToTask: submitResponseToTask2, uploadDocumentForTask } = (0, import_react190.useContext)(TasksContext);
-  const taskBodyClassName = (0, import_classnames68.default)(
+  const [isOpen, setIsOpen] = (0, import_react194.useState)(defaultOpen);
+  const [userResponse, setUserResponse] = (0, import_react194.useState)(task.user_response || "");
+  const { submitResponseToTask: submitResponseToTask2, uploadDocumentForTask } = (0, import_react194.useContext)(TasksContext);
+  const taskBodyClassName = (0, import_classnames67.default)(
     "Layer__tasks-list-item__body",
     isOpen && "Layer__tasks-list-item__body--expanded",
     isComplete(task.status) && "Layer__tasks-list-item--completed"
   );
-  const taskHeadClassName = (0, import_classnames68.default)(
+  const taskHeadClassName = (0, import_classnames67.default)(
     "Layer__tasks-list-item__head-info",
     isComplete(task.status) ? "Layer__tasks-list-item--completed" : "Layer__tasks-list-item--pending"
   );
-  const taskItemClassName = (0, import_classnames68.default)(
+  const taskItemClassName = (0, import_classnames67.default)(
     "Layer__tasks-list-item",
     isOpen && "Layer__tasks-list-item__expanded"
   );
-  (0, import_react190.useEffect)(() => {
+  (0, import_react194.useEffect)(() => {
     setIsOpen(defaultOpen);
   }, [defaultOpen]);
-  return /* @__PURE__ */ import_react190.default.createElement("div", { className: "Layer__tasks-list-item-wrapper" }, /* @__PURE__ */ import_react190.default.createElement("div", { className: taskItemClassName }, /* @__PURE__ */ import_react190.default.createElement(
+  return /* @__PURE__ */ import_react194.default.createElement("div", { className: "Layer__tasks-list-item-wrapper" }, /* @__PURE__ */ import_react194.default.createElement("div", { className: taskItemClassName }, /* @__PURE__ */ import_react194.default.createElement(
     "div",
     {
       className: "Layer__tasks-list-item__head",
       onClick: () => setIsOpen(!isOpen)
     },
-    /* @__PURE__ */ import_react190.default.createElement("div", { className: taskHeadClassName }, /* @__PURE__ */ import_react190.default.createElement("div", { className: "Layer__tasks-list-item__head-info__status" }, isComplete(task.status) ? /* @__PURE__ */ import_react190.default.createElement(Check_default, { size: 12 }) : /* @__PURE__ */ import_react190.default.createElement(AlertCircle_default, { size: 12 })), /* @__PURE__ */ import_react190.default.createElement(Text, { size: "md" /* md */ }, task.title)),
-    /* @__PURE__ */ import_react190.default.createElement(
+    /* @__PURE__ */ import_react194.default.createElement("div", { className: taskHeadClassName }, /* @__PURE__ */ import_react194.default.createElement("div", { className: "Layer__tasks-list-item__head-info__status" }, isComplete(task.status) ? /* @__PURE__ */ import_react194.default.createElement(Check_default, { size: 12 }) : /* @__PURE__ */ import_react194.default.createElement(AlertCircle_default, { size: 12 })), /* @__PURE__ */ import_react194.default.createElement(Text, { size: "md" /* md */ }, task.title)),
+    /* @__PURE__ */ import_react194.default.createElement(
       ChevronDownFill_default,
       {
         size: 16,
@@ -17515,13 +17621,13 @@ var TasksListItem = ({
         }
       }
     )
-  ), /* @__PURE__ */ import_react190.default.createElement("div", { className: taskBodyClassName }, /* @__PURE__ */ import_react190.default.createElement("div", { className: "Layer__tasks-list-item__body-info" }, /* @__PURE__ */ import_react190.default.createElement(Text, { size: "sm" /* sm */ }, task.question), task.user_response_type === "FREE_RESPONSE" ? /* @__PURE__ */ import_react190.default.createElement(
+  ), /* @__PURE__ */ import_react194.default.createElement("div", { className: taskBodyClassName }, /* @__PURE__ */ import_react194.default.createElement("div", { className: "Layer__tasks-list-item__body-info" }, /* @__PURE__ */ import_react194.default.createElement(Text, { size: "sm" /* sm */ }, task.question), task.user_response_type === "FREE_RESPONSE" ? /* @__PURE__ */ import_react194.default.createElement(
     Textarea,
     {
       value: userResponse,
       onChange: (e) => setUserResponse(e.target.value)
     }
-  ) : null, /* @__PURE__ */ import_react190.default.createElement("div", { className: "Layer__tasks-list-item__actions" }, task.user_response_type === "UPLOAD_DOCUMENT" ? /* @__PURE__ */ import_react190.default.createElement(
+  ) : null, /* @__PURE__ */ import_react194.default.createElement("div", { className: "Layer__tasks-list-item__actions" }, task.user_response_type === "UPLOAD_DOCUMENT" ? /* @__PURE__ */ import_react194.default.createElement(
     FileInput,
     {
       onUpload: (file) => {
@@ -17532,7 +17638,7 @@ var TasksListItem = ({
       text: "Upload file",
       disabled: task.completed_at != null || task.user_marked_completed_at != null || task.archived_at != null
     }
-  ) : /* @__PURE__ */ import_react190.default.createElement(
+  ) : /* @__PURE__ */ import_react194.default.createElement(
     Button,
     {
       disabled: userResponse.length === 0 || userResponse === task.user_response,
@@ -17556,17 +17662,17 @@ function paginateArray(array, chunkSize = 10) {
   }
   return result;
 }
-var TasksEmptyState = () => /* @__PURE__ */ import_react191.default.createElement("div", { className: "Layer__tasks-empty-state" }, /* @__PURE__ */ import_react191.default.createElement("div", { className: "Layer__tasks-icon" }, /* @__PURE__ */ import_react191.default.createElement(SmileIcon_default, null)), /* @__PURE__ */ import_react191.default.createElement(Text, { size: "sm" /* sm */ }, "There are no pending tasks!", /* @__PURE__ */ import_react191.default.createElement("br", null), " Great job!"));
+var TasksEmptyState = () => /* @__PURE__ */ import_react195.default.createElement("div", { className: "Layer__tasks-empty-state" }, /* @__PURE__ */ import_react195.default.createElement("div", { className: "Layer__tasks-icon" }, /* @__PURE__ */ import_react195.default.createElement(SmileIcon_default, null)), /* @__PURE__ */ import_react195.default.createElement(Text, { size: "sm" /* sm */ }, "There are no pending tasks!", /* @__PURE__ */ import_react195.default.createElement("br", null), " Great job!"));
 var TasksList = ({ pageSize = 10 }) => {
-  const { data: tasks, error } = (0, import_react191.useContext)(TasksContext);
+  const { data: tasks, error } = (0, import_react195.useContext)(TasksContext);
   const firstPageWithIincompleteTasks = paginateArray(
     tasks || [],
     pageSize
   ).findIndex((page) => page.some((task) => !isComplete(task.status)));
-  const [currentPage, setCurrentPage] = (0, import_react191.useState)(
+  const [currentPage, setCurrentPage] = (0, import_react195.useState)(
     firstPageWithIincompleteTasks === -1 ? 1 : firstPageWithIincompleteTasks + 1
   );
-  const sortedTasks = (0, import_react191.useMemo)(() => {
+  const sortedTasks = (0, import_react195.useMemo)(() => {
     const firstPageIndex = (currentPage - 1) * pageSize;
     const lastPageIndex = firstPageIndex + pageSize;
     return tasks == null ? void 0 : tasks.slice(firstPageIndex, lastPageIndex);
@@ -17580,7 +17686,7 @@ var TasksList = ({ pageSize = 10 }) => {
       setCurrentPage(currentPage + 1);
     }
   };
-  return /* @__PURE__ */ import_react191.default.createElement("div", { className: "Layer__tasks-list" }, sortedTasks && sortedTasks.length > 0 ? /* @__PURE__ */ import_react191.default.createElement(import_react191.default.Fragment, null, sortedTasks.map((task, index) => /* @__PURE__ */ import_react191.default.createElement(
+  return /* @__PURE__ */ import_react195.default.createElement("div", { className: "Layer__tasks-list" }, sortedTasks && sortedTasks.length > 0 ? /* @__PURE__ */ import_react195.default.createElement(import_react195.default.Fragment, null, sortedTasks.map((task, index) => /* @__PURE__ */ import_react195.default.createElement(
     TasksListItem,
     {
       key: task.id,
@@ -17588,7 +17694,7 @@ var TasksList = ({ pageSize = 10 }) => {
       goToNextPageIfAllComplete: goToNextPage,
       defaultOpen: index === indexFirstIncomplete
     }
-  )), tasks && tasks.length >= 10 && /* @__PURE__ */ import_react191.default.createElement("div", { className: "Layer__tasks__pagination" }, /* @__PURE__ */ import_react191.default.createElement(
+  )), tasks && tasks.length >= 10 && /* @__PURE__ */ import_react195.default.createElement("div", { className: "Layer__tasks__pagination" }, /* @__PURE__ */ import_react195.default.createElement(
     Pagination,
     {
       currentPage,
@@ -17596,16 +17702,16 @@ var TasksList = ({ pageSize = 10 }) => {
       pageSize,
       onPageChange: (page) => setCurrentPage(page)
     }
-  ))) : /* @__PURE__ */ import_react191.default.createElement(import_react191.default.Fragment, null, error ? /* @__PURE__ */ import_react191.default.createElement(ErrorText, null, "Approval failed. Check connection and retry in few seconds.") : /* @__PURE__ */ import_react191.default.createElement(TasksEmptyState, null)));
+  ))) : /* @__PURE__ */ import_react195.default.createElement(import_react195.default.Fragment, null, error ? /* @__PURE__ */ import_react195.default.createElement(ErrorText, null, "Approval failed. Check connection and retry in few seconds.") : /* @__PURE__ */ import_react195.default.createElement(TasksEmptyState, null)));
 };
 
 // src/components/TasksPending/TasksPending.tsx
-var import_react192 = __toESM(require("react"));
-var import_classnames69 = __toESM(require("classnames"));
+var import_react196 = __toESM(require("react"));
+var import_classnames68 = __toESM(require("classnames"));
 var import_date_fns35 = require("date-fns");
 var import_recharts4 = require("recharts");
 var TasksPending = () => {
-  const { data } = (0, import_react192.useContext)(TasksContext);
+  const { data } = (0, import_react196.useContext)(TasksContext);
   const completedTasks = data == null ? void 0 : data.filter((task) => isComplete(task.status)).length;
   const chartData = [
     {
@@ -17617,10 +17723,10 @@ var TasksPending = () => {
       value: data == null ? void 0 : data.filter((task) => !isComplete(task.status)).length
     }
   ];
-  const taskStatusClassName = (0, import_classnames69.default)(
+  const taskStatusClassName = (0, import_classnames68.default)(
     completedTasks && completedTasks > 0 ? "Layer__tasks-pending-bar__status--done" : "Layer__tasks-pending-bar__status--pending"
   );
-  return /* @__PURE__ */ import_react192.default.createElement("div", { className: "Layer__tasks-pending" }, /* @__PURE__ */ import_react192.default.createElement(Text, { size: "lg" /* lg */ }, (0, import_date_fns35.format)(Date.now(), "MMMM")), /* @__PURE__ */ import_react192.default.createElement("div", { className: "Layer__tasks-pending-bar" }, /* @__PURE__ */ import_react192.default.createElement(Text, { size: "sm" /* sm */ }, /* @__PURE__ */ import_react192.default.createElement("span", { className: taskStatusClassName }, completedTasks), "/", data == null ? void 0 : data.length, " done"), /* @__PURE__ */ import_react192.default.createElement(import_recharts4.PieChart, { width: 24, height: 24, className: "mini-chart" }, /* @__PURE__ */ import_react192.default.createElement(
+  return /* @__PURE__ */ import_react196.default.createElement("div", { className: "Layer__tasks-pending" }, /* @__PURE__ */ import_react196.default.createElement(Text, { size: "lg" /* lg */ }, (0, import_date_fns35.format)(Date.now(), "MMMM")), /* @__PURE__ */ import_react196.default.createElement("div", { className: "Layer__tasks-pending-bar" }, /* @__PURE__ */ import_react196.default.createElement(Text, { size: "sm" /* sm */ }, /* @__PURE__ */ import_react196.default.createElement("span", { className: taskStatusClassName }, completedTasks), "/", data == null ? void 0 : data.length, " done"), /* @__PURE__ */ import_react196.default.createElement(import_recharts4.PieChart, { width: 24, height: 24, className: "mini-chart" }, /* @__PURE__ */ import_react196.default.createElement(
     import_recharts4.Pie,
     {
       data: chartData,
@@ -17638,7 +17744,7 @@ var TasksPending = () => {
       animationEasing: "ease-in-out"
     },
     chartData.map((task, index) => {
-      return /* @__PURE__ */ import_react192.default.createElement(
+      return /* @__PURE__ */ import_react196.default.createElement(
         import_recharts4.Cell,
         {
           key: `cell-${index}`,
@@ -17651,8 +17757,8 @@ var TasksPending = () => {
 };
 
 // src/components/Tasks/Tasks.tsx
-var import_classnames70 = __toESM(require("classnames"));
-var UseTasksContext = (0, import_react193.createContext)({
+var import_classnames69 = __toESM(require("classnames"));
+var UseTasksContext = (0, import_react197.createContext)({
   data: void 0,
   isLoading: void 0,
   loadedStatus: "initial",
@@ -17673,7 +17779,7 @@ var Tasks = ({
   // deprecated
   stringOverrides
 }) => {
-  return /* @__PURE__ */ import_react193.default.createElement(TasksProvider, null, /* @__PURE__ */ import_react193.default.createElement(
+  return /* @__PURE__ */ import_react197.default.createElement(TasksProvider, null, /* @__PURE__ */ import_react197.default.createElement(
     TasksComponent,
     {
       collapsable,
@@ -17686,7 +17792,7 @@ var Tasks = ({
 };
 var TasksProvider = ({ children }) => {
   const contextData = useTasks();
-  return /* @__PURE__ */ import_react193.default.createElement(TasksContext.Provider, { value: contextData }, children);
+  return /* @__PURE__ */ import_react197.default.createElement(TasksContext.Provider, { value: contextData }, children);
 };
 var TasksComponent = ({
   collapsable = false,
@@ -17696,8 +17802,8 @@ var TasksComponent = ({
   // deprecated
   stringOverrides
 }) => {
-  const { isLoading, loadedStatus, data } = (0, import_react193.useContext)(TasksContext);
-  const allComplete = (0, import_react193.useMemo)(() => {
+  const { isLoading, loadedStatus, data } = (0, import_react197.useContext)(TasksContext);
+  const allComplete = (0, import_react197.useMemo)(() => {
     if (!data) {
       return void 0;
     }
@@ -17706,15 +17812,15 @@ var TasksComponent = ({
     }
     return false;
   }, [data, isLoading]);
-  const [open, setOpen] = (0, import_react193.useState)(
+  const [open, setOpen] = (0, import_react197.useState)(
     defaultCollapsed || collapsedWhenComplete ? false : true
   );
-  (0, import_react193.useEffect)(() => {
+  (0, import_react197.useEffect)(() => {
     if (allComplete && open && collapsedWhenComplete && loadedStatus === "complete") {
       setOpen(false);
     }
   }, [allComplete]);
-  return /* @__PURE__ */ import_react193.default.createElement("div", { className: "Layer__tasks-component" }, /* @__PURE__ */ import_react193.default.createElement(
+  return /* @__PURE__ */ import_react197.default.createElement("div", { className: "Layer__tasks-component" }, /* @__PURE__ */ import_react197.default.createElement(
     TasksHeader,
     {
       tasksHeader: (stringOverrides == null ? void 0 : stringOverrides.header) || tasksHeader,
@@ -17722,26 +17828,26 @@ var TasksComponent = ({
       open,
       toggleContent: () => setOpen(!open)
     }
-  ), /* @__PURE__ */ import_react193.default.createElement(
+  ), /* @__PURE__ */ import_react197.default.createElement(
     "div",
     {
-      className: (0, import_classnames70.default)(
+      className: (0, import_classnames69.default)(
         "Layer__tasks__content",
         !open && "Layer__tasks__content--collapsed"
       )
     },
-    isLoading || !data ? /* @__PURE__ */ import_react193.default.createElement("div", { className: "Layer__tasks__loader-container" }, /* @__PURE__ */ import_react193.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react193.default.createElement(import_react193.default.Fragment, null, data.length > 0 && /* @__PURE__ */ import_react193.default.createElement(TasksPending, null), /* @__PURE__ */ import_react193.default.createElement(TasksList, null))
+    isLoading || !data ? /* @__PURE__ */ import_react197.default.createElement("div", { className: "Layer__tasks__loader-container" }, /* @__PURE__ */ import_react197.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react197.default.createElement(import_react197.default.Fragment, null, data.length > 0 && /* @__PURE__ */ import_react197.default.createElement(TasksPending, null), /* @__PURE__ */ import_react197.default.createElement(TasksList, null))
   ));
 };
 
 // src/components/PlatformOnboarding/LinkAccounts.tsx
-var import_react194 = __toESM(require("react"));
+var import_react198 = __toESM(require("react"));
 var LinkAccounts = (_a) => {
   var _b = _a, { inBox } = _b, props = __objRest(_b, ["inBox"]);
   if (inBox) {
-    return /* @__PURE__ */ import_react194.default.createElement(LinkedAccountsProvider, null, /* @__PURE__ */ import_react194.default.createElement("div", { className: "Layer__link-accounts__box" }, /* @__PURE__ */ import_react194.default.createElement(LinkAccountsContent, __spreadValues({}, props))));
+    return /* @__PURE__ */ import_react198.default.createElement(LinkedAccountsProvider, null, /* @__PURE__ */ import_react198.default.createElement("div", { className: "Layer__link-accounts__box" }, /* @__PURE__ */ import_react198.default.createElement(LinkAccountsContent, __spreadValues({}, props))));
   }
-  return /* @__PURE__ */ import_react194.default.createElement(LinkedAccountsProvider, null, /* @__PURE__ */ import_react194.default.createElement(LinkAccountsContent, __spreadValues({}, props)));
+  return /* @__PURE__ */ import_react198.default.createElement(LinkedAccountsProvider, null, /* @__PURE__ */ import_react198.default.createElement(LinkAccountsContent, __spreadValues({}, props)));
 };
 var LinkAccountsContent = ({
   title,
@@ -17755,8 +17861,8 @@ var LinkAccountsContent = ({
   onNext
 }) => {
   var _a, _b;
-  const { data, loadingStatus, error, refetchAccounts, addConnection } = (0, import_react194.useContext)(LinkedAccountsContext);
-  return /* @__PURE__ */ import_react194.default.createElement("div", { className: "Layer__link-accounts Layer__component" }, title && /* @__PURE__ */ import_react194.default.createElement(Heading, { size: "view" /* view */ }, title), data && data.length === 0 ? /* @__PURE__ */ import_react194.default.createElement("div", { className: "Layer__link-accounts__data-status-container" }, !hideLoading && loadingStatus !== "complete" ? /* @__PURE__ */ import_react194.default.createElement(Loader2, null) : null, Boolean(error) && /* @__PURE__ */ import_react194.default.createElement(
+  const { data, loadingStatus, error, refetchAccounts, addConnection } = (0, import_react198.useContext)(LinkedAccountsContext);
+  return /* @__PURE__ */ import_react198.default.createElement("div", { className: "Layer__link-accounts Layer__component" }, title && /* @__PURE__ */ import_react198.default.createElement(Heading, { size: "view" /* view */ }, title), data && data.length === 0 ? /* @__PURE__ */ import_react198.default.createElement("div", { className: "Layer__link-accounts__data-status-container" }, !hideLoading && loadingStatus !== "complete" ? /* @__PURE__ */ import_react198.default.createElement(Loader2, null) : null, Boolean(error) && /* @__PURE__ */ import_react198.default.createElement(
     DataState,
     {
       status: "failed" /* failed */,
@@ -17764,7 +17870,7 @@ var LinkAccountsContent = ({
       description: "Please try again later",
       onRefresh: refetchAccounts
     }
-  )) : null, data && data.length > 0 ? /* @__PURE__ */ import_react194.default.createElement("div", { className: "Layer__link-accounts__list" }, data == null ? void 0 : data.map((account, index) => /* @__PURE__ */ import_react194.default.createElement(
+  )) : null, data && data.length > 0 ? /* @__PURE__ */ import_react198.default.createElement("div", { className: "Layer__link-accounts__list" }, data == null ? void 0 : data.map((account, index) => /* @__PURE__ */ import_react198.default.createElement(
     LinkedAccountItemThumb,
     {
       key: index,
@@ -17774,33 +17880,33 @@ var LinkAccountsContent = ({
       showBreakConnection,
       asWidget
     }
-  ))) : null, /* @__PURE__ */ import_react194.default.createElement(
+  ))) : null, /* @__PURE__ */ import_react198.default.createElement(
     ActionableRow,
     {
-      iconBox: /* @__PURE__ */ import_react194.default.createElement(PlaidIcon_default, null),
+      iconBox: /* @__PURE__ */ import_react198.default.createElement(PlaidIcon_default, null),
       title: data && data.length > 0 ? "Connect my next business account" : "Connect accounts",
       description: "Import data with one simple integration.",
-      button: /* @__PURE__ */ import_react194.default.createElement(
+      button: /* @__PURE__ */ import_react198.default.createElement(
         Button,
         {
           onClick: () => addConnection("PLAID"),
-          rightIcon: /* @__PURE__ */ import_react194.default.createElement(Link_default, { size: 12 }),
+          rightIcon: /* @__PURE__ */ import_react198.default.createElement(Link_default, { size: 12 }),
           disabled: loadingStatus !== "complete"
         },
         data && data.length > 0 ? "Connect next" : "Connect"
       )
     }
-  ), onBack || onNext ? /* @__PURE__ */ import_react194.default.createElement("div", { className: "Layer__link-accounts__footer" }, onBack && /* @__PURE__ */ import_react194.default.createElement(Button, { onClick: onBack, variant: "secondary" /* secondary */ }, (_a = stringOverrides == null ? void 0 : stringOverrides.backButtonText) != null ? _a : "Back"), onNext && /* @__PURE__ */ import_react194.default.createElement(Button, { onClick: onNext }, (_b = stringOverrides == null ? void 0 : stringOverrides.nextButtonText) != null ? _b : "I\u2019m done connecting my business accounts")) : null);
+  ), onBack || onNext ? /* @__PURE__ */ import_react198.default.createElement("div", { className: "Layer__link-accounts__footer" }, onBack && /* @__PURE__ */ import_react198.default.createElement(Button, { onClick: onBack, variant: "secondary" /* secondary */ }, (_a = stringOverrides == null ? void 0 : stringOverrides.backButtonText) != null ? _a : "Back"), onNext && /* @__PURE__ */ import_react198.default.createElement(Button, { onClick: onNext }, (_b = stringOverrides == null ? void 0 : stringOverrides.nextButtonText) != null ? _b : "I\u2019m done connecting my business accounts")) : null);
 };
 
 // src/components/UpsellBanner/BookkeepingUpsellBar.tsx
-var import_react195 = __toESM(require("react"));
+var import_react199 = __toESM(require("react"));
 
 // src/icons/Coffee.tsx
-var React198 = __toESM(require("react"));
+var React201 = __toESM(require("react"));
 var CoffeeIcon = (_a) => {
   var _b = _a, { size = 11 } = _b, props = __objRest(_b, ["size"]);
-  return /* @__PURE__ */ React198.createElement(
+  return /* @__PURE__ */ React201.createElement(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -17810,7 +17916,7 @@ var CoffeeIcon = (_a) => {
       width: size,
       height: size
     }),
-    /* @__PURE__ */ React198.createElement("g", { clipPath: "url(#clip0_5018_10141)" }, /* @__PURE__ */ React198.createElement(
+    /* @__PURE__ */ React201.createElement("g", { clipPath: "url(#clip0_5018_10141)" }, /* @__PURE__ */ React201.createElement(
       "path",
       {
         d: "M3.25 4.16666H2.79167C2.30544 4.16666 1.83912 4.35981 1.4953 4.70363C1.15149 5.04744 0.958333 5.51376 0.958333 5.99999C0.958333 6.48622 1.15149 6.95254 1.4953 7.29635C1.83912 7.64017 2.30544 7.83332 2.79167 7.83332H3.25",
@@ -17818,7 +17924,7 @@ var CoffeeIcon = (_a) => {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
-    ), /* @__PURE__ */ React198.createElement(
+    ), /* @__PURE__ */ React201.createElement(
       "path",
       {
         d: "M10.5834 4.16666H3.25004V8.29166C3.25004 8.77789 3.4432 9.2442 3.78701 9.58802C4.13083 9.93184 4.59714 10.125 5.08337 10.125H8.75004C9.23627 10.125 9.70259 9.93184 10.0464 9.58802C10.3902 9.2442 10.5834 8.77789 10.5834 8.29166V4.16666Z",
@@ -17826,7 +17932,7 @@ var CoffeeIcon = (_a) => {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
-    ), /* @__PURE__ */ React198.createElement(
+    ), /* @__PURE__ */ React201.createElement(
       "path",
       {
         d: "M8.75 0.958344V2.33334",
@@ -17834,7 +17940,7 @@ var CoffeeIcon = (_a) => {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
-    ), /* @__PURE__ */ React198.createElement(
+    ), /* @__PURE__ */ React201.createElement(
       "path",
       {
         d: "M6.91663 0.958344V2.33334",
@@ -17842,7 +17948,7 @@ var CoffeeIcon = (_a) => {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
-    ), /* @__PURE__ */ React198.createElement(
+    ), /* @__PURE__ */ React201.createElement(
       "path",
       {
         d: "M5.08337 0.958344V2.33334",
@@ -17851,7 +17957,7 @@ var CoffeeIcon = (_a) => {
         strokeLinejoin: "round"
       }
     )),
-    /* @__PURE__ */ React198.createElement("defs", null, /* @__PURE__ */ React198.createElement("clipPath", { id: "clip0_5018_10141" }, /* @__PURE__ */ React198.createElement(
+    /* @__PURE__ */ React201.createElement("defs", null, /* @__PURE__ */ React201.createElement("clipPath", { id: "clip0_5018_10141" }, /* @__PURE__ */ React201.createElement(
       "rect",
       {
         width: "11",
@@ -17869,38 +17975,50 @@ var BookkeepingUpsellBar = ({
   onClick,
   href
 }) => {
-  return /* @__PURE__ */ import_react195.default.createElement("div", { className: "Layer__bar-banner Layer__bar-banner--bookkeeping" }, /* @__PURE__ */ import_react195.default.createElement("div", { className: "Layer__bar-banner__left-col" }, /* @__PURE__ */ import_react195.default.createElement(IconBox, null, /* @__PURE__ */ import_react195.default.createElement(Coffee_default, null)), /* @__PURE__ */ import_react195.default.createElement("div", { className: "Layer__bar-banner__text-container" }, /* @__PURE__ */ import_react195.default.createElement(Text, { size: "md" /* md */, weight: "bold" /* bold */ }, "Need help with your books?"), /* @__PURE__ */ import_react195.default.createElement(
+  return /* @__PURE__ */ import_react199.default.createElement("div", { className: "Layer__bar-banner Layer__bar-banner--bookkeeping" }, /* @__PURE__ */ import_react199.default.createElement("div", { className: "Layer__bar-banner__left-col" }, /* @__PURE__ */ import_react199.default.createElement(IconBox, null, /* @__PURE__ */ import_react199.default.createElement(Coffee_default, null)), /* @__PURE__ */ import_react199.default.createElement("div", { className: "Layer__bar-banner__text-container" }, /* @__PURE__ */ import_react199.default.createElement(Text, { size: "md" /* md */, weight: "bold" /* bold */ }, "Need help with your books?"), /* @__PURE__ */ import_react199.default.createElement(
     Text,
     {
       size: "sm" /* sm */,
       className: "Layer__bar-banner__text-container__desc"
     },
     "Order bookkeeping service supported by real humans."
-  ))), onClick ? /* @__PURE__ */ import_react195.default.createElement(Button, { variant: "secondary" /* secondary */, onClick }, "Schedule a demo") : href ? /* @__PURE__ */ import_react195.default.createElement(Link2, { href, target: "_blank", variant: "secondary" /* secondary */ }, "Schedule a demo") : null);
+  ))), onClick ? /* @__PURE__ */ import_react199.default.createElement(Button, { variant: "secondary" /* secondary */, onClick }, "Schedule a demo") : href ? /* @__PURE__ */ import_react199.default.createElement(Link2, { href, target: "_blank", variant: "secondary" /* secondary */ }, "Schedule a demo") : null);
 };
 
 // src/views/BookkeepingOverview/BookkeepingOverview.tsx
-var import_react196 = __toESM(require("react"));
-var import_classnames71 = __toESM(require("classnames"));
+var import_react201 = __toESM(require("react"));
+
+// src/views/BookkeepingOverview/internal/BookkeepingProfitAndLossSummariesContainer.tsx
+var import_react200 = __toESM(require("react"));
+var CLASS_NAME2 = "Layer__BookkeepingProfitAndLossSummariesContainer";
+function BookkeepingProfitAndLossSummariesContainer({
+  children
+}) {
+  return /* @__PURE__ */ import_react200.default.createElement("div", { className: CLASS_NAME2 }, children);
+}
+
+// src/views/BookkeepingOverview/BookkeepingOverview.tsx
+var import_classnames70 = __toESM(require("classnames"));
 var BookkeepingOverview = ({
   title,
-  // deprecated
   showTitle = true,
-  stringOverrides
+  stringOverrides,
+  slotProps
 }) => {
-  var _a, _b, _c, _d;
-  const [pnlToggle, setPnlToggle] = (0, import_react196.useState)("expenses");
+  var _a, _b, _c, _d, _e, _f;
+  const [pnlToggle, setPnlToggle] = (0, import_react201.useState)("expenses");
   const [width] = useWindowSize();
-  return /* @__PURE__ */ import_react196.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react196.default.createElement(TasksProvider, null, /* @__PURE__ */ import_react196.default.createElement(
+  const profitAndLossSummariesVariants = (_b = (_a = slotProps == null ? void 0 : slotProps.profitAndLoss) == null ? void 0 : _a.summaries) == null ? void 0 : _b.variants;
+  return /* @__PURE__ */ import_react201.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react201.default.createElement(TasksProvider, null, /* @__PURE__ */ import_react201.default.createElement(
     View,
     {
       viewClassName: "Layer__bookkeeping-overview--view",
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || "Bookkeeping overview",
       withSidebar: width > 1100,
-      sidebar: /* @__PURE__ */ import_react196.default.createElement(TasksComponent, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.tasks }),
+      sidebar: /* @__PURE__ */ import_react201.default.createElement(TasksComponent, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.tasks }),
       showHeader: showTitle
     },
-    width <= 1100 && /* @__PURE__ */ import_react196.default.createElement(
+    width <= 1100 && /* @__PURE__ */ import_react201.default.createElement(
       TasksComponent,
       {
         collapsable: true,
@@ -17908,29 +18026,30 @@ var BookkeepingOverview = ({
         stringOverrides: stringOverrides == null ? void 0 : stringOverrides.tasks
       }
     ),
-    /* @__PURE__ */ import_react196.default.createElement(
+    /* @__PURE__ */ import_react201.default.createElement(
       Container,
       {
         name: "bookkeeping-overview-profit-and-loss",
         asWidget: true,
         elevated: true
       },
-      /* @__PURE__ */ import_react196.default.createElement(
+      /* @__PURE__ */ import_react201.default.createElement(
         ProfitAndLoss.Header,
         {
-          text: ((_a = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _a.header) || "Profit & Loss",
+          text: ((_c = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _c.header) || "Profit & Loss",
           withDatePicker: true
         }
       ),
-      /* @__PURE__ */ import_react196.default.createElement("div", { className: "Layer__bookkeeping-overview__summaries-row" }, /* @__PURE__ */ import_react196.default.createElement(
+      /* @__PURE__ */ import_react201.default.createElement(BookkeepingProfitAndLossSummariesContainer, null, /* @__PURE__ */ import_react201.default.createElement(
         ProfitAndLoss.Summaries,
         {
-          stringOverrides: (_b = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _b.summaries
+          stringOverrides: (_d = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _d.summaries,
+          variants: profitAndLossSummariesVariants
         }
       )),
-      /* @__PURE__ */ import_react196.default.createElement(ProfitAndLoss.Chart, null)
+      /* @__PURE__ */ import_react201.default.createElement(ProfitAndLoss.Chart, null)
     ),
-    /* @__PURE__ */ import_react196.default.createElement("div", { className: "Layer__bookkeeping-overview-profit-and-loss-charts" }, /* @__PURE__ */ import_react196.default.createElement(
+    /* @__PURE__ */ import_react201.default.createElement("div", { className: "Layer__bookkeeping-overview-profit-and-loss-charts" }, /* @__PURE__ */ import_react201.default.createElement(
       Toggle,
       {
         name: "pnl-detailed-charts",
@@ -17947,36 +18066,36 @@ var BookkeepingOverview = ({
         selected: pnlToggle,
         onChange: (e) => setPnlToggle(e.target.value)
       }
-    ), /* @__PURE__ */ import_react196.default.createElement(
+    ), /* @__PURE__ */ import_react201.default.createElement(
       Container,
       {
-        name: (0, import_classnames71.default)(
+        name: (0, import_classnames70.default)(
           "bookkeeping-overview-profit-and-loss-chart",
           pnlToggle !== "revenue" && "bookkeeping-overview-profit-and-loss-chart--hidden"
         )
       },
-      /* @__PURE__ */ import_react196.default.createElement(
+      /* @__PURE__ */ import_react201.default.createElement(
         ProfitAndLoss.DetailedCharts,
         {
           scope: "revenue",
           hideClose: true,
-          stringOverrides: (_c = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _c.detailedCharts
+          stringOverrides: (_e = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _e.detailedCharts
         }
       )
-    ), /* @__PURE__ */ import_react196.default.createElement(
+    ), /* @__PURE__ */ import_react201.default.createElement(
       Container,
       {
-        name: (0, import_classnames71.default)(
+        name: (0, import_classnames70.default)(
           "bookkeeping-overview-profit-and-loss-chart",
           pnlToggle !== "expenses" && "bookkeeping-overview-profit-and-loss-chart--hidden"
         )
       },
-      /* @__PURE__ */ import_react196.default.createElement(
+      /* @__PURE__ */ import_react201.default.createElement(
         ProfitAndLoss.DetailedCharts,
         {
           scope: "expenses",
           hideClose: true,
-          stringOverrides: (_d = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _d.detailedCharts
+          stringOverrides: (_f = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _f.detailedCharts
         }
       )
     ))
@@ -17984,53 +18103,49 @@ var BookkeepingOverview = ({
 };
 
 // src/views/AccountingOverview/AccountingOverview.tsx
-var import_react200 = __toESM(require("react"));
+var import_react205 = __toESM(require("react"));
 
-// src/components/TransactionToReviewCard/TransactionToReviewCard.tsx
-var import_react199 = __toESM(require("react"));
+// src/views/AccountingOverview/internal/TransactionsToReview.tsx
+var import_react204 = __toESM(require("react"));
 
 // src/components/BadgeLoader/BadgeLoader.tsx
-var import_react197 = __toESM(require("react"));
+var import_react202 = __toESM(require("react"));
 var BadgeLoader = ({ children }) => {
-  return /* @__PURE__ */ import_react197.default.createElement("span", { className: "Layer__loader Layer__loader--as-badge" }, /* @__PURE__ */ import_react197.default.createElement(Loader_default, { size: 11, className: "Layer__anim--rotating" }), children);
+  return /* @__PURE__ */ import_react202.default.createElement("span", { className: "Layer__loader Layer__loader--as-badge" }, /* @__PURE__ */ import_react202.default.createElement(Loader_default, { size: 11, className: "Layer__anim--rotating" }), children);
 };
 
-// src/components/NotificationCard/NotificationCard.tsx
-var import_react198 = __toESM(require("react"));
-var import_classnames72 = __toESM(require("classnames"));
-var NotificationCard = ({
-  onClick,
-  children,
-  className
-}) => {
-  return /* @__PURE__ */ import_react198.default.createElement("div", { className: (0, import_classnames72.default)("Layer__notification-card", className) }, /* @__PURE__ */ import_react198.default.createElement("div", { className: "Layer__notification-card__main" }, children), /* @__PURE__ */ import_react198.default.createElement(
-    IconButton,
-    {
-      icon: /* @__PURE__ */ import_react198.default.createElement(ChevronRight_default, null),
-      withBorder: true,
-      onClick: () => onClick()
-    }
-  ));
-};
+// src/components/ui/Stack.tsx
+var import_react203 = __toESM(require("react"));
+var CLASS_NAME3 = "Layer__VStack";
+function VStack({ align, children, gap }) {
+  const dataProperties = (0, import_react203.useMemo)(
+    () => toDataProperties({ align, gap }),
+    [align, gap]
+  );
+  return /* @__PURE__ */ import_react203.default.createElement("div", __spreadValues({ className: CLASS_NAME3 }, dataProperties), children);
+}
 
-// src/components/TransactionToReviewCard/TransactionToReviewCard.tsx
+// src/views/AccountingOverview/internal/TransactionsToReview.tsx
 var import_date_fns36 = require("date-fns");
-var TransactionToReviewCard = ({
+var CLASS_NAME4 = "Layer__TransactionsToReview";
+function TransactionsToReview({
   onClick,
   usePnlDateRange,
-  tagFilter = void 0
-}) => {
-  const { dateRange: contextDateRange } = (0, import_react199.useContext)(ProfitAndLoss.Context);
+  tagFilter = void 0,
+  variants
+}) {
+  const { size = "sm" } = variants != null ? variants : {};
+  const { dateRange: contextDateRange } = (0, import_react204.useContext)(ProfitAndLoss.Context);
   const dateRange = usePnlDateRange ? contextDateRange : void 0;
-  const [toReview, setToReview] = (0, import_react199.useState)(0);
+  const [toReview, setToReview] = (0, import_react204.useState)(0);
   const { data, loaded, error, refetch } = useProfitAndLossLTM({
     currentDate: dateRange ? dateRange.startDate : (0, import_date_fns36.startOfMonth)(/* @__PURE__ */ new Date()),
     tagFilter
   });
-  (0, import_react199.useEffect)(() => {
+  (0, import_react204.useEffect)(() => {
     checkTransactionsToReview();
   }, []);
-  (0, import_react199.useEffect)(() => {
+  (0, import_react204.useEffect)(() => {
     checkTransactionsToReview();
   }, [dateRange, loaded]);
   const checkTransactionsToReview = () => {
@@ -18043,48 +18158,46 @@ var TransactionToReviewCard = ({
       }
     }
   };
-  return /* @__PURE__ */ import_react199.default.createElement(
-    NotificationCard,
+  let verticalGap = "3xs";
+  switch (size) {
+    case "sm":
+      verticalGap = "3xs";
+      break;
+    case "lg":
+      verticalGap = "sm";
+      break;
+  }
+  return /* @__PURE__ */ import_react204.default.createElement("div", { onClick, className: CLASS_NAME4 }, /* @__PURE__ */ import_react204.default.createElement(VStack, { gap: verticalGap, align: "start" }, /* @__PURE__ */ import_react204.default.createElement(ProfitAndLossSummariesHeading, { variants }, "Transactions to review"), loaded === "initial" || loaded === "loading" ? /* @__PURE__ */ import_react204.default.createElement(BadgeLoader, null) : null, loaded === "complete" && error ? /* @__PURE__ */ import_react204.default.createElement(
+    Badge,
     {
-      className: "Layer__txs-to-review",
-      onClick: () => onClick && onClick()
+      variant: "error" /* ERROR */,
+      size: "small" /* SMALL */,
+      icon: /* @__PURE__ */ import_react204.default.createElement(RefreshCcw_default, { size: 12 }),
+      onClick: () => refetch()
     },
-    /* @__PURE__ */ import_react199.default.createElement(Text, { size: "sm" /* sm */ }, "Transactions to review"),
-    loaded === "initial" || loaded === "loading" ? /* @__PURE__ */ import_react199.default.createElement(BadgeLoader, null) : null,
-    loaded === "complete" && error ? /* @__PURE__ */ import_react199.default.createElement(
-      Badge,
-      {
-        variant: "error" /* ERROR */,
-        size: "small" /* SMALL */,
-        icon: /* @__PURE__ */ import_react199.default.createElement(RefreshCcw_default, { size: 12 }),
-        onClick: () => refetch()
-      },
-      "Refresh"
-    ) : null,
-    loaded === "complete" && !error && toReview > 0 ? /* @__PURE__ */ import_react199.default.createElement(
-      Badge,
-      {
-        variant: "warning" /* WARNING */,
-        size: "small" /* SMALL */,
-        icon: /* @__PURE__ */ import_react199.default.createElement(Bell_default, { size: 12 })
-      },
-      toReview,
-      " pending"
-    ) : null,
-    loaded === "complete" && !error && toReview === 0 ? /* @__PURE__ */ import_react199.default.createElement(
-      Badge,
-      {
-        variant: "success" /* SUCCESS */,
-        size: "small" /* SMALL */,
-        icon: /* @__PURE__ */ import_react199.default.createElement(Check_default, { size: 12 })
-      },
-      "All done"
-    ) : null
-  );
-};
+    "Refresh"
+  ) : null, loaded === "complete" && !error && toReview > 0 ? /* @__PURE__ */ import_react204.default.createElement(
+    Badge,
+    {
+      variant: "warning" /* WARNING */,
+      size: "small" /* SMALL */,
+      icon: /* @__PURE__ */ import_react204.default.createElement(Bell_default, { size: 12 })
+    },
+    toReview,
+    " pending"
+  ) : null, loaded === "complete" && !error && toReview === 0 ? /* @__PURE__ */ import_react204.default.createElement(
+    Badge,
+    {
+      variant: "success" /* SUCCESS */,
+      size: "small" /* SMALL */,
+      icon: /* @__PURE__ */ import_react204.default.createElement(Check_default, { size: 12 })
+    },
+    "All done"
+  ) : null), /* @__PURE__ */ import_react204.default.createElement(IconButton, { icon: /* @__PURE__ */ import_react204.default.createElement(ChevronRight_default, null), withBorder: true, onClick }));
+}
 
 // src/views/AccountingOverview/AccountingOverview.tsx
-var import_classnames73 = __toESM(require("classnames"));
+var import_classnames71 = __toESM(require("classnames"));
 var AccountingOverview = ({
   title = "Accounting overview",
   showTitle = true,
@@ -18095,65 +18208,75 @@ var AccountingOverview = ({
   chartColorsList,
   stringOverrides,
   tagFilter = void 0,
-  showTransactionsToReview = true
+  showTransactionsToReview = true,
+  slotProps
 }) => {
-  var _a, _b, _c;
-  const [pnlToggle, setPnlToggle] = (0, import_react200.useState)("expenses");
-  return /* @__PURE__ */ import_react200.default.createElement(
+  var _a, _b, _c, _d, _e;
+  const [pnlToggle, setPnlToggle] = (0, import_react205.useState)("expenses");
+  const profitAndLossSummariesVariants = (_b = (_a = slotProps == null ? void 0 : slotProps.profitAndLoss) == null ? void 0 : _a.summaries) == null ? void 0 : _b.variants;
+  return /* @__PURE__ */ import_react205.default.createElement(
     ProfitAndLoss,
     {
       asContainer: false,
       tagFilter: tagFilter ? { key: tagFilter.tagKey, values: tagFilter.tagValues } : void 0
     },
-    /* @__PURE__ */ import_react200.default.createElement(
+    /* @__PURE__ */ import_react205.default.createElement(
       View,
       {
         title,
         showHeader: showTitle,
-        header: /* @__PURE__ */ import_react200.default.createElement(Header2, null, /* @__PURE__ */ import_react200.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react200.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react200.default.createElement(ProfitAndLoss.DatePicker, null))))
+        header: /* @__PURE__ */ import_react205.default.createElement(Header2, null, /* @__PURE__ */ import_react205.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react205.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react205.default.createElement(ProfitAndLoss.DatePicker, null))))
       },
-      enableOnboarding && /* @__PURE__ */ import_react200.default.createElement(
+      enableOnboarding && /* @__PURE__ */ import_react205.default.createElement(
         Onboarding,
         {
           onTransactionsToReviewClick,
           onboardingStepOverride
         }
       ),
-      /* @__PURE__ */ import_react200.default.createElement("div", { className: "Layer__accounting-overview__summaries-row" }, /* @__PURE__ */ import_react200.default.createElement(
-        ProfitAndLoss.Summaries,
-        {
-          stringOverrides: (_a = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _a.summaries,
-          chartColorsList
-        }
-      ), showTransactionsToReview && /* @__PURE__ */ import_react200.default.createElement(
-        TransactionToReviewCard,
+      /* @__PURE__ */ import_react205.default.createElement(
+        Internal_ProfitAndLossSummaries,
         {
-          usePnlDateRange: true,
-          onClick: onTransactionsToReviewClick
+          stringOverrides: (_c = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _c.summaries,
+          chartColorsList,
+          slots: {
+            unstable_AdditionalListItems: showTransactionsToReview ? [
+              /* @__PURE__ */ import_react205.default.createElement(
+                TransactionsToReview,
+                {
+                  key: "transactions-to-review",
+                  usePnlDateRange: true,
+                  onClick: onTransactionsToReviewClick,
+                  variants: profitAndLossSummariesVariants
+                }
+              )
+            ] : void 0
+          },
+          variants: profitAndLossSummariesVariants
         }
-      )),
-      /* @__PURE__ */ import_react200.default.createElement(
+      ),
+      /* @__PURE__ */ import_react205.default.createElement(
         Container,
         {
           name: "accounting-overview-profit-and-loss",
           asWidget: true,
           elevated: true
         },
-        /* @__PURE__ */ import_react200.default.createElement(
+        /* @__PURE__ */ import_react205.default.createElement(
           ProfitAndLoss.Header,
           {
             text: (stringOverrides == null ? void 0 : stringOverrides.header) || "Profit & Loss"
           }
         ),
-        /* @__PURE__ */ import_react200.default.createElement(
+        /* @__PURE__ */ import_react205.default.createElement(
           ProfitAndLoss.Chart,
           {
             tagFilter: tagFilter ? { key: tagFilter.tagKey, values: tagFilter.tagValues } : void 0
           }
         )
       ),
-      middleBanner && /* @__PURE__ */ import_react200.default.createElement(Container, { name: "accounting-overview-middle-banner" }, middleBanner),
-      /* @__PURE__ */ import_react200.default.createElement("div", { className: "Layer__accounting-overview-profit-and-loss-charts" }, /* @__PURE__ */ import_react200.default.createElement(
+      middleBanner && /* @__PURE__ */ import_react205.default.createElement(Container, { name: "accounting-overview-middle-banner" }, middleBanner),
+      /* @__PURE__ */ import_react205.default.createElement("div", { className: "Layer__accounting-overview-profit-and-loss-charts" }, /* @__PURE__ */ import_react205.default.createElement(
         Toggle,
         {
           name: "pnl-detailed-charts",
@@ -18170,37 +18293,37 @@ var AccountingOverview = ({
           selected: pnlToggle,
           onChange: (e) => setPnlToggle(e.target.value)
         }
-      ), /* @__PURE__ */ import_react200.default.createElement(
+      ), /* @__PURE__ */ import_react205.default.createElement(
         Container,
         {
-          name: (0, import_classnames73.default)(
+          name: (0, import_classnames71.default)(
             "accounting-overview-profit-and-loss-chart",
             pnlToggle !== "revenue" && "accounting-overview-profit-and-loss-chart--hidden"
           )
         },
-        /* @__PURE__ */ import_react200.default.createElement(
+        /* @__PURE__ */ import_react205.default.createElement(
           ProfitAndLoss.DetailedCharts,
           {
             scope: "revenue",
             hideClose: true,
-            stringOverrides: (_b = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _b.detailedCharts,
+            stringOverrides: (_d = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _d.detailedCharts,
             chartColorsList
           }
         )
-      ), /* @__PURE__ */ import_react200.default.createElement(
+      ), /* @__PURE__ */ import_react205.default.createElement(
         Container,
         {
-          name: (0, import_classnames73.default)(
+          name: (0, import_classnames71.default)(
             "accounting-overview-profit-and-loss-chart",
             pnlToggle !== "expenses" && "accounting-overview-profit-and-loss-chart--hidden"
           )
         },
-        /* @__PURE__ */ import_react200.default.createElement(
+        /* @__PURE__ */ import_react205.default.createElement(
           ProfitAndLoss.DetailedCharts,
           {
             scope: "expenses",
             hideClose: true,
-            stringOverrides: (_c = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _c.detailedCharts,
+            stringOverrides: (_e = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _e.detailedCharts,
             chartColorsList
           }
         )
@@ -18210,7 +18333,7 @@ var AccountingOverview = ({
 };
 
 // src/views/BankTransactionsWithLinkedAccounts/BankTransactionsWithLinkedAccounts.tsx
-var import_react201 = __toESM(require("react"));
+var import_react206 = __toESM(require("react"));
 var BankTransactionsWithLinkedAccounts = ({
   title,
   // deprecated
@@ -18226,13 +18349,13 @@ var BankTransactionsWithLinkedAccounts = ({
   mobileComponent,
   stringOverrides
 }) => {
-  return /* @__PURE__ */ import_react201.default.createElement(
+  return /* @__PURE__ */ import_react206.default.createElement(
     View,
     {
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || "Bank transactions",
       showHeader: showTitle
     },
-    /* @__PURE__ */ import_react201.default.createElement(
+    /* @__PURE__ */ import_react206.default.createElement(
       LinkedAccounts,
       {
         elevated: elevatedLinkedAccounts,
@@ -18242,7 +18365,7 @@ var BankTransactionsWithLinkedAccounts = ({
         stringOverrides: stringOverrides == null ? void 0 : stringOverrides.linkedAccounts
       }
     ),
-    /* @__PURE__ */ import_react201.default.createElement(
+    /* @__PURE__ */ import_react206.default.createElement(
       BankTransactions,
       {
         asWidget: true,
@@ -18258,7 +18381,7 @@ var BankTransactionsWithLinkedAccounts = ({
 };
 
 // src/views/GeneralLedger/GeneralLedger.tsx
-var import_react202 = __toESM(require("react"));
+var import_react207 = __toESM(require("react"));
 var GeneralLedgerView = ({
   title,
   // deprecated
@@ -18266,14 +18389,14 @@ var GeneralLedgerView = ({
   stringOverrides,
   chartOfAccountsOptions
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react202.useState)("chartOfAccounts");
-  return /* @__PURE__ */ import_react202.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react202.default.createElement(
+  const [activeTab, setActiveTab] = (0, import_react207.useState)("chartOfAccounts");
+  return /* @__PURE__ */ import_react207.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react207.default.createElement(
     View,
     {
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || "General Ledger",
       showHeader: showTitle
     },
-    /* @__PURE__ */ import_react202.default.createElement(
+    /* @__PURE__ */ import_react207.default.createElement(
       Toggle,
       {
         name: "general-ledger-tabs",
@@ -18291,7 +18414,7 @@ var GeneralLedgerView = ({
         onChange: (opt) => setActiveTab(opt.target.value)
       }
     ),
-    activeTab === "chartOfAccounts" ? /* @__PURE__ */ import_react202.default.createElement(
+    activeTab === "chartOfAccounts" ? /* @__PURE__ */ import_react207.default.createElement(
       ChartOfAccounts,
       {
         asWidget: true,
@@ -18300,12 +18423,12 @@ var GeneralLedgerView = ({
         templateAccountsEditable: chartOfAccountsOptions == null ? void 0 : chartOfAccountsOptions.templateAccountsEditable,
         showReversalEntries: chartOfAccountsOptions == null ? void 0 : chartOfAccountsOptions.showReversalEntries
       }
-    ) : /* @__PURE__ */ import_react202.default.createElement(Journal, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.journal })
+    ) : /* @__PURE__ */ import_react207.default.createElement(Journal, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.journal })
   ));
 };
 
 // src/views/ProjectProfitability/ProjectProfitability.tsx
-var import_react203 = __toESM(require("react"));
+var import_react208 = __toESM(require("react"));
 var import_react_select5 = __toESM(require("react-select"));
 var ProjectProfitabilityView = ({
   valueOptions,
@@ -18314,9 +18437,9 @@ var ProjectProfitabilityView = ({
   datePickerMode = "monthPicker",
   csvMoneyFormat = "DOLLAR_STRING"
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react203.useState)("overview");
-  const [tagFilter, setTagFilter] = (0, import_react203.useState)(null);
-  const [pnlTagFilter, setPnlTagFilter] = (0, import_react203.useState)(
+  const [activeTab, setActiveTab] = (0, import_react208.useState)("overview");
+  const [tagFilter, setTagFilter] = (0, import_react208.useState)(null);
+  const [pnlTagFilter, setPnlTagFilter] = (0, import_react208.useState)(
     void 0
   );
   const isOptionSelected = (option, selectValue) => {
@@ -18330,14 +18453,14 @@ var ProjectProfitabilityView = ({
       values: tagFilter2.tagValues
     } : void 0;
   };
-  return /* @__PURE__ */ import_react203.default.createElement(
+  return /* @__PURE__ */ import_react208.default.createElement(
     View,
     {
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || "",
       showHeader: showTitle,
       viewClassName: "Layer__project-view"
     },
-    /* @__PURE__ */ import_react203.default.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ import_react203.default.createElement("div", { className: "Layer__component" }, /* @__PURE__ */ import_react203.default.createElement(
+    /* @__PURE__ */ import_react208.default.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ import_react208.default.createElement("div", { className: "Layer__component" }, /* @__PURE__ */ import_react208.default.createElement(
       Toggle,
       {
         name: "project-tabs",
@@ -18358,7 +18481,7 @@ var ProjectProfitabilityView = ({
         selected: activeTab,
         onChange: (opt) => setActiveTab(opt.target.value)
       }
-    )), /* @__PURE__ */ import_react203.default.createElement(
+    )), /* @__PURE__ */ import_react208.default.createElement(
       import_react_select5.default,
       {
         className: "Layer__category-menu Layer__select",
@@ -18376,7 +18499,7 @@ var ProjectProfitabilityView = ({
         }
       }
     )),
-    /* @__PURE__ */ import_react203.default.createElement(Container, { name: "project" }, /* @__PURE__ */ import_react203.default.createElement(import_react203.default.Fragment, null, activeTab === "overview" && /* @__PURE__ */ import_react203.default.createElement(
+    /* @__PURE__ */ import_react208.default.createElement(Container, { name: "project" }, /* @__PURE__ */ import_react208.default.createElement(import_react208.default.Fragment, null, activeTab === "overview" && /* @__PURE__ */ import_react208.default.createElement(
       AccountingOverview,
       {
         stringOverrides: { header: "Project Overview" },
@@ -18386,7 +18509,7 @@ var ProjectProfitabilityView = ({
         showTransactionsToReview: false,
         showTitle: false
       }
-    ), activeTab === "transactions" && /* @__PURE__ */ import_react203.default.createElement(
+    ), activeTab === "transactions" && /* @__PURE__ */ import_react208.default.createElement(
       BankTransactions,
       {
         hideHeader: true,
@@ -18395,7 +18518,7 @@ var ProjectProfitabilityView = ({
           tagFilter: tagFilter != null ? tagFilter : void 0
         }
       }
-    ), activeTab === "report" && /* @__PURE__ */ import_react203.default.createElement(ProfitAndLoss, { asContainer: false, tagFilter: pnlTagFilter }, /* @__PURE__ */ import_react203.default.createElement(
+    ), activeTab === "report" && /* @__PURE__ */ import_react208.default.createElement(ProfitAndLoss, { asContainer: false, tagFilter: pnlTagFilter }, /* @__PURE__ */ import_react208.default.createElement(
       ProfitAndLoss.Report,
       {
         stringOverrides,
@@ -18407,7 +18530,7 @@ var ProjectProfitabilityView = ({
 };
 
 // src/views/Reports/Reports.tsx
-var import_react204 = __toESM(require("react"));
+var import_react209 = __toESM(require("react"));
 var getOptions = (enabledReports) => {
   return [
     enabledReports.includes("profitAndLoss") ? {
@@ -18434,20 +18557,20 @@ var Reports = ({
   statementOfCashFlowConfig
 }) => {
   var _a;
-  const [activeTab, setActiveTab] = (0, import_react204.useState)(enabledReports[0]);
-  const [view, setView] = (0, import_react204.useState)("desktop");
+  const [activeTab, setActiveTab] = (0, import_react209.useState)(enabledReports[0]);
+  const [view, setView] = (0, import_react209.useState)("desktop");
   const containerRef = useElementViewSize(
     (newView) => setView(newView)
   );
   const options = getOptions(enabledReports);
   const defaultTitle = enabledReports.length > 1 ? "Reports" : (_a = options.find((option) => option.value = enabledReports[0])) == null ? void 0 : _a.label;
-  return /* @__PURE__ */ import_react204.default.createElement(
+  return /* @__PURE__ */ import_react209.default.createElement(
     View,
     {
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || defaultTitle,
       showHeader: showTitle
     },
-    enabledReports.length > 1 && /* @__PURE__ */ import_react204.default.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ import_react204.default.createElement(
+    enabledReports.length > 1 && /* @__PURE__ */ import_react209.default.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ import_react209.default.createElement(
       Toggle,
       {
         name: "reports-tabs",
@@ -18456,7 +18579,7 @@ var Reports = ({
         onChange: (opt) => setActiveTab(opt.target.value)
       }
     )),
-    /* @__PURE__ */ import_react204.default.createElement(Container, { name: "reports", ref: containerRef }, /* @__PURE__ */ import_react204.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react204.default.createElement(
+    /* @__PURE__ */ import_react209.default.createElement(Container, { name: "reports", ref: containerRef }, /* @__PURE__ */ import_react209.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react209.default.createElement(
       ReportsPanel,
       {
         containerRef,
@@ -18479,7 +18602,7 @@ var ReportsPanel = ({
   statementOfCashFlowConfig,
   view
 }) => {
-  return /* @__PURE__ */ import_react204.default.createElement(import_react204.default.Fragment, null, openReport === "profitAndLoss" && /* @__PURE__ */ import_react204.default.createElement(
+  return /* @__PURE__ */ import_react209.default.createElement(import_react209.default.Fragment, null, openReport === "profitAndLoss" && /* @__PURE__ */ import_react209.default.createElement(
     ProfitAndLoss.Report,
     __spreadValues({
       stringOverrides,
@@ -18487,7 +18610,7 @@ var ReportsPanel = ({
       parentRef: containerRef,
       view
     }, profitAndLossConfig)
-  ), openReport === "balanceSheet" && /* @__PURE__ */ import_react204.default.createElement(BalanceSheet, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.balanceSheet }), openReport === "statementOfCashFlow" && /* @__PURE__ */ import_react204.default.createElement(
+  ), openReport === "balanceSheet" && /* @__PURE__ */ import_react209.default.createElement(BalanceSheet, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.balanceSheet }), openReport === "statementOfCashFlow" && /* @__PURE__ */ import_react209.default.createElement(
     StatementOfCashFlow,
     __spreadValues({
       stringOverrides: stringOverrides == null ? void 0 : stringOverrides.statementOfCashflow
@@ -18496,11 +18619,11 @@ var ReportsPanel = ({
 };
 
 // src/components/ProfitAndLossView/ProfitAndLossView.tsx
-var import_react205 = __toESM(require("react"));
+var import_react210 = __toESM(require("react"));
 var COMPONENT_NAME7 = "profit-and-loss";
 var ProfitAndLossView = (props) => {
-  const containerRef = (0, import_react205.useRef)(null);
-  return /* @__PURE__ */ import_react205.default.createElement(Container, { name: COMPONENT_NAME7, ref: containerRef }, /* @__PURE__ */ import_react205.default.createElement(ProfitAndLoss, null, /* @__PURE__ */ import_react205.default.createElement(ProfitAndLossPanel, __spreadValues({ containerRef }, props))));
+  const containerRef = (0, import_react210.useRef)(null);
+  return /* @__PURE__ */ import_react210.default.createElement(Container, { name: COMPONENT_NAME7, ref: containerRef }, /* @__PURE__ */ import_react210.default.createElement(ProfitAndLoss, null, /* @__PURE__ */ import_react210.default.createElement(ProfitAndLossPanel, __spreadValues({ containerRef }, props))));
 };
 var ProfitAndLossPanel = (_a) => {
   var _b = _a, {
@@ -18510,11 +18633,11 @@ var ProfitAndLossPanel = (_a) => {
     "containerRef",
     "stringOverrides"
   ]);
-  const { sidebarScope } = (0, import_react205.useContext)(ProfitAndLoss.Context);
-  return /* @__PURE__ */ import_react205.default.createElement(
+  const { sidebarScope } = (0, import_react210.useContext)(ProfitAndLoss.Context);
+  return /* @__PURE__ */ import_react210.default.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ import_react205.default.createElement(
+      sidebar: /* @__PURE__ */ import_react210.default.createElement(
         ProfitAndLossDetailedCharts,
         {
           stringOverrides: stringOverrides == null ? void 0 : stringOverrides.profitAndLossDetailedCharts
@@ -18523,7 +18646,7 @@ var ProfitAndLossPanel = (_a) => {
       sidebarIsOpen: Boolean(sidebarScope),
       parentRef: containerRef
     },
-    /* @__PURE__ */ import_react205.default.createElement(
+    /* @__PURE__ */ import_react210.default.createElement(
       ProfitAndLoss.Header,
       {
         text: (stringOverrides == null ? void 0 : stringOverrides.header) || "Profit & Loss",
@@ -18531,7 +18654,7 @@ var ProfitAndLossPanel = (_a) => {
         headingClassName: "Layer__profit-and-loss__title"
       }
     ),
-    /* @__PURE__ */ import_react205.default.createElement(Components, __spreadValues({ stringOverrides }, props))
+    /* @__PURE__ */ import_react210.default.createElement(Components, __spreadValues({ stringOverrides }, props))
   );
 };
 var Components = ({
@@ -18539,11 +18662,11 @@ var Components = ({
   hideTable = false,
   stringOverrides
 }) => {
-  const { error, isLoading, isValidating, refetch } = (0, import_react205.useContext)(
+  const { error, isLoading, isValidating, refetch } = (0, import_react210.useContext)(
     ProfitAndLoss.Context
   );
   if (!isLoading && error) {
-    return /* @__PURE__ */ import_react205.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react205.default.createElement(
+    return /* @__PURE__ */ import_react210.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react210.default.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -18554,27 +18677,26 @@ var Components = ({
       }
     ));
   }
-  return /* @__PURE__ */ import_react205.default.createElement(import_react205.default.Fragment, null, !hideChart && /* @__PURE__ */ import_react205.default.createElement("div", { className: `Layer__${COMPONENT_NAME7}__chart_with_summaries` }, /* @__PURE__ */ import_react205.default.createElement(
+  return /* @__PURE__ */ import_react210.default.createElement(import_react210.default.Fragment, null, !hideChart && /* @__PURE__ */ import_react210.default.createElement("div", { className: `Layer__${COMPONENT_NAME7}__chart_with_summaries` }, /* @__PURE__ */ import_react210.default.createElement(
     "div",
     {
       className: `Layer__${COMPONENT_NAME7}__chart_with_summaries__summary-col`
     },
-    /* @__PURE__ */ import_react205.default.createElement(ProfitAndLoss.DatePicker, null),
-    /* @__PURE__ */ import_react205.default.createElement(
+    /* @__PURE__ */ import_react210.default.createElement(ProfitAndLoss.DatePicker, null),
+    /* @__PURE__ */ import_react210.default.createElement(
       ProfitAndLoss.Summaries,
       {
-        vertical: true,
         actionable: true,
         stringOverrides: stringOverrides == null ? void 0 : stringOverrides.profitAndLossSummaries
       }
     )
-  ), /* @__PURE__ */ import_react205.default.createElement(
+  ), /* @__PURE__ */ import_react210.default.createElement(
     "div",
     {
       className: `Layer__${COMPONENT_NAME7}__chart_with_summaries__chart-col`
     },
-    /* @__PURE__ */ import_react205.default.createElement(ProfitAndLoss.Chart, null)
-  )), !hideTable && /* @__PURE__ */ import_react205.default.createElement(
+    /* @__PURE__ */ import_react210.default.createElement(ProfitAndLoss.Chart, null)
+  )), !hideTable && /* @__PURE__ */ import_react210.default.createElement(
     ProfitAndLoss.Table,
     {
       stringOverrides: stringOverrides == null ? void 0 : stringOverrides.profitAndLossTable