npm - @hexclave/next - Versions diffs - 1.0.41 → 1.0.43 - Mend

@hexclave/next 1.0.41 → 1.0.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1117) hide show

package/dist/esm/components/use-in-iframe.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-in-iframe.d.ts","names":[],"sources":["../../../src/components/use-in-iframe.tsx"],"mappings":";iBAQgB,WAAA~~,CAAA~~"}
1	+ {"version":3,"file":"use-in-iframe.d.ts","names":[],"sources":["../../../src/components/use-in-iframe.tsx"],"mappings":";iBAQgB,WAAA"}

package/dist/esm/components/use-in-iframe.js CHANGED Viewed

@@ -1,7 +1,5 @@
-'use client';
+"use client";
 import { useEffect, useState } from "react";
 //#region src/components/use-in-iframe.tsx
 function useInIframe() {
 	const [isIframe, setIsIframe] = useState(false);
@@ -10,7 +8,7 @@ function useInIframe() {
 	}, []);
 	return isIframe;
 }
 //#endregion
 export { useInIframe };
 //# sourceMappingURL=use-in-iframe.js.map

package/dist/esm/components/use-in-iframe.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-in-iframe.js","names":[],"sources":["../../../src/components/use-in-iframe.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//===========================================\nimport { useEffect, useState } from \"react\";\n\nexport function useInIframe() {\n const [isIframe, setIsIframe] = useState(false);\n useEffect(() => {\n if (window.self !== window.top) {\n setIsIframe(true);\n }\n }, []);\n\n return isIframe;\n}\n"],"mappings":"~~;;;;;~~AAQA,SAAgB,cAAc;CAC5B,MAAM,CAAC,UAAU,eAAe,SAAS,~~MAAM~~;~~AAC/C~~,~~iBAAgB~~;~~AACd~~,~~MAAI~~,OAAO,SAAS,OAAO,~~IACzB~~,~~aAAY~~,~~KAAK~~;~~IAElB~~,~~EAAE~~,CAAC;~~AAEN~~,~~QAAO~~"}
1	+ {"version":3,"file":"use-in-iframe.js","names":[],"sources":["../../../src/components/use-in-iframe.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//===========================================\nimport { useEffect, useState } from \"react\";\n\nexport function useInIframe() {\n const [isIframe, setIsIframe] = useState(false);\n useEffect(() => {\n if (window.self !== window.top) {\n setIsIframe(true);\n }\n }, []);\n\n return isIframe;\n}\n"],"mappings":";;;AAQA,SAAgB,cAAc;CAC5B,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAC9C,gBAAgB;EACd,IAAI,OAAO,SAAS,OAAO,KACzB,YAAY,IAAI;CAEpB,GAAG,CAAC,CAAC;CAEL,OAAO;AACT"}

package/dist/esm/components/user-button.d.ts CHANGED Viewed

@@ -1,5 +1,4 @@
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/components/user-button.d.ts
 type UserButtonProps = {
@@ -16,7 +15,7 @@ type UserButtonProps = {
     profileImageUrl?: string;
   };
 };
-declare function UserButton(props: UserButtonProps): react_jsx_runtime0.JSX.Element;
+declare function UserButton(props: UserButtonProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { UserButton };
 //# sourceMappingURL=user-button.d.ts.map

package/dist/esm/components/user-button.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"user-button.d.ts","names":[],"sources":["../../../src/components/user-button.tsx"],"mappings":"~~;;;;~~KA0BK,eAAA;EACH,YAAA;EACA,eAAA,gBAA+B,OAAA;EAC/B,UAAA;IACE,IAAA;IACA,IAAA,EAAM,KAAA,CAAM,SAAA;IACZ,OAAA,eAAsB,OAAA;EAAA;EAExB,QAAA;IACE,WAAA;IACA,YAAA;IACA,eAAA;EAAA;AAAA;AAAA,iBAIY,UAAA,CAAW,KAAA,EAAO,~~eAAA~~,~~GAAe,kBAAA,CAAA,~~GAAA,CAAA,OAAA"}
1	+ {"version":3,"file":"user-button.d.ts","names":[],"sources":["../../../src/components/user-button.tsx"],"mappings":";;;KA0BK,eAAA;EACH,YAAA;EACA,eAAA,gBAA+B,OAAA;EAC/B,UAAA;IACE,IAAA;IACA,IAAA,EAAM,KAAA,CAAM,SAAA;IACZ,OAAA,eAAsB,OAAA;EAAA;EAExB,QAAA;IACE,WAAA;IACA,YAAA;IACA,eAAA;EAAA;AAAA;AAAA,iBAIY,UAAA,CAAW,KAAA,EAAO,eAAe,+BAAA,GAAA,CAAA,OAAA"}

package/dist/esm/components/user-button.js CHANGED Viewed

@@ -1,14 +1,12 @@
-'use client';
+"use client";
 import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Skeleton, Typography } from "@hexclave/ui";
-import React, { Suspense } from "react";
+import { Suspense } from "react";
 import { useStackApp, useUser } from "../index.js";
 import { useTranslation } from "../lib/translations.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CircleUser, LogIn, LogOut, SunMoon, UserPlus } from "lucide-react";
 import { UserAvatar } from "./elements/user-avatar.js";
 //#region src/components/user-button.tsx
 function Item(props) {
 	return /* @__PURE__ */ jsx(DropdownMenuItem, {
@@ -125,7 +123,7 @@ function UserButtonInnerInner(props) {
 		]
 	})] });
 }
 //#endregion
 export { UserButton };
 //# sourceMappingURL=user-button.js.map

