@stackframe/stack 2.5.19 → 2.5.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackframe/stack",
-  "version": "2.5.19",
+  "version": "2.5.20",
   "sideEffects": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -40,9 +40,9 @@
     "tailwindcss-animate": "^1.0.7",
     "tsx": "^4.7.2",
     "yup": "^1.4.0",
-    "@stackframe/stack-ui": "2.5.19",
-    "@stackframe/stack-sc": "2.5.19",
-    "@stackframe/stack-shared": "2.5.19"
+    "@stackframe/stack-sc": "2.5.20",
+    "@stackframe/stack-shared": "2.5.20",
+    "@stackframe/stack-ui": "2.5.20"
   },
   "peerDependencies": {
     "next": ">=14.1",

package/dist/components-page/team-settings.d.mts

@@ -1,8 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare function TeamSettings(props: {
-    fullPage?: boolean;
-    teamId: string;
-}): react_jsx_runtime.JSX.Element;
-
-export { TeamSettings };

package/dist/components-page/team-settings.d.ts

@@ -1,8 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare function TeamSettings(props: {
-    fullPage?: boolean;
-    teamId: string;
-}): react_jsx_runtime.JSX.Element;
-
-export { TeamSettings };

package/dist/components-page/team-settings.js

@@ -1,139 +0,0 @@
-"use client";
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components-page/team-settings.tsx
-var team_settings_exports = {};
-__export(team_settings_exports, {
-  TeamSettings: () => TeamSettings
-});
-module.exports = __toCommonJS(team_settings_exports);
-var import_stack_ui = require("@stackframe/stack-ui");
-var import_lucide_react = require("lucide-react");
-var import_react = require("react");
-var import__ = require("..");
-var import_sidebar_layout = require("../components/elements/sidebar-layout");
-var import_user_avatar = require("../components/elements/user-avatar");
-var import_jsx_runtime = require("react/jsx-runtime");
-function TeamSettings(props) {
-  const user = (0, import__.useUser)({ or: "redirect" });
-  const team = user.useTeam(props.teamId);
-  if (!team) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.MessageCard, { title: "Team not found" });
-  }
-  const inner = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_sidebar_layout.SidebarLayout,
-    {
-      items: [
-        { title: "My Profile", content: profileSettings({ team }), icon: import_lucide_react.Contact, description: `Your profile in the team "${team.displayName}"` },
-        { title: "Members", content: membersSettings({ team }), icon: import_lucide_react.Users },
-        { title: "Team Info", content: managementSettings({ team }), icon: import_lucide_react.Info }
-        // { title: 'Settings', content: userSettings({ team }), icon: Settings },
-      ].filter(({ content }) => content),
-      title: "Team Settings"
-    }
-  );
-  if (props.fullPage) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Container, { size: 800, className: "stack-scope", children: inner });
-  } else {
-    return inner;
-  }
-}
-function managementSettings(props) {
-  const user = (0, import__.useUser)({ or: "redirect" });
-  const updateTeamPermission = user.usePermission(props.team, "$update_team");
-  if (!updateTeamPermission) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Label, { children: "Team display name" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.EditableText, { value: props.team.displayName, onSave: () => {
-    } })
-  ] }) });
-}
-function profileSettings(props) {
-  const user = (0, import__.useUser)({ or: "redirect" });
-  const profile = user.useTeamProfile(props.team);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stack_ui.Label, { className: "flex gap-2", children: [
-      "Display name ",
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.SimpleTooltip, { tooltip: "This overwrites your user display name in the account setting", type: "info" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_stack_ui.EditableText,
-      {
-        value: profile.displayName || "",
-        onSave: async (newDisplayName) => {
-          await profile.update({ displayName: newDisplayName });
-        }
-      }
-    )
-  ] }) });
-}
-function membersSettings(props) {
-  const [removeModalOpen, setRemoveModalOpen] = (0, import_react.useState)(false);
-  const user = (0, import__.useUser)({ or: "redirect" });
-  const removeMemberPermission = user.usePermission(props.team, "$remove_members");
-  const readMemberPermission = user.usePermission(props.team, "$read_members");
-  const inviteMemberPermission = user.usePermission(props.team, "$invite_members");
-  const [email, setEmail] = (0, import_react.useState)("");
-  const [invited, setInvited] = (0, import_react.useState)(false);
-  if (!readMemberPermission && !inviteMemberPermission) {
-    return null;
-  }
-  const users = props.team.useUsers();
-  (0, import_react.useEffect)(() => {
-    if (invited && email) {
-      setInvited(false);
-    }
-  }, [email]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-8", children: [
-    inviteMemberPermission && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Label, { children: "Invite a user to team" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-2 md:flex-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Input, { placeholder: "Email", value: email, onChange: (e) => setEmail(e.target.value) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Button, { onClick: async () => {
-          await props.team.inviteUser({ email });
-          setEmail("");
-          setInvited(true);
-        }, children: "Invite" })
-      ] }),
-      invited && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Typography, { type: "label", variant: "secondary", children: "User invited." })
-    ] }),
-    readMemberPermission && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Label, { children: "Members" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stack_ui.Table, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.TableHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stack_ui.TableRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.TableHead, { className: "w-[100px]", children: "User" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.TableHead, { className: "w-[200px]", children: "Name" })
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.TableBody, { children: users.map(({ id, teamProfile }, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stack_ui.TableRow, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_user_avatar.UserAvatar, { user: teamProfile }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.TableCell, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Typography, { children: teamProfile.displayName }) })
-        ] }, id)) })
-      ] })
-    ] })
-  ] }) });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TeamSettings
-});
-//# sourceMappingURL=team-settings.js.map

