@hexclave/next 1.0.3 → 1.0.6

package/dist/esm/components-page/password-reset.js

@@ -14,10 +14,10 @@ import { getPasswordError } from "@hexclave/shared/dist/helpers/password";
 import * as yup from "yup";
 import { KnownErrors } from "@hexclave/shared";
 import { MaybeFullPage } from "../components/elements/maybe-full-page.js";
-import { PredefinedMessageCard } from "../components/message-cards/predefined-message-card.js";
+import { use } from "@hexclave/shared/dist/utils/react";
 import { MessageCard as MessageCard$1 } from "../components/message-cards/message-card.js";
+import { PredefinedMessageCard } from "../components/message-cards/predefined-message-card.js";
 import { cacheFunction } from "@hexclave/shared/dist/utils/caches";
-import { use } from "@hexclave/shared/dist/utils/react";
 
 //#region src/components-page/password-reset.tsx
 function PasswordResetForm(props) {
@@ -33,7 +33,7 @@ function PasswordResetForm(props) {
 		}),
 		passwordRepeat: yupString().nullable().oneOf([yup.ref("password"), null], t("Passwords do not match")).defined().nonEmpty(t("Please repeat your password"))
 	})) });
-	const stackApp = useStackApp();
+	const hexclaveApp = useStackApp();
 	const [finished, setFinished] = useState(false);
 	const [resetError, setResetError] = useState(false);
 	const [loading, setLoading] = useState(false);