package/dist/esm/components/user-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"user-button.js","names":[],"sources":["../../../src/components/user-button.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 { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Skeleton, Typography } from \"@hexclave/ui\";\nimport { CircleUser, LogIn, LogOut, SunMoon, UserPlus } from \"lucide-react\";\nimport React, { Suspense } from \"react\";\nimport { CurrentUser, useStackApp, useUser } from \"..\";\nimport { useTranslation } from \"../lib/translations\";\nimport { UserAvatar } from \"./elements/user-avatar\";\n\nfunction Item(props: { text: string, icon: React.ReactNode, onClick: () => void \| Promise<void> }) {\n return (\n <DropdownMenuItem onClick={() => runAsynchronouslyWithAlert(props.onClick)}>\n <div className=\"flex gap-2 items-center\">\n {props.icon}\n <Typography>{props.text}</Typography>\n </div>\n </DropdownMenuItem>\n );\n}\n\ntype UserButtonProps = {\n showUserInfo?: boolean,\n colorModeToggle?: () => void \| Promise<void>,\n extraItems?: {\n text: string,\n icon: React.ReactNode,\n onClick: () => void \| Promise<void>,\n }[],\n mockUser?: {\n displayName?: string,\n primaryEmail?: string,\n profileImageUrl?: string,\n },\n};\n\nexport function UserButton(props: UserButtonProps) {\n return (\n <Suspense fallback={<Skeleton className=\"h-[34px] w-[34px] rounded-full stack-scope\" />}>\n <UserButtonInner {...props} />\n </Suspense>\n );\n}\n\nfunction UserButtonInner(props: UserButtonProps) {\n const userFromHook = useUser();\n\n // Use mock user if provided, otherwise use real user\n const user = props.mockUser ? {\n displayName: props.mockUser.displayName \|\| 'Mock User',\n primaryEmail: props.mockUser.primaryEmail \|\| 'mock@example.com',\n profileImageUrl: props.mockUser.profileImageUrl,\n signOut: () => {\n console.log('Mock sign out - no action taken in demo mode');\n return Promise.resolve();\n }\n } as CurrentUser : userFromHook;\n\n return <UserButtonInnerInner {...props} user={user} />;\n}\n\n\nfunction UserButtonInnerInner(props: UserButtonProps & { user: CurrentUser \| null }) {\n const { t } = useTranslation();\n const user = props.user;\n const app = useStackApp();\n\n const iconProps = { size: 20, className: 'h-4 w-4' };\n\n return (\n <DropdownMenu>\n <DropdownMenuTrigger className=\"outline-none stack-scope rounded-lg hover:bg-muted/50 transition-colors hover:transition-none p-1.5\">\n <div className=\"flex gap-2 items-center\">\n <UserAvatar user={user} />\n {user && props.showUserInfo &&\n <div className=\"flex flex-col justify-center text-left min-w-0\">\n <div className=\"max-w-40 truncate text-sm font-medium\">{user.displayName}</div>\n <div className=\"max-w-40 truncate text-xs text-muted-foreground\">{user.primaryEmail}</div>\n </div>\n }\n </div>\n </DropdownMenuTrigger>\n <DropdownMenuContent className=\"stack-scope\">\n <DropdownMenuLabel>\n <div className=\"flex gap-2 items-center\">\n <UserAvatar user={user} />\n <div>\n {user && <Typography className=\"max-w-40 truncate\">{user.displayName}</Typography>}\n {user && <Typography className=\"max-w-40 truncate\" variant=\"secondary\" type='label'>{user.primaryEmail}</Typography>}\n {!user && <Typography>{t('Not signed in')}</Typography>}\n </div>\n </div>\n </DropdownMenuLabel>\n <DropdownMenuSeparator />\n {user && <Item\n text={t('Account settings')}\n onClick={async () => {\n if (props.mockUser) {\n console.log('Mock account settings - no navigation in demo mode');\n } else {\n await app.redirectToAccountSettings();\n }\n }}\n icon={<CircleUser {...iconProps} />}\n />}\n {!user && <Item\n text={t('Sign in')}\n onClick={async () => {\n if (props.mockUser) {\n console.log('Mock sign in - no navigation in demo mode');\n } else {\n await app.redirectToSignIn();\n }\n }}\n icon={<LogIn {...iconProps} />}\n />}\n {!user && <Item\n text={t('Sign up')}\n onClick={async () => {\n if (props.mockUser) {\n console.log('Mock sign up - no navigation in demo mode');\n } else {\n await app.redirectToSignUp();\n }\n }}\n icon={<UserPlus {...iconProps}/> }\n />}\n {user && props.extraItems && props.extraItems.map((item, index) => (\n <Item key={index} {...item} />\n ))}\n {props.colorModeToggle && (\n <Item\n text={t('Toggle theme')}\n onClick={props.colorModeToggle}\n icon={<SunMoon {...iconProps} />}\n />\n )}\n {user && <Item\n text={t('Sign out')}\n onClick={async () => {\n if (props.mockUser) {\n console.log('Mock sign out - no action taken in demo mode');\n } else {\n await user.signOut();\n }\n }}\n icon={<LogOut {...iconProps} />}\n />}\n </DropdownMenuContent>\n </DropdownMenu>\n );\n}\n"],"mappings":"~~;;;;;;;;;;;;~~AAeA,SAAS,KAAK,OAAqF;~~AACjG~~,~~QACE~~,oBAAC;~~EAAiB~~,eAAe,2BAA2B,MAAM,~~QAAQ~~;~~YACxE~~,qBAAC;~~GAAI~~,WAAU;~~cACZ~~,MAAM,MACP,oBAAC,~~wBAAY~~,MAAM,~~OAAkB~~;~~IACjC~~;~~GACW;;AAmBvB~~,SAAgB,WAAW,OAAwB;~~AACjD~~,~~QACE~~,oBAAC;~~EAAS~~,UAAU,oBAAC,~~YAAS~~,WAAU~~,+CAA+C~~;~~YACrF~~,oBAAC,~~mBAAgB~~,GAAI,~~QAAS~~;~~GACrB;;AAIf~~,SAAS,gBAAgB,OAAwB;CAC/C,MAAM,eAAe,~~SAAS~~;~~CAG9B~~,MAAM,OAAO,MAAM,WAAW;EAC5B,aAAa,MAAM,SAAS,eAAe;EAC3C,cAAc,MAAM,SAAS,gBAAgB;EAC7C,iBAAiB,MAAM,SAAS;EAChC,eAAe;~~AACb~~,~~WAAQ~~,IAAI~~,+CAA+C~~;~~AAC3D~~,~~UAAO~~,QAAQ,~~SAAS;;EAE3B~~,~~GAAkB~~;~~AAEnB~~,~~QAAO~~,oBAAC;~~EAAqB~~,GAAI;EAAa;~~GAAQ;;AAIxD~~,SAAS,qBAAqB,OAAuD;CACnF,MAAM,EAAE,MAAM,~~gBAAgB~~;~~CAC9B~~,MAAM,OAAO,MAAM;CACnB,MAAM,MAAM,~~aAAa~~;~~CAEzB~~,MAAM,YAAY;EAAE,MAAM;EAAI,WAAW;~~EAAW~~;~~AAEpD~~,~~QACE~~,qBAAC,~~2BACC~~,oBAAC;~~EAAoB~~,WAAU;YAC7B,qBAAC;~~GAAI~~,WAAU;~~cACb~~,oBAAC,~~cAAiB~~,~~OAAQ~~,~~EACzB~~,QAAQ,MAAM,gBACb,qBAAC;~~IAAI~~,WAAU;~~eACb~~,oBAAC;~~KAAI~~,WAAU;eAAyC,KAAK;~~MAAkB~~,~~EAC/E~~,oBAAC;~~KAAI~~,WAAU;eAAmD,KAAK;~~MAAmB~~;~~KACtF;IAEJ;GACc~~,~~EACtB~~,qBAAC;~~EAAoB~~,WAAU~~;;GAC7B~~,oBAAC~~,+BACC~~,qBAAC;~~IAAI~~,WAAU;~~eACb~~,oBAAC,~~cAAiB~~,~~OAAQ~~,~~EAC1B~~,qBAAC;~~KACE~~,QAAQ,oBAAC;~~MAAW~~,WAAU;gBAAqB,KAAK;~~OAAyB~~;~~KACjF~~,QAAQ,oBAAC;~~MAAW~~,WAAU;MAAoB,SAAQ;MAAY,MAAK;gBAAS,KAAK;~~OAA0B~~;~~KACnH~~,CAAC,QAAQ,oBAAC,~~wBAAY~~,EAAE,~~gBAAgB~~,~~GAAc~~;~~QACnD~~;~~KACF~~,~~GACY~~;~~GACpB~~,oBAAC,~~0BAAwB~~;~~GACxB~~,QAAQ,oBAAC;~~IACR~~,MAAM,EAAE,~~mBAAmB~~;~~IAC3B~~,SAAS,YAAY;~~AACnB~~,~~SAAI~~,MAAM,~~SACR~~,~~SAAQ~~,IAAI,~~qDAAqD~~;~~SAEjE~~,~~OAAM~~,IAAI,~~2BAA2B;;IAGzC~~,MAAM,oBAAC,~~cAAW~~,GAAI,~~YAAa~~;~~KACnC~~;~~GACD~~,CAAC,QAAQ,oBAAC;~~IACT~~,MAAM,EAAE,~~UAAU~~;~~IAClB~~,SAAS,YAAY;~~AACnB~~,~~SAAI~~,MAAM,~~SACR~~,~~SAAQ~~,IAAI,~~4CAA4C~~;~~SAExD~~,~~OAAM~~,IAAI,~~kBAAkB;;IAGhC~~,MAAM,oBAAC,~~SAAM~~,GAAI,~~YAAa~~;~~KAC9B~~;~~GACD~~,CAAC,QAAQ,oBAAC;~~IACT~~,MAAM,EAAE,~~UAAU~~;~~IAClB~~,SAAS,YAAY;~~AACnB~~,~~SAAI~~,MAAM,~~SACR~~,~~SAAQ~~,IAAI,~~4CAA4C~~;~~SAExD~~,~~OAAM~~,IAAI,~~kBAAkB;;IAGhC~~,MAAM,oBAAC,~~YAAS~~,GAAI,~~YAAY~~;~~KAChC~~;~~GACD~~,QAAQ,MAAM,cAAc,MAAM,WAAW,KAAK,MAAM,UACvD,oBAAC,~~QAAiB~~,GAAI,~~QAAX~~,~~MAAmB~~,CAC9B;~~GACD~~,MAAM,mBACL,oBAAC;~~IACC~~,MAAM,EAAE,~~eAAe~~;~~IACvB~~,SAAS,MAAM;IACf,MAAM,oBAAC,~~WAAQ~~,GAAI,~~YAAa~~;~~KAChC~~;~~GAEH~~,QAAQ,oBAAC;~~IACR~~,MAAM,EAAE,~~WAAW~~;~~IACnB~~,SAAS,YAAY;~~AACnB~~,~~SAAI~~,MAAM,~~SACR~~,~~SAAQ~~,IAAI~~,+CAA+C~~;~~SAE3D~~,~~OAAM~~,KAAK,~~SAAS;;IAGxB~~,MAAM,oBAAC,~~UAAO~~,GAAI,~~YAAa~~;~~KAC~~/B~~;;GACkB~~,~~IACT~~"}
1	+ {"version":3,"file":"user-button.js","names":[],"sources":["../../../src/components/user-button.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 { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Skeleton, Typography } from \"@hexclave/ui\";\nimport { CircleUser, LogIn, LogOut, SunMoon, UserPlus } from \"lucide-react\";\nimport React, { Suspense } from \"react\";\nimport { CurrentUser, useStackApp, useUser } from \"..\";\nimport { useTranslation } from \"../lib/translations\";\nimport { UserAvatar } from \"./elements/user-avatar\";\n\nfunction Item(props: { text: string, icon: React.ReactNode, onClick: () => void \| Promise<void> }) {\n return (\n <DropdownMenuItem onClick={() => runAsynchronouslyWithAlert(props.onClick)}>\n <div className=\"flex gap-2 items-center\">\n {props.icon}\n <Typography>{props.text}</Typography>\n </div>\n </DropdownMenuItem>\n );\n}\n\ntype UserButtonProps = {\n showUserInfo?: boolean,\n colorModeToggle?: () => void \| Promise<void>,\n extraItems?: {\n text: string,\n icon: React.ReactNode,\n onClick: () => void \| Promise<void>,\n }[],\n mockUser?: {\n displayName?: string,\n primaryEmail?: string,\n profileImageUrl?: string,\n },\n};\n\nexport function UserButton(props: UserButtonProps) {\n return (\n <Suspense fallback={<Skeleton className=\"h-[34px] w-[34px] rounded-full stack-scope\" />}>\n <UserButtonInner {...props} />\n </Suspense>\n );\n}\n\nfunction UserButtonInner(props: UserButtonProps) {\n const userFromHook = useUser();\n\n // Use mock user if provided, otherwise use real user\n const user = props.mockUser ? {\n displayName: props.mockUser.displayName \|\| 'Mock User',\n primaryEmail: props.mockUser.primaryEmail \|\| 'mock@example.com',\n profileImageUrl: props.mockUser.profileImageUrl,\n signOut: () => {\n console.log('Mock sign out - no action taken in demo mode');\n return Promise.resolve();\n }\n } as CurrentUser : userFromHook;\n\n return <UserButtonInnerInner {...props} user={user} />;\n}\n\n\nfunction UserButtonInnerInner(props: UserButtonProps & { user: CurrentUser \| null }) {\n const { t } = useTranslation();\n const user = props.user;\n const app = useStackApp();\n\n const iconProps = { size: 20, className: 'h-4 w-4' };\n\n return (\n <DropdownMenu>\n <DropdownMenuTrigger className=\"outline-none stack-scope rounded-lg hover:bg-muted/50 transition-colors hover:transition-none p-1.5\">\n <div className=\"flex gap-2 items-center\">\n <UserAvatar user={user} />\n {user && props.showUserInfo &&\n <div className=\"flex flex-col justify-center text-left min-w-0\">\n <div className=\"max-w-40 truncate text-sm font-medium\">{user.displayName}</div>\n <div className=\"max-w-40 truncate text-xs text-muted-foreground\">{user.primaryEmail}</div>\n </div>\n }\n </div>\n </DropdownMenuTrigger>\n <DropdownMenuContent className=\"stack-scope\">\n <DropdownMenuLabel>\n <div className=\"flex gap-2 items-center\">\n <UserAvatar user={user} />\n <div>\n {user && <Typography className=\"max-w-40 truncate\">{user.displayName}</Typography>}\n {user && <Typography className=\"max-w-40 truncate\" variant=\"secondary\" type='label'>{user.primaryEmail}</Typography>}\n {!user && <Typography>{t('Not signed in')}</Typography>}\n </div>\n </div>\n </DropdownMenuLabel>\n <DropdownMenuSeparator />\n {user && <Item\n text={t('Account settings')}\n onClick={async () => {\n if (props.mockUser) {\n console.log('Mock account settings - no navigation in demo mode');\n } else {\n await app.redirectToAccountSettings();\n }\n }}\n icon={<CircleUser {...iconProps} />}\n />}\n {!user && <Item\n text={t('Sign in')}\n onClick={async () => {\n if (props.mockUser) {\n console.log('Mock sign in - no navigation in demo mode');\n } else {\n await app.redirectToSignIn();\n }\n }}\n icon={<LogIn {...iconProps} />}\n />}\n {!user && <Item\n text={t('Sign up')}\n onClick={async () => {\n if (props.mockUser) {\n console.log('Mock sign up - no navigation in demo mode');\n } else {\n await app.redirectToSignUp();\n }\n }}\n icon={<UserPlus {...iconProps}/> }\n />}\n {user && props.extraItems && props.extraItems.map((item, index) => (\n <Item key={index} {...item} />\n ))}\n {props.colorModeToggle && (\n <Item\n text={t('Toggle theme')}\n onClick={props.colorModeToggle}\n icon={<SunMoon {...iconProps} />}\n />\n )}\n {user && <Item\n text={t('Sign out')}\n onClick={async () => {\n if (props.mockUser) {\n console.log('Mock sign out - no action taken in demo mode');\n } else {\n await user.signOut();\n }\n }}\n icon={<LogOut {...iconProps} />}\n />}\n </DropdownMenuContent>\n </DropdownMenu>\n );\n}\n"],"mappings":"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"}

package/dist/esm/components-page/account-settings/active-sessions/active-sessions-page.d.ts CHANGED Viewed

@@ -1,5 +1,3 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/components-page/account-settings/active-sessions/active-sessions-page.d.ts
 declare function ActiveSessionsPage(props?: {
   mockSessions?: Array<{
@@ -14,7 +12,7 @@ declare function ActiveSessionsPage(props?: {
     };
   }>;
   mockMode?: boolean;
-}): react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { ActiveSessionsPage };
 //# sourceMappingURL=active-sessions-page.d.ts.map

package/dist/esm/components-page/account-settings/active-sessions/active-sessions-page.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"active-sessions-page.d.ts","names":[],"sources":["../../../../../src/components-page/account-settings/active-sessions/active-sessions-page.tsx"],"mappings":"~~;;;~~iBAcgB,kBAAA,CAAmB,KAAA;EACjC,YAAA,GAAe,~~KAAA~~;~~IACb~~,EAAA;IACA,gBAAA;IACA,eAAA;IACA,SAAA;IACA,UAAA;IACA,OAAA;MACE,EAAA;MACA,QAAA;IAAA;EAAA;EAGJ,QAAA;AAAA,~~IACD~~,~~kBAAA,CAAA,~~GAAA,CAAA,OAAA"}
1	+ {"version":3,"file":"active-sessions-page.d.ts","names":[],"sources":["../../../../../src/components-page/account-settings/active-sessions/active-sessions-page.tsx"],"mappings":";iBAcgB,kBAAA,CAAmB,KAAA;EACjC,YAAA,GAAe,KAAK;IAClB,EAAA;IACA,gBAAA;IACA,eAAA;IACA,SAAA;IACA,UAAA;IACA,OAAA;MACE,EAAA;MACA,QAAA;IAAA;EAAA;EAGJ,QAAA;AAAA,gCACD,GAAA,CAAA,OAAA"}

package/dist/esm/components-page/account-settings/active-sessions/active-sessions-page.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
 import { captureError } from "@hexclave/shared/dist/utils/errors";
+import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
 import { ActionCell, Badge, Button, Skeleton, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Typography } from "@hexclave/ui";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -7,7 +7,6 @@ import { fromNow } from "@hexclave/shared/dist/utils/dates";
 import { useUser } from "../../../lib/hooks.js";
 import { useTranslation } from "../../../lib/translations.js";
 import { PageLayout } from "../page-layout.js";
 //#region src/components-page/account-settings/active-sessions/active-sessions-page.tsx
 function ActiveSessionsPage(props) {
 	const { t } = useTranslation();
@@ -200,7 +199,7 @@ function ActiveSessionsPage(props) {
 		})
 	] }) });
 }
 //#endregion
 export { ActiveSessionsPage };
 //# sourceMappingURL=active-sessions-page.js.map

