@layerfi/components 0.1.99 → 0.1.100

package/dist/esm/index.mjs

@@ -5570,7 +5570,7 @@ import { useState as useState8 } from "react";
 import { useReducer, useEffect as useEffect4 } from "react";
 
 // package.json
-var version = "0.1.99";
+var version = "0.1.100";
 
 // src/models/APIError.ts
 var APIError = class _APIError extends Error {
@@ -5977,9 +5977,6 @@ var profitAndLossComparisonCsv = post(
 
 // src/api/layer/quickbooks.ts
 var syncFromQuickbooks = post(({ businessId }) => `/v1/businesses/${businessId}/quickbooks/sync-from`);
-var statusOfSyncFromQuickbooks = get(
-  ({ businessId }) => `/v1/businesses/${businessId}/quickbooks/sync-from/status`
-);
 var initQuickbooksOAuth = post(({ businessId }) => `/v1/businesses/${businessId}/quickbooks/authorize`);
 var unlinkQuickbooksConnection = post(({ businessId }) => `/v1/businesses/${businessId}/quickbooks/unlink`);
 var statusOfQuickbooksConnection = get(
@@ -6053,7 +6050,6 @@ var Layer = {
   updateOpeningBalance,
   getStatementOfCashFlow,
   syncFromQuickbooks,
-  statusOfSyncFromQuickbooks,
   statusOfQuickbooksConnection,
   initQuickbooksOAuth,
   unlinkQuickbooksConnection,
@@ -14687,17 +14683,22 @@ function LegacyModeProvider({
 }
 
 // src/hooks/bookkeeping/useBookkeepingStatus.ts
-var BOOKKEEPING_STATUSES = [
-  "NOT_PURCHASED",
-  "ACTIVE",
-  "ONBOARDING",
-  "BOOKKEEPING_PAUSED"
-];
+var BookkeepingStatus = /* @__PURE__ */ ((BookkeepingStatus3) => {
+  BookkeepingStatus3["NOT_PURCHASED"] = "NOT_PURCHASED";
+  BookkeepingStatus3["ACTIVE"] = "ACTIVE";
+  BookkeepingStatus3["ONBOARDING"] = "ONBOARDING";
+  BookkeepingStatus3["BOOKKEEPING_PAUSED"] = "BOOKKEEPING_PAUSED";
+  return BookkeepingStatus3;
+})(BookkeepingStatus || {});
+var BOOKKEEPING_STATUSES = Object.values(BookkeepingStatus);
+function isBookkeepingStatus(status) {
+  return BOOKKEEPING_STATUSES.includes(status);
+}
 function constrainToKnownBookkeepingStatus(status) {
-  if (BOOKKEEPING_STATUSES.includes(status)) {
+  if (isBookkeepingStatus(status)) {
     return status;
   }
-  return "NOT_PURCHASED";
+  return "NOT_PURCHASED" /* NOT_PURCHASED */;
 }
 var getBookkeepingStatus = get(({ businessId }) => {
   return `/v1/businesses/${businessId}/bookkeeping/status`;
@@ -14739,26 +14740,29 @@ function useEffectiveBookkeepingStatus() {
   const { overrideMode } = useLegacyMode();
   const { data } = useBookkeepingStatus();
   if (overrideMode === "bookkeeping-client") {
-    return "ACTIVE";
+    return "ACTIVE" /* ACTIVE */;
   }
-  return (_a = data == null ? void 0 : data.status) != null ? _a : "NOT_PURCHASED";
+  return (_a = data == null ? void 0 : data.status) != null ? _a : "NOT_PURCHASED" /* NOT_PURCHASED */;
 }
 
 // src/utils/bookkeeping/isCategorizationEnabled.ts
 function isCategorizationEnabledForStatus(status) {
   switch (status) {
-    case "NOT_PURCHASED":
-    case "ONBOARDING":
-    case "BOOKKEEPING_PAUSED":
+    case "NOT_PURCHASED" /* NOT_PURCHASED */:
+    case "ONBOARDING" /* ONBOARDING */:
+    case "BOOKKEEPING_PAUSED" /* BOOKKEEPING_PAUSED */: {
       return true;
-    case "ACTIVE":
+    }
+    case "ACTIVE" /* ACTIVE */: {
       return false;
-    default:
+    }
+    default: {
       return safeAssertUnreachable({
         value: status,
         message: "Unexpected bookkeeping status in `isCategorizationEnabledForStatus`",
         fallbackValue: true
       });
+    }
   }
 }
 
@@ -15922,6 +15926,116 @@ var SplitTooltipDetails = ({
 import classNames41 from "classnames";
 import { parseISO as parseISO9, format as formatTime6 } from "date-fns";
 
+// src/hooks/bookkeeping/periods/useBookkeepingPeriods.ts
+import useSWR8 from "swr";
+
+// src/utils/bookkeeping/bookkeepingStatusFilters.ts
+function isActiveBookkeepingStatus(status) {
+  return status === "ACTIVE" /* ACTIVE */ || status === "ONBOARDING" /* ONBOARDING */;
+}
+function isActiveOrPausedBookkeepingStatus(status) {
+  return isActiveBookkeepingStatus(status) || status === "BOOKKEEPING_PAUSED" /* BOOKKEEPING_PAUSED */;
+}
+
+// src/utils/bookkeeping/tasks/bookkeepingTasksFilters.ts
+function isIncompleteTask(task) {
+  const { status } = task;
+  return status === "TODO";
+}
+function getIncompleteTasks(tasks) {
+  return tasks.filter((task) => isIncompleteTask(task));
+}
+function isUserVisibleTask(task) {
+  const { status } = task;
+  return status !== "COMPLETED" && status !== "ARCHIVED";
+}
+function getUserVisibleTasks(tasks) {
+  return tasks.filter((task) => isUserVisibleTask(task));
+}
+function isCompletedTask(task) {
+  const { status } = task;
+  return status === "USER_MARKED_COMPLETED" || status === "COMPLETED" || status === "ARCHIVED";
+}
+function getCompletedTasks(tasks) {
+  return tasks.filter((task) => isCompletedTask(task));
+}
+
+// src/utils/bookkeeping/periods/getFilteredBookkeepingPeriods.ts
+function isActiveBookkeepingPeriod(period) {
+  return period.status !== "BOOKKEEPING_NOT_ACTIVE" /* BOOKKEEPING_NOT_ACTIVE */;
+}
+
+// src/hooks/bookkeeping/periods/useBookkeepingPeriods.ts
+var BookkeepingPeriodStatus = /* @__PURE__ */ ((BookkeepingPeriodStatus2) => {
+  BookkeepingPeriodStatus2["BOOKKEEPING_NOT_ACTIVE"] = "BOOKKEEPING_NOT_ACTIVE";
+  BookkeepingPeriodStatus2["NOT_STARTED"] = "NOT_STARTED";
+  BookkeepingPeriodStatus2["IN_PROGRESS_AWAITING_BOOKKEEPER"] = "IN_PROGRESS_AWAITING_BOOKKEEPER";
+  BookkeepingPeriodStatus2["IN_PROGRESS_AWAITING_CUSTOMER"] = "IN_PROGRESS_AWAITING_CUSTOMER";
+  BookkeepingPeriodStatus2["CLOSING_IN_REVIEW"] = "CLOSING_IN_REVIEW";
+  BookkeepingPeriodStatus2["CLOSED_OPEN_TASKS"] = "CLOSED_OPEN_TASKS";
+  BookkeepingPeriodStatus2["CLOSED_COMPLETE"] = "CLOSED_COMPLETE";
+  return BookkeepingPeriodStatus2;
+})(BookkeepingPeriodStatus || {});
+var BOOKKEEPING_PERIOD_STATUSES = Object.values(BookkeepingPeriodStatus);
+function isBookkeepingPeriodStatus(status) {
+  return BOOKKEEPING_PERIOD_STATUSES.includes(status);
+}
+function constrainToKnownBookkeepingPeriodStatus(status) {
+  if (isBookkeepingPeriodStatus(status)) {
+    return status;
+  }
+  return "BOOKKEEPING_NOT_ACTIVE" /* BOOKKEEPING_NOT_ACTIVE */;
+}
+var getBookkeepingPeriods = get(({ businessId }) => {
+  return `/v1/businesses/${businessId}/bookkeeping/periods`;
+});
+var BOOKKEEPING_PERIODS_TAG_KEY = "#bookkeeping-periods";
+function buildKey12({
+  access_token: accessToken,
+  apiUrl,
+  businessId,
+  isActiveOrPaused
+}) {
+  if (accessToken && apiUrl && isActiveOrPaused) {
+    return {
+      accessToken,
+      apiUrl,
+      businessId,
+      tags: [BOOKKEEPING_TAG_KEY, BOOKKEEPING_PERIODS_TAG_KEY]
+    };
+  }
+}
+function useBookkeepingPeriods() {
+  const { data: auth } = useAuth();
+  const { businessId } = useLayerContext();
+  const { data, isLoading: isLoadingBookkeepingStatus } = useBookkeepingStatus();
+  const isActiveOrPaused = data ? isActiveOrPausedBookkeepingStatus(data.status) : false;
+  const swrResponse = useSWR8(
+    () => buildKey12(__spreadProps(__spreadValues({}, auth), {
+      businessId,
+      isActiveOrPaused
+    })),
+    ({ accessToken, apiUrl, businessId: businessId2 }) => getBookkeepingPeriods(
+      apiUrl,
+      accessToken,
+      { params: { businessId: businessId2 } }
+    )().then(
+      ({ data: { periods } }) => periods.map((period) => __spreadProps(__spreadValues({}, period), {
+        status: constrainToKnownBookkeepingPeriodStatus(period.status),
+        tasks: getUserVisibleTasks(period.tasks)
+      })).filter((period) => isActiveBookkeepingPeriod(period))
+    )
+  );
+  return new Proxy(swrResponse, {
+    get(target, prop) {
+      if (prop === "isLoading") {
+        return isLoadingBookkeepingStatus || swrResponse.isLoading;
+      }
+      return Reflect.get(target, prop);
+    }
+  });
+}
+
 // src/utils/date.ts
 var monthNames = [
   "January",
@@ -15986,9 +16100,9 @@ function getBookkeepingStatusConfig({
   const monthName = monthNumber !== void 0 ? getMonthNameFromNumber(monthNumber) : "";
   const actionPhrase = incompleteTasksCount !== void 0 && incompleteTasksCount > 0 ? `Please complete the ${pluralize("open task", incompleteTasksCount, true)}.` : "No action is needed from you right now.";
   switch (status) {
-    case "IN_PROGRESS_AWAITING_BOOKKEEPER":
-    case "NOT_STARTED":
-    case "CLOSING_IN_REVIEW": {
+    case "IN_PROGRESS_AWAITING_BOOKKEEPER" /* IN_PROGRESS_AWAITING_BOOKKEEPER */:
+    case "NOT_STARTED" /* NOT_STARTED */:
+    case "CLOSING_IN_REVIEW" /* CLOSING_IN_REVIEW */: {
       return {
         label: "Books in progress",
         description: `We're working on your ${monthName} books. ${actionPhrase}`,
@@ -15996,8 +16110,8 @@ function getBookkeepingStatusConfig({
         icon: /* @__PURE__ */ jsx121(Clock_default, { size: 12 })
       };
     }
-    case "IN_PROGRESS_AWAITING_CUSTOMER":
-    case "CLOSED_OPEN_TASKS": {
+    case "IN_PROGRESS_AWAITING_CUSTOMER" /* IN_PROGRESS_AWAITING_CUSTOMER */:
+    case "CLOSED_OPEN_TASKS" /* CLOSED_OPEN_TASKS */: {
       return {
         label: "Action required",
         description: `Please respond to the below tasks to help us complete your ${monthName} books.`,
@@ -16005,7 +16119,7 @@ function getBookkeepingStatusConfig({
         icon: /* @__PURE__ */ jsx121(AlertCircle_default, { size: 12 })
       };
     }
-    case "CLOSED_COMPLETE": {
+    case "CLOSED_COMPLETE" /* CLOSED_COMPLETE */: {
       return {
         label: "Books completed",
         description: `Your ${monthName} books are complete and ready to view!`,
@@ -16013,7 +16127,7 @@ function getBookkeepingStatusConfig({
         icon: /* @__PURE__ */ jsx121(CheckCircle_default, { size: 12 })
       };
     }
-    case "BOOKKEEPING_NOT_ACTIVE": {
+    case "BOOKKEEPING_NOT_ACTIVE" /* BOOKKEEPING_NOT_ACTIVE */: {
       return;
     }
     default: {
@@ -16028,7 +16142,7 @@ function getBookkeepingStatusConfig({
 
 // src/components/BookkeepingStatus/BookkeepingStatus.tsx
 import { jsx as jsx122, jsxs as jsxs76 } from "react/jsx-runtime";
-var BookkeepingStatus = ({ status, text, monthNumber, iconOnly }) => {
+var BookkeepingStatus2 = ({ status, text, monthNumber, iconOnly }) => {
   if (!status) {
     return;
   }
@@ -16053,7 +16167,7 @@ var BookkeepingStatus = ({ status, text, monthNumber, iconOnly }) => {
 // src/components/BankTransactionList/BankTransactionProcessingInfo.tsx
 import { jsx as jsx123, jsxs as jsxs77 } from "react/jsx-runtime";
 var BankTransactionProcessingInfo = () => /* @__PURE__ */ jsxs77(Tooltip, { offset: 12, children: [
-  /* @__PURE__ */ jsx123(TooltipTrigger, { children: /* @__PURE__ */ jsx123(BookkeepingStatus, { status: "IN_PROGRESS_AWAITING_BOOKKEEPER", text: "Processing" }) }),
+  /* @__PURE__ */ jsx123(TooltipTrigger, { children: /* @__PURE__ */ jsx123(BookkeepingStatus2, { status: "IN_PROGRESS_AWAITING_BOOKKEEPER" /* IN_PROGRESS_AWAITING_BOOKKEEPER */, text: "Processing" }) }),
   /* @__PURE__ */ jsx123(TooltipContent, { className: "Layer__tooltip", width: "md", children: "Our team will review and categorize this transaction. We'll reach out if we have any questions about it." })
 ] });
 
@@ -18158,7 +18272,7 @@ function TransactionsActions({ children }) {
 
 // src/hooks/useBankTransactions/useBankTransactionsDownload.ts
 import useSWRMutation6 from "swr/mutation";
-function buildKey12({
+function buildKey13({
   access_token: accessToken,
   apiUrl,
   businessId
@@ -18176,7 +18290,7 @@ function useBankTransactionsDownload() {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
   return useSWRMutation6(
-    () => buildKey12(__spreadProps(__spreadValues({}, data), {
+    () => buildKey13(__spreadProps(__spreadValues({}, data), {
       businessId
     })),
     ({
@@ -18563,7 +18677,7 @@ var BankTransactionsContent = ({
   }, [monthlyView, isVisible, isLoading, hasMore]);
   useEffect23(() => {
     if (JSON.stringify(inputFilters) !== JSON.stringify(filters)) {
-      if (effectiveBookkeepingStatus === "ACTIVE") {
+      if (effectiveBookkeepingStatus === "ACTIVE" /* ACTIVE */) {
         setFilters(__spreadProps(__spreadValues(__spreadValues({}, filters), inputFilters), {
           categorizationStatus: "all" /* all */
         }));
@@ -18734,13 +18848,13 @@ var BankTransactionsContent = ({
 };
 
 // src/components/Integrations/Integrations.tsx
-import { useContext as useContext25 } from "react";
+import { useContext as useContext26 } from "react";
 
 // src/components/Integrations/IntegrationsContent.tsx
-import { useContext as useContext23 } from "react";
+import { useContext as useContext24 } from "react";
 
 // src/components/Integrations/IntegrationsQuickbooksItemThumb/IntegrationsQuickbooksItemThumb.tsx
-import { useContext as useContext22, useMemo as useMemo20 } from "react";
+import { useCallback as useCallback10, useContext as useContext23, useMemo as useMemo20, useState as useState37 } from "react";
 
 // src/icons/QuickbooksIcon.tsx
 import { jsx as jsx153, jsxs as jsxs96 } from "react/jsx-runtime";
@@ -18829,214 +18943,326 @@ var Card = ({ children, className }) => {
 import { createContext as createContext13 } from "react";
 var QuickbooksContext = createContext13({
   linkQuickbooks: () => Promise.reject(new Error("QuickbooksContext used without Provider")),
-  unlinkQuickbooks: () => {
-    throw new Error("QuickbooksContext used without Provider");
-  },
+  unlinkQuickbooks: () => Promise.reject(new Error("QuickbooksContext used without Provider")),
   syncFromQuickbooks: () => {
     throw new Error("QuickbooksContext used without Provider");
   },
-  isSyncingFromQuickbooks: false,
-  quickbooksIsConnected: false,
-  quickbooksLastSyncedAt: void 0
+  quickbooksConnectionStatus: void 0
 });
 
 // src/components/Integrations/IntegrationsQuickbooksItemThumb/IntegrationsQuickbooksItemThumbFooter.tsx
 import { useContext as useContext21 } from "react";
 import { format, isValid } from "date-fns";
+
+// src/components/Integrations/IntegrationsQuickbooksItemThumb/utils.ts
+var getQuickbooksConnectionSyncUiState = (quickbooksConnectionStatus) => {
+  var _a;
+  const isSyncing = (_a = quickbooksConnectionStatus == null ? void 0 : quickbooksConnectionStatus.is_syncing) != null ? _a : false;
+  const lastSyncedAt = quickbooksConnectionStatus == null ? void 0 : quickbooksConnectionStatus.last_synced_at;
+  const syncFailed = (quickbooksConnectionStatus == null ? void 0 : quickbooksConnectionStatus.last_sync_status) === "SYNC_FAILURE" /* SYNC_FAILURE */;
+  if (isSyncing) {
+    return "Syncing" /* Syncing */;
+  }
+  if (lastSyncedAt) {
+    return syncFailed ? "SyncFailed" /* SyncFailed */ : "SyncSuccess" /* SyncSuccess */;
+  }
+  return "Connected" /* Connected */;
+};
+
+// src/components/Integrations/IntegrationsQuickbooksItemThumb/IntegrationsQuickbooksItemThumbFooter.tsx
 import { jsx as jsx157, jsxs as jsxs99 } from "react/jsx-runtime";
 var formatLastSyncedAt = (datetime) => {
   const parsed = new Date(datetime);
   if (!isValid(parsed)) return "";
   return `${format(parsed, "MMMM d, yyyy")} at ${format(parsed, "h:mm a")}`;
 };
-var IntegrationsQuickbooksItemThumbFooter = () => {
-  const {
-    isSyncingFromQuickbooks,
-    quickbooksLastSyncedAt
-  } = useContext21(QuickbooksContext);
-  if (isSyncingFromQuickbooks) {
-    return /* @__PURE__ */ jsxs99(HStack, { className: "loadingbar", children: [
-      /* @__PURE__ */ jsxs99(VStack, { children: [
-        /* @__PURE__ */ jsx157(Text, { size: "sm" /* sm */, children: "Syncing account data" }),
-        /* @__PURE__ */ jsx157(Text, { size: "sm" /* sm */, className: "syncing-data-description", children: "This may take up to 5 minutes" })
-      ] }),
-      /* @__PURE__ */ jsx157(Spacer, {}),
-      /* @__PURE__ */ jsx157(BadgeLoader, { variant: "info" })
-    ] });
-  }
-  if (quickbooksLastSyncedAt) {
-    return /* @__PURE__ */ jsxs99(HStack, { className: "loadingbar", children: [
-      /* @__PURE__ */ jsxs99(VStack, { children: [
-        /* @__PURE__ */ jsx157(Text, { size: "sm" /* sm */, children: "Last synced on" }),
-        /* @__PURE__ */ jsx157(Text, { size: "sm" /* sm */, className: "syncing-data-description", children: formatLastSyncedAt(quickbooksLastSyncedAt) })
-      ] }),
-      /* @__PURE__ */ jsx157(Spacer, {}),
-      /* @__PURE__ */ jsx157(BadgeLoader, { variant: "success" })
-    ] });
+var getFooterConfig = (quickbooksUiState, lastSyncedAt) => {
+  switch (quickbooksUiState) {
+    case "Syncing" /* Syncing */: {
+      return {
+        title: "Syncing account data",
+        description: "This may take up to 5 minutes",
+        badgeVariant: "info"
+      };
+    }
+    case "SyncFailed" /* SyncFailed */: {
+      return {
+        title: "Last sync failed at",
+        description: formatLastSyncedAt(lastSyncedAt),
+        badgeVariant: "error"
+      };
+    }
+    case "SyncSuccess" /* SyncSuccess */: {
+      return {
+        title: "Last synced on",
+        description: formatLastSyncedAt(lastSyncedAt),
+        badgeVariant: "success"
+      };
+    }
+    case "Connected" /* Connected */:
+    default: {
+      return {
+        title: "Connected to QuickBooks",
+        badgeVariant: "success"
+      };
+    }
   }
+};
+var IntegrationsQuickbooksItemThumbFooter = ({ quickbooksUiState }) => {
+  const { quickbooksConnectionStatus } = useContext21(QuickbooksContext);
+  if (!quickbooksConnectionStatus) return null;
+  const { title, description, badgeVariant } = getFooterConfig(quickbooksUiState, quickbooksConnectionStatus.last_synced_at);
   return /* @__PURE__ */ jsxs99(HStack, { className: "loadingbar", children: [
     /* @__PURE__ */ jsxs99(VStack, { children: [
-      /* @__PURE__ */ jsx157(Text, { size: "sm" /* sm */, children: "New account" }),
-      /* @__PURE__ */ jsx157(Text, { size: "sm" /* sm */, className: "syncing-data-description", children: "Please sync your account" })
+      /* @__PURE__ */ jsx157(Text, { size: "sm" /* sm */, children: title }),
+      description && /* @__PURE__ */ jsx157(Text, { size: "sm" /* sm */, className: "syncing-data-description", children: description })
     ] }),
     /* @__PURE__ */ jsx157(Spacer, {}),
-    /* @__PURE__ */ jsx157(BadgeLoader, { variant: "warning" })
+    /* @__PURE__ */ jsx157(BadgeLoader, { variant: badgeVariant })
   ] });
 };
 
 // src/components/Integrations/IntegrationsQuickbooksItemThumb/IntegrationsQuickbooksItemThumb.tsx
-import { jsx as jsx158, jsxs as jsxs100 } from "react/jsx-runtime";
+import { AlertCircle as AlertCircle2, CheckIcon } from "lucide-react";
+
+// src/components/Integrations/IntegrationsQuickbooksItemThumb/IntegrationsQuickbooksUnlinkConfirmationModal.tsx
+import { useCallback as useCallback9, useContext as useContext22, useState as useState36 } from "react";
+import { Fragment as Fragment20, jsx as jsx158, jsxs as jsxs100 } from "react/jsx-runtime";
+function IntegrationsQuickbooksUnlinkConfirmationModalContent({ onClose }) {
+  const { unlinkQuickbooks } = useContext22(QuickbooksContext);
+  const [isProcessing, setIsProcessing] = useState36(false);
+  const [hasFailed, setHasFailed] = useState36(false);
+  const unlinkErrorText = "Unlink failed. Check connection and retry in few seconds.";
+  const onClickUnlinkQuickbooks = useCallback9(() => {
+    setIsProcessing(true);
+    unlinkQuickbooks().then(() => {
+      onClose();
+    }).catch(() => {
+      setHasFailed(true);
+      setIsProcessing(false);
+    });
+  }, [unlinkQuickbooks, onClose]);
+  return /* @__PURE__ */ jsxs100(Fragment20, { children: [
+    /* @__PURE__ */ jsx158(ModalContextBar, { onClose }),
+    /* @__PURE__ */ jsx158(ModalHeading, { pbe: "2xs", children: "Unlink QuickBooks" }),
+    /* @__PURE__ */ jsx158(ModalContent, { children: /* @__PURE__ */ jsx158(P, { children: "Please confirm that you want to unlink QuickBooks." }) }),
+    /* @__PURE__ */ jsx158(ModalActions, { children: /* @__PURE__ */ jsxs100(HStack, { gap: "md", children: [
+      /* @__PURE__ */ jsx158(Spacer, {}),
+      /* @__PURE__ */ jsx158(Button, { variant: "secondary" /* secondary */, onClick: onClose, children: "Cancel" }),
+      !hasFailed ? /* @__PURE__ */ jsx158(
+        Button,
+        {
+          variant: "primary" /* primary */,
+          onClick: onClickUnlinkQuickbooks,
+          isProcessing,
+          disabled: isProcessing,
+          children: "Unlink QuickBooks"
+        }
+      ) : /* @__PURE__ */ jsx158(
+        RetryButton,
+        {
+          onClick: onClickUnlinkQuickbooks,
+          processing: isProcessing,
+          disabled: isProcessing,
+          error: unlinkErrorText,
+          children: "Retry Unlink QuickBooks"
+        }
+      )
+    ] }) })
+  ] });
+}
+function IntegrationsQuickbooksUnlinkConfirmationModal({ isOpen, onOpenChange }) {
+  return /* @__PURE__ */ jsx158(Modal, { flexBlock: true, isOpen, onOpenChange, children: ({ close: close2 }) => /* @__PURE__ */ jsx158(IntegrationsQuickbooksUnlinkConfirmationModalContent, { onClose: close2 }) });
+}
+
+// src/components/Integrations/IntegrationsQuickbooksItemThumb/IntegrationsQuickbooksItemThumb.tsx
+import { jsx as jsx159, jsxs as jsxs101 } from "react/jsx-runtime";
+var getBadgeConfig = (quickbooksUiState, hasSynced) => {
+  if (!hasSynced) {
+    return {
+      variant: "info" /* INFO */,
+      text: "Sync",
+      icon: /* @__PURE__ */ jsx159(RefreshCcw_default, { size: 12 })
+    };
+  }
+  switch (quickbooksUiState) {
+    case "SyncFailed" /* SyncFailed */: {
+      return {
+        variant: "error" /* ERROR */,
+        text: "Retry Sync",
+        icon: /* @__PURE__ */ jsx159(AlertCircle2, { size: 12 })
+      };
+    }
+    case "Connected" /* Connected */:
+    case "SyncSuccess" /* SyncSuccess */: {
+      return {
+        variant: "success" /* SUCCESS */,
+        text: "Synced",
+        icon: /* @__PURE__ */ jsx159(CheckIcon, { size: 12 })
+      };
+    }
+    default:
+    case "Syncing" /* Syncing */: {
+      return {
+        variant: "info" /* INFO */,
+        text: "Sync",
+        icon: /* @__PURE__ */ jsx159(RefreshCcw_default, { size: 12 })
+      };
+    }
+  }
+};
 var IntegrationsQuickbooksItemThumb = () => {
-  const {
-    isSyncingFromQuickbooks,
-    syncFromQuickbooks: syncFromQuickbooks2,
-    unlinkQuickbooks
-  } = useContext22(QuickbooksContext);
+  const { quickbooksConnectionStatus, syncFromQuickbooks: syncFromQuickbooks2 } = useContext23(QuickbooksContext);
+  const [hasSynced, setHasSynced] = useState37(false);
+  const [isConfirmationModalOpen, setIsConfirmationModalOpen] = useState37(false);
+  const onSync = useCallback10(() => {
+    setHasSynced(true);
+    syncFromQuickbooks2();
+  }, [syncFromQuickbooks2]);
   const menuConfig = useMemo20(() => {
     return [
       {
         name: "Unlink account",
         action: () => {
-          if (confirm("Please confirm you wish to disconnect from Quickbooks")) {
-            unlinkQuickbooks();
-          }
+          setIsConfirmationModalOpen(true);
         }
       }
     ];
-  }, [unlinkQuickbooks]);
-  return /* @__PURE__ */ jsx158(LinkedAccountOptions, { config: menuConfig, children: /* @__PURE__ */ jsxs100(Card, { className: "Layer__linked-account-thumb Layer__integrations-quickbooks-item-thumb", children: [
-    /* @__PURE__ */ jsxs100("div", { className: "topbar", children: [
-      /* @__PURE__ */ jsxs100(HStack, { gap: "xs", children: [
-        /* @__PURE__ */ jsx158(Text, { size: "md" /* md */, children: "Quickbooks" }),
-        isSyncingFromQuickbooks ? /* @__PURE__ */ jsx158(BadgeLoader, { variant: "info" /* INFO */ }) : /* @__PURE__ */ jsx158(
-          Badge,
-          {
-            "aria-role": "button",
-            icon: /* @__PURE__ */ jsx158(RefreshCcw_default, { size: 12 }),
-            variant: "info" /* INFO */,
-            onClick: syncFromQuickbooks2,
-            size: "small" /* SMALL */,
-            hoverable: true,
-            children: "Sync"
-          }
-        )
+  }, []);
+  if (!quickbooksConnectionStatus) return null;
+  const quickbooksUiState = getQuickbooksConnectionSyncUiState(quickbooksConnectionStatus);
+  const badgeConfig = getBadgeConfig(quickbooksUiState, hasSynced);
+  return /* @__PURE__ */ jsxs101(LinkedAccountOptions, { config: menuConfig, children: [
+    /* @__PURE__ */ jsxs101(Card, { className: "Layer__linked-account-thumb Layer__integrations-quickbooks-item-thumb", children: [
+      /* @__PURE__ */ jsxs101("div", { className: "topbar", children: [
+        /* @__PURE__ */ jsxs101(HStack, { gap: "xs", children: [
+          /* @__PURE__ */ jsx159(Text, { size: "md" /* md */, children: "QuickBooks" }),
+          quickbooksUiState === "Syncing" /* Syncing */ ? /* @__PURE__ */ jsx159(BadgeLoader, { variant: "info" /* INFO */ }) : /* @__PURE__ */ jsx159(
+            Badge,
+            {
+              "aria-role": "button",
+              icon: badgeConfig.icon,
+              variant: badgeConfig.variant,
+              onClick: onSync,
+              size: "small" /* SMALL */,
+              hoverable: true,
+              children: badgeConfig.text
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx159("div", { className: "topbar-logo", children: /* @__PURE__ */ jsx159(QuickbooksIcon_default, { size: 28 }) })
       ] }),
-      /* @__PURE__ */ jsx158("div", { className: "topbar-logo", children: /* @__PURE__ */ jsx158(QuickbooksIcon_default, { size: 28 }) })
+      /* @__PURE__ */ jsx159(IntegrationsQuickbooksItemThumbFooter, { quickbooksUiState })
     ] }),
-    /* @__PURE__ */ jsx158(IntegrationsQuickbooksItemThumbFooter, {})
-  ] }) });
+    /* @__PURE__ */ jsx159(IntegrationsQuickbooksUnlinkConfirmationModal, { isOpen: isConfirmationModalOpen, onOpenChange: setIsConfirmationModalOpen })
+  ] });
 };
 
 // src/components/Integrations/IntegrationsContent.tsx
-import { jsx as jsx159 } from "react/jsx-runtime";
+import { jsx as jsx160 } from "react/jsx-runtime";
 var IntegrationsContent = () => {
-  const { quickbooksIsConnected } = useContext23(QuickbooksContext);
-  return /* @__PURE__ */ jsx159("div", { className: "Layer__linked-accounts__list", children: quickbooksIsConnected && /* @__PURE__ */ jsx159(IntegrationsQuickbooksItemThumb, {}) });
+  const { quickbooksConnectionStatus } = useContext24(QuickbooksContext);
+  return /* @__PURE__ */ jsx160("div", { className: "Layer__linked-accounts__list", children: (quickbooksConnectionStatus == null ? void 0 : quickbooksConnectionStatus.is_connected) && /* @__PURE__ */ jsx160(IntegrationsQuickbooksItemThumb, {}) });
 };
 
 // src/hooks/useQuickbooks/useQuickbooks.ts
-import { useCallback as useCallback9, useEffect as useEffect24, useRef as useRef20, useState as useState36 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect24, useRef as useRef20, useState as useState38 } from "react";
+import { format as format2 } from "date-fns";
 var useQuickbooks = () => {
+  var _a;
   const { businessId } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [isSyncingFromQuickbooks, setIsSyncingFromQuickbooks] = useState36(false);
-  const [quickbooksConnectionStatus, setQuickbooksConnectionStatus] = useState36(void 0);
+  const [quickbooksConnectionStatus, setQuickbooksConnectionStatus] = useState38(void 0);
+  const isSyncingFromQuickbooks = (_a = quickbooksConnectionStatus == null ? void 0 : quickbooksConnectionStatus.is_syncing) != null ? _a : false;
   const syncStatusIntervalRef = useRef20(null);
-  const wasSyncingFromQuickbooksRef = useRef20(false);
-  const fetchQuickbooksConnectionStatus = useCallback9(() => __async(null, null, function* () {
+  const fetchQuickbooksConnectionStatus = useCallback11(() => __async(null, null, function* () {
     const newQuickbooksConnectionStatus = (yield Layer.statusOfQuickbooksConnection(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     })()).data;
     setQuickbooksConnectionStatus(newQuickbooksConnectionStatus);
   }), [apiUrl, auth == null ? void 0 : auth.access_token, businessId, setQuickbooksConnectionStatus]);
-  const fetchIsSyncingFromQuickbooks = useCallback9(() => __async(null, null, function* () {
-    const isSyncing = (yield Layer.statusOfSyncFromQuickbooks(apiUrl, auth == null ? void 0 : auth.access_token, {
-      params: { businessId }
-    })()).data.is_syncing;
-    const wasSyncing = wasSyncingFromQuickbooksRef.current;
-    wasSyncingFromQuickbooksRef.current = isSyncing;
-    setIsSyncingFromQuickbooks(isSyncing);
-    if (!isSyncing && wasSyncing) {
-      yield fetchQuickbooksConnectionStatus();
-    }
-  }), [apiUrl, auth == null ? void 0 : auth.access_token, businessId, setIsSyncingFromQuickbooks, fetchQuickbooksConnectionStatus]);
   useEffect24(() => {
     if (isSyncingFromQuickbooks && syncStatusIntervalRef.current === null) {
-      const interval = window.setInterval(() => void fetchIsSyncingFromQuickbooks(), 2e3);
+      const interval = window.setInterval(() => void fetchQuickbooksConnectionStatus(), 2e3);
       syncStatusIntervalRef.current = interval;
       return () => clearInterval(interval);
     } else if (!isSyncingFromQuickbooks && syncStatusIntervalRef.current) {
       clearInterval(syncStatusIntervalRef.current);
       syncStatusIntervalRef.current = null;
     }
-  }, [fetchIsSyncingFromQuickbooks, isSyncingFromQuickbooks]);
+  }, [fetchQuickbooksConnectionStatus, isSyncingFromQuickbooks]);
   useEffect24(() => {
     if (auth == null ? void 0 : auth.access_token) {
       void fetchQuickbooksConnectionStatus();
     }
   }, [auth == null ? void 0 : auth.access_token, fetchQuickbooksConnectionStatus]);
-  const syncFromQuickbooks2 = useCallback9(() => {
-    setIsSyncingFromQuickbooks(true);
-    wasSyncingFromQuickbooksRef.current = true;
+  const handleSyncError = useCallback11(() => {
+    setQuickbooksConnectionStatus({
+      is_connected: true,
+      is_syncing: false,
+      last_sync_status: "SYNC_FAILURE" /* SYNC_FAILURE */,
+      last_synced_at: format2(/* @__PURE__ */ new Date(), "yyyy-MM-dd'T'HH:mm:ss")
+    });
+  }, []);
+  const syncFromQuickbooks2 = useCallback11(() => {
+    const newQuickbooksConnectionStatus = quickbooksConnectionStatus ? __spreadProps(__spreadValues({}, quickbooksConnectionStatus), { is_syncing: true }) : void 0;
+    setQuickbooksConnectionStatus(newQuickbooksConnectionStatus);
     void Layer.syncFromQuickbooks(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
-    });
-  }, [apiUrl, auth == null ? void 0 : auth.access_token, businessId, setIsSyncingFromQuickbooks]);
-  const linkQuickbooks = useCallback9(() => __async(null, null, function* () {
-    const res = yield Layer.initQuickbooksOAuth(apiUrl, auth == null ? void 0 : auth.access_token, {
+    }).catch(handleSyncError);
+  }, [apiUrl, auth == null ? void 0 : auth.access_token, businessId, quickbooksConnectionStatus, handleSyncError]);
+  const linkQuickbooks = useCallback11(() => __async(null, null, function* () {
+    return Layer.initQuickbooksOAuth(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
-    });
-    return res.data.redirect_url;
+    }).then((res) => res.data.redirect_url);
   }), [apiUrl, auth == null ? void 0 : auth.access_token, businessId]);
-  const unlinkQuickbooks = useCallback9(() => {
-    void Layer.unlinkQuickbooksConnection(apiUrl, auth == null ? void 0 : auth.access_token, {
+  const unlinkQuickbooks = useCallback11(() => __async(null, null, function* () {
+    return Layer.unlinkQuickbooksConnection(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: { businessId }
     }).then(() => fetchQuickbooksConnectionStatus());
-  }, [apiUrl, auth == null ? void 0 : auth.access_token, businessId, fetchQuickbooksConnectionStatus]);
+  }), [apiUrl, auth == null ? void 0 : auth.access_token, businessId, fetchQuickbooksConnectionStatus]);
   return {
-    isSyncingFromQuickbooks,
     syncFromQuickbooks: syncFromQuickbooks2,
-    quickbooksIsConnected: quickbooksConnectionStatus == null ? void 0 : quickbooksConnectionStatus.is_connected,
-    quickbooksLastSyncedAt: quickbooksConnectionStatus == null ? void 0 : quickbooksConnectionStatus.last_synced_at,
     linkQuickbooks,
-    unlinkQuickbooks
+    unlinkQuickbooks,
+    quickbooksConnectionStatus
   };
 };
 
 // src/providers/QuickbooksContextProvider/QuickbooksContextProvider.tsx
-import { jsx as jsx160 } from "react/jsx-runtime";
+import { jsx as jsx161 } from "react/jsx-runtime";
 function QuickbooksContextProvider({ children }) {
   const quickbooksContextData = useQuickbooks();
-  return /* @__PURE__ */ jsx160(QuickbooksContext.Provider, { value: quickbooksContextData, children });
+  return /* @__PURE__ */ jsx161(QuickbooksContext.Provider, { value: quickbooksContextData, children });
 }
 
 // src/components/Integrations/IntegrationsConnectMenu/IntegrationsConnectMenu.tsx
-import { useCallback as useCallback10, useContext as useContext24 } from "react";
+import { useCallback as useCallback12, useContext as useContext25, useState as useState39 } from "react";
 
 // src/components/ui/DropdownMenu/DropdownMenu.tsx
 import { Menu as Menu3, MenuItem as AriaMenuItem, MenuTrigger as MenuTrigger2, Popover as Popover2, Separator as AriaSeparator, Header as Header2, Dialog as Dialog2 } from "react-aria-components";
-import { jsx as jsx161, jsxs as jsxs101 } from "react/jsx-runtime";
-var Heading3 = ({ children }) => /* @__PURE__ */ jsx161(Header2, { children: /* @__PURE__ */ jsx161(Text, { size: "sm" /* sm */, weight: "bold" /* bold */, className: "Layer__dropdown-menu__menu-item__heading", children }) });
-var MenuItem3 = ({ children, onClick, isDisabled }) => /* @__PURE__ */ jsx161(AriaMenuItem, { onAction: onClick, isDisabled, className: "Layer__dropdown-menu__menu-item", children });
-var MenuList = ({ children }) => /* @__PURE__ */ jsx161(Menu3, { className: "Layer__dropdown-menu__menu-list", children });
+import { jsx as jsx162, jsxs as jsxs102 } from "react/jsx-runtime";
+var Heading3 = ({ children }) => /* @__PURE__ */ jsx162(Header2, { children: /* @__PURE__ */ jsx162(Text, { size: "sm" /* sm */, weight: "bold" /* bold */, className: "Layer__dropdown-menu__menu-item__heading", children }) });
+var MenuItem3 = ({ children, onClick, isDisabled }) => /* @__PURE__ */ jsx162(AriaMenuItem, { onAction: onClick, isDisabled, className: "Layer__dropdown-menu__menu-item", children });
+var MenuList = ({ children }) => /* @__PURE__ */ jsx162(Menu3, { className: "Layer__dropdown-menu__menu-list", children });
 var DropdownMenu = ({ children, ariaLabel, slots, slotProps }) => {
   var _a;
   const { Trigger } = slots;
   const width = (_a = slotProps == null ? void 0 : slotProps.Dialog) == null ? void 0 : _a.width;
-  return /* @__PURE__ */ jsxs101(MenuTrigger2, { children: [
-    /* @__PURE__ */ jsx161(Trigger, { "aria-label": "Menu" }),
-    /* @__PURE__ */ jsx161(Popover2, { placement: "bottom right", className: "Layer__dropdown-menu__popover Layer__variables", children: /* @__PURE__ */ jsx161(Dialog2, { className: "Layer__dropdown-menu__menu", "aria-label": ariaLabel, style: { width }, children }) })
+  return /* @__PURE__ */ jsxs102(MenuTrigger2, { children: [
+    /* @__PURE__ */ jsx162(Trigger, { "aria-label": "Menu" }),
+    /* @__PURE__ */ jsx162(Popover2, { placement: "bottom right", className: "Layer__dropdown-menu__popover Layer__variables", children: /* @__PURE__ */ jsx162(Dialog2, { className: "Layer__dropdown-menu__menu", "aria-label": ariaLabel, style: { width }, children }) })
   ] });
 };
 
 // src/icons/Cog.tsx
 import { useId } from "react";
-import { jsx as jsx162, jsxs as jsxs102 } from "react/jsx-runtime";
+import { jsx as jsx163, jsxs as jsxs103 } from "react/jsx-runtime";
 var Cog = (_a) => {
   var _b = _a, { size = 12 } = _b, props = __objRest(_b, ["size"]);
   const id = useId();
-  return /* @__PURE__ */ jsxs102(
+  return /* @__PURE__ */ jsxs103(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -19046,11 +19272,11 @@ var Cog = (_a) => {
       height: size
     }, props), {
       children: [
-        /* @__PURE__ */ jsxs102("g", { clipPath: "url(#clip0_6610_12208)", children: [
-          /* @__PURE__ */ jsx162("path", { d: "M6 7.5C6.82843 7.5 7.5 6.82843 7.5 6C7.5 5.17157 6.82843 4.5 6 4.5C5.17157 4.5 4.5 5.17157 4.5 6C4.5 6.82843 5.17157 7.5 6 7.5Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
-          /* @__PURE__ */ jsx162("path", { d: "M9.7 7.5C9.63344 7.65081 9.61359 7.8181 9.643 7.98029C9.67241 8.14249 9.74973 8.29216 9.865 8.41L9.895 8.44C9.98798 8.53287 10.0617 8.64316 10.1121 8.76456C10.1624 8.88596 10.1883 9.01608 10.1883 9.1475C10.1883 9.27892 10.1624 9.40904 10.1121 9.53044C10.0617 9.65184 9.98798 9.76213 9.895 9.855C9.80213 9.94798 9.69184 10.0217 9.57044 10.0721C9.44904 10.1224 9.31892 10.1483 9.1875 10.1483C9.05608 10.1483 8.92596 10.1224 8.80456 10.0721C8.68316 10.0217 8.57287 9.94798 8.48 9.855L8.45 9.825C8.33216 9.70973 8.18249 9.63241 8.02029 9.603C7.8581 9.57359 7.69081 9.59344 7.54 9.66C7.39212 9.72338 7.26599 9.82862 7.17715 9.96277C7.08832 10.0969 7.04064 10.2541 7.04 10.415V10.5C7.04 10.7652 6.93464 11.0196 6.74711 11.2071C6.55957 11.3946 6.30522 11.5 6.04 11.5C5.77478 11.5 5.52043 11.3946 5.33289 11.2071C5.14536 11.0196 5.04 10.7652 5.04 10.5V10.455C5.03613 10.2895 4.98256 10.129 4.88626 9.99435C4.78995 9.8597 4.65537 9.75714 4.5 9.7C4.34919 9.63344 4.1819 9.61359 4.01971 9.643C3.85751 9.67241 3.70784 9.74973 3.59 9.865L3.56 9.895C3.46713 9.98798 3.35684 10.0617 3.23544 10.1121C3.11404 10.1624 2.98392 10.1883 2.8525 10.1883C2.72108 10.1883 2.59096 10.1624 2.46956 10.1121C2.34816 10.0617 2.23787 9.98798 2.145 9.895C2.05202 9.80213 1.97826 9.69184 1.92794 9.57044C1.87762 9.44904 1.85171 9.31892 1.85171 9.1875C1.85171 9.05608 1.87762 8.92596 1.92794 8.80456C1.97826 8.68316 2.05202 8.57287 2.145 8.48L2.175 8.45C2.29027 8.33216 2.36759 8.18249 2.397 8.02029C2.42641 7.8581 2.40656 7.69081 2.34 7.54C2.27662 7.39212 2.17138 7.26599 2.03723 7.17715C1.90309 7.08832 1.74589 7.04064 1.585 7.04H1.5C1.23478 7.04 0.98043 6.93464 0.792893 6.74711C0.605357 6.55957 0.5 6.30522 0.5 6.04C0.5 5.77478 0.605357 5.52043 0.792893 5.33289C0.98043 5.14536 1.23478 5.04 1.5 5.04H1.545C1.7105 5.03613 1.871 4.98256 2.00565 4.88626C2.1403 4.78995 2.24286 4.65537 2.3 4.5C2.36656 4.34919 2.38641 4.1819 2.357 4.01971C2.32759 3.85751 2.25027 3.70784 2.135 3.59L2.105 3.56C2.01202 3.46713 1.93826 3.35684 1.88794 3.23544C1.83762 3.11404 1.81171 2.98392 1.81171 2.8525C1.81171 2.72108 1.83762 2.59096 1.88794 2.46956C1.93826 2.34816 2.01202 2.23787 2.105 2.145C2.19787 2.05202 2.30816 1.97826 2.42956 1.92794C2.55096 1.87762 2.68108 1.85171 2.8125 1.85171C2.94392 1.85171 3.07404 1.87762 3.19544 1.92794C3.31684 1.97826 3.42713 2.05202 3.52 2.145L3.55 2.175C3.66784 2.29027 3.81751 2.36759 3.97971 2.397C4.1419 2.42641 4.30919 2.40656 4.46 2.34H4.5C4.64788 2.27662 4.77401 2.17138 4.86285 2.03723C4.95168 1.90309 4.99936 1.74589 5 1.585V1.5C5 1.23478 5.10536 0.98043 5.29289 0.792893C5.48043 0.605357 5.73478 0.5 6 0.5C6.26522 0.5 6.51957 0.605357 6.70711 0.792893C6.89464 0.98043 7 1.23478 7 1.5V1.545C7.00064 1.70589 7.04832 1.86309 7.13715 1.99723C7.22599 2.13138 7.35212 2.23662 7.5 2.3C7.65081 2.36656 7.8181 2.38641 7.98029 2.357C8.14249 2.32759 8.29216 2.25027 8.41 2.135L8.44 2.105C8.53287 2.01202 8.64316 1.93826 8.76456 1.88794C8.88596 1.83762 9.01608 1.81171 9.1475 1.81171C9.27892 1.81171 9.40904 1.83762 9.53044 1.88794C9.65184 1.93826 9.76213 2.01202 9.855 2.105C9.94798 2.19787 10.0217 2.30816 10.0721 2.42956C10.1224 2.55096 10.1483 2.68108 10.1483 2.8125C10.1483 2.94392 10.1224 3.07404 10.0721 3.19544C10.0217 3.31684 9.94798 3.42713 9.855 3.52L9.825 3.55C9.70973 3.66784 9.63241 3.81751 9.603 3.97971C9.57359 4.1419 9.59344 4.30919 9.66 4.46V4.5C9.72338 4.64788 9.82862 4.77401 9.96277 4.86285C10.0969 4.95168 10.2541 4.99936 10.415 5H10.5C10.7652 5 11.0196 5.10536 11.2071 5.29289C11.3946 5.48043 11.5 5.73478 11.5 6C11.5 6.26522 11.3946 6.51957 11.2071 6.70711C11.0196 6.89464 10.7652 7 10.5 7H10.455C10.2941 7.00064 10.1369 7.04832 10.0028 7.13715C9.86862 7.22599 9.76338 7.35212 9.7 7.5Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
+        /* @__PURE__ */ jsxs103("g", { clipPath: "url(#clip0_6610_12208)", children: [
+          /* @__PURE__ */ jsx163("path", { d: "M6 7.5C6.82843 7.5 7.5 6.82843 7.5 6C7.5 5.17157 6.82843 4.5 6 4.5C5.17157 4.5 4.5 5.17157 4.5 6C4.5 6.82843 5.17157 7.5 6 7.5Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" }),
+          /* @__PURE__ */ jsx163("path", { d: "M9.7 7.5C9.63344 7.65081 9.61359 7.8181 9.643 7.98029C9.67241 8.14249 9.74973 8.29216 9.865 8.41L9.895 8.44C9.98798 8.53287 10.0617 8.64316 10.1121 8.76456C10.1624 8.88596 10.1883 9.01608 10.1883 9.1475C10.1883 9.27892 10.1624 9.40904 10.1121 9.53044C10.0617 9.65184 9.98798 9.76213 9.895 9.855C9.80213 9.94798 9.69184 10.0217 9.57044 10.0721C9.44904 10.1224 9.31892 10.1483 9.1875 10.1483C9.05608 10.1483 8.92596 10.1224 8.80456 10.0721C8.68316 10.0217 8.57287 9.94798 8.48 9.855L8.45 9.825C8.33216 9.70973 8.18249 9.63241 8.02029 9.603C7.8581 9.57359 7.69081 9.59344 7.54 9.66C7.39212 9.72338 7.26599 9.82862 7.17715 9.96277C7.08832 10.0969 7.04064 10.2541 7.04 10.415V10.5C7.04 10.7652 6.93464 11.0196 6.74711 11.2071C6.55957 11.3946 6.30522 11.5 6.04 11.5C5.77478 11.5 5.52043 11.3946 5.33289 11.2071C5.14536 11.0196 5.04 10.7652 5.04 10.5V10.455C5.03613 10.2895 4.98256 10.129 4.88626 9.99435C4.78995 9.8597 4.65537 9.75714 4.5 9.7C4.34919 9.63344 4.1819 9.61359 4.01971 9.643C3.85751 9.67241 3.70784 9.74973 3.59 9.865L3.56 9.895C3.46713 9.98798 3.35684 10.0617 3.23544 10.1121C3.11404 10.1624 2.98392 10.1883 2.8525 10.1883C2.72108 10.1883 2.59096 10.1624 2.46956 10.1121C2.34816 10.0617 2.23787 9.98798 2.145 9.895C2.05202 9.80213 1.97826 9.69184 1.92794 9.57044C1.87762 9.44904 1.85171 9.31892 1.85171 9.1875C1.85171 9.05608 1.87762 8.92596 1.92794 8.80456C1.97826 8.68316 2.05202 8.57287 2.145 8.48L2.175 8.45C2.29027 8.33216 2.36759 8.18249 2.397 8.02029C2.42641 7.8581 2.40656 7.69081 2.34 7.54C2.27662 7.39212 2.17138 7.26599 2.03723 7.17715C1.90309 7.08832 1.74589 7.04064 1.585 7.04H1.5C1.23478 7.04 0.98043 6.93464 0.792893 6.74711C0.605357 6.55957 0.5 6.30522 0.5 6.04C0.5 5.77478 0.605357 5.52043 0.792893 5.33289C0.98043 5.14536 1.23478 5.04 1.5 5.04H1.545C1.7105 5.03613 1.871 4.98256 2.00565 4.88626C2.1403 4.78995 2.24286 4.65537 2.3 4.5C2.36656 4.34919 2.38641 4.1819 2.357 4.01971C2.32759 3.85751 2.25027 3.70784 2.135 3.59L2.105 3.56C2.01202 3.46713 1.93826 3.35684 1.88794 3.23544C1.83762 3.11404 1.81171 2.98392 1.81171 2.8525C1.81171 2.72108 1.83762 2.59096 1.88794 2.46956C1.93826 2.34816 2.01202 2.23787 2.105 2.145C2.19787 2.05202 2.30816 1.97826 2.42956 1.92794C2.55096 1.87762 2.68108 1.85171 2.8125 1.85171C2.94392 1.85171 3.07404 1.87762 3.19544 1.92794C3.31684 1.97826 3.42713 2.05202 3.52 2.145L3.55 2.175C3.66784 2.29027 3.81751 2.36759 3.97971 2.397C4.1419 2.42641 4.30919 2.40656 4.46 2.34H4.5C4.64788 2.27662 4.77401 2.17138 4.86285 2.03723C4.95168 1.90309 4.99936 1.74589 5 1.585V1.5C5 1.23478 5.10536 0.98043 5.29289 0.792893C5.48043 0.605357 5.73478 0.5 6 0.5C6.26522 0.5 6.51957 0.605357 6.70711 0.792893C6.89464 0.98043 7 1.23478 7 1.5V1.545C7.00064 1.70589 7.04832 1.86309 7.13715 1.99723C7.22599 2.13138 7.35212 2.23662 7.5 2.3C7.65081 2.36656 7.8181 2.38641 7.98029 2.357C8.14249 2.32759 8.29216 2.25027 8.41 2.135L8.44 2.105C8.53287 2.01202 8.64316 1.93826 8.76456 1.88794C8.88596 1.83762 9.01608 1.81171 9.1475 1.81171C9.27892 1.81171 9.40904 1.83762 9.53044 1.88794C9.65184 1.93826 9.76213 2.01202 9.855 2.105C9.94798 2.19787 10.0217 2.30816 10.0721 2.42956C10.1224 2.55096 10.1483 2.68108 10.1483 2.8125C10.1483 2.94392 10.1224 3.07404 10.0721 3.19544C10.0217 3.31684 9.94798 3.42713 9.855 3.52L9.825 3.55C9.70973 3.66784 9.63241 3.81751 9.603 3.97971C9.57359 4.1419 9.59344 4.30919 9.66 4.46V4.5C9.72338 4.64788 9.82862 4.77401 9.96277 4.86285C10.0969 4.95168 10.2541 4.99936 10.415 5H10.5C10.7652 5 11.0196 5.10536 11.2071 5.29289C11.3946 5.48043 11.5 5.73478 11.5 6C11.5 6.26522 11.3946 6.51957 11.2071 6.70711C11.0196 6.89464 10.7652 7 10.5 7H10.455C10.2941 7.00064 10.1369 7.04832 10.0028 7.13715C9.86862 7.22599 9.76338 7.35212 9.7 7.5Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round" })
         ] }),
-        /* @__PURE__ */ jsx162("defs", { children: /* @__PURE__ */ jsx162("clipPath", { id, children: /* @__PURE__ */ jsx162("rect", { width: "12", height: "12", fill: "white" }) }) })
+        /* @__PURE__ */ jsx163("defs", { children: /* @__PURE__ */ jsx163("clipPath", { id, children: /* @__PURE__ */ jsx163("rect", { width: "12", height: "12", fill: "white" }) }) })
       ]
     })
   );
@@ -19058,38 +19284,42 @@ var Cog = (_a) => {
 var Cog_default = Cog;
 
 // src/components/Integrations/IntegrationsConnectMenu/IntegrationsConnectMenu.tsx
-import { jsx as jsx163, jsxs as jsxs103 } from "react/jsx-runtime";
-var MenuTriggerButton = () => /* @__PURE__ */ jsxs103(Button2, { variant: "ghost", children: [
+import { jsx as jsx164, jsxs as jsxs104 } from "react/jsx-runtime";
+var MenuTriggerButton = () => /* @__PURE__ */ jsxs104(Button2, { variant: "ghost", children: [
   "Manage",
-  /* @__PURE__ */ jsx163(Cog_default, { size: 16 })
+  /* @__PURE__ */ jsx164(Cog_default, { size: 16 })
 ] });
 var IntegrationsConnectMenu = () => {
-  const {
-    quickbooksIsConnected,
-    linkQuickbooks
-  } = useContext24(QuickbooksContext);
-  const initiateQuickbooksOAuth = useCallback10(() => __async(null, null, function* () {
-    const authorizationUrl = yield linkQuickbooks();
-    window.location.href = authorizationUrl;
-  }), [linkQuickbooks]);
-  return /* @__PURE__ */ jsxs103(
+  const { addToast } = useLayerContext();
+  const { quickbooksConnectionStatus, linkQuickbooks } = useContext25(QuickbooksContext);
+  const quickbooksIsConnected = quickbooksConnectionStatus == null ? void 0 : quickbooksConnectionStatus.is_connected;
+  const [isLinkQuickbooksError, setIsLinkQuickbooksError] = useState39(false);
+  const initiateQuickbooksOAuth = useCallback12(() => {
+    linkQuickbooks().then((res) => {
+      window.location.href = res;
+    }).catch(() => {
+      setIsLinkQuickbooksError(true);
+      addToast({ content: "Failed to connect QuickBooks", type: "error" });
+    });
+  }, [linkQuickbooks, addToast]);
+  return /* @__PURE__ */ jsxs104(
     DropdownMenu,
     {
       ariaLabel: "Connect Integration",
       slots: { Trigger: MenuTriggerButton },
       slotProps: { Dialog: { width: 280 } },
       children: [
-        /* @__PURE__ */ jsx163(Heading3, { children: "Integrations" }),
-        /* @__PURE__ */ jsx163(MenuList, { children: quickbooksIsConnected ? /* @__PURE__ */ jsxs103(MenuItem3, { isDisabled: true, children: [
-          /* @__PURE__ */ jsx163(QuickbooksIcon_default, { size: 20 }),
-          /* @__PURE__ */ jsx163(Text, { size: "sm" /* sm */, children: "Quickbooks connected" }),
-          /* @__PURE__ */ jsx163(Spacer, {}),
-          /* @__PURE__ */ jsx163(Check_default, { size: 16 })
-        ] }, "quickbooks-connected") : /* @__PURE__ */ jsxs103(MenuItem3, { onClick: initiateQuickbooksOAuth, children: [
-          /* @__PURE__ */ jsx163(QuickbooksIcon_default, { size: 20 }),
-          /* @__PURE__ */ jsx163(Text, { size: "sm" /* sm */, children: "Connect Quickbooks" }),
-          /* @__PURE__ */ jsx163(Spacer, {}),
-          /* @__PURE__ */ jsx163(Link_default, { size: 12 })
+        /* @__PURE__ */ jsx164(Heading3, { children: "Integrations" }),
+        /* @__PURE__ */ jsx164(MenuList, { children: quickbooksIsConnected ? /* @__PURE__ */ jsxs104(MenuItem3, { isDisabled: true, children: [
+          /* @__PURE__ */ jsx164(QuickbooksIcon_default, { size: 20 }),
+          /* @__PURE__ */ jsx164(Text, { size: "sm" /* sm */, children: "QuickBooks connected" }),
+          /* @__PURE__ */ jsx164(Spacer, {}),
+          /* @__PURE__ */ jsx164(Check_default, { size: 16 })
+        ] }, "quickbooks-connected") : /* @__PURE__ */ jsxs104(MenuItem3, { onClick: initiateQuickbooksOAuth, children: [
+          /* @__PURE__ */ jsx164(QuickbooksIcon_default, { size: 20 }),
+          /* @__PURE__ */ jsx164(Text, __spreadProps(__spreadValues({}, isLinkQuickbooksError && { status: "error" }), { size: "sm" /* sm */, children: isLinkQuickbooksError ? "Retry Connect QuickBooks" : "Connect QuickBooks" })),
+          /* @__PURE__ */ jsx164(Spacer, {}),
+          /* @__PURE__ */ jsx164(Link_default, { size: 12 })
         ] }, "connect-quickbooks") })
       ]
     }
@@ -19097,20 +19327,20 @@ var IntegrationsConnectMenu = () => {
 };
 
 // src/components/Integrations/Integrations.tsx
-import { jsx as jsx164, jsxs as jsxs104 } from "react/jsx-runtime";
+import { jsx as jsx165, jsxs as jsxs105 } from "react/jsx-runtime";
 var COMPONENT_NAME3 = "integrations";
-var unstable_Integrations = (props) => {
-  return /* @__PURE__ */ jsx164(QuickbooksContextProvider, { children: /* @__PURE__ */ jsx164(IntegrationsComponent, __spreadValues({}, props)) });
+var Integrations = (props) => {
+  return /* @__PURE__ */ jsx165(QuickbooksContextProvider, { children: /* @__PURE__ */ jsx165(IntegrationsComponent, __spreadValues({}, props)) });
 };
 var IntegrationsComponent = ({
   elevated,
   stringOverrides
 }) => {
-  const { quickbooksIsConnected } = useContext25(QuickbooksContext);
-  const isLoading = quickbooksIsConnected === void 0;
-  return /* @__PURE__ */ jsxs104(Container, { name: COMPONENT_NAME3, elevated, children: [
-    /* @__PURE__ */ jsxs104(Header, { className: "Layer__linked-accounts__header", children: [
-      /* @__PURE__ */ jsx164(
+  const { quickbooksConnectionStatus } = useContext26(QuickbooksContext);
+  const isLoading = quickbooksConnectionStatus === void 0;
+  return /* @__PURE__ */ jsxs105(Container, { name: COMPONENT_NAME3, elevated, children: [
+    /* @__PURE__ */ jsxs105(Header, { className: "Layer__linked-accounts__header", children: [
+      /* @__PURE__ */ jsx165(
         Heading,
         {
           className: "Layer__linked-accounts__title",
@@ -19118,52 +19348,17 @@ var IntegrationsComponent = ({
           children: (stringOverrides == null ? void 0 : stringOverrides.title) || "Integrations"
         }
       ),
-      /* @__PURE__ */ jsx164(IntegrationsConnectMenu, {})
+      /* @__PURE__ */ jsx165(IntegrationsConnectMenu, {})
     ] }),
-    isLoading && /* @__PURE__ */ jsx164("div", { className: "Layer__linked-accounts__loader-container", children: /* @__PURE__ */ jsx164(Loader2, {}) }),
-    !isLoading && !quickbooksIsConnected && /* @__PURE__ */ jsx164(
+    isLoading && /* @__PURE__ */ jsx165("div", { className: "Layer__linked-accounts__loader-container", children: /* @__PURE__ */ jsx165(Loader2, {}) }),
+    !isLoading && !quickbooksConnectionStatus.is_connected && /* @__PURE__ */ jsx165(
       DataState,
       {
         status: "info" /* info */,
         title: "No active integrations"
       }
     ),
-    quickbooksIsConnected && /* @__PURE__ */ jsx164(IntegrationsContent, {})
-  ] });
-};
-
-// src/components/Quickbooks/Quickbooks.tsx
-import { jsx as jsx165, jsxs as jsxs105 } from "react/jsx-runtime";
-var Quickbooks = () => {
-  const {
-    syncFromQuickbooks: syncFromQuickbooks2,
-    isSyncingFromQuickbooks,
-    quickbooksIsConnected,
-    linkQuickbooks,
-    unlinkQuickbooks
-  } = useQuickbooks();
-  return /* @__PURE__ */ jsxs105("div", { children: [
-    /* @__PURE__ */ jsxs105("div", { children: [
-      "Quickbooks OAuth connection status:",
-      " ",
-      quickbooksIsConnected === void 0 ? "" : quickbooksIsConnected ? "established" : "not connected"
-    ] }),
-    /* @__PURE__ */ jsx165("br", {}),
-    quickbooksIsConnected === void 0 && "Loading...",
-    quickbooksIsConnected === false && /* @__PURE__ */ jsx165(
-      "button",
-      {
-        onClick: () => __async(null, null, function* () {
-          const authorizationUrl = yield linkQuickbooks();
-          window.location.href = authorizationUrl;
-        }),
-        children: "Link Quickbooks"
-      }
-    ),
-    quickbooksIsConnected === true && (isSyncingFromQuickbooks ? "Syncing data from Quickbooks..." : /* @__PURE__ */ jsxs105("div", { children: [
-      /* @__PURE__ */ jsx165("button", { onClick: syncFromQuickbooks2, children: "Sync Quickbooks" }),
-      /* @__PURE__ */ jsx165("button", { onClick: unlinkQuickbooks, children: "Unlink Quickbooks" })
-    ] }))
+    (quickbooksConnectionStatus == null ? void 0 : quickbooksConnectionStatus.is_connected) && /* @__PURE__ */ jsx165(IntegrationsContent, {})
   ] });
 };
 
@@ -19193,7 +19388,7 @@ var PNLComparisonContext = createContext14({
 });
 
 // src/hooks/useProfitAndLoss/useProfitAndLoss.tsx
-import { useCallback as useCallback11, useMemo as useMemo22, useState as useState38 } from "react";
+import { useCallback as useCallback13, useMemo as useMemo22, useState as useState41 } from "react";
 
 // src/utils/profitAndLossUtils.ts
 var doesLineItemQualifies = (item) => {
@@ -19249,9 +19444,9 @@ var applyShare = (items, total) => {
 };
 
 // src/hooks/useProfitAndLoss/useProfitAndLossLTM.tsx
-import { useEffect as useEffect25, useMemo as useMemo21, useState as useState37 } from "react";
+import { useEffect as useEffect25, useMemo as useMemo21, useState as useState40 } from "react";
 import { startOfMonth as startOfMonth7, sub } from "date-fns";
-import useSWR8 from "swr";
+import useSWR9 from "swr";
 var buildDates = ({ currentDate }) => {
   return {
     startYear: startOfMonth7(currentDate).getFullYear() - 1,
@@ -19277,9 +19472,9 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
   const { businessId, syncTimestamps, read, hasBeenTouched } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [date, setDate] = useState37(currentDate);
-  const [loaded, setLoaded] = useState37("initial");
-  const [data, setData] = useState37([]);
+  const [date, setDate] = useState40(currentDate);
+  const [loaded, setLoaded] = useState40("initial");
+  const [data, setData] = useState40([]);
   const { startYear, startMonth, endYear, endMonth } = useMemo21(() => {
     return buildDates({ currentDate: date });
   }, [date, businessId, tagFilter, reportingBasis]);
@@ -19292,7 +19487,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
     isValidating,
     error,
     mutate
-  } = useSWR8(
+  } = useSWR9(
     queryKey,
     Layer.getProfitAndLossSummaries(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: {
@@ -19405,7 +19600,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
 // src/hooks/useProfitAndLoss/useProfitAndLossQuery.tsx
 import { useEffect as useEffect26 } from "react";
 import { startOfMonth as startOfMonth8, endOfMonth as endOfMonth7 } from "date-fns";
-import useSWR9 from "swr";
+import useSWR10 from "swr";
 var useProfitAndLossQuery = ({
   startDate,
   endDate,
@@ -19428,7 +19623,7 @@ var useProfitAndLossQuery = ({
     isValidating,
     error: rawError,
     mutate
-  } = useSWR9(
+  } = useSWR10(
     queryKey,
     Layer.getProfitAndLoss(apiUrl, auth == null ? void 0 : auth.access_token, {
       businessId,
@@ -19471,15 +19666,15 @@ var useProfitAndLoss = ({
   const { start, end } = useGlobalDateRange();
   const { setRange } = useGlobalDateRangeActions();
   const dateRange = useMemo22(() => ({ startDate: start, endDate: end }), [start, end]);
-  const changeDateRange = useCallback11(
+  const changeDateRange = useCallback13(
     ({ startDate: start2, endDate: end2 }) => setRange({ start: start2, end: end2 }),
     [setRange]
   );
-  const [filters, setFilters] = useState38({
+  const [filters, setFilters] = useState41({
     expenses: void 0,
     revenue: void 0
   });
-  const [sidebarScope, setSidebarScope] = useState38(void 0);
+  const [sidebarScope, setSidebarScope] = useState41(void 0);
   const { data, isLoading, isValidating, error, refetch } = useProfitAndLossQuery({
     startDate: start,
     endDate: end,
@@ -19632,7 +19827,7 @@ var useProfitAndLoss = ({
 };
 
 // src/hooks/useProfitAndLossComparison/useProfitAndLossComparison.tsx
-import { useMemo as useMemo23, useState as useState39 } from "react";
+import { useMemo as useMemo23, useState as useState42 } from "react";
 
 // src/hooks/useProfitAndLossComparison/utils.ts
 import { getMonth, getYear as getYear2, startOfMonth as startOfMonth9, startOfYear as startOfYear4, subMonths as subMonths3, subYears as subYears3 } from "date-fns";
@@ -19755,14 +19950,14 @@ function preparePeriodsBody(dateRange, comparePeriods, rangeDisplayMode) {
 }
 
 // src/hooks/useProfitAndLossComparison/useProfitAndLossComparison.tsx
-import useSWR10 from "swr";
+import useSWR11 from "swr";
 var COMPARE_MODES_SUPPORTING_MULTI_PERIOD = ["monthPicker", "yearPicker"];
 var isNotOnlyNoneTag = (compareOptions) => {
   return Boolean(
     compareOptions == null ? void 0 : compareOptions.some((option) => option.tagFilterConfig.tagFilters !== "None")
   );
 };
-function buildKey13({
+function buildKey14({
   access_token: accessToken,
   apiUrl,
   businessId,
@@ -19786,8 +19981,8 @@ function useProfitAndLossComparison({
   comparisonConfig
 }) {
   var _a, _b;
-  const [comparePeriods, setComparePeriods] = useState39((_a = comparisonConfig == null ? void 0 : comparisonConfig.defaultPeriods) != null ? _a : 1);
-  const [selectedCompareOptions, setSelectedCompareOptionsState] = useState39(
+  const [comparePeriods, setComparePeriods] = useState42((_a = comparisonConfig == null ? void 0 : comparisonConfig.defaultPeriods) != null ? _a : 1);
+  const [selectedCompareOptions, setSelectedCompareOptionsState] = useState42(
     (comparisonConfig == null ? void 0 : comparisonConfig.defaultTagFilter) ? [comparisonConfig == null ? void 0 : comparisonConfig.defaultTagFilter] : []
   );
   const { rangeDisplayMode, start, end } = useGlobalDateRange();
@@ -19812,14 +20007,14 @@ function useProfitAndLossComparison({
   const { data: auth } = useAuth();
   const periods = preparePeriodsBody(dateRange, effectiveComparePeriods, rangeDisplayMode);
   const tagFilters = prepareFiltersBody(selectedCompareOptions);
-  const queryKey = buildKey13(__spreadProps(__spreadValues({}, auth), {
+  const queryKey = buildKey14(__spreadProps(__spreadValues({}, auth), {
     businessId,
     periods,
     tagFilters,
     reportingBasis,
     compareModeActive
   }));
-  const { data, isLoading, isValidating } = useSWR10(
+  const { data, isLoading, isValidating } = useSWR11(
     queryKey,
     () => __async(null, null, function* () {
       const response = yield Layer.compareProfitAndLoss(apiUrl, auth == null ? void 0 : auth.access_token, {
@@ -19867,7 +20062,7 @@ function useProfitAndLossComparison({
 }
 
 // src/components/ProfitAndLossChart/ProfitAndLossChart.tsx
-import { useEffect as useEffect27, useMemo as useMemo24, useState as useState40 } from "react";
+import { useEffect as useEffect27, useMemo as useMemo24, useState as useState43 } from "react";
 
 // src/icons/BarChart2.tsx
 import { jsx as jsx166, jsxs as jsxs106 } from "react/jsx-runtime";
@@ -19981,7 +20176,7 @@ import {
   add,
   differenceInMonths as differenceInMonths2,
   endOfMonth as endOfMonth8,
-  format as format2,
+  format as format3,
   startOfMonth as startOfMonth10,
   sub as sub2
 } from "date-fns";
@@ -20071,21 +20266,21 @@ var ProfitAndLossChart = ({
   tagFilter = void 0
 }) => {
   var _c, _d, _e, _f, _g, _h;
-  const [compactView, setCompactView] = useState40(false);
+  const [compactView, setCompactView] = useState43(false);
   const barSize = compactView ? 10 : 20;
   const { getColor, business } = useLayerContext();
   const { start, end, rangeDisplayMode } = useGlobalDateRange();
   const { setMonth } = useGlobalDateRangeActions();
   const showIndicator = rangeDisplayMode === "monthPicker";
   const dateRange = useMemo24(() => ({ startDate: start, endDate: end }), [start, end]);
-  const [localDateRange, setLocalDateRange] = useState40(dateRange);
-  const [customCursorSize, setCustomCursorSize] = useState40({
+  const [localDateRange, setLocalDateRange] = useState43(dateRange);
+  const [customCursorSize, setCustomCursorSize] = useState43({
     width: 0,
     height: 0,
     x: 0
   });
-  const [barAnimActive, setBarAnimActive] = useState40(true);
-  const [chartWindow, setChartWindow] = useState40({
+  const [barAnimActive, setBarAnimActive] = useState43(true);
+  const [chartWindow, setChartWindow] = useState43({
     start: startOfMonth10(sub2(Date.now(), { months: 11 })),
     end: endOfMonth8(Date.now())
   });
@@ -20156,7 +20351,7 @@ var ProfitAndLossChart = ({
       }, 2e3);
     }
   }, [loaded]);
-  const getMonthName = (pnl) => pnl ? format2(
+  const getMonthName = (pnl) => pnl ? format3(
     new Date(pnl.year, pnl.month - 1, 1),
     compactView ? "LLLLL" : "LLL"
   ) : "";
@@ -20184,7 +20379,7 @@ var ProfitAndLossChart = ({
       for (let i = 11; i >= 0; i--) {
         const currentDate = sub2(today, { months: i });
         loadingData.push({
-          name: format2(currentDate, compactView ? "LLLLL" : "LLL"),
+          name: format3(currentDate, compactView ? "LLLLL" : "LLL"),
           revenue: 0,
           revenueUncategorized: 0,
           totalExpensesInverse: 0,
@@ -20707,7 +20902,7 @@ var ProfitAndLossChart = ({
 };
 
 // src/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions.tsx
-import { useContext as useContext26, useMemo as useMemo25 } from "react";
+import { useContext as useContext27, useMemo as useMemo25 } from "react";
 import { jsx as jsx170, jsxs as jsxs109 } from "react/jsx-runtime";
 var selectStyles = {
   valueContainer: (styles) => {
@@ -20747,7 +20942,7 @@ var ProfitAndLossCompareOptions = () => {
     compareOptions,
     selectedCompareOptions,
     comparisonConfig
-  } = useContext26(ProfitAndLoss.ComparisonContext);
+  } = useContext27(ProfitAndLoss.ComparisonContext);
   const { rangeDisplayMode } = useGlobalDateRange();
   const periods = useMemo25(
     () => comparePeriods !== 0 ? comparePeriods : 1,
@@ -20959,7 +21154,7 @@ var ProfitAndLossDatePicker = ({
 };
 
 // src/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts.tsx
-import { useContext as useContext27, useState as useState41 } from "react";
+import { useContext as useContext28, useState as useState44 } from "react";
 
 // src/components/ProfitAndLossDetailedCharts/DetailedChart.tsx
 import { useMemo as useMemo27 } from "react";
@@ -21605,7 +21800,7 @@ var Filters = ({
 };
 
 // src/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts.tsx
-import { format as format3 } from "date-fns";
+import { format as format4 } from "date-fns";
 import { jsx as jsx177, jsxs as jsxs114 } from "react/jsx-runtime";
 var ProfitAndLossDetailedCharts = ({
   scope,
@@ -21626,16 +21821,16 @@ var ProfitAndLossDetailedCharts = ({
     sidebarScope,
     setSidebarScope,
     setFilterTypes
-  } = useContext27(ProfitAndLoss.Context);
+  } = useContext28(ProfitAndLoss.Context);
   const theScope = scope ? scope : sidebarScope;
   const data = theScope === "revenue" ? filteredDataRevenue : filteredDataExpenses;
   const total = theScope === "revenue" ? filteredTotalRevenue : filteredTotalExpenses;
-  const [hoveredItem, setHoveredItem] = useState41();
+  const [hoveredItem, setHoveredItem] = useState44();
   return /* @__PURE__ */ jsxs114("div", { className: "Layer__profit-and-loss-detailed-charts", children: [
     /* @__PURE__ */ jsxs114("header", { className: "Layer__profit-and-loss-detailed-charts__header", children: [
       /* @__PURE__ */ jsxs114("div", { className: "Layer__profit-and-loss-detailed-charts__head", children: [
         /* @__PURE__ */ jsx177(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title", children: humanizeTitle(theScope) }),
-        /* @__PURE__ */ jsx177(Text, { size: "sm" /* sm */, className: "date", children: format3(dateRange.startDate, "LLLL, y") }),
+        /* @__PURE__ */ jsx177(Text, { size: "sm" /* sm */, className: "date", children: format4(dateRange.startDate, "LLLL, y") }),
         showDatePicker && /* @__PURE__ */ jsx177(ProfitAndLossDatePicker, {})
       ] }),
       !hideClose && /* @__PURE__ */ jsx177(
@@ -21652,7 +21847,7 @@ var ProfitAndLossDetailedCharts = ({
       !hideClose && /* @__PURE__ */ jsx177(BackButton, { onClick: () => setSidebarScope(void 0) }),
       /* @__PURE__ */ jsxs114("div", { className: "Layer__profit-and-loss-detailed-charts__head", children: [
         /* @__PURE__ */ jsx177(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title", children: humanizeTitle(theScope) }),
-        /* @__PURE__ */ jsx177(Text, { size: "sm" /* sm */, className: "date", children: format3(dateRange.startDate, "LLLL, y") })
+        /* @__PURE__ */ jsx177(Text, { size: "sm" /* sm */, className: "date", children: format4(dateRange.startDate, "LLLL, y") })
       ] })
     ] }),
     /* @__PURE__ */ jsxs114("div", { className: "Layer__profit-and-loss-detailed-charts__content", children: [
@@ -21699,7 +21894,7 @@ var ProfitAndLossDetailedCharts = ({
 };
 
 // src/components/ProfitAndLossDownloadButton/ProfitAndLossDownloadButton.tsx
-import { useContext as useContext28, useState as useState42 } from "react";
+import { useContext as useContext29, useState as useState45 } from "react";
 import { jsx as jsx178 } from "react/jsx-runtime";
 var ProfitAndLossDownloadButton = ({
   stringOverrides,
@@ -21707,15 +21902,15 @@ var ProfitAndLossDownloadButton = ({
   moneyFormat,
   view
 }) => {
-  const { dateRange, tagFilter } = useContext28(ProfitAndLoss.Context);
-  const { getProfitAndLossComparisonCsv } = useContext28(
+  const { dateRange, tagFilter } = useContext29(ProfitAndLoss.Context);
+  const { getProfitAndLossComparisonCsv } = useContext29(
     ProfitAndLoss.ComparisonContext
   );
   const { businessId } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [requestFailed, setRequestFailed] = useState42(false);
-  const [isDownloading, setIsDownloading] = useState42(false);
+  const [requestFailed, setRequestFailed] = useState45(false);
+  const [isDownloading, setIsDownloading] = useState45(false);
   const handleClick = () => __async(null, null, function* () {
     var _a;
     setIsDownloading(true);
@@ -21777,113 +21972,6 @@ var SyncingBadge = () => {
 
 // src/hooks/bookkeeping/periods/useActiveBookkeepingPeriod.ts
 import { useMemo as useMemo28 } from "react";
-
-// src/hooks/bookkeeping/periods/useBookkeepingPeriods.ts
-import useSWR11 from "swr";
-
-// src/utils/bookkeeping/bookkeepingStatusFilters.ts
-function isActiveBookkeepingStatus(status) {
-  return status === "ACTIVE" || status === "ONBOARDING";
-}
-function isActiveOrPausedBookkeepingStatus(status) {
-  return isActiveBookkeepingStatus(status) || status === "BOOKKEEPING_PAUSED";
-}
-
-// src/utils/bookkeeping/tasks/bookkeepingTasksFilters.ts
-function isIncompleteTask(task) {
-  const { status } = task;
-  return status === "TODO";
-}
-function getIncompleteTasks(tasks) {
-  return tasks.filter((task) => isIncompleteTask(task));
-}
-function isUserVisibleTask(task) {
-  const { status } = task;
-  return status !== "COMPLETED" && status !== "ARCHIVED";
-}
-function getUserVisibleTasks(tasks) {
-  return tasks.filter((task) => isUserVisibleTask(task));
-}
-function isCompletedTask(task) {
-  const { status } = task;
-  return status === "USER_MARKED_COMPLETED" || status === "COMPLETED" || status === "ARCHIVED";
-}
-function getCompletedTasks(tasks) {
-  return tasks.filter((task) => isCompletedTask(task));
-}
-
-// src/utils/bookkeeping/periods/getFilteredBookkeepingPeriods.ts
-function isActiveBookkeepingPeriod(period) {
-  return period.status !== "BOOKKEEPING_NOT_ACTIVE";
-}
-
-// src/hooks/bookkeeping/periods/useBookkeepingPeriods.ts
-var BOOKKEEPING_PERIOD_STATUSES = [
-  "BOOKKEEPING_NOT_ACTIVE",
-  "NOT_STARTED",
-  "IN_PROGRESS_AWAITING_BOOKKEEPER",
-  "IN_PROGRESS_AWAITING_CUSTOMER",
-  "CLOSING_IN_REVIEW",
-  "CLOSED_OPEN_TASKS",
-  "CLOSED_COMPLETE"
-];
-function constrainToKnownBookkeepingPeriodStatus(status) {
-  if (BOOKKEEPING_PERIOD_STATUSES.includes(status)) {
-    return status;
-  }
-  return "BOOKKEEPING_NOT_ACTIVE";
-}
-var getBookkeepingPeriods = get(({ businessId }) => {
-  return `/v1/businesses/${businessId}/bookkeeping/periods`;
-});
-var BOOKKEEPING_PERIODS_TAG_KEY = "#bookkeeping-periods";
-function buildKey14({
-  access_token: accessToken,
-  apiUrl,
-  businessId,
-  isActiveOrPaused
-}) {
-  if (accessToken && apiUrl && isActiveOrPaused) {
-    return {
-      accessToken,
-      apiUrl,
-      businessId,
-      tags: [BOOKKEEPING_TAG_KEY, BOOKKEEPING_PERIODS_TAG_KEY]
-    };
-  }
-}
-function useBookkeepingPeriods() {
-  const { data: auth } = useAuth();
-  const { businessId } = useLayerContext();
-  const { data, isLoading: isLoadingBookkeepingStatus } = useBookkeepingStatus();
-  const isActiveOrPaused = data ? isActiveOrPausedBookkeepingStatus(data.status) : false;
-  const swrResponse = useSWR11(
-    () => buildKey14(__spreadProps(__spreadValues({}, auth), {
-      businessId,
-      isActiveOrPaused
-    })),
-    ({ accessToken, apiUrl, businessId: businessId2 }) => getBookkeepingPeriods(
-      apiUrl,
-      accessToken,
-      { params: { businessId: businessId2 } }
-    )().then(
-      ({ data: { periods } }) => periods.map((period) => __spreadProps(__spreadValues({}, period), {
-        status: constrainToKnownBookkeepingPeriodStatus(period.status),
-        tasks: getUserVisibleTasks(period.tasks)
-      })).filter((period) => isActiveBookkeepingPeriod(period))
-    )
-  );
-  return new Proxy(swrResponse, {
-    get(target, prop) {
-      if (prop === "isLoading") {
-        return isLoadingBookkeepingStatus || swrResponse.isLoading;
-      }
-      return Reflect.get(target, prop);
-    }
-  });
-}
-
-// src/hooks/bookkeeping/periods/useActiveBookkeepingPeriod.ts
 function useActiveBookkeepingPeriod() {
   const { date } = useGlobalDate();
   const { data, isLoading } = useBookkeepingPeriods();
@@ -21916,14 +22004,14 @@ var ProfitAndLossHeader = ({
     /* @__PURE__ */ jsxs115("span", { className: "Layer__component-header__title-wrapper Layer__profit-and-loss__header", children: [
       /* @__PURE__ */ jsx180(Heading, { size: "secondary" /* secondary */, className: headingClassName, align: "left", children: text || "Profit & Loss" }),
       isSyncing && /* @__PURE__ */ jsx180(SyncingBadge, {}),
-      withStatus && activePeriodStatus && /* @__PURE__ */ jsx180("span", { className: "Layer__profit-and-loss-header__bookkeeping-status", children: /* @__PURE__ */ jsx180(BookkeepingStatus, { status: activePeriodStatus, monthNumber: activePeriod.month }) })
+      withStatus && activePeriodStatus && /* @__PURE__ */ jsx180("span", { className: "Layer__profit-and-loss-header__bookkeeping-status", children: /* @__PURE__ */ jsx180(BookkeepingStatus2, { status: activePeriodStatus, monthNumber: activePeriod.month }) })
     ] }),
     withDatePicker && /* @__PURE__ */ jsx180(ProfitAndLoss.DatePicker, {})
   ] });
 };
 
 // src/components/ProfitAndLossReport/ProfitAndLossReport.tsx
-import { useContext as useContext29 } from "react";
+import { useContext as useContext30 } from "react";
 
 // src/components/Header/Header.tsx
 import {
@@ -21972,7 +22060,7 @@ var HeaderCol = ({ className, children, style, noPadding = false }) => {
 };
 
 // src/components/Panel/Panel.tsx
-import { useEffect as useEffect28, useState as useState43 } from "react";
+import { useEffect as useEffect28, useState as useState46 } from "react";
 import classNames58 from "classnames";
 import { jsx as jsx184, jsxs as jsxs116 } from "react/jsx-runtime";
 var Panel = ({
@@ -21986,7 +22074,7 @@ var Panel = ({
   floating = false
 }) => {
   var _a;
-  const [sidebarHeight, setSidebarHeight] = useState43(0);
+  const [sidebarHeight, setSidebarHeight] = useState46(0);
   useEffect28(() => {
     var _a2, _b;
     if ((_a2 = parentRef == null ? void 0 : parentRef.current) == null ? void 0 : _a2.offsetHeight) {
@@ -22081,7 +22169,7 @@ var View = forwardRef15(
 View.displayName = "View";
 
 // src/components/ProfitAndLossReport/ProfitAndLossReport.tsx
-import { Fragment as Fragment20, jsx as jsx187, jsxs as jsxs119 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx187, jsxs as jsxs119 } from "react/jsx-runtime";
 var ProfitAndLossReport = ({
   stringOverrides,
   allowedDatePickerModes,
@@ -22093,15 +22181,15 @@ var ProfitAndLossReport = ({
   view
 }) => {
   var _a, _b;
-  const { sidebarScope } = useContext29(ProfitAndLoss.Context);
-  const { comparisonConfig } = useContext29(ProfitAndLoss.ComparisonContext);
+  const { sidebarScope } = useContext30(ProfitAndLoss.Context);
+  const { comparisonConfig } = useContext30(ProfitAndLoss.ComparisonContext);
   return /* @__PURE__ */ jsx187(
     View,
     {
       type: "panel",
       header: /* @__PURE__ */ jsxs119(Header3, { children: [
         /* @__PURE__ */ jsxs119(HeaderRow, { children: [
-          /* @__PURE__ */ jsx187(HeaderCol, { children: /* @__PURE__ */ jsxs119(Fragment20, { children: [
+          /* @__PURE__ */ jsx187(HeaderCol, { children: /* @__PURE__ */ jsxs119(Fragment21, { children: [
             /* @__PURE__ */ jsx187(
               ProfitAndLoss.DatePicker,
               {
@@ -22151,7 +22239,7 @@ var ProfitAndLossReport = ({
 };
 
 // src/components/ProfitAndLossSummaries/ProfitAndLossSummaries.tsx
-import { useContext as useContext31, useMemo as useMemo31 } from "react";
+import { useContext as useContext32, useMemo as useMemo31 } from "react";
 
 // src/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesList.tsx
 import { useMemo as useMemo30 } from "react";
@@ -22316,7 +22404,7 @@ function ProfitAndLossSummariesSummary({
 }
 
 // src/views/AccountingOverview/internal/TransactionsToReview.tsx
-import { useContext as useContext30, useEffect as useEffect29, useState as useState44 } from "react";
+import { useContext as useContext31, useEffect as useEffect29, useState as useState47 } from "react";
 import { getMonth as getMonth2, getYear as getYear3, startOfMonth as startOfMonth11 } from "date-fns";
 import { jsx as jsx193, jsxs as jsxs121 } from "react/jsx-runtime";
 var CLASS_NAME12 = "Layer__TransactionsToReview";
@@ -22327,9 +22415,9 @@ function TransactionsToReview({
   variants
 }) {
   const { size = "sm" } = variants != null ? variants : {};
-  const { dateRange: contextDateRange } = useContext30(ProfitAndLoss.Context);
+  const { dateRange: contextDateRange } = useContext31(ProfitAndLoss.Context);
   const dateRange = usePnlDateRange ? contextDateRange : void 0;
-  const [toReview, setToReview] = useState44(0);
+  const [toReview, setToReview] = useState47(0);
   const { data, loaded, error, refetch } = useProfitAndLossLTM({
     currentDate: dateRange ? dateRange.startDate : startOfMonth11(/* @__PURE__ */ new Date()),
     tagFilter
@@ -22418,7 +22506,7 @@ function Internal_ProfitAndLossSummaries({
     isLoading,
     setSidebarScope,
     sidebarScope
-  } = useContext31(ProfitAndLoss.Context);
+  } = useContext32(ProfitAndLoss.Context);
   const { revenueChartData, expensesChartData } = useMemo31(
     () => ({
       revenueChartData: toMiniChartData({ scope: "revenue", data }),
@@ -22521,10 +22609,10 @@ function ProfitAndLossSummaries(_a) {
 }
 
 // src/components/ProfitAndLossTable/ProfitAndLossTableWithProvider.tsx
-import { useContext as useContext35 } from "react";
+import { useContext as useContext36 } from "react";
 
 // src/contexts/TableContext/TableContext.tsx
-import { createContext as createContext15, useState as useState45 } from "react";
+import { createContext as createContext15, useState as useState48 } from "react";
 import { jsx as jsx195 } from "react/jsx-runtime";
 var defaultValue = {
   expandedRows: [],
@@ -22538,8 +22626,8 @@ var defaultValue = {
 };
 var TableContext = createContext15(defaultValue);
 var TableProvider = ({ children }) => {
-  const [expandedRows, setExpandedRowsState] = useState45([]);
-  const [expandedAllRows, setExpandedAllRows] = useState45(false);
+  const [expandedRows, setExpandedRowsState] = useState48([]);
+  const [expandedAllRows, setExpandedAllRows] = useState48(false);
   const toggleRow = (rowKey) => {
     setExpandedRowsState((prevRows) => {
       const rows = [...prevRows];
@@ -22565,10 +22653,10 @@ var TableProvider = ({ children }) => {
 };
 
 // src/components/ProfitAndLossTable/ProfitAndLossCompareTable.tsx
-import { Fragment as Fragment22, useContext as useContext33, useEffect as useEffect31 } from "react";
+import { Fragment as Fragment23, useContext as useContext34, useEffect as useEffect31 } from "react";
 
 // src/hooks/useTableExpandRow/useTableExpandRow.tsx
-import { useContext as useContext32 } from "react";
+import { useContext as useContext33 } from "react";
 var useTableExpandRow = () => {
   const {
     expandedAllRows,
@@ -22576,7 +22664,7 @@ var useTableExpandRow = () => {
     expandAllRows,
     expandedRows,
     setExpandedRows
-  } = useContext32(TableContext);
+  } = useContext33(TableContext);
   const toggleAllRows = () => {
     if (expandedAllRows) {
       setIsOpen([]);
@@ -22604,7 +22692,7 @@ var useTableExpandRow = () => {
 };
 
 // src/utils/profitAndLossComparisonUtils.ts
-import { format as format4, subMonths as subMonths4, subYears as subYears4 } from "date-fns";
+import { format as format5, subMonths as subMonths4, subYears as subYears4 } from "date-fns";
 var generateComparisonPeriods = (startDate, numberOfPeriods, rangeDisplayMode) => {
   switch (rangeDisplayMode) {
     case "yearPicker":
@@ -22616,13 +22704,13 @@ var generateComparisonPeriods = (startDate, numberOfPeriods, rangeDisplayMode) =
 var generateComparisonMonths = (startDate, numberOfMonths) => {
   return Array.from({ length: numberOfMonths }, (_, index) => {
     const currentMonth = subMonths4(startDate, numberOfMonths - index - 1);
-    return { date: currentMonth, label: format4(currentMonth, "MMM") };
+    return { date: currentMonth, label: format5(currentMonth, "MMM") };
   });
 };
 var generateComparisonYears = (startDate, numberOfYears) => {
   return Array.from({ length: numberOfYears }, (_, index) => {
     const currentMonth = subYears4(startDate, numberOfYears - index - 1);
-    return { date: currentMonth, label: format4(currentMonth, "yyyy") };
+    return { date: currentMonth, label: format5(currentMonth, "yyyy") };
   });
 };
 var getComparisonValue = (name, depth, cellData) => {
@@ -22751,7 +22839,7 @@ var TableHead = ({ children }) => {
 
 // src/components/TableRow/TableRow.tsx
 import classNames62 from "classnames";
-import { Fragment as Fragment21, jsx as jsx199, jsxs as jsxs124 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx199, jsxs as jsxs124 } from "react/jsx-runtime";
 var TableRow = ({
   rowKey,
   children,
@@ -22781,7 +22869,7 @@ var TableRow = ({
     selected && "Layer__table-row--selected",
     !isHeadRow && expandable && (isExpanded ? "Layer__table-row--expanded" : "Layer__table-row--collapsed")
   ]);
-  return /* @__PURE__ */ jsxs124(Fragment21, { children: [
+  return /* @__PURE__ */ jsxs124(Fragment22, { children: [
     withDivider && withDividerPosition === "top" && /* @__PURE__ */ jsx199("tr", { className: "Layer__table-empty-row", children: /* @__PURE__ */ jsx199("td", { colSpan: Array.isArray(children) ? children.length : 1 }) }),
     /* @__PURE__ */ jsx199(
       "tr",
@@ -22853,17 +22941,17 @@ var Table = ({
 
 // src/components/ProfitAndLossTable/ProfitAndLossCompareTable.tsx
 import classNames64 from "classnames";
-import { Fragment as Fragment23, jsx as jsx201, jsxs as jsxs125 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx201, jsxs as jsxs125 } from "react/jsx-runtime";
 var ProfitAndLossCompareTable = ({
   stringOverrides
 }) => {
-  const { dateRange } = useContext33(ProfitAndLoss.Context);
+  const { dateRange } = useContext34(ProfitAndLoss.Context);
   const {
     data: comparisonData,
     isLoading,
     comparePeriods,
     selectedCompareOptions
-  } = useContext33(ProfitAndLoss.ComparisonContext);
+  } = useContext34(ProfitAndLoss.ComparisonContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
   const { rangeDisplayMode } = useGlobalDateRange();
   const { data: bookkeepingPeriods } = useBookkeepingPeriods();
@@ -22891,7 +22979,7 @@ var ProfitAndLossCompareTable = ({
     if (!period) {
       return;
     }
-    return /* @__PURE__ */ jsx201(BookkeepingStatus, { status: period.status, monthNumber: currentMonth, iconOnly: true });
+    return /* @__PURE__ */ jsx201(BookkeepingStatus2, { status: period.status, monthNumber: currentMonth, iconOnly: true });
   };
   const renderRow = (rowKey, depth, rowDisplayName, lineItem, data) => {
     const rowData = data ? data : [];
@@ -22902,7 +22990,7 @@ var ProfitAndLossCompareTable = ({
         }
       });
       if (rowData.length === 0) {
-        return /* @__PURE__ */ jsx201(Fragment23, {});
+        return /* @__PURE__ */ jsx201(Fragment24, {});
       }
       const mergedLineItems = mergeComparisonLineItemsAtDepth(
         rowData
@@ -22911,7 +22999,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__ */ jsxs125(Fragment22, { children: [
+    return /* @__PURE__ */ jsxs125(Fragment23, { children: [
       /* @__PURE__ */ jsxs125(
         TableRow,
         {
@@ -22945,7 +23033,7 @@ var ProfitAndLossCompareTable = ({
   return /* @__PURE__ */ jsxs125(Table, { borderCollapse: "collapse", bottomSpacing: false, children: [
     /* @__PURE__ */ jsx201(TableHead, { children: selectedCompareOptions && selectedCompareOptions.length > 1 && /* @__PURE__ */ jsxs125(TableRow, { rowKey: "", children: [
       /* @__PURE__ */ jsx201(TableCell, { isHeaderCell: true }),
-      selectedCompareOptions.map((option, i) => /* @__PURE__ */ jsxs125(Fragment22, { children: [
+      selectedCompareOptions.map((option, i) => /* @__PURE__ */ jsxs125(Fragment23, { children: [
         /* @__PURE__ */ jsx201(TableCell, { primary: true, isHeaderCell: true, children: option.displayName }, option.displayName + "-" + i),
         comparePeriods && Array.from({ length: comparePeriods - 1 }, (_, index) => /* @__PURE__ */ jsx201(TableCell, { isHeaderCell: true }, option.displayName + "-" + index))
       ] }, option.displayName + "-" + i))
@@ -22953,7 +23041,7 @@ var ProfitAndLossCompareTable = ({
     /* @__PURE__ */ jsxs125(TableBody, { children: [
       comparePeriods && /* @__PURE__ */ jsxs125(TableRow, { rowKey: "", children: [
         /* @__PURE__ */ jsx201(TableCell, { isHeaderCell: true }),
-        selectedCompareOptions && selectedCompareOptions.length > 0 ? selectedCompareOptions.map((option, i) => /* @__PURE__ */ jsx201(Fragment22, { children: generateComparisonPeriods(
+        selectedCompareOptions && selectedCompareOptions.length > 0 ? selectedCompareOptions.map((option, i) => /* @__PURE__ */ jsx201(Fragment23, { children: generateComparisonPeriods(
           dateRange.startDate,
           comparePeriods,
           rangeDisplayMode
@@ -22961,7 +23049,7 @@ var ProfitAndLossCompareTable = ({
           month.label,
           " ",
           getBookkeepingPeriodStatus(month.date)
-        ] }) }, option.displayName + "-" + index)) }, option.displayName + "-" + i)) : /* @__PURE__ */ jsx201(Fragment22, { children: generateComparisonPeriods(
+        ] }) }, option.displayName + "-" + index)) }, option.displayName + "-" + i)) : /* @__PURE__ */ jsx201(Fragment23, { children: generateComparisonPeriods(
           dateRange.startDate,
           comparePeriods,
           rangeDisplayMode
@@ -22993,7 +23081,7 @@ var ProfitAndLossCompareTable = ({
 };
 
 // src/components/ProfitAndLossTable/ProfitAndLossTableComponent.tsx
-import { Fragment as Fragment24, useContext as useContext34, useEffect as useEffect32 } from "react";
+import { Fragment as Fragment25, useContext as useContext35, useEffect as useEffect32 } from "react";
 
 // src/icons/PieChart.tsx
 import { jsx as jsx202, jsxs as jsxs126 } from "react/jsx-runtime";
@@ -23092,7 +23180,7 @@ var ProfitAndLossTableComponent = ({
     data: actualData,
     isLoading,
     setSidebarScope
-  } = useContext34(ProfitAndLoss.Context);
+  } = useContext35(ProfitAndLoss.Context);
   const { isOpen, setIsOpen } = useTableExpandRow();
   useEffect32(() => {
     setIsOpen(["income", "cost_of_goods_sold", "expenses"]);
@@ -23114,7 +23202,7 @@ var ProfitAndLossTableComponent = ({
   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__ */ jsxs127(Fragment24, { children: [
+    return /* @__PURE__ */ jsxs127(Fragment25, { children: [
       /* @__PURE__ */ jsxs127(
         TableRow,
         {
@@ -23232,7 +23320,7 @@ var ProfitAndLossTableComponent = ({
 // src/components/ProfitAndLossTable/ProfitAndLossTableWithProvider.tsx
 import { jsx as jsx204 } from "react/jsx-runtime";
 var ProfitAndLossTableWithProvider = (props) => {
-  const { compareModeActive } = useContext35(ProfitAndLoss.ComparisonContext);
+  const { compareModeActive } = useContext36(ProfitAndLoss.ComparisonContext);
   return /* @__PURE__ */ jsx204(TableProvider, { children: compareModeActive ? /* @__PURE__ */ jsx204("div", { className: "Layer__compare__table__wrapper", children: /* @__PURE__ */ jsx204(ProfitAndLossCompareTable, __spreadValues({}, props)) }) : /* @__PURE__ */ jsx204(ProfitAndLossTableComponent, __spreadValues({}, props)) });
 };
 
@@ -23337,10 +23425,10 @@ function useBalanceSheet({
 }
 
 // src/hooks/useElementViewSize/useElementViewSize.tsx
-import { useLayoutEffect as useLayoutEffect3, useRef as useRef22, useState as useState46 } from "react";
+import { useLayoutEffect as useLayoutEffect3, useRef as useRef22, useState as useState49 } from "react";
 var useElementViewSize = () => {
   const containerRef = useRef22(null);
-  const [view, setView] = useState46("desktop");
+  const [view, setView] = useState49("desktop");
   const resizeTimeout = useRef22(null);
   useLayoutEffect3(() => {
     const element = containerRef == null ? void 0 : containerRef.current;
@@ -23411,7 +23499,7 @@ var BalanceSheetExpandAllButton = ({
 };
 
 // src/components/BalanceSheetTable/BalanceSheetTable.tsx
-import { Fragment as Fragment25, useEffect as useEffect33 } from "react";
+import { Fragment as Fragment26, useEffect as useEffect33 } from "react";
 import { jsx as jsx208, jsxs as jsxs128 } from "react/jsx-runtime";
 var BalanceSheetTable = ({
   data,
@@ -23435,7 +23523,7 @@ var BalanceSheetTable = ({
     if (expandable) {
       allRowKeys.push(rowKey);
     }
-    return /* @__PURE__ */ jsxs128(Fragment25, { children: [
+    return /* @__PURE__ */ jsxs128(Fragment26, { children: [
       /* @__PURE__ */ jsxs128(
         TableRow,
         {
@@ -23486,7 +23574,7 @@ var BalanceSheetTable = ({
       /* @__PURE__ */ jsx208(TableCell, { isHeaderCell: true, children: (stringOverrides == null ? void 0 : stringOverrides.typeColumnHeader) || "Type" }),
       /* @__PURE__ */ jsx208(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */, children: (stringOverrides == null ? void 0 : stringOverrides.totalColumnHeader) || "Total" })
     ] }) }),
-    /* @__PURE__ */ jsx208(TableBody, { children: config.map((row, idx) => /* @__PURE__ */ jsx208(Fragment25, { children: data[row.lineItem] && renderLineItem(
+    /* @__PURE__ */ jsx208(TableBody, { children: config.map((row, idx) => /* @__PURE__ */ jsx208(Fragment26, { children: data[row.lineItem] && renderLineItem(
       data[row.lineItem],
       0,
       row.lineItem,
@@ -23560,7 +23648,7 @@ function useBalanceSheetDownload({
 }
 
 // src/components/BalanceSheet/download/BalanceSheetDownloadButton.tsx
-import { Fragment as Fragment26, jsx as jsx209, jsxs as jsxs129 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx209, jsxs as jsxs129 } from "react/jsx-runtime";
 function BalanceSheetDownloadButton({
   effectiveDate,
   iconOnly
@@ -23570,7 +23658,7 @@ function BalanceSheetDownloadButton({
     effectiveDate,
     onSuccess: ({ presignedUrl }) => triggerInvisibleDownload({ url: presignedUrl })
   });
-  return /* @__PURE__ */ jsxs129(Fragment26, { children: [
+  return /* @__PURE__ */ jsxs129(Fragment27, { children: [
     /* @__PURE__ */ jsx209(
       DownloadButton,
       {
@@ -23660,7 +23748,7 @@ var BalanceSheetView = ({
 };
 
 // src/components/StatementOfCashFlowTable/StatementOfCashFlowTable.tsx
-import { Fragment as Fragment27 } from "react";
+import { Fragment as Fragment28 } from "react";
 import { jsx as jsx211, jsxs as jsxs131 } from "react/jsx-runtime";
 var StatementOfCashFlowTable = ({
   data,
@@ -23671,7 +23759,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__ */ jsxs131(Fragment27, { children: [
+    return /* @__PURE__ */ jsxs131(Fragment28, { children: [
       /* @__PURE__ */ jsxs131(
         TableRow,
         {
@@ -23723,7 +23811,7 @@ var StatementOfCashFlowTable = ({
     ] }) }),
     /* @__PURE__ */ jsx211(TableBody, { children: config.map((row, idx) => {
       if (row.type === "line_item") {
-        return /* @__PURE__ */ jsx211(Fragment27, { children: data[row.lineItem] && renderLineItem(
+        return /* @__PURE__ */ jsx211(Fragment28, { children: data[row.lineItem] && renderLineItem(
           data[row.lineItem],
           0,
           row.lineItem ? row.lineItem : "",
@@ -23849,7 +23937,7 @@ function useCashflowStatementDownload({
 }
 
 // src/components/StatementOfCashFlow/download/CashflowStatementDownloadButton.tsx
-import { Fragment as Fragment28, jsx as jsx212, jsxs as jsxs132 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx212, jsxs as jsxs132 } from "react/jsx-runtime";
 function CashflowStatementDownloadButton({
   startDate,
   endDate,
@@ -23861,7 +23949,7 @@ function CashflowStatementDownloadButton({
     endDate,
     onSuccess: ({ presignedUrl }) => triggerInvisibleDownload({ url: presignedUrl })
   });
-  return /* @__PURE__ */ jsxs132(Fragment28, { children: [
+  return /* @__PURE__ */ jsxs132(Fragment29, { children: [
     /* @__PURE__ */ jsx212(
       DownloadButton,
       {
@@ -24025,7 +24113,7 @@ var StatementOfCashFlowView = ({
 };
 
 // src/components/ChartOfAccounts/ChartOfAccounts.tsx
-import { useContext as useContext43 } from "react";
+import { useContext as useContext44 } from "react";
 
 // src/contexts/ChartOfAccountsContext/ChartOfAccountsContext.tsx
 import { createContext as createContext17 } from "react";
@@ -24084,7 +24172,7 @@ var LedgerAccountsContext = createContext18({
 });
 
 // src/hooks/useChartOfAccounts/useChartOfAccounts.tsx
-import { useEffect as useEffect34, useState as useState47 } from "react";
+import { useEffect as useEffect34, useState as useState50 } from "react";
 
 // src/components/ChartOfAccountsForm/constants.ts
 var LEDGER_ACCOUNT_TYPES = [
@@ -24384,13 +24472,13 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
   } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [form, setForm] = useState47();
-  const [sendingForm, setSendingForm] = useState47(false);
-  const [apiError, setApiError] = useState47(void 0);
-  const [startDate, setStartDate] = useState47(
+  const [form, setForm] = useState50();
+  const [sendingForm, setSendingForm] = useState50(false);
+  const [apiError, setApiError] = useState50(void 0);
+  const [startDate, setStartDate] = useState50(
     initialStartDate != null ? initialStartDate : startOfMonth15(Date.now())
   );
-  const [endDate, setEndDate] = useState47(
+  const [endDate, setEndDate] = useState50(
     initialEndDate != null ? initialEndDate : endOfMonth12(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()}`;
@@ -24605,17 +24693,17 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
 // src/hooks/useChartOfAccounts/useCreateChildAccount.tsx
 import useSWRMutation9 from "swr/mutation";
 import { useSWRConfig as useSWRConfig4 } from "swr";
-import { useCallback as useCallback12 } from "react";
+import { useCallback as useCallback14 } from "react";
 
 // src/hooks/useLedgerAccounts/useLedgerAccounts.tsx
-import { useEffect as useEffect35, useState as useState48 } from "react";
+import { useEffect as useEffect35, useState as useState51 } from "react";
 import useSWR15 from "swr";
 var useLedgerAccounts = (showReversalEntries = false) => {
   const { businessId, read, syncTimestamps, hasBeenTouched } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [accountId, setAccountId] = useState48();
-  const [selectedEntryId, setSelectedEntryId] = useState48();
+  const [accountId, setAccountId] = useState51();
+  const [selectedEntryId, setSelectedEntryId] = useState51();
   const queryKey = businessId && accountId && (auth == null ? void 0 : auth.access_token) && `ledger-accounts-lines-${businessId}-${accountId}`;
   const { data, isLoading, isValidating, error, mutate } = useSWR15(
     queryKey,
@@ -24673,7 +24761,7 @@ var useLedgerAccounts = (showReversalEntries = false) => {
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel.tsx
-import { useContext as useContext39, useState as useState50 } from "react";
+import { useContext as useContext40, useState as useState53 } from "react";
 
 // src/icons/Plus.tsx
 import { jsx as jsx215, jsxs as jsxs134 } from "react/jsx-runtime";
@@ -24714,11 +24802,11 @@ var Plus = (_a) => {
 var Plus_default = Plus;
 
 // src/components/ChartOfAccountsDatePicker/ChartOfAccountsDatePicker.tsx
-import { useContext as useContext36 } from "react";
+import { useContext as useContext37 } from "react";
 import { endOfMonth as endOfMonth13, startOfMonth as startOfMonth16 } from "date-fns";
 import { jsx as jsx216 } from "react/jsx-runtime";
 var ChartOfAccountsDatePicker = () => {
-  const { changeDateRange, dateRange } = useContext36(ChartOfAccountsContext);
+  const { changeDateRange, dateRange } = useContext37(ChartOfAccountsContext);
   return /* @__PURE__ */ jsx216(
     DatePicker,
     {
@@ -24737,7 +24825,7 @@ var ChartOfAccountsDatePicker = () => {
 };
 
 // src/components/ChartOfAccountsForm/ChartOfAccountsForm.tsx
-import { useContext as useContext37, useMemo as useMemo33 } from "react";
+import { useContext as useContext38, useMemo as useMemo33 } from "react";
 
 // src/components/ChartOfAccountsForm/useParentOptions.ts
 import { useMemo as useMemo32 } from "react";
@@ -24768,7 +24856,7 @@ var ChartOfAccountsForm = ({
     submitForm,
     sendingForm,
     apiError
-  } = useContext37(ChartOfAccountsContext);
+  } = useContext38(ChartOfAccountsContext);
   const parentOptions = useParentOptions(data);
   const entry = useMemo33(() => {
     if ((form == null ? void 0 : form.action) === "edit" && form.accountId) {
@@ -24983,7 +25071,7 @@ var ChartOfAccountsSidebar = ({
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
-import { Fragment as Fragment29, useContext as useContext38, useEffect as useEffect36, useState as useState49 } from "react";
+import { Fragment as Fragment30, useContext as useContext39, useEffect as useEffect36, useState as useState52 } from "react";
 
 // src/icons/Edit2.tsx
 import { jsx as jsx219 } from "react/jsx-runtime";
@@ -25043,10 +25131,10 @@ var ChartOfAccountsTableContent = ({
   expandAll,
   templateAccountsEditable
 }) => {
-  const { setAccountId } = useContext38(LedgerAccountsContext);
-  const { editAccount } = useContext38(ChartOfAccountsContext);
+  const { setAccountId } = useContext39(LedgerAccountsContext);
+  const { editAccount } = useContext39(ChartOfAccountsContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
-  const [accountsRowKeys, setAccountsRowKeys] = useState49([]);
+  const [accountsRowKeys, setAccountsRowKeys] = useState52([]);
   useEffect36(() => {
     if (expandAll === "expanded") {
       setIsOpen(accountsRowKeys);
@@ -25073,7 +25161,7 @@ var ChartOfAccountsTableContent = ({
     var _a, _b;
     const expandable = !!account.sub_accounts && account.sub_accounts.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ jsxs136(Fragment29, { children: [
+    return /* @__PURE__ */ jsxs136(Fragment30, { children: [
       /* @__PURE__ */ jsxs136(
         TableRow,
         {
@@ -25205,7 +25293,7 @@ function useAccountBalancesDownload({
 }
 
 // src/components/ChartOfAccounts/download/AccountBalancesDownloadButton.tsx
-import { Fragment as Fragment30, jsx as jsx221, jsxs as jsxs137 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx221, jsxs as jsxs137 } from "react/jsx-runtime";
 function AccountBalancesDownloadButton({
   startCutoff,
   endCutoff,
@@ -25217,7 +25305,7 @@ function AccountBalancesDownloadButton({
     endCutoff,
     onSuccess: ({ presignedUrl }) => triggerInvisibleDownload({ url: presignedUrl })
   });
-  return /* @__PURE__ */ jsxs137(Fragment30, { children: [
+  return /* @__PURE__ */ jsxs137(Fragment31, { children: [
     /* @__PURE__ */ jsx221(
       DownloadButton,
       {
@@ -25249,8 +25337,8 @@ var ChartOfAccountsTableWithPanel = ({
   templateAccountsEditable
 }) => {
   var _a;
-  const { data, isLoading, addAccount, error, isValidating, refetch, form } = useContext39(ChartOfAccountsContext);
-  const [expandAll, setExpandAll] = useState50();
+  const { data, isLoading, addAccount, error, isValidating, refetch, form } = useContext40(ChartOfAccountsContext);
+  const [expandAll, setExpandAll] = useState53();
   const cumulativeIndex = 0;
   const accountsLength = (_a = data == null ? void 0 : data.accounts.length) != null ? _a : 0;
   return /* @__PURE__ */ jsxs138(
@@ -25356,14 +25444,14 @@ var ChartOfAccountsTableWithPanel = ({
 
 // src/components/LedgerAccount/LedgerAccountIndex.tsx
 import {
-  useContext as useContext42,
+  useContext as useContext43,
   useEffect as useEffect38,
   useMemo as useMemo35,
-  useState as useState52
+  useState as useState55
 } from "react";
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
-import { useContext as useContext40, useMemo as useMemo34 } from "react";
+import { useContext as useContext41, useMemo as useMemo34 } from "react";
 
 // src/utils/journal.ts
 var getAccountIdentifierPayload = (journalLineItem) => {
@@ -25395,14 +25483,14 @@ import { parseISO as parseISO13, format as formatTime10 } from "date-fns";
 import { jsx as jsx223, jsxs as jsxs139 } from "react/jsx-runtime";
 var DateTime = ({
   value,
-  format: format7,
+  format: format8,
   dateFormat,
   timeFormat,
   onlyDate,
   onlyTime
 }) => {
-  if (format7) {
-    return /* @__PURE__ */ jsx223(Text, { className: "Layer__datetime", children: formatTime10(parseISO13(value), format7) });
+  if (format8) {
+    return /* @__PURE__ */ jsx223(Text, { className: "Layer__datetime", children: formatTime10(parseISO13(value), format8) });
   }
   const date = formatTime10(parseISO13(value), dateFormat != null ? dateFormat : DATE_FORMAT);
   const time = formatTime10(parseISO13(value), timeFormat != null ? timeFormat : TIME_FORMAT);
@@ -25469,7 +25557,7 @@ var DetailsListItem = ({
 };
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
-import { Fragment as Fragment31, jsx as jsx226, jsxs as jsxs142 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx226, jsxs as jsxs142 } from "react/jsx-runtime";
 var SourceDetailView = ({
   source,
   stringOverrides
@@ -25477,7 +25565,7 @@ var SourceDetailView = ({
   switch (source.type) {
     case "Transaction_Ledger_Entry_Source": {
       const transactionSource = source;
-      return /* @__PURE__ */ jsxs142(Fragment31, { children: [
+      return /* @__PURE__ */ jsxs142(Fragment32, { children: [
         /* @__PURE__ */ jsx226(
           DetailsListItem,
           {
@@ -25505,7 +25593,7 @@ var SourceDetailView = ({
     }
     case "Invoice_Ledger_Entry_Source": {
       const invoiceSource = source;
-      return /* @__PURE__ */ jsxs142(Fragment31, { children: [
+      return /* @__PURE__ */ jsxs142(Fragment32, { children: [
         /* @__PURE__ */ jsx226(
           DetailsListItem,
           {
@@ -25526,7 +25614,7 @@ var SourceDetailView = ({
     }
     case "Manual_Ledger_Entry_Source": {
       const manualSource = source;
-      return /* @__PURE__ */ jsxs142(Fragment31, { children: [
+      return /* @__PURE__ */ jsxs142(Fragment32, { children: [
         /* @__PURE__ */ jsx226(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.memoLabel) || "Memo", children: manualSource.memo }),
         /* @__PURE__ */ jsx226(
           DetailsListItem,
@@ -25539,7 +25627,7 @@ var SourceDetailView = ({
     }
     case "Invoice_Payment_Ledger_Entry_Source": {
       const invoicePaymentSource = source;
-      return /* @__PURE__ */ jsxs142(Fragment31, { children: [
+      return /* @__PURE__ */ jsxs142(Fragment32, { children: [
         /* @__PURE__ */ jsx226(
           DetailsListItem,
           {
@@ -25552,7 +25640,7 @@ var SourceDetailView = ({
     }
     case "Refund_Ledger_Entry_Source": {
       const refundSource = source;
-      return /* @__PURE__ */ jsxs142(Fragment31, { children: [
+      return /* @__PURE__ */ jsxs142(Fragment32, { children: [
         /* @__PURE__ */ jsx226(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount", children: `$${centsToDollars(refundSource.refunded_to_customer_amount)}` }),
         /* @__PURE__ */ jsx226(
           DetailsListItem,
@@ -25565,7 +25653,7 @@ var SourceDetailView = ({
     }
     case "Refund_Payment_Ledger_Entry_Source": {
       const refundSource = source;
-      return /* @__PURE__ */ jsxs142(Fragment31, { children: [
+      return /* @__PURE__ */ jsxs142(Fragment32, { children: [
         /* @__PURE__ */ jsx226(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount", children: `$${centsToDollars(refundSource.refunded_to_customer_amount)}` }),
         /* @__PURE__ */ jsx226(
           DetailsListItem,
@@ -25578,7 +25666,7 @@ var SourceDetailView = ({
     }
     case "Opening_Balance_Ledger_Entry_Source": {
       const openingBalanceSource = source;
-      return /* @__PURE__ */ jsx226(Fragment31, { children: /* @__PURE__ */ jsx226(
+      return /* @__PURE__ */ jsx226(Fragment32, { children: /* @__PURE__ */ jsx226(
         DetailsListItem,
         {
           label: (stringOverrides == null ? void 0 : stringOverrides.accountNameLabel) || "Account name",
@@ -25588,7 +25676,7 @@ var SourceDetailView = ({
     }
     case "Payout_Ledger_Entry_Source": {
       const payoutSource = source;
-      return /* @__PURE__ */ jsxs142(Fragment31, { children: [
+      return /* @__PURE__ */ jsxs142(Fragment32, { children: [
         /* @__PURE__ */ jsx226(DetailsListItem, { label: (stringOverrides == null ? void 0 : stringOverrides.amountLabel) || "Amount", children: `$${centsToDollars(payoutSource.paid_out_amount)}` }),
         /* @__PURE__ */ jsx226(
           DetailsListItem,
@@ -25607,7 +25695,7 @@ 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 } = useContext40(LedgerAccountsContext);
+  const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = useContext41(LedgerAccountsContext);
   const { totalDebit, totalCredit } = useMemo34(() => {
     var _a2;
     let totalDebit2 = 0;
@@ -25754,7 +25842,7 @@ var LedgerAccountEntryDetails = ({
 };
 
 // src/components/LedgerAccount/LedgerAccountRow.tsx
-import { useContext as useContext41, useEffect as useEffect37, useState as useState51 } from "react";
+import { useContext as useContext42, useEffect as useEffect37, useState as useState54 } from "react";
 import classNames67 from "classnames";
 import { parseISO as parseISO14, format as formatTime11 } from "date-fns";
 import { jsx as jsx227, jsxs as jsxs143 } from "react/jsx-runtime";
@@ -25765,8 +25853,8 @@ var LedgerAccountRow = ({
   view
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = useContext41(LedgerAccountsContext);
-  const [showComponent, setShowComponent] = useState51(false);
+  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = useContext42(LedgerAccountsContext);
+  const [showComponent, setShowComponent] = useState54(false);
   useEffect37(() => {
     if (initialLoad) {
       const timeoutId = setTimeout(() => {
@@ -25903,7 +25991,7 @@ var LedgerAccountRow = ({
 
 // src/components/LedgerAccount/LedgerAccountIndex.tsx
 import classNames68 from "classnames";
-import { Fragment as Fragment32, jsx as jsx228, jsxs as jsxs144 } from "react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx228, jsxs as jsxs144 } from "react/jsx-runtime";
 var LedgerAccount = ({
   containerRef,
   pageSize = 15,
@@ -25911,9 +25999,9 @@ var LedgerAccount = ({
   stringOverrides
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const [currentPage, setCurrentPage] = useState52(1);
-  const [initialLoad, setInitialLoad] = useState52(true);
-  const { data: accountData } = useContext42(ChartOfAccountsContext);
+  const [currentPage, setCurrentPage] = useState55(1);
+  const [initialLoad, setInitialLoad] = useState55(true);
+  const { data: accountData } = useContext43(ChartOfAccountsContext);
   const {
     data: rawData,
     error,
@@ -25924,7 +26012,7 @@ var LedgerAccount = ({
     selectedEntryId,
     closeSelectedEntry,
     refetch
-  } = useContext42(LedgerAccountsContext);
+  } = useContext43(LedgerAccountsContext);
   useEffect38(() => {
     if (!isLoading) {
       const timeoutLoad = setTimeout(() => {
@@ -26002,12 +26090,12 @@ var LedgerAccount = ({
         /* @__PURE__ */ jsxs144("table", { className: "Layer__table Layer__table--hover-effect Layer__ledger-account-table", children: [
           /* @__PURE__ */ jsx228("thead", { children: /* @__PURE__ */ jsxs144("tr", { children: [
             view !== "desktop" && /* @__PURE__ */ jsx228("th", {}),
-            view === "desktop" && /* @__PURE__ */ jsxs144(Fragment32, { children: [
+            view === "desktop" && /* @__PURE__ */ jsxs144(Fragment33, { children: [
               /* @__PURE__ */ jsx228("th", { className: "Layer__table-header", children: ((_b = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _b.dateColumnHeader) || "Date" }),
               /* @__PURE__ */ jsx228("th", { className: "Layer__table-header", children: ((_c = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _c.journalIdColumnHeader) || "Journal id #" }),
               /* @__PURE__ */ jsx228("th", { className: "Layer__table-header", children: ((_d = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _d.sourceColumnHeader) || "Source" })
             ] }),
-            view !== "mobile" && /* @__PURE__ */ jsxs144(Fragment32, { children: [
+            view !== "mobile" && /* @__PURE__ */ jsxs144(Fragment33, { children: [
               /* @__PURE__ */ jsx228("th", { className: "Layer__table-header Layer__table-cell--amount", children: ((_e = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _e.debitColumnHeader) || "Debit" }),
               /* @__PURE__ */ jsx228("th", { className: "Layer__table-header Layer__table-cell--amount", children: ((_f = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _f.creditColumnHeader) || "Credit" }),
               /* @__PURE__ */ jsx228("th", { className: "Layer__table-header Layer__table-cell--amount", children: ((_g = stringOverrides == null ? void 0 : stringOverrides.ledgerEntriesTable) == null ? void 0 : _g.runningBalanceColumnHeader) || "Running balance" })
@@ -26080,7 +26168,7 @@ var ChartOfAccountsContent = ({
   templateAccountsEditable,
   showAddAccountButton
 }) => {
-  const { accountId } = useContext43(LedgerAccountsContext);
+  const { accountId } = useContext44(LedgerAccountsContext);
   const { view, containerRef } = useElementViewSize();
   return /* @__PURE__ */ jsx229(Container, { name: "chart-of-accounts", ref: containerRef, asWidget, children: accountId ? /* @__PURE__ */ jsx229(
     LedgerAccount,
@@ -26140,7 +26228,7 @@ var JournalContext = createContext19({
 });
 
 // src/hooks/useJournal/useJournal.tsx
-import { useEffect as useEffect39, useState as useState53 } from "react";
+import { useEffect as useEffect39, useState as useState56 } from "react";
 import useSWR16 from "swr";
 var useJournal = () => {
   const {
@@ -26152,11 +26240,11 @@ var useJournal = () => {
   } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [selectedEntryId, setSelectedEntryId] = useState53();
-  const [form, setForm] = useState53();
-  const [addingEntry, setAddingEntry] = useState53(false);
-  const [sendingForm, setSendingForm] = useState53(false);
-  const [apiError, setApiError] = useState53(void 0);
+  const [selectedEntryId, setSelectedEntryId] = useState56();
+  const [form, setForm] = useState56();
+  const [addingEntry, setAddingEntry] = useState56(false);
+  const [sendingForm, setSendingForm] = useState56(false);
+  const [apiError, setApiError] = useState56(void 0);
   const queryKey = businessId && (auth == null ? void 0 : auth.access_token) && `journal-lines-${businessId}`;
   const { data, isLoading, isValidating, error, mutate } = useSWR16(
     queryKey,
@@ -26409,13 +26497,13 @@ var useJournal = () => {
 };
 
 // src/components/JournalTable/JournalTableWithPanel.tsx
-import { useContext as useContext49, useMemo as useMemo38, useState as useState55 } from "react";
+import { useContext as useContext50, useMemo as useMemo38, useState as useState58 } from "react";
 
 // src/components/JournalSidebar/JournalSidebar.tsx
-import { useContext as useContext47 } from "react";
+import { useContext as useContext48 } from "react";
 
 // src/components/JournalEntryDetails/JournalEntryDetails.tsx
-import { useContext as useContext44, useMemo as useMemo36, useState as useState54 } from "react";
+import { useContext as useContext45, useMemo as useMemo36, useState as useState57 } from "react";
 import { jsx as jsx230, jsxs as jsxs145 } from "react/jsx-runtime";
 var JournalEntryDetails = () => {
   var _a, _b, _c, _d;
@@ -26427,9 +26515,9 @@ var JournalEntryDetails = () => {
     selectedEntryId,
     reverseEntry,
     refetch
-  } = useContext44(JournalContext);
-  const [reverseEntryProcessing, setReverseEntryProcessing] = useState54(false);
-  const [reverseEntryError, setReverseEntryError] = useState54();
+  } = useContext45(JournalContext);
+  const [reverseEntryProcessing, setReverseEntryProcessing] = useState57(false);
+  const [reverseEntryError, setReverseEntryError] = useState57();
   const entry = useMemo36(() => {
     if (selectedEntryId && data) {
       return data.find((x) => x.id === selectedEntryId);
@@ -26614,11 +26702,11 @@ var JournalEntryDetails = () => {
 };
 
 // src/components/JournalForm/JournalForm.tsx
-import { useContext as useContext46 } from "react";
+import { useContext as useContext47 } from "react";
 
 // src/components/JournalForm/JournalFormEntryLines.tsx
-import { useContext as useContext45, useMemo as useMemo37 } from "react";
-import { Fragment as Fragment33, jsx as jsx231, jsxs as jsxs146 } from "react/jsx-runtime";
+import { useContext as useContext46, useMemo as useMemo37 } from "react";
+import { Fragment as Fragment34, jsx as jsx231, jsxs as jsxs146 } from "react/jsx-runtime";
 function recursiveFlattenCategories(accounts) {
   const flattenedResult = accounts.flatMap((a) => {
     var _a;
@@ -26638,7 +26726,7 @@ var JournalFormEntryLines = ({
   config
 }) => {
   const { data: categories } = useCategories({ mode: "ALL" });
-  const { form } = useContext45(JournalContext);
+  const { form } = useContext46(JournalContext);
   const { flattenedCategories, parentOptions } = useMemo37(() => {
     const flattenedCategories2 = recursiveFlattenCategories(categories != null ? categories : []);
     const parentOptions2 = [...flattenedCategories2].sort((a, b) => a.display_name.localeCompare(b.display_name)).map((account) => {
@@ -26719,7 +26807,7 @@ var JournalFormEntryLines = ({
       ]
     );
   };
-  return /* @__PURE__ */ jsx231(Fragment33, { children: ["DEBIT", "CREDIT"].map((direction, idx) => {
+  return /* @__PURE__ */ jsx231(Fragment34, { children: ["DEBIT", "CREDIT"].map((direction, idx) => {
     return /* @__PURE__ */ jsxs146(
       "div",
       {
@@ -26851,7 +26939,7 @@ var JournalForm = ({
     changeFormData,
     addEntryLine,
     removeEntryLine
-  } = useContext46(JournalContext);
+  } = useContext47(JournalContext);
   return /* @__PURE__ */ jsxs147(
     "form",
     {
@@ -26999,7 +27087,7 @@ var JournalSidebar = ({
   config,
   stringOverrides
 }) => {
-  const { selectedEntryId } = useContext47(JournalContext);
+  const { selectedEntryId } = useContext48(JournalContext);
   if (selectedEntryId !== "new") {
     return /* @__PURE__ */ jsx233(JournalEntryDetails, {});
   }
@@ -27007,7 +27095,7 @@ var JournalSidebar = ({
 };
 
 // src/components/JournalTable/JournalTable.tsx
-import { Fragment as Fragment34, useContext as useContext48, useEffect as useEffect40 } from "react";
+import { Fragment as Fragment35, useContext as useContext49, useEffect as useEffect40 } from "react";
 import { parseISO as parseISO15, format as formatTime12 } from "date-fns";
 import { jsx as jsx234, jsxs as jsxs148 } from "react/jsx-runtime";
 var accountName = (row) => {
@@ -27035,7 +27123,7 @@ var JournalTableContent = ({
   data,
   stringOverrides
 }) => {
-  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = useContext48(JournalContext);
+  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = useContext49(JournalContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
   useEffect40(() => {
     if (data.length > 0) {
@@ -27045,7 +27133,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__ */ jsxs148(Fragment34, { children: [
+    return /* @__PURE__ */ jsxs148(Fragment35, { children: [
       /* @__PURE__ */ jsxs148(
         TableRow,
         {
@@ -27181,7 +27269,7 @@ function useJournalEntriesDownload({
 }
 
 // src/components/Journal/download/JournalEntriesDownloadButton.tsx
-import { Fragment as Fragment35, jsx as jsx235, jsxs as jsxs149 } from "react/jsx-runtime";
+import { Fragment as Fragment36, jsx as jsx235, jsxs as jsxs149 } from "react/jsx-runtime";
 function JournalEntriesDownloadButton({
   startCutoff,
   endCutoff,
@@ -27193,7 +27281,7 @@ function JournalEntriesDownloadButton({
     endCutoff,
     onSuccess: ({ presignedUrl }) => triggerInvisibleDownload({ url: presignedUrl })
   });
-  return /* @__PURE__ */ jsxs149(Fragment35, { children: [
+  return /* @__PURE__ */ jsxs149(Fragment36, { children: [
     /* @__PURE__ */ jsx235(
       DownloadButton,
       {
@@ -27221,7 +27309,7 @@ var JournalTableWithPanel = ({
   stringOverrides,
   view
 }) => {
-  const [currentPage, setCurrentPage] = useState55(1);
+  const [currentPage, setCurrentPage] = useState58(1);
   const {
     data: rawData,
     isLoading,
@@ -27230,7 +27318,7 @@ var JournalTableWithPanel = ({
     refetch,
     selectedEntryId,
     addEntry
-  } = useContext49(JournalContext);
+  } = useContext50(JournalContext);
   const data = useMemo38(() => {
     var _a;
     const firstPageIndex = (currentPage - 1) * pageSize;
@@ -27427,7 +27515,7 @@ var SmileIcon = (_a) => {
 var SmileIcon_default = SmileIcon;
 
 // src/components/Tasks/TasksListItem.tsx
-import { useEffect as useEffect41, useMemo as useMemo39, useState as useState56 } from "react";
+import { useEffect as useEffect41, useMemo as useMemo39, useState as useState59 } from "react";
 import classNames69 from "classnames";
 
 // src/utils/bookkeeping/tasks/getBookkeepingTaskStatusIcon.tsx
@@ -27485,7 +27573,7 @@ function completeTaskWithUpload(baseUrl, accessToken, {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useSubmitResponseForTask.ts
-import { useCallback as useCallback13 } from "react";
+import { useCallback as useCallback15 } from "react";
 function buildKey21({
   access_token: accessToken,
   apiUrl,
@@ -27528,7 +27616,7 @@ function useSubmitUserResponseForTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback13(
+  const stableProxiedTrigger = useCallback15(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -27555,7 +27643,7 @@ function useSubmitUserResponseForTask() {
 // src/hooks/bookkeeping/periods/tasks/useUploadDocumentsForTask.ts
 import { useSWRConfig as useSWRConfig6 } from "swr";
 import useSWRMutation13 from "swr/mutation";
-import { useCallback as useCallback14 } from "react";
+import { useCallback as useCallback16 } from "react";
 function buildKey22({
   access_token: accessToken,
   apiUrl,
@@ -27594,7 +27682,7 @@ function useUploadDocumentsForTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback14(
+  const stableProxiedTrigger = useCallback16(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -27621,7 +27709,7 @@ function useUploadDocumentsForTask() {
 // src/hooks/bookkeeping/periods/tasks/useDeleteUploadsOnTask.ts
 import { useSWRConfig as useSWRConfig7 } from "swr";
 import useSWRMutation14 from "swr/mutation";
-import { useCallback as useCallback15 } from "react";
+import { useCallback as useCallback17 } from "react";
 function buildKey23({
   access_token: accessToken,
   apiUrl,
@@ -27657,7 +27745,7 @@ function useDeleteUploadsOnTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback15(
+  const stableProxiedTrigger = useCallback17(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -27684,7 +27772,7 @@ function useDeleteUploadsOnTask() {
 // src/hooks/bookkeeping/periods/tasks/useUpdateTaskUploadDescription.ts
 import { useSWRConfig as useSWRConfig8 } from "swr";
 import useSWRMutation15 from "swr/mutation";
-import { useCallback as useCallback16 } from "react";
+import { useCallback as useCallback18 } from "react";
 function buildKey24({
   access_token: accessToken,
   apiUrl,
@@ -27724,7 +27812,7 @@ function useUpdateTaskUploadDescription() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback16(
+  const stableProxiedTrigger = useCallback18(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -27749,15 +27837,15 @@ function useUpdateTaskUploadDescription() {
 }
 
 // src/components/Tasks/TasksListItem.tsx
-import { Fragment as Fragment36, jsx as jsx241, jsxs as jsxs152 } from "react/jsx-runtime";
+import { Fragment as Fragment37, jsx as jsx241, jsxs as jsxs152 } from "react/jsx-runtime";
 var TasksListItem = ({
   task,
   defaultOpen
 }) => {
   var _a, _b;
-  const [isOpen, setIsOpen] = useState56(defaultOpen);
-  const [userResponse, setUserResponse] = useState56((_a = task.user_response) != null ? _a : "");
-  const [selectedFiles, setSelectedFiles] = useState56();
+  const [isOpen, setIsOpen] = useState59(defaultOpen);
+  const [userResponse, setUserResponse] = useState59((_a = task.user_response) != null ? _a : "");
+  const [selectedFiles, setSelectedFiles] = useState59();
   const { trigger: handleSubmitUserResponseForTask } = useSubmitUserResponseForTask();
   const { trigger: handleUploadDocumentsForTask } = useUploadDocumentsForTask();
   const { trigger: handleDeleteUploadsOnTask } = useDeleteUploadsOnTask();
@@ -27805,7 +27893,7 @@ var TasksListItem = ({
             }
           );
         } else {
-          return /* @__PURE__ */ jsxs152(Fragment36, { children: [
+          return /* @__PURE__ */ jsxs152(Fragment37, { children: [
             /* @__PURE__ */ jsx241(
               Button,
               {
@@ -27935,7 +28023,7 @@ var MobilePanel = ({ header, children, open: open2, onClose, className }) => {
 };
 
 // src/components/Tasks/TasksListMobile.tsx
-import { useState as useState57 } from "react";
+import { useState as useState60 } from "react";
 import { jsx as jsx243, jsxs as jsxs154 } from "react/jsx-runtime";
 var MOBILE_SHOW_UNRESOLVED_TASKS_COUNT = 2;
 var TasksListMobile = ({
@@ -27946,7 +28034,7 @@ var TasksListMobile = ({
   pageSize,
   setCurrentPage
 }) => {
-  const [showMobilePanel, setShowMobilePanel] = useState57(false);
+  const [showMobilePanel, setShowMobilePanel] = useState60(false);
   const unresolvedTasks = getIncompleteTasks(sortedTasks).slice(0, MOBILE_SHOW_UNRESOLVED_TASKS_COUNT);
   return /* @__PURE__ */ jsxs154("div", { className: "Layer__tasks-list", children: [
     unresolvedTasks.map((task, index) => /* @__PURE__ */ jsx243(
@@ -27994,9 +28082,9 @@ var TasksListMobile = ({
 };
 
 // src/hooks/array/usePaginatedList.ts
-import { useCallback as useCallback17, useMemo as useMemo40, useState as useState58 } from "react";
+import { useCallback as useCallback19, useMemo as useMemo40, useState as useState61 } from "react";
 function usePaginatedList(list, pageSize) {
-  const [internalPageIndex, setInternalPageIndex] = useState58(0);
+  const [internalPageIndex, setInternalPageIndex] = useState61(0);
   const pageCount = Math.max(0, Math.ceil(list.length / pageSize));
   const effectivePageIndex = Math.max(0, Math.min(internalPageIndex, pageCount - 1));
   const pageItems = useMemo40(() => {
@@ -28005,16 +28093,16 @@ function usePaginatedList(list, pageSize) {
       (effectivePageIndex + 1) * pageSize
     );
   }, [list, effectivePageIndex, pageSize]);
-  const next = useCallback17(() => {
+  const next = useCallback19(() => {
     setInternalPageIndex(Math.min(effectivePageIndex + 1, pageCount - 1));
   }, [effectivePageIndex, pageCount]);
-  const set2 = useCallback17((pageIndex) => {
+  const set2 = useCallback19((pageIndex) => {
     setInternalPageIndex(Math.max(0, Math.min(pageIndex, pageCount - 1)));
   }, [pageCount]);
-  const previous = useCallback17(() => {
+  const previous = useCallback19(() => {
     setInternalPageIndex(Math.max(effectivePageIndex - 1, 0));
   }, [effectivePageIndex]);
-  const reset = useCallback17(() => {
+  const reset = useCallback19(() => {
     setInternalPageIndex(0);
   }, []);
   return {
@@ -28030,7 +28118,7 @@ function usePaginatedList(list, pageSize) {
 }
 
 // src/components/Tasks/TasksList.tsx
-import { Fragment as Fragment37, jsx as jsx244, jsxs as jsxs155 } from "react/jsx-runtime";
+import { Fragment as Fragment38, jsx as jsx244, jsxs as jsxs155 } from "react/jsx-runtime";
 var TasksEmptyState = () => /* @__PURE__ */ jsxs155("div", { className: "Layer__tasks-empty-state", children: [
   /* @__PURE__ */ jsx244("div", { className: "Layer__tasks-icon", children: /* @__PURE__ */ jsx244(SmileIcon_default, {}) }),
   /* @__PURE__ */ jsxs155(Text, { size: "sm" /* sm */, children: [
@@ -28070,7 +28158,7 @@ function TasksList({ pageSize = 8, mobile }) {
       }
     );
   }
-  return /* @__PURE__ */ jsx244("div", { className: "Layer__tasks-list", children: sortedTasks && sortedTasks.length > 0 ? /* @__PURE__ */ jsxs155(Fragment37, { children: [
+  return /* @__PURE__ */ jsx244("div", { className: "Layer__tasks-list", children: sortedTasks && sortedTasks.length > 0 ? /* @__PURE__ */ jsxs155(Fragment38, { children: [
     pageItems.map((task, index) => /* @__PURE__ */ jsx244(
       TasksListItem,
       {
@@ -28093,7 +28181,7 @@ function TasksList({ pageSize = 8, mobile }) {
 
 // src/components/Tasks/TasksPending.tsx
 import { Cell as Cell4, Pie as Pie3, PieChart as PieChart4 } from "recharts";
-import { format as format5 } from "date-fns";
+import { format as format6 } from "date-fns";
 import classNames71 from "classnames";
 
 // src/components/BookkeepingStatus/BookkeepingStatusDescription.tsx
@@ -28107,7 +28195,7 @@ var BookkeepingStatusDescription = ({ monthNumber, status, incompleteTasksCount
 };
 
 // src/components/Tasks/TasksPending.tsx
-import { Fragment as Fragment38, jsx as jsx246, jsxs as jsxs156 } from "react/jsx-runtime";
+import { Fragment as Fragment39, jsx as jsx246, jsxs as jsxs156 } from "react/jsx-runtime";
 var TasksPending = () => {
   var _a, _b, _c, _d;
   const { date } = useGlobalDate();
@@ -28130,7 +28218,7 @@ var TasksPending = () => {
   );
   return /* @__PURE__ */ jsxs156("div", { className: "Layer__tasks-pending", children: [
     /* @__PURE__ */ jsxs156("div", { className: "Layer__tasks-pending-header", children: [
-      /* @__PURE__ */ jsx246(Heading, { size: "secondary" /* secondary */, children: format5(date, "MMMM yyyy") }),
+      /* @__PURE__ */ jsx246(Heading, { size: "secondary" /* secondary */, children: format6(date, "MMMM yyyy") }),
       (activePeriod == null ? void 0 : activePeriod.tasks) && activePeriod.tasks.length > 0 ? /* @__PURE__ */ jsxs156("div", { className: "Layer__tasks-pending-bar", children: [
         /* @__PURE__ */ jsxs156(Text, { size: "sm" /* sm */, children: [
           /* @__PURE__ */ jsx246("span", { className: taskStatusClassName, children: completedTaskCount }),
@@ -28169,8 +28257,8 @@ var TasksPending = () => {
         ) })
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsx246("div", { className: "Layer__tasks-pending-main", children: activePeriod && /* @__PURE__ */ jsxs156(Fragment38, { children: [
-      /* @__PURE__ */ jsx246(BookkeepingStatus, { status: activePeriod.status, monthNumber: activePeriod.month }),
+    /* @__PURE__ */ jsx246("div", { className: "Layer__tasks-pending-main", children: activePeriod && /* @__PURE__ */ jsxs156(Fragment39, { children: [
+      /* @__PURE__ */ jsx246(BookkeepingStatus2, { status: activePeriod.status, monthNumber: activePeriod.month }),
       /* @__PURE__ */ jsx246(
         BookkeepingStatusDescription,
         {
@@ -28185,16 +28273,16 @@ var TasksPending = () => {
 
 // src/components/Tasks/TasksMonthSelector.tsx
 import { useMemo as useMemo42 } from "react";
-import { format as format6, getMonth as getMonth3, getYear as getYear4, set } from "date-fns";
+import { format as format7, getMonth as getMonth3, getYear as getYear4, set } from "date-fns";
 
 // src/components/Tasks/TaskStatusBadge.tsx
 import pluralize2 from "pluralize";
 import { jsx as jsx247, jsxs as jsxs157 } from "react/jsx-runtime";
 var buildBadgeConfig = (status, tasksCount) => {
   switch (status) {
-    case "IN_PROGRESS_AWAITING_BOOKKEEPER":
-    case "NOT_STARTED":
-    case "CLOSING_IN_REVIEW": {
+    case "IN_PROGRESS_AWAITING_BOOKKEEPER" /* IN_PROGRESS_AWAITING_BOOKKEEPER */:
+    case "NOT_STARTED" /* NOT_STARTED */:
+    case "CLOSING_IN_REVIEW" /* CLOSING_IN_REVIEW */: {
       return {
         color: "info",
         icon: /* @__PURE__ */ jsx247(Clock_default, { size: 12 }),
@@ -28202,8 +28290,8 @@ var buildBadgeConfig = (status, tasksCount) => {
         labelShort: tasksCount ? `${tasksCount}` : void 0
       };
     }
-    case "IN_PROGRESS_AWAITING_CUSTOMER":
-    case "CLOSED_OPEN_TASKS": {
+    case "IN_PROGRESS_AWAITING_CUSTOMER" /* IN_PROGRESS_AWAITING_CUSTOMER */:
+    case "CLOSED_OPEN_TASKS" /* CLOSED_OPEN_TASKS */: {
       return {
         color: "warning",
         label: tasksCount ? pluralize2("task", tasksCount, true) : void 0,
@@ -28211,13 +28299,13 @@ var buildBadgeConfig = (status, tasksCount) => {
         icon: /* @__PURE__ */ jsx247(AlertCircle_default, { size: 12 })
       };
     }
-    case "CLOSED_COMPLETE": {
+    case "CLOSED_COMPLETE" /* CLOSED_COMPLETE */: {
       return {
         color: "success",
         icon: /* @__PURE__ */ jsx247(CheckCircle_default, { size: 12 })
       };
     }
-    case "BOOKKEEPING_NOT_ACTIVE": {
+    case "BOOKKEEPING_NOT_ACTIVE" /* BOOKKEEPING_NOT_ACTIVE */: {
       return;
     }
     default: {
@@ -28311,12 +28399,12 @@ function TasksMonthSelector() {
         year: activeYear,
         month: index + 1,
         tasks: [],
-        status: "BOOKKEEPING_NOT_ACTIVE",
+        status: "BOOKKEEPING_NOT_ACTIVE" /* BOOKKEEPING_NOT_ACTIVE */,
         disabled: true
       };
       const total = (_b = (_a = taskData.tasks) == null ? void 0 : _a.length) != null ? _b : 0;
       return __spreadValues({
-        monthStr: format6(date2, "MMM"),
+        monthStr: format7(date2, "MMM"),
         date: date2,
         completed: getCompletedTasks(taskData.tasks).length,
         total
@@ -28514,7 +28602,7 @@ var TasksPanelNotification = ({
 import { useMemo as useMemo44 } from "react";
 
 // src/components/Tabs/Tabs.tsx
-import { useEffect as useEffect42, useState as useState59 } from "react";
+import { useEffect as useEffect42, useState as useState62 } from "react";
 
 // src/components/Tabs/Tab.tsx
 import { jsx as jsx252, jsxs as jsxs161 } from "react/jsx-runtime";
@@ -28581,9 +28669,9 @@ import { jsx as jsx253, jsxs as jsxs162 } from "react/jsx-runtime";
 import { createElement as createElement2 } from "react";
 var STARTING_PADDING = 12;
 var Tabs = ({ name, options, selected, onChange }) => {
-  const [initialized, setInitialized] = useState59(false);
-  const [thumbPos, setThumbPos] = useState59({ left: 0, width: 0 });
-  const [currentWidth, setCurrentWidth] = useState59(0);
+  const [initialized, setInitialized] = useState62(false);
+  const [thumbPos, setThumbPos] = useState62({ left: 0, width: 0 });
+  const [currentWidth, setCurrentWidth] = useState62(0);
   const selectedValue = selected || options[0].value;
   const baseClassName = classNames72(
     "Layer__tabs",
@@ -28681,7 +28769,7 @@ var TasksYearsTabs = () => {
         badge: !y.completed && y.unresolvedTasks ? /* @__PURE__ */ jsx254(
           TaskStatusBadge,
           {
-            status: y.unresolvedTasks ? "IN_PROGRESS_AWAITING_CUSTOMER" : "CLOSED_COMPLETE",
+            status: y.unresolvedTasks ? "IN_PROGRESS_AWAITING_CUSTOMER" /* IN_PROGRESS_AWAITING_CUSTOMER */ : "CLOSED_COMPLETE" /* CLOSED_COMPLETE */,
             tasksCount: y.unresolvedTasks
           }
         ) : null
@@ -28729,7 +28817,7 @@ function TasksEmptyContainer({ children }) {
 }
 
 // src/components/Tasks/Tasks.tsx
-import { Fragment as Fragment39, jsx as jsx256, jsxs as jsxs163 } from "react/jsx-runtime";
+import { Fragment as Fragment40, jsx as jsx256, jsxs as jsxs163 } from "react/jsx-runtime";
 function Tasks({
   mobile = false,
   tasksHeader,
@@ -28762,7 +28850,7 @@ function Tasks({
               /* @__PURE__ */ jsx256(Heading2, { size: "xs", level: 4, children: "Not Enrolled in Bookkeeping" }),
               /* @__PURE__ */ jsx256(P, { children: "If you believe this is an error, please contact support." })
             ] }) }),
-            children: () => /* @__PURE__ */ jsxs163(Fragment39, { children: [
+            children: () => /* @__PURE__ */ jsxs163(Fragment40, { children: [
               /* @__PURE__ */ jsx256(TasksYearsTabs, {}),
               /* @__PURE__ */ jsx256(TasksMonthSelector, {}),
               /* @__PURE__ */ jsx256(TasksPending, {}),
@@ -28776,20 +28864,20 @@ function Tasks({
 }
 
 // src/components/PlatformOnboarding/LinkAccounts.tsx
-import { useContext as useContext53 } from "react";
+import { useContext as useContext54 } from "react";
 
 // src/components/PlatformOnboarding/Steps/LinkAccountsConfirmationStep.tsx
-import { useContext as useContext51 } from "react";
+import { useContext as useContext52 } from "react";
 import { useForm as useForm2 } from "@tanstack/react-form";
 
 // src/components/Wizard/Wizard.tsx
 import {
   Children,
   createContext as createContext20,
-  useCallback as useCallback18,
-  useContext as useContext50,
+  useCallback as useCallback20,
+  useContext as useContext51,
   useMemo as useMemo45,
-  useState as useState60
+  useState as useState63
 } from "react";
 import { jsxs as jsxs164 } from "react/jsx-runtime";
 function useWizardStep({
@@ -28797,14 +28885,14 @@ function useWizardStep({
   onComplete
 }) {
   const stepCount = steps.length;
-  const [activeStepIndex, setActiveStepIndex] = useState60(0);
-  const next = useCallback18(() => __async(null, null, function* () {
+  const [activeStepIndex, setActiveStepIndex] = useState63(0);
+  const next = useCallback20(() => __async(null, null, function* () {
     setActiveStepIndex((stepIndex) => Math.min(stepIndex + 1, stepCount - 1));
     if (activeStepIndex === stepCount - 1 && onComplete) {
       yield onComplete == null ? void 0 : onComplete();
     }
   }), [stepCount, activeStepIndex, onComplete]);
-  const previous = useCallback18(() => setActiveStepIndex((stepIndex) => Math.max(stepIndex - 1, 0)), []);
+  const previous = useCallback20(() => setActiveStepIndex((stepIndex) => Math.max(stepIndex - 1, 0)), []);
   const effectiveStepIndex = Math.min(activeStepIndex, stepCount - 1);
   const currentStep = steps.at(effectiveStepIndex);
   return { currentStep, next, previous };
@@ -28816,7 +28904,7 @@ var WizardContext = createContext20({
   }
 });
 function useWizard() {
-  return useContext50(WizardContext);
+  return useContext51(WizardContext);
 }
 function Wizard({
   Header: Header4,
@@ -28870,7 +28958,7 @@ function LinkAccountsConfirmationStep() {
     data: linkedAccounts,
     loadingStatus: linkedAccountsLoadingStatus,
     refetchAccounts
-  } = useContext51(LinkedAccountsContext);
+  } = useContext52(LinkedAccountsContext);
   const effectiveLinkedAccounts = linkedAccounts ? getAccountsNeedingConfirmation(linkedAccounts) : [];
   const { trigger } = useConfirmAndExcludeMultiple({ onSuccess: refetchAccounts });
   const { previous, next } = useWizard();
@@ -28943,7 +29031,7 @@ function LinkAccountsConfirmationStep() {
 }
 
 // src/components/PlatformOnboarding/Steps/LinkAccountsLinkStep.tsx
-import { useContext as useContext52 } from "react";
+import { useContext as useContext53 } from "react";
 import pluralize4 from "pluralize";
 
 // src/components/Separator/Separator.tsx
@@ -28954,7 +29042,7 @@ var Separator = ({ mbs, mbe }) => {
 };
 
 // src/components/PlatformOnboarding/Steps/LinkAccountsLinkStep.tsx
-import { Fragment as Fragment40, jsx as jsx260, jsxs as jsxs166 } from "react/jsx-runtime";
+import { Fragment as Fragment41, jsx as jsx260, jsxs as jsxs166 } from "react/jsx-runtime";
 function LinkAccountsLinkStep() {
   const {
     data,
@@ -28962,10 +29050,10 @@ function LinkAccountsLinkStep() {
     error,
     refetchAccounts,
     addConnection
-  } = useContext52(LinkedAccountsContext);
+  } = useContext53(LinkedAccountsContext);
   const { next } = useWizard();
   const effectiveAccounts = data != null ? data : [];
-  return /* @__PURE__ */ jsxs166(Fragment40, { children: [
+  return /* @__PURE__ */ jsxs166(Fragment41, { children: [
     /* @__PURE__ */ jsx260(
       ConditionalList,
       {
@@ -29025,7 +29113,7 @@ function LinkAccountsLinkStep() {
         children: ({ item: account }) => /* @__PURE__ */ jsx260(BasicLinkedAccountContainer, { isSelected: true, children: /* @__PURE__ */ jsx260(BasicLinkedAccountContent, { account }) }, account.id)
       }
     ),
-    effectiveAccounts.length > 0 ? /* @__PURE__ */ jsxs166(Fragment40, { children: [
+    effectiveAccounts.length > 0 ? /* @__PURE__ */ jsxs166(Fragment41, { children: [
       /* @__PURE__ */ jsx260(Separator, { mbs: "lg", mbe: "lg" }),
       /* @__PURE__ */ jsx260(HStack, { justify: "start", gap: "sm", children: /* @__PURE__ */ jsx260(Button, { onClick: () => {
         void next();
@@ -29042,7 +29130,7 @@ function LinkAccounts(props) {
 function LinkAccountsContent({
   onComplete
 }) {
-  const { data: linkedAccounts, loadingStatus } = useContext53(LinkedAccountsContext);
+  const { data: linkedAccounts, loadingStatus } = useContext54(LinkedAccountsContext);
   const linkedAccountsNeedingConfirmation = linkedAccounts ? getAccountsNeedingConfirmation(linkedAccounts) : [];
   const hideConfirmationStep = loadingStatus === "complete" && linkedAccountsNeedingConfirmation.length === 0;
   return /* @__PURE__ */ jsx261("section", { className: "Layer__link-accounts Layer__component", children: /* @__PURE__ */ jsxs167(
@@ -29060,7 +29148,7 @@ function LinkAccountsContent({
 }
 
 // src/components/PlatformOnboarding/PlatformOnboarding.tsx
-import { useState as useState62 } from "react";
+import { useState as useState65 } from "react";
 
 // src/components/ProgressSteps/ProgressSteps.tsx
 import { jsx as jsx262, jsxs as jsxs168 } from "react/jsx-runtime";
@@ -29249,7 +29337,7 @@ var TrendingUp = (_a) => {
 var TrendingUp_default = TrendingUp;
 
 // src/components/PlatformOnboarding/Steps/WelcomeStep.tsx
-import { Fragment as Fragment41, jsx as jsx265, jsxs as jsxs171 } from "react/jsx-runtime";
+import { Fragment as Fragment42, jsx as jsx265, jsxs as jsxs171 } from "react/jsx-runtime";
 var defaultTitle = "Welcome";
 var defaultDescription = "Welcome to the platform onboarding process";
 var WelcomeStep = ({ onNext, title = defaultTitle, description, stepsEnabled }) => {
@@ -29270,7 +29358,7 @@ var WelcomeStep = ({ onNext, title = defaultTitle, description, stepsEnabled })
     }
     return defaultDescription;
   };
-  return /* @__PURE__ */ jsxs171(Fragment41, { children: [
+  return /* @__PURE__ */ jsxs171(Fragment42, { children: [
     /* @__PURE__ */ jsxs171("div", { className: "Layer__platform-onboarding__welcome", children: [
       /* @__PURE__ */ jsx265(Heading, { className: "Layer__platform-onboarding__heading", align: "left", children: title }),
       /* @__PURE__ */ jsx265(Text, { status: "disabled", children: buildDescription() })
@@ -29347,12 +29435,12 @@ var WelcomeStepFooter = () => {
 };
 
 // src/components/PlatformOnboarding/Steps/SummaryStep.tsx
-import { Fragment as Fragment42, jsx as jsx266, jsxs as jsxs172 } from "react/jsx-runtime";
+import { Fragment as Fragment43, jsx as jsx266, jsxs as jsxs172 } from "react/jsx-runtime";
 var defaultTitle2 = "You\u2019re all set!";
 var defaultDescription2 = "We\u2019re syncing your accounts. This process may take a while to complete.";
 var defaultNextBtnText = "Go to dashboard";
 var SummaryStep = ({ onNext, title = defaultTitle2, description = defaultDescription2, nextBtnText = defaultNextBtnText }) => {
-  return /* @__PURE__ */ jsxs172(Fragment42, { children: [
+  return /* @__PURE__ */ jsxs172(Fragment43, { children: [
     /* @__PURE__ */ jsxs172("div", { className: "Layer__platform-onboarding__summary", children: [
       /* @__PURE__ */ jsx266(Heading, { className: "Layer__platform-onboarding__heading", align: "left", children: title }),
       /* @__PURE__ */ jsx266(Text, { status: "disabled", children: description })
@@ -29457,7 +29545,7 @@ function useBusinessPersonnel() {
 // src/hooks/businessPersonnel/useCreateBusinessPersonnel.ts
 import useSWRMutation16 from "swr/mutation";
 import { useSWRConfig as useSWRConfig9 } from "swr";
-import { useCallback as useCallback19 } from "react";
+import { useCallback as useCallback21 } from "react";
 var createBusinessPersonnel = post(({ businessId }) => `/v1/businesses/${businessId}/personnel`);
 function buildKey26({
   access_token: accessToken,
@@ -29495,7 +29583,7 @@ function useCreateBusinessPersonnel() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback19(
+  const stableProxiedTrigger = useCallback21(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -29529,7 +29617,7 @@ var updateBusinessPersonnel = post(({ businessId, businessPersonnelId }) => {
 });
 
 // src/hooks/businessPersonnel/useUpdateBusinessPersonnel.ts
-import { useCallback as useCallback20 } from "react";
+import { useCallback as useCallback22 } from "react";
 function buildKey27({
   access_token: accessToken,
   apiUrl,
@@ -29572,7 +29660,7 @@ function useUpdateBusinessPersonnel({ businessPersonnelId }) {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback20(
+  const stableProxiedTrigger = useCallback22(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -29599,7 +29687,7 @@ function useUpdateBusinessPersonnel({ businessPersonnelId }) {
 // src/hooks/business/useUpdateBusiness.ts
 import useSWRMutation18 from "swr/mutation";
 import { useSWRConfig as useSWRConfig11 } from "swr";
-import { useCallback as useCallback21 } from "react";
+import { useCallback as useCallback23 } from "react";
 var BUSINESS_TAG_KEY = "business";
 function buildKey28({
   access_token: accessToken,
@@ -29637,7 +29725,7 @@ function useUpdateBusiness() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = useCallback21(
+  const stableProxiedTrigger = useCallback23(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -29662,7 +29750,7 @@ function useUpdateBusiness() {
 }
 
 // src/components/BusinessForm/useBusinessForm.ts
-import { useState as useState61 } from "react";
+import { useState as useState64 } from "react";
 var getPerson = (personnel) => {
   const owners = personnel == null ? void 0 : personnel.filter((p) => p.roles.find((x) => x.role === "OWNER"));
   if (owners && owners.length > 0) {
@@ -29673,7 +29761,7 @@ var getPerson = (personnel) => {
 var useBusinessForm = ({ onSuccess }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const { business } = useLayerContext();
-  const [submitError, setSubmitError] = useState61(void 0);
+  const [submitError, setSubmitError] = useState64(void 0);
   const { data: personnel } = useBusinessPersonnel();
   const person = getPerson(personnel);
   const { trigger: createBusinessPersonnel2 } = useCreateBusinessPersonnel();
@@ -29881,7 +29969,7 @@ var PhoneInput = (_a) => {
 
 // src/components/BusinessForm/BusinessForm.tsx
 import { isPossiblePhoneNumber } from "libphonenumber-js";
-import { Fragment as Fragment43, jsx as jsx271, jsxs as jsxs174 } from "react/jsx-runtime";
+import { Fragment as Fragment44, jsx as jsx271, jsxs as jsxs174 } from "react/jsx-runtime";
 var BusinessForm2 = ({ stringOverrides, onSuccess }) => {
   var _a;
   const { form, submitError, isFormValid } = useBusinessForm({ onSuccess });
@@ -29905,7 +29993,7 @@ var BusinessForm2 = ({ stringOverrides, onSuccess }) => {
                 validators: {
                   onSubmit: ({ value }) => notEmpty(value) ? void 0 : "Full name is required"
                 },
-                children: (field) => /* @__PURE__ */ jsx271(Fragment43, { children: /* @__PURE__ */ jsx271(InputGroup, { name: "full_name", label: "Full name", children: /* @__PURE__ */ jsx271(
+                children: (field) => /* @__PURE__ */ jsx271(Fragment44, { children: /* @__PURE__ */ jsx271(InputGroup, { name: "full_name", label: "Full name", children: /* @__PURE__ */ jsx271(
                   Input,
                   {
                     name: "full_name",
@@ -29918,7 +30006,7 @@ var BusinessForm2 = ({ stringOverrides, onSuccess }) => {
                 ) }) })
               }
             ),
-            /* @__PURE__ */ jsx271(form.Field, { name: "preferred_name", children: (field) => /* @__PURE__ */ jsx271(Fragment43, { children: /* @__PURE__ */ jsx271(InputGroup, { name: "preferred_name", label: "Preferred name", children: /* @__PURE__ */ jsx271(
+            /* @__PURE__ */ jsx271(form.Field, { name: "preferred_name", children: (field) => /* @__PURE__ */ jsx271(Fragment44, { children: /* @__PURE__ */ jsx271(InputGroup, { name: "preferred_name", label: "Preferred name", children: /* @__PURE__ */ jsx271(
               Input,
               {
                 name: "preferred_name",
@@ -29935,7 +30023,7 @@ var BusinessForm2 = ({ stringOverrides, onSuccess }) => {
               validators: {
                 onSubmit: ({ value }) => validateEmailFormat(value, true) ? void 0 : "Email is invalid"
               },
-              children: (field) => /* @__PURE__ */ jsx271(Fragment43, { children: /* @__PURE__ */ jsx271(
+              children: (field) => /* @__PURE__ */ jsx271(Fragment44, { children: /* @__PURE__ */ jsx271(
                 InputGroup,
                 {
                   name: "email",
@@ -29962,7 +30050,7 @@ var BusinessForm2 = ({ stringOverrides, onSuccess }) => {
               validators: {
                 onSubmit: ({ value }) => isPossiblePhoneNumber(value != null ? value : "", "US") ? void 0 : "Phone number is invalid"
               },
-              children: (field) => /* @__PURE__ */ jsx271(Fragment43, { children: /* @__PURE__ */ jsx271(
+              children: (field) => /* @__PURE__ */ jsx271(Fragment44, { children: /* @__PURE__ */ jsx271(
                 InputGroup,
                 {
                   name: "phone_number",
@@ -29989,7 +30077,7 @@ var BusinessForm2 = ({ stringOverrides, onSuccess }) => {
               validators: {
                 onBlur: ({ value }) => notEmpty(value) ? void 0 : "Company name is required"
               },
-              children: (field) => /* @__PURE__ */ jsx271(Fragment43, { children: /* @__PURE__ */ jsx271(InputGroup, { name: "legal_name", label: "Company", children: /* @__PURE__ */ jsx271(
+              children: (field) => /* @__PURE__ */ jsx271(Fragment44, { children: /* @__PURE__ */ jsx271(InputGroup, { name: "legal_name", label: "Company", children: /* @__PURE__ */ jsx271(
                 Input,
                 {
                   name: "legal_name",
@@ -30002,7 +30090,7 @@ var BusinessForm2 = ({ stringOverrides, onSuccess }) => {
               ) }) })
             }
           ),
-          /* @__PURE__ */ jsx271(form.Field, { name: "dba", children: (field) => /* @__PURE__ */ jsx271(Fragment43, { children: /* @__PURE__ */ jsx271(InputGroup, { name: "dba", label: "DBA (optional)", children: /* @__PURE__ */ jsx271(
+          /* @__PURE__ */ jsx271(form.Field, { name: "dba", children: (field) => /* @__PURE__ */ jsx271(Fragment44, { children: /* @__PURE__ */ jsx271(InputGroup, { name: "dba", label: "DBA (optional)", children: /* @__PURE__ */ jsx271(
             Input,
             {
               name: "dba",
@@ -30013,7 +30101,7 @@ var BusinessForm2 = ({ stringOverrides, onSuccess }) => {
               errorMessage: field.state.meta.errors.join(", ")
             }
           ) }) }) }),
-          /* @__PURE__ */ jsx271(form.Field, { name: "entity_type", children: (field) => /* @__PURE__ */ jsx271(Fragment43, { children: /* @__PURE__ */ jsx271(InputGroup, { name: "entity_type", label: "Entity type", children: /* @__PURE__ */ jsx271(
+          /* @__PURE__ */ jsx271(form.Field, { name: "entity_type", children: (field) => /* @__PURE__ */ jsx271(Fragment44, { children: /* @__PURE__ */ jsx271(InputGroup, { name: "entity_type", label: "Entity type", children: /* @__PURE__ */ jsx271(
             BusinessTypeSelect,
             {
               value: field.state.value,
@@ -30021,14 +30109,14 @@ var BusinessForm2 = ({ stringOverrides, onSuccess }) => {
             }
           ) }) }) }),
           /* @__PURE__ */ jsxs174("div", { className: "Layer__business-form__state-tin-fields", children: [
-            /* @__PURE__ */ jsx271(form.Field, { name: "us_state", children: (field) => /* @__PURE__ */ jsx271(Fragment43, { children: /* @__PURE__ */ jsx271(InputGroup, { name: "us_state", label: "State", className: "Layer__business-form__state", children: /* @__PURE__ */ jsx271(
+            /* @__PURE__ */ jsx271(form.Field, { name: "us_state", children: (field) => /* @__PURE__ */ jsx271(Fragment44, { children: /* @__PURE__ */ jsx271(InputGroup, { name: "us_state", label: "State", className: "Layer__business-form__state", children: /* @__PURE__ */ jsx271(
               USStateSelect,
               {
                 value: field.state.value,
                 onChange: (option) => field.handleChange(option.value)
               }
             ) }) }) }),
-            /* @__PURE__ */ jsx271(form.Field, { name: "tin", children: (field) => /* @__PURE__ */ jsx271(Fragment43, { children: /* @__PURE__ */ jsx271(InputGroup, { name: "tin", label: "Tax ID number (optional)", children: /* @__PURE__ */ jsx271(
+            /* @__PURE__ */ jsx271(form.Field, { name: "tin", children: (field) => /* @__PURE__ */ jsx271(Fragment44, { children: /* @__PURE__ */ jsx271(InputGroup, { name: "tin", label: "Tax ID number (optional)", children: /* @__PURE__ */ jsx271(
               Input,
               {
                 name: "tin",
@@ -30059,10 +30147,10 @@ var BusinessForm2 = ({ stringOverrides, onSuccess }) => {
 };
 
 // src/components/PlatformOnboarding/Steps/BusinessInfoStep.tsx
-import { Fragment as Fragment44, jsx as jsx272, jsxs as jsxs175 } from "react/jsx-runtime";
+import { Fragment as Fragment45, jsx as jsx272, jsxs as jsxs175 } from "react/jsx-runtime";
 var defaultTitle3 = "We\u2019ll use this information to contact you whenever we have questions on your books.";
 var BusinessInfoStep = ({ title = defaultTitle3, onNext }) => {
-  return /* @__PURE__ */ jsxs175(Fragment44, { children: [
+  return /* @__PURE__ */ jsxs175(Fragment45, { children: [
     /* @__PURE__ */ jsx272(Heading2, { children: title }),
     /* @__PURE__ */ jsx272(BusinessForm2, { onSuccess: onNext })
   ] });
@@ -30089,7 +30177,7 @@ var PLATFORM_ONBOARDING_STEPS = [
   }
 ];
 var PlatformOnboarding = ({ onComplete }) => {
-  const [step, setStep] = useState62(PLATFORM_ONBOARDING_STEPS[0].id);
+  const [step, setStep] = useState65(PLATFORM_ONBOARDING_STEPS[0].id);
   const isFirstStep = PLATFORM_ONBOARDING_STEPS[0].id === step;
   const nextStep = () => {
     const currentStepIndex = PLATFORM_ONBOARDING_STEPS.findIndex((s) => s.id === step);
@@ -30251,7 +30339,7 @@ var BookkeepingUpsellBar = ({
 };
 
 // src/views/BookkeepingOverview/BookkeepingOverview.tsx
-import { useState as useState63 } from "react";
+import { useState as useState66 } from "react";
 
 // src/views/BookkeepingOverview/internal/BookkeepingProfitAndLossSummariesContainer.tsx
 import { jsx as jsx276 } from "react/jsx-runtime";
@@ -30331,7 +30419,7 @@ var BookkeepingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const [pnlToggle, setPnlToggle] = useState63("expenses");
+  const [pnlToggle, setPnlToggle] = useState66("expenses");
   const [width] = useWindowSize();
   const profitAndLossSummariesVariants = (_b = (_a = slotProps == null ? void 0 : slotProps.profitAndLoss) == null ? void 0 : _a.summaries) == null ? void 0 : _b.variants;
   const { upperContentRef, targetElementRef, upperElementInFocus } = useKeepInMobileViewport();
@@ -30462,7 +30550,7 @@ var BookkeepingOverview = ({
 };
 
 // src/views/AccountingOverview/AccountingOverview.tsx
-import { useState as useState64 } from "react";
+import { useState as useState67 } from "react";
 import classNames75 from "classnames";
 import { jsx as jsx278, jsxs as jsxs180 } from "react/jsx-runtime";
 var AccountingOverview = ({
@@ -30478,7 +30566,7 @@ var AccountingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e;
-  const [pnlToggle, setPnlToggle] = useState64("expenses");
+  const [pnlToggle, setPnlToggle] = useState67("expenses");
   const profitAndLossSummariesVariants = (_b = (_a = slotProps == null ? void 0 : slotProps.profitAndLoss) == null ? void 0 : _a.summaries) == null ? void 0 : _b.variants;
   return /* @__PURE__ */ jsx278(
     ProfitAndLoss,
@@ -30645,7 +30733,7 @@ var BankTransactionsWithLinkedAccounts = ({
 };
 
 // src/views/GeneralLedger/GeneralLedger.tsx
-import { useState as useState65 } from "react";
+import { useState as useState68 } from "react";
 import { jsx as jsx280, jsxs as jsxs182 } from "react/jsx-runtime";
 var GeneralLedgerView = ({
   title,
@@ -30654,7 +30742,7 @@ var GeneralLedgerView = ({
   stringOverrides,
   chartOfAccountsOptions
 }) => {
-  const [activeTab, setActiveTab] = useState65("chartOfAccounts");
+  const [activeTab, setActiveTab] = useState68("chartOfAccounts");
   return /* @__PURE__ */ jsx280(ProfitAndLoss, { asContainer: false, children: /* @__PURE__ */ jsxs182(
     View,
     {
@@ -30696,9 +30784,9 @@ var GeneralLedgerView = ({
 };
 
 // src/views/ProjectProfitability/ProjectProfitability.tsx
-import { useState as useState66 } from "react";
+import { useState as useState69 } from "react";
 import Select4 from "react-select";
-import { Fragment as Fragment45, jsx as jsx281, jsxs as jsxs183 } from "react/jsx-runtime";
+import { Fragment as Fragment46, jsx as jsx281, jsxs as jsxs183 } from "react/jsx-runtime";
 var ProjectProfitabilityView = ({
   valueOptions,
   showTitle,
@@ -30706,9 +30794,9 @@ var ProjectProfitabilityView = ({
   datePickerMode = "monthPicker",
   csvMoneyFormat = "DOLLAR_STRING"
 }) => {
-  const [activeTab, setActiveTab] = useState66("overview");
-  const [tagFilter, setTagFilter] = useState66(null);
-  const [pnlTagFilter, setPnlTagFilter] = useState66(
+  const [activeTab, setActiveTab] = useState69("overview");
+  const [tagFilter, setTagFilter] = useState69(null);
+  const [pnlTagFilter, setPnlTagFilter] = useState69(
     void 0
   );
   const isOptionSelected = (option, selectValue) => {
@@ -30771,7 +30859,7 @@ var ProjectProfitabilityView = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx281(Container, { name: "project", children: /* @__PURE__ */ jsxs183(Fragment45, { children: [
+        /* @__PURE__ */ jsx281(Container, { name: "project", children: /* @__PURE__ */ jsxs183(Fragment46, { children: [
           activeTab === "overview" && /* @__PURE__ */ jsx281(
             AccountingOverview,
             {
@@ -30807,8 +30895,8 @@ var ProjectProfitabilityView = ({
 };
 
 // src/views/Reports/Reports.tsx
-import { useState as useState67 } from "react";
-import { Fragment as Fragment46, jsx as jsx282, jsxs as jsxs184 } from "react/jsx-runtime";
+import { useState as useState70 } from "react";
+import { Fragment as Fragment47, jsx as jsx282, jsxs as jsxs184 } from "react/jsx-runtime";
 var getOptions = (enabledReports) => {
   return [
     enabledReports.includes("profitAndLoss") ? {
@@ -30835,7 +30923,7 @@ var Reports = ({
   statementOfCashFlowConfig
 }) => {
   var _a;
-  const [activeTab, setActiveTab] = useState67(enabledReports[0]);
+  const [activeTab, setActiveTab] = useState70(enabledReports[0]);
   const { view, containerRef } = useElementViewSize();
   const options = getOptions(enabledReports);
   const defaultTitle4 = enabledReports.length > 1 ? "Reports" : (_a = options.find((option) => option.value = enabledReports[0])) == null ? void 0 : _a.label;
@@ -30877,7 +30965,7 @@ var ReportsPanel = ({
   statementOfCashFlowConfig,
   view
 }) => {
-  return /* @__PURE__ */ jsxs184(Fragment46, { children: [
+  return /* @__PURE__ */ jsxs184(Fragment47, { children: [
     openReport === "profitAndLoss" && /* @__PURE__ */ jsx282(
       ProfitAndLoss.Report,
       __spreadValues({
@@ -30897,8 +30985,8 @@ var ReportsPanel = ({
 };
 
 // src/components/ProfitAndLossView/ProfitAndLossView.tsx
-import { useContext as useContext54, useRef as useRef24 } from "react";
-import { Fragment as Fragment47, jsx as jsx283, jsxs as jsxs185 } from "react/jsx-runtime";
+import { useContext as useContext55, useRef as useRef24 } from "react";
+import { Fragment as Fragment48, jsx as jsx283, jsxs as jsxs185 } from "react/jsx-runtime";
 var COMPONENT_NAME8 = "profit-and-loss";
 var ProfitAndLossView = (props) => {
   const containerRef = useRef24(null);
@@ -30912,7 +31000,7 @@ var ProfitAndLossPanel = (_a) => {
     "containerRef",
     "stringOverrides"
   ]);
-  const { sidebarScope } = useContext54(ProfitAndLoss.Context);
+  const { sidebarScope } = useContext55(ProfitAndLoss.Context);
   return /* @__PURE__ */ jsxs185(
     Panel,
     {
@@ -30943,7 +31031,7 @@ var Components = ({
   hideTable = false,
   stringOverrides
 }) => {
-  const { error, isLoading, isValidating, refetch } = useContext54(
+  const { error, isLoading, isValidating, refetch } = useContext55(
     ProfitAndLoss.Context
   );
   if (!isLoading && error) {
@@ -30958,7 +31046,7 @@ var Components = ({
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs185(Fragment47, { children: [
+  return /* @__PURE__ */ jsxs185(Fragment48, { children: [
     !hideChart && /* @__PURE__ */ jsxs185("div", { className: `Layer__${COMPONENT_NAME8}__chart_with_summaries`, children: [
       /* @__PURE__ */ jsxs185(
         "div",
@@ -31004,6 +31092,7 @@ export {
   Direction,
   DisplayState,
   GeneralLedgerView,
+  Integrations,
   Journal,
   LayerProvider,
   LinkAccounts,
@@ -31013,11 +31102,9 @@ export {
   ProfitAndLoss,
   ProfitAndLossView,
   ProjectProfitabilityView,
-  Quickbooks,
   Reports,
   StatementOfCashFlow,
   Tasks,
-  unstable_Integrations,
   useBankTransactionsContext,
   useDataSync,
   useLayerContext