@stackframe/tanstack-start 0.0.1 → 2.8.91

package/dist/components-page/account-settings/teams/team-creation-page.js

@@ -0,0 +1,67 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../../chunk-BE-pF4vm.js');
+let _hookform_resolvers_yup = require("@hookform/resolvers/yup");
+let _stackframe_stack_shared_dist_schema_fields = require("@stackframe/stack-shared/dist/schema-fields");
+let _stackframe_stack_shared_dist_utils_promises = require("@stackframe/stack-shared/dist/utils/promises");
+let _stackframe_stack_ui = require("@stackframe/stack-ui");
+let react = require("react");
+let react_hook_form = require("react-hook-form");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _________lib_hooks_js = require("../../../lib/hooks.js");
+let _________lib_translations_js = require("../../../lib/translations.js");
+let ___page_layout_js = require("../page-layout.js");
+let _________components_elements_form_warning_js = require("../../../components/elements/form-warning.js");
+let ___section_js = require("../section.js");
+let _________components_message_cards_message_card_js = require("../../../components/message-cards/message-card.js");
+
+//#region src/components-page/account-settings/teams/team-creation-page.tsx
+function TeamCreationPage(props) {
+	const { t } = (0, _________lib_translations_js.useTranslation)();
+	const { register, handleSubmit, formState: { errors } } = (0, react_hook_form.useForm)({ resolver: (0, _hookform_resolvers_yup.yupResolver)((0, _stackframe_stack_shared_dist_schema_fields.yupObject)({ displayName: (0, _stackframe_stack_shared_dist_schema_fields.yupString)().defined().nonEmpty(t("Please enter a team name")) })) });
+	const app = (0, _________lib_hooks_js.useStackApp)();
+	const project = app.useProject();
+	const user = (0, _________lib_hooks_js.useUser)({ or: props?.mockMode ? "return-null" : "redirect" });
+	const navigate = app.useNavigate();
+	const [loading, setLoading] = (0, react.useState)(false);
+	if (props?.mockMode) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___page_layout_js.PageLayout, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_________components_message_cards_message_card_js.MessageCard, { title: t("Team creation is disabled in demo mode") }) });
+	if (!project.config.clientTeamCreationEnabled) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_________components_message_cards_message_card_js.MessageCard, { title: t("Team creation is not enabled") });
+	const onSubmit = async (data) => {
+		if (props?.mockMode) {
+			alert("Mock mode: Team creation clicked");
+			return;
+		}
+		setLoading(true);
+		let team;
+		try {
+			team = await user?.createTeam({ displayName: data.displayName });
+		} finally {
+			setLoading(false);
+		}
+		if (team) navigate(`#team-${team.id}`);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___page_layout_js.PageLayout, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___section_js.Section, {
+		title: t("Create a Team"),
+		description: t("Enter a display name for your new team"),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+			onSubmit: (e) => (0, _stackframe_stack_shared_dist_utils_promises.runAsynchronouslyWithAlert)(handleSubmit(onSubmit)(e)),
+			noValidate: true,
+			className: "flex gap-2 flex-col sm:flex-row",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col flex-1",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Input, {
+					id: "displayName",
+					type: "text",
+					...register("displayName")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_________components_elements_form_warning_js.FormWarningText, { text: errors.displayName?.message?.toString() })]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+				type: "submit",
+				loading,
+				children: t("Create")
+			})]
+		})
+	}) });
+}
+
+//#endregion
+exports.TeamCreationPage = TeamCreationPage;
+//# sourceMappingURL=team-creation-page.js.map