package/dist/esm/components-page/account-settings/active-sessions/active-sessions-page.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"active-sessions-page.js","names":[],"sources":["../../../../../src/components-page/account-settings/active-sessions/active-sessions-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 { fromNow } from \"@hexclave/shared/dist/utils/dates\";\nimport { captureError } from \"@hexclave/shared/dist/utils/errors\";\nimport { runAsynchronously } from \"@hexclave/shared/dist/utils/promises\";\nimport { ActionCell, Badge, Button, Skeleton, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Typography } from \"@hexclave/ui\";\nimport { useEffect, useState } from \"react\";\nimport { useUser } from \"../../../lib/hooks\";\nimport { ActiveSession } from \"../../../lib/hexclave-app/users\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { PageLayout } from \"../page-layout\";\n\nexport function ActiveSessionsPage(props?: {\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 mockMode?: boolean,\n}) {\n const { t } = useTranslation();\n const userFromHook = useUser({ or: (props?.mockSessions \|\| props?.mockMode) ? 'return-null' : 'throw' });\n const [isLoading, setIsLoading] = useState(!props?.mockSessions);\n const [isRevokingAll, setIsRevokingAll] = useState(false);\n const [sessions, setSessions] = useState<ActiveSession[]>([]);\n const [showConfirmRevokeAll, setShowConfirmRevokeAll] = useState(false);\n\n // Use mock data if provided\n const mockSessionsData = props?.mockSessions ? props.mockSessions.map(session => ({\n id: session.id,\n isCurrentSession: session.isCurrentSession,\n isImpersonation: session.isImpersonation \|\| false,\n createdAt: session.createdAt,\n lastUsedAt: session.lastUsedAt,\n geoInfo: session.geoInfo,\n })) : [\n {\n id: 'current-session',\n isCurrentSession: true,\n createdAt: new Date().toISOString(),\n lastUsedAt: new Date().toISOString(),\n geoInfo: { ip: '192.168.1.1', cityName: 'San Francisco' }\n },\n {\n id: 'mobile-session',\n isCurrentSession: false,\n createdAt: new Date(Date.now() - 86400000).toISOString(), // 1 day ago\n lastUsedAt: new Date(Date.now() - 7200000).toISOString(), // 2 hours ago\n geoInfo: { ip: '10.0.0.1', cityName: 'New York' }\n }\n ];\n\n // Fetch sessions when component mounts (only if not using mock data)\n useEffect(() => {\n if (props?.mockSessions) {\n setSessions(mockSessionsData as any);\n setIsLoading(false);\n return;\n }\n\n // If in mock mode but no mock sessions provided, use default mock data\n if (props?.mockMode && !userFromHook) {\n setSessions(mockSessionsData as any);\n setIsLoading(false);\n return;\n }\n\n if (!userFromHook) return;\n\n runAsynchronously(async () => {\n setIsLoading(true);\n const sessionsData = await userFromHook.getActiveSessions();\n const enhancedSessions = sessionsData;\n setSessions(enhancedSessions);\n setIsLoading(false);\n });\n }, [userFromHook, props?.mockSessions]);\n\n const handleRevokeSession = async (sessionId: string) => {\n if (props?.mockSessions) {\n // Mock revoke - just remove from list\n setSessions(prev => prev.filter(session => session.id !== sessionId));\n return;\n }\n\n if (!userFromHook) return;\n\n try {\n await userFromHook.revokeSession(sessionId);\n setSessions(prev => prev.filter(session => session.id !== sessionId));\n } catch (error) {\n captureError(\"session-revoke\", { sessionId ,error });\n throw error;\n }\n };\n\n const handleRevokeAllSessions = async () => {\n setIsRevokingAll(true);\n try {\n if (props?.mockSessions) {\n // Mock revoke all - just keep current session\n setSessions(prevSessions => prevSessions.filter(session => session.isCurrentSession));\n } else if (userFromHook) {\n const deletionPromises = sessions\n .filter(session => !session.isCurrentSession)\n .map(session => userFromHook.revokeSession(session.id));\n await Promise.all(deletionPromises);\n setSessions(prevSessions => prevSessions.filter(session => session.isCurrentSession));\n }\n } catch (error) {\n captureError(\"all-sessions-revoke\", { error, sessionIds: sessions.map(session => session.id) });\n throw error;\n } finally {\n setIsRevokingAll(false);\n setShowConfirmRevokeAll(false);\n }\n };\n\n return (\n <PageLayout>\n <div>\n <div className=\"flex justify-between items-center mb-2\">\n <Typography className='font-medium'>{t(\"Active Sessions\")}</Typography>\n {sessions.filter(s => !s.isCurrentSession).length > 0 && !isLoading && (\n showConfirmRevokeAll ? (\n <div className=\"flex gap-2\">\n <Button\n variant=\"destructive\"\n size=\"sm\"\n loading={isRevokingAll}\n onClick={handleRevokeAllSessions}\n >\n {t(\"Confirm\")}\n </Button>\n <Button\n variant=\"secondary\"\n size=\"sm\"\n disabled={isRevokingAll}\n onClick={() => setShowConfirmRevokeAll(false)}\n >\n {t(\"Cancel\")}\n </Button>\n </div>\n ) : (\n <Button\n variant=\"outline\"\n size=\"sm\"\n onClick={() => setShowConfirmRevokeAll(true)}\n >\n {t(\"Revoke All Other Sessions\")}\n </Button>\n )\n )}\n </div>\n <Typography variant='secondary' type='footnote' className=\"mb-4\">\n {t(\"These are devices where you're currently logged in. You can revoke access to end a session.\")}\n </Typography>\n\n {isLoading ? (\n <Skeleton className=\"h-[300px] w-full rounded-md\" />\n ) : (\n <div className='border rounded-md'>\n <Table>\n <TableHeader>\n <TableRow>\n <TableHead className=\"w-[200px]\">{t(\"Session\")}</TableHead>\n <TableHead className=\"w-[150px]\">{t(\"IP Address\")}</TableHead>\n <TableHead className=\"w-[150px]\">{t(\"Location\")}</TableHead>\n <TableHead className=\"w-[150px]\">{t(\"Last used\")}</TableHead>\n <TableHead className=\"w-[80px]\"></TableHead>\n </TableRow>\n </TableHeader>\n <TableBody>\n {sessions.length === 0 ? (\n <TableRow>\n <TableCell colSpan={5} className=\"text-center py-6\">\n <Typography variant=\"secondary\">{t(\"No active sessions found\")}</Typography>\n </TableCell>\n </TableRow>\n ) : (\n sessions.map((session) => (\n <TableRow key={session.id}>\n <TableCell>\n <div className=\"flex flex-col\">\n {/* We currently do not save any usefull information about the user, in the future, the name should probably say what kind of session it is (e.g. cli, browser, maybe what auth method was used) */}\n <Typography>{session.isCurrentSession ? t(\"Current Session\") : t(\"Other Session\")}</Typography>\n {session.isImpersonation && <Badge variant=\"secondary\" className=\"w-fit mt-1\">{t(\"Impersonation\")}</Badge>}\n <Typography variant='secondary' type='footnote'>\n {t(\"Signed in {time}\", { time: new Date(session.createdAt).toLocaleDateString() })}\n </Typography>\n </div>\n </TableCell>\n <TableCell>\n <Typography>{session.geoInfo?.ip \|\| t('-')}</Typography>\n </TableCell>\n <TableCell>\n <Typography>{session.geoInfo?.cityName \|\| t('Unknown')}</Typography>\n </TableCell>\n <TableCell>\n <div className=\"flex flex-col\">\n <Typography>{session.lastUsedAt ? fromNow(new Date(session.lastUsedAt)) : t(\"Never\")}</Typography>\n <Typography variant='secondary' type='footnote' title={session.lastUsedAt ? new Date(session.lastUsedAt).toLocaleString() : \"\"}>\n {session.lastUsedAt ? new Date(session.lastUsedAt).toLocaleDateString() : \"\"}\n </Typography>\n </div>\n </TableCell>\n <TableCell align=\"right\">\n <ActionCell\n items={[\n {\n item: t(\"Revoke\"),\n onClick: () => handleRevokeSession(session.id),\n danger: true,\n disabled: session.isCurrentSession,\n disabledTooltip: session.isCurrentSession ? t(\"You cannot revoke your current session\") : undefined,\n },\n ]}\n />\n </TableCell>\n </TableRow>\n ))\n )}\n </TableBody>\n </Table>\n </div>\n )}\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"active-sessions-page.js","names":[],"sources":["../../../../../src/components-page/account-settings/active-sessions/active-sessions-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 { fromNow } from \"@hexclave/shared/dist/utils/dates\";\nimport { captureError } from \"@hexclave/shared/dist/utils/errors\";\nimport { runAsynchronously } from \"@hexclave/shared/dist/utils/promises\";\nimport { ActionCell, Badge, Button, Skeleton, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Typography } from \"@hexclave/ui\";\nimport { useEffect, useState } from \"react\";\nimport { useUser } from \"../../../lib/hooks\";\nimport { ActiveSession } from \"../../../lib/hexclave-app/users\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { PageLayout } from \"../page-layout\";\n\nexport function ActiveSessionsPage(props?: {\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 mockMode?: boolean,\n}) {\n const { t } = useTranslation();\n const userFromHook = useUser({ or: (props?.mockSessions \|\| props?.mockMode) ? 'return-null' : 'throw' });\n const [isLoading, setIsLoading] = useState(!props?.mockSessions);\n const [isRevokingAll, setIsRevokingAll] = useState(false);\n const [sessions, setSessions] = useState<ActiveSession[]>([]);\n const [showConfirmRevokeAll, setShowConfirmRevokeAll] = useState(false);\n\n // Use mock data if provided\n const mockSessionsData = props?.mockSessions ? props.mockSessions.map(session => ({\n id: session.id,\n isCurrentSession: session.isCurrentSession,\n isImpersonation: session.isImpersonation \|\| false,\n createdAt: session.createdAt,\n lastUsedAt: session.lastUsedAt,\n geoInfo: session.geoInfo,\n })) : [\n {\n id: 'current-session',\n isCurrentSession: true,\n createdAt: new Date().toISOString(),\n lastUsedAt: new Date().toISOString(),\n geoInfo: { ip: '192.168.1.1', cityName: 'San Francisco' }\n },\n {\n id: 'mobile-session',\n isCurrentSession: false,\n createdAt: new Date(Date.now() - 86400000).toISOString(), // 1 day ago\n lastUsedAt: new Date(Date.now() - 7200000).toISOString(), // 2 hours ago\n geoInfo: { ip: '10.0.0.1', cityName: 'New York' }\n }\n ];\n\n // Fetch sessions when component mounts (only if not using mock data)\n useEffect(() => {\n if (props?.mockSessions) {\n setSessions(mockSessionsData as any);\n setIsLoading(false);\n return;\n }\n\n // If in mock mode but no mock sessions provided, use default mock data\n if (props?.mockMode && !userFromHook) {\n setSessions(mockSessionsData as any);\n setIsLoading(false);\n return;\n }\n\n if (!userFromHook) return;\n\n runAsynchronously(async () => {\n setIsLoading(true);\n const sessionsData = await userFromHook.getActiveSessions();\n const enhancedSessions = sessionsData;\n setSessions(enhancedSessions);\n setIsLoading(false);\n });\n }, [userFromHook, props?.mockSessions]);\n\n const handleRevokeSession = async (sessionId: string) => {\n if (props?.mockSessions) {\n // Mock revoke - just remove from list\n setSessions(prev => prev.filter(session => session.id !== sessionId));\n return;\n }\n\n if (!userFromHook) return;\n\n try {\n await userFromHook.revokeSession(sessionId);\n setSessions(prev => prev.filter(session => session.id !== sessionId));\n } catch (error) {\n captureError(\"session-revoke\", { sessionId ,error });\n throw error;\n }\n };\n\n const handleRevokeAllSessions = async () => {\n setIsRevokingAll(true);\n try {\n if (props?.mockSessions) {\n // Mock revoke all - just keep current session\n setSessions(prevSessions => prevSessions.filter(session => session.isCurrentSession));\n } else if (userFromHook) {\n const deletionPromises = sessions\n .filter(session => !session.isCurrentSession)\n .map(session => userFromHook.revokeSession(session.id));\n await Promise.all(deletionPromises);\n setSessions(prevSessions => prevSessions.filter(session => session.isCurrentSession));\n }\n } catch (error) {\n captureError(\"all-sessions-revoke\", { error, sessionIds: sessions.map(session => session.id) });\n throw error;\n } finally {\n setIsRevokingAll(false);\n setShowConfirmRevokeAll(false);\n }\n };\n\n return (\n <PageLayout>\n <div>\n <div className=\"flex justify-between items-center mb-2\">\n <Typography className='font-medium'>{t(\"Active Sessions\")}</Typography>\n {sessions.filter(s => !s.isCurrentSession).length > 0 && !isLoading && (\n showConfirmRevokeAll ? (\n <div className=\"flex gap-2\">\n <Button\n variant=\"destructive\"\n size=\"sm\"\n loading={isRevokingAll}\n onClick={handleRevokeAllSessions}\n >\n {t(\"Confirm\")}\n </Button>\n <Button\n variant=\"secondary\"\n size=\"sm\"\n disabled={isRevokingAll}\n onClick={() => setShowConfirmRevokeAll(false)}\n >\n {t(\"Cancel\")}\n </Button>\n </div>\n ) : (\n <Button\n variant=\"outline\"\n size=\"sm\"\n onClick={() => setShowConfirmRevokeAll(true)}\n >\n {t(\"Revoke All Other Sessions\")}\n </Button>\n )\n )}\n </div>\n <Typography variant='secondary' type='footnote' className=\"mb-4\">\n {t(\"These are devices where you're currently logged in. You can revoke access to end a session.\")}\n </Typography>\n\n {isLoading ? (\n <Skeleton className=\"h-[300px] w-full rounded-md\" />\n ) : (\n <div className='border rounded-md'>\n <Table>\n <TableHeader>\n <TableRow>\n <TableHead className=\"w-[200px]\">{t(\"Session\")}</TableHead>\n <TableHead className=\"w-[150px]\">{t(\"IP Address\")}</TableHead>\n <TableHead className=\"w-[150px]\">{t(\"Location\")}</TableHead>\n <TableHead className=\"w-[150px]\">{t(\"Last used\")}</TableHead>\n <TableHead className=\"w-[80px]\"></TableHead>\n </TableRow>\n </TableHeader>\n <TableBody>\n {sessions.length === 0 ? (\n <TableRow>\n <TableCell colSpan={5} className=\"text-center py-6\">\n <Typography variant=\"secondary\">{t(\"No active sessions found\")}</Typography>\n </TableCell>\n </TableRow>\n ) : (\n sessions.map((session) => (\n <TableRow key={session.id}>\n <TableCell>\n <div className=\"flex flex-col\">\n {/* We currently do not save any usefull information about the user, in the future, the name should probably say what kind of session it is (e.g. cli, browser, maybe what auth method was used) */}\n <Typography>{session.isCurrentSession ? t(\"Current Session\") : t(\"Other Session\")}</Typography>\n {session.isImpersonation && <Badge variant=\"secondary\" className=\"w-fit mt-1\">{t(\"Impersonation\")}</Badge>}\n <Typography variant='secondary' type='footnote'>\n {t(\"Signed in {time}\", { time: new Date(session.createdAt).toLocaleDateString() })}\n </Typography>\n </div>\n </TableCell>\n <TableCell>\n <Typography>{session.geoInfo?.ip \|\| t('-')}</Typography>\n </TableCell>\n <TableCell>\n <Typography>{session.geoInfo?.cityName \|\| t('Unknown')}</Typography>\n </TableCell>\n <TableCell>\n <div className=\"flex flex-col\">\n <Typography>{session.lastUsedAt ? fromNow(new Date(session.lastUsedAt)) : t(\"Never\")}</Typography>\n <Typography variant='secondary' type='footnote' title={session.lastUsedAt ? new Date(session.lastUsedAt).toLocaleString() : \"\"}>\n {session.lastUsedAt ? new Date(session.lastUsedAt).toLocaleDateString() : \"\"}\n </Typography>\n </div>\n </TableCell>\n <TableCell align=\"right\">\n <ActionCell\n items={[\n {\n item: t(\"Revoke\"),\n onClick: () => handleRevokeSession(session.id),\n danger: true,\n disabled: session.isCurrentSession,\n disabledTooltip: session.isCurrentSession ? t(\"You cannot revoke your current session\") : undefined,\n },\n ]}\n />\n </TableCell>\n </TableRow>\n ))\n )}\n </TableBody>\n </Table>\n </div>\n )}\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}

package/dist/esm/components-page/account-settings/api-keys/api-keys-page.d.ts CHANGED Viewed

@@ -1,5 +1,3 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/components-page/account-settings/api-keys/api-keys-page.d.ts
 declare function ApiKeysPage(props?: {
   mockApiKeys?: Array<{
@@ -10,7 +8,7 @@ declare function ApiKeysPage(props?: {
     manuallyRevokedAt?: string;
   }>;
   mockMode?: boolean;
-}): react_jsx_runtime0.JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 export { ApiKeysPage };
 //# sourceMappingURL=api-keys-page.d.ts.map

package/dist/esm/components-page/account-settings/api-keys/api-keys-page.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"api-keys-page.d.ts","names":[],"sources":["../../../../../src/components-page/account-settings/api-keys/api-keys-page.tsx"],"mappings":"~~;;;~~iBAcgB,WAAA,CAAY,KAAA;EAC1B,WAAA,GAAc,~~KAAA~~;~~IACZ~~,EAAA;IACA,WAAA;IACA,SAAA;IACA,SAAA;IACA,iBAAA;EAAA;EAEF,QAAA;AAAA,~~IACD~~,~~kBAAA,CAAA,~~GAAA,CAAA,OAAA"}
1	+ {"version":3,"file":"api-keys-page.d.ts","names":[],"sources":["../../../../../src/components-page/account-settings/api-keys/api-keys-page.tsx"],"mappings":";iBAcgB,WAAA,CAAY,KAAA;EAC1B,WAAA,GAAc,KAAK;IACjB,EAAA;IACA,WAAA;IACA,SAAA;IACA,SAAA;IACA,iBAAA;EAAA;EAEF,QAAA;AAAA,gCACD,GAAA,CAAA,OAAA"}

package/dist/esm/components-page/account-settings/api-keys/api-keys-page.js CHANGED Viewed

@@ -6,7 +6,6 @@ import { useTranslation } from "../../../lib/translations.js";
 import { PageLayout } from "../page-layout.js";
 import { CreateApiKeyDialog, ShowApiKeyDialog } from "../../../components/api-key-dialogs.js";
 import { ApiKeyTable } from "../../../components/api-key-table.js";
 //#region src/components-page/account-settings/api-keys/api-keys-page.tsx
 function ApiKeysPage(props) {
 	const { t } = useTranslation();
@@ -107,7 +106,7 @@ function ApiKeysPage(props) {
 		})
 	] });
 }
 //#endregion
 export { ApiKeysPage };
 //# sourceMappingURL=api-keys-page.js.map

