@hexclave/next 1.0.41 → 1.0.43

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

@@ -1,11 +1,9 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../../../chunk-BE-pF4vm.js');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let _hexclave_ui = require("@hexclave/ui");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _________lib_hooks_js = require("../../../lib/hooks.js");
 let _________lib_translations_js = require("../../../lib/translations.js");
 let _________components_elements_user_avatar_js = require("../../../components/elements/user-avatar.js");
-
 //#region src/components-page/account-settings/teams/team-member-list-section.tsx
 function TeamMemberListSection(props) {
 	const user = (0, _________lib_hooks_js.useUser)({ or: "redirect" });
@@ -34,7 +32,7 @@ function MemberListSectionInner(props) {
 		})] })] }, id)) })] })
 	})] });
 }
-
 //#endregion
 exports.TeamMemberListSection = TeamMemberListSection;
+
 //# sourceMappingURL=team-member-list-section.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"team-member-list-section.js","names":["Typography","Table","TableHeader","TableRow","TableHead","TableBody","TableCell","UserAvatar"],"sources":["../../../../src/components-page/account-settings/teams/team-member-list-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY 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,0CAAe,EAAE,IAAI,YAAY,CAAC;CACxC,MAAM,uBAAuB,KAAK,cAAc,MAAM,MAAM,gBAAgB;CAC5E,MAAM,yBAAyB,KAAK,cAAc,MAAM,MAAM,kBAAkB;AAEhF,KAAI,CAAC,wBAAwB,CAAC,uBAC5B,QAAO;AAGT,QAAO,2CAAC,0BAAuB,MAAM,MAAM,OAAQ;;AAGrD,SAAS,uBAAuB,OAAuB;CACrD,MAAM,EAAE,wDAAsB;CAC9B,MAAM,QAAQ,MAAM,KAAK,UAAU;AAEnC,QACE,4CAAC,oBACC,2CAACA;EAAW,WAAU;YAAoB,EAAE,UAAU;GAAc,EACpE,2CAAC;EAAI,WAAU;YACb,4CAACC,iCACC,2CAACC,sCACC,4CAACC,oCACC,2CAACC;GAAU,WAAU;aAAa,EAAE,OAAO;IAAa,EACxD,2CAACA;GAAU,WAAU;aAAa,EAAE,OAAO;IAAa,IAC/C,GACC,EACd,2CAACC,oCACE,MAAM,KAAK,EAAE,IAAI,eAAe,MAC/B,4CAACF,oCACC,2CAACG,oCACC,2CAACC,0DAAW,MAAM,cAAe,GACvB,EACZ,4CAACD,qCACE,YAAY,eACX,2CAACN,qCAAY,YAAY,cAAyB,EAEnD,CAAC,YAAY,eACZ,2CAACA;GAAW,WAAU;aAAgC,EAAE,sBAAsB;IAAc,IAEpF,KAXC,GAYJ,CACX,GACQ,IACN;GACJ,IACF"}
