import { E as compilerRuntimeExports, j as jsxRuntimeExports, r as reactExports } from "./vendor-react-DYNCg6N5.js";
import { d2 as notificationApi, c1 as ContactHoverCardWidget, d3 as UserAvatar, d4 as userApi, d5 as NotificationsList } from "./index-DfebxkL9.js";
import { u as useTranslation } from "./vendor-i18n-wisIXUFi.js";
import { an as IconChecks } from "./vendor-icons-xWhXK_Ui.js";
import { B as Button, m as Center, g as Loader, S as Stack, l as ScrollArea, I as Image, T as Text, F as Flex, b as Box, j as Tabs, G as Group, P as Paper } from "./vendor-mantine-h0WlM2Mj.js";
const MarkAllAsReadButton = () => {
  const $ = compilerRuntimeExports.c(9);
  let t0;
  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
    t0 = ["ds"];
    $[0] = t0;
  } else {
    t0 = $[0];
  }
  const {
    t
  } = useTranslation(t0);
  const [markAsRead] = notificationApi.useMarkAsReadMutation();
  let t1;
  if ($[1] !== markAsRead) {
    t1 = () => {
      markAsRead({
        id: null,
        value: 1
      });
    };
    $[1] = markAsRead;
    $[2] = t1;
  } else {
    t1 = $[2];
  }
  const onReadAllHandler = t1;
  let t2;
  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
    t2 = /* @__PURE__ */ jsxRuntimeExports.jsx(IconChecks, { size: 14 });
    $[3] = t2;
  } else {
    t2 = $[3];
  }
  let t3;
  if ($[4] !== t) {
    t3 = t("ds:notifications.modal.allAsReadButton");
    $[4] = t;
    $[5] = t3;
  } else {
    t3 = $[5];
  }
  let t4;
  if ($[6] !== onReadAllHandler || $[7] !== t3) {
    t4 = /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "subtle", size: "xs", fw: 400, leftSection: t2, onClick: onReadAllHandler, children: t3 });
    $[6] = onReadAllHandler;
    $[7] = t3;
    $[8] = t4;
  } else {
    t4 = $[8];
  }
  return t4;
};
function InfiniteScroll(t0) {
  const $ = compilerRuntimeExports.c(15);
  const {
    children,
    onLoadMore,
    isLoading: t1,
    height: t2,
    threshold: t3,
    disabled: t4
  } = t0;
  const isLoading = t1 === void 0 ? false : t1;
  const height = t2 === void 0 ? 500 : t2;
  const threshold = t3 === void 0 ? 250 : t3;
  const disabled = t4 === void 0 ? false : t4;
  const containerRef = reactExports.useRef(null);
  let t5;
  if ($[0] !== disabled || $[1] !== isLoading || $[2] !== onLoadMore || $[3] !== threshold) {
    t5 = (t62) => {
      var _a;
      const {
        y
      } = t62;
      const viewport = (_a = containerRef.current) == null ? void 0 : _a.querySelector(".mantine-ScrollArea-viewport");
      if (!(viewport == null ? void 0 : viewport.clientHeight) || !(viewport == null ? void 0 : viewport.scrollHeight)) {
        return;
      }
      const hasReachedThreshold = y + viewport.clientHeight + threshold >= viewport.scrollHeight;
      if (hasReachedThreshold && onLoadMore && !isLoading && !disabled) {
        onLoadMore();
      }
    };
    $[0] = disabled;
    $[1] = isLoading;
    $[2] = onLoadMore;
    $[3] = threshold;
    $[4] = t5;
  } else {
    t5 = $[4];
  }
  const handleScroll = t5;
  let t6;
  if ($[5] !== disabled || $[6] !== isLoading) {
    t6 = isLoading && !disabled && /* @__PURE__ */ jsxRuntimeExports.jsx(Center, { py: "md", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Loader, { size: "sm" }) });
    $[5] = disabled;
    $[6] = isLoading;
    $[7] = t6;
  } else {
    t6 = $[7];
  }
  let t7;
  if ($[8] !== children || $[9] !== t6) {
    t7 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Stack, { gap: "md", children: [
      children,
      t6
    ] });
    $[8] = children;
    $[9] = t6;
    $[10] = t7;
  } else {
    t7 = $[10];
  }
  let t8;
  if ($[11] !== handleScroll || $[12] !== height || $[13] !== t7) {
    t8 = /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { ref: containerRef, h: height, scrollbars: "y", onScrollPositionChange: handleScroll, children: t7 });
    $[11] = handleScroll;
    $[12] = height;
    $[13] = t7;
    $[14] = t8;
  } else {
    t8 = $[14];
  }
  return t8;
}
function useNotificationsLoader(t0) {
  const $ = compilerRuntimeExports.c(22);
  const {
    initialCount: t1
  } = t0;
  const initialCount = t1 === void 0 ? 10 : t1;
  const [offset, setOffset] = reactExports.useState(0);
  const [count] = reactExports.useState(initialCount);
  const [hasMore, setHasMore] = reactExports.useState(true);
  let t2;
  if ($[0] !== count || $[1] !== offset) {
    t2 = {
      count,
      offset,
      isAll: true
    };
    $[0] = count;
    $[1] = offset;
    $[2] = t2;
  } else {
    t2 = $[2];
  }
  const {
    data,
    isFetching,
    isLoading
  } = notificationApi.useGetNotificationsQuery(t2);
  let t3;
  if ($[3] !== count || $[4] !== data) {
    t3 = () => {
      if (data == null ? void 0 : data.count) {
        if (data.count < count) {
          setHasMore(false);
        }
      }
    };
    $[3] = count;
    $[4] = data;
    $[5] = t3;
  } else {
    t3 = $[5];
  }
  const t4 = data == null ? void 0 : data.notifications;
  let t5;
  if ($[6] !== count || $[7] !== t4) {
    t5 = [t4, count];
    $[6] = count;
    $[7] = t4;
    $[8] = t5;
  } else {
    t5 = $[8];
  }
  reactExports.useEffect(t3, t5);
  let t6;
  if ($[9] !== count || $[10] !== hasMore || $[11] !== isFetching || $[12] !== isLoading) {
    t6 = () => {
      if (!isFetching && !isLoading && hasMore) {
        setOffset((prev) => prev + count);
      }
    };
    $[9] = count;
    $[10] = hasMore;
    $[11] = isFetching;
    $[12] = isLoading;
    $[13] = t6;
  } else {
    t6 = $[13];
  }
  const loadMore = t6;
  const t7 = isFetching || isLoading;
  let t8;
  if ($[14] !== (data == null ? void 0 : data.notifications)) {
    t8 = (data == null ? void 0 : data.notifications) ?? [];
    $[14] = data == null ? void 0 : data.notifications;
    $[15] = t8;
  } else {
    t8 = $[15];
  }
  const t9 = (data == null ? void 0 : data.lastSeenAt) ?? "";
  let t10;
  if ($[16] !== hasMore || $[17] !== loadMore || $[18] !== t7 || $[19] !== t8 || $[20] !== t9) {
    t10 = {
      loadMore,
      isLoading: t7,
      notifications: t8,
      hasMore,
      lastSeenAt: t9
    };
    $[16] = hasMore;
    $[17] = loadMore;
    $[18] = t7;
    $[19] = t8;
    $[20] = t9;
    $[21] = t10;
  } else {
    t10 = $[21];
  }
  return t10;
}
function useUnreadNotificationsLoader(t0) {
  const $ = compilerRuntimeExports.c(25);
  const {
    initialCount: t1
  } = t0;
  const initialCount = t1 === void 0 ? 10 : t1;
  const [offset, setOffset] = reactExports.useState(0);
  const [count] = reactExports.useState(initialCount);
  const [hasMore, setHasMore] = reactExports.useState(true);
  let t2;
  if ($[0] !== count || $[1] !== offset) {
    t2 = {
      count,
      offset,
      isAll: true
    };
    $[0] = count;
    $[1] = offset;
    $[2] = t2;
  } else {
    t2 = $[2];
  }
  let t3;
  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
    t3 = {
      refetchOnMountOrArgChange: true
    };
    $[3] = t3;
  } else {
    t3 = $[3];
  }
  const {
    data,
    isFetching,
    isLoading,
    refetch
  } = notificationApi.useGetUnreadNotificationsQuery(t2, t3);
  let t4;
  if ($[4] !== count || $[5] !== data) {
    t4 = () => {
      if (data == null ? void 0 : data.count) {
        if (data.count < count) {
          setHasMore(false);
        }
      }
    };
    $[4] = count;
    $[5] = data;
    $[6] = t4;
  } else {
    t4 = $[6];
  }
  const t5 = data == null ? void 0 : data.notifications;
  let t6;
  if ($[7] !== count || $[8] !== t5) {
    t6 = [t5, count];
    $[7] = count;
    $[8] = t5;
    $[9] = t6;
  } else {
    t6 = $[9];
  }
  reactExports.useEffect(t4, t6);
  let t7;
  if ($[10] !== count || $[11] !== hasMore || $[12] !== isFetching || $[13] !== isLoading) {
    t7 = () => {
      if (!isFetching && !isLoading && hasMore) {
        setOffset((prev) => prev + count);
      }
    };
    $[10] = count;
    $[11] = hasMore;
    $[12] = isFetching;
    $[13] = isLoading;
    $[14] = t7;
  } else {
    t7 = $[14];
  }
  const loadMore = t7;
  const t8 = isFetching || isLoading;
  let t9;
  if ($[15] !== (data == null ? void 0 : data.notifications)) {
    t9 = (data == null ? void 0 : data.notifications) ?? [];
    $[15] = data == null ? void 0 : data.notifications;
    $[16] = t9;
  } else {
    t9 = $[16];
  }
  const t10 = (data == null ? void 0 : data.lastSeenAt) ?? "";
  const t11 = data == null ? void 0 : data.unreadCount;
  let t12;
  if ($[17] !== hasMore || $[18] !== loadMore || $[19] !== refetch || $[20] !== t10 || $[21] !== t11 || $[22] !== t8 || $[23] !== t9) {
    t12 = {
      loadMore,
      isLoading: t8,
      hasMore,
      refetch,
      notifications: t9,
      lastSeenAt: t10,
      unreadCount: t11
    };
    $[17] = hasMore;
    $[18] = loadMore;
    $[19] = refetch;
    $[20] = t10;
    $[21] = t11;
    $[22] = t8;
    $[23] = t9;
    $[24] = t12;
  } else {
    t12 = $[24];
  }
  return t12;
}
const bellEmptyState = "/assets/bell_illustration-NSbNYj7_.svg";
const EmptyPlaceholder = (t0) => {
  const $ = compilerRuntimeExports.c(14);
  const {
    title,
    description
  } = t0;
  const {
    t
  } = useTranslation();
  let t1;
  if ($[0] !== t) {
    t1 = t("ds:notifications.modal.empty.title");
    $[0] = t;
    $[1] = t1;
  } else {
    t1 = $[1];
  }
  let t2;
  if ($[2] !== t1) {
    t2 = /* @__PURE__ */ jsxRuntimeExports.jsx(Image, { src: bellEmptyState, alt: t1, w: 126 });
    $[2] = t1;
    $[3] = t2;
  } else {
    t2 = $[3];
  }
  let t3;
  if ($[4] !== title) {
    t3 = /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { c: "primary", size: "lg", fw: 500, children: title });
    $[4] = title;
    $[5] = t3;
  } else {
    t3 = $[5];
  }
  let t4;
  if ($[6] !== description) {
    t4 = /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { c: "secondary", size: "sm", ta: "center", children: description });
    $[6] = description;
    $[7] = t4;
  } else {
    t4 = $[7];
  }
  let t5;
  if ($[8] !== t3 || $[9] !== t4) {
    t5 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Stack, { justify: "center", align: "center", gap: 0, children: [
      t3,
      t4
    ] });
    $[8] = t3;
    $[9] = t4;
    $[10] = t5;
  } else {
    t5 = $[10];
  }
  let t6;
  if ($[11] !== t2 || $[12] !== t5) {
    t6 = /* @__PURE__ */ jsxRuntimeExports.jsx(Flex, { justify: "center", align: "center", my: "xl", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Stack, { gap: "md", justify: "center", align: "center", w: 300, children: [
      t2,
      t5
    ] }) });
    $[11] = t2;
    $[12] = t5;
    $[13] = t6;
  } else {
    t6 = $[13];
  }
  return t6;
};
const AvatarCardWidget = (t0) => {
  const $ = compilerRuntimeExports.c(16);
  let notification;
  let other;
  if ($[0] !== t0) {
    ({
      notification,
      ...other
    } = t0);
    $[0] = t0;
    $[1] = notification;
    $[2] = other;
  } else {
    notification = $[1];
    other = $[2];
  }
  let t1;
  bb0: {
    if (!notification.userId) {
      t1 = null;
      break bb0;
    }
    const t22 = notification.imageUrl || "";
    let t32;
    if ($[3] !== notification.actor || $[4] !== notification.userId || $[5] !== t22) {
      t32 = {
        id: notification.userId,
        fullName: notification.actor,
        avatarUrl: t22
      };
      $[3] = notification.actor;
      $[4] = notification.userId;
      $[5] = t22;
      $[6] = t32;
    } else {
      t32 = $[6];
    }
    t1 = t32;
  }
  const user = t1;
  let t2;
  if ($[7] !== other) {
    t2 = {
      size: 30,
      ...other
    };
    $[7] = other;
    $[8] = t2;
  } else {
    t2 = $[8];
  }
  let t3;
  if ($[9] !== t2 || $[10] !== user) {
    t3 = /* @__PURE__ */ jsxRuntimeExports.jsx(UserAvatar, { user, avatarProps: t2 });
    $[9] = t2;
    $[10] = user;
    $[11] = t3;
  } else {
    t3 = $[11];
  }
  let t4;
  if ($[12] !== notification.actor || $[13] !== notification.userId || $[14] !== t3) {
    t4 = /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { onClick: _temp, children: /* @__PURE__ */ jsxRuntimeExports.jsx(ContactHoverCardWidget, { id: notification.userId, name: notification.actor, children: t3 }) });
    $[12] = notification.actor;
    $[13] = notification.userId;
    $[14] = t3;
    $[15] = t4;
  } else {
    t4 = $[15];
  }
  return t4;
};
function _temp(e) {
  e.stopPropagation();
  e.preventDefault();
}
function NotificationsPage() {
  var _a;
  const $ = compilerRuntimeExports.c(65);
  const {
    t
  } = useTranslation();
  const [activeTab, setActiveTab] = reactExports.useState("all");
  let t0;
  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
    t0 = {
      initialCount: 20
    };
    $[0] = t0;
  } else {
    t0 = $[0];
  }
  const {
    notifications,
    isLoading,
    loadMore,
    hasMore,
    lastSeenAt
  } = useNotificationsLoader(t0);
  let t1;
  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
    t1 = {
      initialCount: 20
    };
    $[1] = t1;
  } else {
    t1 = $[1];
  }
  const {
    loadMore: loadMoreUnread,
    isLoading: isLoadingUnread,
    notifications: notificationsUnread,
    hasMore: hasMoreUnread,
    lastSeenAt: lastSeenAtUnread,
    refetch: refetchUnreadNotifications,
    unreadCount
  } = useUnreadNotificationsLoader(t1);
  const {
    data: user,
    isLoading: isUserLoading
  } = userApi.useGetCurrentUserQuery();
  const serviceName = (_a = user == null ? void 0 : user.organization) == null ? void 0 : _a.title;
  let t2;
  let t3;
  if ($[2] !== activeTab || $[3] !== refetchUnreadNotifications) {
    t2 = () => {
      if (activeTab === "unread") {
        refetchUnreadNotifications();
      }
    };
    t3 = [activeTab, refetchUnreadNotifications];
    $[2] = activeTab;
    $[3] = refetchUnreadNotifications;
    $[4] = t2;
    $[5] = t3;
  } else {
    t2 = $[4];
    t3 = $[5];
  }
  reactExports.useEffect(t2, t3);
  const isUnreadEmpty = notificationsUnread.length === 0;
  const isEmpty = notifications.length === 0;
  const isCurrentTabEmpty = activeTab === "all" ? isEmpty : isUnreadEmpty;
  let t4;
  if ($[6] !== t) {
    t4 = t("profile.notifications");
    $[6] = t;
    $[7] = t4;
  } else {
    t4 = $[7];
  }
  let t5;
  if ($[8] !== t4) {
    t5 = /* @__PURE__ */ jsxRuntimeExports.jsx(Text, { fw: 500, fz: "md", children: t4 });
    $[8] = t4;
    $[9] = t5;
  } else {
    t5 = $[9];
  }
  let t6;
  if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
    t6 = {
      overflow: "hidden"
    };
    $[10] = t6;
  } else {
    t6 = $[10];
  }
  let t7;
  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
    t7 = {
      borderBottom: "1px solid var(--mantine-color-gray-2)"
    };
    $[11] = t7;
  } else {
    t7 = $[11];
  }
  let t8;
  if ($[12] !== t) {
    t8 = t("ds:notifications.modal.tabs.all");
    $[12] = t;
    $[13] = t8;
  } else {
    t8 = $[13];
  }
  let t9;
  if ($[14] !== t8) {
    t9 = /* @__PURE__ */ jsxRuntimeExports.jsx(Tabs.Tab, { value: "all", children: t8 });
    $[14] = t8;
    $[15] = t9;
  } else {
    t9 = $[15];
  }
  let t10;
  if ($[16] !== t) {
    t10 = t("ds:notifications.modal.tabs.unread");
    $[16] = t;
    $[17] = t10;
  } else {
    t10 = $[17];
  }
  const t11 = unreadCount || "";
  let t12;
  if ($[18] !== isEmpty || $[19] !== t10 || $[20] !== t11) {
    t12 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Tabs.Tab, { value: "unread", disabled: isEmpty, children: [
      t10,
      " ",
      t11
    ] });
    $[18] = isEmpty;
    $[19] = t10;
    $[20] = t11;
    $[21] = t12;
  } else {
    t12 = $[21];
  }
  let t13;
  if ($[22] !== t12 || $[23] !== t9) {
    t13 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Tabs.List, { children: [
      t9,
      t12
    ] });
    $[22] = t12;
    $[23] = t9;
    $[24] = t13;
  } else {
    t13 = $[24];
  }
  let t14;
  if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
    t14 = /* @__PURE__ */ jsxRuntimeExports.jsx(MarkAllAsReadButton, {});
    $[25] = t14;
  } else {
    t14 = $[25];
  }
  let t15;
  if ($[26] !== t13) {
    t15 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Group, { justify: "space-between", wrap: "nowrap", gap: 0, style: t7, children: [
      t13,
      t14
    ] });
    $[26] = t13;
    $[27] = t15;
  } else {
    t15 = $[27];
  }
  const t16 = isCurrentTabEmpty ? "center" : "flex-start";
  let t17;
  if ($[28] !== t16) {
    t17 = {
      justifyContent: t16,
      overflow: "hidden"
    };
    $[28] = t16;
    $[29] = t17;
  } else {
    t17 = $[29];
  }
  const t18 = isLoading || isUserLoading;
  const t19 = !hasMore;
  let t20;
  if ($[30] !== isEmpty || $[31] !== lastSeenAt || $[32] !== notifications || $[33] !== serviceName || $[34] !== t) {
    t20 = isEmpty ? /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyPlaceholder, { title: t("ds:notifications.modal.empty.title"), description: t("ds:notifications.modal.empty.description", {
      serviceName
    }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(NotificationsList, { avatarSlot: AvatarCardWidget, notifications, lastSeenAt, py: "md" });
    $[30] = isEmpty;
    $[31] = lastSeenAt;
    $[32] = notifications;
    $[33] = serviceName;
    $[34] = t;
    $[35] = t20;
  } else {
    t20 = $[35];
  }
  let t21;
  if ($[36] !== loadMore || $[37] !== t18 || $[38] !== t19 || $[39] !== t20) {
    t21 = /* @__PURE__ */ jsxRuntimeExports.jsx(Tabs.Panel, { value: "all", h: "100%", children: /* @__PURE__ */ jsxRuntimeExports.jsx(InfiniteScroll, { height: "100%", onLoadMore: loadMore, isLoading: t18, disabled: t19, children: t20 }) });
    $[36] = loadMore;
    $[37] = t18;
    $[38] = t19;
    $[39] = t20;
    $[40] = t21;
  } else {
    t21 = $[40];
  }
  const t22 = !hasMoreUnread;
  let t23;
  if ($[41] !== isUnreadEmpty || $[42] !== lastSeenAtUnread || $[43] !== notificationsUnread || $[44] !== serviceName || $[45] !== t) {
    t23 = isUnreadEmpty ? /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyPlaceholder, { title: t("ds:notifications.modal.emptyUnread.title"), description: t("ds:notifications.modal.emptyUnread.description", {
      serviceName
    }) }) : /* @__PURE__ */ jsxRuntimeExports.jsx(NotificationsList, { avatarSlot: AvatarCardWidget, notifications: notificationsUnread, lastSeenAt: lastSeenAtUnread, py: "md" });
    $[41] = isUnreadEmpty;
    $[42] = lastSeenAtUnread;
    $[43] = notificationsUnread;
    $[44] = serviceName;
    $[45] = t;
    $[46] = t23;
  } else {
    t23 = $[46];
  }
  let t24;
  if ($[47] !== isLoadingUnread || $[48] !== loadMoreUnread || $[49] !== t22 || $[50] !== t23) {
    t24 = /* @__PURE__ */ jsxRuntimeExports.jsx(Tabs.Panel, { value: "unread", h: "100%", children: /* @__PURE__ */ jsxRuntimeExports.jsx(InfiniteScroll, { height: "100%", onLoadMore: loadMoreUnread, isLoading: isLoadingUnread, disabled: t22, children: t23 }) });
    $[47] = isLoadingUnread;
    $[48] = loadMoreUnread;
    $[49] = t22;
    $[50] = t23;
    $[51] = t24;
  } else {
    t24 = $[51];
  }
  let t25;
  if ($[52] !== t17 || $[53] !== t21 || $[54] !== t24) {
    t25 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Stack, { gap: 0, style: t17, children: [
      t21,
      t24
    ] });
    $[52] = t17;
    $[53] = t21;
    $[54] = t24;
    $[55] = t25;
  } else {
    t25 = $[55];
  }
  let t26;
  if ($[56] !== t15 || $[57] !== t25) {
    t26 = /* @__PURE__ */ jsxRuntimeExports.jsxs(Stack, { gap: 0, h: "100%", children: [
      t15,
      t25
    ] });
    $[56] = t15;
    $[57] = t25;
    $[58] = t26;
  } else {
    t26 = $[58];
  }
  let t27;
  if ($[59] !== activeTab || $[60] !== t26) {
    t27 = /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { style: t6, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tabs, { value: activeTab, onChange: setActiveTab, keepMounted: false, h: "100%", children: t26 }) });
    $[59] = activeTab;
    $[60] = t26;
    $[61] = t27;
  } else {
    t27 = $[61];
  }
  let t28;
  if ($[62] !== t27 || $[63] !== t5) {
    t28 = /* @__PURE__ */ jsxRuntimeExports.jsx(Paper, { bg: "white", radius: "md", px: "md", pt: "md", h: "calc(100vh - 64px - 48px)", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Box, { h: "100%", maw: "900px", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Stack, { h: "100%", children: [
      t5,
      t27
    ] }) }) });
    $[62] = t27;
    $[63] = t5;
    $[64] = t28;
  } else {
    t28 = $[64];
  }
  return t28;
}
export {
  NotificationsPage as default
};
//# sourceMappingURL=notifications.page-BxPNbMCF.js.map