package/dist/esm/components-page/account-settings/api-keys/api-keys-page.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"api-keys-page.js","names":[],"sources":["../../../../../src/components-page/account-settings/api-keys/api-keys-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 { Button } from \"@hexclave/ui\";\nimport { useState } from \"react\";\nimport { CreateApiKeyDialog, ShowApiKeyDialog } from \"../../../components/api-key-dialogs\";\nimport { ApiKeyTable } from \"../../../components/api-key-table\";\nimport { useUser } from \"../../../lib/hooks\";\nimport { ApiKey, ApiKeyCreationOptions } from \"../../../lib/hexclave-app/api-keys\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { PageLayout } from \"../page-layout\";\n\n\nexport function ApiKeysPage(props?: {\n mockApiKeys?: Array<{\n id: string,\n description: string,\n createdAt: string,\n expiresAt?: string,\n manuallyRevokedAt?: string,\n }>,\n mockMode?: boolean,\n}) {\n const { t } = useTranslation();\n\n // Check if we're in any kind of mock mode first\n const isInMockMode = !!(props?.mockApiKeys \|\| props?.mockMode);\n\n const userFromHook = useUser({ or: isInMockMode ? 'return-null' : 'redirect' });\n\n // In mock mode, we don't need a user - just show mock data\n if (isInMockMode && !userFromHook) {\n // This is expected in mock mode, continue with mock data\n }\n\n // Only return null if we're not in mock mode and don't have a user\n if (!isInMockMode && !userFromHook) {\n return null; // This shouldn't happen due to redirect, but just in case\n }\n\n // Use mock data if provided\n const mockApiKeysData = props?.mockApiKeys ? props.mockApiKeys.map(mockKey => ({\n id: mockKey.id,\n description: mockKey.description,\n createdAt: new Date(mockKey.createdAt),\n expiresAt: mockKey.expiresAt ? new Date(mockKey.expiresAt) : undefined,\n manuallyRevokedAt: mockKey.manuallyRevokedAt ? new Date(mockKey.manuallyRevokedAt) : null,\n value: {\n lastFour: mockKey.id.slice(-4).padStart(4, '0'), // Use last 4 chars of ID or pad with zeros\n },\n type: 'user' as const,\n userId: 'mock-user-id',\n update: async () => {\n console.log('Mock API key update called');\n },\n revoke: async () => {\n console.log('Mock API key revoke called');\n },\n isValid: () => {\n const now = new Date();\n const isExpired = mockKey.expiresAt ? new Date(mockKey.expiresAt) < now : false;\n const isRevoked = !!mockKey.manuallyRevokedAt;\n return !isExpired && !isRevoked;\n },\n whyInvalid: () => {\n const now = new Date();\n if (mockKey.manuallyRevokedAt) return 'manually-revoked';\n if (mockKey.expiresAt && new Date(mockKey.expiresAt) < now) return 'expired';\n return null;\n },\n })) : [\n {\n id: 'key-1',\n description: 'Development Key',\n createdAt: new Date(Date.now() - 172800000), // 2 days ago\n expiresAt: undefined,\n manuallyRevokedAt: null,\n value: {\n lastFour: 'ey-1'.slice(-4).padStart(4, '0'),\n },\n type: 'user' as const,\n userId: 'mock-user-id',\n update: async () => {\n console.log('Mock API key update called');\n },\n revoke: async () => {\n console.log('Mock API key revoke called');\n },\n isValid: () => true,\n whyInvalid: () => null,\n }\n ];\n\n // Determine which API keys to use\n let apiKeys: any[];\n if (isInMockMode) {\n apiKeys = mockApiKeysData;\n } else if (userFromHook) {\n apiKeys = userFromHook.useApiKeys();\n } else {\n apiKeys = [];\n }\n\n const [isNewApiKeyDialogOpen, setIsNewApiKeyDialogOpen] = useState(false);\n const [returnedApiKey, setReturnedApiKey] = useState<ApiKey<\"user\", true> \| null>(null);\n\n const CreateDialog = CreateApiKeyDialog<\"user\">;\n const ShowDialog = ShowApiKeyDialog<\"user\">;\n\n const handleCreateApiKey = async (data: ApiKeyCreationOptions<\"user\">) => {\n if (isInMockMode) {\n // Mock API key creation\n const mockApiKey = {\n id: `key-${Date.now()}`,\n description: data.description,\n createdAt: new Date().toISOString(),\n expiresAt: data.expiresAt?.toISOString(),\n value: 'sk_dev_mock_key_' + Math.random().toString(36).substring(2),\n update: async () => {\n console.log('Mock API key update called');\n },\n revoke: async () => {\n console.log('Mock API key revoke called');\n },\n isValid: () => true,\n whyInvalid: () => null,\n type: 'user' as const,\n userId: 'mock-user-id',\n };\n return mockApiKey as any;\n }\n\n if (!userFromHook) throw new Error('User not available');\n return await userFromHook.createApiKey(data);\n };\n\n return (\n <PageLayout>\n <Button onClick={() => setIsNewApiKeyDialogOpen(true)}>\n {t(\"Create API Key\")}\n </Button>\n <ApiKeyTable apiKeys={apiKeys} />\n <CreateDialog\n open={isNewApiKeyDialogOpen}\n onOpenChange={setIsNewApiKeyDialogOpen}\n onKeyCreated={setReturnedApiKey}\n createApiKey={handleCreateApiKey}\n mockMode={isInMockMode}\n />\n <ShowDialog\n apiKey={returnedApiKey}\n onClose={() => setReturnedApiKey(null)}\n />\n </PageLayout>\n );\n}\n"],"mappings":"~~;;;;;;;;;;~~AAcA,SAAgB,YAAY,OASzB;CACD,MAAM,EAAE,MAAM,~~gBAAgB~~;~~CAG9B~~,MAAM,eAAe,CAAC,EAAE,OAAO,eAAe,OAAO;CAErD,MAAM,eAAe,QAAQ,EAAE,IAAI,eAAe,gBAAgB,~~YAAY~~,CAAC;~~AAG/E~~,~~KAAI~~,gBAAgB,CAAC,cAAc;~~AAKnC~~,~~KAAI~~,CAAC,gBAAgB,CAAC,~~aACpB~~,~~QAAO~~;CAIT,MAAM,kBAAkB,OAAO,cAAc,MAAM,YAAY,KAAI,aAAY;EAC7E,IAAI,QAAQ;EACZ,aAAa,QAAQ;EACrB,WAAW,IAAI,KAAK,QAAQ,~~UAAU~~;~~EACtC~~,WAAW,QAAQ,YAAY,IAAI,KAAK,QAAQ,~~UAAU~~,~~GAAG~~;EAC7D,mBAAmB,QAAQ,oBAAoB,IAAI,KAAK,QAAQ,~~kBAAkB~~,~~GAAG~~;EACrF,OAAO,EACL,UAAU,QAAQ,GAAG,MAAM,~~GAAG~~,CAAC,SAAS,GAAG,~~IAAI~~,EAChD;~~EACD~~,MAAM;EACN,QAAQ;EACR,QAAQ,YAAY;~~AAClB~~,~~WAAQ~~,IAAI,~~6BAA6B;;EAE3C~~,QAAQ,YAAY;~~AAClB~~,~~WAAQ~~,IAAI,~~6BAA6B;;EAE3C~~,eAAe;GACb,MAAM,sBAAM,IAAI,~~MAAM~~;~~GACtB~~,MAAM,YAAY,QAAQ,YAAY,IAAI,KAAK,QAAQ,~~UAAU~~,~~GAAG~~,MAAM;GAC1E,MAAM,YAAY,CAAC,CAAC,QAAQ;~~AAC5B~~,~~UAAO~~,CAAC,aAAa,CAAC~~;;EAExB~~,kBAAkB;GAChB,MAAM,sBAAM,IAAI,~~MAAM~~;~~AACtB~~,~~OAAI~~,QAAQ,~~kBAAmB~~,~~QAAO~~;~~AACtC~~,~~OAAI~~,QAAQ,aAAa,IAAI,KAAK,QAAQ,~~UAAU~~,~~GAAG~~,~~IAAK~~,~~QAAO~~;~~AACnE~~,~~UAAO;;EAEV~~,EAAE,~~GAAG~~,CACJ;EACE,IAAI;EACJ,aAAa;EACb,2BAAW,IAAI,KAAK,KAAK,~~KAAK~~,~~GAAG~~,~~OAAU~~;~~EAC3C~~,WAAW;EACX,mBAAmB;EACnB,OAAO,EACL,UAAU,OAAO,MAAM,~~GAAG~~,CAAC,SAAS,GAAG,~~IAAI~~,EAC5C;~~EACD~~,MAAM;EACN,QAAQ;EACR,QAAQ,YAAY;~~AAClB~~,~~WAAQ~~,IAAI,~~6BAA6B;;EAE3C~~,QAAQ,YAAY;~~AAClB~~,~~WAAQ~~,IAAI,~~6BAA6B;;EAE3C~~,eAAe;EACf,kBAAkB;~~EACnB~~,CACF;~~CAGD~~,IAAI;~~AACJ~~,~~KAAI~~,~~aACF~~,~~WAAU~~;~~UACD~~,~~aACT~~,~~WAAU~~,aAAa,~~YAAY~~;~~KAEnC~~,~~WAAU~~,~~EAAE~~;~~CAGd~~,MAAM,CAAC,uBAAuB,4BAA4B,SAAS,~~MAAM~~;~~CACzE~~,MAAM,CAAC,gBAAgB,qBAAqB,SAAsC,~~KAAK~~;~~CAEvF~~,MAAM,eAAe;CACrB,MAAM,aAAa;CAEnB,MAAM,qBAAqB,OAAO,SAAwC;~~AACxE~~,~~MAAI~~,~~aAmBF~~,~~QAjBmB~~;~~GACjB~~,IAAI,OAAO,KAAK,~~KAAK~~;~~GACrB~~,aAAa,KAAK;GAClB,4BAAW,IAAI,~~MAAM~~,~~EAAC~~,~~aAAa~~;~~GACnC~~,WAAW,KAAK,WAAW,~~aAAa~~;~~GACxC~~,OAAO,qBAAqB,KAAK,~~QAAQ~~,CAAC,SAAS,~~GAAG~~,CAAC,UAAU,~~EAAE~~;~~GACnE~~,QAAQ,YAAY;~~AAClB~~,~~YAAQ~~,IAAI,~~6BAA6B;;GAE3C~~,QAAQ,YAAY;~~AAClB~~,~~YAAQ~~,IAAI,~~6BAA6B;;GAE3C~~,eAAe;GACf,kBAAkB;GAClB,MAAM;GACN,QAAQ;~~GACT~~;~~AAIH~~,~~MAAI~~,CAAC,~~aAAc~~,~~OAAM~~,IAAI,MAAM,~~qBAAqB~~;~~AACxD~~,~~SAAO~~,MAAM,aAAa,aAAa,~~KAAK;;AAG9C~~,~~QACE~~,qBAAC;~~EACC~~,oBAAC;~~GAAO~~,eAAe,yBAAyB,~~KAAK~~;~~aAClD~~,EAAE,~~iBAAiB~~;~~IACb~~;~~EACT~~,oBAAC,~~eAAqB~~,~~UAAW~~;~~EACjC~~,oBAAC;~~GACC~~,MAAM;GACN,cAAc;GACd,cAAc;GACd,cAAc;GACd,UAAU;~~IACV~~;~~EACF~~,oBAAC;~~GACC~~,QAAQ;GACR,eAAe,kBAAkB,~~KAAK~~;~~IACtC~~;~~KACS~~"}
1	+ {"version":3,"file":"api-keys-page.js","names":[],"sources":["../../../../../src/components-page/account-settings/api-keys/api-keys-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 { Button } from \"@hexclave/ui\";\nimport { useState } from \"react\";\nimport { CreateApiKeyDialog, ShowApiKeyDialog } from \"../../../components/api-key-dialogs\";\nimport { ApiKeyTable } from \"../../../components/api-key-table\";\nimport { useUser } from \"../../../lib/hooks\";\nimport { ApiKey, ApiKeyCreationOptions } from \"../../../lib/hexclave-app/api-keys\";\nimport { useTranslation } from \"../../../lib/translations\";\nimport { PageLayout } from \"../page-layout\";\n\n\nexport function ApiKeysPage(props?: {\n mockApiKeys?: Array<{\n id: string,\n description: string,\n createdAt: string,\n expiresAt?: string,\n manuallyRevokedAt?: string,\n }>,\n mockMode?: boolean,\n}) {\n const { t } = useTranslation();\n\n // Check if we're in any kind of mock mode first\n const isInMockMode = !!(props?.mockApiKeys \|\| props?.mockMode);\n\n const userFromHook = useUser({ or: isInMockMode ? 'return-null' : 'redirect' });\n\n // In mock mode, we don't need a user - just show mock data\n if (isInMockMode && !userFromHook) {\n // This is expected in mock mode, continue with mock data\n }\n\n // Only return null if we're not in mock mode and don't have a user\n if (!isInMockMode && !userFromHook) {\n return null; // This shouldn't happen due to redirect, but just in case\n }\n\n // Use mock data if provided\n const mockApiKeysData = props?.mockApiKeys ? props.mockApiKeys.map(mockKey => ({\n id: mockKey.id,\n description: mockKey.description,\n createdAt: new Date(mockKey.createdAt),\n expiresAt: mockKey.expiresAt ? new Date(mockKey.expiresAt) : undefined,\n manuallyRevokedAt: mockKey.manuallyRevokedAt ? new Date(mockKey.manuallyRevokedAt) : null,\n value: {\n lastFour: mockKey.id.slice(-4).padStart(4, '0'), // Use last 4 chars of ID or pad with zeros\n },\n type: 'user' as const,\n userId: 'mock-user-id',\n update: async () => {\n console.log('Mock API key update called');\n },\n revoke: async () => {\n console.log('Mock API key revoke called');\n },\n isValid: () => {\n const now = new Date();\n const isExpired = mockKey.expiresAt ? new Date(mockKey.expiresAt) < now : false;\n const isRevoked = !!mockKey.manuallyRevokedAt;\n return !isExpired && !isRevoked;\n },\n whyInvalid: () => {\n const now = new Date();\n if (mockKey.manuallyRevokedAt) return 'manually-revoked';\n if (mockKey.expiresAt && new Date(mockKey.expiresAt) < now) return 'expired';\n return null;\n },\n })) : [\n {\n id: 'key-1',\n description: 'Development Key',\n createdAt: new Date(Date.now() - 172800000), // 2 days ago\n expiresAt: undefined,\n manuallyRevokedAt: null,\n value: {\n lastFour: 'ey-1'.slice(-4).padStart(4, '0'),\n },\n type: 'user' as const,\n userId: 'mock-user-id',\n update: async () => {\n console.log('Mock API key update called');\n },\n revoke: async () => {\n console.log('Mock API key revoke called');\n },\n isValid: () => true,\n whyInvalid: () => null,\n }\n ];\n\n // Determine which API keys to use\n let apiKeys: any[];\n if (isInMockMode) {\n apiKeys = mockApiKeysData;\n } else if (userFromHook) {\n apiKeys = userFromHook.useApiKeys();\n } else {\n apiKeys = [];\n }\n\n const [isNewApiKeyDialogOpen, setIsNewApiKeyDialogOpen] = useState(false);\n const [returnedApiKey, setReturnedApiKey] = useState<ApiKey<\"user\", true> \| null>(null);\n\n const CreateDialog = CreateApiKeyDialog<\"user\">;\n const ShowDialog = ShowApiKeyDialog<\"user\">;\n\n const handleCreateApiKey = async (data: ApiKeyCreationOptions<\"user\">) => {\n if (isInMockMode) {\n // Mock API key creation\n const mockApiKey = {\n id: `key-${Date.now()}`,\n description: data.description,\n createdAt: new Date().toISOString(),\n expiresAt: data.expiresAt?.toISOString(),\n value: 'sk_dev_mock_key_' + Math.random().toString(36).substring(2),\n update: async () => {\n console.log('Mock API key update called');\n },\n revoke: async () => {\n console.log('Mock API key revoke called');\n },\n isValid: () => true,\n whyInvalid: () => null,\n type: 'user' as const,\n userId: 'mock-user-id',\n };\n return mockApiKey as any;\n }\n\n if (!userFromHook) throw new Error('User not available');\n return await userFromHook.createApiKey(data);\n };\n\n return (\n <PageLayout>\n <Button onClick={() => setIsNewApiKeyDialogOpen(true)}>\n {t(\"Create API Key\")}\n </Button>\n <ApiKeyTable apiKeys={apiKeys} />\n <CreateDialog\n open={isNewApiKeyDialogOpen}\n onOpenChange={setIsNewApiKeyDialogOpen}\n onKeyCreated={setReturnedApiKey}\n createApiKey={handleCreateApiKey}\n mockMode={isInMockMode}\n />\n <ShowDialog\n apiKey={returnedApiKey}\n onClose={() => setReturnedApiKey(null)}\n />\n </PageLayout>\n );\n}\n"],"mappings":";;;;;;;;;AAcA,SAAgB,YAAY,OASzB;CACD,MAAM,EAAE,MAAM,eAAe;CAG7B,MAAM,eAAe,CAAC,EAAE,OAAO,eAAe,OAAO;CAErD,MAAM,eAAe,QAAQ,EAAE,IAAI,eAAe,gBAAgB,WAAW,CAAC;CAG9E,IAAI,gBAAgB,CAAC,cAAc,CAEnC;CAGA,IAAI,CAAC,gBAAgB,CAAC,cACpB,OAAO;CAIT,MAAM,kBAAkB,OAAO,cAAc,MAAM,YAAY,KAAI,aAAY;EAC7E,IAAI,QAAQ;EACZ,aAAa,QAAQ;EACrB,WAAW,IAAI,KAAK,QAAQ,SAAS;EACrC,WAAW,QAAQ,YAAY,IAAI,KAAK,QAAQ,SAAS,IAAI,KAAA;EAC7D,mBAAmB,QAAQ,oBAAoB,IAAI,KAAK,QAAQ,iBAAiB,IAAI;EACrF,OAAO,EACL,UAAU,QAAQ,GAAG,MAAM,EAAE,CAAC,CAAC,SAAS,GAAG,GAAG,EAChD;EACA,MAAM;EACN,QAAQ;EACR,QAAQ,YAAY;GAClB,QAAQ,IAAI,4BAA4B;EAC1C;EACA,QAAQ,YAAY;GAClB,QAAQ,IAAI,4BAA4B;EAC1C;EACA,eAAe;GACb,MAAM,sBAAM,IAAI,KAAK;GACrB,MAAM,YAAY,QAAQ,YAAY,IAAI,KAAK,QAAQ,SAAS,IAAI,MAAM;GAC1E,MAAM,YAAY,CAAC,CAAC,QAAQ;GAC5B,OAAO,CAAC,aAAa,CAAC;EACxB;EACA,kBAAkB;GAChB,MAAM,sBAAM,IAAI,KAAK;GACrB,IAAI,QAAQ,mBAAmB,OAAO;GACtC,IAAI,QAAQ,aAAa,IAAI,KAAK,QAAQ,SAAS,IAAI,KAAK,OAAO;GACnE,OAAO;EACT;CACF,EAAE,IAAI,CACJ;EACE,IAAI;EACJ,aAAa;EACb,2BAAW,IAAI,KAAK,KAAK,IAAI,IAAI,MAAS;EAC1C,WAAW,KAAA;EACX,mBAAmB;EACnB,OAAO,EACL,UAAU,OAAO,MAAM,EAAE,CAAC,CAAC,SAAS,GAAG,GAAG,EAC5C;EACA,MAAM;EACN,QAAQ;EACR,QAAQ,YAAY;GAClB,QAAQ,IAAI,4BAA4B;EAC1C;EACA,QAAQ,YAAY;GAClB,QAAQ,IAAI,4BAA4B;EAC1C;EACA,eAAe;EACf,kBAAkB;CACpB,CACF;CAGA,IAAI;CACJ,IAAI,cACF,UAAU;MACL,IAAI,cACT,UAAU,aAAa,WAAW;MAElC,UAAU,CAAC;CAGb,MAAM,CAAC,uBAAuB,4BAA4B,SAAS,KAAK;CACxE,MAAM,CAAC,gBAAgB,qBAAqB,SAAsC,IAAI;CAEtF,MAAM,eAAe;CACrB,MAAM,aAAa;CAEnB,MAAM,qBAAqB,OAAO,SAAwC;EACxE,IAAI,cAmBF,OAAO;GAhBL,IAAI,OAAO,KAAK,IAAI;GACpB,aAAa,KAAK;GAClB,4BAAW,IAAI,KAAK,EAAA,CAAE,YAAY;GAClC,WAAW,KAAK,WAAW,YAAY;GACvC,OAAO,qBAAqB,KAAK,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC;GAClE,QAAQ,YAAY;IAClB,QAAQ,IAAI,4BAA4B;GAC1C;GACA,QAAQ,YAAY;IAClB,QAAQ,IAAI,4BAA4B;GAC1C;GACA,eAAe;GACf,kBAAkB;GAClB,MAAM;GACN,QAAQ;EAEM;EAGlB,IAAI,CAAC,cAAc,MAAM,IAAI,MAAM,oBAAoB;EACvD,OAAO,MAAM,aAAa,aAAa,IAAI;CAC7C;CAEA,OACE,qBAAC,YAAD,EAAA,UAAA;EACE,oBAAC,QAAD;GAAQ,eAAe,yBAAyB,IAAI;aACjD,EAAE,gBAAgB;EACb,CAAA;EACR,oBAAC,aAAD,EAAsB,QAAU,CAAA;EAChC,oBAAC,cAAD;GACE,MAAM;GACN,cAAc;GACd,cAAc;GACd,cAAc;GACd,UAAU;EACX,CAAA;EACD,oBAAC,YAAD;GACE,QAAQ;GACR,eAAe,kBAAkB,IAAI;EACtC,CAAA;CACS,EAAA,CAAA;AAEhB"}

