@layerfi/components 0.1.81 → 0.1.83

package/dist/cjs/index.cjs

@@ -115,7 +115,7 @@ var import_react17 = __toESM(require("react"));
 var import_react16 = __toESM(require("react"));
 
 // package.json
-var version = "0.1.81";
+var version = "0.1.83";
 
 // src/models/APIError.ts
 var APIError = class _APIError extends Error {
@@ -456,21 +456,29 @@ var getCashflowStatementCSV = get(
 
 // src/api/layer/tasks.ts
 var getTasks = get(
-  ({ businessId }) => `/v1/businesses/${businessId}/tasks`
+  ({ businessId, startDate, endDate }) => `/v1/businesses/${businessId}/tasks?${startDate ? `&start_date=${encodeURIComponent(startDate)}` : ""}${endDate ? `&end_date=${encodeURIComponent(endDate)}` : ""}`
 );
 var submitResponseToTask = post(
   ({ businessId, taskId }) => `/v1/businesses/${businessId}/tasks/${taskId}/user-response`
 );
+var updateUploadDocumentTaskDescription = post(
+  ({ businessId, taskId }) => `/v1/businesses/${businessId}/tasks/${taskId}/upload/update-description`
+);
 var markTaskAsComplete = post(
   ({ businessId, taskId }) => `/v1/businesses/${businessId}/tasks/${taskId}/complete`
 );
+var deleteTaskUploads = post(
+  ({ businessId, taskId }) => `/v1/businesses/${businessId}/tasks/${taskId}/upload/delete`
+);
 var completeTaskWithUpload = (baseUrl, accessToken) => ({
   businessId,
   taskId,
-  file
+  files,
+  description
 }) => {
   const formData = new FormData();
-  formData.append("file", file);
+  files.forEach((file) => formData.append("file", file));
+  description && formData.append("description", description);
   const endpoint = `/v1/businesses/${businessId}/tasks/${taskId}/upload`;
   return postWithFormData(
     endpoint,
@@ -520,6 +528,8 @@ var Layer = {
   getTasks,
   completeTaskWithUpload,
   submitResponseToTask,
+  deleteTaskUploads,
+  updateUploadDocumentTaskDescription,
   breakPlaidItemConnection,
   syncConnection,
   updateConnectionStatus,
@@ -1424,12 +1434,12 @@ function AccountConfirmationStoreProvider({
   initialVisibility = "DEFAULT"
 }) {
   const [store] = (0, import_react12.useState)(
-    () => (0, import_zustand.createStore)((set) => ({
+    () => (0, import_zustand.createStore)((set2) => ({
       visibility: initialVisibility,
       actions: {
-        dismiss: () => set((state) => __spreadProps(__spreadValues({}, state), { visibility: "DISMISSED" })),
-        preload: () => set((state) => __spreadProps(__spreadValues({}, state), { visibility: "PRELOADED" })),
-        reset: () => set((state) => __spreadProps(__spreadValues({}, state), { visibility: "DEFAULT" }))
+        dismiss: () => set2((state) => __spreadProps(__spreadValues({}, state), { visibility: "DISMISSED" })),
+        preload: () => set2((state) => __spreadProps(__spreadValues({}, state), { visibility: "PRELOADED" })),
+        reset: () => set2((state) => __spreadProps(__spreadValues({}, state), { visibility: "DEFAULT" }))
       }
     }))
   );
@@ -6892,7 +6902,8 @@ var FileInput = ({
   disabled = false,
   secondary,
   iconOnly = false,
-  icon
+  icon,
+  allowMultipleUploads = false
 }) => {
   const hiddenFileInput = (0, import_react82.useRef)(null);
   const onClick = () => {
@@ -6902,8 +6913,8 @@ var FileInput = ({
   };
   const onChange = (event) => {
     if (event.target.files && event.target.files.length > 0 && onUpload) {
-      const fileUploaded = event.target.files[0];
-      onUpload(fileUploaded);
+      const filesUploaded = Array.from(event.target.files);
+      onUpload(filesUploaded);
     }
   };
   if (secondary) {
@@ -6911,6 +6922,7 @@ var FileInput = ({
       "input",
       {
         type: "file",
+        multiple: allowMultipleUploads,
         onChange,
         ref: hiddenFileInput,
         style: { display: "none" }
@@ -6931,6 +6943,7 @@ var FileInput = ({
     "input",
     {
       type: "file",
+      multiple: allowMultipleUploads,
       onChange,
       ref: hiddenFileInput,
       style: { display: "none" }
@@ -7086,7 +7099,7 @@ var BankTransactionReceipts = (0, import_react86.forwardRef)(
     (0, import_react86.useImperativeHandle)(ref, () => ({
       uploadReceipt
     }));
-    return /* @__PURE__ */ import_react86.default.createElement("div", { className: `${classNamePrefix}__file-upload` }, receiptUrls && receiptUrls.length > 0 && label ? /* @__PURE__ */ import_react86.default.createElement(Text, { size: "sm" /* sm */, className: "Layer__file-upload__label" }, label) : null, !hideUploadButtons && (!receiptUrls || receiptUrls.length === 0) ? /* @__PURE__ */ import_react86.default.createElement(FileInput, { onUpload: uploadReceipt, text: "Upload receipt" }) : null, receiptUrls.map((url, index) => {
+    return /* @__PURE__ */ import_react86.default.createElement("div", { className: `${classNamePrefix}__file-upload` }, receiptUrls && receiptUrls.length > 0 && label ? /* @__PURE__ */ import_react86.default.createElement(Text, { size: "sm" /* sm */, className: "Layer__file-upload__label" }, label) : null, !hideUploadButtons && (!receiptUrls || receiptUrls.length === 0) ? /* @__PURE__ */ import_react86.default.createElement(FileInput, { onUpload: (files) => uploadReceipt(files[0]), text: "Upload receipt" }) : null, receiptUrls.map((url, index) => {
       var _a;
       return /* @__PURE__ */ import_react86.default.createElement(
         FileThumb,
@@ -7110,7 +7123,7 @@ var BankTransactionReceipts = (0, import_react86.forwardRef)(
       FileInput,
       {
         secondary: true,
-        onUpload: uploadReceipt,
+        onUpload: (files) => uploadReceipt(files[0]),
         text: "Add next receipt"
       }
     ) : null);
@@ -8706,7 +8719,6 @@ var BusinessForm = ({
   showReceiptUploads,
   showDescriptions
 }) => {
-  var _a;
   const receiptsRef = (0, import_react102.useRef)(null);
   const { setContent, close } = (0, import_react102.useContext)(DrawerContext);
   const { categorize: categorizeBankTransaction2, isLoading } = useBankTransactionsContext();
@@ -8721,8 +8733,8 @@ var BusinessForm = ({
     }
   }, [bankTransaction.error]);
   const options = (0, import_react102.useMemo)(() => {
-    var _a2;
-    const options2 = ((_a2 = bankTransaction == null ? void 0 : bankTransaction.categorization_flow) == null ? void 0 : _a2.type) === "ASK_FROM_SUGGESTIONS" /* ASK_FROM_SUGGESTIONS */ ? bankTransaction.categorization_flow.suggestions.map(
+    var _a;
+    const options2 = ((_a = bankTransaction == null ? void 0 : bankTransaction.categorization_flow) == null ? void 0 : _a.type) === "ASK_FROM_SUGGESTIONS" /* ASK_FROM_SUGGESTIONS */ ? bankTransaction.categorization_flow.suggestions.map(
       (x) => mapCategoryToOption(x)
     ) : [];
     if (selectedCategory && !options2.find((x) => x.id === (selectedCategory == null ? void 0 : selectedCategory.id))) {
@@ -8758,11 +8770,11 @@ var BusinessForm = ({
     );
   };
   const onCategorySelect = (category) => {
-    var _a2, _b;
+    var _a, _b;
     if (category.value.type === "SELECT_CATEGORY") {
       openDrawer();
     } else {
-      if (selectedCategory && ((_a2 = category.value.payload) == null ? void 0 : _a2.id) === ((_b = selectedCategory.value.payload) == null ? void 0 : _b.id)) {
+      if (selectedCategory && ((_a = category.value.payload) == null ? void 0 : _a.id) === ((_b = selectedCategory.value.payload) == null ? void 0 : _b.id)) {
         setSelectedCategory(void 0);
       } else {
         setSelectedCategory(category);
@@ -8770,14 +8782,14 @@ var BusinessForm = ({
     }
   };
   const save = () => {
-    var _a2, _b, _c;
+    var _a, _b, _c;
     if (showDescriptions && memoText !== void 0) {
       saveMemoText();
     }
     if (!selectedCategory || !selectedCategory.value.payload) {
       return;
     }
-    const payload = ((_b = (_a2 = selectedCategory == null ? void 0 : selectedCategory.value) == null ? void 0 : _a2.payload) == null ? void 0 : _b.id) ? {
+    const payload = ((_b = (_a = selectedCategory == null ? void 0 : selectedCategory.value) == null ? void 0 : _a.payload) == null ? void 0 : _b.id) ? {
       type: "AccountId",
       id: selectedCategory.value.payload.id
     } : {
@@ -8844,7 +8856,10 @@ var BusinessForm = ({
   ), /* @__PURE__ */ import_react102.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__actions" }, showReceiptUploads && /* @__PURE__ */ import_react102.default.createElement(
     FileInput,
     {
-      onUpload: (_a = receiptsRef.current) == null ? void 0 : _a.uploadReceipt,
+      onUpload: (files) => {
+        var _a;
+        return (_a = receiptsRef.current) == null ? void 0 : _a.uploadReceipt(files[0]);
+      },
       text: "Upload receipt",
       iconOnly: true,
       icon: /* @__PURE__ */ import_react102.default.createElement(Paperclip_default, null)
@@ -8895,7 +8910,6 @@ var PersonalForm = ({
   showReceiptUploads,
   showDescriptions
 }) => {
-  var _a;
   const receiptsRef = (0, import_react103.useRef)(null);
   const { categorize: categorizeBankTransaction2, isLoading } = useBankTransactionsContext();
   const [showRetry, setShowRetry] = (0, import_react103.useState)(false);
@@ -8965,7 +8979,10 @@ var PersonalForm = ({
   ), /* @__PURE__ */ import_react103.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__actions" }, showReceiptUploads && /* @__PURE__ */ import_react103.default.createElement(
     FileInput,
     {
-      onUpload: (_a = receiptsRef.current) == null ? void 0 : _a.uploadReceipt,
+      onUpload: (files) => {
+        var _a;
+        return (_a = receiptsRef.current) == null ? void 0 : _a.uploadReceipt(files[0]);
+      },
       text: "Upload receipt",
       iconOnly: true,
       icon: /* @__PURE__ */ import_react103.default.createElement(Paperclip_default, null)
@@ -8992,7 +9009,7 @@ var MatchForm2 = ({
   showReceiptUploads,
   showDescriptions
 }) => {
-  var _a, _b, _c;
+  var _a, _b;
   const receiptsRef = (0, import_react104.useRef)(null);
   const { match: matchBankTransaction2, isLoading } = useBankTransactionsContext();
   const { memoText, setMemoText, saveMemoText } = useMemoTextContext();
@@ -9083,7 +9100,10 @@ var MatchForm2 = ({
   ), /* @__PURE__ */ import_react104.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__actions" }, showReceiptUploads && /* @__PURE__ */ import_react104.default.createElement(
     FileInput,
     {
-      onUpload: (_c = receiptsRef.current) == null ? void 0 : _c.uploadReceipt,
+      onUpload: (files) => {
+        var _a2;
+        return (_a2 = receiptsRef.current) == null ? void 0 : _a2.uploadReceipt(files[0]);
+      },
       text: "Upload receipt",
       iconOnly: true,
       icon: /* @__PURE__ */ import_react104.default.createElement(Paperclip_default, null)
@@ -9109,7 +9129,7 @@ var SplitForm = ({
   showReceiptUploads,
   showDescriptions
 }) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d;
   const receiptsRef = (0, import_react105.useRef)(null);
   const {
     categorize: categorizeBankTransaction2,
@@ -9344,7 +9364,10 @@ var SplitForm = ({
   ), /* @__PURE__ */ import_react105.default.createElement("div", { className: "Layer__bank-transaction-mobile-list-item__actions" }, showReceiptUploads && /* @__PURE__ */ import_react105.default.createElement(
     FileInput,
     {
-      onUpload: (_e = receiptsRef.current) == null ? void 0 : _e.uploadReceipt,
+      onUpload: (files) => {
+        var _a2;
+        return (_a2 = receiptsRef.current) == null ? void 0 : _a2.uploadReceipt(files[0]);
+      },
       text: "Upload receipt",
       iconOnly: true,
       icon: /* @__PURE__ */ import_react105.default.createElement(Paperclip_default, null)
@@ -10196,6 +10219,7 @@ var DatePickerOptions = ({
 
 // src/components/DatePicker/DatePicker.tsx
 var import_classnames47 = __toESM(require("classnames"));
+var import_date_fns14 = require("date-fns");
 var ReactDatePicker = RDP.default.default || RDP.default || RDP;
 var getDefaultRangeDate = (date, mode, selected) => {
   try {
@@ -10211,10 +10235,14 @@ var getDefaultRangeDate = (date, mode, selected) => {
   }
 };
 var isRangeMode = (mode) => mode === "dayRangePicker" || mode === "monthRangePicker";
+var showNavigationArrows = (navigateArrows, isDesktop) => {
+  return navigateArrows && (isDesktop && navigateArrows.includes("desktop") || !isDesktop && navigateArrows.includes("mobile"));
+};
 var DatePicker = (_a) => {
   var _b = _a, {
     selected,
     onChange,
+    disabled,
     mode = "dayPicker",
     allowedModes,
     dateFormat = mode === "monthPicker" || mode === "monthRangePicker" ? "MMM, yyyy" : mode === "timePicker" ? "h:mm aa" : "MMM d, yyyy",
@@ -10228,12 +10256,13 @@ var DatePicker = (_a) => {
     minDate,
     maxDate = /* @__PURE__ */ new Date(),
     currentDateOption = true,
-    navigateArrows = mode === "monthPicker",
+    navigateArrows = mode === "monthPicker" ? ["mobile"] : void 0,
     onChangeMode,
     slots
   } = _b, props = __objRest(_b, [
     "selected",
     "onChange",
+    "disabled",
     "mode",
     "allowedModes",
     "dateFormat",
@@ -10298,7 +10327,7 @@ var DatePicker = (_a) => {
   const wrapperClassNames = (0, import_classnames47.default)(
     "Layer__datepicker__wrapper",
     mode === "timePicker" && "Layer__datepicker__time__wrapper",
-    navigateArrows && "Layer__datepicker__wrapper--arrows"
+    showNavigationArrows(navigateArrows, isDesktop) && "Layer__datepicker__wrapper--arrows"
   );
   const datePickerWrapperClassNames = (0, import_classnames47.default)(
     "Layer__datepicker",
@@ -10329,6 +10358,8 @@ var DatePicker = (_a) => {
       return selectedDates instanceof Date && selectedDates.toDateString() === currentDate.toDateString();
     } else if (mode === "monthPicker") {
       return selectedDates instanceof Date && selectedDates.getMonth() === currentDate.getMonth() && selectedDates.getFullYear() === currentDate.getFullYear();
+    } else if (mode === "yearPicker") {
+      return selectedDates instanceof Date && selectedDates.getFullYear() === currentDate.getFullYear();
     }
     return false;
   };
@@ -10340,11 +10371,32 @@ var DatePicker = (_a) => {
       setSelectedDates(
         new Date(currentDate.getFullYear(), currentDate.getMonth(), 1)
       );
+    } else if (mode === "yearPicker") {
+      setSelectedDates(
+        new Date(currentDate.getFullYear(), 0, 1)
+      );
     }
   };
-  const isTodayOrAfter = Boolean(
-    selectedDates instanceof Date && selectedDates >= /* @__PURE__ */ new Date()
-  );
+  const isTodayOrAfter = (0, import_react121.useMemo)(() => {
+    switch (mode) {
+      case "dayPicker":
+        return Boolean(
+          selectedDates instanceof Date && ((0, import_date_fns14.endOfDay)(selectedDates) >= (0, import_date_fns14.endOfDay)(/* @__PURE__ */ new Date()) || (0, import_date_fns14.endOfDay)(selectedDates) >= maxDate)
+        );
+      case "monthPicker":
+        return Boolean(
+          selectedDates instanceof Date && ((0, import_date_fns14.endOfMonth)(selectedDates) >= (0, import_date_fns14.endOfMonth)(/* @__PURE__ */ new Date()) || (0, import_date_fns14.endOfMonth)(selectedDates) >= maxDate)
+        );
+      case "yearPicker":
+        return Boolean(
+          selectedDates instanceof Date && ((0, import_date_fns14.endOfYear)(selectedDates) >= (0, import_date_fns14.endOfYear)(/* @__PURE__ */ new Date()) || (0, import_date_fns14.endOfYear)(selectedDates) >= maxDate)
+        );
+      default:
+        return Boolean(
+          selectedDates instanceof Date && (selectedDates >= /* @__PURE__ */ new Date() || selectedDates >= maxDate)
+        );
+    }
+  }, [selectedDates, maxDate, mode]);
   const isBeforeMinDate = Boolean(
     minDate && selectedDates instanceof Date && selectedDates <= minDate
   );
@@ -10365,6 +10417,14 @@ var DatePicker = (_a) => {
           )
         )
       );
+    } else if (mode === "yearPicker") {
+      setSelectedDates(
+        new Date(
+          selectedDates.setFullYear(
+            selectedDates.getFullYear() + value
+          )
+        )
+      );
     }
   };
   const onChangeModeInternal = (mode2) => {
@@ -10399,6 +10459,7 @@ var DatePicker = (_a) => {
       popperPlacement: "bottom-start",
       selectsRange: isRangeMode(mode),
       showMonthYearPicker: mode === "monthPicker" || mode === "monthRangePicker",
+      showYearPicker: mode === "yearPicker",
       dateFormat,
       renderDayContents: (day) => /* @__PURE__ */ import_react121.default.createElement("span", { className: "Layer__datepicker__day-contents" }, day),
       timeIntervals,
@@ -10431,7 +10492,8 @@ var DatePicker = (_a) => {
         if (pickerRef.current && !isDesktop) {
           pickerRef.current.setOpen(!pickerRef.current.isCalendarOpen());
         }
-      }
+      },
+      disabled
     }, props),
     ModeSelector && /* @__PURE__ */ import_react121.default.createElement(
       ModeSelector,
@@ -10448,7 +10510,7 @@ var DatePicker = (_a) => {
         setSelectedDate: setSelectedDates
       }
     )
-  ), navigateArrows && !isDesktop && /* @__PURE__ */ import_react121.default.createElement(import_react121.default.Fragment, null, /* @__PURE__ */ import_react121.default.createElement(
+  ), showNavigationArrows(navigateArrows, isDesktop) && /* @__PURE__ */ import_react121.default.createElement(import_react121.default.Fragment, null, /* @__PURE__ */ import_react121.default.createElement(
     Button,
     {
       "aria-label": "Previous Date",
@@ -10458,7 +10520,7 @@ var DatePicker = (_a) => {
       ),
       onClick: () => changeDate(-1),
       variant: "secondary" /* secondary */,
-      disabled: isBeforeMinDate
+      disabled: isBeforeMinDate || disabled
     },
     /* @__PURE__ */ import_react121.default.createElement(ChevronLeft_default, { className: "Layer__datepicker__button-icon", size: 16 })
   ), /* @__PURE__ */ import_react121.default.createElement(
@@ -10471,7 +10533,7 @@ var DatePicker = (_a) => {
         isTodayOrAfter ? "Layer__datepicker__button--disabled" : void 0
       ),
       onClick: () => changeDate(1),
-      disabled: isTodayOrAfter
+      disabled: isTodayOrAfter || disabled
     },
     /* @__PURE__ */ import_react121.default.createElement(
       ChevronRight_default,
@@ -10480,13 +10542,13 @@ var DatePicker = (_a) => {
         size: 16
       }
     )
-  )), currentDateOption && (mode === "dayPicker" || mode === "monthPicker") && /* @__PURE__ */ import_react121.default.createElement(
+  )), currentDateOption && (mode === "dayPicker" || mode === "monthPicker" || mode === "yearPicker") && /* @__PURE__ */ import_react121.default.createElement(
     Button,
     {
       className: "Layer__datepicker__current-button",
       onClick: setCurrentDate,
       variant: "secondary" /* secondary */,
-      disabled: isCurrentDate()
+      disabled: isCurrentDate() || disabled
     },
     mode === "dayPicker" ? "Today" : "Current"
   ));
@@ -10494,7 +10556,7 @@ var DatePicker = (_a) => {
 
 // src/components/BankTransactions/BankTransactionsHeader.tsx
 var import_classnames48 = __toESM(require("classnames"));
-var import_date_fns14 = require("date-fns");
+var import_date_fns15 = require("date-fns");
 var DownloadButton2 = ({
   downloadButtonTextOverride,
   iconOnly
@@ -10591,8 +10653,8 @@ var BankTransactionsHeader = ({
         onChange: (date) => {
           if (!Array.isArray(date)) {
             setDateRange({
-              startDate: (0, import_date_fns14.startOfMonth)(date),
-              endDate: (0, import_date_fns14.endOfMonth)(date)
+              startDate: (0, import_date_fns15.startOfMonth)(date),
+              endDate: (0, import_date_fns15.endOfMonth)(date)
             });
           }
         },
@@ -10695,7 +10757,7 @@ var DataStates = ({
 };
 
 // src/components/BankTransactions/BankTransactions.tsx
-var import_date_fns15 = require("date-fns");
+var import_date_fns16 = require("date-fns");
 var COMPONENT_NAME2 = "bank-transactions";
 var categorizationEnabled = (mode) => {
   if (mode === "bookkeeping-client") {
@@ -10727,8 +10789,8 @@ var BankTransactionsContent = ({
   stringOverrides
 }) => {
   const [defaultDateRange] = (0, import_react124.useState)(() => ({
-    startDate: (0, import_date_fns15.startOfMonth)(/* @__PURE__ */ new Date()),
-    endDate: (0, import_date_fns15.endOfMonth)(/* @__PURE__ */ new Date())
+    startDate: (0, import_date_fns16.startOfMonth)(/* @__PURE__ */ new Date()),
+    endDate: (0, import_date_fns16.endOfMonth)(/* @__PURE__ */ new Date())
   }));
   const scrollPaginationRef = (0, import_react124.useRef)(null);
   const isVisible = useIsVisible(scrollPaginationRef);
@@ -11129,14 +11191,14 @@ var applyShare = (items, total) => {
 
 // src/hooks/useProfitAndLoss/useProfitAndLossLTM.tsx
 var import_react128 = require("react");
-var import_date_fns16 = require("date-fns");
+var import_date_fns17 = require("date-fns");
 var import_swr5 = __toESM(require("swr"));
 var buildDates = ({ currentDate }) => {
   return {
-    startYear: (0, import_date_fns16.startOfMonth)(currentDate).getFullYear() - 1,
-    startMonth: (0, import_date_fns16.startOfMonth)(currentDate).getMonth() + 1,
-    endYear: (0, import_date_fns16.startOfMonth)(currentDate).getFullYear(),
-    endMonth: (0, import_date_fns16.startOfMonth)(currentDate).getMonth() + 1
+    startYear: (0, import_date_fns17.startOfMonth)(currentDate).getFullYear() - 1,
+    startMonth: (0, import_date_fns17.startOfMonth)(currentDate).getMonth() + 1,
+    endYear: (0, import_date_fns17.startOfMonth)(currentDate).getFullYear(),
+    endMonth: (0, import_date_fns17.startOfMonth)(currentDate).getMonth() + 1
   };
 };
 var buildMonthsArray = (startDate, endDate) => {
@@ -11150,7 +11212,7 @@ var buildMonthsArray = (startDate, endDate) => {
   return dates;
 };
 var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
-  currentDate: (0, import_date_fns16.startOfMonth)(Date.now())
+  currentDate: (0, import_date_fns17.startOfMonth)(Date.now())
 }) => {
   var _a, _b;
   const { businessId, syncTimestamps, read, hasBeenTouched } = useLayerContext();
@@ -11188,7 +11250,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
   );
   (0, import_react128.useEffect)(() => {
     const newData = data.slice();
-    const newPeriod = buildMonthsArray((0, import_date_fns16.sub)(date, { years: 1 }), date);
+    const newPeriod = buildMonthsArray((0, import_date_fns17.sub)(date, { years: 1 }), date);
     if (newData && newPeriod) {
       newPeriod.forEach((x) => {
         if (!(newData == null ? void 0 : newData.find(
@@ -11283,7 +11345,7 @@ var useProfitAndLossLTM = ({ currentDate, tagFilter, reportingBasis } = {
 
 // src/hooks/useProfitAndLoss/useProfitAndLossQuery.tsx
 var import_react129 = require("react");
-var import_date_fns17 = require("date-fns");
+var import_date_fns18 = require("date-fns");
 var import_swr6 = __toESM(require("swr"));
 var useProfitAndLossQuery = ({
   startDate,
@@ -11291,8 +11353,8 @@ var useProfitAndLossQuery = ({
   tagFilter,
   reportingBasis
 } = {
-  startDate: (0, import_date_fns17.startOfMonth)(/* @__PURE__ */ new Date()),
-  endDate: (0, import_date_fns17.endOfMonth)(/* @__PURE__ */ new Date())
+  startDate: (0, import_date_fns18.startOfMonth)(/* @__PURE__ */ new Date()),
+  endDate: (0, import_date_fns18.endOfMonth)(/* @__PURE__ */ new Date())
 }) => {
   var _a, _b;
   const { businessId, syncTimestamps, read, hasBeenTouched } = useLayerContext();
@@ -11312,8 +11374,8 @@ var useProfitAndLossQuery = ({
     Layer.getProfitAndLoss(apiUrl, auth == null ? void 0 : auth.access_token, {
       params: {
         businessId,
-        startDate: (0, import_date_fns17.formatISO)(startDate.valueOf()),
-        endDate: (0, import_date_fns17.formatISO)(endDate.valueOf()),
+        startDate: (0, import_date_fns18.formatISO)(startDate.valueOf()),
+        endDate: (0, import_date_fns18.formatISO)(endDate.valueOf()),
         tagKey: tagFilter == null ? void 0 : tagFilter.key,
         tagValues: (_b = tagFilter == null ? void 0 : tagFilter.values) == null ? void 0 : _b.join(","),
         reportingBasis
@@ -11345,21 +11407,21 @@ var useProfitAndLossQuery = ({
 };
 
 // src/hooks/useProfitAndLoss/useProfitAndLoss.tsx
-var import_date_fns18 = require("date-fns");
+var import_date_fns19 = require("date-fns");
 var useProfitAndLoss = ({
   startDate: initialStartDate,
   endDate: initialEndDate,
   tagFilter,
   reportingBasis
 } = {
-  startDate: (0, import_date_fns18.startOfMonth)(/* @__PURE__ */ new Date()),
-  endDate: (0, import_date_fns18.endOfMonth)(/* @__PURE__ */ new Date())
+  startDate: (0, import_date_fns19.startOfMonth)(/* @__PURE__ */ new Date()),
+  endDate: (0, import_date_fns19.endOfMonth)(/* @__PURE__ */ new Date())
 }) => {
   const [startDate, setStartDate] = (0, import_react130.useState)(
-    initialStartDate || (0, import_date_fns18.startOfMonth)(Date.now())
+    initialStartDate || (0, import_date_fns19.startOfMonth)(Date.now())
   );
   const [endDate, setEndDate] = (0, import_react130.useState)(
-    initialEndDate || (0, import_date_fns18.endOfMonth)(Date.now())
+    initialEndDate || (0, import_date_fns19.endOfMonth)(Date.now())
   );
   const [filters, setFilters] = (0, import_react130.useState)({
     expenses: void 0,
@@ -11373,7 +11435,7 @@ var useProfitAndLoss = ({
     reportingBasis
   });
   const { data: summaryData } = useProfitAndLossLTM({
-    currentDate: startDate ? startDate : (0, import_date_fns18.startOfMonth)(/* @__PURE__ */ new Date()),
+    currentDate: startDate ? startDate : (0, import_date_fns19.startOfMonth)(/* @__PURE__ */ new Date()),
     tagFilter
   });
   const changeDateRange = ({
@@ -11526,7 +11588,7 @@ var useProfitAndLoss = ({
 
 // src/hooks/useProfitAndLossComparison/useProfitAndLossComparison.tsx
 var import_react131 = require("react");
-var import_date_fns19 = require("date-fns");
+var import_date_fns20 = require("date-fns");
 var initialFetchDone = false;
 var useProfitAndLossComparison = ({
   reportingBasis
@@ -11583,12 +11645,12 @@ var useProfitAndLossComparison = ({
       type: "Comparison_Months",
       months: []
     };
-    const adjustedStartDate = (0, import_date_fns19.startOfMonth)(dateRange.startDate);
+    const adjustedStartDate = (0, import_date_fns20.startOfMonth)(dateRange.startDate);
     for (let i = 0; i < compareMonths2; i++) {
-      const currentMonth = (0, import_date_fns19.subMonths)(adjustedStartDate, i);
+      const currentMonth = (0, import_date_fns20.subMonths)(adjustedStartDate, i);
       periods.months.push({
-        year: (0, import_date_fns19.getYear)(currentMonth),
-        month: (0, import_date_fns19.getMonth)(currentMonth) + 1
+        year: (0, import_date_fns20.getYear)(currentMonth),
+        month: (0, import_date_fns20.getMonth)(currentMonth) + 1
       });
     }
     periods.months.sort((a, b) => {
@@ -11754,6 +11816,9 @@ var Indicator = ({
   setCustomCursorSize,
   viewBox = {}
 }) => {
+  if (!(className == null ? void 0 : className.match(/selected/))) {
+    return null;
+  }
   const [opacityIndicator, setOpacityIndicator] = (0, import_react133.useState)(0);
   const { x: animateTo = 0, width = 0 } = "x" in viewBox ? viewBox : emptyViewBox;
   const margin = width > 12 ? 12 : 6;
@@ -11771,9 +11836,6 @@ var Indicator = ({
       setOpacityIndicator(1);
     }, 200);
   }, [animateTo]);
-  if (!(className == null ? void 0 : className.match(/selected/))) {
-    return null;
-  }
   const rectRef = (ref) => {
     if (ref) {
       const refRectWidth = ref.getBoundingClientRect().width;
@@ -11805,53 +11867,53 @@ var Indicator = ({
 
 // src/components/ProfitAndLossChart/ProfitAndLossChart.tsx
 var import_classnames49 = __toESM(require("classnames"));
-var import_date_fns20 = require("date-fns");
+var import_date_fns21 = require("date-fns");
 var import_recharts = require("recharts");
 var getChartWindow = ({
   chartWindow,
   currentYear,
   currentMonth
 }) => {
-  const today = (0, import_date_fns20.startOfMonth)(Date.now());
-  const yearAgo = (0, import_date_fns20.sub)(today, { months: 11 });
-  const current = (0, import_date_fns20.startOfMonth)(new Date(currentYear, currentMonth - 1, 1));
-  if ((0, import_date_fns20.differenceInMonths)((0, import_date_fns20.startOfMonth)(chartWindow.start), current) < 0 && (0, import_date_fns20.differenceInMonths)((0, import_date_fns20.startOfMonth)(chartWindow.end), current) > 1) {
+  const today = (0, import_date_fns21.startOfMonth)(Date.now());
+  const yearAgo = (0, import_date_fns21.sub)(today, { months: 11 });
+  const current = (0, import_date_fns21.startOfMonth)(new Date(currentYear, currentMonth - 1, 1));
+  if ((0, import_date_fns21.differenceInMonths)((0, import_date_fns21.startOfMonth)(chartWindow.start), current) < 0 && (0, import_date_fns21.differenceInMonths)((0, import_date_fns21.startOfMonth)(chartWindow.end), current) > 1) {
     return chartWindow;
   }
-  if ((0, import_date_fns20.differenceInMonths)((0, import_date_fns20.startOfMonth)(chartWindow.start), current) === 0) {
+  if ((0, import_date_fns21.differenceInMonths)((0, import_date_fns21.startOfMonth)(chartWindow.start), current) === 0) {
     return {
-      start: (0, import_date_fns20.startOfMonth)((0, import_date_fns20.sub)(current, { months: 1 })),
-      end: (0, import_date_fns20.endOfMonth)((0, import_date_fns20.add)(current, { months: 11 }))
+      start: (0, import_date_fns21.startOfMonth)((0, import_date_fns21.sub)(current, { months: 1 })),
+      end: (0, import_date_fns21.endOfMonth)((0, import_date_fns21.add)(current, { months: 11 }))
     };
   }
-  if ((0, import_date_fns20.differenceInMonths)((0, import_date_fns20.endOfMonth)(chartWindow.end), (0, import_date_fns20.endOfMonth)(current)) === 1 && (0, import_date_fns20.differenceInMonths)(today, current) >= 1) {
+  if ((0, import_date_fns21.differenceInMonths)((0, import_date_fns21.endOfMonth)(chartWindow.end), (0, import_date_fns21.endOfMonth)(current)) === 1 && (0, import_date_fns21.differenceInMonths)(today, current) >= 1) {
     return {
-      start: (0, import_date_fns20.startOfMonth)((0, import_date_fns20.sub)(current, { months: 10 })),
-      end: (0, import_date_fns20.endOfMonth)((0, import_date_fns20.add)(current, { months: 2 }))
+      start: (0, import_date_fns21.startOfMonth)((0, import_date_fns21.sub)(current, { months: 10 })),
+      end: (0, import_date_fns21.endOfMonth)((0, import_date_fns21.add)(current, { months: 2 }))
     };
   }
-  if ((0, import_date_fns20.differenceInMonths)(current, (0, import_date_fns20.startOfMonth)(chartWindow.end)) === 0 && (0, import_date_fns20.differenceInMonths)(current, (0, import_date_fns20.startOfMonth)(today)) > 0) {
+  if ((0, import_date_fns21.differenceInMonths)(current, (0, import_date_fns21.startOfMonth)(chartWindow.end)) === 0 && (0, import_date_fns21.differenceInMonths)(current, (0, import_date_fns21.startOfMonth)(today)) > 0) {
     return {
-      start: (0, import_date_fns20.startOfMonth)((0, import_date_fns20.sub)(current, { months: 11 })),
-      end: (0, import_date_fns20.endOfMonth)((0, import_date_fns20.add)(current, { months: 1 }))
+      start: (0, import_date_fns21.startOfMonth)((0, import_date_fns21.sub)(current, { months: 11 })),
+      end: (0, import_date_fns21.endOfMonth)((0, import_date_fns21.add)(current, { months: 1 }))
     };
   }
   if (current >= yearAgo) {
     return {
-      start: (0, import_date_fns20.startOfMonth)(yearAgo),
-      end: (0, import_date_fns20.endOfMonth)(today)
+      start: (0, import_date_fns21.startOfMonth)(yearAgo),
+      end: (0, import_date_fns21.endOfMonth)(today)
     };
   }
   if (Number(current) > Number(chartWindow.end)) {
     return {
-      start: (0, import_date_fns20.startOfMonth)((0, import_date_fns20.sub)(current, { months: 12 })),
-      end: (0, import_date_fns20.endOfMonth)(current)
+      start: (0, import_date_fns21.startOfMonth)((0, import_date_fns21.sub)(current, { months: 12 })),
+      end: (0, import_date_fns21.endOfMonth)(current)
     };
   }
-  if ((0, import_date_fns20.differenceInMonths)(current, (0, import_date_fns20.startOfMonth)(chartWindow.start)) < 0) {
+  if ((0, import_date_fns21.differenceInMonths)(current, (0, import_date_fns21.startOfMonth)(chartWindow.start)) < 0) {
     return {
-      start: (0, import_date_fns20.startOfMonth)(current),
-      end: (0, import_date_fns20.endOfMonth)((0, import_date_fns20.add)(current, { months: 11 }))
+      start: (0, import_date_fns21.startOfMonth)(current),
+      end: (0, import_date_fns21.endOfMonth)((0, import_date_fns21.add)(current, { months: 11 }))
     };
   }
   return chartWindow;
@@ -11889,8 +11951,8 @@ var ProfitAndLossChart = ({
   });
   const [barAnimActive, setBarAnimActive] = (0, import_react134.useState)(true);
   const [chartWindow, setChartWindow] = (0, import_react134.useState)({
-    start: (0, import_date_fns20.startOfMonth)((0, import_date_fns20.sub)(Date.now(), { months: 11 })),
-    end: (0, import_date_fns20.endOfMonth)(Date.now())
+    start: (0, import_date_fns21.startOfMonth)((0, import_date_fns21.sub)(Date.now(), { months: 11 })),
+    end: (0, import_date_fns21.endOfMonth)(Date.now())
   });
   const selectionMonth = (0, import_react134.useMemo)(
     () => ({
@@ -11905,7 +11967,7 @@ var ProfitAndLossChart = ({
     }
   }, [dateRange]);
   const { data, loaded, pullData } = useProfitAndLossLTM({
-    currentDate: (0, import_date_fns20.startOfMonth)(Date.now()),
+    currentDate: (0, import_date_fns21.startOfMonth)(Date.now()),
     tagFilter
   });
   const anyData = (0, import_react134.useMemo)(() => {
@@ -11924,19 +11986,19 @@ var ProfitAndLossChart = ({
   (0, import_react134.useEffect)(() => {
     if (loaded === "complete" && data) {
       const foundCurrent = data.find(
-        (x) => Number((0, import_date_fns20.startOfMonth)(new Date(x.year, x.month - 1, 1))) >= Number(localDateRange.startDate) && Number((0, import_date_fns20.startOfMonth)(new Date(x.year, x.month - 1, 1))) < Number(localDateRange.endDate)
+        (x) => Number((0, import_date_fns21.startOfMonth)(new Date(x.year, x.month - 1, 1))) >= Number(localDateRange.startDate) && Number((0, import_date_fns21.startOfMonth)(new Date(x.year, x.month - 1, 1))) < Number(localDateRange.endDate)
       );
       if (!foundCurrent) {
-        const newDate = (0, import_date_fns20.startOfMonth)(localDateRange.startDate);
+        const newDate = (0, import_date_fns21.startOfMonth)(localDateRange.startDate);
         pullData(newDate);
         return;
       }
       const foundBefore = data.find(
-        (x) => Number((0, import_date_fns20.startOfMonth)(new Date(x.year, x.month - 1, 1))) >= Number((0, import_date_fns20.sub)(localDateRange.startDate, { months: 1 })) && Number((0, import_date_fns20.startOfMonth)(new Date(x.year, x.month - 1, 1))) < Number((0, import_date_fns20.sub)(localDateRange.endDate, { months: 1 }))
+        (x) => Number((0, import_date_fns21.startOfMonth)(new Date(x.year, x.month - 1, 1))) >= Number((0, import_date_fns21.sub)(localDateRange.startDate, { months: 1 })) && Number((0, import_date_fns21.startOfMonth)(new Date(x.year, x.month - 1, 1))) < Number((0, import_date_fns21.sub)(localDateRange.endDate, { months: 1 }))
       );
       if (!foundBefore) {
-        const newDate = (0, import_date_fns20.startOfMonth)(
-          (0, import_date_fns20.sub)(localDateRange.startDate, { months: 1 })
+        const newDate = (0, import_date_fns21.startOfMonth)(
+          (0, import_date_fns21.sub)(localDateRange.startDate, { months: 1 })
         );
         pullData(newDate);
       }
@@ -11959,7 +12021,7 @@ var ProfitAndLossChart = ({
       }, 2e3);
     }
   }, [loaded]);
-  const getMonthName = (pnl) => pnl ? (0, import_date_fns20.format)(
+  const getMonthName = (pnl) => pnl ? (0, import_date_fns21.format)(
     new Date(pnl.year, pnl.month - 1, 1),
     compactView ? "LLLLL" : "LLL"
   ) : "";
@@ -11985,9 +12047,9 @@ var ProfitAndLossChart = ({
       const loadingData = [];
       const today = Date.now();
       for (let i = 11; i >= 0; i--) {
-        const currentDate = (0, import_date_fns20.sub)(today, { months: i });
+        const currentDate = (0, import_date_fns21.sub)(today, { months: i });
         loadingData.push({
-          name: (0, import_date_fns20.format)(currentDate, compactView ? "LLLLL" : "LLL"),
+          name: (0, import_date_fns21.format)(currentDate, compactView ? "LLLLL" : "LLL"),
           revenue: 0,
           revenueUncategorized: 0,
           totalExpensesInverse: 0,
@@ -12017,18 +12079,18 @@ var ProfitAndLossChart = ({
       }
       return x;
     })) == null ? void 0 : _a.filter(
-      (x) => (0, import_date_fns20.differenceInMonths)(
-        (0, import_date_fns20.startOfMonth)(new Date(x.year, x.month - 1, 1)),
+      (x) => (0, import_date_fns21.differenceInMonths)(
+        (0, import_date_fns21.startOfMonth)(new Date(x.year, x.month - 1, 1)),
         chartWindow.start
-      ) >= 0 && (0, import_date_fns20.differenceInMonths)(
-        (0, import_date_fns20.startOfMonth)(new Date(x.year, x.month - 1, 1)),
+      ) >= 0 && (0, import_date_fns21.differenceInMonths)(
+        (0, import_date_fns21.startOfMonth)(new Date(x.year, x.month - 1, 1)),
         chartWindow.start
-      ) < 12 && (0, import_date_fns20.differenceInMonths)(
+      ) < 12 && (0, import_date_fns21.differenceInMonths)(
         chartWindow.end,
-        (0, import_date_fns20.startOfMonth)(new Date(x.year, x.month - 1, 1))
-      ) >= 0 && (0, import_date_fns20.differenceInMonths)(
+        (0, import_date_fns21.startOfMonth)(new Date(x.year, x.month - 1, 1))
+      ) >= 0 && (0, import_date_fns21.differenceInMonths)(
         chartWindow.end,
-        (0, import_date_fns20.startOfMonth)(new Date(x.year, x.month - 1, 1))
+        (0, import_date_fns21.startOfMonth)(new Date(x.year, x.month - 1, 1))
       ) <= 12
     ).map((x) => summarizePnL(x));
   }, [selectionMonth, chartWindow, data, loaded, compactView]);
@@ -12045,7 +12107,7 @@ var ProfitAndLossChart = ({
       if (isMonthAllowed) {
         changeDateRange({
           startDate: new Date(year, month - 1, 1),
-          endDate: (0, import_date_fns20.endOfMonth)(new Date(year, month - 1, 1))
+          endDate: (0, import_date_fns21.endOfMonth)(new Date(year, month - 1, 1))
         });
       }
     }
@@ -12599,7 +12661,8 @@ var DATE_RANGE_MODE_CONFIG = {
   dayPicker: { label: "Day" },
   dayRangePicker: { label: "Select dates" },
   monthPicker: { label: "Month" },
-  monthRangePicker: { label: "Select months" }
+  monthRangePicker: { label: "Select months" },
+  yearPicker: { label: "Year" }
 };
 function toToggleOptions(allowedModes) {
   return allowedModes.map((mode) => ({
@@ -12633,7 +12696,7 @@ function DatePickerModeSelector({
 }
 
 // src/components/ProfitAndLossDatePicker/ProfitAndLossDatePicker.tsx
-var import_date_fns21 = require("date-fns");
+var import_date_fns22 = require("date-fns");
 var ProfitAndLossDatePicker = ({
   allowedDatePickerModes,
   datePickerMode: deprecated_datePickerMode,
@@ -12652,8 +12715,8 @@ var ProfitAndLossDatePicker = ({
   const getComparisonData = (date) => {
     if (compareMode && compareMonths > 0) {
       refetch({
-        startDate: (0, import_date_fns21.startOfMonth)(date),
-        endDate: (0, import_date_fns21.endOfMonth)(date)
+        startDate: (0, import_date_fns22.startOfMonth)(date),
+        endDate: (0, import_date_fns22.endOfMonth)(date)
       });
     }
   };
@@ -12696,8 +12759,8 @@ var ProfitAndLossDatePicker = ({
         if (!Array.isArray(date)) {
           getComparisonData(date);
           changeDateRange({
-            startDate: (0, import_date_fns21.startOfMonth)(date),
-            endDate: (0, import_date_fns21.endOfMonth)(date)
+            startDate: (0, import_date_fns22.startOfMonth)(date),
+            endDate: (0, import_date_fns22.endOfMonth)(date)
           });
         }
       },
@@ -13371,7 +13434,7 @@ var Filters = ({
 };
 
 // src/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts.tsx
-var import_date_fns22 = require("date-fns");
+var import_date_fns23 = require("date-fns");
 var ProfitAndLossDetailedCharts = ({
   scope,
   hideClose = false,
@@ -13396,7 +13459,7 @@ var ProfitAndLossDetailedCharts = ({
   const data = theScope === "revenue" ? filteredDataRevenue : filteredDataExpenses;
   const total = theScope === "revenue" ? filteredTotalRevenue : filteredTotalExpenses;
   const [hoveredItem, setHoveredItem] = (0, import_react141.useState)();
-  return /* @__PURE__ */ import_react141.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts" }, /* @__PURE__ */ import_react141.default.createElement("header", { className: "Layer__profit-and-loss-detailed-charts__header" }, /* @__PURE__ */ import_react141.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__head" }, /* @__PURE__ */ import_react141.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, humanizeTitle(theScope)), /* @__PURE__ */ import_react141.default.createElement(Text, { size: "sm" /* sm */, className: "date" }, (0, import_date_fns22.format)(dateRange.startDate, "LLLL, y")), showDatePicker && /* @__PURE__ */ import_react141.default.createElement(ProfitAndLossDatePicker, null)), !hideClose && /* @__PURE__ */ import_react141.default.createElement(
+  return /* @__PURE__ */ import_react141.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts" }, /* @__PURE__ */ import_react141.default.createElement("header", { className: "Layer__profit-and-loss-detailed-charts__header" }, /* @__PURE__ */ import_react141.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__head" }, /* @__PURE__ */ import_react141.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, humanizeTitle(theScope)), /* @__PURE__ */ import_react141.default.createElement(Text, { size: "sm" /* sm */, className: "date" }, (0, import_date_fns23.format)(dateRange.startDate, "LLLL, y")), showDatePicker && /* @__PURE__ */ import_react141.default.createElement(ProfitAndLossDatePicker, null)), !hideClose && /* @__PURE__ */ import_react141.default.createElement(
     Button,
     {
       rightIcon: /* @__PURE__ */ import_react141.default.createElement(X_default, null),
@@ -13404,7 +13467,7 @@ var ProfitAndLossDetailedCharts = ({
       onClick: () => setSidebarScope(void 0),
       variant: "secondary" /* secondary */
     }
-  )), /* @__PURE__ */ import_react141.default.createElement("header", { className: "Layer__profit-and-loss-detailed-charts__header--tablet" }, !hideClose && /* @__PURE__ */ import_react141.default.createElement(BackButton, { onClick: () => setSidebarScope(void 0) }), /* @__PURE__ */ import_react141.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__head" }, /* @__PURE__ */ import_react141.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, humanizeTitle(theScope)), /* @__PURE__ */ import_react141.default.createElement(Text, { size: "sm" /* sm */, className: "date" }, (0, import_date_fns22.format)(dateRange.startDate, "LLLL, y")))), /* @__PURE__ */ import_react141.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__content" }, /* @__PURE__ */ import_react141.default.createElement(
+  )), /* @__PURE__ */ import_react141.default.createElement("header", { className: "Layer__profit-and-loss-detailed-charts__header--tablet" }, !hideClose && /* @__PURE__ */ import_react141.default.createElement(BackButton, { onClick: () => setSidebarScope(void 0) }), /* @__PURE__ */ import_react141.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__head" }, /* @__PURE__ */ import_react141.default.createElement(Text, { size: "lg" /* lg */, weight: "bold" /* bold */, className: "title" }, humanizeTitle(theScope)), /* @__PURE__ */ import_react141.default.createElement(Text, { size: "sm" /* sm */, className: "date" }, (0, import_date_fns23.format)(dateRange.startDate, "LLLL, y")))), /* @__PURE__ */ import_react141.default.createElement("div", { className: "Layer__profit-and-loss-detailed-charts__content" }, /* @__PURE__ */ import_react141.default.createElement(
     DetailedChart,
     {
       filteredData: data,
@@ -14066,11 +14129,11 @@ var useTableExpandRow = () => {
 };
 
 // src/utils/profitAndLossComparisonUtils.ts
-var import_date_fns23 = require("date-fns");
+var import_date_fns24 = require("date-fns");
 var generatComparisonMonths = (startDate, numberOfMonths) => {
   return Array.from({ length: numberOfMonths }, (_, index) => {
-    const currentMonth = (0, import_date_fns23.subMonths)(startDate, numberOfMonths - index - 1);
-    return (0, import_date_fns23.format)(currentMonth, "MMM");
+    const currentMonth = (0, import_date_fns24.subMonths)(startDate, numberOfMonths - index - 1);
+    return (0, import_date_fns24.format)(currentMonth, "MMM");
   });
 };
 var getComparisonValue = (name, depth, cellData) => {
@@ -14613,7 +14676,7 @@ var ProfitAndLossTableWithProvider = (props) => {
 };
 
 // src/components/ProfitAndLoss/ProfitAndLoss.tsx
-var import_date_fns24 = require("date-fns");
+var import_date_fns25 = require("date-fns");
 var PNLContext = (0, import_react168.createContext)({
   data: void 0,
   filteredDataRevenue: [],
@@ -14624,8 +14687,8 @@ var PNLContext = (0, import_react168.createContext)({
   isValidating: false,
   error: void 0,
   dateRange: {
-    startDate: (0, import_date_fns24.startOfMonth)(/* @__PURE__ */ new Date()),
-    endDate: (0, import_date_fns24.endOfMonth)(/* @__PURE__ */ new Date())
+    startDate: (0, import_date_fns25.startOfMonth)(/* @__PURE__ */ new Date()),
+    endDate: (0, import_date_fns25.endOfMonth)(/* @__PURE__ */ new Date())
   },
   changeDateRange: () => {
   },
@@ -14681,13 +14744,13 @@ var BalanceSheetContext = (0, import_react169.createContext)({
 
 // src/hooks/useBalanceSheet/useBalanceSheet.tsx
 var import_react170 = require("react");
-var import_date_fns25 = require("date-fns");
+var import_date_fns26 = require("date-fns");
 var import_swr7 = __toESM(require("swr"));
 var useBalanceSheet = (date = /* @__PURE__ */ new Date()) => {
   const { businessId, read, syncTimestamps, hasBeenTouched } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const dateString = (0, import_date_fns25.format)((0, import_date_fns25.startOfDay)(date), "yyyy-MM-dd'T'HH:mm:ssXXX");
+  const dateString = (0, import_date_fns26.format)((0, import_date_fns26.startOfDay)(date), "yyyy-MM-dd'T'HH:mm:ssXXX");
   const queryKey = businessId && dateString && (auth == null ? void 0 : auth.access_token) && `balance-sheet-${businessId}-${dateString}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr7.default)(
     queryKey,
@@ -14870,7 +14933,7 @@ var BALANCE_SHEET_ROWS = [
 ];
 
 // src/components/BalanceSheet/BalanceSheet.tsx
-var import_date_fns26 = require("date-fns");
+var import_date_fns27 = require("date-fns");
 
 // src/components/BalanceSheet/download/BalanceSheetDownloadButton.tsx
 var import_react176 = __toESM(require("react"));
@@ -15008,14 +15071,14 @@ var BalanceSheetView = ({
   asWidget = false,
   stringOverrides
 }) => {
-  const [effectiveDate, setEffectiveDate] = (0, import_react177.useState)((0, import_date_fns26.startOfDay)(/* @__PURE__ */ new Date()));
+  const [effectiveDate, setEffectiveDate] = (0, import_react177.useState)((0, import_date_fns27.startOfDay)(/* @__PURE__ */ new Date()));
   const { data, isLoading, refetch } = useBalanceSheet(effectiveDate);
   const { view, containerRef } = useElementViewSize();
   (0, import_react177.useEffect)(() => {
-    const d1 = effectiveDate && (0, import_date_fns26.format)((0, import_date_fns26.startOfDay)(effectiveDate), "yyyy-MM-dd'T'HH:mm:ssXXX");
-    const d2 = (data == null ? void 0 : data.effective_date) && (0, import_date_fns26.format)(
-      (0, import_date_fns26.startOfDay)(
-        (0, import_date_fns26.parse)(data.effective_date, "yyyy-MM-dd'T'HH:mm:ssXXX", /* @__PURE__ */ new Date())
+    const d1 = effectiveDate && (0, import_date_fns27.format)((0, import_date_fns27.startOfDay)(effectiveDate), "yyyy-MM-dd'T'HH:mm:ssXXX");
+    const d2 = (data == null ? void 0 : data.effective_date) && (0, import_date_fns27.format)(
+      (0, import_date_fns27.startOfDay)(
+        (0, import_date_fns27.parse)(data.effective_date, "yyyy-MM-dd'T'HH:mm:ssXXX", /* @__PURE__ */ new Date())
       ),
       "yyyy-MM-dd'T'HH:mm:ssXXX"
     );
@@ -15092,17 +15155,17 @@ var StatementOfCashFlowContext = (0, import_react178.createContext)({
 
 // src/hooks/useStatementOfCashFlow/useStatementOfCashFlow.tsx
 var import_react179 = require("react");
-var import_date_fns27 = require("date-fns");
+var import_date_fns28 = require("date-fns");
 var import_swr8 = __toESM(require("swr"));
 var useStatementOfCashFlow = (startDate = /* @__PURE__ */ new Date(), endDate = /* @__PURE__ */ new Date()) => {
   const { businessId, read, syncTimestamps, hasBeenTouched } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const startDateString = (0, import_date_fns27.format)(
-    (0, import_date_fns27.startOfDay)(startDate),
+  const startDateString = (0, import_date_fns28.format)(
+    (0, import_date_fns28.startOfDay)(startDate),
     "yyyy-MM-dd'T'HH:mm:ssXXX"
   );
-  const endDateString = (0, import_date_fns27.format)((0, import_date_fns27.startOfDay)(endDate), "yyyy-MM-dd'T'HH:mm:ssXXX");
+  const endDateString = (0, import_date_fns28.format)((0, import_date_fns28.startOfDay)(endDate), "yyyy-MM-dd'T'HH:mm:ssXXX");
   const queryKey = businessId && startDateString && endDateString && (auth == null ? void 0 : auth.access_token) && `statement-of-cash-${businessId}-${startDateString}-${endDateString}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr8.default)(
     queryKey,
@@ -15241,7 +15304,7 @@ var STATEMENT_OF_CASH_FLOW_ROWS = [
 ];
 
 // src/components/StatementOfCashFlow/StatementOfCashFlow.tsx
-var import_date_fns28 = require("date-fns");
+var import_date_fns29 = require("date-fns");
 
 // src/components/StatementOfCashFlow/download/CashflowStatementDownloadButton.tsx
 var import_react181 = __toESM(require("react"));
@@ -15342,9 +15405,9 @@ var StatementOfCashFlowView = ({
   customDateRanges
 }) => {
   const [startDate, setStartDate] = (0, import_react182.useState)(
-    (0, import_date_fns28.startOfDay)((0, import_date_fns28.subWeeks)(/* @__PURE__ */ new Date(), 4))
+    (0, import_date_fns29.startOfDay)((0, import_date_fns29.subWeeks)(/* @__PURE__ */ new Date(), 4))
   );
-  const [endDate, setEndDate] = (0, import_react182.useState)((0, import_date_fns28.startOfDay)(/* @__PURE__ */ new Date()));
+  const [endDate, setEndDate] = (0, import_react182.useState)((0, import_date_fns29.startOfDay)(/* @__PURE__ */ new Date()));
   const { data, isLoading, refetch } = useStatementOfCashFlow(
     startDate,
     endDate
@@ -15355,10 +15418,10 @@ var StatementOfCashFlowView = ({
   );
   const handleDateChange = (dates) => {
     if (dates[0]) {
-      setStartDate((0, import_date_fns28.startOfDay)(dates[0]));
+      setStartDate((0, import_date_fns29.startOfDay)(dates[0]));
     }
     if (dates[1]) {
-      setEndDate((0, import_date_fns28.startOfDay)(dates[1]));
+      setEndDate((0, import_date_fns29.startOfDay)(dates[1]));
     }
     if (dates[0] && dates[1]) {
       refetch();
@@ -15371,7 +15434,7 @@ var StatementOfCashFlowView = ({
       onChange: (dates) => {
         if (!Array.isArray(dates)) {
           const date = dates;
-          handleDateChange([(0, import_date_fns28.startOfMonth)(date), (0, import_date_fns28.endOfMonth)(date)]);
+          handleDateChange([(0, import_date_fns29.startOfMonth)(date), (0, import_date_fns29.endOfMonth)(date)]);
         }
       },
       dateFormat: "MMM",
@@ -15427,7 +15490,7 @@ var import_react200 = __toESM(require("react"));
 
 // src/contexts/ChartOfAccountsContext/ChartOfAccountsContext.tsx
 var import_react183 = require("react");
-var import_date_fns29 = require("date-fns");
+var import_date_fns30 = require("date-fns");
 var ChartOfAccountsContext = (0, import_react183.createContext)(
   {
     data: void 0,
@@ -15450,8 +15513,8 @@ var ChartOfAccountsContext = (0, import_react183.createContext)(
     submitForm: () => {
     },
     dateRange: {
-      startDate: (0, import_date_fns29.startOfMonth)(/* @__PURE__ */ new Date()),
-      endDate: (0, import_date_fns29.endOfMonth)(/* @__PURE__ */ new Date())
+      startDate: (0, import_date_fns30.startOfMonth)(/* @__PURE__ */ new Date()),
+      endDate: (0, import_date_fns30.endOfMonth)(/* @__PURE__ */ new Date())
     },
     changeDateRange: () => {
     }
@@ -15686,7 +15749,7 @@ var LEDGER_ACCOUNT_SUBTYPES_FOR_TYPE = {
 };
 
 // src/hooks/useChartOfAccounts/useChartOfAccounts.tsx
-var import_date_fns30 = require("date-fns");
+var import_date_fns31 = require("date-fns");
 var import_swr9 = __toESM(require("swr"));
 var validate = (formData) => {
   const errors = [];
@@ -15770,8 +15833,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_fns30.startOfMonth)(/* @__PURE__ */ new Date()),
-  endDate: (0, import_date_fns30.endOfMonth)(/* @__PURE__ */ new Date())
+  startDate: (0, import_date_fns31.startOfMonth)(/* @__PURE__ */ new Date()),
+  endDate: (0, import_date_fns31.endOfMonth)(/* @__PURE__ */ new Date())
 }) => {
   const {
     businessId,
@@ -15786,10 +15849,10 @@ var useChartOfAccounts = ({ withDates, startDate: initialStartDate, endDate: ini
   const [sendingForm, setSendingForm] = (0, import_react185.useState)(false);
   const [apiError, setApiError] = (0, import_react185.useState)(void 0);
   const [startDate, setStartDate] = (0, import_react185.useState)(
-    initialStartDate != null ? initialStartDate : (0, import_date_fns30.startOfMonth)(Date.now())
+    initialStartDate != null ? initialStartDate : (0, import_date_fns31.startOfMonth)(Date.now())
   );
   const [endDate, setEndDate] = (0, import_react185.useState)(
-    initialEndDate != null ? initialEndDate : (0, import_date_fns30.endOfMonth)(Date.now())
+    initialEndDate != null ? initialEndDate : (0, import_date_fns31.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_swr9.default)(
@@ -15797,8 +15860,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_fns30.formatISO)(startDate.valueOf()) : void 0,
-        endDate: withDates && endDate ? (0, import_date_fns30.formatISO)(endDate.valueOf()) : void 0
+        startDate: withDates && startDate ? (0, import_date_fns31.formatISO)(startDate.valueOf()) : void 0,
+        endDate: withDates && endDate ? (0, import_date_fns31.formatISO)(endDate.valueOf()) : void 0
       }
     })
   );
@@ -16106,7 +16169,7 @@ var Plus_default = Plus;
 
 // src/components/ChartOfAccountsDatePicker/ChartOfAccountsDatePicker.tsx
 var import_react187 = __toESM(require("react"));
-var import_date_fns31 = require("date-fns");
+var import_date_fns32 = require("date-fns");
 var ChartOfAccountsDatePicker = () => {
   const { changeDateRange, dateRange } = (0, import_react187.useContext)(ChartOfAccountsContext);
   return /* @__PURE__ */ import_react187.default.createElement(
@@ -16117,8 +16180,8 @@ var ChartOfAccountsDatePicker = () => {
       onChange: (date) => {
         if (!Array.isArray(date)) {
           changeDateRange({
-            startDate: (0, import_date_fns31.startOfMonth)(date),
-            endDate: (0, import_date_fns31.endOfMonth)(date)
+            startDate: (0, import_date_fns32.startOfMonth)(date),
+            endDate: (0, import_date_fns32.endOfMonth)(date)
           });
         }
       }
@@ -16636,20 +16699,20 @@ var Card = ({ children, className }) => {
 
 // src/components/DateTime/DateTime.tsx
 var import_react194 = __toESM(require("react"));
-var import_date_fns32 = require("date-fns");
+var import_date_fns33 = require("date-fns");
 var DateTime = ({
   value,
-  format: format8,
+  format: format9,
   dateFormat,
   timeFormat,
   onlyDate,
   onlyTime
 }) => {
-  if (format8) {
-    return /* @__PURE__ */ import_react194.default.createElement(Text, { className: "Layer__datetime" }, (0, import_date_fns32.format)((0, import_date_fns32.parseISO)(value), format8));
+  if (format9) {
+    return /* @__PURE__ */ import_react194.default.createElement(Text, { className: "Layer__datetime" }, (0, import_date_fns33.format)((0, import_date_fns33.parseISO)(value), format9));
   }
-  const date = (0, import_date_fns32.format)((0, import_date_fns32.parseISO)(value), dateFormat != null ? dateFormat : DATE_FORMAT);
-  const time = (0, import_date_fns32.format)((0, import_date_fns32.parseISO)(value), timeFormat != null ? timeFormat : TIME_FORMAT);
+  const date = (0, import_date_fns33.format)((0, import_date_fns33.parseISO)(value), dateFormat != null ? dateFormat : DATE_FORMAT);
+  const time = (0, import_date_fns33.format)((0, import_date_fns33.parseISO)(value), timeFormat != null ? timeFormat : TIME_FORMAT);
   return /* @__PURE__ */ import_react194.default.createElement(Text, { className: "Layer__datetime" }, !onlyTime && /* @__PURE__ */ import_react194.default.createElement(
     Text,
     {
@@ -16926,7 +16989,7 @@ var LedgerAccountEntryDetails = ({
 // src/components/LedgerAccount/LedgerAccountRow.tsx
 var import_react198 = __toESM(require("react"));
 var import_classnames65 = __toESM(require("classnames"));
-var import_date_fns33 = require("date-fns");
+var import_date_fns34 = require("date-fns");
 var LedgerAccountRow = ({
   row,
   index,
@@ -16966,7 +17029,7 @@ var LedgerAccountRow = ({
           }
         }
       },
-      /* @__PURE__ */ import_react198.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react198.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react198.default.createElement(Text, null, row.date && (0, import_date_fns33.format)((0, import_date_fns33.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react198.default.createElement(
+      /* @__PURE__ */ import_react198.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react198.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react198.default.createElement(Text, null, row.date && (0, import_date_fns34.format)((0, import_date_fns34.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react198.default.createElement(
         Text,
         {
           weight: "normal" /* normal */,
@@ -16999,7 +17062,7 @@ var LedgerAccountRow = ({
           }
         }
       },
-      /* @__PURE__ */ import_react198.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react198.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react198.default.createElement(Text, null, row.date && (0, import_date_fns33.format)((0, import_date_fns33.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react198.default.createElement(
+      /* @__PURE__ */ import_react198.default.createElement("td", { className: "Layer__table-cell Layer__ledger-account-table__tablet-main-col" }, /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__table-cell-content" }, /* @__PURE__ */ import_react198.default.createElement("div", { className: "Layer__ledger-account-table__tablet-main-col__date" }, /* @__PURE__ */ import_react198.default.createElement(Text, null, row.date && (0, import_date_fns34.format)((0, import_date_fns34.parseISO)(row.date), DATE_FORMAT)), /* @__PURE__ */ import_react198.default.createElement(
         Text,
         {
           weight: "normal" /* normal */,
@@ -17028,7 +17091,7 @@ var LedgerAccountRow = ({
         }
       }
     },
-    /* @__PURE__ */ import_react198.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns33.format)((0, import_date_fns33.parseISO)(row.date), DATE_FORMAT))),
+    /* @__PURE__ */ import_react198.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__table-cell-content" }, row.date && (0, import_date_fns34.format)((0, import_date_fns34.parseISO)(row.date), DATE_FORMAT))),
     /* @__PURE__ */ import_react198.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__table-cell-content" }, entryNumber(row))),
     /* @__PURE__ */ import_react198.default.createElement("td", { className: "Layer__table-cell" }, /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__table-cell-content" }, (_f = (_e = row.source) == null ? void 0 : _e.display_description) != null ? _f : "")),
     /* @__PURE__ */ import_react198.default.createElement("td", { className: "Layer__table-cell Layer__table-cell--primary" }, /* @__PURE__ */ import_react198.default.createElement("span", { className: "Layer__table-cell-content Layer__table-cell--amount" }, row.direction === "DEBIT" /* DEBIT */ && `$${centsToDollars((row == null ? void 0 : row.amount) || 0)}`)),
@@ -17955,7 +18018,7 @@ var JournalSidebar = ({
 
 // src/components/JournalTable/JournalTable.tsx
 var import_react207 = __toESM(require("react"));
-var import_date_fns34 = require("date-fns");
+var import_date_fns35 = require("date-fns");
 var accountName = (row) => {
   if ("account" in row) {
     return row.account.name;
@@ -18020,7 +18083,7 @@ var JournalTableContent = ({
         },
         entryNumber(row)
       ),
-      /* @__PURE__ */ import_react207.default.createElement(TableCell, null, row.entry_at && (0, import_date_fns34.format)((0, import_date_fns34.parseISO)(row.entry_at), DATE_FORMAT)),
+      /* @__PURE__ */ import_react207.default.createElement(TableCell, null, row.entry_at && (0, import_date_fns35.format)((0, import_date_fns35.parseISO)(row.entry_at), DATE_FORMAT)),
       /* @__PURE__ */ import_react207.default.createElement(TableCell, null, humanizeEnum(row.entry_type)),
       /* @__PURE__ */ import_react207.default.createElement(TableCell, null, "(", row.line_items.length, ")"),
       /* @__PURE__ */ import_react207.default.createElement(TableCell, { isCurrency: true, primary: true, align: "right" /* RIGHT */ }, "line_items" in row && Math.abs(
@@ -18184,26 +18247,42 @@ var JournalContent = ({
 };
 
 // src/components/Tasks/Tasks.tsx
-var import_react216 = __toESM(require("react"));
+var import_react218 = __toESM(require("react"));
 
 // src/contexts/TasksContext/TasksContext.tsx
 var import_react210 = require("react");
+var import_date_fns36 = require("date-fns");
 var TasksContext = (0, import_react210.createContext)({
   data: void 0,
   isLoading: false,
   loadedStatus: "initial",
   error: void 0,
+  currentDate: /* @__PURE__ */ new Date(),
+  setCurrentDate: () => {
+  },
+  dateRange: { startDate: (0, import_date_fns36.startOfYear)(/* @__PURE__ */ new Date()), endDate: (0, import_date_fns36.endOfYear)(/* @__PURE__ */ new Date()) },
+  setDateRange: () => {
+  },
   refetch: () => {
   },
   submitResponseToTask: () => {
   },
-  uploadDocumentForTask: () => {
+  updateDocUploadTaskDescription: () => {
+  },
+  uploadDocumentsForTask: () => Promise.resolve(),
+  deleteUploadsForTask: () => {
   }
 });
 
 // src/hooks/useTasks/useTasks.tsx
 var import_react211 = require("react");
 
+// src/types/tasks.ts
+var COMPLETED_TASK_TYPES = ["COMPLETED", "USER_MARKED_COMPLETED"];
+function isComplete(taskType) {
+  return COMPLETED_TASK_TYPES.includes(taskType);
+}
+
 // src/hooks/useTasks/mockData.ts
 var mockData = [
   {
@@ -18220,7 +18299,9 @@ var mockData = [
     completed_at: null,
     created_at: "2024-09-12T05:56:49.360176Z",
     updated_at: "2024-09-12T05:56:49.360176Z",
-    document_type: "LOAN_STATEMENT"
+    effective_date: "2024-09-12T05:56:49.360176Z",
+    document_type: "LOAN_STATEMENT",
+    documents: []
   },
   {
     id: "f49e6eb2-52d4-4872-b34a-2baf387b8593",
@@ -18236,25 +18317,67 @@ var mockData = [
     completed_at: null,
     created_at: "2024-09-12T05:56:49.360176Z",
     updated_at: "2024-09-12T05:56:49.360176Z",
-    document_type: "BANK_STATEMENT"
+    effective_date: "2024-09-12T05:56:49.360176Z",
+    document_type: "BANK_STATEMENT",
+    documents: []
   }
 ];
 
 // src/hooks/useTasks/useTasks.tsx
 var import_swr12 = __toESM(require("swr"));
+var import_date_fns37 = require("date-fns");
 var DEBUG_MODE = false;
-var useTasks = () => {
+var useTasks = ({
+  startDate: initialStartDate = (0, import_date_fns37.startOfYear)(/* @__PURE__ */ new Date()),
+  endDate: initialEndDate = (0, import_date_fns37.endOfYear)(/* @__PURE__ */ new Date())
+} = {}) => {
   const [loadedStatus, setLoadedStatus] = (0, import_react211.useState)("initial");
   const { businessId, read, syncTimestamps, hasBeenTouched } = useLayerContext();
   const { apiUrl } = useEnvironment();
   const { data: auth } = useAuth();
-  const queryKey = businessId && (auth == null ? void 0 : auth.access_token) && `tasks-${businessId}`;
+  const [dateRange, setDateRange] = (0, import_react211.useState)({
+    startDate: initialStartDate,
+    endDate: initialEndDate
+  });
+  const [currentDate, setCurrentDate] = (0, import_react211.useState)(/* @__PURE__ */ new Date());
+  const queryKey = businessId && (auth == null ? void 0 : auth.access_token) && `tasks-${businessId}-${dateRange.startDate}-${dateRange.endDate}`;
   const { data, isLoading, isValidating, error, mutate } = (0, import_swr12.default)(
     queryKey,
     Layer.getTasks(apiUrl, auth == null ? void 0 : auth.access_token, {
-      params: { businessId }
+      params: {
+        businessId,
+        startDate: (0, import_date_fns37.formatISO)(dateRange.startDate.valueOf()),
+        endDate: (0, import_date_fns37.formatISO)(dateRange.endDate.valueOf())
+      }
     })
   );
+  const monthlyData = (0, import_react211.useMemo)(() => {
+    if (data == null ? void 0 : data.data) {
+      const grouped = data.data.reduce((acc, task) => {
+        const effectiveDate = task.effective_date ? (0, import_date_fns37.parseISO)(task.effective_date) : (0, import_date_fns37.parseISO)(task.created_at);
+        const year = (0, import_date_fns37.getYear)(effectiveDate);
+        const month = (0, import_date_fns37.getMonth)(effectiveDate);
+        const key = `${year}-${month}`;
+        if (!acc[key]) {
+          acc[key] = {
+            year,
+            month,
+            total: 0,
+            completed: 0,
+            tasks: []
+          };
+        }
+        acc[key].tasks.push(task);
+        if (isComplete(task.status)) {
+          acc[key].completed += 1;
+        }
+        acc[key].total += 1;
+        return acc;
+      }, {});
+      return Object.values(grouped);
+    }
+    return [];
+  }, [data]);
   (0, import_react211.useEffect)(() => {
     if (isLoading && loadedStatus === "initial") {
       setLoadedStatus("loading");
@@ -18263,17 +18386,18 @@ var useTasks = () => {
     }
   }, [isLoading]);
   const refetch = () => mutate();
-  const uploadDocumentForTask = (taskId, file) => {
-    const uploadDocument = Layer.completeTaskWithUpload(
+  const uploadDocumentsForTask = (taskId, files, description) => __async(void 0, null, function* () {
+    const uploadDocuments = Layer.completeTaskWithUpload(
       apiUrl,
       auth == null ? void 0 : auth.access_token
     );
-    uploadDocument({
+    yield uploadDocuments({
       businessId,
       taskId,
-      file
+      files,
+      description
     }).then(refetch);
-  };
+  });
   const submitResponseToTask2 = (taskId, userResponse) => {
     if (!taskId || !userResponse || userResponse.length === 0)
       return;
@@ -18286,6 +18410,21 @@ var useTasks = () => {
       body: data2
     }).then(() => refetch());
   };
+  const deleteUploadsForTask = (taskId) => {
+    Layer.deleteTaskUploads(apiUrl, auth == null ? void 0 : auth.access_token, {
+      params: { businessId, taskId }
+    }).then(() => refetch());
+  };
+  const updateDocUploadTaskDescription = (taskId, userResponse) => {
+    const data2 = {
+      type: "FreeResponse",
+      user_response: userResponse
+    };
+    Layer.updateUploadDocumentTaskDescription(apiUrl, auth == null ? void 0 : auth.access_token, {
+      params: { businessId, taskId },
+      body: data2
+    }).then(() => refetch());
+  };
   (0, import_react211.useEffect)(() => {
     if (queryKey && (isLoading || isValidating)) {
       read("TASKS" /* TASKS */, queryKey);
@@ -18298,22 +18437,23 @@ var useTasks = () => {
   }, [syncTimestamps]);
   return {
     data: DEBUG_MODE ? mockData : data == null ? void 0 : data.data,
+    monthlyData,
     isLoading,
     loadedStatus,
     isValidating,
     error,
+    currentDate,
+    setCurrentDate,
+    dateRange,
+    setDateRange,
     refetch,
     submitResponseToTask: submitResponseToTask2,
-    uploadDocumentForTask
+    uploadDocumentsForTask,
+    deleteUploadsForTask,
+    updateDocUploadTaskDescription
   };
 };
 
-// src/types/tasks.ts
-var COMPLETED_TASK_TYPES = ["COMPLETED", "USER_MARKED_COMPLETED"];
-function isComplete(taskType) {
-  return COMPLETED_TASK_TYPES.includes(taskType);
-}
-
 // src/components/TasksHeader/TasksHeader.tsx
 var import_react212 = __toESM(require("react"));
 
@@ -18408,6 +18548,8 @@ var ProgressIcon = (_a) => {
 var ProgressIcon_default = ProgressIcon;
 
 // src/components/TasksHeader/TasksHeader.tsx
+var import_date_fns38 = require("date-fns");
+var import_classnames67 = __toESM(require("classnames"));
 var ICONS = {
   loading: {
     icon: /* @__PURE__ */ import_react212.default.createElement(ProgressIcon_default, { size: 12, className: "Layer__anim--rotating" }),
@@ -18436,10 +18578,19 @@ var TasksHeader = ({
   open,
   toggleContent
 }) => {
-  const { data: tasks, loadedStatus, refetch, error } = (0, import_react212.useContext)(TasksContext);
+  const {
+    data: tasks,
+    loadedStatus,
+    refetch,
+    error,
+    dateRange,
+    setDateRange
+  } = (0, import_react212.useContext)(TasksContext);
+  const { business } = useLayerContext();
   const completedTasks = tasks == null ? void 0 : tasks.filter((task) => isComplete(task.status)).length;
   const badgeVariant = completedTasks === (tasks == null ? void 0 : tasks.length) ? ICONS.done : ICONS.pending;
-  return /* @__PURE__ */ import_react212.default.createElement("div", { className: "Layer__tasks-header" }, /* @__PURE__ */ import_react212.default.createElement("div", { className: "Layer__tasks-header__left-col" }, /* @__PURE__ */ import_react212.default.createElement(Text, { size: "lg" /* lg */ }, tasksHeader), loadedStatus !== "complete" && !open ? /* @__PURE__ */ import_react212.default.createElement(Badge, { variant: ICONS.loading.badge, icon: ICONS.loading.icon }, ICONS.loading.text) : loadedStatus === "complete" && (!tasks || error) ? /* @__PURE__ */ import_react212.default.createElement(
+  const minDate = getEarliestDateToBrowse(business);
+  return /* @__PURE__ */ import_react212.default.createElement("div", { className: (0, import_classnames67.default)("Layer__tasks-header", collapsable && "Layer__tasks-header--collapsable") }, /* @__PURE__ */ import_react212.default.createElement("div", { className: "Layer__tasks-header__left-col" }, /* @__PURE__ */ import_react212.default.createElement("div", { className: "Layer__tasks-header__left-col__title" }, /* @__PURE__ */ import_react212.default.createElement(Text, { size: "lg" /* lg */ }, tasksHeader), loadedStatus !== "complete" && !open ? /* @__PURE__ */ import_react212.default.createElement(Badge, { variant: ICONS.loading.badge, icon: ICONS.loading.icon }, ICONS.loading.text) : loadedStatus === "complete" && !open && (!tasks || error) ? /* @__PURE__ */ import_react212.default.createElement(
     Badge,
     {
       onClick: () => refetch(),
@@ -18447,7 +18598,27 @@ var TasksHeader = ({
       icon: ICONS.refresh.icon
     },
     ICONS.refresh.text
-  ) : loadedStatus === "complete" ? /* @__PURE__ */ import_react212.default.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text) : open ? null : /* @__PURE__ */ import_react212.default.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text)), collapsable && /* @__PURE__ */ import_react212.default.createElement(ExpandButton, { onClick: toggleContent, collapsed: !open }));
+  ) : loadedStatus === "complete" && !open ? /* @__PURE__ */ import_react212.default.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text) : open ? null : /* @__PURE__ */ import_react212.default.createElement(Badge, { variant: badgeVariant.badge, icon: badgeVariant.icon }, badgeVariant.text)), /* @__PURE__ */ import_react212.default.createElement("div", { className: "Layer__tasks-header__left-col__controls" }, /* @__PURE__ */ import_react212.default.createElement(
+    DatePicker,
+    {
+      selected: dateRange.startDate,
+      onChange: (dates) => {
+        if (!Array.isArray(dates)) {
+          setDateRange({
+            startDate: (0, import_date_fns38.startOfYear)(dates),
+            endDate: (0, import_date_fns38.endOfYear)(dates)
+          });
+        }
+      },
+      dateFormat: "YYYY",
+      mode: "yearPicker",
+      minDate,
+      maxDate: (0, import_date_fns38.endOfYear)(/* @__PURE__ */ new Date()),
+      currentDateOption: false,
+      navigateArrows: ["mobile", "desktop"],
+      disabled: minDate && (0, import_date_fns38.getYear)(minDate) === (0, import_date_fns38.getYear)(/* @__PURE__ */ new Date())
+    }
+  ), collapsable && /* @__PURE__ */ import_react212.default.createElement("div", { className: "Layer__tasks-header__left-col__expand" }, /* @__PURE__ */ import_react212.default.createElement(ExpandButton, { onClick: toggleContent, collapsed: !open })))));
 };
 
 // src/components/TasksList/TasksList.tsx
@@ -18509,31 +18680,96 @@ var SmileIcon_default = SmileIcon;
 
 // src/components/TasksListItem/TasksListItem.tsx
 var import_react213 = __toESM(require("react"));
-var import_classnames67 = __toESM(require("classnames"));
+var import_classnames68 = __toESM(require("classnames"));
 var TasksListItem = ({
   task,
   goToNextPageIfAllComplete,
   defaultOpen
 }) => {
+  var _a;
   const [isOpen, setIsOpen] = (0, import_react213.useState)(defaultOpen);
   const [userResponse, setUserResponse] = (0, import_react213.useState)(task.user_response || "");
-  const { submitResponseToTask: submitResponseToTask2, uploadDocumentForTask } = (0, import_react213.useContext)(TasksContext);
-  const taskBodyClassName = (0, import_classnames67.default)(
+  const [selectedFiles, setSelectedFiles] = (0, import_react213.useState)();
+  const {
+    submitResponseToTask: submitResponseToTask2,
+    uploadDocumentsForTask,
+    deleteUploadsForTask,
+    updateDocUploadTaskDescription
+  } = (0, import_react213.useContext)(TasksContext);
+  const taskBodyClassName = (0, import_classnames68.default)(
     "Layer__tasks-list-item__body",
     isOpen && "Layer__tasks-list-item__body--expanded",
     isComplete(task.status) && "Layer__tasks-list-item--completed"
   );
-  const taskHeadClassName = (0, import_classnames67.default)(
+  const taskHeadClassName = (0, import_classnames68.default)(
     "Layer__tasks-list-item__head-info",
     isComplete(task.status) ? "Layer__tasks-list-item--completed" : "Layer__tasks-list-item--pending"
   );
-  const taskItemClassName = (0, import_classnames67.default)(
+  const taskItemClassName = (0, import_classnames68.default)(
     "Layer__tasks-list-item",
     isOpen && "Layer__tasks-list-item__expanded"
   );
   (0, import_react213.useEffect)(() => {
     setIsOpen(defaultOpen);
   }, [defaultOpen]);
+  const uploadDocumentAction = (0, import_react213.useMemo)(() => {
+    if (task.user_response_type === "UPLOAD_DOCUMENT") {
+      if (task.status === "TODO") {
+        if (!selectedFiles) {
+          return /* @__PURE__ */ import_react213.default.createElement(
+            FileInput,
+            {
+              onUpload: (files) => {
+                setSelectedFiles(files);
+              },
+              text: "Select file(s)",
+              allowMultipleUploads: true
+            }
+          );
+        } else {
+          return /* @__PURE__ */ import_react213.default.createElement(
+            Button,
+            {
+              variant: "secondary" /* secondary */,
+              onClick: () => __async(void 0, null, function* () {
+                yield uploadDocumentsForTask(task.id, selectedFiles, userResponse);
+                setIsOpen(false);
+                goToNextPageIfAllComplete(task);
+                setSelectedFiles(void 0);
+              })
+            },
+            "Submit"
+          );
+        }
+      } else if (task.status === "USER_MARKED_COMPLETED") {
+        if (task.user_response && task.user_response != userResponse) {
+          return /* @__PURE__ */ import_react213.default.createElement(
+            Button,
+            {
+              variant: "secondary" /* secondary */,
+              onClick: () => {
+                updateDocUploadTaskDescription(task.id, userResponse);
+              }
+            },
+            "Update"
+          );
+        } else {
+          return /* @__PURE__ */ import_react213.default.createElement(
+            Button,
+            {
+              variant: "secondary" /* secondary */,
+              onClick: () => {
+                deleteUploadsForTask(task.id);
+              }
+            },
+            "Delete Uploads"
+          );
+        }
+      } else {
+        return null;
+      }
+    }
+  }, [task, selectedFiles, userResponse]);
   return /* @__PURE__ */ import_react213.default.createElement("div", { className: "Layer__tasks-list-item-wrapper" }, /* @__PURE__ */ import_react213.default.createElement("div", { className: taskItemClassName }, /* @__PURE__ */ import_react213.default.createElement(
     "div",
     {
@@ -18551,24 +18787,14 @@ var TasksListItem = ({
         }
       }
     )
-  ), /* @__PURE__ */ import_react213.default.createElement("div", { className: taskBodyClassName }, /* @__PURE__ */ import_react213.default.createElement("div", { className: "Layer__tasks-list-item__body-info" }, /* @__PURE__ */ import_react213.default.createElement(Text, { size: "sm" /* sm */ }, task.question), task.user_response_type === "FREE_RESPONSE" ? /* @__PURE__ */ import_react213.default.createElement(
+  ), /* @__PURE__ */ import_react213.default.createElement("div", { className: taskBodyClassName }, /* @__PURE__ */ import_react213.default.createElement("div", { className: "Layer__tasks-list-item__body-info" }, /* @__PURE__ */ import_react213.default.createElement(Text, { size: "sm" /* sm */ }, task.question), /* @__PURE__ */ import_react213.default.createElement(
     Textarea,
     {
       value: userResponse,
+      placeholder: task.user_response_type === "UPLOAD_DOCUMENT" ? "Optional description" : "",
       onChange: (e) => setUserResponse(e.target.value)
     }
-  ) : null, /* @__PURE__ */ import_react213.default.createElement("div", { className: "Layer__tasks-list-item__actions" }, task.user_response_type === "UPLOAD_DOCUMENT" ? /* @__PURE__ */ import_react213.default.createElement(
-    FileInput,
-    {
-      onUpload: (file) => {
-        uploadDocumentForTask(task.id, file);
-        setIsOpen(false);
-        goToNextPageIfAllComplete(task);
-      },
-      text: "Upload file",
-      disabled: task.completed_at != null || task.user_marked_completed_at != null || task.archived_at != null
-    }
-  ) : /* @__PURE__ */ import_react213.default.createElement(
+  ), task.user_response_type === "UPLOAD_DOCUMENT" ? /* @__PURE__ */ import_react213.default.createElement("div", { className: "Layer__tasks-list__link-list" }, selectedFiles ? /* @__PURE__ */ import_react213.default.createElement("div", { className: "Layer__tasks-list__link-list-header" }, "Selected Files:") : task.documents ? /* @__PURE__ */ import_react213.default.createElement("div", { className: "Layer__tasks-list__link-list-header" }, "Uploaded Files:") : null, /* @__PURE__ */ import_react213.default.createElement("ul", { className: "Layer__tasks-list__links-list" }, (_a = task.documents) == null ? void 0 : _a.map((document2, idx) => /* @__PURE__ */ import_react213.default.createElement("li", { key: `uploaded-doc-name-${idx}` }, /* @__PURE__ */ import_react213.default.createElement("a", { className: "Layer__tasks-list-item__link", href: document2.presigned_url.presignedUrl }, document2.file_name))), selectedFiles == null ? void 0 : selectedFiles.map((file, idx) => /* @__PURE__ */ import_react213.default.createElement("li", { key: `selected-file-name-${idx}` }, /* @__PURE__ */ import_react213.default.createElement("a", { className: "Layer__tasks-list-item__link" }, file.name))))) : null, /* @__PURE__ */ import_react213.default.createElement("div", { className: "Layer__tasks-list-item__actions" }, task.user_response_type === "UPLOAD_DOCUMENT" ? uploadDocumentAction : /* @__PURE__ */ import_react213.default.createElement(
     Button,
     {
       disabled: userResponse.length === 0 || userResponse === task.user_response,
@@ -18579,11 +18805,12 @@ var TasksListItem = ({
         goToNextPageIfAllComplete(task);
       }
     },
-    userResponse && userResponse.length === 0 ? "Update" : "Save"
+    task.user_response && task.user_response !== userResponse ? "Update" : "Save"
   ))))));
 };
 
 // src/components/TasksList/TasksList.tsx
+var import_date_fns39 = require("date-fns");
 function paginateArray(array, chunkSize = 10) {
   const result = [];
   for (let i = 0; i < array.length; i += chunkSize) {
@@ -18594,7 +18821,13 @@ function paginateArray(array, chunkSize = 10) {
 }
 var TasksEmptyState = () => /* @__PURE__ */ import_react214.default.createElement("div", { className: "Layer__tasks-empty-state" }, /* @__PURE__ */ import_react214.default.createElement("div", { className: "Layer__tasks-icon" }, /* @__PURE__ */ import_react214.default.createElement(SmileIcon_default, null)), /* @__PURE__ */ import_react214.default.createElement(Text, { size: "sm" /* sm */ }, "There are no pending tasks!", /* @__PURE__ */ import_react214.default.createElement("br", null), " Great job!"));
 var TasksList = ({ pageSize = 10 }) => {
-  const { data: tasks, error } = (0, import_react214.useContext)(TasksContext);
+  const { data: rawData, error, currentDate } = (0, import_react214.useContext)(TasksContext);
+  const tasks = (0, import_react214.useMemo)(() => {
+    return rawData == null ? void 0 : rawData.filter((x) => {
+      const d = x.effective_date ? (0, import_date_fns39.parseISO)(x.effective_date) : (0, import_date_fns39.parseISO)(x.created_at);
+      return !(0, import_date_fns39.isBefore)(d, (0, import_date_fns39.startOfMonth)(currentDate)) && !(0, import_date_fns39.isAfter)(d, (0, import_date_fns39.endOfMonth)(currentDate));
+    });
+  }, [rawData, currentDate]);
   const firstPageWithIincompleteTasks = paginateArray(
     tasks || [],
     pageSize
@@ -18605,14 +18838,15 @@ var TasksList = ({ pageSize = 10 }) => {
   const sortedTasks = (0, import_react214.useMemo)(() => {
     const firstPageIndex = (currentPage - 1) * pageSize;
     const lastPageIndex = firstPageIndex + pageSize;
-    return tasks == null ? void 0 : tasks.slice(firstPageIndex, lastPageIndex);
+    return tasks == null ? void 0 : tasks.sort((x) => isComplete(x.status) ? 1 : -1).slice(firstPageIndex, lastPageIndex);
   }, [tasks, currentPage]);
   const indexFirstIncomplete = sortedTasks == null ? void 0 : sortedTasks.findIndex(
     (task) => !isComplete(task.status)
   );
   const goToNextPage = (task) => {
     const allComplete = sortedTasks == null ? void 0 : sortedTasks.filter((taskInList) => taskInList.id !== task.id).every((task2) => isComplete(task2.status));
-    if (allComplete) {
+    const hasMorePages = sortedTasks ? sortedTasks.length > pageSize * currentPage : false;
+    if (allComplete && hasMorePages) {
       setCurrentPage(currentPage + 1);
     }
   };
@@ -18637,11 +18871,17 @@ var TasksList = ({ pageSize = 10 }) => {
 
 // src/components/TasksPending/TasksPending.tsx
 var import_react215 = __toESM(require("react"));
-var import_classnames68 = __toESM(require("classnames"));
-var import_date_fns35 = require("date-fns");
+var import_classnames69 = __toESM(require("classnames"));
+var import_date_fns40 = require("date-fns");
 var import_recharts4 = require("recharts");
 var TasksPending = () => {
-  const { data } = (0, import_react215.useContext)(TasksContext);
+  const { data: rawData, currentDate } = (0, import_react215.useContext)(TasksContext);
+  const data = (0, import_react215.useMemo)(() => {
+    return rawData == null ? void 0 : rawData.filter((x) => {
+      const d = x.effective_date ? (0, import_date_fns40.parseISO)(x.effective_date) : (0, import_date_fns40.parseISO)(x.created_at);
+      return !(0, import_date_fns40.isBefore)(d, (0, import_date_fns40.startOfMonth)(currentDate)) && !(0, import_date_fns40.isAfter)(d, (0, import_date_fns40.endOfMonth)(currentDate));
+    });
+  }, [rawData, currentDate]);
   const completedTasks = data == null ? void 0 : data.filter((task) => isComplete(task.status)).length;
   const chartData = [
     {
@@ -18653,10 +18893,10 @@ var TasksPending = () => {
       value: data == null ? void 0 : data.filter((task) => !isComplete(task.status)).length
     }
   ];
-  const taskStatusClassName = (0, import_classnames68.default)(
+  const taskStatusClassName = (0, import_classnames69.default)(
     completedTasks && completedTasks > 0 ? "Layer__tasks-pending-bar__status--done" : "Layer__tasks-pending-bar__status--pending"
   );
-  return /* @__PURE__ */ import_react215.default.createElement("div", { className: "Layer__tasks-pending" }, /* @__PURE__ */ import_react215.default.createElement(Text, { size: "lg" /* lg */ }, (0, import_date_fns35.format)(Date.now(), "MMMM")), /* @__PURE__ */ import_react215.default.createElement("div", { className: "Layer__tasks-pending-bar" }, /* @__PURE__ */ import_react215.default.createElement(Text, { size: "sm" /* sm */ }, /* @__PURE__ */ import_react215.default.createElement("span", { className: taskStatusClassName }, completedTasks), "/", data == null ? void 0 : data.length, " done"), /* @__PURE__ */ import_react215.default.createElement(import_recharts4.PieChart, { width: 24, height: 24, className: "mini-chart" }, /* @__PURE__ */ import_react215.default.createElement(
+  return /* @__PURE__ */ import_react215.default.createElement("div", { className: "Layer__tasks-pending" }, /* @__PURE__ */ import_react215.default.createElement(Text, { size: "lg" /* lg */ }, (0, import_date_fns40.format)(currentDate, "MMMM")), data && (data == null ? void 0 : data.length) > 0 ? /* @__PURE__ */ import_react215.default.createElement("div", { className: "Layer__tasks-pending-bar" }, /* @__PURE__ */ import_react215.default.createElement(Text, { size: "sm" /* sm */ }, /* @__PURE__ */ import_react215.default.createElement("span", { className: taskStatusClassName }, completedTasks), "/", data == null ? void 0 : data.length, " done"), /* @__PURE__ */ import_react215.default.createElement(import_recharts4.PieChart, { width: 24, height: 24, className: "mini-chart" }, /* @__PURE__ */ import_react215.default.createElement(
     import_recharts4.Pie,
     {
       data: chartData,
@@ -18683,12 +18923,87 @@ var TasksPending = () => {
         }
       );
     })
-  ))));
+  ))) : null);
+};
+
+// src/components/TasksMonthSelector/TasksMonthSelector.tsx
+var import_react217 = __toESM(require("react"));
+var import_date_fns41 = require("date-fns");
+
+// src/components/TasksMonthSelector/TaskMonthTile.tsx
+var import_react216 = __toESM(require("react"));
+var import_classnames70 = __toESM(require("classnames"));
+var TaskMonthTile = ({ monthData, onClick, active, disabled }) => {
+  const isCompleted = monthData.total === monthData.completed;
+  const baseClass = (0, import_classnames70.default)(
+    "Layer__tasks-month-selector__month",
+    isCompleted && "Layer__tasks-month-selector__month--completed",
+    active && "Layer__tasks-month-selector__month--active",
+    disabled && "Layer__tasks-month-selector__month--disabled"
+  );
+  return /* @__PURE__ */ import_react216.default.createElement("div", { className: baseClass, onClick: () => !disabled && onClick(monthData.startDate) }, /* @__PURE__ */ import_react216.default.createElement(Text, { size: "sm" /* sm */, className: "Layer__tasks-month-selector__month__str" }, monthData.monthStr), /* @__PURE__ */ import_react216.default.createElement(Text, { size: "sm" /* sm */, className: "Layer__tasks-month-selector__month__total" }, monthData.total > 0 && isCompleted ? monthData.total : ""), isCompleted && monthData.total > 0 && /* @__PURE__ */ import_react216.default.createElement("span", { className: "Layer__tasks-month-selector__month__completed" }, /* @__PURE__ */ import_react216.default.createElement(Check_default, { size: 12 })), !isCompleted && monthData.total > 0 && /* @__PURE__ */ import_react216.default.createElement("span", { className: "Layer__tasks-month-selector__month__incompleted" }, /* @__PURE__ */ import_react216.default.createElement(Text, { size: "sm" /* sm */ }, monthData.total), /* @__PURE__ */ import_react216.default.createElement(AlertCircle_default, { size: 12 })));
+};
+
+// src/components/TasksMonthSelector/TasksMonthSelector.tsx
+var DEFAULT_TASK_DATA = {
+  total: 0,
+  completed: 0,
+  tasks: []
+};
+var isCurrentMonth = (monthDate, currentDate) => (0, import_date_fns41.getMonth)(currentDate) === (0, import_date_fns41.getMonth)(monthDate) && (0, import_date_fns41.getYear)(currentDate) === (0, import_date_fns41.getYear)(monthDate);
+var TasksMonthSelector = ({ tasks, year, currentDate, onClick }) => {
+  const { business } = useLayerContext();
+  const minDate = (0, import_react217.useMemo)(() => {
+    if (business) {
+      const date = getEarliestDateToBrowse(business);
+      if (date) {
+        return (0, import_date_fns41.startOfMonth)(date);
+      }
+    }
+    return;
+  }, [business]);
+  const months = (0, import_react217.useMemo)(() => {
+    return Array.from({ length: 12 }, (_, i) => {
+      var _a;
+      const startDate = (0, import_date_fns41.set)(
+        /* @__PURE__ */ new Date(),
+        { year, month: i, date: 1, hours: 0, minutes: 0, seconds: 0, milliseconds: 0 }
+      );
+      const endDate = (0, import_date_fns41.endOfMonth)(startDate);
+      const disabled = minDate && (0, import_date_fns41.isBefore)(startDate, minDate) || (0, import_date_fns41.isAfter)(startDate, (0, import_date_fns41.startOfMonth)(/* @__PURE__ */ new Date()));
+      const taskData = (_a = tasks == null ? void 0 : tasks.find((x) => x.month === i && x.year === year)) != null ? _a : __spreadValues({
+        monthStr: (0, import_date_fns41.format)(startDate, "MMM"),
+        year,
+        month: i,
+        startDate,
+        endDate
+      }, DEFAULT_TASK_DATA);
+      return __spreadValues({
+        monthStr: (0, import_date_fns41.format)(startDate, "MMM"),
+        startDate,
+        endDate,
+        disabled
+      }, taskData);
+    });
+  }, [tasks, year, minDate]);
+  return /* @__PURE__ */ import_react217.default.createElement("div", { className: "Layer__tasks-month-selector" }, months.map((month, idx) => {
+    return /* @__PURE__ */ import_react217.default.createElement(
+      TaskMonthTile,
+      {
+        key: idx,
+        onClick,
+        monthData: month,
+        active: isCurrentMonth(month.startDate, currentDate),
+        disabled: month.disabled
+      }
+    );
+  }));
 };
 
 // src/components/Tasks/Tasks.tsx
-var import_classnames69 = __toESM(require("classnames"));
-var UseTasksContext = (0, import_react216.createContext)({
+var import_classnames71 = __toESM(require("classnames"));
+var import_date_fns42 = require("date-fns");
+var UseTasksContext = (0, import_react218.createContext)({
   data: void 0,
   isLoading: void 0,
   loadedStatus: "initial",
@@ -18698,7 +19013,16 @@ var UseTasksContext = (0, import_react216.createContext)({
   },
   submitResponseToTask: () => {
   },
-  uploadDocumentForTask: () => {
+  uploadDocumentsForTask: () => Promise.resolve(),
+  deleteUploadsForTask: () => {
+  },
+  updateDocUploadTaskDescription: () => {
+  },
+  currentDate: /* @__PURE__ */ new Date(),
+  setCurrentDate: () => {
+  },
+  dateRange: { startDate: (0, import_date_fns42.startOfYear)(/* @__PURE__ */ new Date()), endDate: (0, import_date_fns42.endOfYear)(/* @__PURE__ */ new Date()) },
+  setDateRange: () => {
   }
 });
 var Tasks = ({
@@ -18709,7 +19033,7 @@ var Tasks = ({
   // deprecated
   stringOverrides
 }) => {
-  return /* @__PURE__ */ import_react216.default.createElement(TasksProvider, null, /* @__PURE__ */ import_react216.default.createElement(
+  return /* @__PURE__ */ import_react218.default.createElement(TasksProvider, null, /* @__PURE__ */ import_react218.default.createElement(
     TasksComponent,
     {
       collapsable,
@@ -18722,7 +19046,7 @@ var Tasks = ({
 };
 var TasksProvider = ({ children }) => {
   const contextData = useTasks();
-  return /* @__PURE__ */ import_react216.default.createElement(TasksContext.Provider, { value: contextData }, children);
+  return /* @__PURE__ */ import_react218.default.createElement(TasksContext.Provider, { value: contextData }, children);
 };
 var TasksComponent = ({
   collapsable = false,
@@ -18732,8 +19056,16 @@ var TasksComponent = ({
   // deprecated
   stringOverrides
 }) => {
-  const { isLoading, loadedStatus, data } = (0, import_react216.useContext)(TasksContext);
-  const allComplete = (0, import_react216.useMemo)(() => {
+  const {
+    isLoading,
+    loadedStatus,
+    data,
+    monthlyData,
+    currentDate,
+    setCurrentDate,
+    dateRange
+  } = (0, import_react218.useContext)(TasksContext);
+  const allComplete = (0, import_react218.useMemo)(() => {
     if (!data) {
       return void 0;
     }
@@ -18742,15 +19074,15 @@ var TasksComponent = ({
     }
     return false;
   }, [data, isLoading]);
-  const [open, setOpen] = (0, import_react216.useState)(
+  const [open, setOpen] = (0, import_react218.useState)(
     defaultCollapsed || collapsedWhenComplete ? false : true
   );
-  (0, import_react216.useEffect)(() => {
+  (0, import_react218.useEffect)(() => {
     if (allComplete && open && collapsedWhenComplete && loadedStatus === "complete") {
       setOpen(false);
     }
   }, [allComplete]);
-  return /* @__PURE__ */ import_react216.default.createElement("div", { className: "Layer__tasks-component" }, /* @__PURE__ */ import_react216.default.createElement(
+  return /* @__PURE__ */ import_react218.default.createElement("div", { className: "Layer__tasks-component" }, /* @__PURE__ */ import_react218.default.createElement(
     TasksHeader,
     {
       tasksHeader: (stringOverrides == null ? void 0 : stringOverrides.header) || tasksHeader,
@@ -18758,29 +19090,37 @@ var TasksComponent = ({
       open,
       toggleContent: () => setOpen(!open)
     }
-  ), /* @__PURE__ */ import_react216.default.createElement(
+  ), /* @__PURE__ */ import_react218.default.createElement(
     "div",
     {
-      className: (0, import_classnames69.default)(
+      className: (0, import_classnames71.default)(
         "Layer__tasks__content",
         !open && "Layer__tasks__content--collapsed"
       )
     },
-    isLoading || !data ? /* @__PURE__ */ import_react216.default.createElement("div", { className: "Layer__tasks__loader-container" }, /* @__PURE__ */ import_react216.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react216.default.createElement(import_react216.default.Fragment, null, data.length > 0 && /* @__PURE__ */ import_react216.default.createElement(TasksPending, null), /* @__PURE__ */ import_react216.default.createElement(TasksList, null))
+    isLoading || !data ? /* @__PURE__ */ import_react218.default.createElement("div", { className: "Layer__tasks__loader-container" }, /* @__PURE__ */ import_react218.default.createElement(Loader2, null)) : /* @__PURE__ */ import_react218.default.createElement(import_react218.default.Fragment, null, /* @__PURE__ */ import_react218.default.createElement(
+      TasksMonthSelector,
+      {
+        tasks: monthlyData,
+        currentDate,
+        onClick: setCurrentDate,
+        year: (0, import_date_fns42.getYear)(dateRange.startDate)
+      }
+    ), /* @__PURE__ */ import_react218.default.createElement(TasksPending, null), /* @__PURE__ */ import_react218.default.createElement(TasksList, null))
   ));
 };
 
 // src/components/PlatformOnboarding/LinkAccounts.tsx
-var import_react217 = __toESM(require("react"));
+var import_react219 = __toESM(require("react"));
 var LinkAccounts = (_a) => {
   var _b = _a, { inBox } = _b, props = __objRest(_b, ["inBox"]);
-  const content = (0, import_react217.useMemo)(() => {
+  const content = (0, import_react219.useMemo)(() => {
     if (inBox) {
-      return /* @__PURE__ */ import_react217.default.createElement("div", { className: "Layer__link-accounts__box" }, /* @__PURE__ */ import_react217.default.createElement(LinkAccountsContent, __spreadValues({}, props)));
+      return /* @__PURE__ */ import_react219.default.createElement("div", { className: "Layer__link-accounts__box" }, /* @__PURE__ */ import_react219.default.createElement(LinkAccountsContent, __spreadValues({}, props)));
     }
-    return /* @__PURE__ */ import_react217.default.createElement(LinkAccountsContent, __spreadValues({}, props));
+    return /* @__PURE__ */ import_react219.default.createElement(LinkAccountsContent, __spreadValues({}, props));
   }, [inBox, props]);
-  return /* @__PURE__ */ import_react217.default.createElement(LinkedAccountsProvider, null, content);
+  return /* @__PURE__ */ import_react219.default.createElement(LinkedAccountsProvider, null, content);
 };
 var LinkAccountsContent = ({
   title,
@@ -18794,8 +19134,8 @@ var LinkAccountsContent = ({
   onNext
 }) => {
   var _a;
-  const { data, loadingStatus, error, refetchAccounts, addConnection } = (0, import_react217.useContext)(LinkedAccountsContext);
-  return /* @__PURE__ */ import_react217.default.createElement("div", { className: "Layer__link-accounts Layer__component" }, title && /* @__PURE__ */ import_react217.default.createElement(Heading, { size: "view" /* view */ }, title), data && data.length === 0 ? /* @__PURE__ */ import_react217.default.createElement("div", { className: "Layer__link-accounts__data-status-container" }, !hideLoading && loadingStatus !== "complete" ? /* @__PURE__ */ import_react217.default.createElement(Loader2, null) : null, Boolean(error) && /* @__PURE__ */ import_react217.default.createElement(
+  const { data, loadingStatus, error, refetchAccounts, addConnection } = (0, import_react219.useContext)(LinkedAccountsContext);
+  return /* @__PURE__ */ import_react219.default.createElement("div", { className: "Layer__link-accounts Layer__component" }, title && /* @__PURE__ */ import_react219.default.createElement(Heading, { size: "view" /* view */ }, title), data && data.length === 0 ? /* @__PURE__ */ import_react219.default.createElement("div", { className: "Layer__link-accounts__data-status-container" }, !hideLoading && loadingStatus !== "complete" ? /* @__PURE__ */ import_react219.default.createElement(Loader2, null) : null, Boolean(error) && /* @__PURE__ */ import_react219.default.createElement(
     DataState,
     {
       status: "failed" /* failed */,
@@ -18803,7 +19143,7 @@ var LinkAccountsContent = ({
       description: "Please try again later",
       onRefresh: refetchAccounts
     }
-  )) : null, data && data.length > 0 ? /* @__PURE__ */ import_react217.default.createElement("div", { className: "Layer__link-accounts__list" }, data == null ? void 0 : data.map((account, index) => /* @__PURE__ */ import_react217.default.createElement(
+  )) : null, data && data.length > 0 ? /* @__PURE__ */ import_react219.default.createElement("div", { className: "Layer__link-accounts__list" }, data == null ? void 0 : data.map((account, index) => /* @__PURE__ */ import_react219.default.createElement(
     LinkedAccountItemThumb,
     {
       key: index,
@@ -18813,33 +19153,33 @@ var LinkAccountsContent = ({
       showBreakConnection,
       asWidget
     }
-  ))) : null, /* @__PURE__ */ import_react217.default.createElement(
+  ))) : null, /* @__PURE__ */ import_react219.default.createElement(
     ActionableRow,
     {
-      iconBox: /* @__PURE__ */ import_react217.default.createElement(PlaidIcon_default, null),
+      iconBox: /* @__PURE__ */ import_react219.default.createElement(PlaidIcon_default, null),
       title: data && data.length > 0 ? "Connect my next business account" : "Connect accounts",
       description: "Import data with one simple integration.",
-      button: /* @__PURE__ */ import_react217.default.createElement(
+      button: /* @__PURE__ */ import_react219.default.createElement(
         Button,
         {
           onClick: () => addConnection("PLAID"),
-          rightIcon: /* @__PURE__ */ import_react217.default.createElement(Link_default, { size: 12 }),
+          rightIcon: /* @__PURE__ */ import_react219.default.createElement(Link_default, { size: 12 }),
           disabled: loadingStatus !== "complete"
         },
         data && data.length > 0 ? "Connect next" : "Connect"
       )
     }
-  ), /* @__PURE__ */ import_react217.default.createElement(LinkedAccountsConfirmationModal, null), onBack || onNext ? /* @__PURE__ */ import_react217.default.createElement("div", { className: "Layer__link-accounts__footer" }, onBack && /* @__PURE__ */ import_react217.default.createElement(Button, { onClick: onBack, variant: "secondary" /* secondary */ }, (_a = stringOverrides == null ? void 0 : stringOverrides.backButtonText) != null ? _a : "Back"), onNext && /* @__PURE__ */ import_react217.default.createElement(Button, { onClick: onNext }, (stringOverrides == null ? void 0 : stringOverrides.nextButtonText) || "I\u2019m done connecting my business accounts")) : null);
+  ), /* @__PURE__ */ import_react219.default.createElement(LinkedAccountsConfirmationModal, null), onBack || onNext ? /* @__PURE__ */ import_react219.default.createElement("div", { className: "Layer__link-accounts__footer" }, onBack && /* @__PURE__ */ import_react219.default.createElement(Button, { onClick: onBack, variant: "secondary" /* secondary */ }, (_a = stringOverrides == null ? void 0 : stringOverrides.backButtonText) != null ? _a : "Back"), onNext && /* @__PURE__ */ import_react219.default.createElement(Button, { onClick: onNext }, (stringOverrides == null ? void 0 : stringOverrides.nextButtonText) || "I\u2019m done connecting my business accounts")) : null);
 };
 
 // src/components/UpsellBanner/BookkeepingUpsellBar.tsx
-var import_react218 = __toESM(require("react"));
+var import_react220 = __toESM(require("react"));
 
 // src/icons/Coffee.tsx
-var React218 = __toESM(require("react"));
+var React220 = __toESM(require("react"));
 var CoffeeIcon = (_a) => {
   var _b = _a, { size = 11 } = _b, props = __objRest(_b, ["size"]);
-  return /* @__PURE__ */ React218.createElement(
+  return /* @__PURE__ */ React220.createElement(
     "svg",
     __spreadProps(__spreadValues({
       xmlns: "http://www.w3.org/2000/svg",
@@ -18849,7 +19189,7 @@ var CoffeeIcon = (_a) => {
       width: size,
       height: size
     }),
-    /* @__PURE__ */ React218.createElement("g", { clipPath: "url(#clip0_5018_10141)" }, /* @__PURE__ */ React218.createElement(
+    /* @__PURE__ */ React220.createElement("g", { clipPath: "url(#clip0_5018_10141)" }, /* @__PURE__ */ React220.createElement(
       "path",
       {
         d: "M3.25 4.16666H2.79167C2.30544 4.16666 1.83912 4.35981 1.4953 4.70363C1.15149 5.04744 0.958333 5.51376 0.958333 5.99999C0.958333 6.48622 1.15149 6.95254 1.4953 7.29635C1.83912 7.64017 2.30544 7.83332 2.79167 7.83332H3.25",
@@ -18857,7 +19197,7 @@ var CoffeeIcon = (_a) => {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
-    ), /* @__PURE__ */ React218.createElement(
+    ), /* @__PURE__ */ React220.createElement(
       "path",
       {
         d: "M10.5834 4.16666H3.25004V8.29166C3.25004 8.77789 3.4432 9.2442 3.78701 9.58802C4.13083 9.93184 4.59714 10.125 5.08337 10.125H8.75004C9.23627 10.125 9.70259 9.93184 10.0464 9.58802C10.3902 9.2442 10.5834 8.77789 10.5834 8.29166V4.16666Z",
@@ -18865,7 +19205,7 @@ var CoffeeIcon = (_a) => {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
-    ), /* @__PURE__ */ React218.createElement(
+    ), /* @__PURE__ */ React220.createElement(
       "path",
       {
         d: "M8.75 0.958344V2.33334",
@@ -18873,7 +19213,7 @@ var CoffeeIcon = (_a) => {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
-    ), /* @__PURE__ */ React218.createElement(
+    ), /* @__PURE__ */ React220.createElement(
       "path",
       {
         d: "M6.91663 0.958344V2.33334",
@@ -18881,7 +19221,7 @@ var CoffeeIcon = (_a) => {
         strokeLinecap: "round",
         strokeLinejoin: "round"
       }
-    ), /* @__PURE__ */ React218.createElement(
+    ), /* @__PURE__ */ React220.createElement(
       "path",
       {
         d: "M5.08337 0.958344V2.33334",
@@ -18890,7 +19230,7 @@ var CoffeeIcon = (_a) => {
         strokeLinejoin: "round"
       }
     )),
-    /* @__PURE__ */ React218.createElement("defs", null, /* @__PURE__ */ React218.createElement("clipPath", { id: "clip0_5018_10141" }, /* @__PURE__ */ React218.createElement(
+    /* @__PURE__ */ React220.createElement("defs", null, /* @__PURE__ */ React220.createElement("clipPath", { id: "clip0_5018_10141" }, /* @__PURE__ */ React220.createElement(
       "rect",
       {
         width: "11",
@@ -18908,30 +19248,30 @@ var BookkeepingUpsellBar = ({
   onClick,
   href
 }) => {
-  return /* @__PURE__ */ import_react218.default.createElement("div", { className: "Layer__bar-banner Layer__bar-banner--bookkeeping" }, /* @__PURE__ */ import_react218.default.createElement("div", { className: "Layer__bar-banner__left-col" }, /* @__PURE__ */ import_react218.default.createElement(IconBox, null, /* @__PURE__ */ import_react218.default.createElement(Coffee_default, null)), /* @__PURE__ */ import_react218.default.createElement("div", { className: "Layer__bar-banner__text-container" }, /* @__PURE__ */ import_react218.default.createElement(Text, { size: "md" /* md */, weight: "bold" /* bold */ }, "Need help with your books?"), /* @__PURE__ */ import_react218.default.createElement(
+  return /* @__PURE__ */ import_react220.default.createElement("div", { className: "Layer__bar-banner Layer__bar-banner--bookkeeping" }, /* @__PURE__ */ import_react220.default.createElement("div", { className: "Layer__bar-banner__left-col" }, /* @__PURE__ */ import_react220.default.createElement(IconBox, null, /* @__PURE__ */ import_react220.default.createElement(Coffee_default, null)), /* @__PURE__ */ import_react220.default.createElement("div", { className: "Layer__bar-banner__text-container" }, /* @__PURE__ */ import_react220.default.createElement(Text, { size: "md" /* md */, weight: "bold" /* bold */ }, "Need help with your books?"), /* @__PURE__ */ import_react220.default.createElement(
     Text,
     {
       size: "sm" /* sm */,
       className: "Layer__bar-banner__text-container__desc"
     },
     "Order bookkeeping service supported by real humans."
-  ))), onClick ? /* @__PURE__ */ import_react218.default.createElement(Button, { variant: "secondary" /* secondary */, onClick }, "Schedule a demo") : href ? /* @__PURE__ */ import_react218.default.createElement(Link2, { href, target: "_blank", variant: "secondary" /* secondary */ }, "Schedule a demo") : null);
+  ))), onClick ? /* @__PURE__ */ import_react220.default.createElement(Button, { variant: "secondary" /* secondary */, onClick }, "Schedule a demo") : href ? /* @__PURE__ */ import_react220.default.createElement(Link2, { href, target: "_blank", variant: "secondary" /* secondary */ }, "Schedule a demo") : null);
 };
 
 // src/views/BookkeepingOverview/BookkeepingOverview.tsx
-var import_react220 = __toESM(require("react"));
+var import_react222 = __toESM(require("react"));
 
 // src/views/BookkeepingOverview/internal/BookkeepingProfitAndLossSummariesContainer.tsx
-var import_react219 = __toESM(require("react"));
+var import_react221 = __toESM(require("react"));
 var CLASS_NAME7 = "Layer__BookkeepingProfitAndLossSummariesContainer";
 function BookkeepingProfitAndLossSummariesContainer({
   children
 }) {
-  return /* @__PURE__ */ import_react219.default.createElement("div", { className: CLASS_NAME7 }, children);
+  return /* @__PURE__ */ import_react221.default.createElement("div", { className: CLASS_NAME7 }, children);
 }
 
 // src/views/BookkeepingOverview/BookkeepingOverview.tsx
-var import_classnames70 = __toESM(require("classnames"));
+var import_classnames72 = __toESM(require("classnames"));
 var BookkeepingOverview = ({
   title,
   showTitle = true,
@@ -18939,19 +19279,19 @@ var BookkeepingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e, _f;
-  const [pnlToggle, setPnlToggle] = (0, import_react220.useState)("expenses");
+  const [pnlToggle, setPnlToggle] = (0, import_react222.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;
-  return /* @__PURE__ */ import_react220.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react220.default.createElement(TasksProvider, null, /* @__PURE__ */ import_react220.default.createElement(
+  return /* @__PURE__ */ import_react222.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react222.default.createElement(TasksProvider, null, /* @__PURE__ */ import_react222.default.createElement(
     View,
     {
       viewClassName: "Layer__bookkeeping-overview--view",
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || "Bookkeeping overview",
       withSidebar: width > 1100,
-      sidebar: /* @__PURE__ */ import_react220.default.createElement(TasksComponent, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.tasks }),
+      sidebar: /* @__PURE__ */ import_react222.default.createElement(TasksComponent, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.tasks }),
       showHeader: showTitle
     },
-    width <= 1100 && /* @__PURE__ */ import_react220.default.createElement(
+    width <= 1100 && /* @__PURE__ */ import_react222.default.createElement(
       TasksComponent,
       {
         collapsable: true,
@@ -18959,30 +19299,30 @@ var BookkeepingOverview = ({
         stringOverrides: stringOverrides == null ? void 0 : stringOverrides.tasks
       }
     ),
-    /* @__PURE__ */ import_react220.default.createElement(
+    /* @__PURE__ */ import_react222.default.createElement(
       Container,
       {
         name: "bookkeeping-overview-profit-and-loss",
         asWidget: true,
         elevated: true
       },
-      /* @__PURE__ */ import_react220.default.createElement(
+      /* @__PURE__ */ import_react222.default.createElement(
         ProfitAndLoss.Header,
         {
           text: ((_c = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _c.header) || "Profit & Loss",
           withDatePicker: true
         }
       ),
-      /* @__PURE__ */ import_react220.default.createElement(BookkeepingProfitAndLossSummariesContainer, null, /* @__PURE__ */ import_react220.default.createElement(
+      /* @__PURE__ */ import_react222.default.createElement(BookkeepingProfitAndLossSummariesContainer, null, /* @__PURE__ */ import_react222.default.createElement(
         ProfitAndLoss.Summaries,
         {
           stringOverrides: (_d = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _d.summaries,
           variants: profitAndLossSummariesVariants
         }
       )),
-      /* @__PURE__ */ import_react220.default.createElement(ProfitAndLoss.Chart, null)
+      /* @__PURE__ */ import_react222.default.createElement(ProfitAndLoss.Chart, null)
     ),
-    /* @__PURE__ */ import_react220.default.createElement("div", { className: "Layer__bookkeeping-overview-profit-and-loss-charts" }, /* @__PURE__ */ import_react220.default.createElement(
+    /* @__PURE__ */ import_react222.default.createElement("div", { className: "Layer__bookkeeping-overview-profit-and-loss-charts" }, /* @__PURE__ */ import_react222.default.createElement(
       Toggle,
       {
         name: "pnl-detailed-charts",
@@ -18999,15 +19339,15 @@ var BookkeepingOverview = ({
         selected: pnlToggle,
         onChange: (e) => setPnlToggle(e.target.value)
       }
-    ), /* @__PURE__ */ import_react220.default.createElement(
+    ), /* @__PURE__ */ import_react222.default.createElement(
       Container,
       {
-        name: (0, import_classnames70.default)(
+        name: (0, import_classnames72.default)(
           "bookkeeping-overview-profit-and-loss-chart",
           pnlToggle !== "revenue" && "bookkeeping-overview-profit-and-loss-chart--hidden"
         )
       },
-      /* @__PURE__ */ import_react220.default.createElement(
+      /* @__PURE__ */ import_react222.default.createElement(
         ProfitAndLoss.DetailedCharts,
         {
           scope: "revenue",
@@ -19015,15 +19355,15 @@ var BookkeepingOverview = ({
           stringOverrides: (_e = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _e.detailedCharts
         }
       )
-    ), /* @__PURE__ */ import_react220.default.createElement(
+    ), /* @__PURE__ */ import_react222.default.createElement(
       Container,
       {
-        name: (0, import_classnames70.default)(
+        name: (0, import_classnames72.default)(
           "bookkeeping-overview-profit-and-loss-chart",
           pnlToggle !== "expenses" && "bookkeeping-overview-profit-and-loss-chart--hidden"
         )
       },
-      /* @__PURE__ */ import_react220.default.createElement(
+      /* @__PURE__ */ import_react222.default.createElement(
         ProfitAndLoss.DetailedCharts,
         {
           scope: "expenses",
@@ -19036,19 +19376,19 @@ var BookkeepingOverview = ({
 };
 
 // src/views/AccountingOverview/AccountingOverview.tsx
-var import_react223 = __toESM(require("react"));
+var import_react225 = __toESM(require("react"));
 
 // src/views/AccountingOverview/internal/TransactionsToReview.tsx
-var import_react222 = __toESM(require("react"));
+var import_react224 = __toESM(require("react"));
 
 // src/components/BadgeLoader/BadgeLoader.tsx
-var import_react221 = __toESM(require("react"));
+var import_react223 = __toESM(require("react"));
 var BadgeLoader = ({ children }) => {
-  return /* @__PURE__ */ import_react221.default.createElement("span", { className: "Layer__loader Layer__loader--as-badge" }, /* @__PURE__ */ import_react221.default.createElement(Loader_default, { size: 11, className: "Layer__anim--rotating" }), children);
+  return /* @__PURE__ */ import_react223.default.createElement("span", { className: "Layer__loader Layer__loader--as-badge" }, /* @__PURE__ */ import_react223.default.createElement(Loader_default, { size: 11, className: "Layer__anim--rotating" }), children);
 };
 
 // src/views/AccountingOverview/internal/TransactionsToReview.tsx
-var import_date_fns36 = require("date-fns");
+var import_date_fns43 = require("date-fns");
 var CLASS_NAME8 = "Layer__TransactionsToReview";
 function TransactionsToReview({
   onClick,
@@ -19057,23 +19397,23 @@ function TransactionsToReview({
   variants
 }) {
   const { size = "sm" } = variants != null ? variants : {};
-  const { dateRange: contextDateRange } = (0, import_react222.useContext)(ProfitAndLoss.Context);
+  const { dateRange: contextDateRange } = (0, import_react224.useContext)(ProfitAndLoss.Context);
   const dateRange = usePnlDateRange ? contextDateRange : void 0;
-  const [toReview, setToReview] = (0, import_react222.useState)(0);
+  const [toReview, setToReview] = (0, import_react224.useState)(0);
   const { data, loaded, error, refetch } = useProfitAndLossLTM({
-    currentDate: dateRange ? dateRange.startDate : (0, import_date_fns36.startOfMonth)(/* @__PURE__ */ new Date()),
+    currentDate: dateRange ? dateRange.startDate : (0, import_date_fns43.startOfMonth)(/* @__PURE__ */ new Date()),
     tagFilter
   });
-  (0, import_react222.useEffect)(() => {
+  (0, import_react224.useEffect)(() => {
     checkTransactionsToReview();
   }, []);
-  (0, import_react222.useEffect)(() => {
+  (0, import_react224.useEffect)(() => {
     checkTransactionsToReview();
   }, [dateRange, loaded]);
   const checkTransactionsToReview = () => {
     if (data && dateRange) {
       const monthTx = data.filter(
-        (x) => x.month - 1 === (0, import_date_fns36.getMonth)(dateRange.startDate) && x.year === (0, import_date_fns36.getYear)(dateRange.startDate)
+        (x) => x.month - 1 === (0, import_date_fns43.getMonth)(dateRange.startDate) && x.year === (0, import_date_fns43.getYear)(dateRange.startDate)
       );
       if (monthTx.length > 0) {
         setToReview(monthTx[0].uncategorized_transactions);
@@ -19089,37 +19429,37 @@ function TransactionsToReview({
       verticalGap = "sm";
       break;
   }
-  return /* @__PURE__ */ import_react222.default.createElement("div", { onClick, className: CLASS_NAME8 }, /* @__PURE__ */ import_react222.default.createElement(VStack, { gap: verticalGap, align: "start" }, /* @__PURE__ */ import_react222.default.createElement(ProfitAndLossSummariesHeading, { variants }, "Transactions to review"), loaded === "initial" || loaded === "loading" ? /* @__PURE__ */ import_react222.default.createElement(BadgeLoader, null) : null, loaded === "complete" && error ? /* @__PURE__ */ import_react222.default.createElement(
+  return /* @__PURE__ */ import_react224.default.createElement("div", { onClick, className: CLASS_NAME8 }, /* @__PURE__ */ import_react224.default.createElement(VStack, { gap: verticalGap, align: "start" }, /* @__PURE__ */ import_react224.default.createElement(ProfitAndLossSummariesHeading, { variants }, "Transactions to review"), loaded === "initial" || loaded === "loading" ? /* @__PURE__ */ import_react224.default.createElement(BadgeLoader, null) : null, loaded === "complete" && error ? /* @__PURE__ */ import_react224.default.createElement(
     Badge,
     {
       variant: "error" /* ERROR */,
       size: "small" /* SMALL */,
-      icon: /* @__PURE__ */ import_react222.default.createElement(RefreshCcw_default, { size: 12 }),
+      icon: /* @__PURE__ */ import_react224.default.createElement(RefreshCcw_default, { size: 12 }),
       onClick: () => refetch()
     },
     "Refresh"
-  ) : null, loaded === "complete" && !error && toReview > 0 ? /* @__PURE__ */ import_react222.default.createElement(
+  ) : null, loaded === "complete" && !error && toReview > 0 ? /* @__PURE__ */ import_react224.default.createElement(
     Badge,
     {
       variant: "warning" /* WARNING */,
       size: "small" /* SMALL */,
-      icon: /* @__PURE__ */ import_react222.default.createElement(Bell_default, { size: 12 })
+      icon: /* @__PURE__ */ import_react224.default.createElement(Bell_default, { size: 12 })
     },
     toReview,
     " pending"
-  ) : null, loaded === "complete" && !error && toReview === 0 ? /* @__PURE__ */ import_react222.default.createElement(
+  ) : null, loaded === "complete" && !error && toReview === 0 ? /* @__PURE__ */ import_react224.default.createElement(
     Badge,
     {
       variant: "success" /* SUCCESS */,
       size: "small" /* SMALL */,
-      icon: /* @__PURE__ */ import_react222.default.createElement(Check_default, { size: 12 })
+      icon: /* @__PURE__ */ import_react224.default.createElement(Check_default, { size: 12 })
     },
     "All done"
-  ) : null), /* @__PURE__ */ import_react222.default.createElement(IconButton, { icon: /* @__PURE__ */ import_react222.default.createElement(ChevronRight_default, null), withBorder: true, onClick }));
+  ) : null), /* @__PURE__ */ import_react224.default.createElement(IconButton, { icon: /* @__PURE__ */ import_react224.default.createElement(ChevronRight_default, null), withBorder: true, onClick }));
 }
 
 // src/views/AccountingOverview/AccountingOverview.tsx
-var import_classnames71 = __toESM(require("classnames"));
+var import_classnames73 = __toESM(require("classnames"));
 var AccountingOverview = ({
   title = "Accounting overview",
   showTitle = true,
@@ -19134,36 +19474,36 @@ var AccountingOverview = ({
   slotProps
 }) => {
   var _a, _b, _c, _d, _e;
-  const [pnlToggle, setPnlToggle] = (0, import_react223.useState)("expenses");
+  const [pnlToggle, setPnlToggle] = (0, import_react225.useState)("expenses");
   const profitAndLossSummariesVariants = (_b = (_a = slotProps == null ? void 0 : slotProps.profitAndLoss) == null ? void 0 : _a.summaries) == null ? void 0 : _b.variants;
-  return /* @__PURE__ */ import_react223.default.createElement(
+  return /* @__PURE__ */ import_react225.default.createElement(
     ProfitAndLoss,
     {
       asContainer: false,
       tagFilter: tagFilter ? { key: tagFilter.tagKey, values: tagFilter.tagValues } : void 0
     },
-    /* @__PURE__ */ import_react223.default.createElement(
+    /* @__PURE__ */ import_react225.default.createElement(
       View,
       {
         title,
         showHeader: showTitle,
-        header: /* @__PURE__ */ import_react223.default.createElement(Header2, null, /* @__PURE__ */ import_react223.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react223.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react223.default.createElement(ProfitAndLoss.DatePicker, null))))
+        header: /* @__PURE__ */ import_react225.default.createElement(Header2, null, /* @__PURE__ */ import_react225.default.createElement(HeaderRow, null, /* @__PURE__ */ import_react225.default.createElement(HeaderCol, null, /* @__PURE__ */ import_react225.default.createElement(ProfitAndLoss.DatePicker, null))))
       },
-      enableOnboarding && /* @__PURE__ */ import_react223.default.createElement(
+      enableOnboarding && /* @__PURE__ */ import_react225.default.createElement(
         Onboarding,
         {
           onTransactionsToReviewClick,
           onboardingStepOverride
         }
       ),
-      /* @__PURE__ */ import_react223.default.createElement(
+      /* @__PURE__ */ import_react225.default.createElement(
         Internal_ProfitAndLossSummaries,
         {
           stringOverrides: (_c = stringOverrides == null ? void 0 : stringOverrides.profitAndLoss) == null ? void 0 : _c.summaries,
           chartColorsList,
           slots: {
             unstable_AdditionalListItems: showTransactionsToReview ? [
-              /* @__PURE__ */ import_react223.default.createElement(
+              /* @__PURE__ */ import_react225.default.createElement(
                 TransactionsToReview,
                 {
                   key: "transactions-to-review",
@@ -19177,28 +19517,28 @@ var AccountingOverview = ({
           variants: profitAndLossSummariesVariants
         }
       ),
-      /* @__PURE__ */ import_react223.default.createElement(
+      /* @__PURE__ */ import_react225.default.createElement(
         Container,
         {
           name: "accounting-overview-profit-and-loss",
           asWidget: true,
           elevated: true
         },
-        /* @__PURE__ */ import_react223.default.createElement(
+        /* @__PURE__ */ import_react225.default.createElement(
           ProfitAndLoss.Header,
           {
             text: (stringOverrides == null ? void 0 : stringOverrides.header) || "Profit & Loss"
           }
         ),
-        /* @__PURE__ */ import_react223.default.createElement(
+        /* @__PURE__ */ import_react225.default.createElement(
           ProfitAndLoss.Chart,
           {
             tagFilter: tagFilter ? { key: tagFilter.tagKey, values: tagFilter.tagValues } : void 0
           }
         )
       ),
-      middleBanner && /* @__PURE__ */ import_react223.default.createElement(Container, { name: "accounting-overview-middle-banner" }, middleBanner),
-      /* @__PURE__ */ import_react223.default.createElement("div", { className: "Layer__accounting-overview-profit-and-loss-charts" }, /* @__PURE__ */ import_react223.default.createElement(
+      middleBanner && /* @__PURE__ */ import_react225.default.createElement(Container, { name: "accounting-overview-middle-banner" }, middleBanner),
+      /* @__PURE__ */ import_react225.default.createElement("div", { className: "Layer__accounting-overview-profit-and-loss-charts" }, /* @__PURE__ */ import_react225.default.createElement(
         Toggle,
         {
           name: "pnl-detailed-charts",
@@ -19215,15 +19555,15 @@ var AccountingOverview = ({
           selected: pnlToggle,
           onChange: (e) => setPnlToggle(e.target.value)
         }
-      ), /* @__PURE__ */ import_react223.default.createElement(
+      ), /* @__PURE__ */ import_react225.default.createElement(
         Container,
         {
-          name: (0, import_classnames71.default)(
+          name: (0, import_classnames73.default)(
             "accounting-overview-profit-and-loss-chart",
             pnlToggle !== "revenue" && "accounting-overview-profit-and-loss-chart--hidden"
           )
         },
-        /* @__PURE__ */ import_react223.default.createElement(
+        /* @__PURE__ */ import_react225.default.createElement(
           ProfitAndLoss.DetailedCharts,
           {
             scope: "revenue",
@@ -19232,15 +19572,15 @@ var AccountingOverview = ({
             chartColorsList
           }
         )
-      ), /* @__PURE__ */ import_react223.default.createElement(
+      ), /* @__PURE__ */ import_react225.default.createElement(
         Container,
         {
-          name: (0, import_classnames71.default)(
+          name: (0, import_classnames73.default)(
             "accounting-overview-profit-and-loss-chart",
             pnlToggle !== "expenses" && "accounting-overview-profit-and-loss-chart--hidden"
           )
         },
-        /* @__PURE__ */ import_react223.default.createElement(
+        /* @__PURE__ */ import_react225.default.createElement(
           ProfitAndLoss.DetailedCharts,
           {
             scope: "expenses",
@@ -19255,7 +19595,7 @@ var AccountingOverview = ({
 };
 
 // src/views/BankTransactionsWithLinkedAccounts/BankTransactionsWithLinkedAccounts.tsx
-var import_react224 = __toESM(require("react"));
+var import_react226 = __toESM(require("react"));
 var BankTransactionsWithLinkedAccounts = ({
   title,
   // deprecated
@@ -19271,13 +19611,13 @@ var BankTransactionsWithLinkedAccounts = ({
   mobileComponent,
   stringOverrides
 }) => {
-  return /* @__PURE__ */ import_react224.default.createElement(
+  return /* @__PURE__ */ import_react226.default.createElement(
     View,
     {
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || "Bank transactions",
       showHeader: showTitle
     },
-    /* @__PURE__ */ import_react224.default.createElement(
+    /* @__PURE__ */ import_react226.default.createElement(
       LinkedAccounts,
       {
         elevated: elevatedLinkedAccounts,
@@ -19287,7 +19627,7 @@ var BankTransactionsWithLinkedAccounts = ({
         stringOverrides: stringOverrides == null ? void 0 : stringOverrides.linkedAccounts
       }
     ),
-    /* @__PURE__ */ import_react224.default.createElement(
+    /* @__PURE__ */ import_react226.default.createElement(
       BankTransactions,
       {
         asWidget: true,
@@ -19303,7 +19643,7 @@ var BankTransactionsWithLinkedAccounts = ({
 };
 
 // src/views/GeneralLedger/GeneralLedger.tsx
-var import_react225 = __toESM(require("react"));
+var import_react227 = __toESM(require("react"));
 var GeneralLedgerView = ({
   title,
   // deprecated
@@ -19311,14 +19651,14 @@ var GeneralLedgerView = ({
   stringOverrides,
   chartOfAccountsOptions
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react225.useState)("chartOfAccounts");
-  return /* @__PURE__ */ import_react225.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react225.default.createElement(
+  const [activeTab, setActiveTab] = (0, import_react227.useState)("chartOfAccounts");
+  return /* @__PURE__ */ import_react227.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react227.default.createElement(
     View,
     {
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || "General Ledger",
       showHeader: showTitle
     },
-    /* @__PURE__ */ import_react225.default.createElement(
+    /* @__PURE__ */ import_react227.default.createElement(
       Toggle,
       {
         name: "general-ledger-tabs",
@@ -19336,7 +19676,7 @@ var GeneralLedgerView = ({
         onChange: (opt) => setActiveTab(opt.target.value)
       }
     ),
-    activeTab === "chartOfAccounts" ? /* @__PURE__ */ import_react225.default.createElement(
+    activeTab === "chartOfAccounts" ? /* @__PURE__ */ import_react227.default.createElement(
       ChartOfAccounts,
       {
         asWidget: true,
@@ -19345,12 +19685,12 @@ var GeneralLedgerView = ({
         templateAccountsEditable: chartOfAccountsOptions == null ? void 0 : chartOfAccountsOptions.templateAccountsEditable,
         showReversalEntries: chartOfAccountsOptions == null ? void 0 : chartOfAccountsOptions.showReversalEntries
       }
-    ) : /* @__PURE__ */ import_react225.default.createElement(Journal, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.journal })
+    ) : /* @__PURE__ */ import_react227.default.createElement(Journal, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.journal })
   ));
 };
 
 // src/views/ProjectProfitability/ProjectProfitability.tsx
-var import_react226 = __toESM(require("react"));
+var import_react228 = __toESM(require("react"));
 var import_react_select5 = __toESM(require("react-select"));
 var ProjectProfitabilityView = ({
   valueOptions,
@@ -19359,9 +19699,9 @@ var ProjectProfitabilityView = ({
   datePickerMode = "monthPicker",
   csvMoneyFormat = "DOLLAR_STRING"
 }) => {
-  const [activeTab, setActiveTab] = (0, import_react226.useState)("overview");
-  const [tagFilter, setTagFilter] = (0, import_react226.useState)(null);
-  const [pnlTagFilter, setPnlTagFilter] = (0, import_react226.useState)(
+  const [activeTab, setActiveTab] = (0, import_react228.useState)("overview");
+  const [tagFilter, setTagFilter] = (0, import_react228.useState)(null);
+  const [pnlTagFilter, setPnlTagFilter] = (0, import_react228.useState)(
     void 0
   );
   const isOptionSelected = (option, selectValue) => {
@@ -19375,14 +19715,14 @@ var ProjectProfitabilityView = ({
       values: tagFilter2.tagValues
     } : void 0;
   };
-  return /* @__PURE__ */ import_react226.default.createElement(
+  return /* @__PURE__ */ import_react228.default.createElement(
     View,
     {
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || "",
       showHeader: showTitle,
       viewClassName: "Layer__project-view"
     },
-    /* @__PURE__ */ import_react226.default.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ import_react226.default.createElement("div", { className: "Layer__component" }, /* @__PURE__ */ import_react226.default.createElement(
+    /* @__PURE__ */ import_react228.default.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ import_react228.default.createElement("div", { className: "Layer__component" }, /* @__PURE__ */ import_react228.default.createElement(
       Toggle,
       {
         name: "project-tabs",
@@ -19403,7 +19743,7 @@ var ProjectProfitabilityView = ({
         selected: activeTab,
         onChange: (opt) => setActiveTab(opt.target.value)
       }
-    )), /* @__PURE__ */ import_react226.default.createElement(
+    )), /* @__PURE__ */ import_react228.default.createElement(
       import_react_select5.default,
       {
         className: "Layer__category-menu Layer__select",
@@ -19421,7 +19761,7 @@ var ProjectProfitabilityView = ({
         }
       }
     )),
-    /* @__PURE__ */ import_react226.default.createElement(Container, { name: "project" }, /* @__PURE__ */ import_react226.default.createElement(import_react226.default.Fragment, null, activeTab === "overview" && /* @__PURE__ */ import_react226.default.createElement(
+    /* @__PURE__ */ import_react228.default.createElement(Container, { name: "project" }, /* @__PURE__ */ import_react228.default.createElement(import_react228.default.Fragment, null, activeTab === "overview" && /* @__PURE__ */ import_react228.default.createElement(
       AccountingOverview,
       {
         stringOverrides: { header: "Project Overview" },
@@ -19431,7 +19771,7 @@ var ProjectProfitabilityView = ({
         showTransactionsToReview: false,
         showTitle: false
       }
-    ), activeTab === "transactions" && /* @__PURE__ */ import_react226.default.createElement(
+    ), activeTab === "transactions" && /* @__PURE__ */ import_react228.default.createElement(
       BankTransactions,
       {
         hideHeader: true,
@@ -19440,7 +19780,7 @@ var ProjectProfitabilityView = ({
           tagFilter: tagFilter != null ? tagFilter : void 0
         }
       }
-    ), activeTab === "report" && /* @__PURE__ */ import_react226.default.createElement(ProfitAndLoss, { asContainer: false, tagFilter: pnlTagFilter }, /* @__PURE__ */ import_react226.default.createElement(
+    ), activeTab === "report" && /* @__PURE__ */ import_react228.default.createElement(ProfitAndLoss, { asContainer: false, tagFilter: pnlTagFilter }, /* @__PURE__ */ import_react228.default.createElement(
       ProfitAndLoss.Report,
       {
         stringOverrides,
@@ -19452,7 +19792,7 @@ var ProjectProfitabilityView = ({
 };
 
 // src/views/Reports/Reports.tsx
-var import_react227 = __toESM(require("react"));
+var import_react229 = __toESM(require("react"));
 var getOptions = (enabledReports) => {
   return [
     enabledReports.includes("profitAndLoss") ? {
@@ -19479,17 +19819,17 @@ var Reports = ({
   statementOfCashFlowConfig
 }) => {
   var _a;
-  const [activeTab, setActiveTab] = (0, import_react227.useState)(enabledReports[0]);
+  const [activeTab, setActiveTab] = (0, import_react229.useState)(enabledReports[0]);
   const { view, containerRef } = useElementViewSize();
   const options = getOptions(enabledReports);
   const defaultTitle = enabledReports.length > 1 ? "Reports" : (_a = options.find((option) => option.value = enabledReports[0])) == null ? void 0 : _a.label;
-  return /* @__PURE__ */ import_react227.default.createElement(
+  return /* @__PURE__ */ import_react229.default.createElement(
     View,
     {
       title: (stringOverrides == null ? void 0 : stringOverrides.title) || title || defaultTitle,
       showHeader: showTitle
     },
-    enabledReports.length > 1 && /* @__PURE__ */ import_react227.default.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ import_react227.default.createElement(
+    enabledReports.length > 1 && /* @__PURE__ */ import_react229.default.createElement("div", { className: "Layer__component Layer__header__actions" }, /* @__PURE__ */ import_react229.default.createElement(
       Toggle,
       {
         name: "reports-tabs",
@@ -19498,7 +19838,7 @@ var Reports = ({
         onChange: (opt) => setActiveTab(opt.target.value)
       }
     )),
-    /* @__PURE__ */ import_react227.default.createElement(Container, { name: "reports", ref: containerRef }, /* @__PURE__ */ import_react227.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react227.default.createElement(
+    /* @__PURE__ */ import_react229.default.createElement(Container, { name: "reports", ref: containerRef }, /* @__PURE__ */ import_react229.default.createElement(ProfitAndLoss, { asContainer: false }, /* @__PURE__ */ import_react229.default.createElement(
       ReportsPanel,
       {
         containerRef,
@@ -19521,7 +19861,7 @@ var ReportsPanel = ({
   statementOfCashFlowConfig,
   view
 }) => {
-  return /* @__PURE__ */ import_react227.default.createElement(import_react227.default.Fragment, null, openReport === "profitAndLoss" && /* @__PURE__ */ import_react227.default.createElement(
+  return /* @__PURE__ */ import_react229.default.createElement(import_react229.default.Fragment, null, openReport === "profitAndLoss" && /* @__PURE__ */ import_react229.default.createElement(
     ProfitAndLoss.Report,
     __spreadValues({
       stringOverrides,
@@ -19529,7 +19869,7 @@ var ReportsPanel = ({
       parentRef: containerRef,
       view
     }, profitAndLossConfig)
-  ), openReport === "balanceSheet" && /* @__PURE__ */ import_react227.default.createElement(BalanceSheet, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.balanceSheet }), openReport === "statementOfCashFlow" && /* @__PURE__ */ import_react227.default.createElement(
+  ), openReport === "balanceSheet" && /* @__PURE__ */ import_react229.default.createElement(BalanceSheet, { stringOverrides: stringOverrides == null ? void 0 : stringOverrides.balanceSheet }), openReport === "statementOfCashFlow" && /* @__PURE__ */ import_react229.default.createElement(
     StatementOfCashFlow,
     __spreadValues({
       stringOverrides: stringOverrides == null ? void 0 : stringOverrides.statementOfCashflow
@@ -19538,11 +19878,11 @@ var ReportsPanel = ({
 };
 
 // src/components/ProfitAndLossView/ProfitAndLossView.tsx
-var import_react228 = __toESM(require("react"));
+var import_react230 = __toESM(require("react"));
 var COMPONENT_NAME7 = "profit-and-loss";
 var ProfitAndLossView = (props) => {
-  const containerRef = (0, import_react228.useRef)(null);
-  return /* @__PURE__ */ import_react228.default.createElement(Container, { name: COMPONENT_NAME7, ref: containerRef }, /* @__PURE__ */ import_react228.default.createElement(ProfitAndLoss, null, /* @__PURE__ */ import_react228.default.createElement(ProfitAndLossPanel, __spreadValues({ containerRef }, props))));
+  const containerRef = (0, import_react230.useRef)(null);
+  return /* @__PURE__ */ import_react230.default.createElement(Container, { name: COMPONENT_NAME7, ref: containerRef }, /* @__PURE__ */ import_react230.default.createElement(ProfitAndLoss, null, /* @__PURE__ */ import_react230.default.createElement(ProfitAndLossPanel, __spreadValues({ containerRef }, props))));
 };
 var ProfitAndLossPanel = (_a) => {
   var _b = _a, {
@@ -19552,11 +19892,11 @@ var ProfitAndLossPanel = (_a) => {
     "containerRef",
     "stringOverrides"
   ]);
-  const { sidebarScope } = (0, import_react228.useContext)(ProfitAndLoss.Context);
-  return /* @__PURE__ */ import_react228.default.createElement(
+  const { sidebarScope } = (0, import_react230.useContext)(ProfitAndLoss.Context);
+  return /* @__PURE__ */ import_react230.default.createElement(
     Panel,
     {
-      sidebar: /* @__PURE__ */ import_react228.default.createElement(
+      sidebar: /* @__PURE__ */ import_react230.default.createElement(
         ProfitAndLossDetailedCharts,
         {
           stringOverrides: stringOverrides == null ? void 0 : stringOverrides.profitAndLossDetailedCharts
@@ -19565,7 +19905,7 @@ var ProfitAndLossPanel = (_a) => {
       sidebarIsOpen: Boolean(sidebarScope),
       parentRef: containerRef
     },
-    /* @__PURE__ */ import_react228.default.createElement(
+    /* @__PURE__ */ import_react230.default.createElement(
       ProfitAndLoss.Header,
       {
         text: (stringOverrides == null ? void 0 : stringOverrides.header) || "Profit & Loss",
@@ -19573,7 +19913,7 @@ var ProfitAndLossPanel = (_a) => {
         headingClassName: "Layer__profit-and-loss__title"
       }
     ),
-    /* @__PURE__ */ import_react228.default.createElement(Components, __spreadValues({ stringOverrides }, props))
+    /* @__PURE__ */ import_react230.default.createElement(Components, __spreadValues({ stringOverrides }, props))
   );
 };
 var Components = ({
@@ -19581,11 +19921,11 @@ var Components = ({
   hideTable = false,
   stringOverrides
 }) => {
-  const { error, isLoading, isValidating, refetch } = (0, import_react228.useContext)(
+  const { error, isLoading, isValidating, refetch } = (0, import_react230.useContext)(
     ProfitAndLoss.Context
   );
   if (!isLoading && error) {
-    return /* @__PURE__ */ import_react228.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react228.default.createElement(
+    return /* @__PURE__ */ import_react230.default.createElement("div", { className: "Layer__table-state-container" }, /* @__PURE__ */ import_react230.default.createElement(
       DataState,
       {
         status: "failed" /* failed */,
@@ -19596,26 +19936,26 @@ var Components = ({
       }
     ));
   }
-  return /* @__PURE__ */ import_react228.default.createElement(import_react228.default.Fragment, null, !hideChart && /* @__PURE__ */ import_react228.default.createElement("div", { className: `Layer__${COMPONENT_NAME7}__chart_with_summaries` }, /* @__PURE__ */ import_react228.default.createElement(
+  return /* @__PURE__ */ import_react230.default.createElement(import_react230.default.Fragment, null, !hideChart && /* @__PURE__ */ import_react230.default.createElement("div", { className: `Layer__${COMPONENT_NAME7}__chart_with_summaries` }, /* @__PURE__ */ import_react230.default.createElement(
     "div",
     {
       className: `Layer__${COMPONENT_NAME7}__chart_with_summaries__summary-col`
     },
-    /* @__PURE__ */ import_react228.default.createElement(ProfitAndLoss.DatePicker, null),
-    /* @__PURE__ */ import_react228.default.createElement(
+    /* @__PURE__ */ import_react230.default.createElement(ProfitAndLoss.DatePicker, null),
+    /* @__PURE__ */ import_react230.default.createElement(
       ProfitAndLoss.Summaries,
       {
         actionable: true,
         stringOverrides: stringOverrides == null ? void 0 : stringOverrides.profitAndLossSummaries
       }
     )
-  ), /* @__PURE__ */ import_react228.default.createElement(
+  ), /* @__PURE__ */ import_react230.default.createElement(
     "div",
     {
       className: `Layer__${COMPONENT_NAME7}__chart_with_summaries__chart-col`
     },
-    /* @__PURE__ */ import_react228.default.createElement(ProfitAndLoss.Chart, null)
-  )), !hideTable && /* @__PURE__ */ import_react228.default.createElement(
+    /* @__PURE__ */ import_react230.default.createElement(ProfitAndLoss.Chart, null)
+  )), !hideTable && /* @__PURE__ */ import_react230.default.createElement(
     ProfitAndLoss.Table,
     {
       stringOverrides: stringOverrides == null ? void 0 : stringOverrides.profitAndLossTable