package/dist/components-page/team-settings.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components-page/team-settings.tsx"],"sourcesContent":["'use client';\n\nimport { ActionCell, ActionDialog, Button, Container, EditableText, Input, Label, SimpleTooltip, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Typography } from \"@stackframe/stack-ui\";\nimport { Contact, Info, Settings, Users } from \"lucide-react\";\nimport { useEffect, useState } from \"react\";\nimport { MessageCard, Team, useStackApp, useUser } from \"..\";\nimport { SidebarLayout } from \"../components/elements/sidebar-layout\";\nimport { UserAvatar } from \"../components/elements/user-avatar\";\n\nexport function TeamSettings(props: { fullPage?: boolean, teamId: string }) {\n  const user = useUser({ or: 'redirect' });\n  const team = user.useTeam(props.teamId);\n\n  if (!team) {\n    return <MessageCard title='Team not found' />;\n  }\n\n\n  const inner = <SidebarLayout\n    items={[\n      { title: 'My Profile', content: profileSettings({ team }), icon: Contact, description: `Your profile in the team \"${team.displayName}\"` },\n      { title: 'Members', content: membersSettings({ team }), icon: Users },\n      { title: 'Team Info', content: managementSettings({ team }), icon: Info },\n      // { title: 'Settings', content: userSettings({ team }), icon: Settings },\n    ].filter(({ content }) => content as any)}\n    title='Team Settings'\n  />;\n\n  if (props.fullPage) {\n    return (\n      <Container size={800} className='stack-scope'>\n        {inner}\n      </Container>\n    );\n  } else {\n    return inner;\n  }\n}\n\nfunction managementSettings(props: { team: Team }) {\n  const user = useUser({ or: 'redirect' });\n  const updateTeamPermission = user.usePermission(props.team, '$update_team');\n\n  if (!updateTeamPermission) {\n    return null;\n  }\n\n  return (\n    <>\n      <div>\n        <Label>Team display name</Label>\n        <EditableText value={props.team.displayName} onSave={() => {}}/>\n      </div>\n    </>\n  );\n}\n\nfunction profileSettings(props: { team: Team }) {\n  const user = useUser({ or: 'redirect' });\n  const profile = user.useTeamProfile(props.team);\n\n  return (\n    <div className=\"flex flex-col\">\n      <div className=\"flex flex-col\">\n        <Label className=\"flex gap-2\">Display name <SimpleTooltip tooltip=\"This overwrites your user display name in the account setting\" type='info'/></Label>\n        <EditableText\n          value={profile.displayName || ''}\n          onSave={async (newDisplayName) => {\n            await profile.update({ displayName: newDisplayName });\n          }}/>\n      </div>\n    </div>\n  );\n}\n\nfunction userSettings(props: { team: Team }) {\n  const app = useStackApp();\n  const user = useUser({ or: 'redirect' });\n\n  return (\n    <div>\n      <div>\n        <Button\n          variant='secondary'\n          onClick={async () => {\n            await user.leaveTeam(props.team);\n            await app.redirectToHome();\n          }}\n        >\n          Leave team\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nfunction RemoveMemberDialog(props: {\n  open?: boolean,\n  onOpenChange?: (open: boolean) => void,\n}) {\n  return (\n    <ActionDialog\n      open={props.open}\n      onOpenChange={props.onOpenChange}\n      title=\"Delete domain\"\n      danger\n      okButton={{\n        label: \"Delete\",\n        onClick: async () => {\n        }\n      }}\n      cancelButton\n    >\n      <Typography>\n        Do you really want to remove from the team?\n      </Typography>\n    </ActionDialog>\n  );\n}\n\nfunction membersSettings(props: { team: Team }) {\n  const [removeModalOpen, setRemoveModalOpen] = useState(false);\n  const user = useUser({ or: 'redirect' });\n  const removeMemberPermission = user.usePermission(props.team, '$remove_members');\n  const readMemberPermission = user.usePermission(props.team, '$read_members');\n  const inviteMemberPermission = user.usePermission(props.team, '$invite_members');\n  const [email, setEmail] = useState('');\n  const [invited, setInvited] = useState(false);\n\n  if (!readMemberPermission && !inviteMemberPermission) {\n    return null;\n  }\n\n  const users = props.team.useUsers();\n\n  useEffect(() => {\n    if (invited && email) {\n      setInvited(false);\n    }\n  }, [email]);\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-8\">\n        {inviteMemberPermission &&\n          <div>\n            <Label>Invite a user to team</Label>\n            <div className=\"flex flex-col gap-2 md:flex-row\">\n              <Input placeholder=\"Email\" value={email} onChange={e => setEmail(e.target.value)}/>\n              <Button onClick={async () => {\n                await props.team.inviteUser({ email });\n                setEmail('');\n                setInvited(true);\n              }}>Invite</Button>\n            </div>\n            {invited && <Typography type='label' variant='secondary'>User invited.</Typography>}\n          </div>}\n        {readMemberPermission &&\n        <div>\n          <Label>Members</Label>\n          <Table>\n            <TableHeader>\n              <TableRow>\n                <TableHead className=\"w-[100px]\">User</TableHead>\n                <TableHead className=\"w-[200px]\">Name</TableHead>\n                {/* {removeMemberPermission && <TableHead className=\"w-[100px]\">Actions</TableHead>} */}\n              </TableRow>\n            </TableHeader>\n            <TableBody>\n              {users.map(({ id, teamProfile }, i) => (\n                <TableRow key={id}>\n                  <TableCell>\n                    <UserAvatar user={teamProfile}/>\n                  </TableCell>\n                  <TableCell>\n                    <Typography>{teamProfile.displayName}</Typography>\n                  </TableCell>\n                  {/* {removeMemberPermission && <TableCell>\n                    <ActionCell items={[\n                      { item: 'Remove', onClick: () => setRemoveModalOpen(true), danger: true },\n                    ]}/>\n                    <RemoveMemberDialog open={removeModalOpen} onOpenChange={setRemoveModalOpen} />\n                  </TableCell>} */}\n                </TableRow>\n              ))}\n            </TableBody>\n          </Table>\n        </div>}\n      </div>\n    </>\n  );\n}"],"mappings":"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","names":[]}