package/dist/esm/components-page/account-settings/editable-text.d.ts CHANGED Viewed

@@ -1,10 +1,8 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/components-page/account-settings/editable-text.d.ts
 declare function EditableText(props: {
   value: string;
   onSave?: (value: string) => void | Promise<void>;
-}): react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { EditableText };
 //# sourceMappingURL=editable-text.d.ts.map

package/dist/esm/components-page/account-settings/editable-text.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"editable-text.d.ts","names":[],"sources":["../../../../src/components-page/account-settings/editable-text.tsx"],"mappings":"~~;;;~~iBAUgB,YAAA,CAAa,KAAA;EAAS,KAAA;EAAe,MAAA,IAAU,KAAA,oBAAyB,~~OAAA~~;AAAA,~~IAAe~~,~~kBAAA,CAAA,~~GAAA,CAAA,OAAA"}
1	+ {"version":3,"file":"editable-text.d.ts","names":[],"sources":["../../../../src/components-page/account-settings/editable-text.tsx"],"mappings":";iBAUgB,YAAA,CAAa,KAAA;EAAS,KAAA;EAAe,MAAA,IAAU,KAAA,oBAAyB,OAAO;AAAA,gCAAQ,GAAA,CAAA,OAAA"}

package/dist/esm/components-page/account-settings/editable-text.js CHANGED Viewed

