@hexclave/next 1.0.76 → 1.0.77

package/dist/dev-tool/dev-tool-core.d.ts

@@ -1,4 +1,4 @@
-import { a as StackClientApp } from "../client-app-BCT5p_70.js";
+import { a as StackClientApp } from "../client-app-wFodsYml.js";
 //#region src/dev-tool/dev-tool-core.d.ts
 declare function createDevTool(app: StackClientApp<true>): () => void;
 //#endregion

package/dist/dev-tool/index.d.ts

@@ -1,4 +1,4 @@
-import { a as StackClientApp } from "../client-app-BCT5p_70.js";
+import { a as StackClientApp } from "../client-app-wFodsYml.js";
 //#region src/dev-tool/index.d.ts
 /**
  * Mounts the Hexclave dev tool on the page.

package/dist/esm/components/api-key-dialogs.d.ts

@@ -3,7 +3,7 @@ import { ApiKey, ApiKeyCreationOptions, ApiKeyType } from "../lib/hexclave-app/a
 //#region src/components/api-key-dialogs.d.ts
 declare const neverInMs: number;
 declare const expiresInOptions: {
-  readonly [x: number]: "Never" | "1 day" | "7 days" | "30 days" | "90 days" | "1 year";
+  readonly [x: number]: "1 day" | "7 days" | "30 days" | "90 days" | "1 year" | "Never";
 };
 /**
  * Dialog for creating a new API key

package/dist/esm/components/elements/sidebar-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-layout.d.ts","names":[],"sources":["../../../../src/components/elements/sidebar-layout.tsx"],"mappings":";;;KAaY,WAAA;EACV,KAAA,EAAO,KAAA,CAAM,SAAA;EACb,IAAA;EACA,WAAA,GAAc,KAAA,CAAM,SAAA;EACpB,EAAA;EACA,IAAA,GAAO,KAAA,CAAM,SAAA;EACb,OAAA,GAAU,KAAA,CAAM,SAAA;EAChB,YAAA,GAAe,KAAA,CAAM,SAAA;AAAA;AAAA,iBAGP,aAAA,CAAc,KAAA;EAAS,KAAA,EAAO,WAAA;EAAe,KAAA,GAAQ,SAAS;EAAE,SAAA;AAAA,gCAAoB,GAAA,CAAA,OAAA"}
+{"version":3,"file":"sidebar-layout.d.ts","names":[],"sources":["../../../../src/components/elements/sidebar-layout.tsx"],"mappings":";;;KAaY,WAAA;EACV,KAAA,EAAO,KAAA,CAAM,SAAA;EACb,IAAA;EACA,WAAA,GAAc,KAAA,CAAM,SAAA;EACpB,EAAA;EACA,IAAA,GAAO,KAAA,CAAM,SAAA;EACb,OAAA,GAAU,KAAA,CAAM,SAAA;EAChB,YAAA,GAAe,KAAA,CAAM,SAAA;AAAA;AAAA,iBAkBP,aAAA,CAAc,KAAA;EAAS,KAAA,EAAO,WAAA;EAAe,KAAA,GAAQ,SAAS;EAAE,SAAA;AAAA,gCAAoB,GAAA,CAAA,OAAA"}

package/dist/esm/components/elements/sidebar-layout.js

@@ -1,11 +1,21 @@
 "use client";
 import { Button, Typography, cn } from "@hexclave/ui";
-import "react";
+import React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { XIcon } from "lucide-react";
-import { useHash } from "@hexclave/shared/dist/hooks/use-hash";
 import { useStackApp } from "../../index.js";
+import { suspendIfSsr } from "../../utils/react.js";
 //#region src/components/elements/sidebar-layout.tsx
+function normalizeHash(hash) {
+	return hash.startsWith("#") ? hash.slice(1) : hash;
+}
+function useHash() {
+	suspendIfSsr();
+	return React.useSyncExternalStore((onStoreChange) => {
+		window.addEventListener("hashchange", onStoreChange);
+		return () => window.removeEventListener("hashchange", onStoreChange);
+	}, () => normalizeHash(window.location.hash));
+}
 function SidebarLayout(props) {
 	const hash = useHash();
 	const selectedIndex = props.items.findIndex((item) => item.id && item.id === hash);

package/dist/esm/components/elements/sidebar-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-layout.js","names":[],"sources":["../../../../src/components/elements/sidebar-layout.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 { useHash } from '@hexclave/shared/dist/hooks/use-hash';\nimport { Button, Typography, cn } from '@hexclave/ui';\nimport { XIcon } from 'lucide-react';\nimport React, { ReactNode } from 'react';\nimport { useStackApp } from '../..';\n\nexport type SidebarItem = {\n  title: React.ReactNode,\n  type: 'item' | 'divider',\n  description?: React.ReactNode,\n  id?: string,\n  icon?: React.ReactNode,\n  content?: React.ReactNode,\n  contentTitle?: React.ReactNode,\n}\n\nexport function SidebarLayout(props: { items: SidebarItem[], title?: ReactNode, className?: string }) {\n  const hash = useHash();\n  const selectedIndex = props.items.findIndex(item => item.id && (item.id === hash));\n  return (\n    <>\n      <div className={cn(\"hidden sm:flex stack-scope h-full\", props.className)}>\n        <DesktopLayout items={props.items} title={props.title} selectedIndex={selectedIndex} />\n      </div>\n      <div className={cn(\"sm:hidden stack-scope h-full\", props.className)}>\n        <MobileLayout items={props.items} title={props.title} selectedIndex={selectedIndex} />\n      </div>\n    </>\n  );\n}\n\nfunction Items(props: { items: SidebarItem[], selectedIndex: number }) {\n  const app = useStackApp();\n  const navigate = app.useNavigate();\n\n\n  const activeItemIndex = props.selectedIndex === -1 ? 0 : props.selectedIndex;\n\n  return props.items.map((item, index) => (\n    item.type === 'item' ?\n      <Button\n        key={index}\n        variant='ghost'\n        size='sm'\n        className={cn(\n          activeItemIndex === index && \"sm:bg-muted\",\n          \"justify-start text-md text-zinc-800 dark:text-zinc-300 px-2 text-left\",\n        )}\n        onClick={() => {\n          if (item.id) {\n            navigate('#' + item.id);\n          }\n        }}\n      >\n        {item.icon}\n        {item.title}\n      </Button> :\n      <Typography key={index}>\n        {item.title}\n      </Typography>\n  ));\n\n}\n\nfunction DesktopLayout(props: { items: SidebarItem[], title?: ReactNode, selectedIndex: number }) {\n  const selectedItem = props.items[props.selectedIndex === -1 ? 0 : props.selectedIndex];\n\n  return (\n    <div className=\"stack-scope flex w-full h-full max-w-full relative\">\n      <div className=\"flex max-w-[200px] min-w-[200px] border-r flex-col items-stretch gap-2 p-2 overflow-y-auto\">\n        {props.title && <div className='mb-2 ml-2'>\n          <Typography type='h2' className=\"text-lg font-semibold text-zinc-800 dark:text-zinc-300\">{props.title}</Typography>\n        </div>}\n\n        <Items items={props.items} selectedIndex={props.selectedIndex} />\n      </div>\n      <div className=\"flex-1 w-0 flex justify-center gap-4 py-2 px-4\">\n        <div className='flex flex-col max-w-[800px] w-[800px]'>\n          <div className='mt-4 mb-6'>\n            <Typography type='h4' className='font-semibold'>{selectedItem.title}</Typography>\n            {selectedItem.description && <Typography variant='secondary' type='label'>{selectedItem.description}</Typography>}\n          </div>\n          <div className='flex-1'>\n            {selectedItem.content}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction MobileLayout(props: { items: SidebarItem[], title?: ReactNode, selectedIndex: number }) {\n  const selectedItem = props.items[props.selectedIndex];\n  const app = useStackApp();\n  const navigate = app.useNavigate();\n\n  if (props.selectedIndex === -1) {\n    return (\n      <div className=\"flex flex-col gap-2 p-2\">\n        {props.title && <div className='mb-2 ml-2'>\n          <Typography type='h2' className=\"text-lg font-semibold text-zinc-800 dark:text-zinc-300\">{props.title}</Typography>\n        </div>}\n\n        <Items items={props.items} selectedIndex={props.selectedIndex} />\n      </div>\n    );\n  } else {\n    return (\n      <div className=\"flex-1 flex flex-col gap-4 py-2 px-4\">\n        <div className='flex flex-col'>\n          <div className='flex justify-between'>\n            <Typography type='h4' className='font-semibold'>{selectedItem.title}</Typography>\n            <Button\n              variant='ghost'\n              size='icon'\n              onClick={() => { navigate('#'); }}\n            >\n              <XIcon className='h-5 w-5' />\n            </Button>\n          </div>\n          {selectedItem.description && <Typography variant='secondary' type='label'>{selectedItem.description}</Typography>}\n        </div>\n        <div className='flex-1'>\n          {selectedItem.content}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;;;;;AAuBA,SAAgB,cAAc,OAAwE;CACpG,MAAM,OAAO,QAAQ;CACrB,MAAM,gBAAgB,MAAM,MAAM,WAAU,SAAQ,KAAK,MAAO,KAAK,OAAO,IAAK;CACjF,OACE,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,OAAD;EAAK,WAAW,GAAG,qCAAqC,MAAM,SAAS;YACrE,oBAAC,eAAD;GAAe,OAAO,MAAM;GAAO,OAAO,MAAM;GAAsB;EAAgB,CAAA;CACnF,CAAA,GACL,oBAAC,OAAD;EAAK,WAAW,GAAG,gCAAgC,MAAM,SAAS;YAChE,oBAAC,cAAD;GAAc,OAAO,MAAM;GAAO,OAAO,MAAM;GAAsB;EAAgB,CAAA;CAClF,CAAA,CACL,EAAA,CAAA;AAEN;AAEA,SAAS,MAAM,OAAwD;CAErE,MAAM,WADM,YACO,CAAC,CAAC,YAAY;CAGjC,MAAM,kBAAkB,MAAM,kBAAkB,KAAK,IAAI,MAAM;CAE/D,OAAO,MAAM,MAAM,KAAK,MAAM,UAC5B,KAAK,SAAS,SACZ,qBAAC,QAAD;EAEE,SAAQ;EACR,MAAK;EACL,WAAW,GACT,oBAAoB,SAAS,eAC7B,uEACF;EACA,eAAe;GACb,IAAI,KAAK,IACP,SAAS,MAAM,KAAK,EAAE;EAE1B;YAZF,CAcG,KAAK,MACL,KAAK,KACA;IAfD,KAeC,IACR,oBAAC,YAAD,EAAA,UACG,KAAK,MACI,GAFK,KAEL,CACf;AAEH;AAEA,SAAS,cAAc,OAA2E;CAChG,MAAM,eAAe,MAAM,MAAM,MAAM,kBAAkB,KAAK,IAAI,MAAM;CAExE,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,MAAM,SAAS,oBAAC,OAAD;IAAK,WAAU;cAC7B,oBAAC,YAAD;KAAY,MAAK;KAAK,WAAU;eAA0D,MAAM;IAAkB,CAAA;GAC/G,CAAA,GAEL,oBAAC,OAAD;IAAO,OAAO,MAAM;IAAO,eAAe,MAAM;GAAgB,CAAA,CAC7D;MACL,oBAAC,OAAD;GAAK,WAAU;aACb,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,YAAD;MAAY,MAAK;MAAK,WAAU;gBAAiB,aAAa;KAAkB,CAAA,GAC/E,aAAa,eAAe,oBAAC,YAAD;MAAY,SAAQ;MAAY,MAAK;gBAAS,aAAa;KAAwB,CAAA,CAC7G;QACL,oBAAC,OAAD;KAAK,WAAU;eACZ,aAAa;IACX,CAAA,CACF;;EACF,CAAA,CACF;;AAET;AAEA,SAAS,aAAa,OAA2E;CAC/F,MAAM,eAAe,MAAM,MAAM,MAAM;CAEvC,MAAM,WADM,YACO,CAAC,CAAC,YAAY;CAEjC,IAAI,MAAM,kBAAkB,IAC1B,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACG,MAAM,SAAS,oBAAC,OAAD;GAAK,WAAU;aAC7B,oBAAC,YAAD;IAAY,MAAK;IAAK,WAAU;cAA0D,MAAM;GAAkB,CAAA;EAC/G,CAAA,GAEL,oBAAC,OAAD;GAAO,OAAO,MAAM;GAAO,eAAe,MAAM;EAAgB,CAAA,CAC7D;;MAGP,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf,CACE,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,YAAD;KAAY,MAAK;KAAK,WAAU;eAAiB,aAAa;IAAkB,CAAA,GAChF,oBAAC,QAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe;MAAE,SAAS,GAAG;KAAG;eAEhC,oBAAC,OAAD,EAAO,WAAU,UAAW,CAAA;IACtB,CAAA,CACL;OACJ,aAAa,eAAe,oBAAC,YAAD;IAAY,SAAQ;IAAY,MAAK;cAAS,aAAa;GAAwB,CAAA,CAC7G;MACL,oBAAC,OAAD;GAAK,WAAU;aACZ,aAAa;EACX,CAAA,CACF;;AAGX"}
+{"version":3,"file":"sidebar-layout.js","names":[],"sources":["../../../../src/components/elements/sidebar-layout.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 { Button, Typography, cn } from '@hexclave/ui';\nimport { XIcon } from 'lucide-react';\nimport React, { ReactNode } from 'react';\nimport { useStackApp } from '../..';\nimport { suspendIfSsr } from '../../utils/react';\n\nexport type SidebarItem = {\n  title: React.ReactNode,\n  type: 'item' | 'divider',\n  description?: React.ReactNode,\n  id?: string,\n  icon?: React.ReactNode,\n  content?: React.ReactNode,\n  contentTitle?: React.ReactNode,\n}\n\nfunction normalizeHash(hash: string) {\n  return hash.startsWith(\"#\") ? hash.slice(1) : hash;\n}\n\nfunction useHash() {\n  suspendIfSsr();\n  return React.useSyncExternalStore(\n    (onStoreChange) => {\n      window.addEventListener(\"hashchange\", onStoreChange);\n      return () => window.removeEventListener(\"hashchange\", onStoreChange);\n    },\n    () => normalizeHash(window.location.hash),\n  );\n}\n\nexport function SidebarLayout(props: { items: SidebarItem[], title?: ReactNode, className?: string }) {\n  const hash = useHash();\n  const selectedIndex = props.items.findIndex(item => item.id && (item.id === hash));\n  return (\n    <>\n      <div className={cn(\"hidden sm:flex stack-scope h-full\", props.className)}>\n        <DesktopLayout items={props.items} title={props.title} selectedIndex={selectedIndex} />\n      </div>\n      <div className={cn(\"sm:hidden stack-scope h-full\", props.className)}>\n        <MobileLayout items={props.items} title={props.title} selectedIndex={selectedIndex} />\n      </div>\n    </>\n  );\n}\n\nfunction Items(props: { items: SidebarItem[], selectedIndex: number }) {\n  const app = useStackApp();\n  const navigate = app.useNavigate();\n\n\n  const activeItemIndex = props.selectedIndex === -1 ? 0 : props.selectedIndex;\n\n  return props.items.map((item, index) => (\n    item.type === 'item' ?\n      <Button\n        key={index}\n        variant='ghost'\n        size='sm'\n        className={cn(\n          activeItemIndex === index && \"sm:bg-muted\",\n          \"justify-start text-md text-zinc-800 dark:text-zinc-300 px-2 text-left\",\n        )}\n        onClick={() => {\n          if (item.id) {\n            navigate('#' + item.id);\n          }\n        }}\n      >\n        {item.icon}\n        {item.title}\n      </Button> :\n      <Typography key={index}>\n        {item.title}\n      </Typography>\n  ));\n\n}\n\nfunction DesktopLayout(props: { items: SidebarItem[], title?: ReactNode, selectedIndex: number }) {\n  const selectedItem = props.items[props.selectedIndex === -1 ? 0 : props.selectedIndex];\n\n  return (\n    <div className=\"stack-scope flex w-full h-full max-w-full relative\">\n      <div className=\"flex max-w-[200px] min-w-[200px] border-r flex-col items-stretch gap-2 p-2 overflow-y-auto\">\n        {props.title && <div className='mb-2 ml-2'>\n          <Typography type='h2' className=\"text-lg font-semibold text-zinc-800 dark:text-zinc-300\">{props.title}</Typography>\n        </div>}\n\n        <Items items={props.items} selectedIndex={props.selectedIndex} />\n      </div>\n      <div className=\"flex-1 w-0 flex justify-center gap-4 py-2 px-4\">\n        <div className='flex flex-col max-w-[800px] w-[800px]'>\n          <div className='mt-4 mb-6'>\n            <Typography type='h4' className='font-semibold'>{selectedItem.title}</Typography>\n            {selectedItem.description && <Typography variant='secondary' type='label'>{selectedItem.description}</Typography>}\n          </div>\n          <div className='flex-1'>\n            {selectedItem.content}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction MobileLayout(props: { items: SidebarItem[], title?: ReactNode, selectedIndex: number }) {\n  const selectedItem = props.items[props.selectedIndex];\n  const app = useStackApp();\n  const navigate = app.useNavigate();\n\n  if (props.selectedIndex === -1) {\n    return (\n      <div className=\"flex flex-col gap-2 p-2\">\n        {props.title && <div className='mb-2 ml-2'>\n          <Typography type='h2' className=\"text-lg font-semibold text-zinc-800 dark:text-zinc-300\">{props.title}</Typography>\n        </div>}\n\n        <Items items={props.items} selectedIndex={props.selectedIndex} />\n      </div>\n    );\n  } else {\n    return (\n      <div className=\"flex-1 flex flex-col gap-4 py-2 px-4\">\n        <div className='flex flex-col'>\n          <div className='flex justify-between'>\n            <Typography type='h4' className='font-semibold'>{selectedItem.title}</Typography>\n            <Button\n              variant='ghost'\n              size='icon'\n              onClick={() => { navigate('#'); }}\n            >\n              <XIcon className='h-5 w-5' />\n            </Button>\n          </div>\n          {selectedItem.description && <Typography variant='secondary' type='label'>{selectedItem.description}</Typography>}\n        </div>\n        <div className='flex-1'>\n          {selectedItem.content}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/esm/components-page/team-invitation-cache.d.ts

@@ -0,0 +1,5 @@
+//#region src/components-page/team-invitation-cache.d.ts
+declare function cacheTeamInvitationOperation<TApp extends object, TResult>(operation: (app: TApp, code: string) => Promise<TResult>): (app: TApp, session: object, code: string) => Promise<TResult>;
+//#endregion
+export { cacheTeamInvitationOperation };
+//# sourceMappingURL=team-invitation-cache.d.ts.map

package/dist/esm/components-page/team-invitation-cache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-invitation-cache.d.ts","names":[],"sources":["../../../src/components-page/team-invitation-cache.ts"],"mappings":";iBAMgB,4BAAA,+BACd,SAAA,GAAY,GAAA,EAAK,IAAA,EAAM,IAAA,aAAiB,OAAA,CAAQ,OAAA,KAC9C,GAAA,EAAK,IAAA,EAAM,OAAA,UAAiB,IAAA,aAAiB,OAAA,CAAQ,OAAA"}

package/dist/esm/components-page/team-invitation-cache.js

@@ -0,0 +1,11 @@
+import { cacheFunction } from "@hexclave/shared/dist/utils/caches";
+//#region src/components-page/team-invitation-cache.ts
+function cacheTeamInvitationOperation(operation) {
+	return cacheFunction(async (app, _session, code) => {
+		return await operation(app, code);
+	});
+}
+//#endregion
+export { cacheTeamInvitationOperation };
+
+//# sourceMappingURL=team-invitation-cache.js.map

package/dist/esm/components-page/team-invitation-cache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-invitation-cache.js","names":[],"sources":["../../../src/components-page/team-invitation-cache.ts"],"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 { cacheFunction } from \"@hexclave/shared/dist/utils/caches\";\n\nexport function cacheTeamInvitationOperation<TApp extends object, TResult>(\n  operation: (app: TApp, code: string) => Promise<TResult>,\n): (app: TApp, session: object, code: string) => Promise<TResult> {\n  return cacheFunction(async (app: TApp, _session: object, code: string) => {\n    return await operation(app, code);\n  });\n}\n"],"mappings":";;AAMA,SAAgB,6BACd,WACgE;CAChE,OAAO,cAAc,OAAO,KAAW,UAAkB,SAAiB;EACxE,OAAO,MAAM,UAAU,KAAK,IAAI;CAClC,CAAC;AACH"}

package/dist/esm/components-page/team-invitation-cache.test.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/esm/components-page/team-invitation-cache.test.js

@@ -0,0 +1,24 @@
+import { describe, expect, it, vi } from "vitest";
+import { cacheTeamInvitationOperation } from "./team-invitation-cache.js";
+//#region src/components-page/team-invitation-cache.test.ts
+describe("cacheTeamInvitationOperation", () => {
+	it("reuses results within a session but not across sessions", async () => {
+		let resultNumber = 0;
+		const operation = vi.fn(async (_app, _code) => {
+			resultNumber += 1;
+			return resultNumber;
+		});
+		const cachedOperation = cacheTeamInvitationOperation(operation);
+		const app = {};
+		const firstSession = {};
+		const secondSession = {};
+		await expect(cachedOperation(app, firstSession, "shared-code")).resolves.toBe(1);
+		await expect(cachedOperation(app, firstSession, "shared-code")).resolves.toBe(1);
+		await expect(cachedOperation(app, secondSession, "shared-code")).resolves.toBe(2);
+		expect(operation).toHaveBeenCalledTimes(2);
+	});
+});
+//#endregion
+export {};
+
+//# sourceMappingURL=team-invitation-cache.test.js.map

package/dist/esm/components-page/team-invitation-cache.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"team-invitation-cache.test.js","names":[],"sources":["../../../src/components-page/team-invitation-cache.test.ts"],"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 { describe, expect, it, vi } from \"vitest\";\nimport { cacheTeamInvitationOperation } from \"./team-invitation-cache\";\n\ndescribe(\"cacheTeamInvitationOperation\", () => {\n  it(\"reuses results within a session but not across sessions\", async () => {\n    let resultNumber = 0;\n    const operation = vi.fn(async (_app: object, _code: string) => {\n      resultNumber += 1;\n      return resultNumber;\n    });\n    const cachedOperation = cacheTeamInvitationOperation(operation);\n    const app = {};\n    const firstSession = {};\n    const secondSession = {};\n\n    await expect(cachedOperation(app, firstSession, \"shared-code\")).resolves.toBe(1);\n    await expect(cachedOperation(app, firstSession, \"shared-code\")).resolves.toBe(1);\n    await expect(cachedOperation(app, secondSession, \"shared-code\")).resolves.toBe(2);\n    expect(operation).toHaveBeenCalledTimes(2);\n  });\n});\n"],"mappings":";;;AAOA,SAAS,sCAAsC;CAC7C,GAAG,2DAA2D,YAAY;EACxE,IAAI,eAAe;EACnB,MAAM,YAAY,GAAG,GAAG,OAAO,MAAc,UAAkB;GAC7D,gBAAgB;GAChB,OAAO;EACT,CAAC;EACD,MAAM,kBAAkB,6BAA6B,SAAS;EAC9D,MAAM,MAAM,CAAC;EACb,MAAM,eAAe,CAAC;EACtB,MAAM,gBAAgB,CAAC;EAEvB,MAAM,OAAO,gBAAgB,KAAK,cAAc,aAAa,CAAC,CAAC,CAAC,SAAS,KAAK,CAAC;EAC/E,MAAM,OAAO,gBAAgB,KAAK,cAAc,aAAa,CAAC,CAAC,CAAC,SAAS,KAAK,CAAC;EAC/E,MAAM,OAAO,gBAAgB,KAAK,eAAe,aAAa,CAAC,CAAC,CAAC,SAAS,KAAK,CAAC;EAChF,OAAO,SAAS,CAAC,CAAC,sBAAsB,CAAC;CAC3C,CAAC;AACH,CAAC"}

package/dist/esm/components-page/team-invitation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"team-invitation.d.ts","names":[],"sources":["../../../src/components-page/team-invitation.tsx"],"mappings":";iBAyEgB,cAAA;EAAiB,QAAA;EAAgB;AAAA;EAAkB,QAAA;EAAoB,YAAA,EAAc,MAAA;AAAA,gCAAwB,GAAA,CAAA,OAAA"}
+{"version":3,"file":"team-invitation.d.ts","names":[],"sources":["../../../src/components-page/team-invitation.tsx"],"mappings":";iBA2EgB,cAAA;EAAiB,QAAA;EAAgB;AAAA;EAAkB,QAAA;EAAoB,YAAA,EAAc,MAAA;AAAA,gCAAwB,GAAA,CAAA,OAAA"}

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

@@ -8,12 +8,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { KnownErrors } from "@hexclave/shared";
 import { use } from "@hexclave/shared/dist/utils/react";
 import { PredefinedMessageCard } from "../components/message-cards/predefined-message-card.js";
-import { cacheFunction } from "@hexclave/shared/dist/utils/caches";
+import { cacheTeamInvitationOperation } from "./team-invitation-cache.js";
 //#region src/components-page/team-invitation.tsx
-const cachedVerifyInvitation = cacheFunction(async (hexclaveApp, code) => {
+const cachedVerifyInvitation = cacheTeamInvitationOperation(async (hexclaveApp, code) => {
 	return await hexclaveApp.verifyTeamInvitationCode(code);
 });
-const cachedGetInvitationDetails = cacheFunction(async (hexclaveApp, code) => {
+const cachedGetInvitationDetails = cacheTeamInvitationOperation(async (hexclaveApp, code) => {
 	return await hexclaveApp.getTeamInvitationDetails(code);
 });
 function TeamInvitationInner(props) {
@@ -21,7 +21,7 @@ function TeamInvitationInner(props) {
 	const hexclaveApp = useStackApp();
 	const [success, setSuccess] = React.useState(false);
 	const [errorMessage, setErrorMessage] = React.useState(null);
-	const details = use(cachedGetInvitationDetails(hexclaveApp, props.searchParams.code || ""));
+	const details = use(cachedGetInvitationDetails(hexclaveApp, props.session, props.searchParams.code || ""));
 	if (errorMessage || details.status === "error") return /* @__PURE__ */ jsx(PredefinedMessageCard, {
 		type: "unknownError",
 		fullPage: props.fullPage
@@ -85,7 +85,7 @@ function TeamInvitation({ fullPage = false, searchParams }) {
 		secondaryAction: () => hexclaveApp.redirectToHome(),
 		children: /* @__PURE__ */ jsx(Typography, { children: t("Please complete your account setup before joining teams.") })
 	});
-	const verificationResult = use(cachedVerifyInvitation(hexclaveApp, searchParams.code || ""));
+	const verificationResult = use(cachedVerifyInvitation(hexclaveApp, user._internalSession, searchParams.code || ""));
 	if (verificationResult.status === "error") {
 		const error = verificationResult.error;
 		if (KnownErrors.VerificationCodeNotFound.isInstance(error)) return invalidJsx;
@@ -95,8 +95,9 @@ function TeamInvitation({ fullPage = false, searchParams }) {
 	}
 	return /* @__PURE__ */ jsx(TeamInvitationInner, {
 		fullPage,
-		searchParams
-	});
+		searchParams,
+		session: user._internalSession
+	}, user.id);
 }
 //#endregion
 export { TeamInvitation };

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

