@hexclave/next 1.0.41 → 1.0.42

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

@@ -1 +1 @@
-{"version":3,"file":"team-creation-page.js","names":[],"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 UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { yupObject, yupString } from \"@hexclave/shared/dist/schema-fields\";\nimport { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { Button, Input } from \"@hexclave/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,MAAM,gBAAgB;CAM9B,MAAM,EAAE,UAAU,cAAc,WAAW,EAAE,aAAa,QAAQ,EAChE,UAAU,YALe,UAAU,EACnC,aAAa,WAAW,CAAC,SAAS,CAAC,SAAS,EAAE,2BAA2B,CAAC,EAC3E,CAAC,CAGyC,EAC1C,CAAC;CACF,MAAM,MAAM,aAAa;CACzB,MAAM,UAAU,IAAI,YAAY;CAChC,MAAM,OAAO,QAAQ,EAAE,IAAI,OAAO,WAAW,gBAAgB,YAAY,CAAC;CAC1E,MAAM,WAAW,IAAI,aAAa;CAClC,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;AAG7C,KAAI,OAAO,SACT,QACE,oBAAC,wBACC,oBAAC,eAAY,OAAO,EAAE,yCAAyC,GAAI,GACxD;AAIjB,KAAI,CAAC,QAAQ,OAAO,0BAClB,QAAO,oBAAC,eAAY,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,oBAAC,wBACC,oBAAC;EAAQ,OAAO,EAAE,gBAAgB;EAAE,aAAa,EAAE,yCAAyC;YAC1F,qBAAC;GACC,WAAU,MAAK,2BAA2B,aAAa,SAAS,CAAC,EAAE,CAAC;GACpE;GACA,WAAU;cAEV,qBAAC;IAAI,WAAU;eACb,oBAAC;KACC,IAAG;KACH,MAAK;KACL,GAAI,SAAS,cAAc;MAC3B,EACF,oBAAC,mBAAgB,MAAM,OAAO,aAAa,SAAS,UAAU,GAAI;KAC9D,EACN,oBAAC;IAAO,MAAK;IAAkB;cAAU,EAAE,SAAS;KAAU;IACzD;GACC,GACC"}
+{"version":3,"file":"team-creation-page.js","names":[],"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 UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { yupObject, yupString } from \"@hexclave/shared/dist/schema-fields\";\nimport { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { Button, Input } from \"@hexclave/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,MAAM,eAAe;CAM7B,MAAM,EAAE,UAAU,cAAc,WAAW,EAAE,aAAa,QAAQ,EAChE,UAAU,YALe,UAAU,EACnC,aAAa,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC,SAAS,EAAE,0BAA0B,CAAC,EAC3E,CAGyC,CAAC,EAC1C,CAAC;CACD,MAAM,MAAM,YAAY;CACxB,MAAM,UAAU,IAAI,WAAW;CAC/B,MAAM,OAAO,QAAQ,EAAE,IAAI,OAAO,WAAW,gBAAgB,WAAW,CAAC;CACzE,MAAM,WAAW,IAAI,YAAY;CACjC,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAG5C,IAAI,OAAO,UACT,OACE,oBAAC,YAAD,EAAA,UACE,oBAAC,aAAD,EAAa,OAAO,EAAE,wCAAwC,EAAI,CAAA,EACxD,CAAA;CAIhB,IAAI,CAAC,QAAQ,OAAO,2BAClB,OAAO,oBAAC,aAAD,EAAa,OAAO,EAAE,8BAA8B,EAAI,CAAA;CAGjE,MAAM,WAAW,OAAO,SAAmD;EACzE,IAAI,OAAO,UAAU;GAEnB,MAAM,kCAAkC;GACxC;EACF;EAEA,WAAW,IAAI;EAEf,IAAI;EACJ,IAAI;GACF,OAAO,MAAM,MAAM,WAAW,EAAE,aAAa,KAAK,YAAY,CAAC;EACjE,UAAU;GACR,WAAW,KAAK;EAClB;EAEA,IAAI,MACF,SAAS,SAAS,KAAK,IAAI;CAE/B;CAEA,OACE,oBAAC,YAAD,EAAA,UACE,oBAAC,SAAD;EAAS,OAAO,EAAE,eAAe;EAAG,aAAa,EAAE,wCAAwC;YACzF,qBAAC,QAAD;GACE,WAAU,MAAK,2BAA2B,aAAa,QAAQ,CAAC,CAAC,CAAC,CAAC;GACnE,YAAA;GACA,WAAU;aAHZ,CAKE,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,OAAD;KACE,IAAG;KACH,MAAK;KACL,GAAI,SAAS,aAAa;IAC3B,CAAA,GACD,oBAAC,iBAAD,EAAiB,MAAM,OAAO,aAAa,SAAS,SAAS,EAAI,CAAA,CAC9D;OACL,oBAAC,QAAD;IAAQ,MAAK;IAAkB;cAAU,EAAE,QAAQ;GAAU,CAAA,CACzD;;CACC,CAAA,EACC,CAAA;AAEhB"}

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