@@ -3,7 +3,6 @@ import { useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Edit } from "lucide-react";
 import { useTranslation } from "../../lib/translations.js";
 //#region src/components-page/account-settings/editable-text.tsx
 function EditableText(props) {
 	const [editing, setEditing] = useState(false);
@@ -41,7 +40,7 @@ function EditableText(props) {
 		})] })
 	});
 }
 //#endregion
 export { EditableText };
 //# sourceMappingURL=editable-text.js.map

package/dist/esm/components-page/account-settings/editable-text.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"editable-text.js","names":[],"sources":["../../../../src/components-page/account-settings/editable-text.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 { Button, Input, Typography } from \"@hexclave/ui\";\nimport { Edit } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { useTranslation } from \"../../lib/translations\";\n\n\nexport function EditableText(props: { value: string, onSave?: (value: string) => void \| Promise<void> }) {\n const [editing, setEditing] = useState(false);\n const [editingValue, setEditingValue] = useState(props.value);\n const { t } = useTranslation();\n\n return (\n <div className='flex items-center gap-2'>\n {editing ? (\n <>\n <Input\n value={editingValue}\n onChange={(e) => setEditingValue(e.target.value)}\n />\n <Button\n size='sm'\n onClick={async () => {\n await props.onSave?.(editingValue);\n setEditing(false);\n }}\n >\n {t(\"Save\")}\n </Button>\n <Button\n size='sm'\n variant='secondary'\n onClick={() => {\n setEditingValue(props.value);\n setEditing(false);\n }}>\n {t(\"Cancel\")}\n </Button>\n </>\n ) : (\n <>\n <Typography>{props.value}</Typography>\n <Button onClick={() => setEditing(true)} size='icon' variant='ghost'>\n <Edit className=\"w-4 h-4\" />\n </Button>\n </>\n )}\n </div>\n );\n}\n"],"mappings":"~~;;;;;;;~~AAUA,SAAgB,aAAa,OAA4E;CACvG,MAAM,CAAC,SAAS,cAAc,SAAS,~~MAAM~~;~~CAC7C~~,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM,~~MAAM~~;~~CAC7D~~,MAAM,EAAE,MAAM,~~gBAAgB~~;~~AAE9B~~,~~QACE~~,oBAAC;~~EAAI~~,WAAU;YACZ,UACC;GACE,oBAAC;~~IACC~~,OAAO;IACP,WAAW,MAAM,gBAAgB,EAAE,OAAO,~~MAAM~~;~~KAChD~~;~~GACF~~,oBAAC;~~IACC~~,MAAK;IACL,SAAS,YAAY;~~AACnB~~,~~WAAM~~,MAAM,SAAS,~~aAAa~~;~~AAClC~~,~~gBAAW~~,~~MAAM;;cAGlB~~,EAAE,~~OAAO~~;~~KACH~~;~~GACT~~,oBAAC;~~IACC~~,MAAK;IACL,SAAQ;IACR,eAAe;~~AACb~~,~~qBAAgB~~,MAAM,~~MAAM~~;~~AAC5B~~,~~gBAAW~~,~~MAAM;;cAElB~~,EAAE,~~SAAS~~;~~KACL~~;~~MACR~~,~~GAEH~~,~~4CACE~~,oBAAC,~~wBAAY~~,MAAM,~~QAAmB~~,~~EACtC~~,oBAAC;~~GAAO~~,eAAe,WAAW,~~KAAK~~;~~GAAE~~,MAAK;GAAO,SAAQ;aAC3D,oBAAC,~~QAAK~~,WAAU,~~YAAY~~;~~IACrB~~,~~IACR~~;~~GAED~~"}
1	+ {"version":3,"file":"editable-text.js","names":[],"sources":["../../../../src/components-page/account-settings/editable-text.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 { Button, Input, Typography } from \"@hexclave/ui\";\nimport { Edit } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { useTranslation } from \"../../lib/translations\";\n\n\nexport function EditableText(props: { value: string, onSave?: (value: string) => void \| Promise<void> }) {\n const [editing, setEditing] = useState(false);\n const [editingValue, setEditingValue] = useState(props.value);\n const { t } = useTranslation();\n\n return (\n <div className='flex items-center gap-2'>\n {editing ? (\n <>\n <Input\n value={editingValue}\n onChange={(e) => setEditingValue(e.target.value)}\n />\n <Button\n size='sm'\n onClick={async () => {\n await props.onSave?.(editingValue);\n setEditing(false);\n }}\n >\n {t(\"Save\")}\n </Button>\n <Button\n size='sm'\n variant='secondary'\n onClick={() => {\n setEditingValue(props.value);\n setEditing(false);\n }}>\n {t(\"Cancel\")}\n </Button>\n </>\n ) : (\n <>\n <Typography>{props.value}</Typography>\n <Button onClick={() => setEditing(true)} size='icon' variant='ghost'>\n <Edit className=\"w-4 h-4\" />\n </Button>\n </>\n )}\n </div>\n );\n}\n"],"mappings":";;;;;;AAUA,SAAgB,aAAa,OAA4E;CACvG,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAC5C,MAAM,CAAC,cAAc,mBAAmB,SAAS,MAAM,KAAK;CAC5D,MAAM,EAAE,MAAM,eAAe;CAE7B,OACE,oBAAC,OAAD;EAAK,WAAU;YACZ,UACC,qBAAA,UAAA,EAAA,UAAA;GACE,oBAAC,OAAD;IACE,OAAO;IACP,WAAW,MAAM,gBAAgB,EAAE,OAAO,KAAK;GAChD,CAAA;GACD,oBAAC,QAAD;IACE,MAAK;IACL,SAAS,YAAY;KACnB,MAAM,MAAM,SAAS,YAAY;KACjC,WAAW,KAAK;IAClB;cAEC,EAAE,MAAM;GACH,CAAA;GACR,oBAAC,QAAD;IACE,MAAK;IACL,SAAQ;IACR,eAAe;KACb,gBAAgB,MAAM,KAAK;KAC3B,WAAW,KAAK;IAClB;cACC,EAAE,QAAQ;GACL,CAAA;EACR,EAAA,CAAA,IAEF,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,YAAD,EAAA,UAAa,MAAM,MAAkB,CAAA,GACrC,oBAAC,QAAD;GAAQ,eAAe,WAAW,IAAI;GAAG,MAAK;GAAO,SAAQ;aAC3D,oBAAC,MAAD,EAAM,WAAU,UAAW,CAAA;EACrB,CAAA,CACR,EAAA,CAAA;CAED,CAAA;AAET"}