package/dist/esm/components-page/team-settings.js

@@ -1,115 +0,0 @@
-"use client";
-"use client";
-
-// src/components-page/team-settings.tsx
-import { ActionDialog, Button, Container, EditableText, Input, Label, SimpleTooltip, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Typography } from "@stackframe/stack-ui";
-import { Contact, Info, Users } from "lucide-react";
-import { useEffect, useState } from "react";
-import { MessageCard, useStackApp, useUser } from "..";
-import { SidebarLayout } from "../components/elements/sidebar-layout";
-import { UserAvatar } from "../components/elements/user-avatar";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function TeamSettings(props) {
-  const user = useUser({ or: "redirect" });
-  const team = user.useTeam(props.teamId);
-  if (!team) {
-    return /* @__PURE__ */ jsx(MessageCard, { title: "Team not found" });
-  }
-  const inner = /* @__PURE__ */ jsx(
-    SidebarLayout,
-    {
-      items: [
-        { title: "My Profile", content: profileSettings({ team }), icon: Contact, description: `Your profile in the team "${team.displayName}"` },
-        { title: "Members", content: membersSettings({ team }), icon: Users },
-        { title: "Team Info", content: managementSettings({ team }), icon: Info }
-        // { title: 'Settings', content: userSettings({ team }), icon: Settings },
-      ].filter(({ content }) => content),
-      title: "Team Settings"
-    }
-  );
-  if (props.fullPage) {
-    return /* @__PURE__ */ jsx(Container, { size: 800, className: "stack-scope", children: inner });
-  } else {
-    return inner;
-  }
-}
-function managementSettings(props) {
-  const user = useUser({ or: "redirect" });
-  const updateTeamPermission = user.usePermission(props.team, "$update_team");
-  if (!updateTeamPermission) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx(Label, { children: "Team display name" }),
-    /* @__PURE__ */ jsx(EditableText, { value: props.team.displayName, onSave: () => {
-    } })
-  ] }) });
-}
-function profileSettings(props) {
-  const user = useUser({ or: "redirect" });
-  const profile = user.useTeamProfile(props.team);
-  return /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ jsxs(Label, { className: "flex gap-2", children: [
-      "Display name ",
-      /* @__PURE__ */ jsx(SimpleTooltip, { tooltip: "This overwrites your user display name in the account setting", type: "info" })
-    ] }),
-    /* @__PURE__ */ jsx(
-      EditableText,
-      {
-        value: profile.displayName || "",
-        onSave: async (newDisplayName) => {
-          await profile.update({ displayName: newDisplayName });
-        }
-      }
-    )
-  ] }) });
-}
-function membersSettings(props) {
-  const [removeModalOpen, setRemoveModalOpen] = useState(false);
-  const user = useUser({ or: "redirect" });
-  const removeMemberPermission = user.usePermission(props.team, "$remove_members");
-  const readMemberPermission = user.usePermission(props.team, "$read_members");
-  const inviteMemberPermission = user.usePermission(props.team, "$invite_members");
-  const [email, setEmail] = useState("");
-  const [invited, setInvited] = useState(false);
-  if (!readMemberPermission && !inviteMemberPermission) {
-    return null;
-  }
-  const users = props.team.useUsers();
-  useEffect(() => {
-    if (invited && email) {
-      setInvited(false);
-    }
-  }, [email]);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8", children: [
-    inviteMemberPermission && /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(Label, { children: "Invite a user to team" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 md:flex-row", children: [
-        /* @__PURE__ */ jsx(Input, { placeholder: "Email", value: email, onChange: (e) => setEmail(e.target.value) }),
-        /* @__PURE__ */ jsx(Button, { onClick: async () => {
-          await props.team.inviteUser({ email });
-          setEmail("");
-          setInvited(true);
-        }, children: "Invite" })
-      ] }),
-      invited && /* @__PURE__ */ jsx(Typography, { type: "label", variant: "secondary", children: "User invited." })
-    ] }),
-    readMemberPermission && /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx(Label, { children: "Members" }),
-      /* @__PURE__ */ jsxs(Table, { children: [
-        /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
-          /* @__PURE__ */ jsx(TableHead, { className: "w-[100px]", children: "User" }),
-          /* @__PURE__ */ jsx(TableHead, { className: "w-[200px]", children: "Name" })
-        ] }) }),
-        /* @__PURE__ */ jsx(TableBody, { children: users.map(({ id, teamProfile }, i) => /* @__PURE__ */ jsxs(TableRow, { children: [
-          /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(UserAvatar, { user: teamProfile }) }),
-          /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Typography, { children: teamProfile.displayName }) })
-        ] }, id)) })
-      ] })
-    ] })
-  ] }) });
-}
-export {
-  TeamSettings
-};
-//# sourceMappingURL=team-settings.js.map

