@stackframe/tanstack-start 0.0.1 → 2.8.92

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Team } from "../../..";
+
+//#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/esm/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/esm/components-page/account-settings/teams/team-member-list-section.js

@@ -0,0 +1,38 @@
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Typography } from "@stackframe/stack-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useUser } from "../../../lib/hooks.js";
+import { useTranslation } from "../../../lib/translations.js";
+import { UserAvatar } from "../../../components/elements/user-avatar.js";
+
+//#region src/components-page/account-settings/teams/team-member-list-section.tsx
+function TeamMemberListSection(props) {
+	const user = 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__ */ jsx(MemberListSectionInner, { team: props.team });
+}
+function MemberListSectionInner(props) {
+	const { t } = useTranslation();
+	const users = props.team.useUsers();
+	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Typography, {
+		className: "font-medium mb-2",
+		children: t("Members")
+	}), /* @__PURE__ */ jsx("div", {
+		className: "border rounded-md",
+		children: /* @__PURE__ */ jsxs(Table, { children: [/* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [/* @__PURE__ */ jsx(TableHead, {
+			className: "w-[100px]",
+			children: t("User")
+		}), /* @__PURE__ */ jsx(TableHead, {
+			className: "w-[200px]",
+			children: t("Name")
+		})] }) }), /* @__PURE__ */ jsx(TableBody, { children: users.map(({ id, teamProfile }, i) => /* @__PURE__ */ jsxs(TableRow, { children: [/* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(UserAvatar, { user: teamProfile }) }), /* @__PURE__ */ jsxs(TableCell, { children: [teamProfile.displayName && /* @__PURE__ */ jsx(Typography, { children: teamProfile.displayName }), !teamProfile.displayName && /* @__PURE__ */ jsx(Typography, {
+			className: "text-muted-foreground italic",
+			children: t("No display name set")
+		})] })] }, id)) })] })
+	})] });
+}
+
+//#endregion
+export { TeamMemberListSection };
+//# sourceMappingURL=team-member-list-section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"team-member-list-section.js","names":[],"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,OAAO,QAAQ,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,oBAAC,0BAAuB,MAAM,MAAM,OAAQ;;AAGrD,SAAS,uBAAuB,OAAuB;CACrD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,QAAQ,MAAM,KAAK,UAAU;AAEnC,QACE,qBAAC,oBACC,oBAAC;EAAW,WAAU;YAAoB,EAAE,UAAU;GAAc,EACpE,oBAAC;EAAI,WAAU;YACb,qBAAC,oBACC,oBAAC,yBACC,qBAAC,uBACC,oBAAC;GAAU,WAAU;aAAa,EAAE,OAAO;IAAa,EACxD,oBAAC;GAAU,WAAU;aAAa,EAAE,OAAO;IAAa,IAC/C,GACC,EACd,oBAAC,uBACE,MAAM,KAAK,EAAE,IAAI,eAAe,MAC/B,qBAAC,uBACC,oBAAC,uBACC,oBAAC,cAAW,MAAM,cAAe,GACvB,EACZ,qBAAC,wBACE,YAAY,eACX,oBAAC,wBAAY,YAAY,cAAyB,EAEnD,CAAC,YAAY,eACZ,oBAAC;GAAW,WAAU;aAAgC,EAAE,sBAAsB;IAAc,IAEpF,KAXC,GAYJ,CACX,GACQ,IACN;GACJ,IACF"}

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Team } from "../../..";
+
+//#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/esm/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/esm/components-page/account-settings/teams/team-page.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { PageLayout } from "../page-layout.js";
+import { LeaveTeamSection } from "./leave-team-section.js";
+import { TeamApiKeysSection } from "./team-api-keys-section.js";
+import { TeamDisplayNameSection } from "./team-display-name-section.js";
+import { TeamMemberInvitationSection } from "./team-member-invitation-section.js";
+import { TeamMemberListSection } from "./team-member-list-section.js";
+import { TeamProfileImageSection } from "./team-profile-image-section.js";
+import { TeamUserProfileSection } from "./team-profile-user-section.js";
+
+//#region src/components-page/account-settings/teams/team-page.tsx
+function TeamPage(props) {
+	return /* @__PURE__ */ jsxs(PageLayout, { children: [
+		/* @__PURE__ */ jsx(TeamUserProfileSection, { team: props.team }, `user-profile-${props.team.id}`),
+		/* @__PURE__ */ jsx(TeamProfileImageSection, { team: props.team }, `profile-image-${props.team.id}`),
+		/* @__PURE__ */ jsx(TeamDisplayNameSection, { team: props.team }, `display-name-${props.team.id}`),
+		/* @__PURE__ */ jsx(TeamMemberListSection, { team: props.team }, `member-list-${props.team.id}`),
+		/* @__PURE__ */ jsx(TeamMemberInvitationSection, { team: props.team }, `member-invitation-${props.team.id}`),
+		/* @__PURE__ */ jsx(TeamApiKeysSection, { team: props.team }, `api-keys-${props.team.id}`),
+		/* @__PURE__ */ jsx(LeaveTeamSection, { team: props.team }, `leave-team-${props.team.id}`)
+	] });
+}
+
+//#endregion
+export { TeamPage };
+//# sourceMappingURL=team-page.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"team-page.js","names":[],"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,qBAAC;EACC,oBAAC,0BAA6D,MAAM,MAAM,QAA7C,gBAAgB,MAAM,KAAK,KAA0B;EAClF,oBAAC,2BAA+D,MAAM,MAAM,QAA9C,iBAAiB,MAAM,KAAK,KAA0B;EACpF,oBAAC,0BAA6D,MAAM,MAAM,QAA7C,gBAAgB,MAAM,KAAK,KAA0B;EAClF,oBAAC,yBAA2D,MAAM,MAAM,QAA5C,eAAe,MAAM,KAAK,KAA0B;EAChF,oBAAC,+BAAuE,MAAM,MAAM,QAAlD,qBAAqB,MAAM,KAAK,KAA0B;EAC5F,oBAAC,sBAAqD,MAAM,MAAM,QAAzC,YAAY,MAAM,KAAK,KAA0B;EAC1E,oBAAC,oBAAqD,MAAM,MAAM,QAA3C,cAAc,MAAM,KAAK,KAA0B;KAC/D"}

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Team } from "../../..";
+
+//#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/esm/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/esm/components-page/account-settings/teams/team-profile-image-section.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { useUser } from "../../../lib/hooks.js";
+import { useTranslation } from "../../../lib/translations.js";
+import { Section } from "../section.js";
+import { ProfileImageEditor } from "../../../components/profile-image-editor.js";
+
+//#region src/components-page/account-settings/teams/team-profile-image-section.tsx
+function TeamProfileImageSection(props) {
+	const { t } = useTranslation();
+	if (!useUser({ or: "redirect" }).usePermission(props.team, "$update_team")) return null;
+	return /* @__PURE__ */ jsx(Section, {
+		title: t("Team profile image"),
+		description: t("Upload an image for your team"),
+		children: /* @__PURE__ */ jsx(ProfileImageEditor, {
+			user: props.team,
+			onProfileImageUrlChange: async (profileImageUrl) => {
+				await props.team.update({ profileImageUrl });
+			}
+		})
+	});
+}
+
+//#endregion
+export { TeamProfileImageSection };
+//# sourceMappingURL=team-profile-image-section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"team-profile-image-section.js","names":[],"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,MAAM,gBAAgB;AAI9B,KAAI,CAHS,QAAQ,EAAE,IAAI,YAAY,CAAC,CACN,cAAc,MAAM,MAAM,eAAe,CAGzE,QAAO;AAGT,QACE,oBAAC;EACC,OAAO,EAAE,qBAAqB;EAC9B,aAAa,EAAE,gCAAgC;YAE/C,oBAAC;GACC,MAAM,MAAM;GACZ,yBAAyB,OAAO,oBAAoB;AAClD,UAAM,MAAM,KAAK,OAAO,EAAE,iBAAiB,CAAC;;IAE9C;GACM"}

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Team } from "../../..";
+
+//#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/esm/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/esm/components-page/account-settings/teams/team-profile-user-section.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { useUser } from "../../../lib/hooks.js";
+import { useTranslation } from "../../../lib/translations.js";
+import { Section } from "../section.js";
+import { EditableText } from "../editable-text.js";
+
+//#region src/components-page/account-settings/teams/team-profile-user-section.tsx
+function TeamUserProfileSection(props) {
+	const { t } = useTranslation();
+	const profile = useUser({ or: "redirect" }).useTeamProfile(props.team);
+	return /* @__PURE__ */ jsx(Section, {
+		title: t("Team user name"),
+		description: t("Overwrite your user display name in this team"),
+		children: /* @__PURE__ */ jsx(EditableText, {
+			value: profile.displayName || "",
+			onSave: async (newDisplayName) => {
+				await profile.update({ displayName: newDisplayName });
+			}
+		})
+	});
+}
+
+//#endregion
+export { TeamUserProfileSection };
+//# sourceMappingURL=team-profile-user-section.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"team-profile-user-section.js","names":[],"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,MAAM,gBAAgB;CAE9B,MAAM,UADO,QAAQ,EAAE,IAAI,YAAY,CAAC,CACnB,eAAe,MAAM,KAAK;AAE/C,QACE,oBAAC;EACC,OAAO,EAAE,iBAAiB;EAC1B,aAAa,EAAE,gDAAgD;YAE/D,oBAAC;GACC,OAAO,QAAQ,eAAe;GAC9B,QAAQ,OAAO,mBAAmB;AAChC,UAAM,QAAQ,OAAO,EAAE,aAAa,gBAAgB,CAAC;;IAEvD;GACM"}

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

