@adminide-stack/yantra-mobile 12.0.141-alpha.1 → 12.0.142-alpha.0

package/lib/features/notion/NotionWorkspaceAdmin.js

@@ -0,0 +1,659 @@
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useState,useEffect,useMemo}from'react';import {Modal,View,Text,Pressable,StyleSheet,KeyboardAvoidingView,Platform,ScrollView,TextInput,ActivityIndicator,Alert}from'react-native';import {useQuery,useApolloClient}from'@apollo/client/index.js';import {NATIVE_NOTION_WORKSPACE_DETAIL,NATIVE_NOTES_VIEWER,NATIVE_NOTION_MEMBERS,NATIVE_NOTION_ADD_MEMBER,NATIVE_NOTION_GUESTS,NATIVE_NOTION_UPDATE_WORKSPACE,NATIVE_NOTES_USERS,NATIVE_NOTION_UPDATE_MEMBER,NATIVE_NOTION_REMOVE_MEMBER,NATIVE_NOTION_REMOVE_GUEST}from'./notionDocuments.js';import {viewerWorkspaceRole,ROLE_LABEL,canManageWorkspace,serverErrorText,workspaceIconInput,WORKSPACE_ROLES}from'./notionPageActions.js';import {ui}from'./notionUi.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;
+};
+function WorkspaceAdminSheet({
+  visible,
+  initialTab = "settings",
+  palette,
+  notion,
+  onClose
+}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  const [tab, setTab] = useState(initialTab);
+  useEffect(() => {
+    if (visible) setTab(initialTab);
+  }, [visible, initialTab]);
+  const workspaceId = (_b = (_a = notion.workspace) == null ? void 0 : _a.id) != null ? _b : "";
+  const detailQuery = useQuery(NATIVE_NOTION_WORKSPACE_DETAIL, {
+    variables: {
+      workspaceId
+    },
+    skip: !visible || !workspaceId,
+    fetchPolicy: "network-only"
+  });
+  const viewerQuery = useQuery(NATIVE_NOTES_VIEWER, {
+    skip: !visible,
+    fetchPolicy: "cache-first"
+  });
+  const detail = (_d = (_c = detailQuery.data) == null ? void 0 : _c.getWorkspace) != null ? _d : null;
+  const role = viewerWorkspaceRole(detail, (_f = (_e = viewerQuery.data) == null ? void 0 : _e.notesViewer) != null ? _f : null);
+  const manage = canManageWorkspace(role);
+  return /* @__PURE__ */ jsx(Modal, { visible, animationType: "slide", presentationStyle: "pageSheet", onRequestClose: onClose, children: /* @__PURE__ */ jsxs(View, { style: [ui.flex, {
+    backgroundColor: palette.bg
+  }], children: [
+    /* @__PURE__ */ jsxs(View, { style: [ui.sheetHeader, {
+      borderBottomColor: palette.hairline
+    }], children: [
+      /* @__PURE__ */ jsx(View, { style: [ui.sheetHeaderSide, ui.sheetHeaderLeft] }),
+      /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [ui.sheetHeaderTitle, {
+        color: palette.text
+      }], children: (_h = (_g = notion.workspace) == null ? void 0 : _g.name) != null ? _h : "Workspace" }),
+      /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", onPress: onClose, hitSlop: 8, style: ui.sheetHeaderSide, children: /* @__PURE__ */ jsx(Text, { style: [ui.sheetHeaderDone, {
+        color: palette.primary
+      }], children: "Done" }) })
+    ] }),
+    /* @__PURE__ */ jsx(View, { style: [styles.tabs, {
+      backgroundColor: palette.fill
+    }], children: ["settings", "members", "guests"].map((t) => /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "tab", accessibilityState: {
+      selected: tab === t
+    }, onPress: () => setTab(t), style: [styles.tab, tab === t && [styles.tabActive, {
+      backgroundColor: palette.card
+    }]], children: /* @__PURE__ */ jsx(Text, { style: [styles.tabLabel, {
+      color: tab === t ? palette.text : palette.textMuted
+    }], children: t === "settings" ? "Settings" : t === "members" ? "Members" : "Guests" }) }, t)) }),
+    !manage ? /* @__PURE__ */ jsx(Text, { style: [styles.readOnly, {
+      color: palette.textMuted
+    }], children: `You're ${role ? `a ${ROLE_LABEL[role].toLowerCase()}` : "not an admin"} here \u2014 only owners and admins can change the workspace.` }) : null,
+    visible && workspaceId ? /* @__PURE__ */ jsxs(KeyboardAvoidingView, { style: ui.flex, behavior: Platform.OS === "ios" ? "padding" : void 0, keyboardVerticalOffset: Platform.OS === "ios" ? 80 : 0, children: [
+      tab === "settings" ? /* @__PURE__ */ jsx(SettingsTab, { palette, notion, detail, loading: detailQuery.loading && !detail, manage, onSaved: () => {
+        detailQuery.refetch();
+        notion.refetchWorkspaces();
+      }, onDeleted: onClose }) : null,
+      tab === "members" ? /* @__PURE__ */ jsx(MembersTab, { palette, workspaceId, manage, viewer: (_j = (_i = viewerQuery.data) == null ? void 0 : _i.notesViewer) != null ? _j : null, onLeft: async () => {
+        var _a2, _b2;
+        onClose();
+        const res = await notion.refetchWorkspaces();
+        const next = ((_b2 = (_a2 = res.data) == null ? void 0 : _a2.listWorkspaces) != null ? _b2 : []).find((w) => w.id !== workspaceId);
+        if (next) notion.selectWorkspace(next.id);
+      } }) : null,
+      tab === "guests" ? /* @__PURE__ */ jsx(GuestsTab, { palette, workspaceId, manage }) : null
+    ] }) : null
+  ] }) });
+}
+function SettingsTab({
+  palette,
+  notion,
+  detail,
+  loading,
+  manage,
+  onSaved,
+  onDeleted
+}) {
+  var _a, _b, _c, _d, _e;
+  const client = useApolloClient();
+  const [name, setName] = useState("");
+  const [icon, setIcon] = useState("");
+  const [busy, setBusy] = useState(false);
+  const [message, setMessage] = useState(null);
+  useEffect(() => {
+    var _a2, _b2, _c2, _d2, _e2;
+    if (!detail) return;
+    setName((_a2 = detail.name) != null ? _a2 : "");
+    setIcon((_e2 = (_d2 = (_b2 = detail.icon) == null ? void 0 : _b2.emoji) != null ? _d2 : (_c2 = detail.icon) == null ? void 0 : _c2.url) != null ? _e2 : "");
+  }, [detail]);
+  const dirty = !!detail && (name.trim() !== ((_a = detail.name) != null ? _a : "") || icon.trim() !== ((_e = (_d = (_b = detail.icon) == null ? void 0 : _b.emoji) != null ? _d : (_c = detail.icon) == null ? void 0 : _c.url) != null ? _e : ""));
+  const save = async () => {
+    if (!detail || !name.trim()) return;
+    setBusy(true);
+    setMessage(null);
+    const iconInput = workspaceIconInput(icon);
+    try {
+      await client.mutate({
+        mutation: NATIVE_NOTION_UPDATE_WORKSPACE,
+        variables: {
+          id: detail.id,
+          input: __spreadValues({
+            name: name.trim()
+          }, iconInput ? {
+            icon: iconInput
+          } : {
+            clearIcon: true
+          })
+        },
+        errorPolicy: "none"
+      });
+      setMessage({
+        text: "Saved"
+      });
+      onSaved();
+    } catch (err) {
+      setMessage({
+        text: serverErrorText(err),
+        error: true
+      });
+    } finally {
+      setBusy(false);
+    }
+  };
+  const remove = () => {
+    if (!detail) return;
+    Alert.alert(`Move \u201C${detail.name}\u201D to trash?`, "Its pages go with it. This affects everyone in the workspace.", [{
+      text: "Cancel",
+      style: "cancel"
+    }, {
+      text: "Move to trash",
+      style: "destructive",
+      onPress: async () => {
+        try {
+          await notion.deleteWorkspace(detail.id);
+          onDeleted();
+        } catch (err) {
+          setMessage({
+            text: serverErrorText(err),
+            error: true
+          });
+        }
+      }
+    }]);
+  };
+  if (loading) return /* @__PURE__ */ jsx(Loading, { palette });
+  return /* @__PURE__ */ jsxs(ScrollView, { contentContainerStyle: styles.content, keyboardShouldPersistTaps: "handled", children: [
+    /* @__PURE__ */ jsx(Text, { style: [styles.label, {
+      color: palette.textMuted
+    }], children: "Name" }),
+    /* @__PURE__ */ jsx(TextInput, { value: name, onChangeText: setName, editable: manage, placeholder: "Workspace name", placeholderTextColor: palette.textFaint, style: [styles.input, {
+      color: palette.text,
+      backgroundColor: palette.card
+    }] }),
+    /* @__PURE__ */ jsx(Text, { style: [styles.label, {
+      color: palette.textMuted
+    }], children: "Icon" }),
+    /* @__PURE__ */ jsx(TextInput, { value: icon, onChangeText: setIcon, editable: manage, placeholder: "An emoji, or an image URL", placeholderTextColor: palette.textFaint, autoCapitalize: "none", autoCorrect: false, style: [styles.input, {
+      color: palette.text,
+      backgroundColor: palette.card
+    }] }),
+    /* @__PURE__ */ jsx(Text, { style: [styles.help, {
+      color: palette.textFaint
+    }], children: "Leave empty to remove the icon." }),
+    message ? /* @__PURE__ */ jsx(Text, { style: [styles.message, {
+      color: message.error ? palette.danger : palette.textMuted
+    }], children: message.text }) : null,
+    manage ? /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", onPress: save, disabled: !dirty || busy || !name.trim(), style: [ui.primaryButton, styles.block, {
+      backgroundColor: palette.primary
+    }, (!dirty || busy || !name.trim()) && styles.disabled], children: busy ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: palette.onPrimary }) : /* @__PURE__ */ jsx(Text, { style: [ui.primaryButtonLabel, {
+      color: palette.onPrimary
+    }], children: "Save changes" }) }) : null,
+    manage ? /* @__PURE__ */ jsxs(View, { style: [styles.danger, {
+      borderColor: palette.dangerSoft
+    }], children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.dangerTitle, {
+        color: palette.text
+      }], children: "Move workspace to trash" }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.help, {
+        color: palette.textMuted
+      }], children: "The workspace and its pages leave everyone's sidebar." }),
+      /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", onPress: remove, style: [styles.dangerButton, {
+        backgroundColor: palette.dangerSoft
+      }], children: /* @__PURE__ */ jsx(Text, { style: [styles.dangerLabel, {
+        color: palette.danger
+      }], children: "Move to trash" }) })
+    ] }) : null
+  ] });
+}
+function useUserNames(ids) {
+  const {
+    data
+  } = useQuery(NATIVE_NOTES_USERS, {
+    variables: {
+      ids
+    },
+    skip: !ids.length,
+    fetchPolicy: "cache-first"
+  });
+  return useMemo(() => {
+    var _a;
+    const out = /* @__PURE__ */ new Map();
+    ((_a = data == null ? void 0 : data.notesUsers) != null ? _a : []).forEach((u) => out.set(u.id, u));
+    return out;
+  }, [data]);
+}
+function MembersTab({
+  palette,
+  workspaceId,
+  manage,
+  viewer,
+  onLeft
+}) {
+  const client = useApolloClient();
+  const isMe = (userId) => !!viewer && [viewer.id, viewer.email].some((x) => typeof x === "string" && x.trim().toLowerCase() === userId.trim().toLowerCase());
+  const {
+    data,
+    loading,
+    error,
+    refetch
+  } = useQuery(NATIVE_NOTION_MEMBERS, {
+    variables: {
+      workspaceId
+    },
+    fetchPolicy: "network-only"
+  });
+  const [members, setMembers] = useState(null);
+  useEffect(() => {
+    var _a;
+    return setMembers((_a = data == null ? void 0 : data.notionWorkspaceMembers) != null ? _a : null);
+  }, [data]);
+  const list = members != null ? members : [];
+  const users = useUserNames(useMemo(() => list.map((m) => m.userId), [list]));
+  const [newUser, setNewUser] = useState("");
+  const [newRole, setNewRole] = useState("member");
+  const [busy, setBusy] = useState(null);
+  const [message, setMessage] = useState(null);
+  const run = async (key, mutation, field, variables) => {
+    var _a;
+    setBusy(key);
+    setMessage(null);
+    try {
+      const res = await client.mutate({
+        mutation,
+        variables: __spreadValues({
+          workspaceId
+        }, variables),
+        errorPolicy: "none"
+      });
+      const next = (_a = res.data) == null ? void 0 : _a[field];
+      if (Array.isArray(next)) setMembers(next);
+      else await refetch();
+      return true;
+    } catch (err) {
+      setMessage(serverErrorText(err));
+      return false;
+    } finally {
+      setBusy(null);
+    }
+  };
+  const leave = () => Alert.alert("Leave this workspace?", "You'll lose access to its pages unless someone adds you again.", [{
+    text: "Cancel",
+    style: "cancel"
+  }, {
+    text: "Leave",
+    style: "destructive",
+    onPress: async () => {
+      const me = list.find((m) => isMe(m.userId));
+      if (!me) return;
+      const ok = await run(me.userId, NATIVE_NOTION_REMOVE_MEMBER, "removeNotionWorkspaceMember", {
+        userId: me.userId
+      });
+      if (ok) onLeft();
+    }
+  }]);
+  const memberMenu = (m, label) => {
+    var _a;
+    if (isMe(m.userId)) {
+      leave();
+      return;
+    }
+    if (!manage) return;
+    Alert.alert(label, `Role: ${(_a = ROLE_LABEL[m.role]) != null ? _a : m.role}`, [...WORKSPACE_ROLES.filter((r) => r !== m.role).map((r) => ({
+      text: `Make ${ROLE_LABEL[r].toLowerCase()}`,
+      onPress: () => {
+        run(m.userId, NATIVE_NOTION_UPDATE_MEMBER, "updateNotionWorkspaceMember", {
+          userId: m.userId,
+          role: r
+        });
+      }
+    })), {
+      text: "Remove from workspace",
+      style: "destructive",
+      onPress: () => {
+        run(m.userId, NATIVE_NOTION_REMOVE_MEMBER, "removeNotionWorkspaceMember", {
+          userId: m.userId
+        });
+      }
+    }, {
+      text: "Cancel",
+      style: "cancel"
+    }]);
+  };
+  if (loading && !data) return /* @__PURE__ */ jsx(Loading, { palette });
+  return /* @__PURE__ */ jsxs(ScrollView, { contentContainerStyle: styles.content, keyboardShouldPersistTaps: "handled", children: [
+    manage ? /* @__PURE__ */ jsxs(View, { style: [styles.card, {
+      backgroundColor: palette.card
+    }], children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.cardTitle, {
+        color: palette.text
+      }], children: "Add a member" }),
+      /* @__PURE__ */ jsx(TextInput, { value: newUser, onChangeText: setNewUser, placeholder: "Email or user id", placeholderTextColor: palette.textFaint, autoCapitalize: "none", autoCorrect: false, keyboardType: "email-address", style: [styles.input, {
+        color: palette.text,
+        backgroundColor: palette.fill
+      }] }),
+      /* @__PURE__ */ jsx(View, { style: styles.roleRow, children: ["admin", "member", "guest"].map((r) => /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", accessibilityState: {
+        selected: newRole === r
+      }, onPress: () => setNewRole(r), style: [styles.roleChip, {
+        backgroundColor: newRole === r ? palette.primarySoft : palette.fill
+      }], children: /* @__PURE__ */ jsx(Text, { style: [styles.roleChipLabel, {
+        color: newRole === r ? palette.primary : palette.text
+      }], children: ROLE_LABEL[r] }) }, r)) }),
+      /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", disabled: !newUser.trim() || busy === "add", onPress: async () => {
+        const ok = await run("add", NATIVE_NOTION_ADD_MEMBER, "addNotionWorkspaceMember", {
+          userId: newUser.trim(),
+          role: newRole
+        });
+        if (ok) setNewUser("");
+      }, style: [ui.primaryButton, styles.block, {
+        backgroundColor: palette.primary,
+        marginTop: 12
+      }, (!newUser.trim() || busy === "add") && styles.disabled], children: busy === "add" ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: palette.onPrimary }) : /* @__PURE__ */ jsx(Text, { style: [ui.primaryButtonLabel, {
+        color: palette.onPrimary
+      }], children: "Add" }) })
+    ] }) : null,
+    message || error ? /* @__PURE__ */ jsx(Text, { style: [styles.message, {
+      color: palette.danger
+    }], children: message != null ? message : serverErrorText(error) }) : null,
+    /* @__PURE__ */ jsx(Text, { style: [styles.label, {
+      color: palette.textMuted
+    }], children: `${list.length} members` }),
+    /* @__PURE__ */ jsx(View, { style: [ui.group, {
+      backgroundColor: palette.card
+    }], children: list.map((m, i) => {
+      var _a, _b;
+      const u = users.get(m.userId);
+      const label = ((_a = u == null ? void 0 : u.name) == null ? void 0 : _a.trim()) || (u == null ? void 0 : u.email) || m.userId;
+      return /* @__PURE__ */ jsxs(Pressable, { accessibilityRole: "button", onPress: () => memberMenu(m, label), disabled: !manage && !isMe(m.userId), style: ({
+        pressed
+      }) => [styles.person, pressed && {
+        backgroundColor: palette.pressed
+      }], children: [
+        /* @__PURE__ */ jsx(Avatar, { palette, label }),
+        /* @__PURE__ */ jsxs(View, { style: [styles.personBody, i < list.length - 1 && ui.hairline, {
+          borderBottomColor: palette.hairline
+        }], children: [
+          /* @__PURE__ */ jsxs(View, { style: ui.flex, children: [
+            /* @__PURE__ */ jsxs(Text, { numberOfLines: 1, style: [styles.personName, {
+              color: palette.text
+            }], children: [
+              label,
+              isMe(m.userId) ? " (you)" : ""
+            ] }),
+            (u == null ? void 0 : u.email) && u.email !== label ? /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.personSub, {
+              color: palette.textMuted
+            }], children: u.email }) : null
+          ] }),
+          busy === m.userId ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: palette.textMuted }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(View, { style: [styles.rolePill, {
+              backgroundColor: palette.fill
+            }], children: /* @__PURE__ */ jsx(Text, { style: [styles.rolePillLabel, {
+              color: palette.textMuted
+            }], children: (_b = ROLE_LABEL[m.role]) != null ? _b : m.role }) }),
+            isMe(m.userId) ? /* @__PURE__ */ jsx(Text, { style: [styles.removeLabel, {
+              color: palette.danger
+            }], children: "Leave" }) : null
+          ] })
+        ] })
+      ] }, m.userId);
+    }) })
+  ] });
+}
+function GuestsTab({
+  palette,
+  workspaceId,
+  manage
+}) {
+  var _a;
+  const client = useApolloClient();
+  const {
+    data,
+    loading,
+    error,
+    refetch
+  } = useQuery(NATIVE_NOTION_GUESTS, {
+    variables: {
+      workspaceId
+    },
+    fetchPolicy: "network-only"
+  });
+  const guests = (_a = data == null ? void 0 : data.notionWorkspaceGuests) != null ? _a : [];
+  const users = useUserNames(useMemo(() => guests.map((g) => g.userId), [guests]));
+  const [message, setMessage] = useState(null);
+  const remove = (g, label) => Alert.alert(`Remove ${label}?`, "They lose access to every page shared with them here.", [{
+    text: "Cancel",
+    style: "cancel"
+  }, {
+    text: "Remove",
+    style: "destructive",
+    onPress: async () => {
+      try {
+        await client.mutate({
+          mutation: NATIVE_NOTION_REMOVE_GUEST,
+          variables: {
+            workspaceId,
+            userId: g.userId
+          },
+          errorPolicy: "none"
+        });
+        await refetch();
+      } catch (err) {
+        setMessage(serverErrorText(err));
+      }
+    }
+  }]);
+  if (loading && !data) return /* @__PURE__ */ jsx(Loading, { palette });
+  return /* @__PURE__ */ jsxs(ScrollView, { contentContainerStyle: styles.content, children: [
+    /* @__PURE__ */ jsx(Text, { style: [styles.help, {
+      color: palette.textMuted
+    }], children: "Guests can open only the pages shared with them." }),
+    message || error ? /* @__PURE__ */ jsx(Text, { style: [styles.message, {
+      color: palette.danger
+    }], children: message != null ? message : serverErrorText(error) }) : null,
+    !guests.length ? /* @__PURE__ */ jsx(Text, { style: [styles.empty, {
+      color: palette.textMuted
+    }], children: "No guests in this workspace." }) : /* @__PURE__ */ jsx(View, { style: [ui.group, {
+      backgroundColor: palette.card,
+      marginTop: 12
+    }], children: guests.map((g, i) => {
+      var _a2;
+      const u = users.get(g.userId);
+      const label = ((_a2 = u == null ? void 0 : u.name) == null ? void 0 : _a2.trim()) || (u == null ? void 0 : u.email) || g.userId;
+      return /* @__PURE__ */ jsxs(View, { style: styles.person, children: [
+        /* @__PURE__ */ jsx(Avatar, { palette, label }),
+        /* @__PURE__ */ jsxs(View, { style: [styles.personBody, i < guests.length - 1 && ui.hairline, {
+          borderBottomColor: palette.hairline
+        }], children: [
+          /* @__PURE__ */ jsxs(View, { style: ui.flex, children: [
+            /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles.personName, {
+              color: palette.text
+            }], children: label }),
+            /* @__PURE__ */ jsx(Text, { numberOfLines: 2, style: [styles.personSub, {
+              color: palette.textMuted
+            }], children: g.pages.map((p) => p.title || "Untitled").join(", ") || "No pages" })
+          ] }),
+          manage ? /* @__PURE__ */ jsx(Pressable, { accessibilityRole: "button", onPress: () => remove(g, label), hitSlop: 8, children: /* @__PURE__ */ jsx(Text, { style: [styles.removeLabel, {
+            color: palette.danger
+          }], children: "Remove" }) }) : null
+        ] })
+      ] }, g.userId);
+    }) })
+  ] });
+}
+function Avatar({
+  palette,
+  label
+}) {
+  return /* @__PURE__ */ jsx(View, { style: [styles.avatar, {
+    backgroundColor: palette.primarySoft
+  }], children: /* @__PURE__ */ jsx(Text, { style: [styles.avatarText, {
+    color: palette.primary
+  }], children: label.trim().charAt(0).toUpperCase() || "?" }) });
+}
+function Loading({
+  palette
+}) {
+  return /* @__PURE__ */ jsx(View, { style: styles.loading, children: /* @__PURE__ */ jsx(ActivityIndicator, { color: palette.textMuted }) });
+}
+const styles = StyleSheet.create({
+  tabs: {
+    flexDirection: "row",
+    margin: 16,
+    marginBottom: 4,
+    padding: 3,
+    borderRadius: 12
+  },
+  tab: {
+    flex: 1,
+    alignItems: "center",
+    paddingVertical: 8,
+    borderRadius: 9
+  },
+  tabActive: {
+    shadowColor: "#000",
+    shadowOpacity: 0.08,
+    shadowRadius: 3,
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    elevation: 1
+  },
+  tabLabel: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  readOnly: {
+    fontSize: 13,
+    marginHorizontal: 20,
+    marginTop: 8
+  },
+  content: {
+    padding: 16,
+    paddingBottom: 48
+  },
+  loading: {
+    paddingVertical: 48,
+    alignItems: "center"
+  },
+  label: {
+    fontSize: 13,
+    fontWeight: "600",
+    marginTop: 16,
+    marginBottom: 6,
+    marginLeft: 2
+  },
+  input: {
+    fontSize: 16,
+    height: 48,
+    paddingHorizontal: 14,
+    borderRadius: 12
+  },
+  help: {
+    fontSize: 13,
+    marginTop: 6,
+    marginLeft: 2,
+    lineHeight: 18
+  },
+  message: {
+    fontSize: 14,
+    marginTop: 12
+  },
+  block: {
+    alignSelf: "stretch"
+  },
+  disabled: {
+    opacity: 0.45
+  },
+  danger: {
+    marginTop: 32,
+    padding: 16,
+    borderRadius: 16,
+    borderWidth: 1
+  },
+  dangerTitle: {
+    fontSize: 16,
+    fontWeight: "700"
+  },
+  dangerButton: {
+    marginTop: 12,
+    alignItems: "center",
+    paddingVertical: 12,
+    borderRadius: 12
+  },
+  dangerLabel: {
+    fontSize: 15,
+    fontWeight: "700"
+  },
+  card: {
+    padding: 16,
+    borderRadius: 16
+  },
+  cardTitle: {
+    fontSize: 16,
+    fontWeight: "700",
+    marginBottom: 10
+  },
+  roleRow: {
+    flexDirection: "row",
+    gap: 8,
+    marginTop: 10
+  },
+  roleChip: {
+    paddingHorizontal: 14,
+    paddingVertical: 8,
+    borderRadius: 999
+  },
+  roleChipLabel: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  person: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 14
+  },
+  personBody: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    marginLeft: 12,
+    paddingRight: 14,
+    minHeight: 60
+  },
+  personName: {
+    fontSize: 16,
+    fontWeight: "600"
+  },
+  personSub: {
+    fontSize: 13,
+    marginTop: 2
+  },
+  rolePill: {
+    paddingHorizontal: 10,
+    paddingVertical: 4,
+    borderRadius: 999
+  },
+  rolePillLabel: {
+    fontSize: 12,
+    fontWeight: "700"
+  },
+  removeLabel: {
+    fontSize: 14,
+    fontWeight: "700"
+  },
+  avatar: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  avatarText: {
+    fontSize: 15,
+    fontWeight: "700"
+  },
+  empty: {
+    fontSize: 15,
+    textAlign: "center",
+    paddingVertical: 32
+  }
+});export{WorkspaceAdminSheet};//# sourceMappingURL=NotionWorkspaceAdmin.js.map