@layerfi/components 0.1.99-alpha.3 → 0.1.100

package/dist/cjs/index.cjs

@@ -5585,7 +5585,6 @@ __export(index_exports, {
   ProfitAndLoss: () => ProfitAndLoss,
   ProfitAndLossView: () => ProfitAndLossView,
   ProjectProfitabilityView: () => ProjectProfitabilityView,
-  Quickbooks: () => Quickbooks,
   Reports: () => Reports,
   StatementOfCashFlow: () => StatementOfCashFlow,
   Tasks: () => Tasks,
@@ -5602,7 +5601,7 @@ var import_react18 = require("react");
 var import_react16 = require("react");
 
 // package.json
-var version = "0.1.99-alpha.3";
+var version = "0.1.100";
 
 // src/models/APIError.ts
 var APIError = class _APIError extends Error {
@@ -6009,9 +6008,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(
@@ -6085,7 +6081,6 @@ var Layer = {
   updateOpeningBalance,
   getStatementOfCashFlow,
   syncFromQuickbooks,
-  statusOfSyncFromQuickbooks,
   statusOfQuickbooksConnection,
   initQuickbooksOAuth,
   unlinkQuickbooksConnection,
@@ -7463,7 +7458,7 @@ function useBankTransactions({
 
 // src/hooks/useBankTransactions/useCategorizeBankTransaction.ts
 var import_react13 = require("react");
-var import_swr3 = require("swr");
+var import_swr4 = require("swr");
 var import_mutation = __toESM(require("swr/mutation"));
 
 // src/utils/swr/withSWRKeyTags.ts
@@ -7474,9 +7469,53 @@ function withSWRKeyTags(key, predicate) {
   return isStringArray(key.tags) ? predicate(key.tags) : false;
 }
 
+// src/hooks/bookkeeping/useBankAccounts.ts
+var import_swr3 = __toESM(require("swr"));
+var BANK_ACCOUNTS_TAG_KEY = "#bank-accounts";
+var getBankAccounts = get(
+  ({ businessId }) => `/v1/businesses/${businessId}/bank-accounts`
+);
+function buildKey3({
+  access_token: accessToken,
+  apiUrl,
+  businessId
+}) {
+  if (accessToken && apiUrl) {
+    return {
+      accessToken,
+      apiUrl,
+      businessId,
+      tags: [BANK_ACCOUNTS_TAG_KEY]
+    };
+  }
+}
+var requiresNotification = (bankAccount) => bankAccount.is_disconnected && bankAccount.notify_when_disconnected;
+var useBankAccounts = () => {
+  var _a, _b;
+  const { businessId } = useLayerContext();
+  const { apiUrl } = useEnvironment();
+  const { data: auth } = useAuth();
+  const { data, error, isLoading } = (0, import_swr3.default)(
+    () => buildKey3(__spreadProps(__spreadValues({}, auth), {
+      apiUrl,
+      businessId
+    })),
+    ({ accessToken, apiUrl: apiUrl2, businessId: businessId2 }) => getBankAccounts(apiUrl2, accessToken, { params: { businessId: businessId2 } })()
+  );
+  const disconnectedAccountsRequiringNotification = ((_a = data == null ? void 0 : data.data) != null ? _a : []).filter(
+    (account) => requiresNotification(account)
+  ).length;
+  return {
+    bankAccounts: (_b = data == null ? void 0 : data.data) != null ? _b : [],
+    isLoading,
+    error,
+    disconnectedAccountsRequiringNotification
+  };
+};
+
 // src/hooks/useBankTransactions/useCategorizeBankTransaction.ts
 var CATEGORIZE_BANK_TRANSACTION_TAG = "#categorize-bank-transaction";
-function buildKey3({
+function buildKey4({
   access_token: accessToken,
   apiUrl,
   businessId
@@ -7495,9 +7534,9 @@ function useCategorizeBankTransaction({
 }) {
   const { data: auth } = useAuth();
   const { businessId } = useLayerContext();
-  const { mutate } = (0, import_swr3.useSWRConfig)();
+  const { mutate } = (0, import_swr4.useSWRConfig)();
   const mutationResponse = (0, import_mutation.default)(
-    () => buildKey3({
+    () => buildKey4({
       access_token: auth == null ? void 0 : auth.access_token,
       apiUrl: auth == null ? void 0 : auth.apiUrl,
       businessId
@@ -7526,7 +7565,7 @@ function useCategorizeBankTransaction({
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
         key,
-        (tags) => tags.includes(CATEGORIZE_BANK_TRANSACTION_TAG)
+        (tags) => tags.includes(BANK_ACCOUNTS_TAG_KEY) || tags.includes(EXTERNAL_ACCOUNTS_TAG_KEY)
       ));
       void mutateBankTransactions(void 0, { revalidate: true });
       return triggerResult;
@@ -7551,52 +7590,6 @@ function useCategorizeBankTransaction({
 var import_react14 = require("react");
 var import_swr5 = require("swr");
 var import_mutation2 = __toESM(require("swr/mutation"));
-
-// src/hooks/bookkeeping/useBankAccounts.ts
-var import_swr4 = __toESM(require("swr"));
-var BANK_ACCOUNTS_TAG_KEY = "#bank-accounts";
-var getBankAccounts = get(
-  ({ businessId }) => `/v1/businesses/${businessId}/bank-accounts`
-);
-function buildKey4({
-  access_token: accessToken,
-  apiUrl,
-  businessId
-}) {
-  if (accessToken && apiUrl) {
-    return {
-      accessToken,
-      apiUrl,
-      businessId,
-      tags: [BANK_ACCOUNTS_TAG_KEY]
-    };
-  }
-}
-var requiresNotification = (bankAccount) => bankAccount.is_disconnected && bankAccount.notify_when_disconnected;
-var useBankAccounts = () => {
-  var _a, _b;
-  const { businessId } = useLayerContext();
-  const { apiUrl } = useEnvironment();
-  const { data: auth } = useAuth();
-  const { data, error, isLoading } = (0, import_swr4.default)(
-    () => buildKey4(__spreadProps(__spreadValues({}, auth), {
-      apiUrl,
-      businessId
-    })),
-    ({ accessToken, apiUrl: apiUrl2, businessId: businessId2 }) => getBankAccounts(apiUrl2, accessToken, { params: { businessId: businessId2 } })()
-  );
-  const disconnectedAccountsRequiringNotification = ((_a = data == null ? void 0 : data.data) != null ? _a : []).filter(
-    (account) => requiresNotification(account)
-  ).length;
-  return {
-    bankAccounts: (_b = data == null ? void 0 : data.data) != null ? _b : [],
-    isLoading,
-    error,
-    disconnectedAccountsRequiringNotification
-  };
-};
-
-// src/hooks/useBankTransactions/useMatchBankTransaction.ts
 var MATCH_BANK_TRANSACTION_TAG = "#match-bank-transaction";
 function buildKey5({
   access_token: accessToken,
@@ -14659,17 +14652,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`;
@@ -14711,26 +14709,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
       });
+    }
   }
 }
 
@@ -15890,6 +15891,116 @@ var SplitTooltipDetails = ({
 var import_classnames41 = __toESM(require("classnames"));
 var import_date_fns17 = require("date-fns");
 
+// src/hooks/bookkeeping/periods/useBookkeepingPeriods.ts
+var import_swr12 = __toESM(require("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 = (0, import_swr12.default)(
+    () => 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",
@@ -15954,9 +16065,9 @@ function getBookkeepingStatusConfig({
   const monthName = monthNumber !== void 0 ? getMonthNameFromNumber(monthNumber) : "";
   const actionPhrase = incompleteTasksCount !== void 0 && incompleteTasksCount > 0 ? `Please complete the ${(0, import_pluralize.default)("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}`,
@@ -15964,8 +16075,8 @@ function getBookkeepingStatusConfig({
         icon: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(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.`,
@@ -15973,7 +16084,7 @@ function getBookkeepingStatusConfig({
         icon: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(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!`,
@@ -15981,7 +16092,7 @@ function getBookkeepingStatusConfig({
         icon: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(CheckCircle_default, { size: 12 })
       };
     }
-    case "BOOKKEEPING_NOT_ACTIVE": {
+    case "BOOKKEEPING_NOT_ACTIVE" /* BOOKKEEPING_NOT_ACTIVE */: {
       return;
     }
     default: {
@@ -15996,7 +16107,7 @@ function getBookkeepingStatusConfig({
 
 // src/components/BookkeepingStatus/BookkeepingStatus.tsx
 var import_jsx_runtime122 = require("react/jsx-runtime");
-var BookkeepingStatus = ({ status, text, monthNumber, iconOnly }) => {
+var BookkeepingStatus2 = ({ status, text, monthNumber, iconOnly }) => {
   if (!status) {
     return;
   }
@@ -16021,7 +16132,7 @@ var BookkeepingStatus = ({ status, text, monthNumber, iconOnly }) => {
 // src/components/BankTransactionList/BankTransactionProcessingInfo.tsx
 var import_jsx_runtime123 = require("react/jsx-runtime");
 var BankTransactionProcessingInfo = () => /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)(Tooltip, { offset: 12, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(TooltipTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(BookkeepingStatus, { status: "IN_PROGRESS_AWAITING_BOOKKEEPER", text: "Processing" }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(TooltipTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(BookkeepingStatus2, { status: "IN_PROGRESS_AWAITING_BOOKKEEPER" /* IN_PROGRESS_AWAITING_BOOKKEEPER */, text: "Processing" }) }),
   /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(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." })
 ] });
 
@@ -18123,7 +18234,7 @@ function TransactionsActions({ children }) {
 
 // src/hooks/useBankTransactions/useBankTransactionsDownload.ts
 var import_mutation6 = __toESM(require("swr/mutation"));
-function buildKey12({
+function buildKey13({
   access_token: accessToken,
   apiUrl,
   businessId
@@ -18141,7 +18252,7 @@ function useBankTransactionsDownload() {
   const { data } = useAuth();
   const { businessId } = useLayerContext();
   return (0, import_mutation6.default)(
-    () => buildKey12(__spreadProps(__spreadValues({}, data), {
+    () => buildKey13(__spreadProps(__spreadValues({}, data), {
       businessId
     })),
     ({
@@ -18528,7 +18639,7 @@ var BankTransactionsContent = ({
   }, [monthlyView, isVisible, isLoading, hasMore]);
   (0, import_react82.useEffect)(() => {
     if (JSON.stringify(inputFilters) !== JSON.stringify(filters)) {
-      if (effectiveBookkeepingStatus === "ACTIVE") {
+      if (effectiveBookkeepingStatus === "ACTIVE" /* ACTIVE */) {
         setFilters(__spreadProps(__spreadValues(__spreadValues({}, filters), inputFilters), {
           categorizationStatus: "all" /* all */
         }));
@@ -18699,13 +18810,13 @@ var BankTransactionsContent = ({
 };
 
 // src/components/Integrations/Integrations.tsx
-var import_react90 = require("react");
+var import_react91 = require("react");
 
 // src/components/Integrations/IntegrationsContent.tsx
-var import_react86 = require("react");
+var import_react87 = require("react");
 
 // src/components/Integrations/IntegrationsQuickbooksItemThumb/IntegrationsQuickbooksItemThumb.tsx
-var import_react85 = require("react");
+var import_react86 = require("react");
 
 // src/icons/QuickbooksIcon.tsx
 var import_jsx_runtime153 = require("react/jsx-runtime");
@@ -18794,214 +18905,326 @@ var Card = ({ children, className }) => {
 var import_react83 = require("react");
 var QuickbooksContext = (0, import_react83.createContext)({
   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
 var import_react84 = require("react");
 var import_date_fns23 = require("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
 var import_jsx_runtime157 = require("react/jsx-runtime");
 var formatLastSyncedAt = (datetime) => {
   const parsed = new Date(datetime);
   if (!(0, import_date_fns23.isValid)(parsed)) return "";
   return `${(0, import_date_fns23.format)(parsed, "MMMM d, yyyy")} at ${(0, import_date_fns23.format)(parsed, "h:mm a")}`;
 };
-var IntegrationsQuickbooksItemThumbFooter = () => {
-  const {
-    isSyncingFromQuickbooks,
-    quickbooksLastSyncedAt
-  } = (0, import_react84.useContext)(QuickbooksContext);
-  if (isSyncingFromQuickbooks) {
-    return /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)(HStack, { className: "loadingbar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)(VStack, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Text, { size: "sm" /* sm */, children: "Syncing account data" }),
-        /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Text, { size: "sm" /* sm */, className: "syncing-data-description", children: "This may take up to 5 minutes" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Spacer, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(BadgeLoader, { variant: "info" })
-    ] });
-  }
-  if (quickbooksLastSyncedAt) {
-    return /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)(HStack, { className: "loadingbar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)(VStack, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Text, { size: "sm" /* sm */, children: "Last synced on" }),
-        /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Text, { size: "sm" /* sm */, className: "syncing-data-description", children: formatLastSyncedAt(quickbooksLastSyncedAt) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Spacer, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(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 } = (0, import_react84.useContext)(QuickbooksContext);
+  if (!quickbooksConnectionStatus) return null;
+  const { title, description, badgeVariant } = getFooterConfig(quickbooksUiState, quickbooksConnectionStatus.last_synced_at);
   return /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)(HStack, { className: "loadingbar", children: [
     /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)(VStack, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Text, { size: "sm" /* sm */, children: "New account" }),
-      /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Text, { size: "sm" /* sm */, className: "syncing-data-description", children: "Please sync your account" })
+      /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Text, { size: "sm" /* sm */, children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Text, { size: "sm" /* sm */, className: "syncing-data-description", children: description })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(Spacer, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(BadgeLoader, { variant: "warning" })
+    /* @__PURE__ */ (0, import_jsx_runtime157.jsx)(BadgeLoader, { variant: badgeVariant })
   ] });
 };
 
 // src/components/Integrations/IntegrationsQuickbooksItemThumb/IntegrationsQuickbooksItemThumb.tsx
+var import_lucide_react6 = require("lucide-react");
+
+// src/components/Integrations/IntegrationsQuickbooksItemThumb/IntegrationsQuickbooksUnlinkConfirmationModal.tsx
+var import_react85 = require("react");
 var import_jsx_runtime158 = require("react/jsx-runtime");
-var IntegrationsQuickbooksItemThumb = () => {
-  const {
-    isSyncingFromQuickbooks,
-    syncFromQuickbooks: syncFromQuickbooks2,
-    unlinkQuickbooks
-  } = (0, import_react85.useContext)(QuickbooksContext);
-  const menuConfig = (0, import_react85.useMemo)(() => {
-    return [
-      {
-        name: "Unlink account",
-        action: () => {
-          if (confirm("Please confirm you wish to disconnect from Quickbooks")) {
-            unlinkQuickbooks();
-          }
+function IntegrationsQuickbooksUnlinkConfirmationModalContent({ onClose }) {
+  const { unlinkQuickbooks } = (0, import_react85.useContext)(QuickbooksContext);
+  const [isProcessing, setIsProcessing] = (0, import_react85.useState)(false);
+  const [hasFailed, setHasFailed] = (0, import_react85.useState)(false);
+  const unlinkErrorText = "Unlink failed. Check connection and retry in few seconds.";
+  const onClickUnlinkQuickbooks = (0, import_react85.useCallback)(() => {
+    setIsProcessing(true);
+    unlinkQuickbooks().then(() => {
+      onClose();
+    }).catch(() => {
+      setHasFailed(true);
+      setIsProcessing(false);
+    });
+  }, [unlinkQuickbooks, onClose]);
+  return /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)(import_jsx_runtime158.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(ModalContextBar, { onClose }),
+    /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(ModalHeading, { pbe: "2xs", children: "Unlink QuickBooks" }),
+    /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(ModalContent, { children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(P, { children: "Please confirm that you want to unlink QuickBooks." }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(ModalActions, { children: /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)(HStack, { gap: "md", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Spacer, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Button, { variant: "secondary" /* secondary */, onClick: onClose, children: "Cancel" }),
+      !hasFailed ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
+        Button,
+        {
+          variant: "primary" /* primary */,
+          onClick: onClickUnlinkQuickbooks,
+          isProcessing,
+          disabled: isProcessing,
+          children: "Unlink QuickBooks"
         }
-      }
-    ];
-  }, [unlinkQuickbooks]);
-  return /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(LinkedAccountOptions, { config: menuConfig, children: /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)(Card, { className: "Layer__linked-account-thumb Layer__integrations-quickbooks-item-thumb", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)("div", { className: "topbar", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime158.jsxs)(HStack, { gap: "xs", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Text, { size: "md" /* md */, children: "Quickbooks" }),
-        isSyncingFromQuickbooks ? /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(BadgeLoader, { variant: "info" /* INFO */ }) : /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
-          Badge,
-          {
-            "aria-role": "button",
-            icon: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(RefreshCcw_default, { size: 12 }),
-            variant: "info" /* INFO */,
-            onClick: syncFromQuickbooks2,
-            size: "small" /* SMALL */,
-            hoverable: true,
-            children: "Sync"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime158.jsx)("div", { className: "topbar-logo", children: /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(QuickbooksIcon_default, { size: 28 }) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(IntegrationsQuickbooksItemThumbFooter, {})
-  ] }) });
-};
+      ) : /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(
+        RetryButton,
+        {
+          onClick: onClickUnlinkQuickbooks,
+          processing: isProcessing,
+          disabled: isProcessing,
+          error: unlinkErrorText,
+          children: "Retry Unlink QuickBooks"
+        }
+      )
+    ] }) })
+  ] });
+}
+function IntegrationsQuickbooksUnlinkConfirmationModal({ isOpen, onOpenChange }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(Modal, { flexBlock: true, isOpen, onOpenChange, children: ({ close: close2 }) => /* @__PURE__ */ (0, import_jsx_runtime158.jsx)(IntegrationsQuickbooksUnlinkConfirmationModalContent, { onClose: close2 }) });
+}
 
-// src/components/Integrations/IntegrationsContent.tsx
+// src/components/Integrations/IntegrationsQuickbooksItemThumb/IntegrationsQuickbooksItemThumb.tsx
 var import_jsx_runtime159 = require("react/jsx-runtime");
-var IntegrationsContent = () => {
-  const { quickbooksIsConnected } = (0, import_react86.useContext)(QuickbooksContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("div", { className: "Layer__linked-accounts__list", children: quickbooksIsConnected && /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(IntegrationsQuickbooksItemThumb, {}) });
+var getBadgeConfig = (quickbooksUiState, hasSynced) => {
+  if (!hasSynced) {
+    return {
+      variant: "info" /* INFO */,
+      text: "Sync",
+      icon: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(RefreshCcw_default, { size: 12 })
+    };
+  }
+  switch (quickbooksUiState) {
+    case "SyncFailed" /* SyncFailed */: {
+      return {
+        variant: "error" /* ERROR */,
+        text: "Retry Sync",
+        icon: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(import_lucide_react6.AlertCircle, { size: 12 })
+      };
+    }
+    case "Connected" /* Connected */:
+    case "SyncSuccess" /* SyncSuccess */: {
+      return {
+        variant: "success" /* SUCCESS */,
+        text: "Synced",
+        icon: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(import_lucide_react6.CheckIcon, { size: 12 })
+      };
+    }
+    default:
+    case "Syncing" /* Syncing */: {
+      return {
+        variant: "info" /* INFO */,
+        text: "Sync",
+        icon: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(RefreshCcw_default, { size: 12 })
+      };
+    }
+  }
+};
+var IntegrationsQuickbooksItemThumb = () => {
+  const { quickbooksConnectionStatus, syncFromQuickbooks: syncFromQuickbooks2 } = (0, import_react86.useContext)(QuickbooksContext);
+  const [hasSynced, setHasSynced] = (0, import_react86.useState)(false);
+  const [isConfirmationModalOpen, setIsConfirmationModalOpen] = (0, import_react86.useState)(false);
+  const onSync = (0, import_react86.useCallback)(() => {
+    setHasSynced(true);
+    syncFromQuickbooks2();
+  }, [syncFromQuickbooks2]);
+  const menuConfig = (0, import_react86.useMemo)(() => {
+    return [
+      {
+        name: "Unlink account",
+        action: () => {
+          setIsConfirmationModalOpen(true);
+        }
+      }
+    ];
+  }, []);
+  if (!quickbooksConnectionStatus) return null;
+  const quickbooksUiState = getQuickbooksConnectionSyncUiState(quickbooksConnectionStatus);
+  const badgeConfig = getBadgeConfig(quickbooksUiState, hasSynced);
+  return /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(LinkedAccountOptions, { config: menuConfig, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(Card, { className: "Layer__linked-account-thumb Layer__integrations-quickbooks-item-thumb", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)("div", { className: "topbar", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime159.jsxs)(HStack, { gap: "xs", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(Text, { size: "md" /* md */, children: "QuickBooks" }),
+          quickbooksUiState === "Syncing" /* Syncing */ ? /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(BadgeLoader, { variant: "info" /* INFO */ }) : /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(
+            Badge,
+            {
+              "aria-role": "button",
+              icon: badgeConfig.icon,
+              variant: badgeConfig.variant,
+              onClick: onSync,
+              size: "small" /* SMALL */,
+              hoverable: true,
+              children: badgeConfig.text
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime159.jsx)("div", { className: "topbar-logo", children: /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(QuickbooksIcon_default, { size: 28 }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(IntegrationsQuickbooksItemThumbFooter, { quickbooksUiState })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime159.jsx)(IntegrationsQuickbooksUnlinkConfirmationModal, { isOpen: isConfirmationModalOpen, onOpenChange: setIsConfirmationModalOpen })
+  ] });
+};
+
+// src/components/Integrations/IntegrationsContent.tsx
+var import_jsx_runtime160 = require("react/jsx-runtime");
+var IntegrationsContent = () => {
+  const { quickbooksConnectionStatus } = (0, import_react87.useContext)(QuickbooksContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime160.jsx)("div", { className: "Layer__linked-accounts__list", children: (quickbooksConnectionStatus == null ? void 0 : quickbooksConnectionStatus.is_connected) && /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(IntegrationsQuickbooksItemThumb, {}) });
 };
 
 // src/hooks/useQuickbooks/useQuickbooks.ts
-var import_react87 = require("react");
+var import_react88 = require("react");
+var import_date_fns24 = require("date-fns");
 var useQuickbooks = () => {
+  var _a;
   const { businessId } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [isSyncingFromQuickbooks, setIsSyncingFromQuickbooks] = (0, import_react87.useState)(false);
-  const [quickbooksConnectionStatus, setQuickbooksConnectionStatus] = (0, import_react87.useState)(void 0);
-  const syncStatusIntervalRef = (0, import_react87.useRef)(null);
-  const wasSyncingFromQuickbooksRef = (0, import_react87.useRef)(false);
-  const fetchQuickbooksConnectionStatus = (0, import_react87.useCallback)(() => __async(null, null, function* () {
+  const [quickbooksConnectionStatus, setQuickbooksConnectionStatus] = (0, import_react88.useState)(void 0);
+  const isSyncingFromQuickbooks = (_a = quickbooksConnectionStatus == null ? void 0 : quickbooksConnectionStatus.is_syncing) != null ? _a : false;
+  const syncStatusIntervalRef = (0, import_react88.useRef)(null);
+  const fetchQuickbooksConnectionStatus = (0, import_react88.useCallback)(() => __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 = (0, import_react87.useCallback)(() => __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]);
-  (0, import_react87.useEffect)(() => {
+  (0, import_react88.useEffect)(() => {
     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]);
-  (0, import_react87.useEffect)(() => {
+  }, [fetchQuickbooksConnectionStatus, isSyncingFromQuickbooks]);
+  (0, import_react88.useEffect)(() => {
     if (auth == null ? void 0 : auth.access_token) {
       void fetchQuickbooksConnectionStatus();
     }
   }, [auth == null ? void 0 : auth.access_token, fetchQuickbooksConnectionStatus]);
-  const syncFromQuickbooks2 = (0, import_react87.useCallback)(() => {
-    setIsSyncingFromQuickbooks(true);
-    wasSyncingFromQuickbooksRef.current = true;
+  const handleSyncError = (0, import_react88.useCallback)(() => {
+    setQuickbooksConnectionStatus({
+      is_connected: true,
+      is_syncing: false,
+      last_sync_status: "SYNC_FAILURE" /* SYNC_FAILURE */,
+      last_synced_at: (0, import_date_fns24.format)(/* @__PURE__ */ new Date(), "yyyy-MM-dd'T'HH:mm:ss")
+    });
+  }, []);
+  const syncFromQuickbooks2 = (0, import_react88.useCallback)(() => {
+    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 = (0, import_react87.useCallback)(() => __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 = (0, import_react88.useCallback)(() => __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 = (0, import_react87.useCallback)(() => {
-    void Layer.unlinkQuickbooksConnection(apiUrl, auth == null ? void 0 : auth.access_token, {
+  const unlinkQuickbooks = (0, import_react88.useCallback)(() => __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
-var import_jsx_runtime160 = require("react/jsx-runtime");
+var import_jsx_runtime161 = require("react/jsx-runtime");
 function QuickbooksContextProvider({ children }) {
   const quickbooksContextData = useQuickbooks();
-  return /* @__PURE__ */ (0, import_jsx_runtime160.jsx)(QuickbooksContext.Provider, { value: quickbooksContextData, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(QuickbooksContext.Provider, { value: quickbooksContextData, children });
 }
 
 // src/components/Integrations/IntegrationsConnectMenu/IntegrationsConnectMenu.tsx
-var import_react89 = require("react");
+var import_react90 = require("react");
 
 // src/components/ui/DropdownMenu/DropdownMenu.tsx
 var import_react_aria_components11 = require("react-aria-components");
-var import_jsx_runtime161 = require("react/jsx-runtime");
-var Heading3 = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(import_react_aria_components11.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(Text, { size: "sm" /* sm */, weight: "bold" /* bold */, className: "Layer__dropdown-menu__menu-item__heading", children }) });
-var MenuItem3 = ({ children, onClick, isDisabled }) => /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(import_react_aria_components11.MenuItem, { onAction: onClick, isDisabled, className: "Layer__dropdown-menu__menu-item", children });
-var MenuList = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(import_react_aria_components11.Menu, { className: "Layer__dropdown-menu__menu-list", children });
+var import_jsx_runtime162 = require("react/jsx-runtime");
+var Heading3 = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_react_aria_components11.Header, { children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(Text, { size: "sm" /* sm */, weight: "bold" /* bold */, className: "Layer__dropdown-menu__menu-item__heading", children }) });
+var MenuItem3 = ({ children, onClick, isDisabled }) => /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_react_aria_components11.MenuItem, { onAction: onClick, isDisabled, className: "Layer__dropdown-menu__menu-item", children });
+var MenuList = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_react_aria_components11.Menu, { 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__ */ (0, import_jsx_runtime161.jsxs)(import_react_aria_components11.MenuTrigger, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(Trigger, { "aria-label": "Menu" }),
-    /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(import_react_aria_components11.Popover, { placement: "bottom right", className: "Layer__dropdown-menu__popover Layer__variables", children: /* @__PURE__ */ (0, import_jsx_runtime161.jsx)(import_react_aria_components11.Dialog, { className: "Layer__dropdown-menu__menu", "aria-label": ariaLabel, style: { width }, children }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)(import_react_aria_components11.MenuTrigger, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(Trigger, { "aria-label": "Menu" }),
+    /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_react_aria_components11.Popover, { placement: "bottom right", className: "Layer__dropdown-menu__popover Layer__variables", children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(import_react_aria_components11.Dialog, { className: "Layer__dropdown-menu__menu", "aria-label": ariaLabel, style: { width }, children }) })
   ] });
 };
 
 // src/icons/Cog.tsx
-var import_react88 = require("react");
-var import_jsx_runtime162 = require("react/jsx-runtime");
+var import_react89 = require("react");
+var import_jsx_runtime163 = require("react/jsx-runtime");
 var Cog = (_a) => {
   var _b = _a, { size = 12 } = _b, props = __objRest(_b, ["size"]);
-  const id = (0, import_react88.useId)();
-  return /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)(
+  const id = (0, import_react89.useId)();
+  return /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -19011,11 +19234,11 @@ var Cog = (_a) => {
       height: size
     }, props), {
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)("g", { clipPath: "url(#clip0_6610_12208)", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("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__ */ (0, import_jsx_runtime162.jsx)("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__ */ (0, import_jsx_runtime163.jsxs)("g", { clipPath: "url(#clip0_6610_12208)", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("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__ */ (0, import_jsx_runtime163.jsx)("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__ */ (0, import_jsx_runtime162.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("clipPath", { id, children: /* @__PURE__ */ (0, import_jsx_runtime162.jsx)("rect", { width: "12", height: "12", fill: "white" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("clipPath", { id, children: /* @__PURE__ */ (0, import_jsx_runtime163.jsx)("rect", { width: "12", height: "12", fill: "white" }) }) })
       ]
     })
   );
@@ -19023,38 +19246,42 @@ var Cog = (_a) => {
 var Cog_default = Cog;
 
 // src/components/Integrations/IntegrationsConnectMenu/IntegrationsConnectMenu.tsx
-var import_jsx_runtime163 = require("react/jsx-runtime");
-var MenuTriggerButton = () => /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)(Button2, { variant: "ghost", children: [
+var import_jsx_runtime164 = require("react/jsx-runtime");
+var MenuTriggerButton = () => /* @__PURE__ */ (0, import_jsx_runtime164.jsxs)(Button2, { variant: "ghost", children: [
   "Manage",
-  /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Cog_default, { size: 16 })
+  /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(Cog_default, { size: 16 })
 ] });
 var IntegrationsConnectMenu = () => {
-  const {
-    quickbooksIsConnected,
-    linkQuickbooks
-  } = (0, import_react89.useContext)(QuickbooksContext);
-  const initiateQuickbooksOAuth = (0, import_react89.useCallback)(() => __async(null, null, function* () {
-    const authorizationUrl = yield linkQuickbooks();
-    window.location.href = authorizationUrl;
-  }), [linkQuickbooks]);
-  return /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)(
+  const { addToast } = useLayerContext();
+  const { quickbooksConnectionStatus, linkQuickbooks } = (0, import_react90.useContext)(QuickbooksContext);
+  const quickbooksIsConnected = quickbooksConnectionStatus == null ? void 0 : quickbooksConnectionStatus.is_connected;
+  const [isLinkQuickbooksError, setIsLinkQuickbooksError] = (0, import_react90.useState)(false);
+  const initiateQuickbooksOAuth = (0, import_react90.useCallback)(() => {
+    linkQuickbooks().then((res) => {
+      window.location.href = res;
+    }).catch(() => {
+      setIsLinkQuickbooksError(true);
+      addToast({ content: "Failed to connect QuickBooks", type: "error" });
+    });
+  }, [linkQuickbooks, addToast]);
+  return /* @__PURE__ */ (0, import_jsx_runtime164.jsxs)(
     DropdownMenu,
     {
       ariaLabel: "Connect Integration",
       slots: { Trigger: MenuTriggerButton },
       slotProps: { Dialog: { width: 280 } },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Heading3, { children: "Integrations" }),
-        /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(MenuList, { children: quickbooksIsConnected ? /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)(MenuItem3, { isDisabled: true, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(QuickbooksIcon_default, { size: 20 }),
-          /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Text, { size: "sm" /* sm */, children: "Quickbooks connected" }),
-          /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Spacer, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Check_default, { size: 16 })
-        ] }, "quickbooks-connected") : /* @__PURE__ */ (0, import_jsx_runtime163.jsxs)(MenuItem3, { onClick: initiateQuickbooksOAuth, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(QuickbooksIcon_default, { size: 20 }),
-          /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Text, { size: "sm" /* sm */, children: "Connect Quickbooks" }),
-          /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Spacer, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime163.jsx)(Link_default, { size: 12 })
+        /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(Heading3, { children: "Integrations" }),
+        /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(MenuList, { children: quickbooksIsConnected ? /* @__PURE__ */ (0, import_jsx_runtime164.jsxs)(MenuItem3, { isDisabled: true, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(QuickbooksIcon_default, { size: 20 }),
+          /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(Text, { size: "sm" /* sm */, children: "QuickBooks connected" }),
+          /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(Spacer, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(Check_default, { size: 16 })
+        ] }, "quickbooks-connected") : /* @__PURE__ */ (0, import_jsx_runtime164.jsxs)(MenuItem3, { onClick: initiateQuickbooksOAuth, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(QuickbooksIcon_default, { size: 20 }),
+          /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(Text, __spreadProps(__spreadValues({}, isLinkQuickbooksError && { status: "error" }), { size: "sm" /* sm */, children: isLinkQuickbooksError ? "Retry Connect QuickBooks" : "Connect QuickBooks" })),
+          /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(Spacer, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(Link_default, { size: 12 })
         ] }, "connect-quickbooks") })
       ]
     }
@@ -19062,20 +19289,20 @@ var IntegrationsConnectMenu = () => {
 };
 
 // src/components/Integrations/Integrations.tsx
-var import_jsx_runtime164 = require("react/jsx-runtime");
+var import_jsx_runtime165 = require("react/jsx-runtime");
 var COMPONENT_NAME3 = "integrations";
 var Integrations = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(QuickbooksContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(IntegrationsComponent, __spreadValues({}, props)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(QuickbooksContextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(IntegrationsComponent, __spreadValues({}, props)) });
 };
 var IntegrationsComponent = ({
   elevated,
   stringOverrides
 }) => {
-  const { quickbooksIsConnected } = (0, import_react90.useContext)(QuickbooksContext);
-  const isLoading = quickbooksIsConnected === void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime164.jsxs)(Container, { name: COMPONENT_NAME3, elevated, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime164.jsxs)(Header, { className: "Layer__linked-accounts__header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
+  const { quickbooksConnectionStatus } = (0, import_react91.useContext)(QuickbooksContext);
+  const isLoading = quickbooksConnectionStatus === void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime165.jsxs)(Container, { name: COMPONENT_NAME3, elevated, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime165.jsxs)(Header, { className: "Layer__linked-accounts__header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
         Heading,
         {
           className: "Layer__linked-accounts__title",
@@ -19083,61 +19310,26 @@ var IntegrationsComponent = ({
           children: (stringOverrides == null ? void 0 : stringOverrides.title) || "Integrations"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(IntegrationsConnectMenu, {})
+      /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(IntegrationsConnectMenu, {})
     ] }),
-    isLoading && /* @__PURE__ */ (0, import_jsx_runtime164.jsx)("div", { className: "Layer__linked-accounts__loader-container", children: /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(Loader2, {}) }),
-    !isLoading && !quickbooksIsConnected && /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(
+    isLoading && /* @__PURE__ */ (0, import_jsx_runtime165.jsx)("div", { className: "Layer__linked-accounts__loader-container", children: /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(Loader2, {}) }),
+    !isLoading && !quickbooksConnectionStatus.is_connected && /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
       DataState,
       {
         status: "info" /* info */,
         title: "No active integrations"
       }
     ),
-    quickbooksIsConnected && /* @__PURE__ */ (0, import_jsx_runtime164.jsx)(IntegrationsContent, {})
-  ] });
-};
-
-// src/components/Quickbooks/Quickbooks.tsx
-var import_jsx_runtime165 = require("react/jsx-runtime");
-var Quickbooks = () => {
-  const {
-    syncFromQuickbooks: syncFromQuickbooks2,
-    isSyncingFromQuickbooks,
-    quickbooksIsConnected,
-    linkQuickbooks,
-    unlinkQuickbooks
-  } = useQuickbooks();
-  return /* @__PURE__ */ (0, import_jsx_runtime165.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime165.jsxs)("div", { children: [
-      "Quickbooks OAuth connection status:",
-      " ",
-      quickbooksIsConnected === void 0 ? "" : quickbooksIsConnected ? "established" : "not connected"
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime165.jsx)("br", {}),
-    quickbooksIsConnected === void 0 && "Loading...",
-    quickbooksIsConnected === false && /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(
-      "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__ */ (0, import_jsx_runtime165.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime165.jsx)("button", { onClick: syncFromQuickbooks2, children: "Sync Quickbooks" }),
-      /* @__PURE__ */ (0, import_jsx_runtime165.jsx)("button", { onClick: unlinkQuickbooks, children: "Unlink Quickbooks" })
-    ] }))
+    (quickbooksConnectionStatus == null ? void 0 : quickbooksConnectionStatus.is_connected) && /* @__PURE__ */ (0, import_jsx_runtime165.jsx)(IntegrationsContent, {})
   ] });
 };
 
 // src/components/ProfitAndLoss/ProfitAndLoss.tsx
-var import_react118 = require("react");
+var import_react119 = require("react");
 
 // src/contexts/ProfitAndLossComparisonContext/ProfitAndLossComparisonContext.tsx
-var import_react91 = require("react");
-var PNLComparisonContext = (0, import_react91.createContext)({
+var import_react92 = require("react");
+var PNLComparisonContext = (0, import_react92.createContext)({
   data: void 0,
   isLoading: true,
   isValidating: false,
@@ -19158,7 +19350,7 @@ var PNLComparisonContext = (0, import_react91.createContext)({
 });
 
 // src/hooks/useProfitAndLoss/useProfitAndLoss.tsx
-var import_react94 = require("react");
+var import_react95 = require("react");
 
 // src/utils/profitAndLossUtils.ts
 var doesLineItemQualifies = (item) => {
@@ -19214,15 +19406,15 @@ var applyShare = (items, total) => {
 };
 
 // src/hooks/useProfitAndLoss/useProfitAndLossLTM.tsx
-var import_react92 = require("react");
-var import_date_fns24 = require("date-fns");
-var import_swr12 = __toESM(require("swr"));
+var import_react93 = require("react");
+var import_date_fns25 = require("date-fns");
+var import_swr13 = __toESM(require("swr"));
 var buildDates = ({ currentDate }) => {
   return {
-    startYear: (0, import_date_fns24.startOfMonth)(currentDate).getFullYear() - 1,
-    startMonth: (0, import_date_fns24.startOfMonth)(currentDate).getMonth() + 1,
-    endYear: (0, import_date_fns24.startOfMonth)(currentDate).getFullYear(),
-    endMonth: (0, import_date_fns24.startOfMonth)(currentDate).getMonth() + 1
+    startYear: (0, import_date_fns25.startOfMonth)(currentDate).getFullYear() - 1,
+    startMonth: (0, import_date_fns25.startOfMonth)(currentDate).getMonth() + 1,
+    endYear: (0, import_date_fns25.startOfMonth)(currentDate).getFullYear(),
+    endMonth: (0, import_date_fns25.startOfMonth)(currentDate).getMonth() + 1
   };
 };
 var buildMonthsArray = (startDate, endDate) => {
@@ -19236,16 +19428,16 @@ var buildMonthsArray = (startDate, endDate) => {
   return dates;
 };
 var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
-  currentDate: (0, import_date_fns24.startOfMonth)(Date.now())
+  currentDate: (0, import_date_fns25.startOfMonth)(Date.now())
 }) => {
   var _a, _b;
   const { businessId, syncTimestamps, read, hasBeenTouched } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [date, setDate] = (0, import_react92.useState)(currentDate);
-  const [loaded, setLoaded] = (0, import_react92.useState)("initial");
-  const [data, setData] = (0, import_react92.useState)([]);
-  const { startYear, startMonth, endYear, endMonth } = (0, import_react92.useMemo)(() => {
+  const [date, setDate] = (0, import_react93.useState)(currentDate);
+  const [loaded, setLoaded] = (0, import_react93.useState)("initial");
+  const [data, setData] = (0, import_react93.useState)([]);
+  const { startYear, startMonth, endYear, endMonth } = (0, import_react93.useMemo)(() => {
     return buildDates({ currentDate: date });
   }, [date, businessId, tagFilter, reportingBasis]);
   const queryKey = businessId && Boolean(startYear) && Boolean(startMonth) && Boolean(endYear) && Boolean(endMonth) && (auth == null ? void 0 : auth.access_token) && `profit-and-loss-summaries-${businessId}-${startYear.toString()}-${startMonth.toString()}-${tagFilter == null ? void 0 : tagFilter.key}-${(_a = tagFilter == null ? void 0 : tagFilter.values) == null ? void 0 : _a.join(
@@ -19257,7 +19449,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
     isValidating,
     error,
     mutate
-  } = (0, import_swr12.default)(
+  } = (0, import_swr13.default)(
     queryKey,
     Layer.getProfitAndLossSummaries(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: {
@@ -19272,9 +19464,9 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
       }
     })
   );
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     const newData = data.slice();
-    const newPeriod = buildMonthsArray((0, import_date_fns24.sub)(date, { years: 1 }), date);
+    const newPeriod = buildMonthsArray((0, import_date_fns25.sub)(date, { years: 1 }), date);
     if (newData && newPeriod) {
       newPeriod.forEach((x) => {
         if (!(newData == null ? void 0 : newData.find(
@@ -19308,7 +19500,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
       );
     }
   }, [startYear, startMonth, tagFilter]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     var _a2, _b2;
     const newData = (_b2 = (_a2 = rawData == null ? void 0 : rawData.data) == null ? void 0 : _a2.months) == null ? void 0 : _b2.slice();
     if (data && newData) {
@@ -19326,7 +19518,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
       );
     }
   }, [rawData]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (isLoading && loaded === "initial") {
       setLoaded("loading");
       return;
@@ -19336,12 +19528,12 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
     }
   }, [data, isLoading]);
   const pullData = (date2) => setDate(date2);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react92.useEffect)(() => {
+  (0, import_react93.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       mutate();
     }
@@ -19368,17 +19560,17 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
 };
 
 // src/hooks/useProfitAndLoss/useProfitAndLossQuery.tsx
-var import_react93 = require("react");
-var import_date_fns25 = require("date-fns");
-var import_swr13 = __toESM(require("swr"));
+var import_react94 = require("react");
+var import_date_fns26 = require("date-fns");
+var import_swr14 = __toESM(require("swr"));
 var useProfitAndLossQuery = ({
   startDate,
   endDate,
   tagFilter,
   reportingBasis
 } = {
-  startDate: (0, import_date_fns25.startOfMonth)(/* @__PURE__ */ new Date()),
-  endDate: (0, import_date_fns25.endOfMonth)(/* @__PURE__ */ new Date())
+  startDate: (0, import_date_fns26.startOfMonth)(/* @__PURE__ */ new Date()),
+  endDate: (0, import_date_fns26.endOfMonth)(/* @__PURE__ */ new Date())
 }) => {
   var _a, _b;
   const { businessId, syncTimestamps, read, hasBeenTouched } = useLayerContext();
@@ -19393,7 +19585,7 @@ var useProfitAndLossQuery = ({
     isValidating,
     error: rawError,
     mutate
-  } = (0, import_swr13.default)(
+  } = (0, import_swr14.default)(
     queryKey,
     Layer.getProfitAndLoss(apiUrl, auth == null ? void 0 : auth.access_token, {
       businessId,
@@ -19407,12 +19599,12 @@ var useProfitAndLossQuery = ({
   const refetch = () => {
     mutate();
   };
-  (0, import_react93.useEffect)(() => {
+  (0, import_react94.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("PROFIT_AND_LOSS" /* PROFIT_AND_LOSS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react93.useEffect)(() => {
+  (0, import_react94.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -19435,16 +19627,16 @@ var useProfitAndLoss = ({
 }) => {
   const { start, end } = useGlobalDateRange();
   const { setRange } = useGlobalDateRangeActions();
-  const dateRange = (0, import_react94.useMemo)(() => ({ startDate: start, endDate: end }), [start, end]);
-  const changeDateRange = (0, import_react94.useCallback)(
+  const dateRange = (0, import_react95.useMemo)(() => ({ startDate: start, endDate: end }), [start, end]);
+  const changeDateRange = (0, import_react95.useCallback)(
     ({ startDate: start2, endDate: end2 }) => setRange({ start: start2, end: end2 }),
     [setRange]
   );
-  const [filters, setFilters] = (0, import_react94.useState)({
+  const [filters, setFilters] = (0, import_react95.useState)({
     expenses: void 0,
     revenue: void 0
   });
-  const [sidebarScope, setSidebarScope] = (0, import_react94.useState)(void 0);
+  const [sidebarScope, setSidebarScope] = (0, import_react95.useState)(void 0);
   const { data, isLoading, isValidating, error, refetch } = useProfitAndLossQuery({
     startDate: start,
     endDate: end,
@@ -19471,7 +19663,7 @@ var useProfitAndLoss = ({
       })
     }));
   };
-  const { filteredDataRevenue, filteredTotalRevenue } = (0, import_react94.useMemo)(() => {
+  const { filteredDataRevenue, filteredTotalRevenue } = (0, import_react95.useMemo)(() => {
     var _a;
     if (!data) {
       return { filteredDataRevenue: [], filteredTotalRevenue: void 0 };
@@ -19523,7 +19715,7 @@ var useProfitAndLoss = ({
     const withShare = applyShare(sorted, total);
     return { filteredDataRevenue: withShare, filteredTotalRevenue: total };
   }, [data, start, filters, summaryData]);
-  const { filteredDataExpenses, filteredTotalExpenses } = (0, import_react94.useMemo)(() => {
+  const { filteredDataExpenses, filteredTotalExpenses } = (0, import_react95.useMemo)(() => {
     var _a;
     if (!data) {
       return { filteredDataExpenses: [], filteredTotalExpenses: void 0 };
@@ -19597,10 +19789,10 @@ var useProfitAndLoss = ({
 };
 
 // src/hooks/useProfitAndLossComparison/useProfitAndLossComparison.tsx
-var import_react95 = require("react");
+var import_react96 = require("react");
 
 // src/hooks/useProfitAndLossComparison/utils.ts
-var import_date_fns26 = require("date-fns");
+var import_date_fns27 = require("date-fns");
 
 // src/utils/array/range.ts
 function range2(start, end) {
@@ -19658,12 +19850,12 @@ function prepareFiltersBody(compareOptions) {
   return isArrayWithAtLeastOne(allFilters) ? allFilters : void 0;
 }
 function preparePeriodsBodyForMonths(dateRange, comparePeriods) {
-  const adjustedStartDate = (0, import_date_fns26.startOfMonth)(dateRange.startDate);
+  const adjustedStartDate = (0, import_date_fns27.startOfMonth)(dateRange.startDate);
   const rawPeriods = range2(0, comparePeriods).map((index) => {
-    const currentPeriod = (0, import_date_fns26.subMonths)(adjustedStartDate, index);
+    const currentPeriod = (0, import_date_fns27.subMonths)(adjustedStartDate, index);
     return {
-      year: (0, import_date_fns26.getYear)(currentPeriod),
-      month: (0, import_date_fns26.getMonth)(currentPeriod) + 1
+      year: (0, import_date_fns27.getYear)(currentPeriod),
+      month: (0, import_date_fns27.getMonth)(currentPeriod) + 1
     };
   });
   const sortedPeriods = rawPeriods.sort((a, b) => {
@@ -19681,11 +19873,11 @@ function preparePeriodsBodyForMonths(dateRange, comparePeriods) {
   };
 }
 function preparePeriodsBodyForYears(dateRange, comparePeriods) {
-  const adjustedStartDate = (0, import_date_fns26.startOfYear)(dateRange.startDate);
+  const adjustedStartDate = (0, import_date_fns27.startOfYear)(dateRange.startDate);
   const rawPeriods = range2(0, comparePeriods).map((index) => {
-    const currentPeriod = (0, import_date_fns26.subYears)(adjustedStartDate, index);
+    const currentPeriod = (0, import_date_fns27.subYears)(adjustedStartDate, index);
     return {
-      year: (0, import_date_fns26.getYear)(currentPeriod)
+      year: (0, import_date_fns27.getYear)(currentPeriod)
     };
   });
   const sortedPeriods = rawPeriods.sort((a, b) => {
@@ -19720,14 +19912,14 @@ function preparePeriodsBody(dateRange, comparePeriods, rangeDisplayMode) {
 }
 
 // src/hooks/useProfitAndLossComparison/useProfitAndLossComparison.tsx
-var import_swr14 = __toESM(require("swr"));
+var import_swr15 = __toESM(require("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,
@@ -19751,15 +19943,15 @@ function useProfitAndLossComparison({
   comparisonConfig
 }) {
   var _a, _b;
-  const [comparePeriods, setComparePeriods] = (0, import_react95.useState)((_a = comparisonConfig == null ? void 0 : comparisonConfig.defaultPeriods) != null ? _a : 1);
-  const [selectedCompareOptions, setSelectedCompareOptionsState] = (0, import_react95.useState)(
+  const [comparePeriods, setComparePeriods] = (0, import_react96.useState)((_a = comparisonConfig == null ? void 0 : comparisonConfig.defaultPeriods) != null ? _a : 1);
+  const [selectedCompareOptions, setSelectedCompareOptionsState] = (0, import_react96.useState)(
     (comparisonConfig == null ? void 0 : comparisonConfig.defaultTagFilter) ? [comparisonConfig == null ? void 0 : comparisonConfig.defaultTagFilter] : []
   );
   const { rangeDisplayMode, start, end } = useGlobalDateRange();
   const dateRange = { startDate: start, endDate: end };
   const isPeriodsSelectEnabled = COMPARE_MODES_SUPPORTING_MULTI_PERIOD.includes(rangeDisplayMode);
   const effectiveComparePeriods = isPeriodsSelectEnabled ? comparePeriods : 1;
-  const compareModeActive = (0, import_react95.useMemo)(() => effectiveComparePeriods > 1 || selectedCompareOptions.length > 1 || selectedCompareOptions.length === 1 && isNotOnlyNoneTag(selectedCompareOptions), [effectiveComparePeriods, selectedCompareOptions]);
+  const compareModeActive = (0, import_react96.useMemo)(() => effectiveComparePeriods > 1 || selectedCompareOptions.length > 1 || selectedCompareOptions.length === 1 && isNotOnlyNoneTag(selectedCompareOptions), [effectiveComparePeriods, selectedCompareOptions]);
   const setSelectedCompareOptions = (values) => {
     const options = values.map(
       (option) => comparisonConfig == null ? void 0 : comparisonConfig.tagComparisonOptions.find(
@@ -19777,14 +19969,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 } = (0, import_swr14.default)(
+  const { data, isLoading, isValidating } = (0, import_swr15.default)(
     queryKey,
     () => __async(null, null, function* () {
       const response = yield Layer.compareProfitAndLoss(apiUrl, auth == null ? void 0 : auth.access_token, {
@@ -19832,7 +20024,7 @@ function useProfitAndLossComparison({
 }
 
 // src/components/ProfitAndLossChart/ProfitAndLossChart.tsx
-var import_react96 = require("react");
+var import_react97 = require("react");
 
 // src/icons/BarChart2.tsx
 var import_jsx_runtime166 = require("react/jsx-runtime");
@@ -19942,7 +20134,7 @@ var Indicator = ({
 
 // src/components/ProfitAndLossChart/ProfitAndLossChart.tsx
 var import_classnames53 = __toESM(require("classnames"));
-var import_date_fns27 = require("date-fns");
+var import_date_fns28 = require("date-fns");
 var import_recharts = require("recharts");
 var import_jsx_runtime169 = require("react/jsx-runtime");
 var getChartWindow = ({
@@ -19950,46 +20142,46 @@ var getChartWindow = ({
   currentYear,
   currentMonth
 }) => {
-  const today = (0, import_date_fns27.startOfMonth)(Date.now());
-  const yearAgo = (0, import_date_fns27.sub)(today, { months: 11 });
-  const current = (0, import_date_fns27.startOfMonth)(new Date(currentYear, currentMonth - 1, 1));
-  if ((0, import_date_fns27.differenceInMonths)((0, import_date_fns27.startOfMonth)(chartWindow.start), current) < 0 && (0, import_date_fns27.differenceInMonths)((0, import_date_fns27.startOfMonth)(chartWindow.end), current) > 1) {
+  const today = (0, import_date_fns28.startOfMonth)(Date.now());
+  const yearAgo = (0, import_date_fns28.sub)(today, { months: 11 });
+  const current = (0, import_date_fns28.startOfMonth)(new Date(currentYear, currentMonth - 1, 1));
+  if ((0, import_date_fns28.differenceInMonths)((0, import_date_fns28.startOfMonth)(chartWindow.start), current) < 0 && (0, import_date_fns28.differenceInMonths)((0, import_date_fns28.startOfMonth)(chartWindow.end), current) > 1) {
     return chartWindow;
   }
-  if ((0, import_date_fns27.differenceInMonths)((0, import_date_fns27.startOfMonth)(chartWindow.start), current) === 0) {
+  if ((0, import_date_fns28.differenceInMonths)((0, import_date_fns28.startOfMonth)(chartWindow.start), current) === 0) {
     return {
-      start: (0, import_date_fns27.startOfMonth)((0, import_date_fns27.sub)(current, { months: 1 })),
-      end: (0, import_date_fns27.endOfMonth)((0, import_date_fns27.add)(current, { months: 11 }))
+      start: (0, import_date_fns28.startOfMonth)((0, import_date_fns28.sub)(current, { months: 1 })),
+      end: (0, import_date_fns28.endOfMonth)((0, import_date_fns28.add)(current, { months: 11 }))
     };
   }
-  if ((0, import_date_fns27.differenceInMonths)((0, import_date_fns27.endOfMonth)(chartWindow.end), (0, import_date_fns27.endOfMonth)(current)) === 1 && (0, import_date_fns27.differenceInMonths)(today, current) >= 1) {
+  if ((0, import_date_fns28.differenceInMonths)((0, import_date_fns28.endOfMonth)(chartWindow.end), (0, import_date_fns28.endOfMonth)(current)) === 1 && (0, import_date_fns28.differenceInMonths)(today, current) >= 1) {
     return {
-      start: (0, import_date_fns27.startOfMonth)((0, import_date_fns27.sub)(current, { months: 10 })),
-      end: (0, import_date_fns27.endOfMonth)((0, import_date_fns27.add)(current, { months: 2 }))
+      start: (0, import_date_fns28.startOfMonth)((0, import_date_fns28.sub)(current, { months: 10 })),
+      end: (0, import_date_fns28.endOfMonth)((0, import_date_fns28.add)(current, { months: 2 }))
     };
   }
-  if ((0, import_date_fns27.differenceInMonths)(current, (0, import_date_fns27.startOfMonth)(chartWindow.end)) === 0 && (0, import_date_fns27.differenceInMonths)(current, (0, import_date_fns27.startOfMonth)(today)) > 0) {
+  if ((0, import_date_fns28.differenceInMonths)(current, (0, import_date_fns28.startOfMonth)(chartWindow.end)) === 0 && (0, import_date_fns28.differenceInMonths)(current, (0, import_date_fns28.startOfMonth)(today)) > 0) {
     return {
-      start: (0, import_date_fns27.startOfMonth)((0, import_date_fns27.sub)(current, { months: 11 })),
-      end: (0, import_date_fns27.endOfMonth)((0, import_date_fns27.add)(current, { months: 1 }))
+      start: (0, import_date_fns28.startOfMonth)((0, import_date_fns28.sub)(current, { months: 11 })),
+      end: (0, import_date_fns28.endOfMonth)((0, import_date_fns28.add)(current, { months: 1 }))
     };
   }
   if (current >= yearAgo) {
     return {
-      start: (0, import_date_fns27.startOfMonth)(yearAgo),
-      end: (0, import_date_fns27.endOfMonth)(today)
+      start: (0, import_date_fns28.startOfMonth)(yearAgo),
+      end: (0, import_date_fns28.endOfMonth)(today)
     };
   }
   if (Number(current) > Number(chartWindow.end)) {
     return {
-      start: (0, import_date_fns27.startOfMonth)((0, import_date_fns27.sub)(current, { months: 12 })),
-      end: (0, import_date_fns27.endOfMonth)(current)
+      start: (0, import_date_fns28.startOfMonth)((0, import_date_fns28.sub)(current, { months: 12 })),
+      end: (0, import_date_fns28.endOfMonth)(current)
     };
   }
-  if ((0, import_date_fns27.differenceInMonths)(current, (0, import_date_fns27.startOfMonth)(chartWindow.start)) < 0) {
+  if ((0, import_date_fns28.differenceInMonths)(current, (0, import_date_fns28.startOfMonth)(chartWindow.start)) < 0) {
     return {
-      start: (0, import_date_fns27.startOfMonth)(current),
-      end: (0, import_date_fns27.endOfMonth)((0, import_date_fns27.add)(current, { months: 11 }))
+      start: (0, import_date_fns28.startOfMonth)(current),
+      end: (0, import_date_fns28.endOfMonth)((0, import_date_fns28.add)(current, { months: 11 }))
     };
   }
   return chartWindow;
@@ -20015,41 +20207,41 @@ var ProfitAndLossChart = ({
   tagFilter = void 0
 }) => {
   var _c, _d, _e, _f, _g, _h;
-  const [compactView, setCompactView] = (0, import_react96.useState)(false);
+  const [compactView, setCompactView] = (0, import_react97.useState)(false);
   const barSize = compactView ? 10 : 20;
   const { getColor, business } = useLayerContext();
   const { start, end, rangeDisplayMode } = useGlobalDateRange();
   const { setMonth } = useGlobalDateRangeActions();
   const showIndicator = rangeDisplayMode === "monthPicker";
-  const dateRange = (0, import_react96.useMemo)(() => ({ startDate: start, endDate: end }), [start, end]);
-  const [localDateRange, setLocalDateRange] = (0, import_react96.useState)(dateRange);
-  const [customCursorSize, setCustomCursorSize] = (0, import_react96.useState)({
+  const dateRange = (0, import_react97.useMemo)(() => ({ startDate: start, endDate: end }), [start, end]);
+  const [localDateRange, setLocalDateRange] = (0, import_react97.useState)(dateRange);
+  const [customCursorSize, setCustomCursorSize] = (0, import_react97.useState)({
     width: 0,
     height: 0,
     x: 0
   });
-  const [barAnimActive, setBarAnimActive] = (0, import_react96.useState)(true);
-  const [chartWindow, setChartWindow] = (0, import_react96.useState)({
-    start: (0, import_date_fns27.startOfMonth)((0, import_date_fns27.sub)(Date.now(), { months: 11 })),
-    end: (0, import_date_fns27.endOfMonth)(Date.now())
+  const [barAnimActive, setBarAnimActive] = (0, import_react97.useState)(true);
+  const [chartWindow, setChartWindow] = (0, import_react97.useState)({
+    start: (0, import_date_fns28.startOfMonth)((0, import_date_fns28.sub)(Date.now(), { months: 11 })),
+    end: (0, import_date_fns28.endOfMonth)(Date.now())
   });
-  const selectionMonth = (0, import_react96.useMemo)(
+  const selectionMonth = (0, import_react97.useMemo)(
     () => ({
       year: localDateRange.startDate.getFullYear(),
       month: localDateRange.startDate.getMonth()
     }),
     [localDateRange]
   );
-  (0, import_react96.useEffect)(() => {
+  (0, import_react97.useEffect)(() => {
     if (Number(dateRange.startDate) !== Number(localDateRange.startDate) || Number(dateRange.endDate) !== Number(localDateRange.endDate)) {
       setLocalDateRange(dateRange);
     }
   }, [dateRange]);
   const { data, loaded, pullData } = useProfitAndLossLTM({
-    currentDate: (0, import_date_fns27.startOfMonth)(Date.now()),
+    currentDate: (0, import_date_fns28.startOfMonth)(Date.now()),
     tagFilter
   });
-  const anyData = (0, import_react96.useMemo)(() => {
+  const anyData = (0, import_react97.useMemo)(() => {
     return Boolean(
       data == null ? void 0 : data.find(
         (x) => x.income !== 0 || x.costOfGoodsSold !== 0 || x.grossProfit !== 0 || x.operatingExpenses !== 0 || x.profitBeforeTaxes !== 0 || x.taxes !== 0 || x.totalExpenses !== 0 || x.uncategorizedInflows !== 0 || x.uncategorizedOutflows !== 0
@@ -20057,33 +20249,33 @@ var ProfitAndLossChart = ({
     );
   }, [data]);
   const { data: linkedAccounts } = useLinkedAccounts();
-  const isSyncing = (0, import_react96.useMemo)(
+  const isSyncing = (0, import_react97.useMemo)(
     () => Boolean(linkedAccounts == null ? void 0 : linkedAccounts.some((item) => item.is_syncing)),
     [linkedAccounts]
   );
-  const loadingValue = (0, import_react96.useMemo)(() => getLoadingValue(data), [data]);
-  (0, import_react96.useEffect)(() => {
+  const loadingValue = (0, import_react97.useMemo)(() => getLoadingValue(data), [data]);
+  (0, import_react97.useEffect)(() => {
     if (loaded === "complete" && data) {
       const foundCurrent = data.find(
-        (x) => Number((0, import_date_fns27.startOfMonth)(new Date(x.year, x.month - 1, 1))) >= Number(localDateRange.startDate) && Number((0, import_date_fns27.startOfMonth)(new Date(x.year, x.month - 1, 1))) < Number(localDateRange.endDate)
+        (x) => Number((0, import_date_fns28.startOfMonth)(new Date(x.year, x.month - 1, 1))) >= Number(localDateRange.startDate) && Number((0, import_date_fns28.startOfMonth)(new Date(x.year, x.month - 1, 1))) < Number(localDateRange.endDate)
       );
       if (!foundCurrent) {
-        const newDate = (0, import_date_fns27.startOfMonth)(localDateRange.startDate);
+        const newDate = (0, import_date_fns28.startOfMonth)(localDateRange.startDate);
         pullData(newDate);
         return;
       }
       const foundBefore = data.find(
-        (x) => Number((0, import_date_fns27.startOfMonth)(new Date(x.year, x.month - 1, 1))) >= Number((0, import_date_fns27.sub)(localDateRange.startDate, { months: 1 })) && Number((0, import_date_fns27.startOfMonth)(new Date(x.year, x.month - 1, 1))) < Number((0, import_date_fns27.sub)(localDateRange.endDate, { months: 1 }))
+        (x) => Number((0, import_date_fns28.startOfMonth)(new Date(x.year, x.month - 1, 1))) >= Number((0, import_date_fns28.sub)(localDateRange.startDate, { months: 1 })) && Number((0, import_date_fns28.startOfMonth)(new Date(x.year, x.month - 1, 1))) < Number((0, import_date_fns28.sub)(localDateRange.endDate, { months: 1 }))
       );
       if (!foundBefore) {
-        const newDate = (0, import_date_fns27.startOfMonth)(
-          (0, import_date_fns27.sub)(localDateRange.startDate, { months: 1 })
+        const newDate = (0, import_date_fns28.startOfMonth)(
+          (0, import_date_fns28.sub)(localDateRange.startDate, { months: 1 })
         );
         pullData(newDate);
       }
     }
   }, [localDateRange]);
-  (0, import_react96.useEffect)(() => {
+  (0, import_react97.useEffect)(() => {
     const newChartWindow = getChartWindow({
       chartWindow,
       currentYear: localDateRange.startDate.getFullYear(),
@@ -20093,14 +20285,14 @@ var ProfitAndLossChart = ({
       setChartWindow(newChartWindow);
     }
   }, [localDateRange]);
-  (0, import_react96.useEffect)(() => {
+  (0, import_react97.useEffect)(() => {
     if (loaded === "complete") {
       setTimeout(() => {
         setBarAnimActive(false);
       }, 2e3);
     }
   }, [loaded]);
-  const getMonthName = (pnl) => pnl ? (0, import_date_fns27.format)(
+  const getMonthName = (pnl) => pnl ? (0, import_date_fns28.format)(
     new Date(pnl.year, pnl.month - 1, 1),
     compactView ? "LLLLL" : "LLL"
   ) : "";
@@ -20120,15 +20312,15 @@ var ProfitAndLossChart = ({
     loading: (pnl == null ? void 0 : pnl.isLoading) ? loadingValue : 0,
     loadingExpenses: (pnl == null ? void 0 : pnl.isLoading) ? -loadingValue : 0
   });
-  const theData = (0, import_react96.useMemo)(() => {
+  const theData = (0, import_react97.useMemo)(() => {
     var _a;
     if (loaded !== "complete" || loaded === "complete" && !anyData) {
       const loadingData = [];
       const today = Date.now();
       for (let i = 11; i >= 0; i--) {
-        const currentDate = (0, import_date_fns27.sub)(today, { months: i });
+        const currentDate = (0, import_date_fns28.sub)(today, { months: i });
         loadingData.push({
-          name: (0, import_date_fns27.format)(currentDate, compactView ? "LLLLL" : "LLL"),
+          name: (0, import_date_fns28.format)(currentDate, compactView ? "LLLLL" : "LLL"),
           revenue: 0,
           revenueUncategorized: 0,
           totalExpensesInverse: 0,
@@ -20158,18 +20350,18 @@ var ProfitAndLossChart = ({
       }
       return x;
     })) == null ? void 0 : _a.filter(
-      (x) => (0, import_date_fns27.differenceInMonths)(
-        (0, import_date_fns27.startOfMonth)(new Date(x.year, x.month - 1, 1)),
+      (x) => (0, import_date_fns28.differenceInMonths)(
+        (0, import_date_fns28.startOfMonth)(new Date(x.year, x.month - 1, 1)),
         chartWindow.start
-      ) >= 0 && (0, import_date_fns27.differenceInMonths)(
-        (0, import_date_fns27.startOfMonth)(new Date(x.year, x.month - 1, 1)),
+      ) >= 0 && (0, import_date_fns28.differenceInMonths)(
+        (0, import_date_fns28.startOfMonth)(new Date(x.year, x.month - 1, 1)),
         chartWindow.start
-      ) < 12 && (0, import_date_fns27.differenceInMonths)(
+      ) < 12 && (0, import_date_fns28.differenceInMonths)(
         chartWindow.end,
-        (0, import_date_fns27.startOfMonth)(new Date(x.year, x.month - 1, 1))
-      ) >= 0 && (0, import_date_fns27.differenceInMonths)(
+        (0, import_date_fns28.startOfMonth)(new Date(x.year, x.month - 1, 1))
+      ) >= 0 && (0, import_date_fns28.differenceInMonths)(
         chartWindow.end,
-        (0, import_date_fns27.startOfMonth)(new Date(x.year, x.month - 1, 1))
+        (0, import_date_fns28.startOfMonth)(new Date(x.year, x.month - 1, 1))
       ) <= 12
     ).map((x) => summarizePnL(x));
   }, [selectionMonth, chartWindow, data, loaded, compactView]);
@@ -20651,7 +20843,7 @@ var ProfitAndLossChart = ({
 };
 
 // src/components/ProfitAndLossCompareOptions/ProfitAndLossCompareOptions.tsx
-var import_react97 = require("react");
+var import_react98 = require("react");
 var import_jsx_runtime170 = require("react/jsx-runtime");
 var selectStyles = {
   valueContainer: (styles) => {
@@ -20691,9 +20883,9 @@ var ProfitAndLossCompareOptions = () => {
     compareOptions,
     selectedCompareOptions,
     comparisonConfig
-  } = (0, import_react97.useContext)(ProfitAndLoss.ComparisonContext);
+  } = (0, import_react98.useContext)(ProfitAndLoss.ComparisonContext);
   const { rangeDisplayMode } = useGlobalDateRange();
-  const periods = (0, import_react97.useMemo)(
+  const periods = (0, import_react98.useMemo)(
     () => comparePeriods !== 0 ? comparePeriods : 1,
     [comparePeriods]
   );
@@ -20786,7 +20978,7 @@ function DatePickerModeSelector({
 }
 
 // src/providers/GlobalDateStore/useGlobalDateRangePicker.ts
-var import_react98 = require("react");
+var import_react99 = require("react");
 function useGlobalDateRangePicker({
   allowedDatePickerModes,
   defaultDatePickerMode,
@@ -20803,7 +20995,7 @@ function useGlobalDateRangePicker({
     DEFAULT_ALLOWED_PICKER_MODES
   );
   const desiredRangeMode = allowedDateRangePickerModes.includes(rangeDisplayMode) ? rangeDisplayMode : allowedDateRangePickerModes[0];
-  const { dateFormat, selected } = (0, import_react98.useMemo)(() => {
+  const { dateFormat, selected } = (0, import_react99.useMemo)(() => {
     if (rangeDisplayMode === "monthPicker") {
       return {
         selected: start,
@@ -20823,7 +21015,7 @@ function useGlobalDateRangePicker({
     end,
     rangeDisplayMode
   ]);
-  const { setSelected } = (0, import_react98.useMemo)(() => {
+  const { setSelected } = (0, import_react99.useMemo)(() => {
     if (desiredRangeMode === "monthPicker") {
       return {
         setSelected: ({ start: start2 }) => {
@@ -20903,10 +21095,10 @@ var ProfitAndLossDatePicker = ({
 };
 
 // src/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts.tsx
-var import_react100 = require("react");
+var import_react101 = require("react");
 
 // src/components/ProfitAndLossDetailedCharts/DetailedChart.tsx
-var import_react99 = require("react");
+var import_react100 = require("react");
 
 // src/config/charts.ts
 var DEFAULT_CHART_COLOR_TYPE = [
@@ -21191,7 +21383,7 @@ var DetailedChart = ({
   isLoading,
   showDatePicker = true
 }) => {
-  const chartData = (0, import_react99.useMemo)(() => {
+  const chartData = (0, import_react100.useMemo)(() => {
     if (!filteredData) {
       return [];
     }
@@ -21542,7 +21734,7 @@ var Filters = ({
 };
 
 // src/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts.tsx
-var import_date_fns28 = require("date-fns");
+var import_date_fns29 = require("date-fns");
 var import_jsx_runtime177 = require("react/jsx-runtime");
 var ProfitAndLossDetailedCharts = ({
   scope,
@@ -21563,16 +21755,16 @@ var ProfitAndLossDetailedCharts = ({
     sidebarScope,
     setSidebarScope,
     setFilterTypes
-  } = (0, import_react100.useContext)(ProfitAndLoss.Context);
+  } = (0, import_react101.useContext)(ProfitAndLoss.Context);
   const theScope = scope ? scope : sidebarScope;
   const data = theScope === "revenue" ? filteredDataRevenue : filteredDataExpenses;
   const total = theScope === "revenue" ? filteredTotalRevenue : filteredTotalExpenses;
-  const [hoveredItem, setHoveredItem] = (0, import_react100.useState)();
+  const [hoveredItem, setHoveredItem] = (0, import_react101.useState)();
   return /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", { className: "Layer__profit-and-loss-detailed-charts", children: [
     /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("header", { className: "Layer__profit-and-loss-detailed-charts__header", children: [
       /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", { className: "Layer__profit-and-loss-detailed-charts__head", children: [
         /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title", children: humanizeTitle(theScope) }),
-        /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Text, { size: "sm" /* sm */, className: "date", children: (0, import_date_fns28.format)(dateRange.startDate, "LLLL, y") }),
+        /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Text, { size: "sm" /* sm */, className: "date", children: (0, import_date_fns29.format)(dateRange.startDate, "LLLL, y") }),
         showDatePicker && /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(ProfitAndLossDatePicker, {})
       ] }),
       !hideClose && /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(
@@ -21589,7 +21781,7 @@ var ProfitAndLossDetailedCharts = ({
       !hideClose && /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(BackButton, { onClick: () => setSidebarScope(void 0) }),
       /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", { className: "Layer__profit-and-loss-detailed-charts__head", children: [
         /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title", children: humanizeTitle(theScope) }),
-        /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Text, { size: "sm" /* sm */, className: "date", children: (0, import_date_fns28.format)(dateRange.startDate, "LLLL, y") })
+        /* @__PURE__ */ (0, import_jsx_runtime177.jsx)(Text, { size: "sm" /* sm */, className: "date", children: (0, import_date_fns29.format)(dateRange.startDate, "LLLL, y") })
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime177.jsxs)("div", { className: "Layer__profit-and-loss-detailed-charts__content", children: [
@@ -21636,7 +21828,7 @@ var ProfitAndLossDetailedCharts = ({
 };
 
 // src/components/ProfitAndLossDownloadButton/ProfitAndLossDownloadButton.tsx
-var import_react101 = require("react");
+var import_react102 = require("react");
 var import_jsx_runtime178 = require("react/jsx-runtime");
 var ProfitAndLossDownloadButton = ({
   stringOverrides,
@@ -21644,15 +21836,15 @@ var ProfitAndLossDownloadButton = ({
   moneyFormat,
   view
 }) => {
-  const { dateRange, tagFilter } = (0, import_react101.useContext)(ProfitAndLoss.Context);
-  const { getProfitAndLossComparisonCsv } = (0, import_react101.useContext)(
+  const { dateRange, tagFilter } = (0, import_react102.useContext)(ProfitAndLoss.Context);
+  const { getProfitAndLossComparisonCsv } = (0, import_react102.useContext)(
     ProfitAndLoss.ComparisonContext
   );
   const { businessId } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [requestFailed, setRequestFailed] = (0, import_react101.useState)(false);
-  const [isDownloading, setIsDownloading] = (0, import_react101.useState)(false);
+  const [requestFailed, setRequestFailed] = (0, import_react102.useState)(false);
+  const [isDownloading, setIsDownloading] = (0, import_react102.useState)(false);
   const handleClick = () => __async(null, null, function* () {
     var _a;
     setIsDownloading(true);
@@ -21696,7 +21888,7 @@ var ProfitAndLossDownloadButton = ({
 };
 
 // src/components/ProfitAndLossHeader/ProfitAndLossHeader.tsx
-var import_react103 = require("react");
+var import_react104 = require("react");
 
 // src/components/SyncingBadge/SyncingBadge.tsx
 var import_jsx_runtime179 = require("react/jsx-runtime");
@@ -21713,120 +21905,13 @@ var SyncingBadge = () => {
 };
 
 // src/hooks/bookkeeping/periods/useActiveBookkeepingPeriod.ts
-var import_react102 = require("react");
-
-// src/hooks/bookkeeping/periods/useBookkeepingPeriods.ts
-var import_swr15 = __toESM(require("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 = (0, import_swr15.default)(
-    () => 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
+var import_react103 = require("react");
 function useActiveBookkeepingPeriod() {
   const { date } = useGlobalDate();
   const { data, isLoading } = useBookkeepingPeriods();
   const currentMonth = date.getMonth() + 1;
   const currentYear = date.getFullYear();
-  const activePeriod = (0, import_react102.useMemo)(
+  const activePeriod = (0, import_react103.useMemo)(
     () => data == null ? void 0 : data.find((period) => currentYear === period.year && currentMonth === period.month),
     [data, currentMonth, currentYear]
   );
@@ -21845,7 +21930,7 @@ var ProfitAndLossHeader = ({
   const { data: linkedAccounts } = useLinkedAccounts();
   const { activePeriod } = useActiveBookkeepingPeriod();
   const activePeriodStatus = activePeriod == null ? void 0 : activePeriod.status;
-  const isSyncing = (0, import_react103.useMemo)(
+  const isSyncing = (0, import_react104.useMemo)(
     () => Boolean(linkedAccounts == null ? void 0 : linkedAccounts.some((item) => item.is_syncing)),
     [linkedAccounts]
   );
@@ -21853,20 +21938,20 @@ var ProfitAndLossHeader = ({
     /* @__PURE__ */ (0, import_jsx_runtime180.jsxs)("span", { className: "Layer__component-header__title-wrapper Layer__profit-and-loss__header", children: [
       /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(Heading, { size: "secondary" /* secondary */, className: headingClassName, align: "left", children: text || "Profit & Loss" }),
       isSyncing && /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(SyncingBadge, {}),
-      withStatus && activePeriodStatus && /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { className: "Layer__profit-and-loss-header__bookkeeping-status", children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(BookkeepingStatus, { status: activePeriodStatus, monthNumber: activePeriod.month }) })
+      withStatus && activePeriodStatus && /* @__PURE__ */ (0, import_jsx_runtime180.jsx)("span", { className: "Layer__profit-and-loss-header__bookkeeping-status", children: /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(BookkeepingStatus2, { status: activePeriodStatus, monthNumber: activePeriod.month }) })
     ] }),
     withDatePicker && /* @__PURE__ */ (0, import_jsx_runtime180.jsx)(ProfitAndLoss.DatePicker, {})
   ] });
 };
 
 // src/components/ProfitAndLossReport/ProfitAndLossReport.tsx
-var import_react107 = require("react");
+var import_react108 = require("react");
 
 // src/components/Header/Header.tsx
-var import_react104 = require("react");
+var import_react105 = require("react");
 var import_classnames56 = __toESM(require("classnames"));
 var import_jsx_runtime181 = require("react/jsx-runtime");
-var Header3 = (0, import_react104.forwardRef)(
+var Header3 = (0, import_react105.forwardRef)(
   ({ className, children, style, sticky, asHeader, rounded }, ref) => {
     const baseClassName = (0, import_classnames56.default)(
       "Layer__header",
@@ -21907,7 +21992,7 @@ var HeaderCol = ({ className, children, style, noPadding = false }) => {
 };
 
 // src/components/Panel/Panel.tsx
-var import_react105 = require("react");
+var import_react106 = require("react");
 var import_classnames59 = __toESM(require("classnames"));
 var import_jsx_runtime184 = require("react/jsx-runtime");
 var Panel = ({
@@ -21921,8 +22006,8 @@ var Panel = ({
   floating = false
 }) => {
   var _a;
-  const [sidebarHeight, setSidebarHeight] = (0, import_react105.useState)(0);
-  (0, import_react105.useEffect)(() => {
+  const [sidebarHeight, setSidebarHeight] = (0, import_react106.useState)(0);
+  (0, import_react106.useEffect)(() => {
     var _a2, _b;
     if ((_a2 = parentRef == null ? void 0 : parentRef.current) == null ? void 0 : _a2.offsetHeight) {
       setSidebarHeight((_b = parentRef == null ? void 0 : parentRef.current) == null ? void 0 : _b.offsetHeight);
@@ -21962,7 +22047,7 @@ var Panel = ({
 };
 
 // src/components/View/View.tsx
-var import_react106 = require("react");
+var import_react107 = require("react");
 
 // src/components/ViewHeader/ViewHeader.tsx
 var import_classnames60 = __toESM(require("classnames"));
@@ -21977,7 +22062,7 @@ var ViewHeader = ({ title, className, children }) => {
 // src/components/View/View.tsx
 var import_classnames61 = __toESM(require("classnames"));
 var import_jsx_runtime186 = require("react/jsx-runtime");
-var View = (0, import_react106.forwardRef)(
+var View = (0, import_react107.forwardRef)(
   ({
     title,
     showHeader = true,
@@ -22028,8 +22113,8 @@ var ProfitAndLossReport = ({
   view
 }) => {
   var _a, _b;
-  const { sidebarScope } = (0, import_react107.useContext)(ProfitAndLoss.Context);
-  const { comparisonConfig } = (0, import_react107.useContext)(ProfitAndLoss.ComparisonContext);
+  const { sidebarScope } = (0, import_react108.useContext)(ProfitAndLoss.Context);
+  const { comparisonConfig } = (0, import_react108.useContext)(ProfitAndLoss.ComparisonContext);
   return /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
     View,
     {
@@ -22086,10 +22171,10 @@ var ProfitAndLossReport = ({
 };
 
 // src/components/ProfitAndLossSummaries/ProfitAndLossSummaries.tsx
-var import_react111 = require("react");
+var import_react112 = require("react");
 
 // src/components/ProfitAndLossSummaries/internal/ProfitAndLossSummariesList.tsx
-var import_react108 = require("react");
+var import_react109 = require("react");
 var import_jsx_runtime188 = require("react/jsx-runtime");
 var LIST_ITEM_CLASS_NAME = "Layer__ProfitAndLossSummariesListItem";
 function ProfitAndLossSummariesListItem({
@@ -22097,7 +22182,7 @@ function ProfitAndLossSummariesListItem({
   isActive,
   onClick
 }) {
-  const dataProperties = (0, import_react108.useMemo)(
+  const dataProperties = (0, import_react109.useMemo)(
     () => toDataProperties({ active: isActive, clickable: !!onClick }),
     [isActive]
   );
@@ -22108,7 +22193,7 @@ function ProfitAndLossSummariesList({
   children,
   itemCount
 }) {
-  const dataProperties = (0, import_react108.useMemo)(
+  const dataProperties = (0, import_react109.useMemo)(
     () => toDataProperties({ ["column-count"]: itemCount }),
     [itemCount]
   );
@@ -22201,10 +22286,10 @@ function ProfitAndLossSummariesMiniChart({
 }
 
 // src/components/ui/Typography/MoneyText.tsx
-var import_react109 = require("react");
+var import_react110 = require("react");
 var import_jsx_runtime190 = require("react/jsx-runtime");
 var CLASS_NAME10 = "Layer__MoneyText";
-var MoneySpan = (0, import_react109.forwardRef)(
+var MoneySpan = (0, import_react110.forwardRef)(
   (_a, ref) => {
     var _b = _a, { amount, bold, size } = _b, restProps = __objRest(_b, ["amount", "bold", "size"]);
     const dataProperties = toDataProperties({
@@ -22251,8 +22336,8 @@ function ProfitAndLossSummariesSummary({
 }
 
 // src/views/AccountingOverview/internal/TransactionsToReview.tsx
-var import_react110 = require("react");
-var import_date_fns29 = require("date-fns");
+var import_react111 = require("react");
+var import_date_fns30 = require("date-fns");
 var import_jsx_runtime193 = require("react/jsx-runtime");
 var CLASS_NAME12 = "Layer__TransactionsToReview";
 function TransactionsToReview({
@@ -22262,23 +22347,23 @@ function TransactionsToReview({
   variants
 }) {
   const { size = "sm" } = variants != null ? variants : {};
-  const { dateRange: contextDateRange } = (0, import_react110.useContext)(ProfitAndLoss.Context);
+  const { dateRange: contextDateRange } = (0, import_react111.useContext)(ProfitAndLoss.Context);
   const dateRange = usePnlDateRange ? contextDateRange : void 0;
-  const [toReview, setToReview] = (0, import_react110.useState)(0);
+  const [toReview, setToReview] = (0, import_react111.useState)(0);
   const { data, loaded, error, refetch } = useProfitAndLossLTM({
-    currentDate: dateRange ? dateRange.startDate : (0, import_date_fns29.startOfMonth)(/* @__PURE__ */ new Date()),
+    currentDate: dateRange ? dateRange.startDate : (0, import_date_fns30.startOfMonth)(/* @__PURE__ */ new Date()),
     tagFilter
   });
-  (0, import_react110.useEffect)(() => {
+  (0, import_react111.useEffect)(() => {
     checkTransactionsToReview();
   }, []);
-  (0, import_react110.useEffect)(() => {
+  (0, import_react111.useEffect)(() => {
     checkTransactionsToReview();
   }, [dateRange, loaded]);
   const checkTransactionsToReview = () => {
     if (data && dateRange) {
       const monthTx = data.filter(
-        (x) => x.month - 1 === (0, import_date_fns29.getMonth)(dateRange.startDate) && x.year === (0, import_date_fns29.getYear)(dateRange.startDate)
+        (x) => x.month - 1 === (0, import_date_fns30.getMonth)(dateRange.startDate) && x.year === (0, import_date_fns30.getYear)(dateRange.startDate)
       );
       if (monthTx.length > 0) {
         setToReview(monthTx[0].uncategorized_transactions);
@@ -22353,8 +22438,8 @@ function Internal_ProfitAndLossSummaries({
     isLoading,
     setSidebarScope,
     sidebarScope
-  } = (0, import_react111.useContext)(ProfitAndLoss.Context);
-  const { revenueChartData, expensesChartData } = (0, import_react111.useMemo)(
+  } = (0, import_react112.useContext)(ProfitAndLoss.Context);
+  const { revenueChartData, expensesChartData } = (0, import_react112.useMemo)(
     () => ({
       revenueChartData: toMiniChartData({ scope: "revenue", data }),
       expensesChartData: toMiniChartData({ scope: "expenses", data })
@@ -22456,10 +22541,10 @@ function ProfitAndLossSummaries(_a) {
 }
 
 // src/components/ProfitAndLossTable/ProfitAndLossTableWithProvider.tsx
-var import_react117 = require("react");
+var import_react118 = require("react");
 
 // src/contexts/TableContext/TableContext.tsx
-var import_react112 = require("react");
+var import_react113 = require("react");
 var import_jsx_runtime195 = require("react/jsx-runtime");
 var defaultValue = {
   expandedRows: [],
@@ -22471,10 +22556,10 @@ var defaultValue = {
   setExpandedAllRows: () => {
   }
 };
-var TableContext = (0, import_react112.createContext)(defaultValue);
+var TableContext = (0, import_react113.createContext)(defaultValue);
 var TableProvider = ({ children }) => {
-  const [expandedRows, setExpandedRowsState] = (0, import_react112.useState)([]);
-  const [expandedAllRows, setExpandedAllRows] = (0, import_react112.useState)(false);
+  const [expandedRows, setExpandedRowsState] = (0, import_react113.useState)([]);
+  const [expandedAllRows, setExpandedAllRows] = (0, import_react113.useState)(false);
   const toggleRow = (rowKey) => {
     setExpandedRowsState((prevRows) => {
       const rows = [...prevRows];
@@ -22500,10 +22585,10 @@ var TableProvider = ({ children }) => {
 };
 
 // src/components/ProfitAndLossTable/ProfitAndLossCompareTable.tsx
-var import_react115 = require("react");
+var import_react116 = require("react");
 
 // src/hooks/useTableExpandRow/useTableExpandRow.tsx
-var import_react113 = require("react");
+var import_react114 = require("react");
 var useTableExpandRow = () => {
   const {
     expandedAllRows,
@@ -22511,7 +22596,7 @@ var useTableExpandRow = () => {
     expandAllRows,
     expandedRows,
     setExpandedRows
-  } = (0, import_react113.useContext)(TableContext);
+  } = (0, import_react114.useContext)(TableContext);
   const toggleAllRows = () => {
     if (expandedAllRows) {
       setIsOpen([]);
@@ -22539,7 +22624,7 @@ var useTableExpandRow = () => {
 };
 
 // src/utils/profitAndLossComparisonUtils.ts
-var import_date_fns30 = require("date-fns");
+var import_date_fns31 = require("date-fns");
 var generateComparisonPeriods = (startDate, numberOfPeriods, rangeDisplayMode) => {
   switch (rangeDisplayMode) {
     case "yearPicker":
@@ -22550,14 +22635,14 @@ var generateComparisonPeriods = (startDate, numberOfPeriods, rangeDisplayMode) =
 };
 var generateComparisonMonths = (startDate, numberOfMonths) => {
   return Array.from({ length: numberOfMonths }, (_, index) => {
-    const currentMonth = (0, import_date_fns30.subMonths)(startDate, numberOfMonths - index - 1);
-    return { date: currentMonth, label: (0, import_date_fns30.format)(currentMonth, "MMM") };
+    const currentMonth = (0, import_date_fns31.subMonths)(startDate, numberOfMonths - index - 1);
+    return { date: currentMonth, label: (0, import_date_fns31.format)(currentMonth, "MMM") };
   });
 };
 var generateComparisonYears = (startDate, numberOfYears) => {
   return Array.from({ length: numberOfYears }, (_, index) => {
-    const currentMonth = (0, import_date_fns30.subYears)(startDate, numberOfYears - index - 1);
-    return { date: currentMonth, label: (0, import_date_fns30.format)(currentMonth, "yyyy") };
+    const currentMonth = (0, import_date_fns31.subYears)(startDate, numberOfYears - index - 1);
+    return { date: currentMonth, label: (0, import_date_fns31.format)(currentMonth, "yyyy") };
   });
 };
 var getComparisonValue = (name, depth, cellData) => {
@@ -22732,7 +22817,7 @@ var TableRow = ({
 };
 
 // src/components/Table/Table.tsx
-var import_react114 = require("react");
+var import_react115 = require("react");
 var import_classnames64 = __toESM(require("classnames"));
 var import_jsx_runtime200 = require("react/jsx-runtime");
 var Table = ({
@@ -22741,9 +22826,9 @@ var Table = ({
   borderCollapse = "separate",
   bottomSpacing = true
 }) => {
-  const tableRef = (0, import_react114.useRef)(null);
-  const prevChildrenRef = (0, import_react114.useRef)([]);
-  (0, import_react114.useEffect)(() => {
+  const tableRef = (0, import_react115.useRef)(null);
+  const prevChildrenRef = (0, import_react115.useRef)([]);
+  (0, import_react115.useEffect)(() => {
     if (tableRef.current) {
       const tbody = tableRef.current.querySelector("tbody");
       const rows = tbody ? Array.from(tbody.querySelectorAll("tr")) : [];
@@ -22792,17 +22877,17 @@ var import_jsx_runtime201 = require("react/jsx-runtime");
 var ProfitAndLossCompareTable = ({
   stringOverrides
 }) => {
-  const { dateRange } = (0, import_react115.useContext)(ProfitAndLoss.Context);
+  const { dateRange } = (0, import_react116.useContext)(ProfitAndLoss.Context);
   const {
     data: comparisonData,
     isLoading,
     comparePeriods,
     selectedCompareOptions
-  } = (0, import_react115.useContext)(ProfitAndLoss.ComparisonContext);
+  } = (0, import_react116.useContext)(ProfitAndLoss.ComparisonContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
   const { rangeDisplayMode } = useGlobalDateRange();
   const { data: bookkeepingPeriods } = useBookkeepingPeriods();
-  (0, import_react115.useEffect)(() => {
+  (0, import_react116.useEffect)(() => {
     setIsOpen(["income", "cost_of_goods_sold", "expenses"]);
   }, []);
   if (isLoading || comparisonData === void 0) {
@@ -22826,7 +22911,7 @@ var ProfitAndLossCompareTable = ({
     if (!period) {
       return;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(BookkeepingStatus, { status: period.status, monthNumber: currentMonth, iconOnly: true });
+    return /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(BookkeepingStatus2, { status: period.status, monthNumber: currentMonth, iconOnly: true });
   };
   const renderRow = (rowKey, depth, rowDisplayName, lineItem, data) => {
     const rowData = data ? data : [];
@@ -22846,7 +22931,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__ */ (0, import_jsx_runtime201.jsxs)(import_react115.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)(import_react116.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)(
         TableRow,
         {
@@ -22880,7 +22965,7 @@ var ProfitAndLossCompareTable = ({
   return /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)(Table, { borderCollapse: "collapse", bottomSpacing: false, children: [
     /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(TableHead, { children: selectedCompareOptions && selectedCompareOptions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)(TableRow, { rowKey: "", children: [
       /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(TableCell, { isHeaderCell: true }),
-      selectedCompareOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)(import_react115.Fragment, { children: [
+      selectedCompareOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)(import_react116.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(TableCell, { primary: true, isHeaderCell: true, children: option.displayName }, option.displayName + "-" + i),
         comparePeriods && Array.from({ length: comparePeriods - 1 }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(TableCell, { isHeaderCell: true }, option.displayName + "-" + index))
       ] }, option.displayName + "-" + i))
@@ -22888,7 +22973,7 @@ var ProfitAndLossCompareTable = ({
     /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)(TableBody, { children: [
       comparePeriods && /* @__PURE__ */ (0, import_jsx_runtime201.jsxs)(TableRow, { rowKey: "", children: [
         /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(TableCell, { isHeaderCell: true }),
-        selectedCompareOptions && selectedCompareOptions.length > 0 ? selectedCompareOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(import_react115.Fragment, { children: generateComparisonPeriods(
+        selectedCompareOptions && selectedCompareOptions.length > 0 ? selectedCompareOptions.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(import_react116.Fragment, { children: generateComparisonPeriods(
           dateRange.startDate,
           comparePeriods,
           rangeDisplayMode
@@ -22896,7 +22981,7 @@ var ProfitAndLossCompareTable = ({
           month.label,
           " ",
           getBookkeepingPeriodStatus(month.date)
-        ] }) }, option.displayName + "-" + index)) }, option.displayName + "-" + i)) : /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(import_react115.Fragment, { children: generateComparisonPeriods(
+        ] }) }, option.displayName + "-" + index)) }, option.displayName + "-" + i)) : /* @__PURE__ */ (0, import_jsx_runtime201.jsx)(import_react116.Fragment, { children: generateComparisonPeriods(
           dateRange.startDate,
           comparePeriods,
           rangeDisplayMode
@@ -22928,7 +23013,7 @@ var ProfitAndLossCompareTable = ({
 };
 
 // src/components/ProfitAndLossTable/ProfitAndLossTableComponent.tsx
-var import_react116 = require("react");
+var import_react117 = require("react");
 
 // src/icons/PieChart.tsx
 var import_jsx_runtime202 = require("react/jsx-runtime");
@@ -23027,9 +23112,9 @@ var ProfitAndLossTableComponent = ({
     data: actualData,
     isLoading,
     setSidebarScope
-  } = (0, import_react116.useContext)(ProfitAndLoss.Context);
+  } = (0, import_react117.useContext)(ProfitAndLoss.Context);
   const { isOpen, setIsOpen } = useTableExpandRow();
-  (0, import_react116.useEffect)(() => {
+  (0, import_react117.useEffect)(() => {
     setIsOpen(["income", "cost_of_goods_sold", "expenses"]);
   }, []);
   const currentData = Array.isArray(actualData) ? actualData[actualData.length - 1] : actualData;
@@ -23049,7 +23134,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__ */ (0, import_jsx_runtime203.jsxs)(import_react116.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)(import_react117.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime203.jsxs)(
         TableRow,
         {
@@ -23167,14 +23252,14 @@ var ProfitAndLossTableComponent = ({
 // src/components/ProfitAndLossTable/ProfitAndLossTableWithProvider.tsx
 var import_jsx_runtime204 = require("react/jsx-runtime");
 var ProfitAndLossTableWithProvider = (props) => {
-  const { compareModeActive } = (0, import_react117.useContext)(ProfitAndLoss.ComparisonContext);
+  const { compareModeActive } = (0, import_react118.useContext)(ProfitAndLoss.ComparisonContext);
   return /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(TableProvider, { children: compareModeActive ? /* @__PURE__ */ (0, import_jsx_runtime204.jsx)("div", { className: "Layer__compare__table__wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(ProfitAndLossCompareTable, __spreadValues({}, props)) }) : /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(ProfitAndLossTableComponent, __spreadValues({}, props)) });
 };
 
 // src/components/ProfitAndLoss/ProfitAndLoss.tsx
-var import_date_fns31 = require("date-fns");
+var import_date_fns32 = require("date-fns");
 var import_jsx_runtime205 = require("react/jsx-runtime");
-var PNLContext = (0, import_react118.createContext)({
+var PNLContext = (0, import_react119.createContext)({
   data: void 0,
   filteredDataRevenue: [],
   filteredTotalRevenue: void 0,
@@ -23184,8 +23269,8 @@ var PNLContext = (0, import_react118.createContext)({
   isValidating: false,
   error: void 0,
   dateRange: {
-    startDate: (0, import_date_fns31.startOfMonth)(/* @__PURE__ */ new Date()),
-    endDate: (0, import_date_fns31.endOfMonth)(/* @__PURE__ */ new Date())
+    startDate: (0, import_date_fns32.startOfMonth)(/* @__PURE__ */ new Date()),
+    endDate: (0, import_date_fns32.endOfMonth)(/* @__PURE__ */ new Date())
   },
   changeDateRange: () => {
   },
@@ -23229,7 +23314,7 @@ ProfitAndLoss.DownloadButton = ProfitAndLossDownloadButton;
 
 // src/hooks/balanceSheet/useBalanceSheet.ts
 var import_swr16 = __toESM(require("swr"));
-var import_date_fns32 = require("date-fns");
+var import_date_fns33 = require("date-fns");
 function buildKey15({
   access_token: accessToken,
   apiUrl,
@@ -23247,7 +23332,7 @@ function buildKey15({
   }
 }
 function useBalanceSheet({
-  effectiveDate = (0, import_date_fns32.endOfDay)(/* @__PURE__ */ new Date())
+  effectiveDate = (0, import_date_fns33.endOfDay)(/* @__PURE__ */ new Date())
 }) {
   const { data: auth } = useAuth();
   const { apiUrl } = useEnvironment();
@@ -23272,12 +23357,12 @@ function useBalanceSheet({
 }
 
 // src/hooks/useElementViewSize/useElementViewSize.tsx
-var import_react119 = require("react");
+var import_react120 = require("react");
 var useElementViewSize = () => {
-  const containerRef = (0, import_react119.useRef)(null);
-  const [view, setView] = (0, import_react119.useState)("desktop");
-  const resizeTimeout = (0, import_react119.useRef)(null);
-  (0, import_react119.useLayoutEffect)(() => {
+  const containerRef = (0, import_react120.useRef)(null);
+  const [view, setView] = (0, import_react120.useState)("desktop");
+  const resizeTimeout = (0, import_react120.useRef)(null);
+  (0, import_react120.useLayoutEffect)(() => {
     const element = containerRef == null ? void 0 : containerRef.current;
     if (!element) {
       return;
@@ -23346,7 +23431,7 @@ var BalanceSheetExpandAllButton = ({
 };
 
 // src/components/BalanceSheetTable/BalanceSheetTable.tsx
-var import_react120 = require("react");
+var import_react121 = require("react");
 var import_jsx_runtime208 = require("react/jsx-runtime");
 var BalanceSheetTable = ({
   data,
@@ -23355,12 +23440,12 @@ var BalanceSheetTable = ({
 }) => {
   const { isOpen, setIsOpen, expandedAllRows } = useTableExpandRow();
   const allRowKeys = [];
-  (0, import_react120.useEffect)(() => {
+  (0, import_react121.useEffect)(() => {
     if (expandedAllRows) {
       setIsOpen(allRowKeys, true);
     }
   }, [expandedAllRows]);
-  (0, import_react120.useEffect)(() => {
+  (0, import_react121.useEffect)(() => {
     setIsOpen(["assets"]);
   }, []);
   const renderLineItem = (lineItem, depth = 0, rowKey, rowIndex) => {
@@ -23370,7 +23455,7 @@ var BalanceSheetTable = ({
     if (expandable) {
       allRowKeys.push(rowKey);
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(import_react120.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(import_react121.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime208.jsxs)(
         TableRow,
         {
@@ -23421,7 +23506,7 @@ var BalanceSheetTable = ({
       /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(TableCell, { isHeaderCell: true, children: (stringOverrides == null ? void 0 : stringOverrides.typeColumnHeader) || "Type" }),
       /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(TableCell, { isHeaderCell: true, align: "right" /* RIGHT */, children: (stringOverrides == null ? void 0 : stringOverrides.totalColumnHeader) || "Total" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(TableBody, { children: config.map((row, idx) => /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(import_react120.Fragment, { children: data[row.lineItem] && renderLineItem(
+    /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(TableBody, { children: config.map((row, idx) => /* @__PURE__ */ (0, import_jsx_runtime208.jsx)(import_react121.Fragment, { children: data[row.lineItem] && renderLineItem(
       data[row.lineItem],
       0,
       row.lineItem,
@@ -23595,7 +23680,7 @@ var BalanceSheetView = ({
 };
 
 // src/components/StatementOfCashFlowTable/StatementOfCashFlowTable.tsx
-var import_react121 = require("react");
+var import_react122 = require("react");
 var import_jsx_runtime211 = require("react/jsx-runtime");
 var StatementOfCashFlowTable = ({
   data,
@@ -23606,7 +23691,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__ */ (0, import_jsx_runtime211.jsxs)(import_react121.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(import_react122.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime211.jsxs)(
         TableRow,
         {
@@ -23658,7 +23743,7 @@ var StatementOfCashFlowTable = ({
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(TableBody, { children: config.map((row, idx) => {
       if (row.type === "line_item") {
-        return /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(import_react121.Fragment, { children: data[row.lineItem] && renderLineItem(
+        return /* @__PURE__ */ (0, import_jsx_runtime211.jsx)(import_react122.Fragment, { children: data[row.lineItem] && renderLineItem(
           data[row.lineItem],
           0,
           row.lineItem ? row.lineItem : "",
@@ -23864,7 +23949,7 @@ function StatementOfCashFlowDatePicker({
 
 // src/hooks/useStatementOfCashFlow/useStatementOfCashFlow.tsx
 var import_swr17 = __toESM(require("swr"));
-var import_date_fns33 = require("date-fns");
+var import_date_fns34 = require("date-fns");
 function buildKey18({
   access_token: accessToken,
   apiUrl,
@@ -23884,8 +23969,8 @@ function buildKey18({
   }
 }
 function useStatementOfCashFlow({
-  startDate = (0, import_date_fns33.startOfMonth)(/* @__PURE__ */ new Date()),
-  endDate = (0, import_date_fns33.endOfMonth)(/* @__PURE__ */ new Date())
+  startDate = (0, import_date_fns34.startOfMonth)(/* @__PURE__ */ new Date()),
+  endDate = (0, import_date_fns34.endOfMonth)(/* @__PURE__ */ new Date())
 }) {
   const { data: auth } = useAuth();
   const { apiUrl } = useEnvironment();
@@ -23960,12 +24045,12 @@ var StatementOfCashFlowView = ({
 };
 
 // src/components/ChartOfAccounts/ChartOfAccounts.tsx
-var import_react135 = require("react");
+var import_react136 = require("react");
 
 // src/contexts/ChartOfAccountsContext/ChartOfAccountsContext.tsx
-var import_react122 = require("react");
-var import_date_fns34 = require("date-fns");
-var ChartOfAccountsContext = (0, import_react122.createContext)(
+var import_react123 = require("react");
+var import_date_fns35 = require("date-fns");
+var ChartOfAccountsContext = (0, import_react123.createContext)(
   {
     data: void 0,
     isLoading: false,
@@ -23987,8 +24072,8 @@ var ChartOfAccountsContext = (0, import_react122.createContext)(
     submitForm: () => {
     },
     dateRange: {
-      startDate: (0, import_date_fns34.startOfMonth)(/* @__PURE__ */ new Date()),
-      endDate: (0, import_date_fns34.endOfMonth)(/* @__PURE__ */ new Date())
+      startDate: (0, import_date_fns35.startOfMonth)(/* @__PURE__ */ new Date()),
+      endDate: (0, import_date_fns35.endOfMonth)(/* @__PURE__ */ new Date())
     },
     changeDateRange: () => {
     }
@@ -23996,8 +24081,8 @@ var ChartOfAccountsContext = (0, import_react122.createContext)(
 );
 
 // src/contexts/LedgerAccountsContext/LedgerAccountsContext.tsx
-var import_react123 = require("react");
-var LedgerAccountsContext = (0, import_react123.createContext)({
+var import_react124 = require("react");
+var LedgerAccountsContext = (0, import_react124.createContext)({
   data: void 0,
   entryData: void 0,
   isLoading: false,
@@ -24019,7 +24104,7 @@ var LedgerAccountsContext = (0, import_react123.createContext)({
 });
 
 // src/hooks/useChartOfAccounts/useChartOfAccounts.tsx
-var import_react124 = require("react");
+var import_react125 = require("react");
 
 // src/components/ChartOfAccountsForm/constants.ts
 var LEDGER_ACCOUNT_TYPES = [
@@ -24223,7 +24308,7 @@ var LEDGER_ACCOUNT_SUBTYPES_FOR_TYPE = {
 };
 
 // src/hooks/useChartOfAccounts/useChartOfAccounts.tsx
-var import_date_fns35 = require("date-fns");
+var import_date_fns36 = require("date-fns");
 var import_swr18 = __toESM(require("swr"));
 var validate = (formData) => {
   const errors = [];
@@ -24307,8 +24392,8 @@ var validateName = (formData) => {
 var flattenAccounts = (accounts) => accounts.flatMap((a) => [a, flattenAccounts(a.sub_accounts || [])]).flat().filter((id) => id);
 var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: initialEndDate } = {
   withDates: false,
-  startDate: (0, import_date_fns35.startOfMonth)(/* @__PURE__ */ new Date()),
-  endDate: (0, import_date_fns35.endOfMonth)(/* @__PURE__ */ new Date())
+  startDate: (0, import_date_fns36.startOfMonth)(/* @__PURE__ */ new Date()),
+  endDate: (0, import_date_fns36.endOfMonth)(/* @__PURE__ */ new Date())
 }) => {
   const {
     businessId,
@@ -24319,14 +24404,14 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
   } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [form, setForm] = (0, import_react124.useState)();
-  const [sendingForm, setSendingForm] = (0, import_react124.useState)(false);
-  const [apiError, setApiError] = (0, import_react124.useState)(void 0);
-  const [startDate, setStartDate] = (0, import_react124.useState)(
-    initialStartDate != null ? initialStartDate : (0, import_date_fns35.startOfMonth)(Date.now())
+  const [form, setForm] = (0, import_react125.useState)();
+  const [sendingForm, setSendingForm] = (0, import_react125.useState)(false);
+  const [apiError, setApiError] = (0, import_react125.useState)(void 0);
+  const [startDate, setStartDate] = (0, import_react125.useState)(
+    initialStartDate != null ? initialStartDate : (0, import_date_fns36.startOfMonth)(Date.now())
   );
-  const [endDate, setEndDate] = (0, import_react124.useState)(
-    initialEndDate != null ? initialEndDate : (0, import_date_fns35.endOfMonth)(Date.now())
+  const [endDate, setEndDate] = (0, import_react125.useState)(
+    initialEndDate != null ? initialEndDate : (0, import_date_fns36.endOfMonth)(Date.now())
   );
   const queryKey = businessId && (auth == null ? void 0 : auth.access_token) && `chart-of-accounts-${businessId}-${startDate == null ? void 0 : startDate.valueOf()}-${endDate == null ? void 0 : endDate.valueOf()}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr18.default)(
@@ -24334,8 +24419,8 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
     Layer.getLedgerAccountBalances(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: {
         businessId,
-        startDate: withDates && startDate ? (0, import_date_fns35.formatISO)(startDate.valueOf()) : void 0,
-        endDate: withDates && endDate ? (0, import_date_fns35.formatISO)(endDate.valueOf()) : void 0
+        startDate: withDates && startDate ? (0, import_date_fns36.formatISO)(startDate.valueOf()) : void 0,
+        endDate: withDates && endDate ? (0, import_date_fns36.formatISO)(endDate.valueOf()) : void 0
       }
     })
   );
@@ -24507,12 +24592,12 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
     newEndDate && setEndDate(newEndDate);
   };
   const refetch = () => mutate();
-  (0, import_react124.useEffect)(() => {
+  (0, import_react125.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("CHART_OF_ACCOUNTS" /* CHART_OF_ACCOUNTS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react124.useEffect)(() => {
+  (0, import_react125.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -24540,17 +24625,17 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
 // src/hooks/useChartOfAccounts/useCreateChildAccount.tsx
 var import_mutation9 = __toESM(require("swr/mutation"));
 var import_swr19 = require("swr");
-var import_react125 = require("react");
+var import_react126 = require("react");
 
 // src/hooks/useLedgerAccounts/useLedgerAccounts.tsx
-var import_react126 = require("react");
+var import_react127 = require("react");
 var import_swr20 = __toESM(require("swr"));
 var useLedgerAccounts = (showReversalEntries = false) => {
   const { businessId, read, syncTimestamps, hasBeenTouched } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [accountId, setAccountId] = (0, import_react126.useState)();
-  const [selectedEntryId, setSelectedEntryId] = (0, import_react126.useState)();
+  const [accountId, setAccountId] = (0, import_react127.useState)();
+  const [selectedEntryId, setSelectedEntryId] = (0, import_react127.useState)();
   const queryKey = businessId && accountId && (auth == null ? void 0 : auth.access_token) && `ledger-accounts-lines-${businessId}-${accountId}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr20.default)(
     queryKey,
@@ -24579,12 +24664,12 @@ var useLedgerAccounts = (showReversalEntries = false) => {
     setSelectedEntryId(void 0);
     mutateEntryData();
   };
-  (0, import_react126.useEffect)(() => {
+  (0, import_react127.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("LEDGER_ACCOUNTS" /* LEDGER_ACCOUNTS */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react126.useEffect)(() => {
+  (0, import_react127.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -24608,7 +24693,7 @@ var useLedgerAccounts = (showReversalEntries = false) => {
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTableWithPanel.tsx
-var import_react131 = require("react");
+var import_react132 = require("react");
 
 // src/icons/Plus.tsx
 var import_jsx_runtime215 = require("react/jsx-runtime");
@@ -24649,11 +24734,11 @@ var Plus = (_a) => {
 var Plus_default = Plus;
 
 // src/components/ChartOfAccountsDatePicker/ChartOfAccountsDatePicker.tsx
-var import_react127 = require("react");
-var import_date_fns36 = require("date-fns");
+var import_react128 = require("react");
+var import_date_fns37 = require("date-fns");
 var import_jsx_runtime216 = require("react/jsx-runtime");
 var ChartOfAccountsDatePicker = () => {
-  const { changeDateRange, dateRange } = (0, import_react127.useContext)(ChartOfAccountsContext);
+  const { changeDateRange, dateRange } = (0, import_react128.useContext)(ChartOfAccountsContext);
   return /* @__PURE__ */ (0, import_jsx_runtime216.jsx)(
     DatePicker,
     {
@@ -24662,8 +24747,8 @@ var ChartOfAccountsDatePicker = () => {
       onChange: (date) => {
         if (!Array.isArray(date)) {
           changeDateRange({
-            startDate: (0, import_date_fns36.startOfMonth)(date),
-            endDate: (0, import_date_fns36.endOfMonth)(date)
+            startDate: (0, import_date_fns37.startOfMonth)(date),
+            endDate: (0, import_date_fns37.endOfMonth)(date)
           });
         }
       }
@@ -24672,13 +24757,13 @@ var ChartOfAccountsDatePicker = () => {
 };
 
 // src/components/ChartOfAccountsForm/ChartOfAccountsForm.tsx
-var import_react129 = require("react");
+var import_react130 = require("react");
 
 // src/components/ChartOfAccountsForm/useParentOptions.ts
-var import_react128 = require("react");
+var import_react129 = require("react");
 var useParentOptions = (data) => {
   var _a;
-  return (0, import_react128.useMemo)(
+  return (0, import_react129.useMemo)(
     () => flattenAccounts((data == null ? void 0 : data.accounts) || []).sort((a, b) => (a == null ? void 0 : a.name) && (b == null ? void 0 : b.name) ? a.name.localeCompare(b.name) : 0).map((x) => {
       return {
         label: x.name,
@@ -24703,9 +24788,9 @@ var ChartOfAccountsForm = ({
     submitForm,
     sendingForm,
     apiError
-  } = (0, import_react129.useContext)(ChartOfAccountsContext);
+  } = (0, import_react130.useContext)(ChartOfAccountsContext);
   const parentOptions = useParentOptions(data);
-  const entry = (0, import_react129.useMemo)(() => {
+  const entry = (0, import_react130.useMemo)(() => {
     if ((form == null ? void 0 : form.action) === "edit" && form.accountId) {
       return flattenAccounts((data == null ? void 0 : data.accounts) || []).find(
         (x) => x.id === form.accountId
@@ -24918,7 +25003,7 @@ var ChartOfAccountsSidebar = ({
 };
 
 // src/components/ChartOfAccountsTable/ChartOfAccountsTable.tsx
-var import_react130 = require("react");
+var import_react131 = require("react");
 
 // src/icons/Edit2.tsx
 var import_jsx_runtime219 = require("react/jsx-runtime");
@@ -24978,18 +25063,18 @@ var ChartOfAccountsTableContent = ({
   expandAll,
   templateAccountsEditable
 }) => {
-  const { setAccountId } = (0, import_react130.useContext)(LedgerAccountsContext);
-  const { editAccount } = (0, import_react130.useContext)(ChartOfAccountsContext);
+  const { setAccountId } = (0, import_react131.useContext)(LedgerAccountsContext);
+  const { editAccount } = (0, import_react131.useContext)(ChartOfAccountsContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
-  const [accountsRowKeys, setAccountsRowKeys] = (0, import_react130.useState)([]);
-  (0, import_react130.useEffect)(() => {
+  const [accountsRowKeys, setAccountsRowKeys] = (0, import_react131.useState)([]);
+  (0, import_react131.useEffect)(() => {
     if (expandAll === "expanded") {
       setIsOpen(accountsRowKeys);
     } else if (expandAll === "collapsed") {
       setIsOpen([]);
     }
   }, [expandAll]);
-  (0, import_react130.useEffect)(() => {
+  (0, import_react131.useEffect)(() => {
     const defaultExpanded = data.accounts.map(
       (account) => "coa-row-" + account.id
     );
@@ -25008,7 +25093,7 @@ var ChartOfAccountsTableContent = ({
     var _a, _b;
     const expandable = !!account.sub_accounts && account.sub_accounts.length > 0;
     const expanded = expandable ? isOpen(rowKey) : true;
-    return /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(import_react130.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(import_react131.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime220.jsxs)(
         TableRow,
         {
@@ -25184,8 +25269,8 @@ var ChartOfAccountsTableWithPanel = ({
   templateAccountsEditable
 }) => {
   var _a;
-  const { data, isLoading, addAccount, error, isValidating, refetch, form } = (0, import_react131.useContext)(ChartOfAccountsContext);
-  const [expandAll, setExpandAll] = (0, import_react131.useState)();
+  const { data, isLoading, addAccount, error, isValidating, refetch, form } = (0, import_react132.useContext)(ChartOfAccountsContext);
+  const [expandAll, setExpandAll] = (0, import_react132.useState)();
   const cumulativeIndex = 0;
   const accountsLength = (_a = data == null ? void 0 : data.accounts.length) != null ? _a : 0;
   return /* @__PURE__ */ (0, import_jsx_runtime222.jsxs)(
@@ -25290,10 +25375,10 @@ var ChartOfAccountsTableWithPanel = ({
 };
 
 // src/components/LedgerAccount/LedgerAccountIndex.tsx
-var import_react134 = require("react");
+var import_react135 = require("react");
 
 // src/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails.tsx
-var import_react132 = require("react");
+var import_react133 = require("react");
 
 // src/utils/journal.ts
 var getAccountIdentifierPayload = (journalLineItem) => {
@@ -25321,21 +25406,21 @@ var lineEntryNumber = (ledgerEntryLine) => {
 };
 
 // src/components/DateTime/DateTime.tsx
-var import_date_fns37 = require("date-fns");
+var import_date_fns38 = require("date-fns");
 var import_jsx_runtime223 = require("react/jsx-runtime");
 var DateTime = ({
   value,
-  format: format7,
+  format: format8,
   dateFormat,
   timeFormat,
   onlyDate,
   onlyTime
 }) => {
-  if (format7) {
-    return /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(Text, { className: "Layer__datetime", children: (0, import_date_fns37.format)((0, import_date_fns37.parseISO)(value), format7) });
+  if (format8) {
+    return /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(Text, { className: "Layer__datetime", children: (0, import_date_fns38.format)((0, import_date_fns38.parseISO)(value), format8) });
   }
-  const date = (0, import_date_fns37.format)((0, import_date_fns37.parseISO)(value), dateFormat != null ? dateFormat : DATE_FORMAT);
-  const time = (0, import_date_fns37.format)((0, import_date_fns37.parseISO)(value), timeFormat != null ? timeFormat : TIME_FORMAT);
+  const date = (0, import_date_fns38.format)((0, import_date_fns38.parseISO)(value), dateFormat != null ? dateFormat : DATE_FORMAT);
+  const time = (0, import_date_fns38.format)((0, import_date_fns38.parseISO)(value), timeFormat != null ? timeFormat : TIME_FORMAT);
   return /* @__PURE__ */ (0, import_jsx_runtime223.jsxs)(Text, { className: "Layer__datetime", children: [
     !onlyTime && /* @__PURE__ */ (0, import_jsx_runtime223.jsx)(
       Text,
@@ -25537,8 +25622,8 @@ var LedgerAccountEntryDetails = ({
   stringOverrides
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v;
-  const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = (0, import_react132.useContext)(LedgerAccountsContext);
-  const { totalDebit, totalCredit } = (0, import_react132.useMemo)(() => {
+  const { entryData, isLoadingEntry, closeSelectedEntry, errorEntry } = (0, import_react133.useContext)(LedgerAccountsContext);
+  const { totalDebit, totalCredit } = (0, import_react133.useMemo)(() => {
     var _a2;
     let totalDebit2 = 0;
     let totalCredit2 = 0;
@@ -25684,9 +25769,9 @@ var LedgerAccountEntryDetails = ({
 };
 
 // src/components/LedgerAccount/LedgerAccountRow.tsx
-var import_react133 = require("react");
+var import_react134 = require("react");
 var import_classnames68 = __toESM(require("classnames"));
-var import_date_fns38 = require("date-fns");
+var import_date_fns39 = require("date-fns");
 var import_jsx_runtime227 = require("react/jsx-runtime");
 var LedgerAccountRow = ({
   row,
@@ -25695,9 +25780,9 @@ var LedgerAccountRow = ({
   view
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react133.useContext)(LedgerAccountsContext);
-  const [showComponent, setShowComponent] = (0, import_react133.useState)(false);
-  (0, import_react133.useEffect)(() => {
+  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react134.useContext)(LedgerAccountsContext);
+  const [showComponent, setShowComponent] = (0, import_react134.useState)(false);
+  (0, import_react134.useEffect)(() => {
     if (initialLoad) {
       const timeoutId = setTimeout(() => {
         setShowComponent(true);
@@ -25729,7 +25814,7 @@ var LedgerAccountRow = ({
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col", children: /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("span", { className: "Layer__table-cell-content", children: [
             /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("div", { className: "Layer__ledger-account-table__tablet-main-col__date", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Text, { children: row.date && (0, import_date_fns38.format)((0, import_date_fns38.parseISO)(row.date), DATE_FORMAT) }),
+              /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Text, { children: row.date && (0, import_date_fns39.format)((0, import_date_fns39.parseISO)(row.date), DATE_FORMAT) }),
               /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
                 Text,
                 {
@@ -25769,7 +25854,7 @@ var LedgerAccountRow = ({
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col", children: /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("span", { className: "Layer__table-cell-content", children: [
           /* @__PURE__ */ (0, import_jsx_runtime227.jsxs)("div", { className: "Layer__ledger-account-table__tablet-main-col__date", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Text, { children: row.date && (0, import_date_fns38.format)((0, import_date_fns38.parseISO)(row.date), DATE_FORMAT) }),
+            /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(Text, { children: row.date && (0, import_date_fns39.format)((0, import_date_fns39.parseISO)(row.date), DATE_FORMAT) }),
             /* @__PURE__ */ (0, import_jsx_runtime227.jsx)(
               Text,
               {
@@ -25820,7 +25905,7 @@ var LedgerAccountRow = ({
         }
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("td", { className: "Layer__table-cell", children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("span", { className: "Layer__table-cell-content", children: row.date && (0, import_date_fns38.format)((0, import_date_fns38.parseISO)(row.date), DATE_FORMAT) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("td", { className: "Layer__table-cell", children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("span", { className: "Layer__table-cell-content", children: row.date && (0, import_date_fns39.format)((0, import_date_fns39.parseISO)(row.date), DATE_FORMAT) }) }),
         /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("td", { className: "Layer__table-cell", children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("span", { className: "Layer__table-cell-content", children: lineEntryNumber(row) }) }),
         /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("td", { className: "Layer__table-cell", children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("span", { className: "Layer__table-cell-content", children: (_f = (_e = row.source) == null ? void 0 : _e.display_description) != null ? _f : "" }) }),
         /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("td", { className: "Layer__table-cell Layer__table-cell--primary", children: /* @__PURE__ */ (0, import_jsx_runtime227.jsx)("span", { className: "Layer__table-cell-content Layer__table-cell--amount", children: row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}` }) }),
@@ -25841,9 +25926,9 @@ var LedgerAccount = ({
   stringOverrides
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const [currentPage, setCurrentPage] = (0, import_react134.useState)(1);
-  const [initialLoad, setInitialLoad] = (0, import_react134.useState)(true);
-  const { data: accountData } = (0, import_react134.useContext)(ChartOfAccountsContext);
+  const [currentPage, setCurrentPage] = (0, import_react135.useState)(1);
+  const [initialLoad, setInitialLoad] = (0, import_react135.useState)(true);
+  const { data: accountData } = (0, import_react135.useContext)(ChartOfAccountsContext);
   const {
     data: rawData,
     error,
@@ -25854,8 +25939,8 @@ var LedgerAccount = ({
     selectedEntryId,
     closeSelectedEntry,
     refetch
-  } = (0, import_react134.useContext)(LedgerAccountsContext);
-  (0, import_react134.useEffect)(() => {
+  } = (0, import_react135.useContext)(LedgerAccountsContext);
+  (0, import_react135.useEffect)(() => {
     if (!isLoading) {
       const timeoutLoad = setTimeout(() => {
         setInitialLoad(false);
@@ -25867,12 +25952,12 @@ var LedgerAccount = ({
     "Layer__ledger-account__index",
     accountId && "open"
   );
-  const account = (0, import_react134.useMemo)(() => {
+  const account = (0, import_react135.useMemo)(() => {
     return flattenAccounts((accountData == null ? void 0 : accountData.accounts) || []).find(
       (x) => x.id === accountId
     );
   }, [accountId]);
-  const data = (0, import_react134.useMemo)(() => {
+  const data = (0, import_react135.useMemo)(() => {
     var _a2;
     const firstPageIndex = (currentPage - 1) * pageSize;
     const lastPageIndex = firstPageIndex + pageSize;
@@ -26010,7 +26095,7 @@ var ChartOfAccountsContent = ({
   templateAccountsEditable,
   showAddAccountButton
 }) => {
-  const { accountId } = (0, import_react135.useContext)(LedgerAccountsContext);
+  const { accountId } = (0, import_react136.useContext)(LedgerAccountsContext);
   const { view, containerRef } = useElementViewSize();
   return /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(Container, { name: "chart-of-accounts", ref: containerRef, asWidget, children: accountId ? /* @__PURE__ */ (0, import_jsx_runtime229.jsx)(
     LedgerAccount,
@@ -26035,8 +26120,8 @@ var ChartOfAccountsContent = ({
 };
 
 // src/contexts/JournalContext/JournalContext.tsx
-var import_react136 = require("react");
-var JournalContext = (0, import_react136.createContext)({
+var import_react137 = require("react");
+var JournalContext = (0, import_react137.createContext)({
   data: void 0,
   isLoading: false,
   error: void 0,
@@ -26070,7 +26155,7 @@ var JournalContext = (0, import_react136.createContext)({
 });
 
 // src/hooks/useJournal/useJournal.tsx
-var import_react137 = require("react");
+var import_react138 = require("react");
 var import_swr21 = __toESM(require("swr"));
 var useJournal = () => {
   const {
@@ -26082,11 +26167,11 @@ var useJournal = () => {
   } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const [selectedEntryId, setSelectedEntryId] = (0, import_react137.useState)();
-  const [form, setForm] = (0, import_react137.useState)();
-  const [addingEntry, setAddingEntry] = (0, import_react137.useState)(false);
-  const [sendingForm, setSendingForm] = (0, import_react137.useState)(false);
-  const [apiError, setApiError] = (0, import_react137.useState)(void 0);
+  const [selectedEntryId, setSelectedEntryId] = (0, import_react138.useState)();
+  const [form, setForm] = (0, import_react138.useState)();
+  const [addingEntry, setAddingEntry] = (0, import_react138.useState)(false);
+  const [sendingForm, setSendingForm] = (0, import_react138.useState)(false);
+  const [apiError, setApiError] = (0, import_react138.useState)(void 0);
   const queryKey = businessId && (auth == null ? void 0 : auth.access_token) && `journal-lines-${businessId}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr21.default)(
     queryKey,
@@ -26302,12 +26387,12 @@ var useJournal = () => {
       params: { businessId, entryId }
     });
   });
-  (0, import_react137.useEffect)(() => {
+  (0, import_react138.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("JOURNAL" /* JOURNAL */, queryKey);
     }
   }, [isLoading, isValidating]);
-  (0, import_react137.useEffect)(() => {
+  (0, import_react138.useEffect)(() => {
     if (queryKey && hasBeenTouched(queryKey)) {
       refetch();
     }
@@ -26339,13 +26424,13 @@ var useJournal = () => {
 };
 
 // src/components/JournalTable/JournalTableWithPanel.tsx
-var import_react143 = require("react");
+var import_react144 = require("react");
 
 // src/components/JournalSidebar/JournalSidebar.tsx
-var import_react141 = require("react");
+var import_react142 = require("react");
 
 // src/components/JournalEntryDetails/JournalEntryDetails.tsx
-var import_react138 = require("react");
+var import_react139 = require("react");
 var import_jsx_runtime230 = require("react/jsx-runtime");
 var JournalEntryDetails = () => {
   var _a, _b, _c, _d;
@@ -26357,16 +26442,16 @@ var JournalEntryDetails = () => {
     selectedEntryId,
     reverseEntry,
     refetch
-  } = (0, import_react138.useContext)(JournalContext);
-  const [reverseEntryProcessing, setReverseEntryProcessing] = (0, import_react138.useState)(false);
-  const [reverseEntryError, setReverseEntryError] = (0, import_react138.useState)();
-  const entry = (0, import_react138.useMemo)(() => {
+  } = (0, import_react139.useContext)(JournalContext);
+  const [reverseEntryProcessing, setReverseEntryProcessing] = (0, import_react139.useState)(false);
+  const [reverseEntryError, setReverseEntryError] = (0, import_react139.useState)();
+  const entry = (0, import_react139.useMemo)(() => {
     if (selectedEntryId && data) {
       return data.find((x) => x.id === selectedEntryId);
     }
     return;
   }, [data, selectedEntryId]);
-  const sortedLineItems = (0, import_react138.useMemo)(
+  const sortedLineItems = (0, import_react139.useMemo)(
     () => {
       var _a2;
       return (_a2 = entry == null ? void 0 : entry.line_items) == null ? void 0 : _a2.sort(
@@ -26544,10 +26629,10 @@ var JournalEntryDetails = () => {
 };
 
 // src/components/JournalForm/JournalForm.tsx
-var import_react140 = require("react");
+var import_react141 = require("react");
 
 // src/components/JournalForm/JournalFormEntryLines.tsx
-var import_react139 = require("react");
+var import_react140 = require("react");
 var import_jsx_runtime231 = require("react/jsx-runtime");
 function recursiveFlattenCategories(accounts) {
   const flattenedResult = accounts.flatMap((a) => {
@@ -26568,8 +26653,8 @@ var JournalFormEntryLines = ({
   config
 }) => {
   const { data: categories } = useCategories({ mode: "ALL" });
-  const { form } = (0, import_react139.useContext)(JournalContext);
-  const { flattenedCategories, parentOptions } = (0, import_react139.useMemo)(() => {
+  const { form } = (0, import_react140.useContext)(JournalContext);
+  const { flattenedCategories, parentOptions } = (0, import_react140.useMemo)(() => {
     const flattenedCategories2 = recursiveFlattenCategories(categories != null ? categories : []);
     const parentOptions2 = [...flattenedCategories2].sort((a, b) => a.display_name.localeCompare(b.display_name)).map((account) => {
       switch (account.type) {
@@ -26781,7 +26866,7 @@ var JournalForm = ({
     changeFormData,
     addEntryLine,
     removeEntryLine
-  } = (0, import_react140.useContext)(JournalContext);
+  } = (0, import_react141.useContext)(JournalContext);
   return /* @__PURE__ */ (0, import_jsx_runtime232.jsxs)(
     "form",
     {
@@ -26929,7 +27014,7 @@ var JournalSidebar = ({
   config,
   stringOverrides
 }) => {
-  const { selectedEntryId } = (0, import_react141.useContext)(JournalContext);
+  const { selectedEntryId } = (0, import_react142.useContext)(JournalContext);
   if (selectedEntryId !== "new") {
     return /* @__PURE__ */ (0, import_jsx_runtime233.jsx)(JournalEntryDetails, {});
   }
@@ -26937,8 +27022,8 @@ var JournalSidebar = ({
 };
 
 // src/components/JournalTable/JournalTable.tsx
-var import_react142 = require("react");
-var import_date_fns39 = require("date-fns");
+var import_react143 = require("react");
+var import_date_fns40 = require("date-fns");
 var import_jsx_runtime234 = require("react/jsx-runtime");
 var accountName = (row) => {
   if ("account" in row) {
@@ -26965,9 +27050,9 @@ var JournalTableContent = ({
   data,
   stringOverrides
 }) => {
-  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react142.useContext)(JournalContext);
+  const { selectedEntryId, setSelectedEntryId, closeSelectedEntry } = (0, import_react143.useContext)(JournalContext);
   const { isOpen, setIsOpen } = useTableExpandRow();
-  (0, import_react142.useEffect)(() => {
+  (0, import_react143.useEffect)(() => {
     if (data.length > 0) {
       setIsOpen(data.map((x) => `journal-row-${x.id}`));
     }
@@ -26975,7 +27060,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__ */ (0, import_jsx_runtime234.jsxs)(import_react142.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(import_react143.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(
         TableRow,
         {
@@ -27005,7 +27090,7 @@ var JournalTableContent = ({
                 children: entryNumber(row)
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(TableCell, { children: row.entry_at && (0, import_date_fns39.format)((0, import_date_fns39.parseISO)(row.entry_at), DATE_FORMAT) }),
+            /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(TableCell, { children: row.entry_at && (0, import_date_fns40.format)((0, import_date_fns40.parseISO)(row.entry_at), DATE_FORMAT) }),
             /* @__PURE__ */ (0, import_jsx_runtime234.jsx)(TableCell, { children: humanizeEnum(row.entry_type) }),
             /* @__PURE__ */ (0, import_jsx_runtime234.jsxs)(TableCell, { children: [
               "(",
@@ -27151,7 +27236,7 @@ var JournalTableWithPanel = ({
   stringOverrides,
   view
 }) => {
-  const [currentPage, setCurrentPage] = (0, import_react143.useState)(1);
+  const [currentPage, setCurrentPage] = (0, import_react144.useState)(1);
   const {
     data: rawData,
     isLoading,
@@ -27160,8 +27245,8 @@ var JournalTableWithPanel = ({
     refetch,
     selectedEntryId,
     addEntry
-  } = (0, import_react143.useContext)(JournalContext);
-  const data = (0, import_react143.useMemo)(() => {
+  } = (0, import_react144.useContext)(JournalContext);
+  const data = (0, import_react144.useMemo)(() => {
     var _a;
     const firstPageIndex = (currentPage - 1) * pageSize;
     const lastPageIndex = firstPageIndex + pageSize;
@@ -27298,7 +27383,7 @@ var TasksHeader = ({
 };
 
 // src/components/Tasks/TasksList.tsx
-var import_react151 = require("react");
+var import_react152 = require("react");
 
 // src/icons/SmileIcon.tsx
 var import_jsx_runtime239 = require("react/jsx-runtime");
@@ -27357,7 +27442,7 @@ var SmileIcon = (_a) => {
 var SmileIcon_default = SmileIcon;
 
 // src/components/Tasks/TasksListItem.tsx
-var import_react148 = require("react");
+var import_react149 = require("react");
 var import_classnames70 = __toESM(require("classnames"));
 
 // src/utils/bookkeeping/tasks/getBookkeepingTaskStatusIcon.tsx
@@ -27415,7 +27500,7 @@ function completeTaskWithUpload(baseUrl, accessToken, {
 }
 
 // src/hooks/bookkeeping/periods/tasks/useSubmitResponseForTask.ts
-var import_react144 = require("react");
+var import_react145 = require("react");
 function buildKey21({
   access_token: accessToken,
   apiUrl,
@@ -27458,7 +27543,7 @@ function useSubmitUserResponseForTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react144.useCallback)(
+  const stableProxiedTrigger = (0, import_react145.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -27485,7 +27570,7 @@ function useSubmitUserResponseForTask() {
 // src/hooks/bookkeeping/periods/tasks/useUploadDocumentsForTask.ts
 var import_swr23 = require("swr");
 var import_mutation13 = __toESM(require("swr/mutation"));
-var import_react145 = require("react");
+var import_react146 = require("react");
 function buildKey22({
   access_token: accessToken,
   apiUrl,
@@ -27524,7 +27609,7 @@ function useUploadDocumentsForTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react145.useCallback)(
+  const stableProxiedTrigger = (0, import_react146.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -27551,7 +27636,7 @@ function useUploadDocumentsForTask() {
 // src/hooks/bookkeeping/periods/tasks/useDeleteUploadsOnTask.ts
 var import_swr24 = require("swr");
 var import_mutation14 = __toESM(require("swr/mutation"));
-var import_react146 = require("react");
+var import_react147 = require("react");
 function buildKey23({
   access_token: accessToken,
   apiUrl,
@@ -27587,7 +27672,7 @@ function useDeleteUploadsOnTask() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react146.useCallback)(
+  const stableProxiedTrigger = (0, import_react147.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -27614,7 +27699,7 @@ function useDeleteUploadsOnTask() {
 // src/hooks/bookkeeping/periods/tasks/useUpdateTaskUploadDescription.ts
 var import_swr25 = require("swr");
 var import_mutation15 = __toESM(require("swr/mutation"));
-var import_react147 = require("react");
+var import_react148 = require("react");
 function buildKey24({
   access_token: accessToken,
   apiUrl,
@@ -27654,7 +27739,7 @@ function useUpdateTaskUploadDescription() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react147.useCallback)(
+  const stableProxiedTrigger = (0, import_react148.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -27685,9 +27770,9 @@ var TasksListItem = ({
   defaultOpen
 }) => {
   var _a, _b;
-  const [isOpen, setIsOpen] = (0, import_react148.useState)(defaultOpen);
-  const [userResponse, setUserResponse] = (0, import_react148.useState)((_a = task.user_response) != null ? _a : "");
-  const [selectedFiles, setSelectedFiles] = (0, import_react148.useState)();
+  const [isOpen, setIsOpen] = (0, import_react149.useState)(defaultOpen);
+  const [userResponse, setUserResponse] = (0, import_react149.useState)((_a = task.user_response) != null ? _a : "");
+  const [selectedFiles, setSelectedFiles] = (0, import_react149.useState)();
   const { trigger: handleSubmitUserResponseForTask } = useSubmitUserResponseForTask();
   const { trigger: handleUploadDocumentsForTask } = useUploadDocumentsForTask();
   const { trigger: handleDeleteUploadsOnTask } = useDeleteUploadsOnTask();
@@ -27705,7 +27790,7 @@ var TasksListItem = ({
     "Layer__tasks-list-item",
     isOpen && "Layer__tasks-list-item__expanded"
   );
-  (0, import_react148.useEffect)(() => {
+  (0, import_react149.useEffect)(() => {
     setIsOpen(defaultOpen);
   }, [defaultOpen]);
   const submit = () => __async(null, null, function* () {
@@ -27720,7 +27805,7 @@ var TasksListItem = ({
     setIsOpen(false);
     setSelectedFiles(void 0);
   });
-  const uploadDocumentAction = (0, import_react148.useMemo)(() => {
+  const uploadDocumentAction = (0, import_react149.useMemo)(() => {
     if (task.user_response_type === "UPLOAD_DOCUMENT") {
       if (task.status === "TODO") {
         if (!selectedFiles) {
@@ -27865,7 +27950,7 @@ var MobilePanel = ({ header, children, open: open2, onClose, className }) => {
 };
 
 // src/components/Tasks/TasksListMobile.tsx
-var import_react149 = require("react");
+var import_react150 = require("react");
 var import_jsx_runtime243 = require("react/jsx-runtime");
 var MOBILE_SHOW_UNRESOLVED_TASKS_COUNT = 2;
 var TasksListMobile = ({
@@ -27876,7 +27961,7 @@ var TasksListMobile = ({
   pageSize,
   setCurrentPage
 }) => {
-  const [showMobilePanel, setShowMobilePanel] = (0, import_react149.useState)(false);
+  const [showMobilePanel, setShowMobilePanel] = (0, import_react150.useState)(false);
   const unresolvedTasks = getIncompleteTasks(sortedTasks).slice(0, MOBILE_SHOW_UNRESOLVED_TASKS_COUNT);
   return /* @__PURE__ */ (0, import_jsx_runtime243.jsxs)("div", { className: "Layer__tasks-list", children: [
     unresolvedTasks.map((task, index) => /* @__PURE__ */ (0, import_jsx_runtime243.jsx)(
@@ -27924,27 +28009,27 @@ var TasksListMobile = ({
 };
 
 // src/hooks/array/usePaginatedList.ts
-var import_react150 = require("react");
+var import_react151 = require("react");
 function usePaginatedList(list, pageSize) {
-  const [internalPageIndex, setInternalPageIndex] = (0, import_react150.useState)(0);
+  const [internalPageIndex, setInternalPageIndex] = (0, import_react151.useState)(0);
   const pageCount = Math.max(0, Math.ceil(list.length / pageSize));
   const effectivePageIndex = Math.max(0, Math.min(internalPageIndex, pageCount - 1));
-  const pageItems = (0, import_react150.useMemo)(() => {
+  const pageItems = (0, import_react151.useMemo)(() => {
     return list.slice(
       effectivePageIndex * pageSize,
       (effectivePageIndex + 1) * pageSize
     );
   }, [list, effectivePageIndex, pageSize]);
-  const next = (0, import_react150.useCallback)(() => {
+  const next = (0, import_react151.useCallback)(() => {
     setInternalPageIndex(Math.min(effectivePageIndex + 1, pageCount - 1));
   }, [effectivePageIndex, pageCount]);
-  const set2 = (0, import_react150.useCallback)((pageIndex) => {
+  const set2 = (0, import_react151.useCallback)((pageIndex) => {
     setInternalPageIndex(Math.max(0, Math.min(pageIndex, pageCount - 1)));
   }, [pageCount]);
-  const previous = (0, import_react150.useCallback)(() => {
+  const previous = (0, import_react151.useCallback)(() => {
     setInternalPageIndex(Math.max(effectivePageIndex - 1, 0));
   }, [effectivePageIndex]);
-  const reset = (0, import_react150.useCallback)(() => {
+  const reset = (0, import_react151.useCallback)(() => {
     setInternalPageIndex(0);
   }, []);
   return {
@@ -27972,7 +28057,7 @@ var TasksEmptyState = () => /* @__PURE__ */ (0, import_jsx_runtime244.jsxs)("div
 ] });
 function TasksList({ pageSize = 8, mobile }) {
   const { activePeriod } = useActiveBookkeepingPeriod();
-  const sortedTasks = (0, import_react151.useMemo)(() => {
+  const sortedTasks = (0, import_react152.useMemo)(() => {
     var _a;
     const tasksInPeriod = (_a = activePeriod == null ? void 0 : activePeriod.tasks) != null ? _a : [];
     return tasksInPeriod.sort((taskA, taskB) => {
@@ -28023,7 +28108,7 @@ function TasksList({ pageSize = 8, mobile }) {
 
 // src/components/Tasks/TasksPending.tsx
 var import_recharts4 = require("recharts");
-var import_date_fns40 = require("date-fns");
+var import_date_fns41 = require("date-fns");
 var import_classnames72 = __toESM(require("classnames"));
 
 // src/components/BookkeepingStatus/BookkeepingStatusDescription.tsx
@@ -28060,7 +28145,7 @@ var TasksPending = () => {
   );
   return /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)("div", { className: "Layer__tasks-pending", children: [
     /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)("div", { className: "Layer__tasks-pending-header", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Heading, { size: "secondary" /* secondary */, children: (0, import_date_fns40.format)(date, "MMMM yyyy") }),
+      /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(Heading, { size: "secondary" /* secondary */, children: (0, import_date_fns41.format)(date, "MMMM yyyy") }),
       (activePeriod == null ? void 0 : activePeriod.tasks) && activePeriod.tasks.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)("div", { className: "Layer__tasks-pending-bar", children: [
         /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(Text, { size: "sm" /* sm */, children: [
           /* @__PURE__ */ (0, import_jsx_runtime246.jsx)("span", { className: taskStatusClassName, children: completedTaskCount }),
@@ -28100,7 +28185,7 @@ var TasksPending = () => {
       ] }) : null
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime246.jsx)("div", { className: "Layer__tasks-pending-main", children: activePeriod && /* @__PURE__ */ (0, import_jsx_runtime246.jsxs)(import_jsx_runtime246.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(BookkeepingStatus, { status: activePeriod.status, monthNumber: activePeriod.month }),
+      /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(BookkeepingStatus2, { status: activePeriod.status, monthNumber: activePeriod.month }),
       /* @__PURE__ */ (0, import_jsx_runtime246.jsx)(
         BookkeepingStatusDescription,
         {
@@ -28114,17 +28199,17 @@ var TasksPending = () => {
 };
 
 // src/components/Tasks/TasksMonthSelector.tsx
-var import_react152 = require("react");
-var import_date_fns41 = require("date-fns");
+var import_react153 = require("react");
+var import_date_fns42 = require("date-fns");
 
 // src/components/Tasks/TaskStatusBadge.tsx
 var import_pluralize2 = __toESM(require("pluralize"));
 var import_jsx_runtime247 = require("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__ */ (0, import_jsx_runtime247.jsx)(Clock_default, { size: 12 }),
@@ -28132,8 +28217,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 ? (0, import_pluralize2.default)("task", tasksCount, true) : void 0,
@@ -28141,13 +28226,13 @@ var buildBadgeConfig = (status, tasksCount) => {
         icon: /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(AlertCircle_default, { size: 12 })
       };
     }
-    case "CLOSED_COMPLETE": {
+    case "CLOSED_COMPLETE" /* CLOSED_COMPLETE */: {
       return {
         color: "success",
         icon: /* @__PURE__ */ (0, import_jsx_runtime247.jsx)(CheckCircle_default, { size: 12 })
       };
     }
-    case "BOOKKEEPING_NOT_ACTIVE": {
+    case "BOOKKEEPING_NOT_ACTIVE" /* BOOKKEEPING_NOT_ACTIVE */: {
       return;
     }
     default: {
@@ -28215,8 +28300,8 @@ var import_jsx_runtime249 = require("react/jsx-runtime");
 function useActiveYearBookkeepingPeriods() {
   const { date } = useGlobalDate();
   const { data } = useBookkeepingPeriods();
-  const activeYear = (0, import_date_fns41.getYear)(date);
-  const periodsInActiveYear = (0, import_react152.useMemo)(() => {
+  const activeYear = (0, import_date_fns42.getYear)(date);
+  const periodsInActiveYear = (0, import_react153.useMemo)(() => {
     return data == null ? void 0 : data.filter((period) => period.year === activeYear);
   }, [data, activeYear]);
   return { periodsInActiveYear };
@@ -28225,12 +28310,12 @@ function TasksMonthSelector() {
   const { date } = useGlobalDate();
   const { setMonthByPeriod } = useGlobalDatePeriodAlignedActions();
   const { periodsInActiveYear } = useActiveYearBookkeepingPeriods();
-  const activeMonthNumber = (0, import_date_fns41.getMonth)(date) + 1;
-  const activeYear = (0, import_date_fns41.getYear)(date);
-  const monthsData = (0, import_react152.useMemo)(() => {
+  const activeMonthNumber = (0, import_date_fns42.getMonth)(date) + 1;
+  const activeYear = (0, import_date_fns42.getYear)(date);
+  const monthsData = (0, import_react153.useMemo)(() => {
     return Array.from({ length: 12 }, (_, index) => {
       var _a, _b;
-      const date2 = (0, import_date_fns41.set)(
+      const date2 = (0, import_date_fns42.set)(
         /* @__PURE__ */ new Date(),
         { year: activeYear, month: index, date: 1, hours: 0, minutes: 0, seconds: 0, milliseconds: 0 }
       );
@@ -28241,12 +28326,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: (0, import_date_fns41.format)(date2, "MMM"),
+        monthStr: (0, import_date_fns42.format)(date2, "MMM"),
         date: date2,
         completed: getCompletedTasks(taskData.tasks).length,
         total
@@ -28277,14 +28362,14 @@ var import_classnames74 = __toESM(require("classnames"));
 var import_pluralize3 = __toESM(require("pluralize"));
 
 // src/hooks/bookkeeping/periods/useBookkeepingYearsStatus.ts
-var import_react153 = require("react");
-var import_date_fns42 = require("date-fns");
+var import_react154 = require("react");
+var import_date_fns43 = require("date-fns");
 var useBookkeepingYearsStatus = () => {
   const { business } = useLayerContext();
   const activationDate = getActivationDate(business);
   const { data, isLoading } = useBookkeepingPeriods();
-  const yearStatuses = (0, import_react153.useMemo)(() => {
-    const startYear = (0, import_date_fns42.getYear)(activationDate != null ? activationDate : /* @__PURE__ */ new Date());
+  const yearStatuses = (0, import_react154.useMemo)(() => {
+    const startYear = (0, import_date_fns43.getYear)(activationDate != null ? activationDate : /* @__PURE__ */ new Date());
     const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
     const count = currentYear - startYear + 1;
     return Array.from({ length: count }, (_, index) => ({ year: startYear + index })).map(({ year }) => {
@@ -28298,7 +28383,7 @@ var useBookkeepingYearsStatus = () => {
       };
     }).filter(({ year }) => data == null ? void 0 : data.some((period) => period.year === year)).sort((a, b) => b.year - a.year);
   }, [activationDate, data]);
-  const earliestIncompletePeriod = (0, import_react153.useMemo)(
+  const earliestIncompletePeriod = (0, import_react154.useMemo)(
     () => [...data != null ? data : []].sort((a, b) => {
       if (a.year === b.year) {
         return b.month - a.month;
@@ -28441,10 +28526,10 @@ var TasksPanelNotification = ({
 };
 
 // src/components/Tasks/TasksYearsTabs.tsx
-var import_react156 = require("react");
+var import_react157 = require("react");
 
 // src/components/Tabs/Tabs.tsx
-var import_react154 = require("react");
+var import_react155 = require("react");
 
 // src/components/Tabs/Tab.tsx
 var import_jsx_runtime252 = require("react/jsx-runtime");
@@ -28508,12 +28593,12 @@ var Tab = ({
 // src/components/Tabs/Tabs.tsx
 var import_classnames73 = __toESM(require("classnames"));
 var import_jsx_runtime253 = require("react/jsx-runtime");
-var import_react155 = require("react");
+var import_react156 = require("react");
 var STARTING_PADDING = 12;
 var Tabs = ({ name, options, selected, onChange }) => {
-  const [initialized, setInitialized] = (0, import_react154.useState)(false);
-  const [thumbPos, setThumbPos] = (0, import_react154.useState)({ left: 0, width: 0 });
-  const [currentWidth, setCurrentWidth] = (0, import_react154.useState)(0);
+  const [initialized, setInitialized] = (0, import_react155.useState)(false);
+  const [thumbPos, setThumbPos] = (0, import_react155.useState)({ left: 0, width: 0 });
+  const [currentWidth, setCurrentWidth] = (0, import_react155.useState)(0);
   const selectedValue = selected || options[0].value;
   const baseClassName = (0, import_classnames73.default)(
     "Layer__tabs",
@@ -28548,14 +28633,14 @@ var Tabs = ({ name, options, selected, onChange }) => {
     shift2 = shift2 + STARTING_PADDING;
     setThumbPos({ left: shift2, width });
   };
-  (0, import_react154.useEffect)(() => {
+  (0, import_react155.useEffect)(() => {
     const selectedIndex = getSelectedIndex();
     updateSelectPosition(selectedIndex);
     setTimeout(() => {
       setInitialized(true);
     }, 400);
   }, []);
-  (0, import_react154.useEffect)(() => {
+  (0, import_react155.useEffect)(() => {
     const selectedIndex = getSelectedIndex();
     updateSelectPosition(selectedIndex);
   }, [selectedValue, currentWidth]);
@@ -28571,7 +28656,7 @@ var Tabs = ({ name, options, selected, onChange }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime253.jsx)("div", { className: "Layer__tabs__container", children: /* @__PURE__ */ (0, import_jsx_runtime253.jsxs)("div", { className: baseClassName, ref: elementRef, children: [
     options.map((option, index) => {
       var _a;
-      return /* @__PURE__ */ (0, import_react155.createElement)(
+      return /* @__PURE__ */ (0, import_react156.createElement)(
         Tab,
         __spreadProps(__spreadValues({}, option), {
           key: option.value,
@@ -28589,7 +28674,7 @@ var Tabs = ({ name, options, selected, onChange }) => {
 };
 
 // src/components/Tasks/TasksYearsTabs.tsx
-var import_date_fns43 = require("date-fns");
+var import_date_fns44 = require("date-fns");
 var import_jsx_runtime254 = require("react/jsx-runtime");
 var TasksYearsTabs = () => {
   const { date } = useGlobalDate();
@@ -28597,13 +28682,13 @@ var TasksYearsTabs = () => {
   const activeYear = date.getFullYear();
   const { yearStatuses } = useBookkeepingYearsStatus();
   const setCurrentYear = (year) => {
-    const currentMonth = (0, import_date_fns43.getMonth)(date);
+    const currentMonth = (0, import_date_fns44.getMonth)(date);
     setMonthByPeriod({
       monthNumber: currentMonth + 1,
       yearNumber: Number(year)
     });
   };
-  const yearsList = (0, import_react156.useMemo)(() => {
+  const yearsList = (0, import_react157.useMemo)(() => {
     return yearStatuses == null ? void 0 : yearStatuses.sort((a, b) => a.year - b.year).map((y) => {
       return {
         value: `${y.year}`,
@@ -28611,7 +28696,7 @@ var TasksYearsTabs = () => {
         badge: !y.completed && y.unresolvedTasks ? /* @__PURE__ */ (0, import_jsx_runtime254.jsx)(
           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
@@ -28706,40 +28791,40 @@ function Tasks({
 }
 
 // src/components/PlatformOnboarding/LinkAccounts.tsx
-var import_react160 = require("react");
+var import_react161 = require("react");
 
 // src/components/PlatformOnboarding/Steps/LinkAccountsConfirmationStep.tsx
-var import_react158 = require("react");
+var import_react159 = require("react");
 var import_react_form2 = require("@tanstack/react-form");
 
 // src/components/Wizard/Wizard.tsx
-var import_react157 = require("react");
+var import_react158 = require("react");
 var import_jsx_runtime257 = require("react/jsx-runtime");
 function useWizardStep({
   steps,
   onComplete
 }) {
   const stepCount = steps.length;
-  const [activeStepIndex, setActiveStepIndex] = (0, import_react157.useState)(0);
-  const next = (0, import_react157.useCallback)(() => __async(null, null, function* () {
+  const [activeStepIndex, setActiveStepIndex] = (0, import_react158.useState)(0);
+  const next = (0, import_react158.useCallback)(() => __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 = (0, import_react157.useCallback)(() => setActiveStepIndex((stepIndex) => Math.max(stepIndex - 1, 0)), []);
+  const previous = (0, import_react158.useCallback)(() => setActiveStepIndex((stepIndex) => Math.max(stepIndex - 1, 0)), []);
   const effectiveStepIndex = Math.min(activeStepIndex, stepCount - 1);
   const currentStep = steps.at(effectiveStepIndex);
   return { currentStep, next, previous };
 }
-var WizardContext = (0, import_react157.createContext)({
+var WizardContext = (0, import_react158.createContext)({
   next: () => {
   },
   previous: () => {
   }
 });
 function useWizard() {
-  return (0, import_react157.useContext)(WizardContext);
+  return (0, import_react158.useContext)(WizardContext);
 }
 function Wizard({
   Header: Header4,
@@ -28747,12 +28832,12 @@ function Wizard({
   onComplete,
   children
 }) {
-  const childrenArray = import_react157.Children.toArray(children);
+  const childrenArray = import_react158.Children.toArray(children);
   const { currentStep, next, previous } = useWizardStep({
     steps: childrenArray,
     onComplete
   });
-  const value = (0, import_react157.useMemo)(() => ({ next, previous }), [next, previous]);
+  const value = (0, import_react158.useMemo)(() => ({ next, previous }), [next, previous]);
   return /* @__PURE__ */ (0, import_jsx_runtime257.jsxs)(WizardContext.Provider, { value, children: [
     Header4,
     currentStep,
@@ -28793,7 +28878,7 @@ function LinkAccountsConfirmationStep() {
     data: linkedAccounts,
     loadingStatus: linkedAccountsLoadingStatus,
     refetchAccounts
-  } = (0, import_react158.useContext)(LinkedAccountsContext);
+  } = (0, import_react159.useContext)(LinkedAccountsContext);
   const effectiveLinkedAccounts = linkedAccounts ? getAccountsNeedingConfirmation(linkedAccounts) : [];
   const { trigger } = useConfirmAndExcludeMultiple({ onSuccess: refetchAccounts });
   const { previous, next } = useWizard();
@@ -28866,7 +28951,7 @@ function LinkAccountsConfirmationStep() {
 }
 
 // src/components/PlatformOnboarding/Steps/LinkAccountsLinkStep.tsx
-var import_react159 = require("react");
+var import_react160 = require("react");
 var import_pluralize4 = __toESM(require("pluralize"));
 
 // src/components/Separator/Separator.tsx
@@ -28885,7 +28970,7 @@ function LinkAccountsLinkStep() {
     error,
     refetchAccounts,
     addConnection
-  } = (0, import_react159.useContext)(LinkedAccountsContext);
+  } = (0, import_react160.useContext)(LinkedAccountsContext);
   const { next } = useWizard();
   const effectiveAccounts = data != null ? data : [];
   return /* @__PURE__ */ (0, import_jsx_runtime261.jsxs)(import_jsx_runtime261.Fragment, { children: [
@@ -28965,7 +29050,7 @@ function LinkAccounts(props) {
 function LinkAccountsContent({
   onComplete
 }) {
-  const { data: linkedAccounts, loadingStatus } = (0, import_react160.useContext)(LinkedAccountsContext);
+  const { data: linkedAccounts, loadingStatus } = (0, import_react161.useContext)(LinkedAccountsContext);
   const linkedAccountsNeedingConfirmation = linkedAccounts ? getAccountsNeedingConfirmation(linkedAccounts) : [];
   const hideConfirmationStep = loadingStatus === "complete" && linkedAccountsNeedingConfirmation.length === 0;
   return /* @__PURE__ */ (0, import_jsx_runtime262.jsx)("section", { className: "Layer__link-accounts Layer__component", children: /* @__PURE__ */ (0, import_jsx_runtime262.jsxs)(
@@ -28983,7 +29068,7 @@ function LinkAccountsContent({
 }
 
 // src/components/PlatformOnboarding/PlatformOnboarding.tsx
-var import_react165 = require("react");
+var import_react166 = require("react");
 
 // src/components/ProgressSteps/ProgressSteps.tsx
 var import_jsx_runtime263 = require("react/jsx-runtime");
@@ -29380,7 +29465,7 @@ function useBusinessPersonnel() {
 // src/hooks/businessPersonnel/useCreateBusinessPersonnel.ts
 var import_mutation16 = __toESM(require("swr/mutation"));
 var import_swr27 = require("swr");
-var import_react161 = require("react");
+var import_react162 = require("react");
 var createBusinessPersonnel = post(({ businessId }) => `/v1/businesses/${businessId}/personnel`);
 function buildKey26({
   access_token: accessToken,
@@ -29418,7 +29503,7 @@ function useCreateBusinessPersonnel() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react161.useCallback)(
+  const stableProxiedTrigger = (0, import_react162.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -29452,7 +29537,7 @@ var updateBusinessPersonnel = post(({ businessId, businessPersonnelId }) => {
 });
 
 // src/hooks/businessPersonnel/useUpdateBusinessPersonnel.ts
-var import_react162 = require("react");
+var import_react163 = require("react");
 function buildKey27({
   access_token: accessToken,
   apiUrl,
@@ -29495,7 +29580,7 @@ function useUpdateBusinessPersonnel({ businessPersonnelId }) {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react162.useCallback)(
+  const stableProxiedTrigger = (0, import_react163.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -29522,7 +29607,7 @@ function useUpdateBusinessPersonnel({ businessPersonnelId }) {
 // src/hooks/business/useUpdateBusiness.ts
 var import_mutation18 = __toESM(require("swr/mutation"));
 var import_swr29 = require("swr");
-var import_react163 = require("react");
+var import_react164 = require("react");
 var BUSINESS_TAG_KEY = "business";
 function buildKey28({
   access_token: accessToken,
@@ -29560,7 +29645,7 @@ function useUpdateBusiness() {
     }
   );
   const { trigger: originalTrigger } = mutationResponse;
-  const stableProxiedTrigger = (0, import_react163.useCallback)(
+  const stableProxiedTrigger = (0, import_react164.useCallback)(
     (...triggerParameters) => __async(null, null, function* () {
       const triggerResult = yield originalTrigger(...triggerParameters);
       void mutate((key) => withSWRKeyTags(
@@ -29585,7 +29670,7 @@ function useUpdateBusiness() {
 }
 
 // src/components/BusinessForm/useBusinessForm.ts
-var import_react164 = require("react");
+var import_react165 = require("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) {
@@ -29596,7 +29681,7 @@ var getPerson = (personnel) => {
 var useBusinessForm = ({ onSuccess }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const { business } = useLayerContext();
-  const [submitError, setSubmitError] = (0, import_react164.useState)(void 0);
+  const [submitError, setSubmitError] = (0, import_react165.useState)(void 0);
   const { data: personnel } = useBusinessPersonnel();
   const person = getPerson(personnel);
   const { trigger: createBusinessPersonnel2 } = useCreateBusinessPersonnel();
@@ -30012,7 +30097,7 @@ var PLATFORM_ONBOARDING_STEPS = [
   }
 ];
 var PlatformOnboarding = ({ onComplete }) => {
-  const [step, setStep] = (0, import_react165.useState)(PLATFORM_ONBOARDING_STEPS[0].id);
+  const [step, setStep] = (0, import_react166.useState)(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);
@@ -30174,7 +30259,7 @@ var BookkeepingUpsellBar = ({
 };
 
 // src/views/BookkeepingOverview/BookkeepingOverview.tsx
-var import_react167 = require("react");
+var import_react168 = require("react");
 
 // src/views/BookkeepingOverview/internal/BookkeepingProfitAndLossSummariesContainer.tsx
 var import_jsx_runtime277 = require("react/jsx-runtime");
@@ -30189,15 +30274,15 @@ function BookkeepingProfitAndLossSummariesContainer({
 var import_classnames75 = __toESM(require("classnames"));
 
 // src/views/BookkeepingOverview/useKeepInMobileViewport.tsx
-var import_react166 = require("react");
+var import_react167 = require("react");
 var TASKS_MOBILE_VIEWPORT_WIDTH = 1100;
 var useKeepInMobileViewport = () => {
-  const upperContentRef = (0, import_react166.useRef)(null);
-  const targetElementRef = (0, import_react166.useRef)(null);
-  const lastKnownSizeRef = (0, import_react166.useRef)(null);
-  const lastKnownTargetPositionRef = (0, import_react166.useRef)(null);
-  const upperElementInFocus = (0, import_react166.useRef)(false);
-  (0, import_react166.useEffect)(() => {
+  const upperContentRef = (0, import_react167.useRef)(null);
+  const targetElementRef = (0, import_react167.useRef)(null);
+  const lastKnownSizeRef = (0, import_react167.useRef)(null);
+  const lastKnownTargetPositionRef = (0, import_react167.useRef)(null);
+  const upperElementInFocus = (0, import_react167.useRef)(false);
+  (0, import_react167.useEffect)(() => {
     if (!upperContentRef.current || !targetElementRef.current) return;
     lastKnownSizeRef.current = upperContentRef.current.getBoundingClientRect().height;
     lastKnownTargetPositionRef.current = targetElementRef.current.getBoundingClientRect().top;
@@ -30254,7 +30339,7 @@ var BookkeepingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const [pnlToggle, setPnlToggle] = (0, import_react167.useState)("expenses");
+  const [pnlToggle, setPnlToggle] = (0, import_react168.useState)("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();
@@ -30385,7 +30470,7 @@ var BookkeepingOverview = ({
 };
 
 // src/views/AccountingOverview/AccountingOverview.tsx
-var import_react168 = require("react");
+var import_react169 = require("react");
 var import_classnames76 = __toESM(require("classnames"));
 var import_jsx_runtime279 = require("react/jsx-runtime");
 var AccountingOverview = ({
@@ -30401,7 +30486,7 @@ var AccountingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e;
-  const [pnlToggle, setPnlToggle] = (0, import_react168.useState)("expenses");
+  const [pnlToggle, setPnlToggle] = (0, import_react169.useState)("expenses");
   const profitAndLossSummariesVariants = (_b = (_a = slotProps == null ? void 0 : slotProps.profitAndLoss) == null ? void 0 : _a.summaries) == null ? void 0 : _b.variants;
   return /* @__PURE__ */ (0, import_jsx_runtime279.jsx)(
     ProfitAndLoss,
@@ -30568,7 +30653,7 @@ var BankTransactionsWithLinkedAccounts = ({
 };
 
 // src/views/GeneralLedger/GeneralLedger.tsx
-var import_react169 = require("react");
+var import_react170 = require("react");
 var import_jsx_runtime281 = require("react/jsx-runtime");
 var GeneralLedgerView = ({
   title,
@@ -30577,7 +30662,7 @@ var GeneralLedgerView = ({
   stringOverrides,
   chartOfAccountsOptions
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react169.useState)("chartOfAccounts");
+  const [activeTab, setActiveTab] = (0, import_react170.useState)("chartOfAccounts");
   return /* @__PURE__ */ (0, import_jsx_runtime281.jsx)(ProfitAndLoss, { asContainer: false, children: /* @__PURE__ */ (0, import_jsx_runtime281.jsxs)(
     View,
     {
@@ -30619,7 +30704,7 @@ var GeneralLedgerView = ({
 };
 
 // src/views/ProjectProfitability/ProjectProfitability.tsx
-var import_react170 = require("react");
+var import_react171 = require("react");
 var import_react_select5 = __toESM(require("react-select"));
 var import_jsx_runtime282 = require("react/jsx-runtime");
 var ProjectProfitabilityView = ({
@@ -30629,9 +30714,9 @@ var ProjectProfitabilityView = ({
   datePickerMode = "monthPicker",
   csvMoneyFormat = "DOLLAR_STRING"
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react170.useState)("overview");
-  const [tagFilter, setTagFilter] = (0, import_react170.useState)(null);
-  const [pnlTagFilter, setPnlTagFilter] = (0, import_react170.useState)(
+  const [activeTab, setActiveTab] = (0, import_react171.useState)("overview");
+  const [tagFilter, setTagFilter] = (0, import_react171.useState)(null);
+  const [pnlTagFilter, setPnlTagFilter] = (0, import_react171.useState)(
     void 0
   );
   const isOptionSelected = (option, selectValue) => {
@@ -30730,7 +30815,7 @@ var ProjectProfitabilityView = ({
 };
 
 // src/views/Reports/Reports.tsx
-var import_react171 = require("react");
+var import_react172 = require("react");
 var import_jsx_runtime283 = require("react/jsx-runtime");
 var getOptions = (enabledReports) => {
   return [
@@ -30758,7 +30843,7 @@ var Reports = ({
   statementOfCashFlowConfig
 }) => {
   var _a;
-  const [activeTab, setActiveTab] = (0, import_react171.useState)(enabledReports[0]);
+  const [activeTab, setActiveTab] = (0, import_react172.useState)(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;
@@ -30820,11 +30905,11 @@ var ReportsPanel = ({
 };
 
 // src/components/ProfitAndLossView/ProfitAndLossView.tsx
-var import_react172 = require("react");
+var import_react173 = require("react");
 var import_jsx_runtime284 = require("react/jsx-runtime");
 var COMPONENT_NAME8 = "profit-and-loss";
 var ProfitAndLossView = (props) => {
-  const containerRef = (0, import_react172.useRef)(null);
+  const containerRef = (0, import_react173.useRef)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime284.jsx)(Container, { name: COMPONENT_NAME8, ref: containerRef, children: /* @__PURE__ */ (0, import_jsx_runtime284.jsx)(ProfitAndLoss, { children: /* @__PURE__ */ (0, import_jsx_runtime284.jsx)(ProfitAndLossPanel, __spreadValues({ containerRef }, props)) }) });
 };
 var ProfitAndLossPanel = (_a) => {
@@ -30835,7 +30920,7 @@ var ProfitAndLossPanel = (_a) => {
     "containerRef",
     "stringOverrides"
   ]);
-  const { sidebarScope } = (0, import_react172.useContext)(ProfitAndLoss.Context);
+  const { sidebarScope } = (0, import_react173.useContext)(ProfitAndLoss.Context);
   return /* @__PURE__ */ (0, import_jsx_runtime284.jsxs)(
     Panel,
     {
@@ -30866,7 +30951,7 @@ var Components = ({
   hideTable = false,
   stringOverrides
 }) => {
-  const { error, isLoading, isValidating, refetch } = (0, import_react172.useContext)(
+  const { error, isLoading, isValidating, refetch } = (0, import_react173.useContext)(
     ProfitAndLoss.Context
   );
   if (!isLoading && error) {
@@ -30938,7 +31023,6 @@ var Components = ({
   ProfitAndLoss,
   ProfitAndLossView,
   ProjectProfitabilityView,
-  Quickbooks,
   Reports,
   StatementOfCashFlow,
   Tasks,