@@ -0,0 +1,58 @@
+import React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as lucide_react0 from "lucide-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/esm/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"}

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

@@ -0,0 +1,264 @@
+'use client';
+
+import { runAsynchronouslyWithAlert } from "@stackframe/stack-shared/dist/utils/promises";
+import { Skeleton, Typography } from "@stackframe/stack-ui";
+import React, { Suspense, useEffect, useMemo, useRef, useState } from "react";
+import { useStackApp, useUser } from "../index.js";
+import { useTranslation } from "../lib/translations.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Bell, CirclePlus, Contact, CreditCard, Key, Monitor, Settings, ShieldCheck } from "lucide-react";
+import { MaybeFullPage } from "../components/elements/maybe-full-page.js";
+import { SidebarLayout } from "../components/elements/sidebar-layout.js";
+import { TeamIcon } from "../components/team-icon.js";
+import { ActiveSessionsPage } from "./account-settings/active-sessions/active-sessions-page.js";
+import { ApiKeysPage } from "./account-settings/api-keys/api-keys-page.js";
+import { EmailsAndAuthPage } from "./account-settings/email-and-auth/email-and-auth-page.js";
+import { NotificationsPage } from "./account-settings/notifications/notifications-page.js";
+import { ProfilePage } from "./account-settings/profile-page/profile-page.js";
+import { PaymentsPage } from "./account-settings/payments/payments-page.js";
+import { SettingsPage } from "./account-settings/settings/settings-page.js";
+import { TeamCreationPage } from "./account-settings/teams/team-creation-page.js";
+import { TeamPage } from "./account-settings/teams/team-page.js";
+
+//#region src/components-page/account-settings.tsx
+const iconMap = {
+	Contact,
+	ShieldCheck,
+	Bell,
+	Monitor,
+	Key,
+	Settings,
+	CirclePlus,
+	CreditCard
+};
+const Icon = ({ name }) => {
+	const LucideIcon = iconMap[name];
+	return /* @__PURE__ */ jsx(LucideIcon, { className: "mr-2 h-4 w-4" });
+};
+function AccountSettings(props) {
+	const { t } = useTranslation();
+	const userFromHook = useUser({ or: props.mockUser ? "return-null" : "redirect" });
+	const projectFromHook = useStackApp().useProject();
+	const user = props.mockUser ? {
+		useTeams: () => [],
+		useBilling: () => ({ hasCustomer: false })
+	} : userFromHook;
+	const project = props.mockProject || projectFromHook;
+	const teams = user?.useTeams() || [];
+	user?.useBilling();
+	const teamsById = useMemo(() => teams, [useMemo(() => teams.map((team) => team.id).join("|"), [teams])]);
+	const userRef = useRef(userFromHook ?? null);
+	const userId = userFromHook?.id ?? null;
+	const [paymentsAvailability, setPaymentsAvailability] = useState(() => ({
+		userHasProducts: false,
+		teamIdsWithProducts: /* @__PURE__ */ new Set(),
+		isReady: !!props.mockUser
+	}));
+	useEffect(() => {
+		userRef.current = userFromHook ?? null;
+	}, [userFromHook]);
+	useEffect(() => {
+		if (props.mockUser || !userId) return;
+		let cancelled = false;
+		runAsynchronouslyWithAlert(async () => {
+			const currentUser = userRef.current;
+			if (!currentUser || currentUser.id !== userId) return;
+			const [userProducts, teamsWithProducts] = await Promise.all([currentUser.listProducts({ limit: 1 }), Promise.all(teamsById.map(async (team) => {
+				if (!await currentUser.hasPermission(team, "team_admin")) return null;
+				return (await team.listProducts({ limit: 1 })).some((product) => product.customerType === "team") ? team.id : null;
+			}))]);
+			if (cancelled) return;
+			setPaymentsAvailability({
+				userHasProducts: userProducts.some((product) => product.customerType === "user"),
+				teamIdsWithProducts: new Set(teamsWithProducts.filter((id) => id !== null)),
+				isReady: true
+			});
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		props.mockUser,
+		teamsById,
+		userId
+	]);
+	const teamsWithProducts = useMemo(() => teamsById.filter((team) => paymentsAvailability.teamIdsWithProducts.has(team.id)), [paymentsAvailability.teamIdsWithProducts, teamsById]);
+	const shouldShowPaymentsTab = props.mockUser || paymentsAvailability.isReady && (paymentsAvailability.userHasProducts || teamsWithProducts.length > 0);
+	if (!props.mockUser && !userFromHook) return null;
+	return /* @__PURE__ */ jsx(MaybeFullPage, {
+		fullPage: !!props.fullPage,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "self-stretch flex-grow w-full",
+			children: /* @__PURE__ */ jsx(SidebarLayout, {
+				items: [
+					{
+						title: t("My Profile"),
+						type: "item",
+						id: "profile",
+						icon: /* @__PURE__ */ jsx(Icon, { name: "Contact" }),
+						content: /* @__PURE__ */ jsx(ProfilePage, { mockUser: props.mockUser })
+					},
+					{
+						title: t("Emails & Auth"),
+						type: "item",
+						id: "auth",
+						icon: /* @__PURE__ */ jsx(Icon, { name: "ShieldCheck" }),
+						content: /* @__PURE__ */ jsx(Suspense, {
+							fallback: /* @__PURE__ */ jsx(EmailsAndAuthPageSkeleton, {}),
+							children: /* @__PURE__ */ jsx(EmailsAndAuthPage, { mockMode: !!props.mockUser })
+						})
+					},
+					{
+						title: t("Notifications"),
+						type: "item",
+						id: "notifications",
+						icon: /* @__PURE__ */ jsx(Icon, { name: "Bell" }),
+						content: /* @__PURE__ */ jsx(Suspense, {
+							fallback: /* @__PURE__ */ jsx(NotificationsPageSkeleton, {}),
+							children: /* @__PURE__ */ jsx(NotificationsPage, {})
+						})
+					},
+					{
+						title: t("Active Sessions"),
+						type: "item",
+						id: "sessions",
+						icon: /* @__PURE__ */ jsx(Icon, { name: "Monitor" }),
+						content: /* @__PURE__ */ jsx(Suspense, {
+							fallback: /* @__PURE__ */ jsx(ActiveSessionsPageSkeleton, {}),
+							children: /* @__PURE__ */ jsx(ActiveSessionsPage, {
+								mockSessions: props.mockSessions,
+								mockMode: !!props.mockUser
+							})
+						})
+					},
+					...project.config.allowUserApiKeys ? [{
+						title: t("API Keys"),
+						type: "item",
+						id: "api-keys",
+						icon: /* @__PURE__ */ jsx(Icon, { name: "Key" }),
+						content: /* @__PURE__ */ jsx(Suspense, {
+							fallback: /* @__PURE__ */ jsx(ApiKeysPageSkeleton, {}),
+							children: /* @__PURE__ */ jsx(ApiKeysPage, {
+								mockApiKeys: props.mockApiKeys,
+								mockMode: !!props.mockUser
+							})
+						})
+					}] : [],
+					...shouldShowPaymentsTab ? [{
+						title: t("Payments"),
+						type: "item",
+						id: "payments",
+						icon: /* @__PURE__ */ jsx(Icon, { name: "CreditCard" }),
+						content: /* @__PURE__ */ jsx(Suspense, {
+							fallback: /* @__PURE__ */ jsx(PaymentsPageSkeleton, {}),
+							children: /* @__PURE__ */ jsx(PaymentsPage, {
+								mockMode: !!props.mockUser,
+								allowPersonal: paymentsAvailability.userHasProducts,
+								availableTeams: teamsWithProducts
+							})
+						})
+					}] : [],
+					{
+						title: t("Settings"),
+						type: "item",
+						id: "settings",
+						icon: /* @__PURE__ */ jsx(Icon, { name: "Settings" }),
+						content: /* @__PURE__ */ jsx(SettingsPage, { mockMode: !!props.mockUser })
+					},
+					...props.extraItems?.map((item) => ({
+						title: item.title,
+						type: "item",
+						id: item.id,
+						icon: (() => {
+							const iconName = item.iconName;
+							if (iconName) return /* @__PURE__ */ jsx(Icon, { name: iconName });
+							else if (item.icon) return item.icon;
+							return null;
+						})(),
+						content: item.content
+					})) || [],
+					...teams.length > 0 || project.config.clientTeamCreationEnabled ? [{
+						title: t("Teams"),
+						type: "divider"
+					}] : [],
+					...teams.map((team) => ({
+						title: /* @__PURE__ */ jsxs("div", {
+							className: "flex gap-2 items-center w-full",
+							children: [/* @__PURE__ */ jsx(TeamIcon, { team }), /* @__PURE__ */ jsx(Typography, {
+								className: "max-w-[320px] md:w-[90%] truncate",
+								children: team.displayName
+							})]
+						}),
+						type: "item",
+						id: `team-${team.id}`,
+						content: /* @__PURE__ */ jsx(Suspense, {
+							fallback: /* @__PURE__ */ jsx(TeamPageSkeleton, {}),
+							children: /* @__PURE__ */ jsx(TeamPage, { team })
+						})
+					})),
+					...project.config.clientTeamCreationEnabled ? [{
+						title: t("Create a team"),
+						icon: /* @__PURE__ */ jsx(Icon, { name: "CirclePlus" }),
+						type: "item",
+						id: "team-creation",
+						content: /* @__PURE__ */ jsx(Suspense, {
+							fallback: /* @__PURE__ */ jsx(TeamCreationSkeleton, {}),
+							children: /* @__PURE__ */ jsx(TeamCreationPage, { mockMode: !!props.mockUser })
+						})
+					}] : []
+				].filter((p) => p.type === "divider" || p.content),
+				title: t("Account Settings")
+			})
+		})
+	});
+}
+function PageLayout(props) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex flex-col gap-6",
+		children: props.children
+	});
+}
+function EmailsAndAuthPageSkeleton() {
+	return /* @__PURE__ */ jsxs(PageLayout, { children: [
+		/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full mt-1" }),
+		/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full mt-1" }),
+		/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full mt-1" }),
+		/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full mt-1" })
+	] });
+}
+function ActiveSessionsPageSkeleton() {
+	return /* @__PURE__ */ jsxs(PageLayout, { children: [
+		/* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-48 mb-2" }),
+		/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full mb-4" }),
+		/* @__PURE__ */ jsx(Skeleton, { className: "h-[200px] w-full mt-1 rounded-md" })
+	] });
+}
+function ApiKeysPageSkeleton() {
+	return /* @__PURE__ */ jsxs(PageLayout, { children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full mt-1" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-[200px] w-full mt-1 rounded-md" })] });
+}
+function PaymentsPageSkeleton() {
+	return /* @__PURE__ */ jsxs(PageLayout, { children: [
+		/* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-48 mb-2" }),
+		/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full mt-1" }),
+		/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full mt-1" }),
+		/* @__PURE__ */ jsx(Skeleton, { className: "h-[200px] w-full mt-1 rounded-md" })
+	] });
+}
+function TeamPageSkeleton() {
+	return /* @__PURE__ */ jsxs(PageLayout, { children: [
+		/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full mt-1" }),
+		/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full mt-1" }),
+		/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full mt-1" }),
+		/* @__PURE__ */ jsx(Skeleton, { className: "h-[200px] w-full mt-1 rounded-md" })
+	] });
+}
+function TeamCreationSkeleton() {
+	return /* @__PURE__ */ jsxs(PageLayout, { children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full mt-1" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full mt-1" })] });
+}
+function NotificationsPageSkeleton() {
+	return /* @__PURE__ */ jsxs(PageLayout, { children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full mt-1" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full mt-1" })] });
+}
+
+//#endregion
+export { AccountSettings };
+//# sourceMappingURL=account-settings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"account-settings.js","names":[],"sources":["../../../src/components-page/account-settings.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { Skeleton, Typography } from '@stackframe/stack-ui';\nimport { Contact, ShieldCheck, Bell, Monitor, Key, Settings, CirclePlus, CreditCard } from 'lucide-react';\nimport React, { Suspense, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useStackApp, useUser } from '..';\nimport { MaybeFullPage } from \"../components/elements/maybe-full-page\";\nimport { SidebarLayout } from '../components/elements/sidebar-layout';\nimport { TeamIcon } from '../components/team-icon';\nimport { useTranslation } from \"../lib/translations\";\nimport { ActiveSessionsPage } from \"./account-settings/active-sessions/active-sessions-page\";\nimport { ApiKeysPage } from \"./account-settings/api-keys/api-keys-page\";\nimport { EmailsAndAuthPage } from './account-settings/email-and-auth/email-and-auth-page';\nimport { NotificationsPage } from './account-settings/notifications/notifications-page';\nimport { ProfilePage } from \"./account-settings/profile-page/profile-page\";\nimport { PaymentsPage } from \"./account-settings/payments/payments-page\";\nimport { SettingsPage } from './account-settings/settings/settings-page';\nimport { TeamCreationPage } from './account-settings/teams/team-creation-page';\nimport { TeamPage } from './account-settings/teams/team-page';\n\nconst iconMap = {\n  Contact,\n  ShieldCheck,\n  Bell,\n  Monitor,\n  Key,\n  Settings,\n  CirclePlus,\n  CreditCard,\n} as const;\n\nconst Icon = ({ name }: { name: keyof typeof iconMap }) => {\n  const LucideIcon = iconMap[name];\n  return <LucideIcon className=\"mr-2 h-4 w-4\"/>;\n};\n\nexport function AccountSettings(props: {\n  fullPage?: boolean,\n  extraItems?: ({\n    title: string,\n    content: React.ReactNode,\n    id: string,\n  } & ({\n    icon?: React.ReactNode,\n  } | {\n    iconName?: keyof typeof iconMap,\n  }))[],\n  mockUser?: {\n    displayName?: string,\n    profileImageUrl?: string,\n  },\n  mockApiKeys?: Array<{\n    id: string,\n    description: string,\n    createdAt: string,\n    expiresAt?: string,\n    manuallyRevokedAt?: string,\n  }>,\n  mockProject?: {\n    config: {\n      allowUserApiKeys: boolean,\n      clientTeamCreationEnabled: boolean,\n    },\n  },\n  mockSessions?: Array<{\n    id: string,\n    isCurrentSession: boolean,\n    isImpersonation?: boolean,\n    createdAt: string,\n    lastUsedAt?: string,\n    geoInfo?: {\n      ip?: string,\n      cityName?: string,\n    },\n  }>,\n}) {\n  const { t } = useTranslation();\n  const userFromHook = useUser({ or: props.mockUser ? 'return-null' : 'redirect' });\n  const stackApp = useStackApp();\n  const projectFromHook = stackApp.useProject();\n\n  // Use mock data if provided, otherwise use real data\n  const user = props.mockUser ? {\n    useTeams: () => [], // Mock empty teams for now\n    useBilling: () => ({ hasCustomer: false }), // Mock empty billing for now\n  } : userFromHook;\n\n  const project = props.mockProject || projectFromHook;\n  const teams = user?.useTeams() || [];\n  const billing = user?.useBilling() || null;\n  const teamsKey = useMemo(() => teams.map(team => team.id).join(\"|\"), [teams]);\n  const teamsById = useMemo(() => teams, [teamsKey]);\n  const userRef = useRef(userFromHook ?? null);\n  const userId = userFromHook?.id ?? null;\n  const [paymentsAvailability, setPaymentsAvailability] = useState<{\n    userHasProducts: boolean,\n    teamIdsWithProducts: Set<string>,\n    isReady: boolean,\n  }>(() => ({\n    userHasProducts: false,\n    teamIdsWithProducts: new Set<string>(),\n    isReady: !!props.mockUser,\n  }));\n\n  useEffect(() => {\n    userRef.current = userFromHook ?? null;\n  }, [userFromHook]);\n\n  useEffect(() => {\n    if (props.mockUser || !userId) {\n      return;\n    }\n    let cancelled = false;\n    runAsynchronouslyWithAlert(async () => {\n      const currentUser = userRef.current;\n      if (!currentUser || currentUser.id !== userId) {\n        return;\n      }\n      const [userProducts, teamsWithProducts] = await Promise.all([\n        currentUser.listProducts({ limit: 1 }),\n        Promise.all(teamsById.map(async (team) => {\n          const isTeamAdmin = await currentUser.hasPermission(team, \"team_admin\");\n          if (!isTeamAdmin) {\n            return null;\n          }\n          const teamProducts = await team.listProducts({ limit: 1 });\n          const hasTeamProducts = teamProducts.some((product) => product.customerType === \"team\");\n          return hasTeamProducts ? team.id : null;\n        })),\n      ]);\n      if (cancelled) {\n        return;\n      }\n      const userHasProducts = userProducts.some((product) => product.customerType === \"user\");\n      const teamIdsWithProducts = new Set<string>(teamsWithProducts.filter((id): id is string => id !== null));\n      setPaymentsAvailability({\n        userHasProducts,\n        teamIdsWithProducts,\n        isReady: true,\n      });\n    });\n    return () => {\n      cancelled = true;\n    };\n  }, [props.mockUser, teamsById, userId]);\n\n  const teamsWithProducts = useMemo(\n    () => teamsById.filter(team => paymentsAvailability.teamIdsWithProducts.has(team.id)),\n    [paymentsAvailability.teamIdsWithProducts, teamsById],\n  );\n  const shouldShowPaymentsTab = props.mockUser\n    || (paymentsAvailability.isReady\n      && (paymentsAvailability.userHasProducts || teamsWithProducts.length > 0));\n\n  // If we're not in mock mode and don't have a user, the useUser hook will handle redirect\n  if (!props.mockUser && !userFromHook) {\n    return null;\n  }\n\n  return (\n    <MaybeFullPage fullPage={!!props.fullPage}>\n      <div className=\"self-stretch flex-grow w-full\">\n        <SidebarLayout\n          items={([\n            {\n              title: t('My Profile'),\n              type: 'item',\n              id: 'profile',\n              icon: <Icon name=\"Contact\"/>,\n              content: <ProfilePage mockUser={props.mockUser}/>,\n            },\n            {\n              title: t('Emails & Auth'),\n              type: 'item',\n              id: 'auth',\n              icon: <Icon name=\"ShieldCheck\"/>,\n              content: <Suspense fallback={<EmailsAndAuthPageSkeleton/>}>\n                <EmailsAndAuthPage mockMode={!!props.mockUser}/>\n              </Suspense>,\n            },\n            {\n              title: t('Notifications'),\n              type: 'item',\n              id: 'notifications',\n              icon: <Icon name=\"Bell\"/>,\n              content: <Suspense fallback={<NotificationsPageSkeleton/>}>\n                <NotificationsPage/>\n              </Suspense>,\n            },\n            {\n              title: t('Active Sessions'),\n              type: 'item',\n              id: 'sessions',\n              icon: <Icon name=\"Monitor\"/>,\n              content: <Suspense fallback={<ActiveSessionsPageSkeleton/>}>\n                <ActiveSessionsPage mockSessions={props.mockSessions} mockMode={!!props.mockUser}/>\n              </Suspense>,\n            },\n            ...(project.config.allowUserApiKeys ? [{\n              title: t('API Keys'),\n              type: 'item',\n              id: 'api-keys',\n              icon: <Icon name=\"Key\" />,\n              content: <Suspense fallback={<ApiKeysPageSkeleton/>}>\n                <ApiKeysPage mockApiKeys={props.mockApiKeys} mockMode={!!props.mockUser} />\n              </Suspense>,\n            }] as const : []),\n            ...(shouldShowPaymentsTab ? [{\n              title: t('Payments'),\n              type: 'item',\n              id: 'payments',\n              icon: <Icon name=\"CreditCard\" />,\n              content: <Suspense fallback={<PaymentsPageSkeleton/>}>\n                <PaymentsPage\n                  mockMode={!!props.mockUser}\n                  allowPersonal={paymentsAvailability.userHasProducts}\n                  availableTeams={teamsWithProducts}\n                />\n              </Suspense>,\n            }] as const : []),\n            {\n              title: t('Settings'),\n              type: 'item',\n              id: 'settings',\n              icon: <Icon name=\"Settings\"/>,\n              content: <SettingsPage mockMode={!!props.mockUser}/>,\n            },\n            ...(props.extraItems?.map(item => ({\n              title: item.title,\n              type: 'item',\n              id: item.id,\n              icon: (() => {\n                const iconName = (item as any).iconName as keyof typeof iconMap | undefined;\n                if (iconName) {\n                  return <Icon name={iconName}/>;\n                } else if ((item as any).icon) {\n                  return (item as any).icon;\n                }\n                return null;\n              })(),\n              content: item.content,\n            } as const)) || []),\n            ...(teams.length > 0 || project.config.clientTeamCreationEnabled) ? [{\n              title: t('Teams'),\n              type: 'divider',\n            }] as const : [],\n            ...teams.map(team => ({\n              title: <div className='flex gap-2 items-center w-full'>\n                <TeamIcon team={team}/>\n                <Typography className=\"max-w-[320px] md:w-[90%] truncate\">{team.displayName}</Typography>\n              </div>,\n              type: 'item',\n              id: `team-${team.id}`,\n              content: <Suspense fallback={<TeamPageSkeleton/>}>\n                <TeamPage team={team}/>\n              </Suspense>,\n            } as const)),\n            ...project.config.clientTeamCreationEnabled ? [{\n              title: t('Create a team'),\n              icon: <Icon name=\"CirclePlus\"/>,\n              type: 'item',\n              id: 'team-creation',\n              content: <Suspense fallback={<TeamCreationSkeleton/>}>\n                <TeamCreationPage mockMode={!!props.mockUser} />\n              </Suspense>,\n            }] as const : [],\n          ] as const).filter((p) => p.type === 'divider' || (p as any).content )}\n          title={t(\"Account Settings\")}\n        />\n      </div>\n    </MaybeFullPage>\n  );\n}\n\nfunction PageLayout(props: { children: React.ReactNode }) {\n  return (\n    <div className='flex flex-col gap-6'>\n      {props.children}\n    </div>\n  );\n}\n\nfunction EmailsAndAuthPageSkeleton() {\n  return <PageLayout>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n  </PageLayout>;\n}\n\nfunction ActiveSessionsPageSkeleton() {\n  return <PageLayout>\n    <Skeleton className=\"h-6 w-48 mb-2\"/>\n    <Skeleton className=\"h-4 w-full mb-4\"/>\n    <Skeleton className=\"h-[200px] w-full mt-1 rounded-md\"/>\n  </PageLayout>;\n}\n\nfunction ApiKeysPageSkeleton() {\n  return <PageLayout>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-[200px] w-full mt-1 rounded-md\"/>\n  </PageLayout>;\n}\n\nfunction PaymentsPageSkeleton() {\n  return <PageLayout>\n    <Skeleton className=\"h-6 w-48 mb-2\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-[200px] w-full mt-1 rounded-md\"/>\n  </PageLayout>;\n}\n\nfunction TeamPageSkeleton() {\n  return <PageLayout>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-[200px] w-full mt-1 rounded-md\"/>\n  </PageLayout>;\n}\n\nfunction TeamCreationSkeleton() {\n  return <PageLayout>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n  </PageLayout>;\n}\n\nfunction NotificationsPageSkeleton() {\n  return <PageLayout>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n    <Skeleton className=\"h-9 w-full mt-1\"/>\n  </PageLayout>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAM,UAAU;CACd;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAM,QAAQ,EAAE,WAA2C;CACzD,MAAM,aAAa,QAAQ;AAC3B,QAAO,oBAAC,cAAW,WAAU,iBAAgB;;AAG/C,SAAgB,gBAAgB,OAuC7B;CACD,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,eAAe,QAAQ,EAAE,IAAI,MAAM,WAAW,gBAAgB,YAAY,CAAC;CAEjF,MAAM,kBADW,aAAa,CACG,YAAY;CAG7C,MAAM,OAAO,MAAM,WAAW;EAC5B,gBAAgB,EAAE;EAClB,mBAAmB,EAAE,aAAa,OAAO;EAC1C,GAAG;CAEJ,MAAM,UAAU,MAAM,eAAe;CACrC,MAAM,QAAQ,MAAM,UAAU,IAAI,EAAE;AACpB,OAAM,YAAY;CAElC,MAAM,YAAY,cAAc,OAAO,CADtB,cAAc,MAAM,KAAI,SAAQ,KAAK,GAAG,CAAC,KAAK,IAAI,EAAE,CAAC,MAAM,CAAC,CAC5B,CAAC;CAClD,MAAM,UAAU,OAAO,gBAAgB,KAAK;CAC5C,MAAM,SAAS,cAAc,MAAM;CACnC,MAAM,CAAC,sBAAsB,2BAA2B,gBAI9C;EACR,iBAAiB;EACjB,qCAAqB,IAAI,KAAa;EACtC,SAAS,CAAC,CAAC,MAAM;EAClB,EAAE;AAEH,iBAAgB;AACd,UAAQ,UAAU,gBAAgB;IACjC,CAAC,aAAa,CAAC;AAElB,iBAAgB;AACd,MAAI,MAAM,YAAY,CAAC,OACrB;EAEF,IAAI,YAAY;AAChB,6BAA2B,YAAY;GACrC,MAAM,cAAc,QAAQ;AAC5B,OAAI,CAAC,eAAe,YAAY,OAAO,OACrC;GAEF,MAAM,CAAC,cAAc,qBAAqB,MAAM,QAAQ,IAAI,CAC1D,YAAY,aAAa,EAAE,OAAO,GAAG,CAAC,EACtC,QAAQ,IAAI,UAAU,IAAI,OAAO,SAAS;AAExC,QAAI,CADgB,MAAM,YAAY,cAAc,MAAM,aAAa,CAErE,QAAO;AAIT,YAFqB,MAAM,KAAK,aAAa,EAAE,OAAO,GAAG,CAAC,EACrB,MAAM,YAAY,QAAQ,iBAAiB,OAAO,GAC9D,KAAK,KAAK;KACnC,CAAC,CACJ,CAAC;AACF,OAAI,UACF;AAIF,2BAAwB;IACtB,iBAHsB,aAAa,MAAM,YAAY,QAAQ,iBAAiB,OAAO;IAIrF,qBAH0B,IAAI,IAAY,kBAAkB,QAAQ,OAAqB,OAAO,KAAK,CAAC;IAItG,SAAS;IACV,CAAC;IACF;AACF,eAAa;AACX,eAAY;;IAEb;EAAC,MAAM;EAAU;EAAW;EAAO,CAAC;CAEvC,MAAM,oBAAoB,cAClB,UAAU,QAAO,SAAQ,qBAAqB,oBAAoB,IAAI,KAAK,GAAG,CAAC,EACrF,CAAC,qBAAqB,qBAAqB,UAAU,CACtD;CACD,MAAM,wBAAwB,MAAM,YAC9B,qBAAqB,YACnB,qBAAqB,mBAAmB,kBAAkB,SAAS;AAG3E,KAAI,CAAC,MAAM,YAAY,CAAC,aACtB,QAAO;AAGT,QACE,oBAAC;EAAc,UAAU,CAAC,CAAC,MAAM;YAC/B,oBAAC;GAAI,WAAU;aACb,oBAAC;IACC,OAAQ;KACN;MACE,OAAO,EAAE,aAAa;MACtB,MAAM;MACN,IAAI;MACJ,MAAM,oBAAC,QAAK,MAAK,YAAW;MAC5B,SAAS,oBAAC,eAAY,UAAU,MAAM,WAAW;MAClD;KACD;MACE,OAAO,EAAE,gBAAgB;MACzB,MAAM;MACN,IAAI;MACJ,MAAM,oBAAC,QAAK,MAAK,gBAAe;MAChC,SAAS,oBAAC;OAAS,UAAU,oBAAC,8BAA2B;iBACvD,oBAAC,qBAAkB,UAAU,CAAC,CAAC,MAAM,WAAW;QACvC;MACZ;KACD;MACE,OAAO,EAAE,gBAAgB;MACzB,MAAM;MACN,IAAI;MACJ,MAAM,oBAAC,QAAK,MAAK,SAAQ;MACzB,SAAS,oBAAC;OAAS,UAAU,oBAAC,8BAA2B;iBACvD,oBAAC,sBAAmB;QACX;MACZ;KACD;MACE,OAAO,EAAE,kBAAkB;MAC3B,MAAM;MACN,IAAI;MACJ,MAAM,oBAAC,QAAK,MAAK,YAAW;MAC5B,SAAS,oBAAC;OAAS,UAAU,oBAAC,+BAA4B;iBACxD,oBAAC;QAAmB,cAAc,MAAM;QAAc,UAAU,CAAC,CAAC,MAAM;SAAW;QAC1E;MACZ;KACD,GAAI,QAAQ,OAAO,mBAAmB,CAAC;MACrC,OAAO,EAAE,WAAW;MACpB,MAAM;MACN,IAAI;MACJ,MAAM,oBAAC,QAAK,MAAK,QAAQ;MACzB,SAAS,oBAAC;OAAS,UAAU,oBAAC,wBAAqB;iBACjD,oBAAC;QAAY,aAAa,MAAM;QAAa,UAAU,CAAC,CAAC,MAAM;SAAY;QAClE;MACZ,CAAC,GAAY,EAAE;KAChB,GAAI,wBAAwB,CAAC;MAC3B,OAAO,EAAE,WAAW;MACpB,MAAM;MACN,IAAI;MACJ,MAAM,oBAAC,QAAK,MAAK,eAAe;MAChC,SAAS,oBAAC;OAAS,UAAU,oBAAC,yBAAsB;iBAClD,oBAAC;QACC,UAAU,CAAC,CAAC,MAAM;QAClB,eAAe,qBAAqB;QACpC,gBAAgB;SAChB;QACO;MACZ,CAAC,GAAY,EAAE;KAChB;MACE,OAAO,EAAE,WAAW;MACpB,MAAM;MACN,IAAI;MACJ,MAAM,oBAAC,QAAK,MAAK,aAAY;MAC7B,SAAS,oBAAC,gBAAa,UAAU,CAAC,CAAC,MAAM,WAAW;MACrD;KACD,GAAI,MAAM,YAAY,KAAI,UAAS;MACjC,OAAO,KAAK;MACZ,MAAM;MACN,IAAI,KAAK;MACT,aAAa;OACX,MAAM,WAAY,KAAa;AAC/B,WAAI,SACF,QAAO,oBAAC,QAAK,MAAM,WAAW;gBACpB,KAAa,KACvB,QAAQ,KAAa;AAEvB,cAAO;UACL;MACJ,SAAS,KAAK;MACf,EAAW,IAAI,EAAE;KAClB,GAAI,MAAM,SAAS,KAAK,QAAQ,OAAO,4BAA6B,CAAC;MACnE,OAAO,EAAE,QAAQ;MACjB,MAAM;MACP,CAAC,GAAY,EAAE;KAChB,GAAG,MAAM,KAAI,UAAS;MACpB,OAAO,qBAAC;OAAI,WAAU;kBACpB,oBAAC,YAAe,OAAO,EACvB,oBAAC;QAAW,WAAU;kBAAqC,KAAK;SAAyB;QACrF;MACN,MAAM;MACN,IAAI,QAAQ,KAAK;MACjB,SAAS,oBAAC;OAAS,UAAU,oBAAC,qBAAkB;iBAC9C,oBAAC,YAAe,OAAO;QACd;MACZ,EAAW;KACZ,GAAG,QAAQ,OAAO,4BAA4B,CAAC;MAC7C,OAAO,EAAE,gBAAgB;MACzB,MAAM,oBAAC,QAAK,MAAK,eAAc;MAC/B,MAAM;MACN,IAAI;MACJ,SAAS,oBAAC;OAAS,UAAU,oBAAC,yBAAsB;iBAClD,oBAAC,oBAAiB,UAAU,CAAC,CAAC,MAAM,WAAY;QACvC;MACZ,CAAC,GAAY,EAAE;KACjB,CAAW,QAAQ,MAAM,EAAE,SAAS,aAAc,EAAU,QAAS;IACtE,OAAO,EAAE,mBAAmB;KAC5B;IACE;GACQ;;AAIpB,SAAS,WAAW,OAAsC;AACxD,QACE,oBAAC;EAAI,WAAU;YACZ,MAAM;GACH;;AAIV,SAAS,4BAA4B;AACnC,QAAO,qBAAC;EACN,oBAAC,YAAS,WAAU,oBAAmB;EACvC,oBAAC,YAAS,WAAU,oBAAmB;EACvC,oBAAC,YAAS,WAAU,oBAAmB;EACvC,oBAAC,YAAS,WAAU,oBAAmB;KAC5B;;AAGf,SAAS,6BAA6B;AACpC,QAAO,qBAAC;EACN,oBAAC,YAAS,WAAU,kBAAiB;EACrC,oBAAC,YAAS,WAAU,oBAAmB;EACvC,oBAAC,YAAS,WAAU,qCAAoC;KAC7C;;AAGf,SAAS,sBAAsB;AAC7B,QAAO,qBAAC,yBACN,oBAAC,YAAS,WAAU,oBAAmB,EACvC,oBAAC,YAAS,WAAU,qCAAoC,IAC7C;;AAGf,SAAS,uBAAuB;AAC9B,QAAO,qBAAC;EACN,oBAAC,YAAS,WAAU,kBAAiB;EACrC,oBAAC,YAAS,WAAU,oBAAmB;EACvC,oBAAC,YAAS,WAAU,oBAAmB;EACvC,oBAAC,YAAS,WAAU,qCAAoC;KAC7C;;AAGf,SAAS,mBAAmB;AAC1B,QAAO,qBAAC;EACN,oBAAC,YAAS,WAAU,oBAAmB;EACvC,oBAAC,YAAS,WAAU,oBAAmB;EACvC,oBAAC,YAAS,WAAU,oBAAmB;EACvC,oBAAC,YAAS,WAAU,qCAAoC;KAC7C;;AAGf,SAAS,uBAAuB;AAC9B,QAAO,qBAAC,yBACN,oBAAC,YAAS,WAAU,oBAAmB,EACvC,oBAAC,YAAS,WAAU,oBAAmB,IAC5B;;AAGf,SAAS,4BAA4B;AACnC,QAAO,qBAAC,yBACN,oBAAC,YAAS,WAAU,oBAAmB,EACvC,oBAAC,YAAS,WAAU,oBAAmB,IAC5B"}