@@ -1,10 +1,9 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { Team } from "../../..";
+import { Team } from "../../../index.js";
 
 //#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;
+}): import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 export { TeamDisplayNameSection };
 //# sourceMappingURL=team-display-name-section.d.ts.map

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

@@ -1 +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"}
+{"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,IAAI;AAAA,gCAAE,GAAA,CAAA,OAAA"}

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

@@ -3,7 +3,6 @@ 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-display-name-section.tsx
 function TeamDisplayNameSection(props) {
 	const { t } = useTranslation();
@@ -17,7 +16,7 @@ function TeamDisplayNameSection(props) {
 		})
 	});
 }
-
 //#endregion
 export { TeamDisplayNameSection };
+
 //# sourceMappingURL=team-display-name-section.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"team-display-name-section.js","names":[],"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 UNLESS YOU ALSO 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,MAAM,gBAAgB;AAI9B,KAAI,CAHS,QAAQ,EAAE,IAAI,YAAY,CAAC,CACN,cAAc,MAAM,MAAM,eAAe,CAGzE,QAAO;AAGT,QACE,oBAAC;EACC,OAAO,EAAE,oBAAoB;EAC7B,aAAa,EAAE,uCAAuC;YAEtD,oBAAC;GACC,OAAO,MAAM,KAAK;GAClB,QAAQ,OAAO,mBAAmB,MAAM,MAAM,KAAK,OAAO,EAAE,aAAa,gBAAgB,CAAC;IAC1F;GACM"}
+{"version":3,"file":"team-display-name-section.js","names":[],"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 UNLESS YOU ALSO 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,MAAM,eAAe;CAI7B,IAAI,CAHS,QAAQ,EAAE,IAAI,WAAW,CACN,CAAC,CAAC,cAAc,MAAM,MAAM,cAEpC,GACtB,OAAO;CAGT,OACE,oBAAC,SAAD;EACE,OAAO,EAAE,mBAAmB;EAC5B,aAAa,EAAE,sCAAsC;YAErD,oBAAC,cAAD;GACE,OAAO,MAAM,KAAK;GAClB,QAAQ,OAAO,mBAAmB,MAAM,MAAM,KAAK,OAAO,EAAE,aAAa,eAAe,CAAC;EAC1F,CAAA;CACM,CAAA;AAEb"}

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

@@ -1,10 +1,9 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { Team } from "../../..";
+import { Team } from "../../../index.js";
 
 //#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;
+}): import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 export { TeamMemberInvitationSection };
 //# sourceMappingURL=team-member-invitation-section.d.ts.map

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

@@ -1 +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"}
+{"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,IAAI;AAAA,gCAAE,GAAA,CAAA,OAAA"}

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

@@ -10,7 +10,6 @@ import { useUser } from "../../../lib/hooks.js";
 import { useTranslation } from "../../../lib/translations.js";
 import { FormWarningText } from "../../../components/elements/form-warning.js";
 import { Section } from "../section.js";