package/dist/esm/components-page/account-settings/email-and-auth/email-and-auth-page.d.ts CHANGED Viewed

@@ -1,9 +1,7 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/components-page/account-settings/email-and-auth/email-and-auth-page.d.ts
 declare function EmailsAndAuthPage(props?: {
   mockMode?: boolean;
-}): react_jsx_runtime0.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { EmailsAndAuthPage };
 //# sourceMappingURL=email-and-auth-page.d.ts.map

package/dist/esm/components-page/account-settings/email-and-auth/email-and-auth-page.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"email-and-auth-page.d.ts","names":[],"sources":["../../../../../src/components-page/account-settings/email-and-auth/email-and-auth-page.tsx"],"mappings":"~~;;;~~iBAWgB,iBAAA,CAAkB,KAAA;EAChC,QAAA;AAAA,~~IACD~~,~~kBAAA,CAAA,~~GAAA,CAAA,OAAA"}
1	+ {"version":3,"file":"email-and-auth-page.d.ts","names":[],"sources":["../../../../../src/components-page/account-settings/email-and-auth/email-and-auth-page.tsx"],"mappings":";iBAWgB,iBAAA,CAAkB,KAAA;EAChC,QAAA;AAAA,gCACD,GAAA,CAAA,OAAA"}

package/dist/esm/components-page/account-settings/email-and-auth/email-and-auth-page.js CHANGED Viewed

@@ -5,7 +5,6 @@ import { MfaSection } from "./mfa-section.js";
 import { OtpSection } from "./otp-section.js";
 import { PasskeySection } from "./passkey-section.js";
 import { PasswordSection } from "./password-section.js";
 //#region src/components-page/account-settings/email-and-auth/email-and-auth-page.tsx
 function EmailsAndAuthPage(props) {
 	return /* @__PURE__ */ jsxs(PageLayout, { children: [
@@ -16,7 +15,7 @@ function EmailsAndAuthPage(props) {
 		/* @__PURE__ */ jsx(MfaSection, { mockMode: props?.mockMode })
 	] });
 }
 //#endregion
 export { EmailsAndAuthPage };
 //# sourceMappingURL=email-and-auth-page.js.map

package/dist/esm/components-page/account-settings/email-and-auth/email-and-auth-page.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"email-and-auth-page.js","names":[],"sources":["../../../../../src/components-page/account-settings/email-and-auth/email-and-auth-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 { PageLayout } from \"../page-layout\";\nimport { EmailsSection } from \"./emails-section\";\nimport { MfaSection } from \"./mfa-section\";\nimport { OtpSection } from \"./otp-section\";\nimport { PasskeySection } from \"./passkey-section\";\nimport { PasswordSection } from \"./password-section\";\n\nexport function EmailsAndAuthPage(props?: {\n mockMode?: boolean,\n}) {\n return (\n <PageLayout>\n <EmailsSection mockMode={props?.mockMode}/>\n <PasswordSection mockMode={props?.mockMode} />\n <PasskeySection mockMode={props?.mockMode} />\n <OtpSection mockMode={props?.mockMode} />\n <MfaSection mockMode={props?.mockMode} />\n </PageLayout>\n );\n}\n"],"mappings":"~~;;;;;;;;;~~AAWA,SAAgB,kBAAkB,OAE/B;~~AACD~~,~~QACE~~,qBAAC;~~EACC~~,oBAAC,~~iBAAc~~,UAAU,OAAO,~~WAAW~~;~~EAC3C~~,oBAAC,~~mBAAgB~~,UAAU,OAAO,~~WAAY~~;~~EAC9C~~,oBAAC,~~kBAAe~~,UAAU,OAAO,~~WAAY~~;~~EAC7C~~,oBAAC,~~cAAW~~,UAAU,OAAO,~~WAAY~~;~~EACzC~~,oBAAC,~~cAAW~~,UAAU,OAAO,~~WAAY~~;~~KAC9B~~"}
1	+ {"version":3,"file":"email-and-auth-page.js","names":[],"sources":["../../../../../src/components-page/account-settings/email-and-auth/email-and-auth-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 { PageLayout } from \"../page-layout\";\nimport { EmailsSection } from \"./emails-section\";\nimport { MfaSection } from \"./mfa-section\";\nimport { OtpSection } from \"./otp-section\";\nimport { PasskeySection } from \"./passkey-section\";\nimport { PasswordSection } from \"./password-section\";\n\nexport function EmailsAndAuthPage(props?: {\n mockMode?: boolean,\n}) {\n return (\n <PageLayout>\n <EmailsSection mockMode={props?.mockMode}/>\n <PasswordSection mockMode={props?.mockMode} />\n <PasskeySection mockMode={props?.mockMode} />\n <OtpSection mockMode={props?.mockMode} />\n <MfaSection mockMode={props?.mockMode} />\n </PageLayout>\n );\n}\n"],"mappings":";;;;;;;;AAWA,SAAgB,kBAAkB,OAE/B;CACD,OACE,qBAAC,YAAD,EAAA,UAAA;EACE,oBAAC,eAAD,EAAe,UAAU,OAAO,SAAU,CAAA;EAC1C,oBAAC,iBAAD,EAAiB,UAAU,OAAO,SAAW,CAAA;EAC7C,oBAAC,gBAAD,EAAgB,UAAU,OAAO,SAAW,CAAA;EAC5C,oBAAC,YAAD,EAAY,UAAU,OAAO,SAAW,CAAA;EACxC,oBAAC,YAAD,EAAY,UAAU,OAAO,SAAW,CAAA;CAC9B,EAAA,CAAA;AAEhB"}

package/dist/esm/components-page/account-settings/email-and-auth/emails-section.d.ts CHANGED Viewed

@@ -1,9 +1,7 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/components-page/account-settings/email-and-auth/emails-section.d.ts
 declare function EmailsSection(props?: {
   mockMode?: boolean;
-}): react_jsx_runtime0.JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 export { EmailsSection };
 //# sourceMappingURL=emails-section.d.ts.map

package/dist/esm/components-page/account-settings/email-and-auth/emails-section.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"emails-section.d.ts","names":[],"sources":["../../../../../src/components-page/account-settings/email-and-auth/emails-section.tsx"],"mappings":"~~;;;~~iBAgBgB,aAAA,CAAc,KAAA;EAC5B,QAAA;AAAA,~~IACD~~,~~kBAAA,CAAA,~~GAAA,CAAA,OAAA"}
1	+ {"version":3,"file":"emails-section.d.ts","names":[],"sources":["../../../../../src/components-page/account-settings/email-and-auth/emails-section.tsx"],"mappings":";iBAgBgB,aAAA,CAAc,KAAA;EAC5B,QAAA;AAAA,gCACD,GAAA,CAAA,OAAA"}

package/dist/esm/components-page/account-settings/email-and-auth/emails-section.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { strictEmailSchema, yupObject } from "@hexclave/shared/dist/schema-fields";
+import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
 import { ActionCell, Badge, Button, Input, Table, TableBody, TableCell, TableRow, Typography } from "@hexclave/ui";
 import { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";
@@ -9,7 +9,6 @@ import { useUser } from "../../../lib/hooks.js";
 import { useTranslation } from "../../../lib/translations.js";
 import { KnownErrors } from "@hexclave/shared/dist/known-errors";
 import { FormWarningText } from "../../../components/elements/form-warning.js";
 //#region src/components-page/account-settings/email-and-auth/emails-section.tsx
 function EmailsSection(props) {
 	const { t } = useTranslation();
@@ -173,7 +172,7 @@ function EmailsSection(props) {
 		})] }, x.id)) }) })
 	}) : null] });
 }
 //#endregion
 export { EmailsSection };
 //# sourceMappingURL=emails-section.js.map