package/dist/components-page/account-settings/teams/team-creation-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-creation-page.js","names":["PageLayout","MessageCard","Section","Input","FormWarningText","Button"],"sources":["../../../../src/components-page/account-settings/teams/team-creation-page.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { yupObject, yupString } from \"@stackframe/stack-shared/dist/schema-fields\";\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { Button, Input } from \"@stackframe/stack-ui\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { FormWarningText } from \"../../../components/elements/form-warning\";\nimport { MessageCard } from \"../../../components/message-cards/message-card\";\nimport { useStackApp, useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { PageLayout } from \"../page-layout\";\nimport { Section } from \"../section\";\n\nexport function TeamCreationPage(props?: {\n  mockMode?: boolean,\n}) {\n  const { t } = useTranslation();\n\n  const teamCreationSchema = yupObject({\n    displayName: yupString().defined().nonEmpty(t(\"Please enter a team name\")),\n  });\n\n  const { register, handleSubmit, formState: { errors } } = useForm({\n    resolver: yupResolver(teamCreationSchema)\n  });\n  const app = useStackApp();\n  const project = app.useProject();\n  const user = useUser({ or: props?.mockMode ? 'return-null' : 'redirect' });\n  const navigate = app.useNavigate();\n  const [loading, setLoading] = useState(false);\n\n  // In mock mode, show that team creation is disabled\n  if (props?.mockMode) {\n    return (\n      <PageLayout>\n        <MessageCard title={t(\"Team creation is disabled in demo mode\")} />\n      </PageLayout>\n    );\n  }\n\n  if (!project.config.clientTeamCreationEnabled) {\n    return <MessageCard title={t(\"Team creation is not enabled\")} />;\n  }\n\n  const onSubmit = async (data: yup.InferType<typeof teamCreationSchema>) => {\n    if (props?.mockMode) {\n      // Mock mode - just show an alert\n      alert(\"Mock mode: Team creation clicked\");\n      return;\n    }\n\n    setLoading(true);\n\n    let team;\n    try {\n      team = await user?.createTeam({ displayName: data.displayName });\n    } finally {\n      setLoading(false);\n    }\n\n    if (team) {\n      navigate(`#team-${team.id}`);\n    }\n  };\n\n  return (\n    <PageLayout>\n      <Section title={t(\"Create a Team\")} description={t(\"Enter a display name for your new team\")}>\n        <form\n          onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n          noValidate\n          className='flex gap-2 flex-col sm:flex-row'\n        >\n          <div className='flex flex-col flex-1'>\n            <Input\n              id=\"displayName\"\n              type=\"text\"\n              {...register(\"displayName\")}\n            />\n            <FormWarningText text={errors.displayName?.message?.toString()} />\n          </div>\n          <Button type=\"submit\" loading={loading}>{t(\"Create\")}</Button>\n        </form>\n      </Section>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,SAAgB,iBAAiB,OAE9B;CACD,MAAM,EAAE,wDAAsB;CAM9B,MAAM,EAAE,UAAU,cAAc,WAAW,EAAE,0CAAqB,EAChE,8GALmC,EACnC,yEAAwB,CAAC,SAAS,CAAC,SAAS,EAAE,2BAA2B,CAAC,EAC3E,CAAC,CAGyC,EAC1C,CAAC;CACF,MAAM,8CAAmB;CACzB,MAAM,UAAU,IAAI,YAAY;CAChC,MAAM,0CAAe,EAAE,IAAI,OAAO,WAAW,gBAAgB,YAAY,CAAC;CAC1E,MAAM,WAAW,IAAI,aAAa;CAClC,MAAM,CAAC,SAAS,kCAAuB,MAAM;AAG7C,KAAI,OAAO,SACT,QACE,2CAACA,0CACC,2CAACC,iEAAY,OAAO,EAAE,yCAAyC,GAAI,GACxD;AAIjB,KAAI,CAAC,QAAQ,OAAO,0BAClB,QAAO,2CAACA,iEAAY,OAAO,EAAE,+BAA+B,GAAI;CAGlE,MAAM,WAAW,OAAO,SAAmD;AACzE,MAAI,OAAO,UAAU;AAEnB,SAAM,mCAAmC;AACzC;;AAGF,aAAW,KAAK;EAEhB,IAAI;AACJ,MAAI;AACF,UAAO,MAAM,MAAM,WAAW,EAAE,aAAa,KAAK,aAAa,CAAC;YACxD;AACR,cAAW,MAAM;;AAGnB,MAAI,KACF,UAAS,SAAS,KAAK,KAAK;;AAIhC,QACE,2CAACD,0CACC,2CAACE;EAAQ,OAAO,EAAE,gBAAgB;EAAE,aAAa,EAAE,yCAAyC;YAC1F,4CAAC;GACC,WAAU,mFAAgC,aAAa,SAAS,CAAC,EAAE,CAAC;GACpE;GACA,WAAU;cAEV,4CAAC;IAAI,WAAU;eACb,2CAACC;KACC,IAAG;KACH,MAAK;KACL,GAAI,SAAS,cAAc;MAC3B,EACF,2CAACC,gEAAgB,MAAM,OAAO,aAAa,SAAS,UAAU,GAAI;KAC9D,EACN,2CAACC;IAAO,MAAK;IAAkB;cAAU,EAAE,SAAS;KAAU;IACzD;GACC,GACC"}

package/dist/components-page/account-settings/teams/team-display-name-section.d.ts

@@ -0,0 +1,10 @@
+import { Team } from "../../../lib/stack-app/teams/index.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components-page/account-settings/teams/team-display-name-section.d.ts
+declare function TeamDisplayNameSection(props: {
+  team: Team;
+}): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { TeamDisplayNameSection };
+//# sourceMappingURL=team-display-name-section.d.ts.map

package/dist/components-page/account-settings/teams/team-display-name-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-display-name-section.d.ts","names":[],"sources":["../../../../src/components-page/account-settings/teams/team-display-name-section.tsx"],"mappings":";;;;iBAUgB,sBAAA,CAAuB,KAAA;EAAS,IAAA,EAAM,IAAA;AAAA,IAAM,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components-page/account-settings/teams/team-display-name-section.js

@@ -0,0 +1,25 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../../chunk-BE-pF4vm.js');
+let react_jsx_runtime = require("react/jsx-runtime");
+let _________lib_hooks_js = require("../../../lib/hooks.js");
+let _________lib_translations_js = require("../../../lib/translations.js");
+let ___section_js = require("../section.js");
+let ___editable_text_js = require("../editable-text.js");
+
+//#region src/components-page/account-settings/teams/team-display-name-section.tsx
+function TeamDisplayNameSection(props) {
+	const { t } = (0, _________lib_translations_js.useTranslation)();
+	if (!(0, _________lib_hooks_js.useUser)({ or: "redirect" }).usePermission(props.team, "$update_team")) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___section_js.Section, {
+		title: t("Team display name"),
+		description: t("Change the display name of your team"),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___editable_text_js.EditableText, {
+			value: props.team.displayName,
+			onSave: async (newDisplayName) => await props.team.update({ displayName: newDisplayName })
+		})
+	});
+}
+
+//#endregion
+exports.TeamDisplayNameSection = TeamDisplayNameSection;
+//# sourceMappingURL=team-display-name-section.js.map

package/dist/components-page/account-settings/teams/team-display-name-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-display-name-section.js","names":["Section","EditableText"],"sources":["../../../../src/components-page/account-settings/teams/team-display-name-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { Team } from \"../../..\";\nimport { useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { EditableText } from \"../editable-text\";\nimport { Section } from \"../section\";\n\nexport function TeamDisplayNameSection(props: { team: Team }) {\n  const { t } = useTranslation();\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    <Section\n      title={t(\"Team display name\")}\n      description={t(\"Change the display name of your team\")}\n    >\n      <EditableText\n        value={props.team.displayName}\n        onSave={async (newDisplayName) => await props.team.update({ displayName: newDisplayName })}\n      />\n    </Section>\n  );\n}\n"],"mappings":";;;;;;;;;AAUA,SAAgB,uBAAuB,OAAuB;CAC5D,MAAM,EAAE,wDAAsB;AAI9B,KAAI,oCAHiB,EAAE,IAAI,YAAY,CAAC,CACN,cAAc,MAAM,MAAM,eAAe,CAGzE,QAAO;AAGT,QACE,2CAACA;EACC,OAAO,EAAE,oBAAoB;EAC7B,aAAa,EAAE,uCAAuC;YAEtD,2CAACC;GACC,OAAO,MAAM,KAAK;GAClB,QAAQ,OAAO,mBAAmB,MAAM,MAAM,KAAK,OAAO,EAAE,aAAa,gBAAgB,CAAC;IAC1F;GACM"}