+{"version":3,"file":"team-member-list-section.js","names":["Typography","Table","TableHeader","TableRow","TableHead","TableBody","TableCell","UserAvatar"],"sources":["../../../../src/components-page/account-settings/teams/team-member-list-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY 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,QAAA,GAAA,sBAAA,QAAA,CAAe,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,iBAAA,GAAA,kBAAA,IAAA,CAAC,wBAAD,EAAwB,MAAM,MAAM,KAAO,CAAA;AACpD;AAEA,SAAS,uBAAuB,OAAuB;CACrD,MAAM,EAAE,OAAA,GAAA,6BAAA,eAAA,CAAqB;CAC7B,MAAM,QAAQ,MAAM,KAAK,SAAS;CAElC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,YAAD;EAAY,WAAU;YAAoB,EAAE,SAAS;CAAc,CAAA,GACnE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,kBAAA,KAAA,CAACC,aAAAA,OAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,aAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,aAAAA,UAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,WAAD;GAAW,WAAU;aAAa,EAAE,MAAM;EAAa,CAAA,GACvD,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,WAAD;GAAW,WAAU;aAAa,EAAE,MAAM;EAAa,CAAA,CAC/C,EAAA,CAAA,EACC,CAAA,GACb,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,WAAD,EAAA,UACG,MAAM,KAAK,EAAE,IAAI,eAAe,MAC/B,iBAAA,GAAA,kBAAA,KAAA,CAACF,aAAAA,UAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACG,aAAAA,WAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,4CAAAA,YAAD,EAAY,MAAM,YAAc,CAAA,EACvB,CAAA,GACX,iBAAA,GAAA,kBAAA,KAAA,CAACD,aAAAA,WAAD,EAAA,UAAA,CACG,YAAY,eACX,iBAAA,GAAA,kBAAA,IAAA,CAACN,aAAAA,YAAD,EAAA,UAAa,YAAY,YAAwB,CAAA,GAElD,CAAC,YAAY,eACZ,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,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/components-page/account-settings/teams/team-page.d.ts

@@ -1,10 +1,8 @@
-import { Team } from "../../../lib/hexclave-app/teams/index.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
+import { K as Team } from "../../../client-app-Bi8p4lxS.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/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/components-page/account-settings/teams/team-page.js

@@ -1,5 +1,4 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../../../chunk-BE-pF4vm.js');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let react_jsx_runtime = require("react/jsx-runtime");
 let ___page_layout_js = require("../page-layout.js");
 let __leave_team_section_js = require("./leave-team-section.js");
@@ -9,7 +8,6 @@ let __team_member_invitation_section_js = require("./team-member-invitation-sect
 let __team_member_list_section_js = require("./team-member-list-section.js");
 let __team_profile_image_section_js = require("./team-profile-image-section.js");
 let __team_profile_user_section_js = require("./team-profile-user-section.js");
-
 //#region src/components-page/account-settings/teams/team-page.tsx
 function TeamPage(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(___page_layout_js.PageLayout, { children: [
@@ -22,7 +20,7 @@ function TeamPage(props) {
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__leave_team_section_js.LeaveTeamSection, { team: props.team }, `leave-team-${props.team.id}`)
 	] });
 }
-
 //#endregion
 exports.TeamPage = TeamPage;
+
 //# sourceMappingURL=team-page.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"team-page.js","names":["PageLayout","TeamUserProfileSection","TeamProfileImageSection","TeamDisplayNameSection","TeamMemberListSection","TeamMemberInvitationSection","TeamApiKeysSection","LeaveTeamSection"],"sources":["../../../../src/components-page/account-settings/teams/team-page.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY 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,4CAACA;EACC,2CAACC,yDAA6D,MAAM,MAAM,QAA7C,gBAAgB,MAAM,KAAK,KAA0B;EAClF,2CAACC,2DAA+D,MAAM,MAAM,QAA9C,iBAAiB,MAAM,KAAK,KAA0B;EACpF,2CAACC,yDAA6D,MAAM,MAAM,QAA7C,gBAAgB,MAAM,KAAK,KAA0B;EAClF,2CAACC,uDAA2D,MAAM,MAAM,QAA5C,eAAe,MAAM,KAAK,KAA0B;EAChF,2CAACC,mEAAuE,MAAM,MAAM,QAAlD,qBAAqB,MAAM,KAAK,KAA0B;EAC5F,2CAACC,iDAAqD,MAAM,MAAM,QAAzC,YAAY,MAAM,KAAK,KAA0B;EAC1E,2CAACC,4CAAqD,MAAM,MAAM,QAA3C,cAAc,MAAM,KAAK,KAA0B;KAC/D"}
+{"version":3,"file":"team-page.js","names":["PageLayout","TeamUserProfileSection","TeamProfileImageSection","TeamDisplayNameSection","TeamMemberListSection","TeamMemberInvitationSection","TeamApiKeysSection","LeaveTeamSection"],"sources":["../../../../src/components-page/account-settings/teams/team-page.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY 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,iBAAA,GAAA,kBAAA,KAAA,CAACA,kBAAAA,YAAD,EAAA,UAAA;EACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,+BAAAA,wBAAD,EAA8D,MAAM,MAAM,KAAO,GAApD,gBAAgB,MAAM,KAAK,IAAyB;EACjF,iBAAA,GAAA,kBAAA,IAAA,CAACC,gCAAAA,yBAAD,EAAgE,MAAM,MAAM,KAAO,GAArD,iBAAiB,MAAM,KAAK,IAAyB;EACnF,iBAAA,GAAA,kBAAA,IAAA,CAACC,+BAAAA,wBAAD,EAA8D,MAAM,MAAM,KAAO,GAApD,gBAAgB,MAAM,KAAK,IAAyB;EACjF,iBAAA,GAAA,kBAAA,IAAA,CAACC,8BAAAA,uBAAD,EAA4D,MAAM,MAAM,KAAO,GAAnD,eAAe,MAAM,KAAK,IAAyB;EAC/E,iBAAA,GAAA,kBAAA,IAAA,CAACC,oCAAAA,6BAAD,EAAwE,MAAM,MAAM,KAAO,GAAzD,qBAAqB,MAAM,KAAK,IAAyB;EAC3F,iBAAA,GAAA,kBAAA,IAAA,CAACC,2BAAAA,oBAAD,EAAsD,MAAM,MAAM,KAAO,GAAhD,YAAY,MAAM,KAAK,IAAyB;EACzE,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,kBAAD,EAAsD,MAAM,MAAM,KAAO,GAAlD,cAAc,MAAM,KAAK,IAAyB;CAC/D,EAAA,CAAA;AAEhB"}

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

@@ -1,10 +1,8 @@
-import { Team } from "../../../lib/hexclave-app/teams/index.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
+import { K as Team } from "../../../client-app-Bi8p4lxS.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/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/components-page/account-settings/teams/team-profile-image-section.js

@@ -1,11 +1,9 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../../../chunk-BE-pF4vm.js');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let react_jsx_runtime = require("react/jsx-runtime");
 let _________lib_hooks_js = require("../../../lib/hooks.js");
 let _________lib_translations_js = require("../../../lib/translations.js");
 let ___section_js = require("../section.js");
 let _________components_profile_image_editor_js = require("../../../components/profile-image-editor.js");
-
 //#region src/components-page/account-settings/teams/team-profile-image-section.tsx
 function TeamProfileImageSection(props) {
 	const { t } = (0, _________lib_translations_js.useTranslation)();
@@ -21,7 +19,7 @@ function TeamProfileImageSection(props) {
 		})
 	});
 }
-
 //#endregion
 exports.TeamProfileImageSection = TeamProfileImageSection;
+
 //# sourceMappingURL=team-profile-image-section.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"team-profile-image-section.js","names":["Section","ProfileImageEditor"],"sources":["../../../../src/components-page/account-settings/teams/team-profile-image-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY 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,wDAAsB;AAI9B,KAAI,oCAHiB,EAAE,IAAI,YAAY,CAAC,CACN,cAAc,MAAM,MAAM,eAAe,CAGzE,QAAO;AAGT,QACE,2CAACA;EACC,OAAO,EAAE,qBAAqB;EAC9B,aAAa,EAAE,gCAAgC;YAE/C,2CAACC;GACC,MAAM,MAAM;GACZ,yBAAyB,OAAO,oBAAoB;AAClD,UAAM,MAAM,KAAK,OAAO,EAAE,iBAAiB,CAAC;;IAE9C;GACM"}
+{"version":3,"file":"team-profile-image-section.js","names":["Section","ProfileImageEditor"],"sources":["../../../../src/components-page/account-settings/teams/team-profile-image-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY 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,OAAA,GAAA,6BAAA,eAAA,CAAqB;CAI7B,IAAI,EAAA,GAAA,sBAAA,QAAA,CAHiB,EAAE,IAAI,WAAW,CACN,CAAC,CAAC,cAAc,MAAM,MAAM,cAEpC,GACtB,OAAO;CAGT,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,SAAD;EACE,OAAO,EAAE,oBAAoB;EAC7B,aAAa,EAAE,+BAA+B;YAE9C,iBAAA,GAAA,kBAAA,IAAA,CAACC,4CAAAA,oBAAD;GACE,MAAM,MAAM;GACZ,yBAAyB,OAAO,oBAAoB;IAClD,MAAM,MAAM,KAAK,OAAO,EAAE,gBAAgB,CAAC;GAC7C;EACD,CAAA;CACM,CAAA;AAEb"}

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

@@ -1,10 +1,8 @@
-import { Team } from "../../../lib/hexclave-app/teams/index.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
+import { K as Team } from "../../../client-app-Bi8p4lxS.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/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/components-page/account-settings/teams/team-profile-user-section.js

@@ -1,11 +1,9 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../../../chunk-BE-pF4vm.js');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let react_jsx_runtime = require("react/jsx-runtime");
 let _________lib_hooks_js = require("../../../lib/hooks.js");
 let _________lib_translations_js = require("../../../lib/translations.js");
 let ___section_js = require("../section.js");
 let ___editable_text_js = require("../editable-text.js");
-
 //#region src/components-page/account-settings/teams/team-profile-user-section.tsx
 function TeamUserProfileSection(props) {
 	const { t } = (0, _________lib_translations_js.useTranslation)();
@@ -21,7 +19,7 @@ function TeamUserProfileSection(props) {
 		})
 	});
 }