@@ -41,7 +41,7 @@ function PasswordResetForm(props) {
 		setLoading(true);
 		try {
 			const { password } = data;
-			if ((await stackApp.resetPassword({
+			if ((await hexclaveApp.resetPassword({
 				password,
 				code: props.code
 			})).status === "error") {
@@ -118,12 +118,12 @@ function PasswordResetForm(props) {
 		})
 	});
 }
-const cachedVerifyPasswordResetCode = cacheFunction(async (stackApp, code) => {
-	return await stackApp.verifyPasswordResetCode(code);
+const cachedVerifyPasswordResetCode = cacheFunction(async (hexclaveApp, code) => {
+	return await hexclaveApp.verifyPasswordResetCode(code);
 });
 function PasswordReset({ searchParams, fullPage = false }) {
 	const { t } = useTranslation();
-	const stackApp = useStackApp();
+	const hexclaveApp = useStackApp();
 	const invalidJsx = /* @__PURE__ */ jsx(MessageCard$1, {
 		title: t("Invalid Password Reset Link"),
 		fullPage,
@@ -141,7 +141,7 @@ function PasswordReset({ searchParams, fullPage = false }) {
 	});
 	const code = searchParams.code;
 	if (!code) return invalidJsx;
-	const result = use(cachedVerifyPasswordResetCode(stackApp, code));
+	const result = use(cachedVerifyPasswordResetCode(hexclaveApp, code));
 	if (result.status === "error") if (KnownErrors.VerificationCodeNotFound.isInstance(result.error)) return invalidJsx;
 	else if (KnownErrors.VerificationCodeExpired.isInstance(result.error)) return expiredJsx;
 	else if (KnownErrors.VerificationCodeAlreadyUsed.isInstance(result.error)) return usedJsx;

package/dist/esm/components-page/password-reset.js.map

@@ -1 +1 @@
-{"version":3,"file":"password-reset.js","names":["MessageCard"],"sources":["../../../src/components-page/password-reset.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { KnownErrors } from \"@hexclave/shared\";\nimport { getPasswordError } from \"@hexclave/shared/dist/helpers/password\";\nimport { passwordSchema, yupObject, yupString } from \"@hexclave/shared/dist/schema-fields\";\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 { Button, Label, PasswordInput, Typography, cn } from \"@hexclave/ui\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { StackClientApp, useStackApp } from \"..\";\nimport { FormWarningText } from \"../components/elements/form-warning\";\nimport { MaybeFullPage } from \"../components/elements/maybe-full-page\";\nimport { MessageCard } from \"../components/message-cards/message-card\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\nimport { useTranslation } from \"../lib/translations\";\n\nexport default function PasswordResetForm(props: {\n  code: string,\n  fullPage?: boolean,\n}) {\n  const { t } = useTranslation();\n\n  const schema = yupObject({\n    password: passwordSchema.defined(t(\"Please enter your password\")).nonEmpty(t(\"Please enter your password\")).test({\n      name: 'is-valid-password',\n      test: (value, ctx) => {\n        const error = getPasswordError(value);\n        if (error) {\n          return ctx.createError({ message: error.message });\n        } else {\n          return true;\n        }\n      }\n    }),\n    passwordRepeat: yupString().nullable().oneOf([yup.ref('password'), null], t(\"Passwords do not match\")).defined().nonEmpty(t(\"Please repeat your password\"))\n  });\n\n  const { register, handleSubmit, formState: { errors }, clearErrors } = useForm({\n    resolver: yupResolver(schema)\n  });\n  const stackApp = useStackApp();\n  const [finished, setFinished] = useState(false);\n  const [resetError, setResetError] = useState(false);\n  const [loading, setLoading] = useState(false);\n\n  const onSubmit = async (data: yup.InferType<typeof schema>) => {\n    setLoading(true);\n    try {\n      const { password } = data;\n      const result = await stackApp.resetPassword({ password, code: props.code });\n      if (result.status === 'error') {\n        setResetError(true);\n        return;\n      }\n\n      setFinished(true);\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  if (finished) {\n    return <PredefinedMessageCard type='passwordReset' fullPage={!!props.fullPage} />;\n  }\n\n  if (resetError) {\n    return (\n      <MessageCard title={t(\"Failed to reset password\")} fullPage={!!props.fullPage}>\n        {t(\"Failed to reset password. Please request a new password reset link\")}\n      </MessageCard>\n    );\n  }\n\n\n  return (\n    <MaybeFullPage fullPage={!!props.fullPage}>\n      <div className={cn(\n        \"flex flex-col items-stretch max-w-[380px] flex-basis-[380px]\",\n        props.fullPage ? \"p-4\" : \"p-0\"\n      )}>\n        <div className=\"text-center mb-6\">\n          <Typography type='h2'>{t(\"Reset Your Password\")}</Typography>\n        </div>\n\n        <form\n          className=\"flex flex-col items-stretch\"\n          onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n          noValidate\n        >\n          <Label htmlFor=\"password\" className=\"mb-1\">{t(\"New Password\")}</Label>\n          <PasswordInput\n            id=\"password\"\n            autoComplete=\"new-password\"\n            {...register('password')}\n            onChange={() => {\n              clearErrors('password');\n              clearErrors('passwordRepeat');\n            }}\n          />\n          <FormWarningText text={errors.password?.message?.toString()} />\n\n          <Label htmlFor=\"repeat-password\" className=\"mt-4 mb-1\">{t(\"Repeat New Password\")}</Label>\n          <PasswordInput\n            id=\"repeat-password\"\n            autoComplete=\"new-password\"\n            {...register('passwordRepeat')}\n            onChange={() => {\n              clearErrors('password');\n              clearErrors('passwordRepeat');\n            }}\n          />\n          <FormWarningText text={errors.passwordRepeat?.message?.toString()} />\n\n          <Button type=\"submit\" className=\"mt-6\" loading={loading}>\n            {t(\"Reset Password\")}\n          </Button>\n        </form>\n      </div>\n    </MaybeFullPage>\n  );\n}\n\n\nconst cachedVerifyPasswordResetCode = cacheFunction(async (stackApp: StackClientApp<true>, code: string) => {\n  return await stackApp.verifyPasswordResetCode(code);\n});\n\nexport function PasswordReset({\n  searchParams,\n  fullPage = false,\n}: {\n  searchParams: Record<string, string>,\n  fullPage?: boolean,\n}) {\n  const { t } = useTranslation();\n  const stackApp = useStackApp();\n\n  const invalidJsx = (\n    <MessageCard title={t(\"Invalid Password Reset Link\")} fullPage={fullPage}>\n      <Typography>{t(\"Please double check if you have the correct password reset link.\")}</Typography>\n    </MessageCard>\n  );\n\n  const expiredJsx = (\n    <MessageCard title={t(\"Expired Password Reset Link\")} fullPage={fullPage}>\n      <Typography>{t(\"Your password reset link has expired. Please request a new password reset link from the login page.\")}</Typography>\n    </MessageCard>\n  );\n\n  const usedJsx = (\n    <MessageCard title={t(\"Used Password Reset Link\")} fullPage={fullPage}>\n      <Typography>{t(\"This password reset link has already been used. If you need to reset your password again, please request a new password reset link from the login page.\")}</Typography>\n    </MessageCard>\n  );\n\n  const code = searchParams.code;\n  if (!code) {\n    return invalidJsx;\n  }\n\n  const result = use(cachedVerifyPasswordResetCode(stackApp, code));\n\n  if (result.status === 'error') {\n    if (KnownErrors.VerificationCodeNotFound.isInstance(result.error)) {\n      return invalidJsx;\n    } else if (KnownErrors.VerificationCodeExpired.isInstance(result.error)) {\n      return expiredJsx;\n    } else if (KnownErrors.VerificationCodeAlreadyUsed.isInstance(result.error)) {\n      return usedJsx;\n    } else {\n      throw result.error;\n    }\n  }\n\n  return <PasswordResetForm code={code} fullPage={fullPage} />;\n}\n"],"mappings":"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"}
+{"version":3,"file":"password-reset.js","names":["MessageCard"],"sources":["../../../src/components-page/password-reset.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 { yupResolver } from \"@hookform/resolvers/yup\";\nimport { KnownErrors } from \"@hexclave/shared\";\nimport { getPasswordError } from \"@hexclave/shared/dist/helpers/password\";\nimport { passwordSchema, yupObject, yupString } from \"@hexclave/shared/dist/schema-fields\";\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 { Button, Label, PasswordInput, Typography, cn } from \"@hexclave/ui\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { StackClientApp, useStackApp } from \"..\";\nimport { FormWarningText } from \"../components/elements/form-warning\";\nimport { MaybeFullPage } from \"../components/elements/maybe-full-page\";\nimport { MessageCard } from \"../components/message-cards/message-card\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\nimport { useTranslation } from \"../lib/translations\";\n\nexport default function PasswordResetForm(props: {\n  code: string,\n  fullPage?: boolean,\n}) {\n  const { t } = useTranslation();\n\n  const schema = yupObject({\n    password: passwordSchema.defined(t(\"Please enter your password\")).nonEmpty(t(\"Please enter your password\")).test({\n      name: 'is-valid-password',\n      test: (value, ctx) => {\n        const error = getPasswordError(value);\n        if (error) {\n          return ctx.createError({ message: error.message });\n        } else {\n          return true;\n        }\n      }\n    }),\n    passwordRepeat: yupString().nullable().oneOf([yup.ref('password'), null], t(\"Passwords do not match\")).defined().nonEmpty(t(\"Please repeat your password\"))\n  });\n\n  const { register, handleSubmit, formState: { errors }, clearErrors } = useForm({\n    resolver: yupResolver(schema)\n  });\n  const hexclaveApp = useStackApp();\n  const [finished, setFinished] = useState(false);\n  const [resetError, setResetError] = useState(false);\n  const [loading, setLoading] = useState(false);\n\n  const onSubmit = async (data: yup.InferType<typeof schema>) => {\n    setLoading(true);\n    try {\n      const { password } = data;\n      const result = await hexclaveApp.resetPassword({ password, code: props.code });\n      if (result.status === 'error') {\n        setResetError(true);\n        return;\n      }\n\n      setFinished(true);\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  if (finished) {\n    return <PredefinedMessageCard type='passwordReset' fullPage={!!props.fullPage} />;\n  }\n\n  if (resetError) {\n    return (\n      <MessageCard title={t(\"Failed to reset password\")} fullPage={!!props.fullPage}>\n        {t(\"Failed to reset password. Please request a new password reset link\")}\n      </MessageCard>\n    );\n  }\n\n\n  return (\n    <MaybeFullPage fullPage={!!props.fullPage}>\n      <div className={cn(\n        \"flex flex-col items-stretch max-w-[380px] flex-basis-[380px]\",\n        props.fullPage ? \"p-4\" : \"p-0\"\n      )}>\n        <div className=\"text-center mb-6\">\n          <Typography type='h2'>{t(\"Reset Your Password\")}</Typography>\n        </div>\n\n        <form\n          className=\"flex flex-col items-stretch\"\n          onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n          noValidate\n        >\n          <Label htmlFor=\"password\" className=\"mb-1\">{t(\"New Password\")}</Label>\n          <PasswordInput\n            id=\"password\"\n            autoComplete=\"new-password\"\n            {...register('password')}\n            onChange={() => {\n              clearErrors('password');\n              clearErrors('passwordRepeat');\n            }}\n          />\n          <FormWarningText text={errors.password?.message?.toString()} />\n\n          <Label htmlFor=\"repeat-password\" className=\"mt-4 mb-1\">{t(\"Repeat New Password\")}</Label>\n          <PasswordInput\n            id=\"repeat-password\"\n            autoComplete=\"new-password\"\n            {...register('passwordRepeat')}\n            onChange={() => {\n              clearErrors('password');\n              clearErrors('passwordRepeat');\n            }}\n          />\n          <FormWarningText text={errors.passwordRepeat?.message?.toString()} />\n\n          <Button type=\"submit\" className=\"mt-6\" loading={loading}>\n            {t(\"Reset Password\")}\n          </Button>\n        </form>\n      </div>\n    </MaybeFullPage>\n  );\n}\n\n\nconst cachedVerifyPasswordResetCode = cacheFunction(async (hexclaveApp: StackClientApp<true>, code: string) => {\n  return await hexclaveApp.verifyPasswordResetCode(code);\n});\n\nexport function PasswordReset({\n  searchParams,\n  fullPage = false,\n}: {\n  searchParams: Record<string, string>,\n  fullPage?: boolean,\n}) {\n  const { t } = useTranslation();\n  const hexclaveApp = useStackApp();\n\n  const invalidJsx = (\n    <MessageCard title={t(\"Invalid Password Reset Link\")} fullPage={fullPage}>\n      <Typography>{t(\"Please double check if you have the correct password reset link.\")}</Typography>\n    </MessageCard>\n  );\n\n  const expiredJsx = (\n    <MessageCard title={t(\"Expired Password Reset Link\")} fullPage={fullPage}>\n      <Typography>{t(\"Your password reset link has expired. Please request a new password reset link from the login page.\")}</Typography>\n    </MessageCard>\n  );\n\n  const usedJsx = (\n    <MessageCard title={t(\"Used Password Reset Link\")} fullPage={fullPage}>\n      <Typography>{t(\"This password reset link has already been used. If you need to reset your password again, please request a new password reset link from the login page.\")}</Typography>\n    </MessageCard>\n  );\n\n  const code = searchParams.code;\n  if (!code) {\n    return invalidJsx;\n  }\n\n  const result = use(cachedVerifyPasswordResetCode(hexclaveApp, code));\n\n  if (result.status === 'error') {\n    if (KnownErrors.VerificationCodeNotFound.isInstance(result.error)) {\n      return invalidJsx;\n    } else if (KnownErrors.VerificationCodeExpired.isInstance(result.error)) {\n      return expiredJsx;\n    } else if (KnownErrors.VerificationCodeAlreadyUsed.isInstance(result.error)) {\n      return usedJsx;\n    } else {\n      throw result.error;\n    }\n  }\n\n  return <PasswordResetForm code={code} fullPage={fullPage} />;\n}\n"],"mappings":"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"}

package/dist/esm/components-page/sign-in.js.map

@@ -1 +1 @@
-{"version":3,"file":"sign-in.js","names":[],"sources":["../../../src/components-page/sign-in.tsx"],"sourcesContent":["\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { AuthPage } from \"./auth-page\";\n\nexport function SignIn(props: {\n  fullPage?: boolean,\n  automaticRedirect?: boolean,\n  extraInfo?: React.ReactNode,\n  firstTab?: 'magic-link' | 'password',\n  mockProject?: {\n    config: {\n      signUpEnabled: boolean,\n      credentialEnabled: boolean,\n      passkeyEnabled: boolean,\n      magicLinkEnabled: boolean,\n      oauthProviders: {\n        id: string,\n      }[],\n    },\n  },\n}) {\n  return (\n    <AuthPage\n      fullPage={!!props.fullPage}\n      type=\"sign-in\"\n      automaticRedirect={!!props.automaticRedirect}\n      extraInfo={props.extraInfo}\n      firstTab={props.firstTab}\n      mockProject={props.mockProject}\n    />\n  );\n}\n"],"mappings":";;;;AAMA,SAAgB,OAAO,OAgBpB;AACD,QACE,oBAAC;EACC,UAAU,CAAC,CAAC,MAAM;EAClB,MAAK;EACL,mBAAmB,CAAC,CAAC,MAAM;EAC3B,WAAW,MAAM;EACjB,UAAU,MAAM;EAChB,aAAa,MAAM;GACnB"}
+{"version":3,"file":"sign-in.js","names":[],"sources":["../../../src/components-page/sign-in.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 { AuthPage } from \"./auth-page\";\n\nexport function SignIn(props: {\n  fullPage?: boolean,\n  automaticRedirect?: boolean,\n  extraInfo?: React.ReactNode,\n  firstTab?: 'magic-link' | 'password',\n  mockProject?: {\n    config: {\n      signUpEnabled: boolean,\n      credentialEnabled: boolean,\n      passkeyEnabled: boolean,\n      magicLinkEnabled: boolean,\n      oauthProviders: {\n        id: string,\n      }[],\n    },\n  },\n}) {\n  return (\n    <AuthPage\n      fullPage={!!props.fullPage}\n      type=\"sign-in\"\n      automaticRedirect={!!props.automaticRedirect}\n      extraInfo={props.extraInfo}\n      firstTab={props.firstTab}\n      mockProject={props.mockProject}\n    />\n  );\n}\n"],"mappings":";;;;AAMA,SAAgB,OAAO,OAgBpB;AACD,QACE,oBAAC;EACC,UAAU,CAAC,CAAC,MAAM;EAClB,MAAK;EACL,mBAAmB,CAAC,CAAC,MAAM;EAC3B,WAAW,MAAM;EACjB,UAAU,MAAM;EAChB,aAAa,MAAM;GACnB"}

package/dist/esm/components-page/sign-out.d.ts

@@ -3,6 +3,7 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
 //#region src/components-page/sign-out.d.ts
 declare function SignOut(props: {
   fullPage?: boolean;
+  searchParams?: Record<string, string>;
 }): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { SignOut };

package/dist/esm/components-page/sign-out.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sign-out.d.ts","names":[],"sources":["../../../src/components-page/sign-out.tsx"],"mappings":";;;iBAgBgB,OAAA,CAAQ,KAAA;EAAS,QAAA;AAAA,IAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"sign-out.d.ts","names":[],"sources":["../../../src/components-page/sign-out.tsx"],"mappings":";;;iBAyBgB,OAAA,CAAQ,KAAA;EAAS,QAAA;EAAoB,YAAA,GAAe,MAAA;AAAA,IAAwB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/esm/components-page/sign-out.js

@@ -2,17 +2,23 @@
 
 import { useUser } from "../index.js";
 import { jsx } from "react/jsx-runtime";
+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 { use } from "@hexclave/shared/dist/utils/react";
 
 //#region src/components-page/sign-out.tsx
-const cacheSignOut = cacheFunction(async (user) => {
-	return await user.signOut();
+const cacheSignOut = cacheFunction(async (user, redirectUrl) => {
+	return await user.signOut({ redirectUrl });
+});
+const cacheRedirectIfAlreadySignedOut = cacheFunction(async (redirectUrl) => {
+	if (redirectUrl == null) return;
+	if (typeof window !== "undefined") window.location.replace(redirectUrl);
 });
 function SignOut(props) {
-	const user = useUser();
-	if (user) use(cacheSignOut(user));
+	const user = useUser({ or: "return-null" });
+	const redirectUrl = props.searchParams?.after_auth_return_to;
+	if (user) use(cacheSignOut(user, redirectUrl));
+	else use(cacheRedirectIfAlreadySignedOut(redirectUrl));
 	return /* @__PURE__ */ jsx(PredefinedMessageCard, {
 		type: "signedOut",
 		fullPage: props.fullPage

package/dist/esm/components-page/sign-out.js.map

@@ -1 +1 @@
-{"version":3,"file":"sign-out.js","names":[],"sources":["../../../src/components-page/sign-out.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { cacheFunction } from \"@hexclave/shared/dist/utils/caches\";\nimport { use } from \"@hexclave/shared/dist/utils/react\";\nimport { CurrentUser, useUser } from \"..\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\n\nconst cacheSignOut = cacheFunction(async (user: CurrentUser) => {\n  return await user.signOut();\n});\n\nexport function SignOut(props: { fullPage?: boolean }) {\n  const user = useUser();\n\n  if (user) {\n    use(cacheSignOut(user));\n  }\n\n  return <PredefinedMessageCard type='signedOut' fullPage={props.fullPage} />;\n}\n"],"mappings":";;;;;;;;;AAYA,MAAM,eAAe,cAAc,OAAO,SAAsB;AAC9D,QAAO,MAAM,KAAK,SAAS;EAC3B;AAEF,SAAgB,QAAQ,OAA+B;CACrD,MAAM,OAAO,SAAS;AAEtB,KAAI,KACF,KAAI,aAAa,KAAK,CAAC;AAGzB,QAAO,oBAAC;EAAsB,MAAK;EAAY,UAAU,MAAM;GAAY"}
+{"version":3,"file":"sign-out.js","names":[],"sources":["../../../src/components-page/sign-out.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 { cacheFunction } from \"@hexclave/shared/dist/utils/caches\";\nimport { use } from \"@hexclave/shared/dist/utils/react\";\nimport { CurrentUser, useUser } from \"..\";\nimport { PredefinedMessageCard } from \"../components/message-cards/predefined-message-card\";\n\nconst cacheSignOut = cacheFunction(async (user: CurrentUser, redirectUrl: string | undefined) => {\n  return await user.signOut({ redirectUrl });\n});\n\nconst cacheRedirectIfAlreadySignedOut = cacheFunction(async (redirectUrl: string | undefined) => {\n  if (redirectUrl == null) {\n    return;\n  }\n  if (typeof window !== \"undefined\") {\n    window.location.replace(redirectUrl);\n  }\n});\n\nexport function SignOut(props: { fullPage?: boolean, searchParams?: Record<string, string> }) {\n  const user = useUser({ or: \"return-null\" });\n  const redirectUrl = props.searchParams?.after_auth_return_to;\n\n  if (user) {\n    use(cacheSignOut(user, redirectUrl));\n  } else {\n    use(cacheRedirectIfAlreadySignedOut(redirectUrl));\n  }\n\n  return <PredefinedMessageCard type='signedOut' fullPage={props.fullPage} />;\n}\n"],"mappings":";;;;;;;;;AAYA,MAAM,eAAe,cAAc,OAAO,MAAmB,gBAAoC;AAC/F,QAAO,MAAM,KAAK,QAAQ,EAAE,aAAa,CAAC;EAC1C;AAEF,MAAM,kCAAkC,cAAc,OAAO,gBAAoC;AAC/F,KAAI,eAAe,KACjB;AAEF,KAAI,OAAO,WAAW,YACpB,QAAO,SAAS,QAAQ,YAAY;EAEtC;AAEF,SAAgB,QAAQ,OAAsE;CAC5F,MAAM,OAAO,QAAQ,EAAE,IAAI,eAAe,CAAC;CAC3C,MAAM,cAAc,MAAM,cAAc;AAExC,KAAI,KACF,KAAI,aAAa,MAAM,YAAY,CAAC;KAEpC,KAAI,gCAAgC,YAAY,CAAC;AAGnD,QAAO,oBAAC;EAAsB,MAAK;EAAY,UAAU,MAAM;GAAY"}

package/dist/esm/components-page/sign-up.js.map

@@ -1 +1 @@
-{"version":3,"file":"sign-up.js","names":[],"sources":["../../../src/components-page/sign-up.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { AuthPage } from './auth-page';\n\nexport function SignUp(props: {\n  fullPage?: boolean,\n  automaticRedirect?: boolean,\n  noPasswordRepeat?: boolean,\n  extraInfo?: React.ReactNode,\n  firstTab?: 'magic-link' | 'password',\n}) {\n  return <AuthPage\n    fullPage={!!props.fullPage}\n    type='sign-up'\n    automaticRedirect={!!props.automaticRedirect}\n    noPasswordRepeat={props.noPasswordRepeat}\n    extraInfo={props.extraInfo}\n    firstTab={props.firstTab}\n  />;\n}\n"],"mappings":";;;;;;AAQA,SAAgB,OAAO,OAMpB;AACD,QAAO,oBAAC;EACN,UAAU,CAAC,CAAC,MAAM;EAClB,MAAK;EACL,mBAAmB,CAAC,CAAC,MAAM;EAC3B,kBAAkB,MAAM;EACxB,WAAW,MAAM;EACjB,UAAU,MAAM;GAChB"}
+{"version":3,"file":"sign-up.js","names":[],"sources":["../../../src/components-page/sign-up.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 { AuthPage } from './auth-page';\n\nexport function SignUp(props: {\n  fullPage?: boolean,\n  automaticRedirect?: boolean,\n  noPasswordRepeat?: boolean,\n  extraInfo?: React.ReactNode,\n  firstTab?: 'magic-link' | 'password',\n}) {\n  return <AuthPage\n    fullPage={!!props.fullPage}\n    type='sign-up'\n    automaticRedirect={!!props.automaticRedirect}\n    noPasswordRepeat={props.noPasswordRepeat}\n    extraInfo={props.extraInfo}\n    firstTab={props.firstTab}\n  />;\n}\n"],"mappings":";;;;;;AAQA,SAAgB,OAAO,OAMpB;AACD,QAAO,oBAAC;EACN,UAAU,CAAC,CAAC,MAAM;EAClB,MAAK;EACL,mBAAmB,CAAC,CAAC,MAAM;EAC3B,kBAAkB,MAAM;EACxB,WAAW,MAAM;EACjB,UAAU,MAAM;GAChB"}

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

@@ -1 +1 @@
-{"version":3,"file":"team-creation.js","names":[],"sources":["../../../src/components-page/team-creation.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { yupObject, yupString } from \"@hexclave/shared/dist/schema-fields\";\nimport { runAsynchronously } from \"@hexclave/shared/dist/utils/promises\";\nimport { Button, Input, Label, Typography } from \"@hexclave/ui\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { MessageCard, useStackApp, useUser } from \"..\";\nimport { FormWarningText } from \"../components/elements/form-warning\";\nimport { MaybeFullPage } from \"../components/elements/maybe-full-page\";\nimport { useTranslation } from \"../lib/translations\";\n\nexport function TeamCreation(props: { fullPage?: boolean }) {\n  const { t } = useTranslation();\n\n  const schema = yupObject({\n    displayName: yupString().defined().nonEmpty(t('Please enter a team name')),\n  });\n\n  const { register, handleSubmit, formState: { errors } } = useForm({\n    resolver: yupResolver(schema)\n  });\n  const app = useStackApp();\n  const project = app.useProject();\n  const user = useUser({ or: 'redirect' });\n  const [loading, setLoading] = useState(false);\n  const navigate = app.useNavigate();\n\n  if (!project.config.clientTeamCreationEnabled) {\n    return <MessageCard title={t('Team creation is not enabled')} />;\n  }\n\n  const onSubmit = async (data: yup.InferType<typeof schema>) => {\n    setLoading(true);\n\n    try {\n      const team = await user.createTeam({ displayName: data.displayName });\n      navigate(`${app.urls.handler}/team-settings/${team.id}`);\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <MaybeFullPage fullPage={!!props.fullPage}>\n      <div className='stack-scope flex flex-col items-stretch' style={{ maxWidth: '380px', flexBasis: '380px', padding: props.fullPage ? '1rem' : 0 }}>\n        <div className=\"text-center mb-6\">\n          <Typography type='h2'>\n            {t('Create a Team')}\n          </Typography>\n        </div>\n        <form\n          className=\"flex flex-col items-stretch stack-scope\"\n          onSubmit={e => runAsynchronously(handleSubmit(onSubmit)(e))}\n          noValidate\n        >\n          <Label htmlFor=\"display-name\" className=\"mb-1\">{t('Display name')}</Label>\n          <Input\n            id=\"display-name\"\n            {...register('displayName')}\n          />\n          <FormWarningText text={errors.displayName?.message?.toString()} />\n\n          <Button type=\"submit\" className=\"mt-6\" loading={loading}>\n            {t('Create')}\n          </Button>\n        </form>\n      </div>\n    </MaybeFullPage>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,SAAgB,aAAa,OAA+B;CAC1D,MAAM,EAAE,MAAM,gBAAgB;CAM9B,MAAM,EAAE,UAAU,cAAc,WAAW,EAAE,aAAa,QAAQ,EAChE,UAAU,YALG,UAAU,EACvB,aAAa,WAAW,CAAC,SAAS,CAAC,SAAS,EAAE,2BAA2B,CAAC,EAC3E,CAAC,CAG6B,EAC9B,CAAC;CACF,MAAM,MAAM,aAAa;CACzB,MAAM,UAAU,IAAI,YAAY;CAChC,MAAM,OAAO,QAAQ,EAAE,IAAI,YAAY,CAAC;CACxC,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,WAAW,IAAI,aAAa;AAElC,KAAI,CAAC,QAAQ,OAAO,0BAClB,QAAO,oBAAC,eAAY,OAAO,EAAE,+BAA+B,GAAI;CAGlE,MAAM,WAAW,OAAO,SAAuC;AAC7D,aAAW,KAAK;AAEhB,MAAI;GACF,MAAM,OAAO,MAAM,KAAK,WAAW,EAAE,aAAa,KAAK,aAAa,CAAC;AACrE,YAAS,GAAG,IAAI,KAAK,QAAQ,iBAAiB,KAAK,KAAK;YAChD;AACR,cAAW,MAAM;;;AAIrB,QACE,oBAAC;EAAc,UAAU,CAAC,CAAC,MAAM;YAC/B,qBAAC;GAAI,WAAU;GAA0C,OAAO;IAAE,UAAU;IAAS,WAAW;IAAS,SAAS,MAAM,WAAW,SAAS;IAAG;cAC7I,oBAAC;IAAI,WAAU;cACb,oBAAC;KAAW,MAAK;eACd,EAAE,gBAAgB;MACR;KACT,EACN,qBAAC;IACC,WAAU;IACV,WAAU,MAAK,kBAAkB,aAAa,SAAS,CAAC,EAAE,CAAC;IAC3D;;KAEA,oBAAC;MAAM,SAAQ;MAAe,WAAU;gBAAQ,EAAE,eAAe;OAAS;KAC1E,oBAAC;MACC,IAAG;MACH,GAAI,SAAS,cAAc;OAC3B;KACF,oBAAC,mBAAgB,MAAM,OAAO,aAAa,SAAS,UAAU,GAAI;KAElE,oBAAC;MAAO,MAAK;MAAS,WAAU;MAAgB;gBAC7C,EAAE,SAAS;OACL;;KACJ;IACH;GACQ"}
+{"version":3,"file":"team-creation.js","names":[],"sources":["../../../src/components-page/team-creation.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 { yupResolver } from \"@hookform/resolvers/yup\";\nimport { yupObject, yupString } from \"@hexclave/shared/dist/schema-fields\";\nimport { runAsynchronously } from \"@hexclave/shared/dist/utils/promises\";\nimport { Button, Input, Label, Typography } from \"@hexclave/ui\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { MessageCard, useStackApp, useUser } from \"..\";\nimport { FormWarningText } from \"../components/elements/form-warning\";\nimport { MaybeFullPage } from \"../components/elements/maybe-full-page\";\nimport { useTranslation } from \"../lib/translations\";\n\nexport function TeamCreation(props: { fullPage?: boolean }) {\n  const { t } = useTranslation();\n\n  const schema = yupObject({\n    displayName: yupString().defined().nonEmpty(t('Please enter a team name')),\n  });\n\n  const { register, handleSubmit, formState: { errors } } = useForm({\n    resolver: yupResolver(schema)\n  });\n  const app = useStackApp();\n  const project = app.useProject();\n  const user = useUser({ or: 'redirect' });\n  const [loading, setLoading] = useState(false);\n  const navigate = app.useNavigate();\n\n  if (!project.config.clientTeamCreationEnabled) {\n    return <MessageCard title={t('Team creation is not enabled')} />;\n  }\n\n  const onSubmit = async (data: yup.InferType<typeof schema>) => {\n    setLoading(true);\n\n    try {\n      const team = await user.createTeam({ displayName: data.displayName });\n      navigate(`${app.urls.handler}/team-settings/${team.id}`);\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <MaybeFullPage fullPage={!!props.fullPage}>\n      <div className='stack-scope flex flex-col items-stretch' style={{ maxWidth: '380px', flexBasis: '380px', padding: props.fullPage ? '1rem' : 0 }}>\n        <div className=\"text-center mb-6\">\n          <Typography type='h2'>\n            {t('Create a Team')}\n          </Typography>\n        </div>\n        <form\n          className=\"flex flex-col items-stretch stack-scope\"\n          onSubmit={e => runAsynchronously(handleSubmit(onSubmit)(e))}\n          noValidate\n        >\n          <Label htmlFor=\"display-name\" className=\"mb-1\">{t('Display name')}</Label>\n          <Input\n            id=\"display-name\"\n            {...register('displayName')}\n          />\n          <FormWarningText text={errors.displayName?.message?.toString()} />\n\n          <Button type=\"submit\" className=\"mt-6\" loading={loading}>\n            {t('Create')}\n          </Button>\n        </form>\n      </div>\n    </MaybeFullPage>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAmBA,SAAgB,aAAa,OAA+B;CAC1D,MAAM,EAAE,MAAM,gBAAgB;CAM9B,MAAM,EAAE,UAAU,cAAc,WAAW,EAAE,aAAa,QAAQ,EAChE,UAAU,YALG,UAAU,EACvB,aAAa,WAAW,CAAC,SAAS,CAAC,SAAS,EAAE,2BAA2B,CAAC,EAC3E,CAAC,CAG6B,EAC9B,CAAC;CACF,MAAM,MAAM,aAAa;CACzB,MAAM,UAAU,IAAI,YAAY;CAChC,MAAM,OAAO,QAAQ,EAAE,IAAI,YAAY,CAAC;CACxC,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,WAAW,IAAI,aAAa;AAElC,KAAI,CAAC,QAAQ,OAAO,0BAClB,QAAO,oBAAC,eAAY,OAAO,EAAE,+BAA+B,GAAI;CAGlE,MAAM,WAAW,OAAO,SAAuC;AAC7D,aAAW,KAAK;AAEhB,MAAI;GACF,MAAM,OAAO,MAAM,KAAK,WAAW,EAAE,aAAa,KAAK,aAAa,CAAC;AACrE,YAAS,GAAG,IAAI,KAAK,QAAQ,iBAAiB,KAAK,KAAK;YAChD;AACR,cAAW,MAAM;;;AAIrB,QACE,oBAAC;EAAc,UAAU,CAAC,CAAC,MAAM;YAC/B,qBAAC;GAAI,WAAU;GAA0C,OAAO;IAAE,UAAU;IAAS,WAAW;IAAS,SAAS,MAAM,WAAW,SAAS;IAAG;cAC7I,oBAAC;IAAI,WAAU;cACb,oBAAC;KAAW,MAAK;eACd,EAAE,gBAAgB;MACR;KACT,EACN,qBAAC;IACC,WAAU;IACV,WAAU,MAAK,kBAAkB,aAAa,SAAS,CAAC,EAAE,CAAC;IAC3D;;KAEA,oBAAC;MAAM,SAAQ;MAAe,WAAU;gBAAQ,EAAE,eAAe;OAAS;KAC1E,oBAAC;MACC,IAAG;MACH,GAAI,SAAS,cAAc;OAC3B;KACF,oBAAC,mBAAgB,MAAM,OAAO,aAAa,SAAS,UAAU,GAAI;KAElE,oBAAC;MAAO,MAAK;MAAS,WAAU;MAAgB;gBAC7C,EAAE,SAAS;OACL;;KACJ;IACH;GACQ"}

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

@@ -7,23 +7,23 @@ import { MessageCard, useStackApp, useUser } from "../index.js";
 import { useTranslation } from "../lib/translations.js";
 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 { use } from "@hexclave/shared/dist/utils/react";
 
 //#region src/components-page/team-invitation.tsx
-const cachedVerifyInvitation = cacheFunction(async (stackApp, code) => {
-	return await stackApp.verifyTeamInvitationCode(code);
+const cachedVerifyInvitation = cacheFunction(async (hexclaveApp, code) => {
+	return await hexclaveApp.verifyTeamInvitationCode(code);
 });
-const cachedGetInvitationDetails = cacheFunction(async (stackApp, code) => {
-	return await stackApp.getTeamInvitationDetails(code);
+const cachedGetInvitationDetails = cacheFunction(async (hexclaveApp, code) => {
+	return await hexclaveApp.getTeamInvitationDetails(code);
 });
 function TeamInvitationInner(props) {
 	const { t } = useTranslation();
-	const stackApp = useStackApp();
+	const hexclaveApp = useStackApp();
 	const [success, setSuccess] = React.useState(false);
 	const [errorMessage, setErrorMessage] = React.useState(null);
-	const details = use(cachedGetInvitationDetails(stackApp, props.searchParams.code || ""));
+	const details = use(cachedGetInvitationDetails(hexclaveApp, props.searchParams.code || ""));
 	if (errorMessage || details.status === "error") return /* @__PURE__ */ jsx(PredefinedMessageCard, {
 		type: "unknownError",
 		fullPage: props.fullPage
@@ -32,7 +32,7 @@ function TeamInvitationInner(props) {
 		title: t("Team invitation"),
 		fullPage: props.fullPage,
 		primaryButtonText: "Go home",
-		primaryAction: () => stackApp.redirectToHome(),
+		primaryAction: () => hexclaveApp.redirectToHome(),
 		children: /* @__PURE__ */ jsxs(Typography, { children: ["You have successfully joined ", details.data.teamDisplayName] })
 	});
 	return /* @__PURE__ */ jsx(MessageCard, {
@@ -40,19 +40,19 @@ function TeamInvitationInner(props) {
 		fullPage: props.fullPage,
 		primaryButtonText: t("Join"),
 		primaryAction: () => runAsynchronouslyWithAlert(async () => {
-			const result = await stackApp.acceptTeamInvitation(props.searchParams.code || "");
+			const result = await hexclaveApp.acceptTeamInvitation(props.searchParams.code || "");
 			if (result.status === "error") setErrorMessage(result.error.message);
 			else setSuccess(true);
 		}),
 		secondaryButtonText: t("Ignore"),
-		secondaryAction: () => stackApp.redirectToHome(),
+		secondaryAction: () => hexclaveApp.redirectToHome(),
 		children: /* @__PURE__ */ jsxs(Typography, { children: ["You are invited to join ", details.data.teamDisplayName] })
 	});
 }
 function TeamInvitation({ fullPage = false, searchParams }) {
 	const { t } = useTranslation();
 	const user = useUser({ includeRestricted: true });
-	const stackApp = useStackApp();
+	const hexclaveApp = useStackApp();
 	const invalidJsx = /* @__PURE__ */ jsx(MessageCard, {
 		title: t("Invalid Team Invitation Link"),
 		fullPage,
@@ -73,21 +73,21 @@ function TeamInvitation({ fullPage = false, searchParams }) {
 		title: t("Team invitation"),
 		fullPage,
 		primaryButtonText: t("Sign in"),
-		primaryAction: () => stackApp.redirectToSignIn(),
+		primaryAction: () => hexclaveApp.redirectToSignIn(),
 		secondaryButtonText: t("Cancel"),
-		secondaryAction: () => stackApp.redirectToHome(),
+		secondaryAction: () => hexclaveApp.redirectToHome(),
 		children: /* @__PURE__ */ jsx(Typography, { children: t("Sign in or create an account to join the team.") })
 	});
 	if (user.isRestricted) return /* @__PURE__ */ jsx(MessageCard, {
 		title: t("Complete your account setup"),
 		fullPage,
 		primaryButtonText: t("Complete setup"),
-		primaryAction: () => stackApp.redirectToOnboarding(),
+		primaryAction: () => hexclaveApp.redirectToOnboarding(),
 		secondaryButtonText: t("Cancel"),
-		secondaryAction: () => stackApp.redirectToHome(),
+		secondaryAction: () => hexclaveApp.redirectToHome(),
 		children: /* @__PURE__ */ jsx(Typography, { children: t("Please complete your account setup before joining teams.") })
 	});
-	const verificationResult = use(cachedVerifyInvitation(stackApp, searchParams.code || ""));
+	const verificationResult = use(cachedVerifyInvitation(hexclaveApp, searchParams.code || ""));
 	if (verificationResult.status === "error") {
 		const error = verificationResult.error;
 		if (KnownErrors.VerificationCodeNotFound.isInstance(error)) return invalidJsx;

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, INSTEAD 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 (stackApp: StackClientApp<true>, code: string) => {\n  return await stackApp.verifyTeamInvitationCode(code);\n});\n\nconst cachedGetInvitationDetails = cacheFunction(async (stackApp: StackClientApp<true>, code: string) => {\n  return await stackApp.getTeamInvitationDetails(code);\n});\n\nfunction TeamInvitationInner(props: { fullPage?: boolean, searchParams: Record<string, string> }) {\n  const { t } = useTranslation();\n  const stackApp = useStackApp();\n  const [success, setSuccess] = React.useState(false);\n  const [errorMessage, setErrorMessage] = React.useState<string | null>(null);\n  const details = use(cachedGetInvitationDetails(stackApp, 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={() => stackApp.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 stackApp.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={() => stackApp.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 stackApp = 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={() => stackApp.redirectToSignIn()}\n        secondaryButtonText={t('Cancel')}\n        secondaryAction={() => stackApp.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={() => stackApp.redirectToOnboarding()}\n        secondaryButtonText={t('Cancel')}\n        secondaryAction={() => stackApp.redirectToHome()}\n      >\n        <Typography>{t('Please complete your account setup before joining teams.')}</Typography>\n      </MessageCard>\n    );\n  }\n\n  const verificationResult = use(cachedVerifyInvitation(stackApp, 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 { 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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"}

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

@@ -1,4 +1,4 @@
-import { StackClientApp } from "../lib/stack-app";
+import { StackClientApp } from "../lib/hexclave-app";
 
 //#region src/dev-tool/dev-tool-core.d.ts
 declare function createDevTool(app: StackClientApp<true>): () => void;

package/dist/esm/dev-tool/dev-tool-core.js

@@ -1,9 +1,9 @@
 import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
-import { stackAppInternalsSymbol } from "../lib/stack-app/common.js";
+import { hexclaveAppInternalsSymbol } from "../lib/hexclave-app/common.js";
 import { isLocalhost } from "@hexclave/shared/dist/utils/urls";
-import { getPagePrompt } from "../lib/stack-app/url-targets.js";
-import { envVars } from "../lib/env.js";
-import { getBaseUrl } from "../lib/stack-app/apps/implementations/common.js";
+import { getPagePrompt } from "../lib/hexclave-app/url-targets.js";
+import { envVars } from "../generated/env.js";
+import { getBaseUrl } from "../lib/hexclave-app/apps/implementations/common.js";
 import { devToolCSS } from "./dev-tool-styles.js";
 import { clampTriggerPosition, getSnappedTriggerPlacement, resolveTriggerPosition } from "./dev-tool-trigger-position.js";
 
@@ -146,10 +146,10 @@ function nextId() {
 	return `sdt-${++_idCounter}-${Date.now()}`;
 }
 function resolveApiBaseUrl(app) {
-	return getBaseUrl(app[stackAppInternalsSymbol].getConstructorOptions().baseUrl);
+	return getBaseUrl(app[hexclaveAppInternalsSymbol].getConstructorOptions().baseUrl);
 }
 function shouldShowDashboardTab(app) {
-	return envVars.NEXT_PUBLIC_STACK_IS_LOCAL_EMULATOR === "true" && isLocalhost(resolveApiBaseUrl(app));
+	return envVars.HEXCLAVE_IS_LOCAL_EMULATOR === "true" && isLocalhost(resolveApiBaseUrl(app));
 }
 function getTabsForApp(app) {
 	if (shouldShowDashboardTab(app)) return TABS;
@@ -940,7 +940,7 @@ function createConsoleTab(logStore) {
 		const url = URL.createObjectURL(blob);
 		const link = h("a", {
 			href: url,
-			download: `stack-auth-dev-tool-logs-${(/* @__PURE__ */ new Date()).toISOString()}.txt`
+			download: `hexclave-dev-tool-logs-${(/* @__PURE__ */ new Date()).toISOString()}.txt`
 		});
 		document.body.appendChild(link);
 		link.click();
@@ -989,7 +989,7 @@ function createAITab(app) {
 		}
 	];
 	function getHeaders() {
-		const opts = app[stackAppInternalsSymbol].getConstructorOptions();
+		const opts = app[hexclaveAppInternalsSymbol].getConstructorOptions();
 		const headers = {
 			"X-Hexclave-Access-Type": "client",
 			"X-Hexclave-Project-Id": app.projectId
@@ -1660,7 +1660,7 @@ function createComponentsTab(app) {
 	const container = h("div", { className: "sdt-pg-layout" });
 	const apiBaseUrl = resolveApiBaseUrl(app);
 	const urls = app.urls;
-	const urlOptions = app[stackAppInternalsSymbol].getConstructorOptions().urls ?? {};
+	const urlOptions = app[hexclaveAppInternalsSymbol].getConstructorOptions().urls ?? {};
 	const PAGE_ENTRIES = [
 		{
 			key: "signIn",
@@ -1809,7 +1809,7 @@ function createComponentsTab(app) {
 		}, getCompactUrl(page.url)));
 		if (page.versionStatus === "outdated") headerTop.appendChild(h("span", { className: "sdt-pg-badge sdt-pg-badge-outdated" }, "Outdated"));
 		header.appendChild(headerTop);
-		const redirectMethod = `stackApp.redirectTo${page.key.charAt(0).toUpperCase()}${page.key.slice(1)}()`;
+		const redirectMethod = `hexclaveApp.redirectTo${page.key.charAt(0).toUpperCase()}${page.key.slice(1)}()`;
 		const codeRow = h("div", { className: "sdt-pg-code-inline" });
 		codeRow.appendChild(h("code", { className: "sdt-pg-code" }, redirectMethod));
 		const openBtn = h("button", { className: "sdt-pg-copy-btn sdt-pg-open-btn" });
@@ -2032,7 +2032,7 @@ function createDevTool(app) {
 	const root = document.createElement("div");
 	root.id = ROOT_ID;
 	body.appendChild(root);
-	const wrapper = h("div", { className: "stack-devtool" });
+	const wrapper = h("div", { className: "hexclave-devtool" });
 	root.appendChild(wrapper);
 	const style = document.createElement("style");
 	style.textContent = devToolCSS;
@@ -2069,7 +2069,7 @@ function createDevTool(app) {
 	const trigger = createTrigger(togglePanel);
 	wrapper.appendChild(trigger.element);
 	if (state.get().isOpen) openPanel();
-	const removeRequestListener = app[stackAppInternalsSymbol].addRequestListener((entry) => {
+	const removeRequestListener = app[hexclaveAppInternalsSymbol].addRequestListener((entry) => {
 		const timestamp = Date.now();
 		logStore.addApiLog({
 			id: nextId(),