package/dist/esm/components-page/account-settings/email-and-auth/emails-section.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"emails-section.js","names":[],"sources":["../../../../../src/components-page/account-settings/email-and-auth/emails-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { KnownErrors } from \"@hexclave/shared/dist/known-errors\";\nimport { strictEmailSchema, yupObject } from \"@hexclave/shared/dist/schema-fields\";\nimport { runAsynchronously } from \"@hexclave/shared/dist/utils/promises\";\nimport { ActionCell, Badge, Button, Input, Table, TableBody, TableCell, TableRow, Typography } from \"@hexclave/ui\";\nimport { useEffect, useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { FormWarningText } from \"../../../components/elements/form-warning\";\nimport { useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\n\nexport function EmailsSection(props?: {\n mockMode?: boolean,\n}) {\n const { t } = useTranslation();\n const user = useUser({ or: props?.mockMode ? 'return-null' : 'redirect' });\n\n // In mock mode, show a placeholder message\n if (props?.mockMode && !user) {\n return (\n <div>\n <div className='flex flex-col md:flex-row justify-between mb-4 gap-4'>\n <Typography className='font-medium'>{t(\"Emails\")}</Typography>\n </div>\n <Typography variant='secondary'>{t(\"Email management is not available in demo mode.\")}</Typography>\n </div>\n );\n }\n\n if (!user) {\n return null; // This shouldn't happen in non-mock mode due to redirect\n }\n\n const contactChannels = user.useContactChannels();\n const [addingEmail, setAddingEmail] = useState(contactChannels.length === 0);\n const [addingEmailLoading, setAddingEmailLoading] = useState(false);\n const [addedEmail, setAddedEmail] = useState<string \| null>(null);\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n const isLastEmailUsedForAuth = contactChannels.filter(x => x.usedForAuth && x.type === 'email').length === 1;\n\n useEffect(() => {\n if (addedEmail) {\n runAsynchronously(async () => {\n const cc = contactChannels.find(x => x.value === addedEmail);\n if (cc && !cc.isVerified) {\n await cc.sendVerificationEmail();\n }\n setAddedEmail(null);\n });\n }\n }, [contactChannels, addedEmail]);\n\n const emailSchema = yupObject({\n email: strictEmailSchema(t('Please enter a valid email address'))\n .notOneOf(contactChannels.map(x => x.value), t('Email already exists'))\n .defined()\n .nonEmpty(t('Email is required')),\n });\n\n const { register, handleSubmit, formState: { errors }, reset } = useForm({\n resolver: yupResolver(emailSchema)\n });\n\n const onSubmit = async (data: yup.InferType<typeof emailSchema>) => {\n setAddingEmailLoading(true);\n try {\n await user.createContactChannel({ type: 'email', value: data.email, usedForAuth: false });\n setAddedEmail(data.email);\n } finally {\n setAddingEmailLoading(false);\n }\n setAddingEmail(false);\n reset();\n };\n\n return (\n <div>\n <div className='flex flex-col md:flex-row justify-between mb-4 gap-4'>\n <Typography className='font-medium'>{t(\"Emails\")}</Typography>\n {addingEmail ? (\n <form\n onSubmit={(e) => {\n e.preventDefault();\n runAsynchronously(handleSubmit(onSubmit));\n }}\n className='flex flex-col'\n >\n <div className='flex gap-2'>\n <Input\n {...register(\"email\")}\n placeholder={t(\"Enter email\")}\n />\n <Button type=\"submit\" loading={addingEmailLoading}>\n {t(\"Add\")}\n </Button>\n <Button\n variant='secondary'\n onClick={() => {\n setAddingEmail(false);\n reset();\n }}\n >\n {t(\"Cancel\")}\n </Button>\n </div>\n {errors.email && <FormWarningText text={errors.email.message} />}\n </form>\n ) : (\n <div className='flex md:justify-end'>\n <Button variant='secondary' onClick={() => setAddingEmail(true)}>{t(\"Add an email\")}</Button>\n </div>\n )}\n </div>\n\n {contactChannels.length > 0 ? (\n <div className='border rounded-md'>\n <Table>\n <TableBody>\n {/eslint-disable-next-line @typescript-eslint/no-unnecessary-condition/}\n {contactChannels.filter(x => x.type === 'email')\n .sort((a, b) => {\n if (a.isPrimary !== b.isPrimary) return a.isPrimary ? -1 : 1;\n if (a.isVerified !== b.isVerified) return a.isVerified ? -1 : 1;\n return 0;\n })\n .map(x => (\n <TableRow key={x.id}>\n <TableCell>\n <div className='flex flex-col md:flex-row gap-2 md:gap-4'>\n {x.value}\n <div className='flex gap-2'>\n {x.isPrimary ? <Badge>{t(\"Primary\")}</Badge> : null}\n {!x.isVerified ? <Badge variant='destructive'>{t(\"Unverified\")}</Badge> : null}\n {x.usedForAuth ? <Badge variant='outline'>{t(\"Used for sign-in\")}</Badge> : null}\n </div>\n </div>\n </TableCell>\n <TableCell className=\"flex justify-end\">\n <ActionCell items={[\n ...(!x.isVerified ? [{\n item: t(\"Send verification email\"),\n onClick: async () => { await x.sendVerificationEmail(); },\n }] : []),\n ...(!x.isPrimary && x.isVerified ? [{\n item: t(\"Set as primary\"),\n onClick: async () => { await x.update({ isPrimary: true }); },\n }] :\n !x.isPrimary ? [{\n item: t(\"Set as primary\"),\n onClick: async () => {},\n disabled: true,\n disabledTooltip: t(\"Please verify your email first\"),\n }] : []),\n ...(!x.usedForAuth && x.isVerified ? [{\n item: t(\"Use for sign-in\"),\n onClick: async () => {\n try {\n await x.update({ usedForAuth: true });\n } catch (e) {\n if (KnownErrors.ContactChannelAlreadyUsedForAuthBySomeoneElse.isInstance(e)) {\n alert(t(\"This email is already used for sign-in by another user.\"));\n }\n }\n }\n }] : []),\n ...(x.usedForAuth && !isLastEmailUsedForAuth ? [{\n item: t(\"Stop using for sign-in\"),\n onClick: async () => { await x.update({ usedForAuth: false }); },\n }] : x.usedForAuth ? [{\n item: t(\"Stop using for sign-in\"),\n onClick: async () => {},\n disabled: true,\n disabledTooltip: t(\"You can not remove your last sign-in email\"),\n }] : []),\n // Determine if this email can be removed\n ...(!isLastEmailUsedForAuth \|\| !x.usedForAuth ? [{\n item: t(\"Remove\"),\n onClick: async () => { await x.delete(); },\n danger: true,\n }] : [{\n item: t(\"Remove\"),\n onClick: async () => {},\n disabled: true,\n disabledTooltip: t(\"You can not remove your last sign-in email\"),\n }]),\n ]}/>\n </TableCell>\n </TableRow>\n ))}\n </TableBody>\n </Table>\n </div>\n ) : null}\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"emails-section.js","names":[],"sources":["../../../../../src/components-page/account-settings/email-and-auth/emails-section.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { KnownErrors } from \"@hexclave/shared/dist/known-errors\";\nimport { strictEmailSchema, yupObject } from \"@hexclave/shared/dist/schema-fields\";\nimport { runAsynchronously } from \"@hexclave/shared/dist/utils/promises\";\nimport { ActionCell, Badge, Button, Input, Table, TableBody, TableCell, TableRow, Typography } from \"@hexclave/ui\";\nimport { useEffect, useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { FormWarningText } from \"../../../components/elements/form-warning\";\nimport { useUser } from \"../../../lib/hooks\";\nimport { useTranslation } from \"../../../lib/translations\";\n\nexport function EmailsSection(props?: {\n mockMode?: boolean,\n}) {\n const { t } = useTranslation();\n const user = useUser({ or: props?.mockMode ? 'return-null' : 'redirect' });\n\n // In mock mode, show a placeholder message\n if (props?.mockMode && !user) {\n return (\n <div>\n <div className='flex flex-col md:flex-row justify-between mb-4 gap-4'>\n <Typography className='font-medium'>{t(\"Emails\")}</Typography>\n </div>\n <Typography variant='secondary'>{t(\"Email management is not available in demo mode.\")}</Typography>\n </div>\n );\n }\n\n if (!user) {\n return null; // This shouldn't happen in non-mock mode due to redirect\n }\n\n const contactChannels = user.useContactChannels();\n const [addingEmail, setAddingEmail] = useState(contactChannels.length === 0);\n const [addingEmailLoading, setAddingEmailLoading] = useState(false);\n const [addedEmail, setAddedEmail] = useState<string \| null>(null);\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n const isLastEmailUsedForAuth = contactChannels.filter(x => x.usedForAuth && x.type === 'email').length === 1;\n\n useEffect(() => {\n if (addedEmail) {\n runAsynchronously(async () => {\n const cc = contactChannels.find(x => x.value === addedEmail);\n if (cc && !cc.isVerified) {\n await cc.sendVerificationEmail();\n }\n setAddedEmail(null);\n });\n }\n }, [contactChannels, addedEmail]);\n\n const emailSchema = yupObject({\n email: strictEmailSchema(t('Please enter a valid email address'))\n .notOneOf(contactChannels.map(x => x.value), t('Email already exists'))\n .defined()\n .nonEmpty(t('Email is required')),\n });\n\n const { register, handleSubmit, formState: { errors }, reset } = useForm({\n resolver: yupResolver(emailSchema)\n });\n\n const onSubmit = async (data: yup.InferType<typeof emailSchema>) => {\n setAddingEmailLoading(true);\n try {\n await user.createContactChannel({ type: 'email', value: data.email, usedForAuth: false });\n setAddedEmail(data.email);\n } finally {\n setAddingEmailLoading(false);\n }\n setAddingEmail(false);\n reset();\n };\n\n return (\n <div>\n <div className='flex flex-col md:flex-row justify-between mb-4 gap-4'>\n <Typography className='font-medium'>{t(\"Emails\")}</Typography>\n {addingEmail ? (\n <form\n onSubmit={(e) => {\n e.preventDefault();\n runAsynchronously(handleSubmit(onSubmit));\n }}\n className='flex flex-col'\n >\n <div className='flex gap-2'>\n <Input\n {...register(\"email\")}\n placeholder={t(\"Enter email\")}\n />\n <Button type=\"submit\" loading={addingEmailLoading}>\n {t(\"Add\")}\n </Button>\n <Button\n variant='secondary'\n onClick={() => {\n setAddingEmail(false);\n reset();\n }}\n >\n {t(\"Cancel\")}\n </Button>\n </div>\n {errors.email && <FormWarningText text={errors.email.message} />}\n </form>\n ) : (\n <div className='flex md:justify-end'>\n <Button variant='secondary' onClick={() => setAddingEmail(true)}>{t(\"Add an email\")}</Button>\n </div>\n )}\n </div>\n\n {contactChannels.length > 0 ? (\n <div className='border rounded-md'>\n <Table>\n <TableBody>\n {/eslint-disable-next-line @typescript-eslint/no-unnecessary-condition/}\n {contactChannels.filter(x => x.type === 'email')\n .sort((a, b) => {\n if (a.isPrimary !== b.isPrimary) return a.isPrimary ? -1 : 1;\n if (a.isVerified !== b.isVerified) return a.isVerified ? -1 : 1;\n return 0;\n })\n .map(x => (\n <TableRow key={x.id}>\n <TableCell>\n <div className='flex flex-col md:flex-row gap-2 md:gap-4'>\n {x.value}\n <div className='flex gap-2'>\n {x.isPrimary ? <Badge>{t(\"Primary\")}</Badge> : null}\n {!x.isVerified ? <Badge variant='destructive'>{t(\"Unverified\")}</Badge> : null}\n {x.usedForAuth ? <Badge variant='outline'>{t(\"Used for sign-in\")}</Badge> : null}\n </div>\n </div>\n </TableCell>\n <TableCell className=\"flex justify-end\">\n <ActionCell items={[\n ...(!x.isVerified ? [{\n item: t(\"Send verification email\"),\n onClick: async () => { await x.sendVerificationEmail(); },\n }] : []),\n ...(!x.isPrimary && x.isVerified ? [{\n item: t(\"Set as primary\"),\n onClick: async () => { await x.update({ isPrimary: true }); },\n }] :\n !x.isPrimary ? [{\n item: t(\"Set as primary\"),\n onClick: async () => {},\n disabled: true,\n disabledTooltip: t(\"Please verify your email first\"),\n }] : []),\n ...(!x.usedForAuth && x.isVerified ? [{\n item: t(\"Use for sign-in\"),\n onClick: async () => {\n try {\n await x.update({ usedForAuth: true });\n } catch (e) {\n if (KnownErrors.ContactChannelAlreadyUsedForAuthBySomeoneElse.isInstance(e)) {\n alert(t(\"This email is already used for sign-in by another user.\"));\n }\n }\n }\n }] : []),\n ...(x.usedForAuth && !isLastEmailUsedForAuth ? [{\n item: t(\"Stop using for sign-in\"),\n onClick: async () => { await x.update({ usedForAuth: false }); },\n }] : x.usedForAuth ? [{\n item: t(\"Stop using for sign-in\"),\n onClick: async () => {},\n disabled: true,\n disabledTooltip: t(\"You can not remove your last sign-in email\"),\n }] : []),\n // Determine if this email can be removed\n ...(!isLastEmailUsedForAuth \|\| !x.usedForAuth ? [{\n item: t(\"Remove\"),\n onClick: async () => { await x.delete(); },\n danger: true,\n }] : [{\n item: t(\"Remove\"),\n onClick: async () => {},\n disabled: true,\n disabledTooltip: t(\"You can not remove your last sign-in email\"),\n }]),\n ]}/>\n </TableCell>\n </TableRow>\n ))}\n </TableBody>\n </Table>\n </div>\n ) : null}\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/esm/components-page/account-settings/email-and-auth/mfa-section.d.ts CHANGED Viewed

@@ -1,9 +1,7 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/components-page/account-settings/email-and-auth/mfa-section.d.ts
 declare function MfaSection(props?: {
   mockMode?: boolean;
-}): react_jsx_runtime0.JSX.Element | null;
+}): import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 export { MfaSection };
 //# sourceMappingURL=mfa-section.d.ts.map

package/dist/esm/components-page/account-settings/email-and-auth/mfa-section.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mfa-section.d.ts","names":[],"sources":["../../../../../src/components-page/account-settings/email-and-auth/mfa-section.tsx"],"mappings":"~~;;;~~iBAiBgB,UAAA,CAAW,KAAA;EACzB,QAAA;AAAA,~~IACD~~,~~kBAAA,CAAA,~~GAAA,CAAA,OAAA"}
1	+ {"version":3,"file":"mfa-section.d.ts","names":[],"sources":["../../../../../src/components-page/account-settings/email-and-auth/mfa-section.tsx"],"mappings":";iBAiBgB,UAAA,CAAW,KAAA;EACzB,QAAA;AAAA,gCACD,GAAA,CAAA,OAAA"}

package/dist/esm/components-page/account-settings/email-and-auth/mfa-section.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { throwErr } from "@hexclave/shared/dist/utils/errors";
+import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
 import { Button, Input, Typography } from "@hexclave/ui";
 import { useEffect, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -10,7 +10,6 @@ import { useAsyncCallback } from "@hexclave/shared/dist/hooks/use-async-callback
 import { generateRandomValues } from "@hexclave/shared/dist/utils/crypto";
 import * as QRCode from "qrcode";
 import { Section } from "../section.js";
 //#region src/components-page/account-settings/email-and-auth/mfa-section.tsx
 function MfaSection(props) {
 	const { t } = useTranslation();
@@ -98,7 +97,7 @@ function MfaSection(props) {
 				}) : !generatedSecret && /* @__PURE__ */ jsx(Button, {
 					variant: "secondary",
 					onClick: async () => {
-						const secret = generateRandomValues(new Uint8Array(20));
+						const secret = generateRandomValues(/* @__PURE__ */ new Uint8Array(20));
 						setQrCodeUrl(await generateTotpQrCode(project, user, secret));
 						setGeneratedSecret(secret);
 					},
@@ -112,7 +111,7 @@ async function generateTotpQrCode(project, user, secret) {
 	const uri = createTOTPKeyURI(project.displayName, user.primaryEmail ?? user.id, secret, 30, 6);
 	return await QRCode.toDataURL(uri);
 }
 //#endregion
 export { MfaSection };
 //# sourceMappingURL=mfa-section.js.map