package/dist/esm/components-page/auth-page.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components-page/auth-page.d.ts
+type Props = {
+  noPasswordRepeat?: boolean;
+  firstTab?: 'magic-link' | 'password';
+  fullPage?: boolean;
+  type: 'sign-in' | 'sign-up';
+  automaticRedirect?: boolean;
+  extraInfo?: React.ReactNode;
+  mockProject?: {
+    config: {
+      signUpEnabled: boolean;
+      credentialEnabled: boolean;
+      passkeyEnabled: boolean;
+      magicLinkEnabled: boolean;
+      oauthProviders: {
+        id: string;
+      }[];
+    };
+  };
+};
+declare function AuthPage(props: Props): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { AuthPage };
+//# sourceMappingURL=auth-page.d.ts.map

package/dist/esm/components-page/auth-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-page.d.ts","names":[],"sources":["../../../src/components-page/auth-page.tsx"],"mappings":";;;KAsBK,KAAA;EACH,gBAAA;EACA,QAAA;EACA,QAAA;EACA,IAAA;EACA,iBAAA;EACA,SAAA,GAAY,KAAA,CAAM,SAAA;EAClB,WAAA;IACE,MAAA;MACE,aAAA;MACA,iBAAA;MACA,cAAA;MACA,gBAAA;MACA,cAAA;QACE,EAAA;MAAA;IAAA;EAAA;AAAA;AAAA,iBAMQ,QAAA,CAAS,KAAA,EAAO,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}