package/dist/components-page/account-settings/teams/team-member-invitation-section.d.ts

@@ -0,0 +1,10 @@
+import { Team } from "../../../lib/stack-app/teams/index.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components-page/account-settings/teams/team-member-invitation-section.d.ts
+declare function TeamMemberInvitationSection(props: {
+  team: Team;
+}): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { TeamMemberInvitationSection };
+//# sourceMappingURL=team-member-invitation-section.d.ts.map

package/dist/components-page/account-settings/teams/team-member-invitation-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-member-invitation-section.d.ts","names":[],"sources":["../../../../src/components-page/account-settings/teams/team-member-invitation-section.tsx"],"mappings":";;;;iBAkBgB,2BAAA,CAA4B,KAAA;EAAS,IAAA,EAAM,IAAA;AAAA,IAAM,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components-page/account-settings/teams/team-member-invitation-section.js

@@ -0,0 +1,114 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../../chunk-BE-pF4vm.js');
+let _hookform_resolvers_yup = require("@hookform/resolvers/yup");
+let _stackframe_stack_shared_dist_schema_fields = require("@stackframe/stack-shared/dist/schema-fields");
+let _stackframe_stack_shared_dist_utils_promises = require("@stackframe/stack-shared/dist/utils/promises");
+let _stackframe_stack_ui = require("@stackframe/stack-ui");
+let react = require("react");
+let react_hook_form = require("react-hook-form");
+let react_jsx_runtime = require("react/jsx-runtime");
+let lucide_react = require("lucide-react");
+let _________lib_hooks_js = require("../../../lib/hooks.js");
+let _________lib_translations_js = require("../../../lib/translations.js");
+let _________components_elements_form_warning_js = require("../../../components/elements/form-warning.js");
+let ___section_js = require("../section.js");
+
+//#region src/components-page/account-settings/teams/team-member-invitation-section.tsx
+function TeamMemberInvitationSection(props) {
+	if (!(0, _________lib_hooks_js.useUser)({ or: "redirect" }).usePermission(props.team, "$invite_members")) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemberInvitationSectionInner, { team: props.team });
+}
+function MemberInvitationsSectionInvitationsList(props) {
+	const user = (0, _________lib_hooks_js.useUser)({ or: "redirect" });
+	const { t } = (0, _________lib_translations_js.useTranslation)();
+	const invitationsToShow = props.team.useInvitations();
+	const removeMemberPermission = user.usePermission(props.team, "$remove_members");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.Table, {
+		className: "mt-6",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.TableRow, { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableHead, {
+				className: "w-[200px]",
+				children: t("Outstanding invitations")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableHead, {
+				className: "w-[60px]",
+				children: t("Expires")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableHead, { className: "w-[36px] max-w-[36px]" })
+		] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.TableBody, { children: [invitationsToShow.map((invitation, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.TableRow, { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableCell, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, { children: invitation.recipientEmail }) }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableCell, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+				variant: "secondary",
+				children: invitation.expiresAt.toLocaleString()
+			}) }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableCell, {
+				align: "right",
+				className: "max-w-[36px]",
+				children: removeMemberPermission && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+					onClick: async () => await invitation.revoke(),
+					size: "icon",
+					variant: "ghost",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Trash, { className: "w-4 h-4" })
+				})
+			})
+		] }, invitation.id)), invitationsToShow.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableRow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableCell, {
+			colSpan: 3,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+				variant: "secondary",
+				children: t("No outstanding invitations")
+			})
+		}) })] })]
+	}) });
+}
+function MemberInvitationSectionInner(props) {
+	const user = (0, _________lib_hooks_js.useUser)({ or: "redirect" });
+	const { t } = (0, _________lib_translations_js.useTranslation)();
+	const readMemberPermission = user.usePermission(props.team, "$read_members");
+	const { register, handleSubmit, formState: { errors }, watch } = (0, react_hook_form.useForm)({ resolver: (0, _hookform_resolvers_yup.yupResolver)((0, _stackframe_stack_shared_dist_schema_fields.yupObject)({ email: (0, _stackframe_stack_shared_dist_schema_fields.strictEmailSchema)(t("Please enter a valid email address")).defined().nonEmpty(t("Please enter an email address")) })) });
+	const [loading, setLoading] = (0, react.useState)(false);
+	const [invitedEmail, setInvitedEmail] = (0, react.useState)(null);
+	const onSubmit = async (data) => {
+		setLoading(true);
+		try {
+			await props.team.inviteUser({ email: data.email });
+			setInvitedEmail(data.email);
+		} finally {
+			setLoading(false);
+		}
+	};
+	(0, react.useEffect)(() => {
+		setInvitedEmail(null);
+	}, [watch("email")]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(___section_js.Section, {
+		title: t("Invite member"),
+		description: t("Invite a user to your team through email"),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+			onSubmit: (e) => (0, _stackframe_stack_shared_dist_utils_promises.runAsynchronouslyWithAlert)(handleSubmit(onSubmit)(e)),
+			noValidate: true,
+			className: "w-full",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex flex-col gap-4 sm:flex-row w-full",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Input, {
+						placeholder: t("Email"),
+						...register("email")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+						type: "submit",
+						loading,
+						children: t("Invite User")
+					})]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_________components_elements_form_warning_js.FormWarningText, { text: errors.email?.message?.toString() }),
+				invitedEmail && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.Typography, {
+					type: "label",
+					variant: "secondary",
+					children: ["Invited ", invitedEmail]
+				})
+			]
+		})
+	}), readMemberPermission && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemberInvitationsSectionInvitationsList, { team: props.team })] });
+}
+
+//#endregion
+exports.TeamMemberInvitationSection = TeamMemberInvitationSection;
+//# sourceMappingURL=team-member-invitation-section.js.map