-
 //#endregion
 exports.TeamUserProfileSection = TeamUserProfileSection;
+
 //# sourceMappingURL=team-profile-user-section.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"team-profile-user-section.js","names":["Section","EditableText"],"sources":["../../../../src/components-page/account-settings/teams/team-profile-user-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY 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,wDAAsB;CAE9B,MAAM,6CADe,EAAE,IAAI,YAAY,CAAC,CACnB,eAAe,MAAM,KAAK;AAE/C,QACE,2CAACA;EACC,OAAO,EAAE,iBAAiB;EAC1B,aAAa,EAAE,gDAAgD;YAE/D,2CAACC;GACC,OAAO,QAAQ,eAAe;GAC9B,QAAQ,OAAO,mBAAmB;AAChC,UAAM,QAAQ,OAAO,EAAE,aAAa,gBAAgB,CAAC;;IAEvD;GACM"}
+{"version":3,"file":"team-profile-user-section.js","names":["Section","EditableText"],"sources":["../../../../src/components-page/account-settings/teams/team-profile-user-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY 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,OAAA,GAAA,6BAAA,eAAA,CAAqB;CAE7B,MAAM,WAAA,GAAA,sBAAA,QAAA,CADe,EAAE,IAAI,WAAW,CACnB,CAAC,CAAC,eAAe,MAAM,IAAI;CAE9C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,cAAAA,SAAD;EACE,OAAO,EAAE,gBAAgB;EACzB,aAAa,EAAE,+CAA+C;YAE9D,iBAAA,GAAA,kBAAA,IAAA,CAACC,oBAAAA,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/components-page/account-settings.d.ts

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

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

@@ -1,11 +1,10 @@
-'use client';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../chunk-BE-pF4vm.js');
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../rolldown-runtime-D6vf50IK.js");
 let _hexclave_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
 let _hexclave_ui = require("@hexclave/ui");
 let react = require("react");
-react = require_chunk.__toESM(react);
+react = require_rolldown_runtime.__toESM(react);
 let ___index_js = require("../index.js");
 let ___lib_translations_js = require("../lib/translations.js");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -22,7 +21,6 @@ let __account_settings_payments_payments_page_js = require("./account-settings/p
 let __account_settings_settings_settings_page_js = require("./account-settings/settings/settings-page.js");
 let __account_settings_teams_team_creation_page_js = require("./account-settings/teams/team-creation-page.js");
 let __account_settings_teams_team_page_js = require("./account-settings/teams/team-page.js");
-
 //#region src/components-page/account-settings.tsx
 const iconMap = {
 	Contact: lucide_react.Contact,
@@ -261,7 +259,7 @@ function TeamCreationSkeleton() {
 function NotificationsPageSkeleton() {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(PageLayout, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Skeleton, { className: "h-9 w-full mt-1" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Skeleton, { className: "h-9 w-full mt-1" })] });
 }
-
 //#endregion
 exports.AccountSettings = AccountSettings;
+
 //# sourceMappingURL=account-settings.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"account-settings.js","names":["MaybeFullPage","SidebarLayout","ProfilePage","Suspense","EmailsAndAuthPage","NotificationsPage","ActiveSessionsPage","ApiKeysPage","PaymentsPage","SettingsPage","TeamIcon","Typography","TeamPage","TeamCreationPage","Skeleton"],"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":["MaybeFullPage","SidebarLayout","ProfilePage","Suspense","EmailsAndAuthPage","NotificationsPage","ActiveSessionsPage","ApiKeysPage","PaymentsPage","SettingsPage","TeamIcon","Typography","TeamPage","TeamCreationPage","Skeleton"],"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/components-page/auth-page.d.ts

@@ -1,26 +1,2 @@
-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
+import { t as AuthPage } from "../auth-page-YnM_LtbN.js";
+export { AuthPage };

package/dist/components-page/auth-page.js

@@ -1,9 +1,7 @@
-'use client';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../chunk-BE-pF4vm.js');
-let _hexclave_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let _hexclave_shared_dist_utils_errors = require("@hexclave/shared/dist/utils/errors");
+let _hexclave_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
 let _hexclave_ui = require("@hexclave/ui");
 let react = require("react");
 let ___index_js = require("../index.js");
@@ -22,7 +20,6 @@ let ___components_magic_link_sign_in_js = require("../components/magic-link-sign
 let ___components_message_cards_predefined_message_card_js = require("../components/message-cards/predefined-message-card.js");
 let ___components_oauth_button_group_js = require("../components/oauth-button-group.js");
 let ___components_passkey_button_js = require("../components/passkey-button.js");
-
 //#region src/components-page/auth-page.tsx
 function AuthPage(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, {
@@ -202,7 +199,7 @@ function Inner(props) {
 		})
 	});
 }
-
 //#endregion
 exports.AuthPage = AuthPage;
+
 //# sourceMappingURL=auth-page.js.map

package/dist/components-page/auth-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"auth-page.js","names":["Suspense","MaybeFullPage","Skeleton","KnownError","KnownErrorMessageCard","PredefinedMessageCard","MessageCard","Typography","StyledLink","OAuthButtonGroup","PasskeyButton","SeparatorWithText","Tabs","TabsList","TabsTrigger","TabsContent","MagicLinkSignIn","CredentialSignUp","CredentialSignIn"],"sources":["../../src/components-page/auth-page.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 { KnownError } from '@hexclave/shared';\nimport { captureError } from '@hexclave/shared/dist/utils/errors';\nimport { runAsynchronously } from '@hexclave/shared/dist/utils/promises';\nimport { use } from '@hexclave/shared/dist/utils/react';\nimport { Skeleton, Tabs, TabsContent, TabsList, TabsTrigger, Typography, cn } from '@hexclave/ui';\nimport { Suspense, useMemo } from 'react';\nimport { useStackApp, useUser } from '..';\nimport { CredentialSignIn } from '../components/credential-sign-in';\nimport { CredentialSignUp } from '../components/credential-sign-up';\nimport { MaybeFullPage } from '../components/elements/maybe-full-page';\nimport { SeparatorWithText } from '../components/elements/separator-with-text';\nimport { StyledLink } from '../components/link';\nimport { KnownErrorMessageCard } from '../components/message-cards/known-error-message-card';\nimport { MessageCard } from '../components/message-cards/message-card';\nimport { MagicLinkSignIn } from '../components/magic-link-sign-in';\nimport { PredefinedMessageCard } from '../components/message-cards/predefined-message-card';\nimport { OAuthButtonGroup } from '../components/oauth-button-group';\nimport { PasskeyButton } from '../components/passkey-button';\nimport { useTranslation } from '../lib/translations';\n\ntype Props = {\n  noPasswordRepeat?: boolean,\n  firstTab?: 'magic-link' | 'password',\n  fullPage?: boolean,\n  type: 'sign-in' | 'sign-up',\n  automaticRedirect?: boolean,\n  extraInfo?: React.ReactNode,\n  mockProject?: {\n    config: {\n      signUpEnabled: boolean,\n      credentialEnabled: boolean,\n      passkeyEnabled: boolean,\n      magicLinkEnabled: boolean,\n      oauthProviders: {\n        id: string,\n      }[],\n    },\n  },\n}\n\ntype AutomaticRedirectResult =\n  | { status: \"success\" }\n  | { status: \"known-error\", error: KnownError }\n  | { status: \"unknown-error\" };\n\nexport function AuthPage(props: Props) {\n  return <Suspense fallback={<Fallback {...props} />}>\n    <Inner {...props} />\n  </Suspense>;\n}\n\nfunction Fallback(props: Props) {\n  return (\n    <MaybeFullPage fullPage={!!props.fullPage}>\n      <div className='stack-scope flex flex-col items-stretch' style={{ maxWidth: '380px', flexBasis: '380px', padding: props.fullPage ? '1rem' : 0 }}>\n        <div className=\"text-center mb-6 flex flex-col\">\n          <Skeleton className='h-9 w-2/3 self-center' />\n\n          <Skeleton className='h-3 w-16 mt-8' />\n          <Skeleton className='h-9 w-full mt-1' />\n\n          <Skeleton className='h-3 w-24 mt-2' />\n          <Skeleton className='h-9 w-full mt-1' />\n\n          <Skeleton className='h-9 w-full mt-6' />\n        </div>\n      </div>\n    </MaybeFullPage>\n  );\n}\n\nfunction AutomaticRedirect(props: {\n  fullPage?: boolean,\n  isRestricted: boolean,\n  type: 'sign-in' | 'sign-up',\n}) {\n  const hexclaveApp = useStackApp();\n  const { t } = useTranslation();\n  const redirectResultPromise = useMemo(async (): Promise<AutomaticRedirectResult> => {\n    try {\n      await (\n        props.isRestricted\n          ? hexclaveApp.redirectToOnboarding({ replace: true })\n          : props.type === 'sign-in'\n            ? hexclaveApp.redirectToAfterSignIn({ replace: true })\n            : hexclaveApp.redirectToAfterSignUp({ replace: true })\n      );\n      return { status: \"success\" };\n    } catch (e) {\n      if (KnownError.isKnownError(e)) {\n        return { status: \"known-error\", error: e };\n      }\n      captureError(\"<AuthPage automaticRedirect />\", e);\n      return { status: \"unknown-error\" };\n    }\n  }, [hexclaveApp, props.isRestricted, props.type]);\n\n  const redirectResult = use(redirectResultPromise);\n  if (redirectResult.status === \"known-error\") {\n    return <KnownErrorMessageCard error={redirectResult.error} fullPage={props.fullPage} />;\n  }\n  if (redirectResult.status === \"unknown-error\") {\n    return <PredefinedMessageCard type='unknownError' fullPage={props.fullPage} />;\n  }\n  return <MessageCard title={t(\"Redirecting...\")} fullPage={props.fullPage} />;\n}\n\nfunction Inner(props: Props) {\n  const hexclaveApp = useStackApp();\n  const user = useUser({ includeRestricted: true });\n  const projectFromHook = hexclaveApp.useProject();\n  const project = props.mockProject || projectFromHook;\n  const { t } = useTranslation();\n\n  if (props.automaticRedirect && user && !props.mockProject) {\n    return <Suspense fallback={<MessageCard title={t(\"Redirecting...\")} fullPage={props.fullPage} />}>\n      <AutomaticRedirect fullPage={props.fullPage} isRestricted={user.isRestricted} type={props.type} />\n    </Suspense>;\n  }\n\n  if (user && !props.mockProject && !props.automaticRedirect) {\n    return <PredefinedMessageCard type='signedIn' fullPage={props.fullPage} />;\n  }\n\n  if (props.type === 'sign-up' && !project.config.signUpEnabled) {\n    return <PredefinedMessageCard type='signUpDisabled' fullPage={props.fullPage} />;\n  }\n\n  const hasOAuthProviders = project.config.oauthProviders.length > 0;\n  const hasPasskey = (project.config.passkeyEnabled === true && props.type === \"sign-in\");\n  const enableSeparator = (project.config.credentialEnabled || project.config.magicLinkEnabled) && (hasOAuthProviders || hasPasskey);\n\n  return (\n    <MaybeFullPage fullPage={!!props.fullPage}>\n      <div className='stack-scope flex flex-col items-stretch' style={{ maxWidth: '380px', flexBasis: '380px', padding: props.fullPage ? '1rem' : 0 }}>\n        <div className=\"text-center mb-6\">\n          <Typography type='h2'>\n            {props.type === 'sign-in' ? t(\"Sign in to your account\") : t(\"Create a new account\")}\n          </Typography>\n          {props.type === 'sign-in' ? (\n            project.config.signUpEnabled && (\n              <Typography>\n                {t(\"Don't have an account?\")}{\" \"}\n                <StyledLink href=\"#\" onClick={(e) => {\n                  runAsynchronously(hexclaveApp.redirectToSignUp());\n                  e.preventDefault();\n                }}>{t(\"Sign up\")}</StyledLink>\n              </Typography>\n            )\n          ) : (\n            <Typography>\n              {t(\"Already have an account?\")}{\" \"}\n              <StyledLink href=\"#\" onClick={(e) => {\n                runAsynchronously(hexclaveApp.redirectToSignIn());\n                e.preventDefault();\n              }}>{t(\"Sign in\")}</StyledLink>\n            </Typography>\n          )}\n        </div>\n        {(hasOAuthProviders || hasPasskey) && (\n          <div className='gap-4 flex flex-col items-stretch stack-scope'>\n            {hasOAuthProviders && <OAuthButtonGroup type={props.type} mockProject={props.mockProject} />}\n            {hasPasskey && <PasskeyButton type={props.type} />}\n          </div>\n        )}\n\n        {enableSeparator && <SeparatorWithText text={t('Or continue with')} />}\n        {project.config.credentialEnabled && project.config.magicLinkEnabled ? (\n          <Tabs defaultValue={props.firstTab || 'magic-link'}>\n            <TabsList className={cn('w-full mb-2', {\n              'flex-row-reverse': props.firstTab === 'password'\n            })}>\n              <TabsTrigger value='magic-link' className='flex-1'>{t(\"Email\")}</TabsTrigger>\n              <TabsTrigger value='password' className='flex-1'>{t(\"Email & Password\")}</TabsTrigger>\n            </TabsList>\n            <TabsContent value='magic-link'>\n              <MagicLinkSignIn />\n            </TabsContent>\n            <TabsContent value='password'>\n              {props.type === 'sign-up' ? <CredentialSignUp noPasswordRepeat={props.noPasswordRepeat} /> : <CredentialSignIn />}\n            </TabsContent>\n          </Tabs>\n        ) : project.config.credentialEnabled ? (\n          props.type === 'sign-up' ? <CredentialSignUp noPasswordRepeat={props.noPasswordRepeat} /> : <CredentialSignIn />\n        ) : project.config.magicLinkEnabled ? (\n          <MagicLinkSignIn />\n        ) : !(hasOAuthProviders || hasPasskey) ? <Typography variant={\"destructive\"} className=\"text-center\">{t(\"No authentication method enabled.\")}</Typography> : null}\n        {props.extraInfo && (\n          <div className={cn('flex flex-col items-center text-center text-sm text-gray-500', {\n            'mt-2': project.config.credentialEnabled || project.config.magicLinkEnabled,\n            'mt-6': !(project.config.credentialEnabled || project.config.magicLinkEnabled),\n          })}>\n            <div>{props.extraInfo}</div>\n          </div>\n        )}\n      </div>\n    </MaybeFullPage>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"auth-page.js","names":["Suspense","MaybeFullPage","Skeleton","KnownError","KnownErrorMessageCard","PredefinedMessageCard","MessageCard","Typography","StyledLink","OAuthButtonGroup","PasskeyButton","SeparatorWithText","Tabs","TabsList","TabsTrigger","TabsContent","MagicLinkSignIn","CredentialSignUp","CredentialSignIn"],"sources":["../../src/components-page/auth-page.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 { KnownError } from '@hexclave/shared';\nimport { captureError } from '@hexclave/shared/dist/utils/errors';\nimport { runAsynchronously } from '@hexclave/shared/dist/utils/promises';\nimport { use } from '@hexclave/shared/dist/utils/react';\nimport { Skeleton, Tabs, TabsContent, TabsList, TabsTrigger, Typography, cn } from '@hexclave/ui';\nimport { Suspense, useMemo } from 'react';\nimport { useStackApp, useUser } from '..';\nimport { CredentialSignIn } from '../components/credential-sign-in';\nimport { CredentialSignUp } from '../components/credential-sign-up';\nimport { MaybeFullPage } from '../components/elements/maybe-full-page';\nimport { SeparatorWithText } from '../components/elements/separator-with-text';\nimport { StyledLink } from '../components/link';\nimport { KnownErrorMessageCard } from '../components/message-cards/known-error-message-card';\nimport { MessageCard } from '../components/message-cards/message-card';\nimport { MagicLinkSignIn } from '../components/magic-link-sign-in';\nimport { PredefinedMessageCard } from '../components/message-cards/predefined-message-card';\nimport { OAuthButtonGroup } from '../components/oauth-button-group';\nimport { PasskeyButton } from '../components/passkey-button';\nimport { useTranslation } from '../lib/translations';\n\ntype Props = {\n  noPasswordRepeat?: boolean,\n  firstTab?: 'magic-link' | 'password',\n  fullPage?: boolean,\n  type: 'sign-in' | 'sign-up',\n  automaticRedirect?: boolean,\n  extraInfo?: React.ReactNode,\n  mockProject?: {\n    config: {\n      signUpEnabled: boolean,\n      credentialEnabled: boolean,\n      passkeyEnabled: boolean,\n      magicLinkEnabled: boolean,\n      oauthProviders: {\n        id: string,\n      }[],\n    },\n  },\n}\n\ntype AutomaticRedirectResult =\n  | { status: \"success\" }\n  | { status: \"known-error\", error: KnownError }\n  | { status: \"unknown-error\" };\n\nexport function AuthPage(props: Props) {\n  return <Suspense fallback={<Fallback {...props} />}>\n    <Inner {...props} />\n  </Suspense>;\n}\n\nfunction Fallback(props: Props) {\n  return (\n    <MaybeFullPage fullPage={!!props.fullPage}>\n      <div className='stack-scope flex flex-col items-stretch' style={{ maxWidth: '380px', flexBasis: '380px', padding: props.fullPage ? '1rem' : 0 }}>\n        <div className=\"text-center mb-6 flex flex-col\">\n          <Skeleton className='h-9 w-2/3 self-center' />\n\n          <Skeleton className='h-3 w-16 mt-8' />\n          <Skeleton className='h-9 w-full mt-1' />\n\n          <Skeleton className='h-3 w-24 mt-2' />\n          <Skeleton className='h-9 w-full mt-1' />\n\n          <Skeleton className='h-9 w-full mt-6' />\n        </div>\n      </div>\n    </MaybeFullPage>\n  );\n}\n\nfunction AutomaticRedirect(props: {\n  fullPage?: boolean,\n  isRestricted: boolean,\n  type: 'sign-in' | 'sign-up',\n}) {\n  const hexclaveApp = useStackApp();\n  const { t } = useTranslation();\n  const redirectResultPromise = useMemo(async (): Promise<AutomaticRedirectResult> => {\n    try {\n      await (\n        props.isRestricted\n          ? hexclaveApp.redirectToOnboarding({ replace: true })\n          : props.type === 'sign-in'\n            ? hexclaveApp.redirectToAfterSignIn({ replace: true })\n            : hexclaveApp.redirectToAfterSignUp({ replace: true })\n      );\n      return { status: \"success\" };\n    } catch (e) {\n      if (KnownError.isKnownError(e)) {\n        return { status: \"known-error\", error: e };\n      }\n      captureError(\"<AuthPage automaticRedirect />\", e);\n      return { status: \"unknown-error\" };\n    }\n  }, [hexclaveApp, props.isRestricted, props.type]);\n\n  const redirectResult = use(redirectResultPromise);\n  if (redirectResult.status === \"known-error\") {\n    return <KnownErrorMessageCard error={redirectResult.error} fullPage={props.fullPage} />;\n  }\n  if (redirectResult.status === \"unknown-error\") {\n    return <PredefinedMessageCard type='unknownError' fullPage={props.fullPage} />;\n  }\n  return <MessageCard title={t(\"Redirecting...\")} fullPage={props.fullPage} />;\n}\n\nfunction Inner(props: Props) {\n  const hexclaveApp = useStackApp();\n  const user = useUser({ includeRestricted: true });\n  const projectFromHook = hexclaveApp.useProject();\n  const project = props.mockProject || projectFromHook;\n  const { t } = useTranslation();\n\n  if (props.automaticRedirect && user && !props.mockProject) {\n    return <Suspense fallback={<MessageCard title={t(\"Redirecting...\")} fullPage={props.fullPage} />}>\n      <AutomaticRedirect fullPage={props.fullPage} isRestricted={user.isRestricted} type={props.type} />\n    </Suspense>;\n  }\n\n  if (user && !props.mockProject && !props.automaticRedirect) {\n    return <PredefinedMessageCard type='signedIn' fullPage={props.fullPage} />;\n  }\n\n  if (props.type === 'sign-up' && !project.config.signUpEnabled) {\n    return <PredefinedMessageCard type='signUpDisabled' fullPage={props.fullPage} />;\n  }\n\n  const hasOAuthProviders = project.config.oauthProviders.length > 0;\n  const hasPasskey = (project.config.passkeyEnabled === true && props.type === \"sign-in\");\n  const enableSeparator = (project.config.credentialEnabled || project.config.magicLinkEnabled) && (hasOAuthProviders || hasPasskey);\n\n  return (\n    <MaybeFullPage fullPage={!!props.fullPage}>\n      <div className='stack-scope flex flex-col items-stretch' style={{ maxWidth: '380px', flexBasis: '380px', padding: props.fullPage ? '1rem' : 0 }}>\n        <div className=\"text-center mb-6\">\n          <Typography type='h2'>\n            {props.type === 'sign-in' ? t(\"Sign in to your account\") : t(\"Create a new account\")}\n          </Typography>\n          {props.type === 'sign-in' ? (\n            project.config.signUpEnabled && (\n              <Typography>\n                {t(\"Don't have an account?\")}{\" \"}\n                <StyledLink href=\"#\" onClick={(e) => {\n                  runAsynchronously(hexclaveApp.redirectToSignUp());\n                  e.preventDefault();\n                }}>{t(\"Sign up\")}</StyledLink>\n              </Typography>\n            )\n          ) : (\n            <Typography>\n              {t(\"Already have an account?\")}{\" \"}\n              <StyledLink href=\"#\" onClick={(e) => {\n                runAsynchronously(hexclaveApp.redirectToSignIn());\n                e.preventDefault();\n              }}>{t(\"Sign in\")}</StyledLink>\n            </Typography>\n          )}\n        </div>\n        {(hasOAuthProviders || hasPasskey) && (\n          <div className='gap-4 flex flex-col items-stretch stack-scope'>\n            {hasOAuthProviders && <OAuthButtonGroup type={props.type} mockProject={props.mockProject} />}\n            {hasPasskey && <PasskeyButton type={props.type} />}\n          </div>\n        )}\n\n        {enableSeparator && <SeparatorWithText text={t('Or continue with')} />}\n        {project.config.credentialEnabled && project.config.magicLinkEnabled ? (\n          <Tabs defaultValue={props.firstTab || 'magic-link'}>\n            <TabsList className={cn('w-full mb-2', {\n              'flex-row-reverse': props.firstTab === 'password'\n            })}>\n              <TabsTrigger value='magic-link' className='flex-1'>{t(\"Email\")}</TabsTrigger>\n              <TabsTrigger value='password' className='flex-1'>{t(\"Email & Password\")}</TabsTrigger>\n            </TabsList>\n            <TabsContent value='magic-link'>\n              <MagicLinkSignIn />\n            </TabsContent>\n            <TabsContent value='password'>\n              {props.type === 'sign-up' ? <CredentialSignUp noPasswordRepeat={props.noPasswordRepeat} /> : <CredentialSignIn />}\n            </TabsContent>\n          </Tabs>\n        ) : project.config.credentialEnabled ? (\n          props.type === 'sign-up' ? <CredentialSignUp noPasswordRepeat={props.noPasswordRepeat} /> : <CredentialSignIn />\n        ) : project.config.magicLinkEnabled ? (\n          <MagicLinkSignIn />\n        ) : !(hasOAuthProviders || hasPasskey) ? <Typography variant={\"destructive\"} className=\"text-center\">{t(\"No authentication method enabled.\")}</Typography> : null}\n        {props.extraInfo && (\n          <div className={cn('flex flex-col items-center text-center text-sm text-gray-500', {\n            'mt-2': project.config.credentialEnabled || project.config.magicLinkEnabled,\n            'mt-6': !(project.config.credentialEnabled || project.config.magicLinkEnabled),\n          })}>\n            <div>{props.extraInfo}</div>\n          </div>\n        )}\n      </div>\n    </MaybeFullPage>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoDA,SAAgB,SAAS,OAAc;CACrC,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,MAAAA,UAAD;EAAU,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD,EAAU,GAAI,MAAQ,CAAA;YAC/C,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAO,GAAI,MAAQ,CAAA;CACX,CAAA;AACZ;AAEA,SAAS,SAAS,OAAc;CAC9B,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,0CAAAA,eAAD;EAAe,UAAU,CAAC,CAAC,MAAM;YAC/B,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GAA0C,OAAO;IAAE,UAAU;IAAS,WAAW;IAAS,SAAS,MAAM,WAAW,SAAS;GAAE;aAC5I,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;cAAf;KACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,UAAD,EAAU,WAAU,wBAAyB,CAAA;KAE7C,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,UAAD,EAAU,WAAU,gBAAiB,CAAA;KACrC,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,UAAD,EAAU,WAAU,kBAAmB,CAAA;KAEvC,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,UAAD,EAAU,WAAU,gBAAiB,CAAA;KACrC,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,UAAD,EAAU,WAAU,kBAAmB,CAAA;KAEvC,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,UAAD,EAAU,WAAU,kBAAmB,CAAA;IACpC;;EACF,CAAA;CACQ,CAAA;AAEnB;AAEA,SAAS,kBAAkB,OAIxB;CACD,MAAM,eAAA,GAAA,YAAA,YAAA,CAA0B;CAChC,MAAM,EAAE,OAAA,GAAA,uBAAA,eAAA,CAAqB;CAoB7B,MAAM,kBAAA,GAAA,kCAAA,IAAA,EAAA,GAAA,MAAA,QAAA,CAnBgC,YAA8C;EAClF,IAAI;GACF,OACE,MAAM,eACF,YAAY,qBAAqB,EAAE,SAAS,KAAK,CAAC,IAClD,MAAM,SAAS,YACb,YAAY,sBAAsB,EAAE,SAAS,KAAK,CAAC,IACnD,YAAY,sBAAsB,EAAE,SAAS,KAAK,CAAC;GAE3D,OAAO,EAAE,QAAQ,UAAU;EAC7B,SAAS,GAAG;GACV,IAAIC,iBAAAA,WAAW,aAAa,CAAC,GAC3B,OAAO;IAAE,QAAQ;IAAe,OAAO;GAAE;GAE3C,CAAA,GAAA,mCAAA,aAAA,CAAa,kCAAkC,CAAC;GAChD,OAAO,EAAE,QAAQ,gBAAgB;EACnC;CACF,GAAG;EAAC;EAAa,MAAM;EAAc,MAAM;CAAI,CAEA,CAAC;CAChD,IAAI,eAAe,WAAW,eAC5B,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,wDAAAA,uBAAD;EAAuB,OAAO,eAAe;EAAO,UAAU,MAAM;CAAW,CAAA;CAExF,IAAI,eAAe,WAAW,iBAC5B,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,uDAAAA,uBAAD;EAAuB,MAAK;EAAe,UAAU,MAAM;CAAW,CAAA;CAE/E,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACC,4CAAAA,aAAD;EAAa,OAAO,EAAE,gBAAgB;EAAG,UAAU,MAAM;CAAW,CAAA;AAC7E;AAEA,SAAS,MAAM,OAAc;CAC3B,MAAM,eAAA,GAAA,YAAA,YAAA,CAA0B;CAChC,MAAM,QAAA,GAAA,YAAA,QAAA,CAAe,EAAE,mBAAmB,KAAK,CAAC;CAChD,MAAM,kBAAkB,YAAY,WAAW;CAC/C,MAAM,UAAU,MAAM,eAAe;CACrC,MAAM,EAAE,OAAA,GAAA,uBAAA,eAAA,CAAqB;CAE7B,IAAI,MAAM,qBAAqB,QAAQ,CAAC,MAAM,aAC5C,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACN,MAAAA,UAAD;EAAU,UAAU,iBAAA,GAAA,kBAAA,IAAA,CAACM,4CAAAA,aAAD;GAAa,OAAO,EAAE,gBAAgB;GAAG,UAAU,MAAM;EAAW,CAAA;YAC7F,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAD;GAAmB,UAAU,MAAM;GAAU,cAAc,KAAK;GAAc,MAAM,MAAM;EAAO,CAAA;CACzF,CAAA;CAGZ,IAAI,QAAQ,CAAC,MAAM,eAAe,CAAC,MAAM,mBACvC,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACD,uDAAAA,uBAAD;EAAuB,MAAK;EAAW,UAAU,MAAM;CAAW,CAAA;CAG3E,IAAI,MAAM,SAAS,aAAa,CAAC,QAAQ,OAAO,eAC9C,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAACA,uDAAAA,uBAAD;EAAuB,MAAK;EAAiB,UAAU,MAAM;CAAW,CAAA;CAGjF,MAAM,oBAAoB,QAAQ,OAAO,eAAe,SAAS;CACjE,MAAM,aAAc,QAAQ,OAAO,mBAAmB,QAAQ,MAAM,SAAS;CAC7E,MAAM,mBAAmB,QAAQ,OAAO,qBAAqB,QAAQ,OAAO,sBAAsB,qBAAqB;CAEvH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACJ,0CAAAA,eAAD;EAAe,UAAU,CAAC,CAAC,MAAM;YAC/B,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;GAA0C,OAAO;IAAE,UAAU;IAAS,WAAW;IAAS,SAAS,MAAM,WAAW,SAAS;GAAE;aAA9I;IACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAK,WAAU;eAAf,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACM,aAAAA,YAAD;MAAY,MAAK;gBACd,MAAM,SAAS,YAAY,EAAE,yBAAyB,IAAI,EAAE,sBAAsB;KACzE,CAAA,GACX,MAAM,SAAS,YACd,QAAQ,OAAO,iBACb,iBAAA,GAAA,kBAAA,KAAA,CAACA,aAAAA,YAAD,EAAA,UAAA;MACG,EAAE,wBAAwB;MAAG;MAC9B,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,YAAD;OAAY,MAAK;OAAI,UAAU,MAAM;QACnC,CAAA,GAAA,qCAAA,kBAAA,CAAkB,YAAY,iBAAiB,CAAC;QAChD,EAAE,eAAe;OACnB;iBAAI,EAAE,SAAS;MAAc,CAAA;KACnB,EAAA,CAAA,IAGd,iBAAA,GAAA,kBAAA,KAAA,CAACD,aAAAA,YAAD,EAAA,UAAA;MACG,EAAE,0BAA0B;MAAG;MAChC,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,YAAD;OAAY,MAAK;OAAI,UAAU,MAAM;QACnC,CAAA,GAAA,qCAAA,kBAAA,CAAkB,YAAY,iBAAiB,CAAC;QAChD,EAAE,eAAe;OACnB;iBAAI,EAAE,SAAS;MAAc,CAAA;KACnB,EAAA,CAAA,CAEX;;KACH,qBAAqB,eACrB,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAK,WAAU;eAAf,CACG,qBAAqB,iBAAA,GAAA,kBAAA,IAAA,CAACC,oCAAAA,kBAAD;MAAkB,MAAM,MAAM;MAAM,aAAa,MAAM;KAAc,CAAA,GAC1F,cAAc,iBAAA,GAAA,kBAAA,IAAA,CAACC,gCAAAA,eAAD,EAAe,MAAM,MAAM,KAAO,CAAA,CAC9C;;IAGN,mBAAmB,iBAAA,GAAA,kBAAA,IAAA,CAACC,8CAAAA,mBAAD,EAAmB,MAAM,EAAE,kBAAkB,EAAI,CAAA;IACpE,QAAQ,OAAO,qBAAqB,QAAQ,OAAO,mBAClD,iBAAA,GAAA,kBAAA,KAAA,CAACC,aAAAA,MAAD;KAAM,cAAc,MAAM,YAAY;eAAtC;MACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,aAAAA,UAAD;OAAU,YAAA,GAAA,aAAA,GAAA,CAAc,eAAe,EACrC,oBAAoB,MAAM,aAAa,WACzC,CAAC;iBAFD,CAGE,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,aAAD;QAAa,OAAM;QAAa,WAAU;kBAAU,EAAE,OAAO;OAAe,CAAA,GAC5E,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,aAAD;QAAa,OAAM;QAAW,WAAU;kBAAU,EAAE,kBAAkB;OAAe,CAAA,CAC7E;;MACV,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,aAAD;OAAa,OAAM;iBACjB,iBAAA,GAAA,kBAAA,IAAA,CAACC,oCAAAA,iBAAD,CAAkB,CAAA;MACP,CAAA;MACb,iBAAA,GAAA,kBAAA,IAAA,CAACD,aAAAA,aAAD;OAAa,OAAM;iBAChB,MAAM,SAAS,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAACE,oCAAAA,kBAAD,EAAkB,kBAAkB,MAAM,iBAAmB,CAAA,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAACC,oCAAAA,kBAAD,CAAmB,CAAA;MACrG,CAAA;KACT;SACJ,QAAQ,OAAO,oBACjB,MAAM,SAAS,YAAY,iBAAA,GAAA,kBAAA,IAAA,CAACD,oCAAAA,kBAAD,EAAkB,kBAAkB,MAAM,iBAAmB,CAAA,IAAI,iBAAA,GAAA,kBAAA,IAAA,CAACC,oCAAAA,kBAAD,CAAmB,CAAA,IAC7G,QAAQ,OAAO,mBACjB,iBAAA,GAAA,kBAAA,IAAA,CAACF,oCAAAA,iBAAD,CAAkB,CAAA,IAChB,EAAE,qBAAqB,cAAc,iBAAA,GAAA,kBAAA,IAAA,CAACT,aAAAA,YAAD;KAAY,SAAS;KAAe,WAAU;eAAe,EAAE,mCAAmC;IAAc,CAAA,IAAI;IAC5J,MAAM,aACL,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,YAAA,GAAA,aAAA,GAAA,CAAc,gEAAgE;MACjF,QAAQ,QAAQ,OAAO,qBAAqB,QAAQ,OAAO;MAC3D,QAAQ,EAAE,QAAQ,OAAO,qBAAqB,QAAQ,OAAO;KAC/D,CAAC;eACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD,EAAA,UAAM,MAAM,UAAe,CAAA;IACxB,CAAA;GAEJ;;CACQ,CAAA;AAEnB"}

package/dist/components-page/cli-auth-confirm.d.ts

@@ -1,21 +1,2 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components-page/cli-auth-confirm.d.ts
-type CliAuthConfirmationStatus = "idle" | "invalid" | "authorizing" | "redirecting" | "success" | "error";
-type CliAuthConfirmationState = {
-  status: CliAuthConfirmationStatus;
-  loginCode: string | null;
-  error: Error | null;
-  isLoading: boolean;
-  authorize: () => Promise<void>;
-  retry: () => void;
-};
-declare function useCliAuthConfirmation(): CliAuthConfirmationState;
-declare function CliAuthConfirmation({
-  fullPage
-}: {
-  fullPage?: boolean;
-}): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { CliAuthConfirmation, CliAuthConfirmationState, CliAuthConfirmationStatus, useCliAuthConfirmation };
-//# sourceMappingURL=cli-auth-confirm.d.ts.map
+import { i as useCliAuthConfirmation, n as CliAuthConfirmationState, r as CliAuthConfirmationStatus, t as CliAuthConfirmation } from "../cli-auth-confirm-BW3PYpKb.js";
+export { CliAuthConfirmation, CliAuthConfirmationState, CliAuthConfirmationStatus, useCliAuthConfirmation };

package/dist/components-page/cli-auth-confirm.js

@@ -1,16 +1,13 @@
-'use client';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../chunk-BE-pF4vm.js');
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let _hexclave_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
-let ___lib_hexclave_app_common_js = require("../lib/hexclave-app/common.js");
 let _hexclave_ui = require("@hexclave/ui");
 let react = require("react");
 let ___lib_translations_js = require("../lib/translations.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let ___lib_hooks_js = require("../lib/hooks.js");
 let ___components_message_cards_message_card_js = require("../components/message-cards/message-card.js");
-
+let ___lib_hexclave_app_common_js = require("../lib/hexclave-app/common.js");
 //#region src/components-page/cli-auth-confirm.tsx
 async function postCliAuthComplete(app, body) {
 	return await app[___lib_hexclave_app_common_js.hexclaveAppInternalsSymbol].sendRequest("/auth/cli/complete", {
@@ -209,8 +206,8 @@ function CliAuthConfirmation({ fullPage = true }) {
 		})]
 	});
 }
-
 //#endregion
 exports.CliAuthConfirmation = CliAuthConfirmation;
 exports.useCliAuthConfirmation = useCliAuthConfirmation;
+
 //# sourceMappingURL=cli-auth-confirm.js.map