@adminide-stack/yantra-mobile 12.0.137 → 12.0.139

package/lib/features/notion/NotionWorkspaceView.js

@@ -0,0 +1,837 @@
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useMemo,useCallback,useState,useRef,useEffect}from'react';import {Alert,View,StyleSheet,Pressable,Text,ActivityIndicator,ScrollView,RefreshControl,Modal,TextInput,FlatList,KeyboardAvoidingView,Platform}from'react-native';import {Ionicons}from'@expo/vector-icons';import {useNavigation,useFocusEffect,CommonActions}from'@react-navigation/native';import {useQuery,useLazyQuery}from'@apollo/client/index.js';import {NATIVE_NOTION_INBOX_UNREAD,NATIVE_NOTION_SEARCH}from'./notionDocuments.js';import {nextMeetings,greeting,PAGE_TYPES}from'./notionBlocks.js';import {notionPalette}from'./notionTheme.js';import {WorkspaceBadge,ui,EmptyState,SectionHeader,Group,ListRow,PageRow,SheetHeader}from'./notionUi.js';import {MeetingRowView,InboxSheet,MeetingsSheet,AllPagesSheet,TemplatesSheet}from'./NotionSheets.js';import {TrashSheet}from'./NotionTrashSheet.js';import {useNotionWorkspace}from'./useNotionWorkspace.js';import {afterNativeModalClose}from'../../utils/drawerNavigation.js';var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const SHEET_TITLES = {
+  inbox: "Inbox",
+  meetings: "Meetings",
+  all: "All pages",
+  templates: "Templates",
+  trash: "Trash"
+};
+const TINTS = {
+  ai: {
+    light: "#f3e8ff",
+    dark: "rgba(168,85,247,0.2)",
+    fg: "#9333ea"
+  },
+  page: {
+    light: "#fff1e6",
+    dark: "rgba(251,146,60,0.2)",
+    fg: "#ea580c"
+  },
+  templates: {
+    light: "#dcfce7",
+    dark: "rgba(34,197,94,0.2)",
+    fg: "#16a34a"
+  },
+  meeting: {
+    light: "#e0f2fe",
+    dark: "rgba(56,189,248,0.2)",
+    fg: "#0284c7"
+  },
+  inbox: {
+    light: "#fee2e2",
+    dark: "rgba(244,63,94,0.2)",
+    fg: "#e11d48"
+  },
+  trash: {
+    light: "#f5f5f4",
+    dark: "rgba(148,163,184,0.18)",
+    fg: "#78716c"
+  },
+  all: {
+    light: "#fef3c7",
+    dark: "rgba(245,158,11,0.2)",
+    fg: "#d97706"
+  }
+};
+function todayLabel(date = /* @__PURE__ */ new Date()) {
+  return date.toLocaleDateString(void 0, {
+    weekday: "long",
+    month: "long",
+    day: "numeric"
+  });
+}
+function NotionWorkspaceView({
+  orgName,
+  isDark
+}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const palette = useMemo(() => notionPalette(isDark), [isDark]);
+  const tint = useCallback((key) => ({
+    fg: TINTS[key].fg,
+    bg: isDark ? TINTS[key].dark : TINTS[key].light
+  }), [isDark]);
+  const navigation = useNavigation();
+  const notion = useNotionWorkspace();
+  const [searching, setSearching] = useState(false);
+  const [sheet, setSheet] = useState(null);
+  const [menuOpen, setMenuOpen] = useState(false);
+  const [createOpen, setCreateOpen] = useState(false);
+  const [refreshing, setRefreshing] = useState(false);
+  const [busy, setBusy] = useState(null);
+  const hasWorkspace = Boolean(notion.workspace);
+  const unreadQuery = useQuery(NATIVE_NOTION_INBOX_UNREAD, {
+    fetchPolicy: "cache-and-network"
+  });
+  const unread = (_b = (_a = unreadQuery.data) == null ? void 0 : _a.notesInboxUnreadCount) != null ? _b : 0;
+  const refreshOnFocus = useRef(() => void 0);
+  refreshOnFocus.current = () => {
+    notion.refresh().catch(() => void 0);
+    unreadQuery.refetch().catch(() => void 0);
+  };
+  useFocusEffect(useCallback(() => {
+    refreshOnFocus.current();
+  }, []));
+  const upcoming = useMemo(() => nextMeetings(notion.meetings), [notion.meetings]);
+  const navigateToPage = useCallback((blockId) => {
+    navigation.dispatch(CommonActions.navigate({
+      name: "MainStack.NotionPage",
+      params: {
+        orgName,
+        blockId
+      }
+    }));
+  }, [navigation, orgName]);
+  const openPage = useCallback((blockId) => {
+    if (sheet) {
+      setSheet(null);
+      afterNativeModalClose(() => navigateToPage(blockId));
+    } else {
+      navigateToPage(blockId);
+    }
+  }, [navigateToPage, sheet]);
+  const askAi = useCallback(() => {
+    navigation.dispatch(CommonActions.navigate({
+      name: "MainStack.Chat",
+      params: orgName ? {
+        orgName
+      } : {}
+    }));
+  }, [navigation, orgName]);
+  const requireWorkspace = useCallback(() => {
+    if (hasWorkspace) return true;
+    setCreateOpen(true);
+    return false;
+  }, [hasWorkspace]);
+  const run = useCallback(async (kind) => {
+    if (!requireWorkspace() || busy) return;
+    setBusy(kind);
+    try {
+      const created = kind === "page" ? await notion.createPage() : await notion.createMeeting();
+      if (created == null ? void 0 : created.id) openPage(created.id);
+    } catch (err) {
+      Alert.alert(`Couldn't create the ${kind}`, err instanceof Error ? err.message : void 0);
+    } finally {
+      setBusy(null);
+    }
+  }, [busy, notion, openPage, requireWorkspace]);
+  const openSheet = useCallback((kind) => {
+    setSearching(false);
+    if (kind !== "inbox" && kind !== "trash" && !requireWorkspace()) return;
+    setSheet(kind);
+  }, [requireWorkspace]);
+  const onRefresh = useCallback(async () => {
+    setRefreshing(true);
+    try {
+      await Promise.all([notion.refresh(), unreadQuery.refetch()]);
+    } finally {
+      setRefreshing(false);
+    }
+  }, [notion, unreadQuery]);
+  const quickActions = [{
+    key: "ai",
+    label: "Ask AI",
+    icon: "sparkles",
+    onPress: askAi
+  }, {
+    key: "page",
+    label: "New page",
+    icon: "add",
+    onPress: () => run("page"),
+    busy: busy === "page"
+  }, {
+    key: "templates",
+    label: "Templates",
+    icon: "albums-outline",
+    onPress: () => openSheet("templates")
+  }, {
+    key: "meeting",
+    label: "Meeting",
+    icon: "calendar-outline",
+    onPress: () => run("meeting"),
+    busy: busy === "meeting"
+  }];
+  const browse = [{
+    key: "inbox",
+    icon: "notifications-outline",
+    subtitle: "Mentions and reminders",
+    badge: unread
+  }, {
+    key: "meetings",
+    icon: "calendar-outline",
+    subtitle: `${notion.meetings.length} meetings`
+  }, {
+    key: "all",
+    icon: "documents-outline",
+    subtitle: `${notion.pages.length} pages`
+  }, {
+    key: "templates",
+    icon: "albums-outline",
+    subtitle: "Start from a ready-made page"
+  }, {
+    key: "trash",
+    icon: "trash-outline",
+    subtitle: "Restore deleted pages"
+  }];
+  const commands = [{
+    key: "new",
+    label: "New page",
+    icon: "add",
+    tintKey: "page",
+    onPress: () => run("page")
+  }, {
+    key: "all",
+    label: "All pages",
+    icon: "documents-outline",
+    tintKey: "all",
+    onPress: () => openSheet("all")
+  }, {
+    key: "trash",
+    label: "Open Trash",
+    icon: "trash-outline",
+    tintKey: "trash",
+    onPress: () => openSheet("trash")
+  }, {
+    key: "templates",
+    label: "Browse template gallery",
+    icon: "albums-outline",
+    tintKey: "templates",
+    onPress: () => openSheet("templates")
+  }, {
+    key: "ai",
+    label: "Go to Yantra AI",
+    icon: "sparkles",
+    tintKey: "ai",
+    onPress: askAi
+  }, {
+    key: "meetings",
+    label: "Go to Meetings",
+    icon: "calendar-outline",
+    tintKey: "meeting",
+    onPress: () => openSheet("meetings")
+  }];
+  return /* @__PURE__ */ jsxs(View, { style: [styles.root, {
+    backgroundColor: palette.bg
+  }], children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.header, children: [
+      /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", accessibilityLabel: hasWorkspace ? "Workspace menu" : "Create workspace", onPress: () => hasWorkspace ? setMenuOpen(true) : setCreateOpen(true), style: ({
+        pressed
+      }) => [styles.switcher, pressed && {
+        backgroundColor: palette.pressed
+      }], children: [
+        /* @__PURE__ */ jsx(WorkspaceBadge, { workspace: notion.workspace, palette }),
+        /* @__PURE__ */ jsxs(View, { style: styles.switcherText, children: [
+          /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.switcherName, {
+            color: palette.text
+          }], children: (_d = (_c = notion.workspace) == null ? void 0 : _c.name) != null ? _d : "No workspace" }),
+          /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.switcherMeta, {
+            color: palette.textMuted
+          }], children: hasWorkspace ? `${notion.pages.length} ${notion.pages.length === 1 ? "page" : "pages"}` : "Tap to create one" })
+        ] }),
+        /* @__PURE__ */ jsx(Ionicons, { name: "chevron-down", size: 16, color: palette.textMuted })
+      ] }),
+      /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", accessibilityLabel: unread ? `Inbox, ${unread} unread` : "Inbox", onPress: () => openSheet("inbox"), style: ({
+        pressed
+      }) => [styles.iconButton, {
+        backgroundColor: palette.fill
+      }, pressed && ui.pressedScale], children: [
+        /* @__PURE__ */ jsx(Ionicons, { name: "notifications-outline", size: 20, color: palette.text }),
+        unread ? /* @__PURE__ */ jsx(View, { style: [styles.badgeDot, {
+          backgroundColor: palette.primary,
+          borderColor: palette.bg
+        }], children: /* @__PURE__ */ jsx(Text, { style: styles.badgeDotText, children: unread > 9 ? "9+" : unread }) }) : null
+      ] }),
+      /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: "New page", onPress: () => run("page"), style: ({
+        pressed
+      }) => [styles.iconButton, {
+        backgroundColor: palette.primary
+      }, pressed && ui.pressedScale], children: busy === "page" ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: palette.onPrimary }) : /* @__PURE__ */ jsx(Ionicons, { name: "create-outline", size: 20, color: palette.onPrimary }) })
+    ] }),
+    searching ? /* @__PURE__ */ jsx(SearchMode, { palette, tint, workspaceId: (_f = (_e = notion.workspace) == null ? void 0 : _e.id) != null ? _f : null, commands, onOpenPage: openPage, onCancel: () => setSearching(false) }) : /* @__PURE__ */ jsxs(ScrollView, { contentContainerStyle: styles.homeContent, refreshControl: /* @__PURE__ */ jsx(RefreshControl, { refreshing, onRefresh, tintColor: palette.textMuted }), children: [
+      /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "search", onPress: () => setSearching(true), style: [styles.searchPill, {
+        backgroundColor: palette.fill
+      }], children: [
+        /* @__PURE__ */ jsx(Ionicons, { name: "search", size: 17, color: palette.textMuted }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.searchPlaceholder, {
+          color: palette.textMuted
+        }], children: "Search pages or jump to\u2026" })
+      ] }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.date, {
+        color: palette.textMuted
+      }], children: todayLabel().toUpperCase() }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.greeting, {
+        color: palette.text
+      }], children: greeting() }),
+      /* @__PURE__ */ jsx(View, { style: styles.actions, children: quickActions.map((a) => {
+        const t = tint(a.key);
+        return /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", accessibilityLabel: a.label, onPress: a.onPress, style: ({
+          pressed
+        }) => [styles.action, {
+          backgroundColor: pressed ? palette.pressed : palette.card
+        }, ui.cardShadow], children: [
+          /* @__PURE__ */ jsx(View, { style: [styles.actionIcon, {
+            backgroundColor: t.bg
+          }], children: a.busy ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: t.fg }) : /* @__PURE__ */ jsx(Ionicons, { name: a.icon, size: 20, color: t.fg }) }),
+          /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.actionLabel, {
+            color: palette.text
+          }], children: a.label })
+        ] }, a.key);
+      }) }),
+      notion.loading ? /* @__PURE__ */ jsx(View, { style: styles.loading, children: /* @__PURE__ */ jsx(ActivityIndicator, { color: palette.textMuted }) }) : notion.error ? /* @__PURE__ */ jsx(EmptyState, { palette, icon: "cloud-offline-outline", title: "Couldn't load your workspace", text: "Check your connection and pull down to try again." }) : !hasWorkspace ? /* @__PURE__ */ jsx(EmptyState, { palette, icon: "albums-outline", title: "No workspace yet", text: "Create a workspace to start organizing your pages.", action: {
+        label: "Create workspace",
+        onPress: () => setCreateOpen(true)
+      } }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        upcoming.length ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(SectionHeader, { label: "Upcoming meetings", palette, action: {
+            label: "See all",
+            onPress: () => openSheet("meetings")
+          } }),
+          /* @__PURE__ */ jsx(Group, { palette, children: upcoming.map((m, i) => /* @__PURE__ */ jsx(MeetingRowView, { row: m, palette, onPress: () => openPage(m.id), divider: i < upcoming.length - 1 }, m.id)) })
+        ] }) : null,
+        /* @__PURE__ */ jsx(SectionHeader, { label: "Browse", palette }),
+        /* @__PURE__ */ jsx(Group, { palette, children: browse.map((b, i) => {
+          const t = tint(b.key === "meetings" ? "meeting" : b.key);
+          return /* @__PURE__ */ jsx(ListRow, { palette, icon: b.icon, iconColor: t.fg, iconBg: t.bg, title: SHEET_TITLES[b.key], subtitle: b.subtitle, onPress: () => openSheet(b.key), divider: i < browse.length - 1, trailing: b.badge ? /* @__PURE__ */ jsxs(View, { style: styles.trailing, children: [
+            /* @__PURE__ */ jsx(View, { style: [styles.countBadge, {
+              backgroundColor: palette.primary
+            }], children: /* @__PURE__ */ jsx(Text, { style: styles.countBadgeText, children: b.badge }) }),
+            /* @__PURE__ */ jsx(Ionicons, { name: "chevron-forward", size: 16, color: palette.textFaint })
+          ] }) : void 0 }, b.key);
+        }) }),
+        /* @__PURE__ */ jsx(SectionHeader, { label: "My pages", count: notion.pages.length, palette, action: notion.pages.length > 8 ? {
+          label: "See all",
+          onPress: () => openSheet("all")
+        } : void 0 }),
+        notion.pages.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { palette, icon: "document-text-outline", title: "No pages yet", text: "Start with a blank page or pick a template.", action: {
+          label: "New page",
+          onPress: () => run("page"),
+          busy: busy === "page"
+        } }) : /* @__PURE__ */ jsx(Group, { palette, children: notion.pages.slice(0, 8).map((page, i, shown) => /* @__PURE__ */ jsx(PageRow, { page, palette, onPress: () => openPage(page.id), divider: i < shown.length - 1 }, page.id)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Modal, { visible: sheet !== null, animationType: "slide", presentationStyle: "pageSheet", onRequestClose: () => setSheet(null), children: /* @__PURE__ */ jsx(View, { style: [styles.root, {
+      backgroundColor: palette.bg
+    }], children: sheet ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(SheetHeader, { title: SHEET_TITLES[sheet], onDone: () => setSheet(null), palette }),
+      sheet === "inbox" ? /* @__PURE__ */ jsx(InboxSheet, { palette, onOpenPage: openPage }) : null,
+      sheet === "meetings" ? /* @__PURE__ */ jsx(MeetingsSheet, { palette, notion, onOpenPage: openPage }) : null,
+      sheet === "all" ? /* @__PURE__ */ jsx(AllPagesSheet, { palette, notion, onOpenPage: openPage }) : null,
+      sheet === "templates" ? /* @__PURE__ */ jsx(TemplatesSheet, { palette, notion, onOpenPage: openPage }) : null,
+      sheet === "trash" ? /* @__PURE__ */ jsx(TrashSheet, { palette, notion, onOpenPage: openPage }) : null
+    ] }) : null }) }),
+    /* @__PURE__ */ jsx(WorkspaceMenu, { visible: menuOpen, palette, workspaces: notion.workspaces, activeId: (_h = (_g = notion.workspace) == null ? void 0 : _g.id) != null ? _h : null, onClose: () => setMenuOpen(false), onSelect: (id) => {
+      notion.selectWorkspace(id);
+      setMenuOpen(false);
+    }, onCreate: () => {
+      setMenuOpen(false);
+      setCreateOpen(true);
+    } }),
+    /* @__PURE__ */ jsx(CreateWorkspaceSheet, { visible: createOpen, palette, onClose: () => setCreateOpen(false), onCreate: notion.createWorkspace })
+  ] });
+}
+function SearchMode({
+  palette,
+  tint,
+  workspaceId,
+  commands,
+  onOpenPage,
+  onCancel
+}) {
+  const [text, setText] = useState("");
+  const [runSearch, {
+    data,
+    loading,
+    error
+  }] = useLazyQuery(NATIVE_NOTION_SEARCH, {
+    fetchPolicy: "network-only"
+  });
+  const query = text.trim();
+  useEffect(() => {
+    if (!query) return void 0;
+    const timer = setTimeout(() => {
+      runSearch({
+        variables: {
+          input: __spreadValues({
+            query,
+            types: PAGE_TYPES,
+            pageSize: 30
+          }, workspaceId ? {
+            workspaceId
+          } : {})
+        }
+      });
+    }, 250);
+    return () => clearTimeout(timer);
+  }, [query, runSearch, workspaceId]);
+  const results = useMemo(() => {
+    var _a, _b;
+    const seen = /* @__PURE__ */ new Set();
+    return ((_b = (_a = data == null ? void 0 : data.searchBlocks) == null ? void 0 : _a.results) != null ? _b : []).filter((b) => {
+      if (b.inTrash || seen.has(b.id)) return false;
+      seen.add(b.id);
+      return true;
+    });
+  }, [data]);
+  const shownCommands = commands.filter((c) => !query || c.label.toLowerCase().includes(query.toLowerCase()));
+  let hint = "";
+  if (query && error) hint = "Search failed. Try again.";
+  else if (query && !loading && !results.length && !shownCommands.length) hint = "No matching pages";
+  return /* @__PURE__ */ jsxs(View, { style: ui.flex, children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.searchBar, children: [
+      /* @__PURE__ */ jsxs(View, { style: [styles.searchField, {
+        backgroundColor: palette.fill
+      }], children: [
+        /* @__PURE__ */ jsx(Ionicons, { name: "search", size: 17, color: palette.textMuted }),
+        /* @__PURE__ */ jsx(TextInput, { value: text, onChangeText: setText, placeholder: "Search pages, jump to, or run a command\u2026", placeholderTextColor: palette.textMuted, autoFocus: true, autoCorrect: false, returnKeyType: "search", clearButtonMode: "while-editing", style: [styles.searchInput, {
+          color: palette.text
+        }] }),
+        loading ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: palette.textMuted }) : null
+      ] }),
+      /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", onPress: onCancel, hitSlop: 8, children: /* @__PURE__ */ jsx(Text, { style: [styles.cancel, {
+        color: palette.primary
+      }], children: "Cancel" }) })
+    ] }),
+    /* @__PURE__ */ jsxs(ScrollView, { keyboardShouldPersistTaps: "handled", contentContainerStyle: styles.searchContent, children: [
+      query && results.length ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.searchSection, {
+          color: palette.textMuted
+        }], children: "Pages" }),
+        /* @__PURE__ */ jsx(Group, { palette, children: results.map((page, i) => /* @__PURE__ */ jsx(PageRow, { page, palette, onPress: () => onOpenPage(page.id), divider: i < results.length - 1 }, page.id)) })
+      ] }) : null,
+      shownCommands.length ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.searchSection, {
+          color: palette.textMuted
+        }], children: "Quick actions" }),
+        /* @__PURE__ */ jsx(Group, { palette, children: shownCommands.map((c, i) => {
+          const t = tint(c.tintKey);
+          return /* @__PURE__ */ jsx(ListRow, { palette, icon: c.icon, iconColor: t.fg, iconBg: t.bg, title: c.label, onPress: c.onPress, divider: i < shownCommands.length - 1 }, c.key);
+        }) })
+      ] }) : null,
+      hint ? /* @__PURE__ */ jsx(Text, { style: [styles.hint, {
+        color: error ? palette.danger : palette.textMuted
+      }], children: hint }) : null
+    ] })
+  ] });
+}
+function WorkspaceMenu({
+  visible,
+  palette,
+  workspaces,
+  activeId,
+  onClose,
+  onSelect,
+  onCreate
+}) {
+  return /* @__PURE__ */ jsx(Modal, { visible, transparent: true, animationType: "fade", onRequestClose: onClose, children: /* @__PURE__ */ jsx(Pressable, { style: [styles.backdrop, {
+    backgroundColor: palette.backdrop
+  }], onPress: onClose, children: /* @__PURE__ */ jsxs(Pressable, { style: [styles.bottomSheet, {
+    backgroundColor: palette.card
+  }], children: [
+    /* @__PURE__ */ jsx(View, { style: [styles.grabber, {
+      backgroundColor: palette.hairline
+    }] }),
+    /* @__PURE__ */ jsx(Text, { style: [styles.bottomSheetTitle, {
+      color: palette.text
+    }], children: "Workspaces" }),
+    /* @__PURE__ */ jsx(FlatList, { data: workspaces, keyExtractor: (w) => w.id, style: [styles.menuList, {
+      backgroundColor: palette.bg
+    }], renderItem: ({
+      item,
+      index
+    }) => /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", accessibilityState: {
+      selected: item.id === activeId
+    }, onPress: () => onSelect(item.id), style: ({
+      pressed
+    }) => [styles.menuRow, pressed && {
+      backgroundColor: palette.pressed
+    }], children: [
+      /* @__PURE__ */ jsx(WorkspaceBadge, { workspace: item, palette, size: 32 }),
+      /* @__PURE__ */ jsxs(View, { style: [styles.menuRowBody, index < workspaces.length - 1 && ui.hairline, {
+        borderBottomColor: palette.hairline
+      }], children: [
+        /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.menuRowLabel, {
+          color: palette.text
+        }], children: item.name }),
+        item.id === activeId ? /* @__PURE__ */ jsx(Ionicons, { name: "checkmark-circle", size: 22, color: palette.primary }) : null
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", onPress: onCreate, style: ({
+      pressed
+    }) => [styles.secondaryButton, {
+      backgroundColor: palette.primarySoft
+    }, pressed && ui.pressedScale], children: [
+      /* @__PURE__ */ jsx(Ionicons, { name: "add", size: 18, color: palette.primary }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.secondaryButtonLabel, {
+        color: palette.primary
+      }], children: "Create workspace" })
+    ] })
+  ] }) }) });
+}
+function CreateWorkspaceSheet({
+  visible,
+  palette,
+  onClose,
+  onCreate
+}) {
+  const [name, setName] = useState("");
+  const [saving, setSaving] = useState(false);
+  useEffect(() => {
+    if (visible) setName("");
+  }, [visible]);
+  const submit = async () => {
+    if (saving) return;
+    setSaving(true);
+    try {
+      await onCreate(name);
+      onClose();
+    } catch (err) {
+      Alert.alert("Couldn't create the workspace", err instanceof Error ? err.message : void 0);
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(Modal, { visible, transparent: true, animationType: "fade", onRequestClose: onClose, children: /* @__PURE__ */ jsx(KeyboardAvoidingView, { behavior: Platform.OS === "ios" ? "padding" : void 0, style: ui.flex, children: /* @__PURE__ */ jsx(Pressable, { style: [styles.backdrop, {
+    backgroundColor: palette.backdrop
+  }], onPress: onClose, children: /* @__PURE__ */ jsxs(Pressable, { style: [styles.bottomSheet, {
+    backgroundColor: palette.card
+  }], children: [
+    /* @__PURE__ */ jsx(View, { style: [styles.grabber, {
+      backgroundColor: palette.hairline
+    }] }),
+    /* @__PURE__ */ jsx(View, { style: [styles.dialogIcon, {
+      backgroundColor: palette.primarySoft
+    }], children: /* @__PURE__ */ jsx(Ionicons, { name: "albums-outline", size: 26, color: palette.primary }) }),
+    /* @__PURE__ */ jsx(Text, { style: [styles.dialogTitle, {
+      color: palette.text
+    }], children: "New workspace" }),
+    /* @__PURE__ */ jsx(Text, { style: [styles.dialogText, {
+      color: palette.textMuted
+    }], children: "Give your workspace a name. You can change it later." }),
+    /* @__PURE__ */ jsx(Text, { style: [styles.fieldLabel, {
+      color: palette.textMuted
+    }], children: "Name" }),
+    /* @__PURE__ */ jsx(TextInput, { value: name, onChangeText: setName, placeholder: "e.g. Marketing, Personal, Team Alpha", placeholderTextColor: palette.textFaint, autoFocus: true, returnKeyType: "done", onSubmitEditing: submit, style: [styles.dialogInput, {
+      color: palette.text,
+      backgroundColor: palette.fill
+    }] }),
+    /* @__PURE__ */ jsx(Text, { style: [styles.fieldHelp, {
+      color: palette.textFaint
+    }], children: "Leave blank to use \u201CUntitled workspace\u201D." }),
+    /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", onPress: submit, disabled: saving, style: ({
+      pressed
+    }) => [ui.primaryButton, styles.blockButton, {
+      backgroundColor: palette.primary
+    }, pressed && ui.pressedScale], children: saving ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: palette.onPrimary }) : /* @__PURE__ */ jsx(Text, { style: [ui.primaryButtonLabel, {
+      color: palette.onPrimary
+    }], children: "Create" }) }),
+    /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", onPress: onClose, style: styles.textButton, children: /* @__PURE__ */ jsx(Text, { style: [styles.textButtonLabel, {
+      color: palette.textMuted
+    }], children: "Cancel" }) })
+  ] }) }) }) });
+}
+const styles = StyleSheet.create({
+  root: {
+    flex: 1
+  },
+  loading: {
+    paddingVertical: 48,
+    alignItems: "center"
+  },
+  header: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    paddingHorizontal: 12,
+    paddingTop: 8,
+    paddingBottom: 4
+  },
+  switcher: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    padding: 6,
+    borderRadius: 14
+  },
+  switcherText: {
+    flexShrink: 1
+  },
+  switcherName: {
+    fontSize: 17,
+    fontWeight: "700",
+    letterSpacing: -0.2
+  },
+  switcherMeta: {
+    fontSize: 13,
+    marginTop: 1
+  },
+  iconButton: {
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  badgeDot: {
+    position: "absolute",
+    top: -2,
+    right: -2,
+    minWidth: 18,
+    height: 18,
+    paddingHorizontal: 4,
+    borderRadius: 9,
+    borderWidth: 2,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  badgeDotText: {
+    color: "#fff",
+    fontSize: 10,
+    fontWeight: "800"
+  },
+  homeContent: {
+    paddingHorizontal: 16,
+    paddingTop: 8,
+    paddingBottom: 48
+  },
+  searchPill: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    height: 40,
+    paddingHorizontal: 12,
+    borderRadius: 12
+  },
+  searchPlaceholder: {
+    fontSize: 16
+  },
+  date: {
+    fontSize: 12,
+    fontWeight: "600",
+    letterSpacing: 0.6,
+    marginTop: 24
+  },
+  greeting: {
+    fontSize: 32,
+    fontWeight: "800",
+    letterSpacing: -0.6,
+    marginTop: 4
+  },
+  actions: {
+    flexDirection: "row",
+    gap: 10,
+    marginTop: 20
+  },
+  action: {
+    flex: 1,
+    alignItems: "center",
+    gap: 8,
+    paddingVertical: 14,
+    borderRadius: 16
+  },
+  actionIcon: {
+    width: 44,
+    height: 44,
+    borderRadius: 14,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  actionLabel: {
+    fontSize: 13,
+    fontWeight: "600"
+  },
+  trailing: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6
+  },
+  countBadge: {
+    minWidth: 22,
+    height: 22,
+    paddingHorizontal: 6,
+    borderRadius: 11,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  countBadgeText: {
+    color: "#fff",
+    fontSize: 12,
+    fontWeight: "800"
+  },
+  searchBar: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12,
+    paddingHorizontal: 16,
+    paddingVertical: 8
+  },
+  searchField: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    height: 40,
+    paddingHorizontal: 12,
+    borderRadius: 12
+  },
+  searchInput: {
+    flex: 1,
+    fontSize: 16,
+    paddingVertical: 0
+  },
+  cancel: {
+    fontSize: 16,
+    fontWeight: "500"
+  },
+  searchContent: {
+    paddingHorizontal: 16,
+    paddingBottom: 48
+  },
+  searchSection: {
+    fontSize: 13,
+    fontWeight: "600",
+    marginTop: 16,
+    marginBottom: 8,
+    marginLeft: 4
+  },
+  hint: {
+    fontSize: 15,
+    textAlign: "center",
+    paddingVertical: 40
+  },
+  backdrop: {
+    flex: 1,
+    justifyContent: "flex-end"
+  },
+  bottomSheet: {
+    borderTopLeftRadius: 24,
+    borderTopRightRadius: 24,
+    paddingHorizontal: 16,
+    paddingTop: 8,
+    paddingBottom: 36
+  },
+  grabber: {
+    alignSelf: "center",
+    width: 36,
+    height: 5,
+    borderRadius: 3,
+    marginBottom: 12
+  },
+  bottomSheetTitle: {
+    fontSize: 20,
+    fontWeight: "700",
+    marginBottom: 12,
+    marginLeft: 4
+  },
+  menuList: {
+    borderRadius: 16,
+    maxHeight: 320,
+    flexGrow: 0
+  },
+  menuRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 12
+  },
+  menuRowBody: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    marginLeft: 12,
+    paddingRight: 12,
+    paddingVertical: 14
+  },
+  menuRowLabel: {
+    flex: 1,
+    fontSize: 16,
+    fontWeight: "600"
+  },
+  secondaryButton: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 6,
+    minHeight: 48,
+    marginTop: 14,
+    borderRadius: 14
+  },
+  secondaryButtonLabel: {
+    fontSize: 16,
+    fontWeight: "700"
+  },
+  dialogIcon: {
+    alignSelf: "center",
+    width: 60,
+    height: 60,
+    borderRadius: 18,
+    alignItems: "center",
+    justifyContent: "center",
+    marginTop: 4
+  },
+  dialogTitle: {
+    fontSize: 20,
+    fontWeight: "700",
+    textAlign: "center",
+    marginTop: 14
+  },
+  dialogText: {
+    fontSize: 15,
+    textAlign: "center",
+    marginTop: 6
+  },
+  fieldLabel: {
+    fontSize: 13,
+    fontWeight: "600",
+    marginTop: 20,
+    marginBottom: 6,
+    marginLeft: 2
+  },
+  dialogInput: {
+    fontSize: 16,
+    height: 48,
+    paddingHorizontal: 14,
+    borderRadius: 12
+  },
+  fieldHelp: {
+    fontSize: 13,
+    marginTop: 6,
+    marginLeft: 2
+  },
+  blockButton: {
+    alignSelf: "stretch"
+  },
+  textButton: {
+    alignItems: "center",
+    paddingVertical: 12,
+    marginTop: 4
+  },
+  textButtonLabel: {
+    fontSize: 16,
+    fontWeight: "600"
+  }
+});export{NotionWorkspaceView};//# sourceMappingURL=NotionWorkspaceView.js.map