package/dist/components-page/account-settings/teams/team-member-invitation-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-member-invitation-section.js","names":["Table","TableHeader","TableRow","TableHead","TableBody","TableCell","Typography","Button","Trash","Section","Input","FormWarningText"],"sources":["../../../../src/components-page/account-settings/teams/team-member-invitation-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { strictEmailSchema, yupObject } from \"@stackframe/stack-shared/dist/schema-fields\";\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { Button, Input, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Typography } from \"@stackframe/stack-ui\";\nimport { Trash } from \"lucide-react\";\nimport { useEffect, useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { Team } from \"../../..\";\nimport { FormWarningText } from \"../../../components/elements/form-warning\";\nimport { useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { Section } from \"../section\";\n\nexport function TeamMemberInvitationSection(props: { team: Team }) {\n  const user = useUser({ or: 'redirect' });\n  const inviteMemberPermission = user.usePermission(props.team, '$invite_members');\n\n  if (!inviteMemberPermission) {\n    return null;\n  }\n\n  return <MemberInvitationSectionInner team={props.team} />;\n}\n\nfunction MemberInvitationsSectionInvitationsList(props: { team: Team }) {\n  const user = useUser({ or: 'redirect' });\n  const { t } = useTranslation();\n  const invitationsToShow = props.team.useInvitations();\n  const removeMemberPermission = user.usePermission(props.team, '$remove_members');\n\n  return <>\n    <Table className='mt-6'>\n      <TableHeader>\n        <TableRow>\n          <TableHead className=\"w-[200px]\">{t(\"Outstanding invitations\")}</TableHead>\n          <TableHead className=\"w-[60px]\">{t(\"Expires\")}</TableHead>\n          <TableHead className=\"w-[36px] max-w-[36px]\"></TableHead>\n        </TableRow>\n      </TableHeader>\n      <TableBody>\n        {invitationsToShow.map((invitation, i) => (\n          <TableRow key={invitation.id}>\n            <TableCell>\n              <Typography>{invitation.recipientEmail}</Typography>\n            </TableCell>\n            <TableCell>\n              <Typography variant='secondary'>{invitation.expiresAt.toLocaleString()}</Typography>\n            </TableCell>\n            <TableCell align='right' className='max-w-[36px]'>\n              {removeMemberPermission && (\n                <Button onClick={async () => await invitation.revoke()} size='icon' variant='ghost'>\n                  <Trash className=\"w-4 h-4\" />\n                </Button>\n              )}\n            </TableCell>\n          </TableRow>\n        ))}\n        {invitationsToShow.length === 0 && <TableRow>\n          <TableCell colSpan={3}>\n            <Typography variant='secondary'>{t(\"No outstanding invitations\")}</Typography>\n          </TableCell>\n        </TableRow>}\n      </TableBody>\n    </Table>\n  </>;\n}\n\nfunction MemberInvitationSectionInner(props: { team: Team }) {\n  const user = useUser({ or: 'redirect' });\n  const { t } = useTranslation();\n  const readMemberPermission = user.usePermission(props.team, '$read_members');\n\n  const invitationSchema = yupObject({\n    email: strictEmailSchema(t('Please enter a valid email address')).defined().nonEmpty(t('Please enter an email address')),\n  });\n\n  const { register, handleSubmit, formState: { errors }, watch } = useForm({\n    resolver: yupResolver(invitationSchema)\n  });\n  const [loading, setLoading] = useState(false);\n  const [invitedEmail, setInvitedEmail] = useState<string | null>(null);\n\n  const onSubmit = async (data: yup.InferType<typeof invitationSchema>) => {\n    setLoading(true);\n\n    try {\n      await props.team.inviteUser({ email: data.email });\n      setInvitedEmail(data.email);\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  useEffect(() => {\n    setInvitedEmail(null);\n  }, [watch('email')]);\n\n  return (\n    <>\n      <Section\n        title={t(\"Invite member\")}\n        description={t(\"Invite a user to your team through email\")}\n      >\n        <form\n          onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n          noValidate\n          className='w-full'\n        >\n          <div className=\"flex flex-col gap-4 sm:flex-row w-full\">\n            <Input\n              placeholder={t(\"Email\")}\n              {...register(\"email\")}\n            />\n            <Button type=\"submit\" loading={loading}>{t(\"Invite User\")}</Button>\n          </div>\n          <FormWarningText text={errors.email?.message?.toString()} />\n          {invitedEmail && <Typography type='label' variant='secondary'>Invited {invitedEmail}</Typography>}\n        </form>\n      </Section>\n      {readMemberPermission && <MemberInvitationsSectionInvitationsList team={props.team} />}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAkBA,SAAgB,4BAA4B,OAAuB;AAIjE,KAAI,oCAHiB,EAAE,IAAI,YAAY,CAAC,CACJ,cAAc,MAAM,MAAM,kBAAkB,CAG9E,QAAO;AAGT,QAAO,2CAAC,gCAA6B,MAAM,MAAM,OAAQ;;AAG3D,SAAS,wCAAwC,OAAuB;CACtE,MAAM,0CAAe,EAAE,IAAI,YAAY,CAAC;CACxC,MAAM,EAAE,wDAAsB;CAC9B,MAAM,oBAAoB,MAAM,KAAK,gBAAgB;CACrD,MAAM,yBAAyB,KAAK,cAAc,MAAM,MAAM,kBAAkB;AAEhF,QAAO,mFACL,4CAACA;EAAM,WAAU;aACf,2CAACC,8CACC,4CAACC;GACC,2CAACC;IAAU,WAAU;cAAa,EAAE,0BAA0B;KAAa;GAC3E,2CAACA;IAAU,WAAU;cAAY,EAAE,UAAU;KAAa;GAC1D,2CAACA,kCAAU,WAAU,0BAAoC;MAChD,GACC,EACd,4CAACC,6CACE,kBAAkB,KAAK,YAAY,MAClC,4CAACF;GACC,2CAACG,4CACC,2CAACC,6CAAY,WAAW,iBAA4B,GAC1C;GACZ,2CAACD,4CACC,2CAACC;IAAW,SAAQ;cAAa,WAAW,UAAU,gBAAgB;KAAc,GAC1E;GACZ,2CAACD;IAAU,OAAM;IAAQ,WAAU;cAChC,0BACC,2CAACE;KAAO,SAAS,YAAY,MAAM,WAAW,QAAQ;KAAE,MAAK;KAAO,SAAQ;eAC1E,2CAACC,sBAAM,WAAU,YAAY;MACtB;KAED;OAbC,WAAW,GAcf,CACX,EACD,kBAAkB,WAAW,KAAK,2CAACN,2CAClC,2CAACG;GAAU,SAAS;aAClB,2CAACC;IAAW,SAAQ;cAAa,EAAE,6BAA6B;KAAc;IACpE,GACH,IACD;GACN,GACP;;AAGL,SAAS,6BAA6B,OAAuB;CAC3D,MAAM,0CAAe,EAAE,IAAI,YAAY,CAAC;CACxC,MAAM,EAAE,wDAAsB;CAC9B,MAAM,uBAAuB,KAAK,cAAc,MAAM,MAAM,gBAAgB;CAM5E,MAAM,EAAE,UAAU,cAAc,WAAW,EAAE,UAAU,uCAAkB,EACvE,8GALiC,EACjC,0EAAyB,EAAE,qCAAqC,CAAC,CAAC,SAAS,CAAC,SAAS,EAAE,gCAAgC,CAAC,EACzH,CAAC,CAGuC,EACxC,CAAC;CACF,MAAM,CAAC,SAAS,kCAAuB,MAAM;CAC7C,MAAM,CAAC,cAAc,uCAA2C,KAAK;CAErE,MAAM,WAAW,OAAO,SAAiD;AACvE,aAAW,KAAK;AAEhB,MAAI;AACF,SAAM,MAAM,KAAK,WAAW,EAAE,OAAO,KAAK,OAAO,CAAC;AAClD,mBAAgB,KAAK,MAAM;YACnB;AACR,cAAW,MAAM;;;AAIrB,4BAAgB;AACd,kBAAgB,KAAK;IACpB,CAAC,MAAM,QAAQ,CAAC,CAAC;AAEpB,QACE,qFACE,2CAACG;EACC,OAAO,EAAE,gBAAgB;EACzB,aAAa,EAAE,2CAA2C;YAE1D,4CAAC;GACC,WAAU,mFAAgC,aAAa,SAAS,CAAC,EAAE,CAAC;GACpE;GACA,WAAU;;IAEV,4CAAC;KAAI,WAAU;gBACb,2CAACC;MACC,aAAa,EAAE,QAAQ;MACvB,GAAI,SAAS,QAAQ;OACrB,EACF,2CAACH;MAAO,MAAK;MAAkB;gBAAU,EAAE,cAAc;OAAU;MAC/D;IACN,2CAACI,gEAAgB,MAAM,OAAO,OAAO,SAAS,UAAU,GAAI;IAC3D,gBAAgB,4CAACL;KAAW,MAAK;KAAQ,SAAQ;gBAAY,YAAS;MAA0B;;IAC5F;GACC,EACT,wBAAwB,2CAAC,2CAAwC,MAAM,MAAM,OAAQ,IACrF"}