package/dist/esm/components-page/team-settings.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components-page/team-settings.tsx"],"sourcesContent":["'use client';\n\nimport { ActionCell, ActionDialog, Button, Container, EditableText, Input, Label, SimpleTooltip, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Typography } from \"@stackframe/stack-ui\";\nimport { Contact, Info, Settings, Users } from \"lucide-react\";\nimport { useEffect, useState } from \"react\";\nimport { MessageCard, Team, useStackApp, useUser } from \"..\";\nimport { SidebarLayout } from \"../components/elements/sidebar-layout\";\nimport { UserAvatar } from \"../components/elements/user-avatar\";\n\nexport function TeamSettings(props: { fullPage?: boolean, teamId: string }) {\n  const user = useUser({ or: 'redirect' });\n  const team = user.useTeam(props.teamId);\n\n  if (!team) {\n    return <MessageCard title='Team not found' />;\n  }\n\n\n  const inner = <SidebarLayout\n    items={[\n      { title: 'My Profile', content: profileSettings({ team }), icon: Contact, description: `Your profile in the team \"${team.displayName}\"` },\n      { title: 'Members', content: membersSettings({ team }), icon: Users },\n      { title: 'Team Info', content: managementSettings({ team }), icon: Info },\n      // { title: 'Settings', content: userSettings({ team }), icon: Settings },\n    ].filter(({ content }) => content as any)}\n    title='Team Settings'\n  />;\n\n  if (props.fullPage) {\n    return (\n      <Container size={800} className='stack-scope'>\n        {inner}\n      </Container>\n    );\n  } else {\n    return inner;\n  }\n}\n\nfunction managementSettings(props: { team: Team }) {\n  const user = useUser({ or: 'redirect' });\n  const updateTeamPermission = user.usePermission(props.team, '$update_team');\n\n  if (!updateTeamPermission) {\n    return null;\n  }\n\n  return (\n    <>\n      <div>\n        <Label>Team display name</Label>\n        <EditableText value={props.team.displayName} onSave={() => {}}/>\n      </div>\n    </>\n  );\n}\n\nfunction profileSettings(props: { team: Team }) {\n  const user = useUser({ or: 'redirect' });\n  const profile = user.useTeamProfile(props.team);\n\n  return (\n    <div className=\"flex flex-col\">\n      <div className=\"flex flex-col\">\n        <Label className=\"flex gap-2\">Display name <SimpleTooltip tooltip=\"This overwrites your user display name in the account setting\" type='info'/></Label>\n        <EditableText\n          value={profile.displayName || ''}\n          onSave={async (newDisplayName) => {\n            await profile.update({ displayName: newDisplayName });\n          }}/>\n      </div>\n    </div>\n  );\n}\n\nfunction userSettings(props: { team: Team }) {\n  const app = useStackApp();\n  const user = useUser({ or: 'redirect' });\n\n  return (\n    <div>\n      <div>\n        <Button\n          variant='secondary'\n          onClick={async () => {\n            await user.leaveTeam(props.team);\n            await app.redirectToHome();\n          }}\n        >\n          Leave team\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nfunction RemoveMemberDialog(props: {\n  open?: boolean,\n  onOpenChange?: (open: boolean) => void,\n}) {\n  return (\n    <ActionDialog\n      open={props.open}\n      onOpenChange={props.onOpenChange}\n      title=\"Delete domain\"\n      danger\n      okButton={{\n        label: \"Delete\",\n        onClick: async () => {\n        }\n      }}\n      cancelButton\n    >\n      <Typography>\n        Do you really want to remove from the team?\n      </Typography>\n    </ActionDialog>\n  );\n}\n\nfunction membersSettings(props: { team: Team }) {\n  const [removeModalOpen, setRemoveModalOpen] = useState(false);\n  const user = useUser({ or: 'redirect' });\n  const removeMemberPermission = user.usePermission(props.team, '$remove_members');\n  const readMemberPermission = user.usePermission(props.team, '$read_members');\n  const inviteMemberPermission = user.usePermission(props.team, '$invite_members');\n  const [email, setEmail] = useState('');\n  const [invited, setInvited] = useState(false);\n\n  if (!readMemberPermission && !inviteMemberPermission) {\n    return null;\n  }\n\n  const users = props.team.useUsers();\n\n  useEffect(() => {\n    if (invited && email) {\n      setInvited(false);\n    }\n  }, [email]);\n\n  return (\n    <>\n      <div className=\"flex flex-col gap-8\">\n        {inviteMemberPermission &&\n          <div>\n            <Label>Invite a user to team</Label>\n            <div className=\"flex flex-col gap-2 md:flex-row\">\n              <Input placeholder=\"Email\" value={email} onChange={e => setEmail(e.target.value)}/>\n              <Button onClick={async () => {\n                await props.team.inviteUser({ email });\n                setEmail('');\n                setInvited(true);\n              }}>Invite</Button>\n            </div>\n            {invited && <Typography type='label' variant='secondary'>User invited.</Typography>}\n          </div>}\n        {readMemberPermission &&\n        <div>\n          <Label>Members</Label>\n          <Table>\n            <TableHeader>\n              <TableRow>\n                <TableHead className=\"w-[100px]\">User</TableHead>\n                <TableHead className=\"w-[200px]\">Name</TableHead>\n                {/* {removeMemberPermission && <TableHead className=\"w-[100px]\">Actions</TableHead>} */}\n              </TableRow>\n            </TableHeader>\n            <TableBody>\n              {users.map(({ id, teamProfile }, i) => (\n                <TableRow key={id}>\n                  <TableCell>\n                    <UserAvatar user={teamProfile}/>\n                  </TableCell>\n                  <TableCell>\n                    <Typography>{teamProfile.displayName}</Typography>\n                  </TableCell>\n                  {/* {removeMemberPermission && <TableCell>\n                    <ActionCell items={[\n                      { item: 'Remove', onClick: () => setRemoveModalOpen(true), danger: true },\n                    ]}/>\n                    <RemoveMemberDialog open={removeModalOpen} onOpenChange={setRemoveModalOpen} />\n                  </TableCell>} */}\n                </TableRow>\n              ))}\n            </TableBody>\n          </Table>\n        </div>}\n      </div>\n    </>\n  );\n}"],"mappings":"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","names":[]}