-
 //#region src/components-page/account-settings/teams/team-member-invitation-section.tsx
 function TeamMemberInvitationSection(props) {
 	if (!useUser({ or: "redirect" }).usePermission(props.team, "$invite_members")) return null;
@@ -106,7 +105,7 @@ function MemberInvitationSectionInner(props) {
 		})
 	}), readMemberPermission && /* @__PURE__ */ jsx(MemberInvitationsSectionInvitationsList, { team: props.team })] });
 }
-
 //#endregion
 export { TeamMemberInvitationSection };
+
 //# sourceMappingURL=team-member-invitation-section.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"team-member-invitation-section.js","names":[],"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 UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { strictEmailSchema, yupObject } from \"@hexclave/shared/dist/schema-fields\";\nimport { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { Button, Input, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Typography } from \"@hexclave/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,CAHS,QAAQ,EAAE,IAAI,YAAY,CAAC,CACJ,cAAc,MAAM,MAAM,kBAAkB,CAG9E,QAAO;AAGT,QAAO,oBAAC,gCAA6B,MAAM,MAAM,OAAQ;;AAG3D,SAAS,wCAAwC,OAAuB;CACtE,MAAM,OAAO,QAAQ,EAAE,IAAI,YAAY,CAAC;CACxC,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,oBAAoB,MAAM,KAAK,gBAAgB;CACrD,MAAM,yBAAyB,KAAK,cAAc,MAAM,MAAM,kBAAkB;AAEhF,QAAO,0CACL,qBAAC;EAAM,WAAU;aACf,oBAAC,yBACC,qBAAC;GACC,oBAAC;IAAU,WAAU;cAAa,EAAE,0BAA0B;KAAa;GAC3E,oBAAC;IAAU,WAAU;cAAY,EAAE,UAAU;KAAa;GAC1D,oBAAC,aAAU,WAAU,0BAAoC;MAChD,GACC,EACd,qBAAC,wBACE,kBAAkB,KAAK,YAAY,MAClC,qBAAC;GACC,oBAAC,uBACC,oBAAC,wBAAY,WAAW,iBAA4B,GAC1C;GACZ,oBAAC,uBACC,oBAAC;IAAW,SAAQ;cAAa,WAAW,UAAU,gBAAgB;KAAc,GAC1E;GACZ,oBAAC;IAAU,OAAM;IAAQ,WAAU;cAChC,0BACC,oBAAC;KAAO,SAAS,YAAY,MAAM,WAAW,QAAQ;KAAE,MAAK;KAAO,SAAQ;eAC1E,oBAAC,SAAM,WAAU,YAAY;MACtB;KAED;OAbC,WAAW,GAcf,CACX,EACD,kBAAkB,WAAW,KAAK,oBAAC,sBAClC,oBAAC;GAAU,SAAS;aAClB,oBAAC;IAAW,SAAQ;cAAa,EAAE,6BAA6B;KAAc;IACpE,GACH,IACD;GACN,GACP;;AAGL,SAAS,6BAA6B,OAAuB;CAC3D,MAAM,OAAO,QAAQ,EAAE,IAAI,YAAY,CAAC;CACxC,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,uBAAuB,KAAK,cAAc,MAAM,MAAM,gBAAgB;CAM5E,MAAM,EAAE,UAAU,cAAc,WAAW,EAAE,UAAU,UAAU,QAAQ,EACvE,UAAU,YALa,UAAU,EACjC,OAAO,kBAAkB,EAAE,qCAAqC,CAAC,CAAC,SAAS,CAAC,SAAS,EAAE,gCAAgC,CAAC,EACzH,CAAC,CAGuC,EACxC,CAAC;CACF,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,CAAC,cAAc,mBAAmB,SAAwB,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,iBAAgB;AACd,kBAAgB,KAAK;IACpB,CAAC,MAAM,QAAQ,CAAC,CAAC;AAEpB,QACE,4CACE,oBAAC;EACC,OAAO,EAAE,gBAAgB;EACzB,aAAa,EAAE,2CAA2C;YAE1D,qBAAC;GACC,WAAU,MAAK,2BAA2B,aAAa,SAAS,CAAC,EAAE,CAAC;GACpE;GACA,WAAU;;IAEV,qBAAC;KAAI,WAAU;gBACb,oBAAC;MACC,aAAa,EAAE,QAAQ;MACvB,GAAI,SAAS,QAAQ;OACrB,EACF,oBAAC;MAAO,MAAK;MAAkB;gBAAU,EAAE,cAAc;OAAU;MAC/D;IACN,oBAAC,mBAAgB,MAAM,OAAO,OAAO,SAAS,UAAU,GAAI;IAC3D,gBAAgB,qBAAC;KAAW,MAAK;KAAQ,SAAQ;gBAAY,YAAS;MAA0B;;IAC5F;GACC,EACT,wBAAwB,oBAAC,2CAAwC,MAAM,MAAM,OAAQ,IACrF"}