package/dist/components-page/account-settings/teams/team-member-list-section.d.ts

@@ -0,0 +1,10 @@
+import { Team } from "../../../lib/stack-app/teams/index.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components-page/account-settings/teams/team-member-list-section.d.ts
+declare function TeamMemberListSection(props: {
+  team: Team;
+}): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { TeamMemberListSection };
+//# sourceMappingURL=team-member-list-section.d.ts.map

package/dist/components-page/account-settings/teams/team-member-list-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-member-list-section.d.ts","names":[],"sources":["../../../../src/components-page/account-settings/teams/team-member-list-section.tsx"],"mappings":";;;;iBAUgB,qBAAA,CAAsB,KAAA;EAAS,IAAA,EAAM,IAAA;AAAA,IAAM,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components-page/account-settings/teams/team-member-list-section.js

@@ -0,0 +1,40 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../../chunk-BE-pF4vm.js');
+let _stackframe_stack_ui = require("@stackframe/stack-ui");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _________lib_hooks_js = require("../../../lib/hooks.js");
+let _________lib_translations_js = require("../../../lib/translations.js");
+let _________components_elements_user_avatar_js = require("../../../components/elements/user-avatar.js");
+
+//#region src/components-page/account-settings/teams/team-member-list-section.tsx
+function TeamMemberListSection(props) {
+	const user = (0, _________lib_hooks_js.useUser)({ or: "redirect" });
+	const readMemberPermission = user.usePermission(props.team, "$read_members");
+	const inviteMemberPermission = user.usePermission(props.team, "$invite_members");
+	if (!readMemberPermission && !inviteMemberPermission) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MemberListSectionInner, { team: props.team });
+}
+function MemberListSectionInner(props) {
+	const { t } = (0, _________lib_translations_js.useTranslation)();
+	const users = props.team.useUsers();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+		className: "font-medium mb-2",
+		children: t("Members")
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "border rounded-md",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.Table, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.TableRow, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableHead, {
+			className: "w-[100px]",
+			children: t("User")
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableHead, {
+			className: "w-[200px]",
+			children: t("Name")
+		})] }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableBody, { children: users.map(({ id, teamProfile }, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.TableRow, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.TableCell, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_________components_elements_user_avatar_js.UserAvatar, { user: teamProfile }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.TableCell, { children: [teamProfile.displayName && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, { children: teamProfile.displayName }), !teamProfile.displayName && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+			className: "text-muted-foreground italic",
+			children: t("No display name set")
+		})] })] }, id)) })] })
+	})] });
+}
+
+//#endregion
+exports.TeamMemberListSection = TeamMemberListSection;
+//# sourceMappingURL=team-member-list-section.js.map