@@ -1 +1 @@
-{"version":3,"file":"team-invitation.js","names":[],"sources":["../../../src/components-page/team-invitation.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 { KnownErrors } from \"@hexclave/shared\";\nimport { cacheFunction } from \"@hexclave/shared/dist/utils/caches\";\nimport { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { use } from \"@hexclave/shared/dist/utils/react\";\nimport { Typography } from \"@hexclave/ui\";\nimport React from \"react\";\nimport { MessageCard, StackClientApp, useStackApp, useUser } from \"..\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\nimport { useTranslation } from \"../lib/translations\";\n\nconst cachedVerifyInvitation = cacheFunction(async (hexclaveApp: StackClientApp<true>, code: string) => {\n  return await hexclaveApp.verifyTeamInvitationCode(code);\n});\n\nconst cachedGetInvitationDetails = cacheFunction(async (hexclaveApp: StackClientApp<true>, code: string) => {\n  return await hexclaveApp.getTeamInvitationDetails(code);\n});\n\nfunction TeamInvitationInner(props: { fullPage?: boolean, searchParams: Record<string, string> }) {\n  const { t } = useTranslation();\n  const hexclaveApp = useStackApp();\n  const [success, setSuccess] = React.useState(false);\n  const [errorMessage, setErrorMessage] = React.useState<string | null>(null);\n  const details = use(cachedGetInvitationDetails(hexclaveApp, props.searchParams.code || ''));\n\n  if (errorMessage || details.status === 'error') {\n    return (\n      <PredefinedMessageCard type=\"unknownError\" fullPage={props.fullPage} />\n    );\n  }\n\n  if (success) {\n    return (\n      <MessageCard\n        title={t('Team invitation')}\n        fullPage={props.fullPage}\n        primaryButtonText=\"Go home\"\n        primaryAction={() => hexclaveApp.redirectToHome()}\n      >\n        <Typography>You have successfully joined {details.data.teamDisplayName}</Typography>\n      </MessageCard>\n    );\n  }\n\n\n  return (\n    <MessageCard\n      title={t('Team invitation')}\n      fullPage={props.fullPage}\n      primaryButtonText={t('Join')}\n      primaryAction={() => runAsynchronouslyWithAlert(async () => {\n        const result = await hexclaveApp.acceptTeamInvitation(props.searchParams.code || '');\n        if (result.status === 'error') {\n        setErrorMessage(result.error.message);\n        } else {\n        setSuccess(true);\n        }\n      })}\n      secondaryButtonText={t('Ignore')}\n      secondaryAction={() => hexclaveApp.redirectToHome()}\n    >\n      <Typography>You are invited to join {details.data.teamDisplayName}</Typography>\n    </MessageCard>\n  );\n}\n\nexport function TeamInvitation({ fullPage=false, searchParams }: { fullPage?: boolean, searchParams: Record<string, string> }) {\n  const { t } = useTranslation();\n  // Include restricted users to detect if user needs to complete onboarding\n  const user = useUser({ includeRestricted: true });\n  const hexclaveApp = useStackApp();\n\n  const invalidJsx = (\n    <MessageCard title={t('Invalid Team Invitation Link')} fullPage={fullPage}>\n      <Typography>{t('Please double check if you have the correct team invitation link.')}</Typography>\n    </MessageCard>\n  );\n\n  const expiredJsx = (\n    <MessageCard title={t('Expired Team Invitation Link')} fullPage={fullPage}>\n      <Typography>{t('Your team invitation link has expired. Please request a new team invitation link ')}</Typography>\n    </MessageCard>\n  );\n\n  const usedJsx = (\n    <MessageCard title={t('Used Team Invitation Link')} fullPage={fullPage}>\n      <Typography>{t('This team invitation link has already been used.')}</Typography>\n    </MessageCard>\n  );\n\n  const code = searchParams.code;\n  if (!code) {\n    return invalidJsx;\n  }\n\n  if (!user) {\n    return (\n      <MessageCard\n        title={t('Team invitation')}\n        fullPage={fullPage}\n        primaryButtonText={t('Sign in')}\n        primaryAction={() => hexclaveApp.redirectToSignIn()}\n        secondaryButtonText={t('Cancel')}\n        secondaryAction={() => hexclaveApp.redirectToHome()}\n      >\n        <Typography>{t('Sign in or create an account to join the team.')}</Typography>\n      </MessageCard>\n    );\n  }\n\n  // User is restricted (needs to complete onboarding) - redirect to onboarding\n  if (user.isRestricted) {\n    return (\n      <MessageCard\n        title={t('Complete your account setup')}\n        fullPage={fullPage}\n        primaryButtonText={t('Complete setup')}\n        primaryAction={() => hexclaveApp.redirectToOnboarding()}\n        secondaryButtonText={t('Cancel')}\n        secondaryAction={() => hexclaveApp.redirectToHome()}\n      >\n        <Typography>{t('Please complete your account setup before joining teams.')}</Typography>\n      </MessageCard>\n    );\n  }\n\n  const verificationResult = use(cachedVerifyInvitation(hexclaveApp, searchParams.code || ''));\n\n  if (verificationResult.status === 'error') {\n    const error = verificationResult.error;\n    if (KnownErrors.VerificationCodeNotFound.isInstance(error)) {\n      return invalidJsx;\n    } else if (KnownErrors.VerificationCodeExpired.isInstance(error)) {\n      return expiredJsx;\n    } else if (KnownErrors.VerificationCodeAlreadyUsed.isInstance(error)) {\n      return usedJsx;\n    } else {\n      throw error;\n    }\n  }\n\n  return <TeamInvitationInner fullPage={fullPage} searchParams={searchParams} />;\n};\n"],"mappings":"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"}
+{"version":3,"file":"team-invitation.js","names":[],"sources":["../../../src/components-page/team-invitation.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 { KnownErrors } from \"@hexclave/shared\";\nimport { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { use } from \"@hexclave/shared/dist/utils/react\";\nimport { Typography } from \"@hexclave/ui\";\nimport React from \"react\";\nimport { MessageCard, StackClientApp, useStackApp, useUser } from \"..\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\nimport { useTranslation } from \"../lib/translations\";\nimport { cacheTeamInvitationOperation } from \"./team-invitation-cache\";\n\n// Both endpoints inspect the current account, so the session must participate in\n// the key even though the SDK app object and invitation code are otherwise stable.\nconst cachedVerifyInvitation = cacheTeamInvitationOperation(async (hexclaveApp: StackClientApp<true>, code: string) => {\n  return await hexclaveApp.verifyTeamInvitationCode(code);\n});\n\nconst cachedGetInvitationDetails = cacheTeamInvitationOperation(async (hexclaveApp: StackClientApp<true>, code: string) => {\n  return await hexclaveApp.getTeamInvitationDetails(code);\n});\n\nfunction TeamInvitationInner(props: { fullPage?: boolean, searchParams: Record<string, string>, session: object }) {\n  const { t } = useTranslation();\n  const hexclaveApp = useStackApp();\n  const [success, setSuccess] = React.useState(false);\n  const [errorMessage, setErrorMessage] = React.useState<string | null>(null);\n  const details = use(cachedGetInvitationDetails(hexclaveApp, props.session, props.searchParams.code || ''));\n\n  if (errorMessage || details.status === 'error') {\n    return (\n      <PredefinedMessageCard type=\"unknownError\" fullPage={props.fullPage} />\n    );\n  }\n\n  if (success) {\n    return (\n      <MessageCard\n        title={t('Team invitation')}\n        fullPage={props.fullPage}\n        primaryButtonText=\"Go home\"\n        primaryAction={() => hexclaveApp.redirectToHome()}\n      >\n        <Typography>You have successfully joined {details.data.teamDisplayName}</Typography>\n      </MessageCard>\n    );\n  }\n\n\n  return (\n    <MessageCard\n      title={t('Team invitation')}\n      fullPage={props.fullPage}\n      primaryButtonText={t('Join')}\n      primaryAction={() => runAsynchronouslyWithAlert(async () => {\n        const result = await hexclaveApp.acceptTeamInvitation(props.searchParams.code || '');\n        if (result.status === 'error') {\n        setErrorMessage(result.error.message);\n        } else {\n        setSuccess(true);\n        }\n      })}\n      secondaryButtonText={t('Ignore')}\n      secondaryAction={() => hexclaveApp.redirectToHome()}\n    >\n      <Typography>You are invited to join {details.data.teamDisplayName}</Typography>\n    </MessageCard>\n  );\n}\n\nexport function TeamInvitation({ fullPage=false, searchParams }: { fullPage?: boolean, searchParams: Record<string, string> }) {\n  const { t } = useTranslation();\n  // Include restricted users to detect if user needs to complete onboarding\n  const user = useUser({ includeRestricted: true });\n  const hexclaveApp = useStackApp();\n\n  const invalidJsx = (\n    <MessageCard title={t('Invalid Team Invitation Link')} fullPage={fullPage}>\n      <Typography>{t('Please double check if you have the correct team invitation link.')}</Typography>\n    </MessageCard>\n  );\n\n  const expiredJsx = (\n    <MessageCard title={t('Expired Team Invitation Link')} fullPage={fullPage}>\n      <Typography>{t('Your team invitation link has expired. Please request a new team invitation link ')}</Typography>\n    </MessageCard>\n  );\n\n  const usedJsx = (\n    <MessageCard title={t('Used Team Invitation Link')} fullPage={fullPage}>\n      <Typography>{t('This team invitation link has already been used.')}</Typography>\n    </MessageCard>\n  );\n\n  const code = searchParams.code;\n  if (!code) {\n    return invalidJsx;\n  }\n\n  if (!user) {\n    return (\n      <MessageCard\n        title={t('Team invitation')}\n        fullPage={fullPage}\n        primaryButtonText={t('Sign in')}\n        primaryAction={() => hexclaveApp.redirectToSignIn()}\n        secondaryButtonText={t('Cancel')}\n        secondaryAction={() => hexclaveApp.redirectToHome()}\n      >\n        <Typography>{t('Sign in or create an account to join the team.')}</Typography>\n      </MessageCard>\n    );\n  }\n\n  // User is restricted (needs to complete onboarding) - redirect to onboarding\n  if (user.isRestricted) {\n    return (\n      <MessageCard\n        title={t('Complete your account setup')}\n        fullPage={fullPage}\n        primaryButtonText={t('Complete setup')}\n        primaryAction={() => hexclaveApp.redirectToOnboarding()}\n        secondaryButtonText={t('Cancel')}\n        secondaryAction={() => hexclaveApp.redirectToHome()}\n      >\n        <Typography>{t('Please complete your account setup before joining teams.')}</Typography>\n      </MessageCard>\n    );\n  }\n\n  const verificationResult = use(cachedVerifyInvitation(hexclaveApp, user._internalSession, searchParams.code || ''));\n\n  if (verificationResult.status === 'error') {\n    const error = verificationResult.error;\n    if (KnownErrors.VerificationCodeNotFound.isInstance(error)) {\n      return invalidJsx;\n    } else if (KnownErrors.VerificationCodeExpired.isInstance(error)) {\n      return expiredJsx;\n    } else if (KnownErrors.VerificationCodeAlreadyUsed.isInstance(error)) {\n      return usedJsx;\n    } else {\n      throw error;\n    }\n  }\n\n  return (\n    <TeamInvitationInner\n      key={user.id}\n      fullPage={fullPage}\n      searchParams={searchParams}\n      session={user._internalSession}\n    />\n  );\n};\n"],"mappings":"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"}