+{"version":3,"file":"team-member-invitation-section.js","names":[],"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 UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { strictEmailSchema, yupObject } from \"@hexclave/shared/dist/schema-fields\";\nimport { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { Button, Input, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Typography } from \"@hexclave/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":"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"}

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

@@ -1,10 +1,9 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { Team } from "../../..";
+import { Team } from "../../../index.js";
 
 //#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;
+}): import("react/jsx-runtime").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

@@ -1 +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"}
+{"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,IAAI;AAAA,gCAAE,GAAA,CAAA,OAAA"}

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

@@ -3,7 +3,6 @@ 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" });
@@ -32,7 +31,7 @@ function MemberListSectionInner(props) {
 		})] })] }, 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

@@ -1 +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 UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Typography } from \"@hexclave/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"}
+{"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 UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Typography } from \"@hexclave/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,WAAW,CAAC;CACvC,MAAM,uBAAuB,KAAK,cAAc,MAAM,MAAM,eAAe;CAC3E,MAAM,yBAAyB,KAAK,cAAc,MAAM,MAAM,iBAAiB;CAE/E,IAAI,CAAC,wBAAwB,CAAC,wBAC5B,OAAO;CAGT,OAAO,oBAAC,wBAAD,EAAwB,MAAM,MAAM,KAAO,CAAA;AACpD;AAEA,SAAS,uBAAuB,OAAuB;CACrD,MAAM,EAAE,MAAM,eAAe;CAC7B,MAAM,QAAQ,MAAM,KAAK,SAAS;CAElC,OACE,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,YAAD;EAAY,WAAU;YAAoB,EAAE,SAAS;CAAc,CAAA,GACnE,oBAAC,OAAD;EAAK,WAAU;YACb,qBAAC,OAAD,EAAA,UAAA,CACE,oBAAC,aAAD,EAAA,UACE,qBAAC,UAAD,EAAA,UAAA,CACE,oBAAC,WAAD;GAAW,WAAU;aAAa,EAAE,MAAM;EAAa,CAAA,GACvD,oBAAC,WAAD;GAAW,WAAU;aAAa,EAAE,MAAM;EAAa,CAAA,CAC/C,EAAA,CAAA,EACC,CAAA,GACb,oBAAC,WAAD,EAAA,UACG,MAAM,KAAK,EAAE,IAAI,eAAe,MAC/B,qBAAC,UAAD,EAAA,UAAA,CACE,oBAAC,WAAD,EAAA,UACE,oBAAC,YAAD,EAAY,MAAM,YAAc,CAAA,EACvB,CAAA,GACX,qBAAC,WAAD,EAAA,UAAA,CACG,YAAY,eACX,oBAAC,YAAD,EAAA,UAAa,YAAY,YAAwB,CAAA,GAElD,CAAC,YAAY,eACZ,oBAAC,YAAD;GAAY,WAAU;aAAgC,EAAE,qBAAqB;EAAc,CAAA,CAEpF,EAAA,CAAA,CACH,EAAA,GAZK,EAYL,CACX,EACQ,CAAA,CACN,EAAA,CAAA;CACJ,CAAA,CACF,EAAA,CAAA;AAET"}

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

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

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