package/dist/components-page/account-settings/teams/team-member-list-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-member-list-section.js","names":["Typography","Table","TableHeader","TableRow","TableHead","TableBody","TableCell","UserAvatar"],"sources":["../../../../src/components-page/account-settings/teams/team-member-list-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Typography } from \"@stackframe/stack-ui\";\nimport { Team } from \"../../..\";\nimport { UserAvatar } from \"../../../components/elements/user-avatar\";\nimport { useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\n\nexport function TeamMemberListSection(props: { team: Team }) {\n  const user = useUser({ or: 'redirect' });\n  const readMemberPermission = user.usePermission(props.team, '$read_members');\n  const inviteMemberPermission = user.usePermission(props.team, '$invite_members');\n\n  if (!readMemberPermission && !inviteMemberPermission) {\n    return null;\n  }\n\n  return <MemberListSectionInner team={props.team} />;\n}\n\nfunction MemberListSectionInner(props: { team: Team }) {\n  const { t } = useTranslation();\n  const users = props.team.useUsers();\n\n  return (\n    <div>\n      <Typography className='font-medium mb-2'>{t(\"Members\")}</Typography>\n      <div className='border rounded-md'>\n        <Table>\n          <TableHeader>\n            <TableRow>\n              <TableHead className=\"w-[100px]\">{t(\"User\")}</TableHead>\n              <TableHead className=\"w-[200px]\">{t(\"Name\")}</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                  {teamProfile.displayName && (\n                    <Typography>{teamProfile.displayName}</Typography>\n                  )}\n                  {!teamProfile.displayName && (\n                    <Typography className=\"text-muted-foreground italic\">{t(\"No display name set\")}</Typography>\n                  )}\n                </TableCell>\n              </TableRow>\n            ))}\n          </TableBody>\n        </Table>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAUA,SAAgB,sBAAsB,OAAuB;CAC3D,MAAM,0CAAe,EAAE,IAAI,YAAY,CAAC;CACxC,MAAM,uBAAuB,KAAK,cAAc,MAAM,MAAM,gBAAgB;CAC5E,MAAM,yBAAyB,KAAK,cAAc,MAAM,MAAM,kBAAkB;AAEhF,KAAI,CAAC,wBAAwB,CAAC,uBAC5B,QAAO;AAGT,QAAO,2CAAC,0BAAuB,MAAM,MAAM,OAAQ;;AAGrD,SAAS,uBAAuB,OAAuB;CACrD,MAAM,EAAE,wDAAsB;CAC9B,MAAM,QAAQ,MAAM,KAAK,UAAU;AAEnC,QACE,4CAAC,oBACC,2CAACA;EAAW,WAAU;YAAoB,EAAE,UAAU;GAAc,EACpE,2CAAC;EAAI,WAAU;YACb,4CAACC,yCACC,2CAACC,8CACC,4CAACC,4CACC,2CAACC;GAAU,WAAU;aAAa,EAAE,OAAO;IAAa,EACxD,2CAACA;GAAU,WAAU;aAAa,EAAE,OAAO;IAAa,IAC/C,GACC,EACd,2CAACC,4CACE,MAAM,KAAK,EAAE,IAAI,eAAe,MAC/B,4CAACF,4CACC,2CAACG,4CACC,2CAACC,0DAAW,MAAM,cAAe,GACvB,EACZ,4CAACD,6CACE,YAAY,eACX,2CAACN,6CAAY,YAAY,cAAyB,EAEnD,CAAC,YAAY,eACZ,2CAACA;GAAW,WAAU;aAAgC,EAAE,sBAAsB;IAAc,IAEpF,KAXC,GAYJ,CACX,GACQ,IACN;GACJ,IACF"}

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

@@ -0,0 +1,10 @@
+import { Team } from "../../../lib/stack-app/teams/index.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components-page/account-settings/teams/team-page.d.ts
+declare function TeamPage(props: {
+  team: Team;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TeamPage };
+//# sourceMappingURL=team-page.d.ts.map

package/dist/components-page/account-settings/teams/team-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-page.d.ts","names":[],"sources":["../../../../src/components-page/account-settings/teams/team-page.tsx"],"mappings":";;;;iBAegB,QAAA,CAAS,KAAA;EAAS,IAAA,EAAM,IAAA;AAAA,IAAM,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,28 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../../chunk-BE-pF4vm.js');
+let react_jsx_runtime = require("react/jsx-runtime");
+let ___page_layout_js = require("../page-layout.js");
+let __leave_team_section_js = require("./leave-team-section.js");
+let __team_api_keys_section_js = require("./team-api-keys-section.js");
+let __team_display_name_section_js = require("./team-display-name-section.js");
+let __team_member_invitation_section_js = require("./team-member-invitation-section.js");
+let __team_member_list_section_js = require("./team-member-list-section.js");
+let __team_profile_image_section_js = require("./team-profile-image-section.js");
+let __team_profile_user_section_js = require("./team-profile-user-section.js");
+
+//#region src/components-page/account-settings/teams/team-page.tsx
+function TeamPage(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(___page_layout_js.PageLayout, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__team_profile_user_section_js.TeamUserProfileSection, { team: props.team }, `user-profile-${props.team.id}`),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__team_profile_image_section_js.TeamProfileImageSection, { team: props.team }, `profile-image-${props.team.id}`),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__team_display_name_section_js.TeamDisplayNameSection, { team: props.team }, `display-name-${props.team.id}`),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__team_member_list_section_js.TeamMemberListSection, { team: props.team }, `member-list-${props.team.id}`),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__team_member_invitation_section_js.TeamMemberInvitationSection, { team: props.team }, `member-invitation-${props.team.id}`),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__team_api_keys_section_js.TeamApiKeysSection, { team: props.team }, `api-keys-${props.team.id}`),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__leave_team_section_js.LeaveTeamSection, { team: props.team }, `leave-team-${props.team.id}`)
+	] });
+}
+
+//#endregion
+exports.TeamPage = TeamPage;
+//# sourceMappingURL=team-page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"team-page.js","names":["PageLayout","TeamUserProfileSection","TeamProfileImageSection","TeamDisplayNameSection","TeamMemberListSection","TeamMemberInvitationSection","TeamApiKeysSection","LeaveTeamSection"],"sources":["../../../../src/components-page/account-settings/teams/team-page.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { Team } from \"../../..\";\nimport { PageLayout } from \"../page-layout\";\nimport { LeaveTeamSection } from \"./leave-team-section\";\nimport { TeamApiKeysSection } from \"./team-api-keys-section\";\nimport { TeamDisplayNameSection } from \"./team-display-name-section\";\nimport { TeamMemberInvitationSection } from \"./team-member-invitation-section\";\nimport { TeamMemberListSection } from \"./team-member-list-section\";\nimport { TeamProfileImageSection } from \"./team-profile-image-section\";\nimport { TeamUserProfileSection } from \"./team-profile-user-section\";\n\n\nexport function TeamPage(props: { team: Team }) {\n  return (\n    <PageLayout>\n      <TeamUserProfileSection key={`user-profile-${props.team.id}`} team={props.team} />\n      <TeamProfileImageSection key={`profile-image-${props.team.id}`} team={props.team} />\n      <TeamDisplayNameSection key={`display-name-${props.team.id}`} team={props.team} />\n      <TeamMemberListSection key={`member-list-${props.team.id}`} team={props.team} />\n      <TeamMemberInvitationSection key={`member-invitation-${props.team.id}`} team={props.team} />\n      <TeamApiKeysSection key={`api-keys-${props.team.id}`} team={props.team} />\n      <LeaveTeamSection key={`leave-team-${props.team.id}`} team={props.team} />\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAeA,SAAgB,SAAS,OAAuB;AAC9C,QACE,4CAACA;EACC,2CAACC,yDAA6D,MAAM,MAAM,QAA7C,gBAAgB,MAAM,KAAK,KAA0B;EAClF,2CAACC,2DAA+D,MAAM,MAAM,QAA9C,iBAAiB,MAAM,KAAK,KAA0B;EACpF,2CAACC,yDAA6D,MAAM,MAAM,QAA7C,gBAAgB,MAAM,KAAK,KAA0B;EAClF,2CAACC,uDAA2D,MAAM,MAAM,QAA5C,eAAe,MAAM,KAAK,KAA0B;EAChF,2CAACC,mEAAuE,MAAM,MAAM,QAAlD,qBAAqB,MAAM,KAAK,KAA0B;EAC5F,2CAACC,iDAAqD,MAAM,MAAM,QAAzC,YAAY,MAAM,KAAK,KAA0B;EAC1E,2CAACC,4CAAqD,MAAM,MAAM,QAA3C,cAAc,MAAM,KAAK,KAA0B;KAC/D"}

package/dist/components-page/account-settings/teams/team-profile-image-section.d.ts

@@ -0,0 +1,10 @@
+import { Team } from "../../../lib/stack-app/teams/index.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components-page/account-settings/teams/team-profile-image-section.d.ts
+declare function TeamProfileImageSection(props: {
+  team: Team;
+}): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { TeamProfileImageSection };
+//# sourceMappingURL=team-profile-image-section.d.ts.map

package/dist/components-page/account-settings/teams/team-profile-image-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-profile-image-section.d.ts","names":[],"sources":["../../../../src/components-page/account-settings/teams/team-profile-image-section.tsx"],"mappings":";;;;iBAUgB,uBAAA,CAAwB,KAAA;EAAS,IAAA,EAAM,IAAA;AAAA,IAAM,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components-page/account-settings/teams/team-profile-image-section.js

@@ -0,0 +1,27 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../../chunk-BE-pF4vm.js');
+let react_jsx_runtime = require("react/jsx-runtime");
+let _________lib_hooks_js = require("../../../lib/hooks.js");
+let _________lib_translations_js = require("../../../lib/translations.js");
+let ___section_js = require("../section.js");
+let _________components_profile_image_editor_js = require("../../../components/profile-image-editor.js");
+
+//#region src/components-page/account-settings/teams/team-profile-image-section.tsx
+function TeamProfileImageSection(props) {
+	const { t } = (0, _________lib_translations_js.useTranslation)();
+	if (!(0, _________lib_hooks_js.useUser)({ or: "redirect" }).usePermission(props.team, "$update_team")) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___section_js.Section, {
+		title: t("Team profile image"),
+		description: t("Upload an image for your team"),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_________components_profile_image_editor_js.ProfileImageEditor, {
+			user: props.team,
+			onProfileImageUrlChange: async (profileImageUrl) => {
+				await props.team.update({ profileImageUrl });
+			}
+		})
+	});
+}
+
+//#endregion
+exports.TeamProfileImageSection = TeamProfileImageSection;
+//# sourceMappingURL=team-profile-image-section.js.map

package/dist/components-page/account-settings/teams/team-profile-image-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-profile-image-section.js","names":["Section","ProfileImageEditor"],"sources":["../../../../src/components-page/account-settings/teams/team-profile-image-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { Team } from \"../../..\";\nimport { ProfileImageEditor } from \"../../../components/profile-image-editor\";\nimport { useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { Section } from \"../section\";\n\nexport function TeamProfileImageSection(props: { team: Team }) {\n  const { t } = useTranslation();\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    <Section\n      title={t(\"Team profile image\")}\n      description={t(\"Upload an image for your team\")}\n    >\n      <ProfileImageEditor\n        user={props.team}\n        onProfileImageUrlChange={async (profileImageUrl) => {\n          await props.team.update({ profileImageUrl });\n        }}\n      />\n    </Section>\n  );\n}\n"],"mappings":";;;;;;;;;AAUA,SAAgB,wBAAwB,OAAuB;CAC7D,MAAM,EAAE,wDAAsB;AAI9B,KAAI,oCAHiB,EAAE,IAAI,YAAY,CAAC,CACN,cAAc,MAAM,MAAM,eAAe,CAGzE,QAAO;AAGT,QACE,2CAACA;EACC,OAAO,EAAE,qBAAqB;EAC9B,aAAa,EAAE,gCAAgC;YAE/C,2CAACC;GACC,MAAM,MAAM;GACZ,yBAAyB,OAAO,oBAAoB;AAClD,UAAM,MAAM,KAAK,OAAO,EAAE,iBAAiB,CAAC;;IAE9C;GACM"}

package/dist/components-page/account-settings/teams/team-profile-user-section.d.ts