@@ -1 +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"}
+{"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,IAAI;AAAA,gCAAE,GAAA,CAAA,OAAA"}

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

@@ -7,7 +7,6 @@ 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: [
@@ -20,7 +19,7 @@ function TeamPage(props) {
 		/* @__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

@@ -1 +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 UNLESS YOU ALSO 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"}
+{"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 UNLESS YOU ALSO 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;CAC9C,OACE,qBAAC,YAAD,EAAA,UAAA;EACE,oBAAC,wBAAD,EAA8D,MAAM,MAAM,KAAO,GAApD,gBAAgB,MAAM,KAAK,IAAyB;EACjF,oBAAC,yBAAD,EAAgE,MAAM,MAAM,KAAO,GAArD,iBAAiB,MAAM,KAAK,IAAyB;EACnF,oBAAC,wBAAD,EAA8D,MAAM,MAAM,KAAO,GAApD,gBAAgB,MAAM,KAAK,IAAyB;EACjF,oBAAC,uBAAD,EAA4D,MAAM,MAAM,KAAO,GAAnD,eAAe,MAAM,KAAK,IAAyB;EAC/E,oBAAC,6BAAD,EAAwE,MAAM,MAAM,KAAO,GAAzD,qBAAqB,MAAM,KAAK,IAAyB;EAC3F,oBAAC,oBAAD,EAAsD,MAAM,MAAM,KAAO,GAAhD,YAAY,MAAM,KAAK,IAAyB;EACzE,oBAAC,kBAAD,EAAsD,MAAM,MAAM,KAAO,GAAlD,cAAc,MAAM,KAAK,IAAyB;CAC/D,EAAA,CAAA;AAEhB"}

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

@@ -1,10 +1,9 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { Team } from "../../..";
+import { Team } from "../../../index.js";
 
 //#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;
+}): import("react/jsx-runtime").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

@@ -1 +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"}
+{"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,IAAI;AAAA,gCAAE,GAAA,CAAA,OAAA"}

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

@@ -3,7 +3,6 @@ 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();
@@ -19,7 +18,7 @@ function TeamProfileImageSection(props) {
 		})
 	});
 }
-
 //#endregion
 export { TeamProfileImageSection };
+
 //# sourceMappingURL=team-profile-image-section.js.map

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

@@ -1 +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 UNLESS YOU ALSO 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"}
+{"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 UNLESS YOU ALSO 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,eAAe;CAI7B,IAAI,CAHS,QAAQ,EAAE,IAAI,WAAW,CACN,CAAC,CAAC,cAAc,MAAM,MAAM,cAEpC,GACtB,OAAO;CAGT,OACE,oBAAC,SAAD;EACE,OAAO,EAAE,oBAAoB;EAC7B,aAAa,EAAE,+BAA+B;YAE9C,oBAAC,oBAAD;GACE,MAAM,MAAM;GACZ,yBAAyB,OAAO,oBAAoB;IAClD,MAAM,MAAM,KAAK,OAAO,EAAE,gBAAgB,CAAC;GAC7C;EACD,CAAA;CACM,CAAA;AAEb"}

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

@@ -1,10 +1,9 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { Team } from "../../..";
+import { Team } from "../../../index.js";
 
 //#region src/components-page/account-settings/teams/team-profile-user-section.d.ts
 declare function TeamUserProfileSection(props: {
   team: Team;
-}): react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").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

@@ -1 +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"}
+{"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,IAAI;AAAA,gCAAE,GAAA,CAAA,OAAA"}

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

@@ -3,7 +3,6 @@ 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();
@@ -19,7 +18,7 @@ function TeamUserProfileSection(props) {
 		})
 	});
 }
-
 //#endregion
 export { TeamUserProfileSection };
+
 //# sourceMappingURL=team-profile-user-section.js.map

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

@@ -1 +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 UNLESS YOU ALSO 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"}
+{"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 UNLESS YOU ALSO 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,eAAe;CAE7B,MAAM,UADO,QAAQ,EAAE,IAAI,WAAW,CACnB,CAAC,CAAC,eAAe,MAAM,IAAI;CAE9C,OACE,oBAAC,SAAD;EACE,OAAO,EAAE,gBAAgB;EACzB,aAAa,EAAE,+CAA+C;YAE9D,oBAAC,cAAD;GACE,OAAO,QAAQ,eAAe;GAC9B,QAAQ,OAAO,mBAAmB;IAChC,MAAM,QAAQ,OAAO,EAAE,aAAa,eAAe,CAAC;GACtD;EACD,CAAA;CACM,CAAA;AAEb"}

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

@@ -1,17 +1,15 @@
 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>>;
+  readonly Contact: React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+  readonly ShieldCheck: React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+  readonly Bell: React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+  readonly Monitor: React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+  readonly Key: React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+  readonly Settings: React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+  readonly CirclePlus: React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+  readonly CreditCard: React.ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
 };
 declare function AccountSettings(props: {
   fullPage?: boolean;
@@ -52,7 +50,7 @@ declare function AccountSettings(props: {
       cityName?: string;
     };
   }>;
-}): react_jsx_runtime0.JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 export { AccountSettings };
 //# sourceMappingURL=account-settings.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"account-settings.d.ts","names":[],"sources":["../../../src/components-page/account-settings.tsx"],"mappings":";;;cA0BM,OAAA;EAAA;;;;;;;;;iBAgBU,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,gCAGL,GAAA,CAAA,OAAA"}

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

@@ -1,8 +1,7 @@
-'use client';
-
+"use client";
 import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { Skeleton, Typography } from "@hexclave/ui";
-import React, { Suspense, useEffect, useMemo, useRef, useState } from "react";
+import { 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";
@@ -19,7 +18,6 @@ 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,
@@ -258,7 +256,7 @@ function TeamCreationSkeleton() {
 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

@@ -1 +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 UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { Skeleton, Typography } from '@hexclave/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 hexclaveApp = useStackApp();\n  const projectFromHook = hexclaveApp.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":"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"}
+{"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 UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { Skeleton, Typography } from '@hexclave/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 hexclaveApp = useStackApp();\n  const projectFromHook = hexclaveApp.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":"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"}

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

@@ -1,5 +1,3 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
 //#region src/components-page/auth-page.d.ts
 type Props = {
   noPasswordRepeat?: boolean;
@@ -20,7 +18,7 @@ type Props = {
     };
   };
 };
-declare function AuthPage(props: Props): react_jsx_runtime0.JSX.Element;
+declare function AuthPage(props: Props): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { AuthPage };
 //# sourceMappingURL=auth-page.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"auth-page.d.ts","names":[],"sources":["../../../src/components-page/auth-page.tsx"],"mappings":";;;KA2BK,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,iBAWQ,QAAA,CAAS,KAAA,EAAO,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"auth-page.d.ts","names":[],"sources":["../../../src/components-page/auth-page.tsx"],"mappings":";KA2BK,KAAA;EACH,gBAAA;EACA,QAAA;EACA,QAAA;EACA,IAAA;EACA,iBAAA;EACA,SAAA,GAAY,KAAA,CAAM,SAAS;EAC3B,WAAA;IACE,MAAA;MACE,aAAA;MACA,iBAAA;MACA,cAAA;MACA,gBAAA;MACA,cAAA;QACE,EAAA;MAAA;IAAA;EAAA;AAAA;AAAA,iBAWQ,QAAA,CAAS,KAAA,EAAO,KAAK,+BAAA,GAAA,CAAA,OAAA"}