@@ -0,0 +1,10 @@
+import { Team } from "../../../lib/stack-app/teams/index.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components-page/account-settings/teams/team-profile-user-section.d.ts
+declare function TeamUserProfileSection(props: {
+  team: Team;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TeamUserProfileSection };
+//# sourceMappingURL=team-profile-user-section.d.ts.map

package/dist/components-page/account-settings/teams/team-profile-user-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-profile-user-section.d.ts","names":[],"sources":["../../../../src/components-page/account-settings/teams/team-profile-user-section.tsx"],"mappings":";;;;iBAUgB,sBAAA,CAAuB,KAAA;EAAS,IAAA,EAAM,IAAA;AAAA,IAAM,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components-page/account-settings/teams/team-profile-user-section.js

@@ -0,0 +1,27 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../../chunk-BE-pF4vm.js');
+let react_jsx_runtime = require("react/jsx-runtime");
+let _________lib_hooks_js = require("../../../lib/hooks.js");
+let _________lib_translations_js = require("../../../lib/translations.js");
+let ___section_js = require("../section.js");
+let ___editable_text_js = require("../editable-text.js");
+
+//#region src/components-page/account-settings/teams/team-profile-user-section.tsx
+function TeamUserProfileSection(props) {
+	const { t } = (0, _________lib_translations_js.useTranslation)();
+	const profile = (0, _________lib_hooks_js.useUser)({ or: "redirect" }).useTeamProfile(props.team);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___section_js.Section, {
+		title: t("Team user name"),
+		description: t("Overwrite your user display name in this team"),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___editable_text_js.EditableText, {
+			value: profile.displayName || "",
+			onSave: async (newDisplayName) => {
+				await profile.update({ displayName: newDisplayName });
+			}
+		})
+	});
+}
+
+//#endregion
+exports.TeamUserProfileSection = TeamUserProfileSection;
+//# sourceMappingURL=team-profile-user-section.js.map

package/dist/components-page/account-settings/teams/team-profile-user-section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-profile-user-section.js","names":["Section","EditableText"],"sources":["../../../../src/components-page/account-settings/teams/team-profile-user-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { Team } from \"../../..\";\nimport { useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { EditableText } from \"../editable-text\";\nimport { Section } from \"../section\";\n\nexport function TeamUserProfileSection(props: { team: Team }) {\n  const { t } = useTranslation();\n  const user = useUser({ or: 'redirect' });\n  const profile = user.useTeamProfile(props.team);\n\n  return (\n    <Section\n      title={t(\"Team user name\")}\n      description={t(\"Overwrite your user display name in this team\")}\n    >\n      <EditableText\n        value={profile.displayName || ''}\n        onSave={async (newDisplayName) => {\n          await profile.update({ displayName: newDisplayName });\n        }}\n      />\n    </Section>\n  );\n}\n"],"mappings":";;;;;;;;;AAUA,SAAgB,uBAAuB,OAAuB;CAC5D,MAAM,EAAE,wDAAsB;CAE9B,MAAM,6CADe,EAAE,IAAI,YAAY,CAAC,CACnB,eAAe,MAAM,KAAK;AAE/C,QACE,2CAACA;EACC,OAAO,EAAE,iBAAiB;EAC1B,aAAa,EAAE,gDAAgD;YAE/D,2CAACC;GACC,OAAO,QAAQ,eAAe;GAC9B,QAAQ,OAAO,mBAAmB;AAChC,UAAM,QAAQ,OAAO,EAAE,aAAa,gBAAgB,CAAC;;IAEvD;GACM"}

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

@@ -0,0 +1,58 @@
+import * as lucide_react0 from "lucide-react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/components-page/account-settings.d.ts
+declare const iconMap: {
+  readonly Contact: React.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+  readonly ShieldCheck: React.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+  readonly Bell: React.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+  readonly Monitor: React.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+  readonly Key: React.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+  readonly Settings: React.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+  readonly CirclePlus: React.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+  readonly CreditCard: React.ForwardRefExoticComponent<Omit<lucide_react0.LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+};
+declare function AccountSettings(props: {
+  fullPage?: boolean;
+  extraItems?: ({
+    title: string;
+    content: React.ReactNode;
+    id: string;
+  } & ({
+    icon?: React.ReactNode;
+  } | {
+    iconName?: keyof typeof iconMap;
+  }))[];
+  mockUser?: {
+    displayName?: string;
+    profileImageUrl?: string;
+  };
+  mockApiKeys?: Array<{
+    id: string;
+    description: string;
+    createdAt: string;
+    expiresAt?: string;
+    manuallyRevokedAt?: string;
+  }>;
+  mockProject?: {
+    config: {
+      allowUserApiKeys: boolean;
+      clientTeamCreationEnabled: boolean;
+    };
+  };
+  mockSessions?: Array<{
+    id: string;
+    isCurrentSession: boolean;
+    isImpersonation?: boolean;
+    createdAt: string;
+    lastUsedAt?: string;
+    geoInfo?: {
+      ip?: string;
+      cityName?: string;
+    };
+  }>;
+}): react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { AccountSettings };
+//# sourceMappingURL=account-settings.d.ts.map

package/dist/components-page/account-settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"account-settings.d.ts","names":[],"sources":["../../src/components-page/account-settings.tsx"],"mappings":";;;;;cA0BM,OAAA;EAAA,uDASI,aAAA,CAAA,WAAA;;;;;;;;;iBAOM,eAAA,CAAgB,KAAA;EAC9B,QAAA;EACA,UAAA;IACE,KAAA;IACA,OAAA,EAAS,KAAA,CAAM,SAAA;IACf,EAAA;EAAA;IAEA,IAAA,GAAO,KAAA,CAAM,SAAA;EAAA;IAEb,QAAA,gBAAwB,OAAA;EAAA;EAE1B,QAAA;IACE,WAAA;IACA,eAAA;EAAA;EAEF,WAAA,GAAc,KAAA;IACZ,EAAA;IACA,WAAA;IACA,SAAA;IACA,SAAA;IACA,iBAAA;EAAA;EAEF,WAAA;IACE,MAAA;MACE,gBAAA;MACA,yBAAA;IAAA;EAAA;EAGJ,YAAA,GAAe,KAAA;IACb,EAAA;IACA,gBAAA;IACA,eAAA;IACA,SAAA;IACA,UAAA;IACA,OAAA;MACE,EAAA;MACA,QAAA;IAAA;EAAA;AAAA,IAGL,kBAAA,CAAA,GAAA,CAAA,OAAA"}