@hexclave/next 1.0.0 → 1.0.1

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

@@ -1 +1 @@
-{"version":3,"file":"mfa.js","names":["KnownErrors","InputOTP","InputOTPGroup","InputOTPSlot","CheckIcon","Typography","Spinner","FormWarningText","Button","MaybeFullPage"],"sources":["../../src/components-page/mfa.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 \"@stackframe/stack-shared\";\nimport {\n  Button,\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n  Spinner,\n  Typography,\n  cn,\n} from \"@stackframe/stack-ui\";\nimport { CheckIcon } from \"lucide-react\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { useStackApp } from \"..\";\nimport { FormWarningText } from \"../components/elements/form-warning\";\nimport { MaybeFullPage } from \"../components/elements/maybe-full-page\";\nimport { useTranslation } from \"../lib/translations\";\n\nfunction MfaForm({ onSuccess, onCancel }: {\n  onSuccess?: () => void,\n  onCancel?: () => void,\n}) {\n  const stackApp = useStackApp();\n  const { t } = useTranslation();\n  const [otp, setOtp] = useState<string>(\"\");\n  const formRef = useRef<HTMLFormElement>(null);\n\n  const [submitting, setSubmitting] = useState<boolean>(false);\n  const [error, setError] = useState<string | null>(null);\n  const [verified, setVerified] = useState<boolean>(false);\n\n  const [attemptCode, setAttemptCode] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!attemptCode && typeof window !== \"undefined\") {\n      // Hexclave rebrand: prefer the new MFA attempt code key, fall back to the legacy key.\n      const code = window.sessionStorage.getItem(\"hexclave_mfa_attempt_code\") ?? window.sessionStorage.getItem(\"stack_mfa_attempt_code\");\n      if (code) {\n        setAttemptCode(code);\n      }\n    }\n  }, [ attemptCode]);\n\n  // Handle OTP verification when code is complete\n  useEffect(() => {\n    if (otp.length === 6 && !submitting) {\n      // Blur any focused inputs\n      if (document.activeElement instanceof HTMLElement) {\n        document.activeElement.blur();\n      }\n      if (formRef.current) {\n        const inputs = formRef.current.querySelectorAll('input');\n        for (const input of inputs) {\n          input.blur();\n        }\n      }\n\n      setSubmitting(true);\n      setError(null);\n\n      if (attemptCode) {\n        stackApp\n          .signInWithMfa(otp, attemptCode, { noRedirect: true })\n          .then(async (result) => {\n            if (result.status === \"ok\") {\n              setVerified(true);\n\n              // Cleanup session storage\n              if (typeof window !== \"undefined\") {\n                // Hexclave rebrand: remove both the new and legacy MFA attempt code keys.\n                window.sessionStorage.removeItem(\"hexclave_mfa_attempt_code\");\n                window.sessionStorage.removeItem(\"stack_mfa_attempt_code\");\n              }\n\n              if (onSuccess) {\n                onSuccess();\n              } else {\n                await stackApp.redirectToAfterSignIn();\n              }\n            } else {\n              throw result.error;\n            }\n          })\n          .catch((e) => {\n            if (e instanceof KnownErrors.InvalidTotpCode) {\n              setError(t(\"Invalid TOTP code\"));\n            } else {\n              setError(t(\"Verification failed\"));\n            }\n          })\n          .finally(() => {\n            setSubmitting(false);\n            if (!verified) {\n              setOtp(\"\");\n            }\n          });\n      } else {\n        setSubmitting(false);\n        setError(t(\"Missing verification information\"));\n      }\n    }\n\n    // Clear error when user is typing\n    if (otp.length !== 0 && otp.length !== 6) {\n      setError(null);\n    }\n  }, [otp, submitting, onSuccess, attemptCode, stackApp, t, verified]);\n\n\n  const inputStyleClass = useMemo(() => {\n    if (verified) {\n      return \"opacity-85 transition-all duration-300\";\n    }\n\n    if (error) {\n      return \"ring-red-500 border-red-500\";\n    }\n\n    return \"focus:ring-primary/50\";\n  }, [error, verified]);\n\n  return (\n    <div className=\"flex flex-col items-stretch stack-scope\">\n      <form ref={formRef} className=\"w-full flex flex-col items-center gap-4\">\n        <InputOTP\n          maxLength={6}\n          type=\"text\"\n          inputMode=\"numeric\"\n          placeholder=\"······\"\n          value={otp}\n          onChange={(value) => setOtp(value.toUpperCase())}\n          disabled={submitting || verified}\n        >\n          <InputOTPGroup>\n            {[0, 1, 2, 3, 4, 5].map((index) => (\n              <InputOTPSlot\n                key={index}\n                index={index}\n                size=\"lg\"\n                className={cn(\n                  \"border focus:ring-2 transition-all\",\n                  inputStyleClass,\n                )}\n              />\n            ))}\n          </InputOTPGroup>\n        </InputOTP>\n\n        {/* Verification Status */}\n        <div className=\"h-8 flex flex-col gap-4 items-center justify-center w-full\">\n          {verified ? (\n            <div className=\"flex items-center gap-2 animate-in fade-in duration-300 slide-in-from-bottom-2\">\n              <CheckIcon className=\"w-5 h-5 text-green-600 animate-in zoom-in duration-300\" />\n              <Typography className=\"text-sm font-medium\">{t(\"Verified! Redirecting...\")}</Typography>\n            </div>\n          ) : submitting ? (\n            <div className=\"flex items-center gap-2\">\n              <Spinner className=\"text-primary h-4 w-4\" />\n              <Typography className=\"text-sm\">{t(\"Verifying...\")}</Typography>\n            </div>\n          ) : null}\n\n          {/* Error reporting */}\n          {error !== null && !submitting && !verified ? <FormWarningText text={error} /> : null}\n        </div>\n      </form>\n\n      {/* Cancel Button */}\n      {onCancel && !verified && (\n        <Button\n          variant=\"link\"\n          onClick={onCancel}\n          className=\"underline mt-4 self-center\"\n          disabled={submitting || verified}\n        >\n          {t(\"Cancel\")}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport function MFA(props: {\n  fullPage?: boolean,\n  onSuccess?: () => void,\n  onCancel?: () => void,\n}) {\n  const { t } = useTranslation();\n\n  const headerText = t(\"Multi-Factor Authentication\");\n  const instructionText = t(\"Enter the six-digit code from your authenticator app\");\n\n  if (props.fullPage) {\n    return (\n      <MaybeFullPage fullPage={true}>\n        <div\n          className=\"stack-scope flex flex-col items-stretch\"\n          style={{ maxWidth: \"380px\", flexBasis: \"380px\", padding: \"1rem\" }}\n        >\n          <div className=\"text-center mb-6\">\n            <Typography type=\"h2\">{headerText}</Typography>\n            <Typography className=\"mt-2\">{instructionText}</Typography>\n          </div>\n          <MfaForm onSuccess={props.onSuccess} onCancel={props.onCancel} />\n        </div>\n      </MaybeFullPage>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col items-stretch stack-scope\">\n      <Typography className=\"mb-4 text-center\">{instructionText}</Typography>\n      <MfaForm onSuccess={props.onSuccess} onCancel={props.onCancel} />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"mfa.js","names":["KnownErrors","InputOTP","InputOTPGroup","InputOTPSlot","CheckIcon","Typography","Spinner","FormWarningText","Button","MaybeFullPage"],"sources":["../../src/components-page/mfa.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 {\n  Button,\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n  Spinner,\n  Typography,\n  cn,\n} from \"@hexclave/ui\";\nimport { CheckIcon } from \"lucide-react\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { useStackApp } from \"..\";\nimport { FormWarningText } from \"../components/elements/form-warning\";\nimport { MaybeFullPage } from \"../components/elements/maybe-full-page\";\nimport { useTranslation } from \"../lib/translations\";\n\nfunction MfaForm({ onSuccess, onCancel }: {\n  onSuccess?: () => void,\n  onCancel?: () => void,\n}) {\n  const stackApp = useStackApp();\n  const { t } = useTranslation();\n  const [otp, setOtp] = useState<string>(\"\");\n  const formRef = useRef<HTMLFormElement>(null);\n\n  const [submitting, setSubmitting] = useState<boolean>(false);\n  const [error, setError] = useState<string | null>(null);\n  const [verified, setVerified] = useState<boolean>(false);\n\n  const [attemptCode, setAttemptCode] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!attemptCode && typeof window !== \"undefined\") {\n      // Hexclave rebrand: prefer the new MFA attempt code key, fall back to the legacy key.\n      const code = window.sessionStorage.getItem(\"hexclave_mfa_attempt_code\") ?? window.sessionStorage.getItem(\"stack_mfa_attempt_code\");\n      if (code) {\n        setAttemptCode(code);\n      }\n    }\n  }, [ attemptCode]);\n\n  // Handle OTP verification when code is complete\n  useEffect(() => {\n    if (otp.length === 6 && !submitting) {\n      // Blur any focused inputs\n      if (document.activeElement instanceof HTMLElement) {\n        document.activeElement.blur();\n      }\n      if (formRef.current) {\n        const inputs = formRef.current.querySelectorAll('input');\n        for (const input of inputs) {\n          input.blur();\n        }\n      }\n\n      setSubmitting(true);\n      setError(null);\n\n      if (attemptCode) {\n        stackApp\n          .signInWithMfa(otp, attemptCode, { noRedirect: true })\n          .then(async (result) => {\n            if (result.status === \"ok\") {\n              setVerified(true);\n\n              // Cleanup session storage\n              if (typeof window !== \"undefined\") {\n                // Hexclave rebrand: remove both the new and legacy MFA attempt code keys.\n                window.sessionStorage.removeItem(\"hexclave_mfa_attempt_code\");\n                window.sessionStorage.removeItem(\"stack_mfa_attempt_code\");\n              }\n\n              if (onSuccess) {\n                onSuccess();\n              } else {\n                await stackApp.redirectToAfterSignIn();\n              }\n            } else {\n              throw result.error;\n            }\n          })\n          .catch((e) => {\n            if (e instanceof KnownErrors.InvalidTotpCode) {\n              setError(t(\"Invalid TOTP code\"));\n            } else {\n              setError(t(\"Verification failed\"));\n            }\n          })\n          .finally(() => {\n            setSubmitting(false);\n            if (!verified) {\n              setOtp(\"\");\n            }\n          });\n      } else {\n        setSubmitting(false);\n        setError(t(\"Missing verification information\"));\n      }\n    }\n\n    // Clear error when user is typing\n    if (otp.length !== 0 && otp.length !== 6) {\n      setError(null);\n    }\n  }, [otp, submitting, onSuccess, attemptCode, stackApp, t, verified]);\n\n\n  const inputStyleClass = useMemo(() => {\n    if (verified) {\n      return \"opacity-85 transition-all duration-300\";\n    }\n\n    if (error) {\n      return \"ring-red-500 border-red-500\";\n    }\n\n    return \"focus:ring-primary/50\";\n  }, [error, verified]);\n\n  return (\n    <div className=\"flex flex-col items-stretch stack-scope\">\n      <form ref={formRef} className=\"w-full flex flex-col items-center gap-4\">\n        <InputOTP\n          maxLength={6}\n          type=\"text\"\n          inputMode=\"numeric\"\n          placeholder=\"······\"\n          value={otp}\n          onChange={(value) => setOtp(value.toUpperCase())}\n          disabled={submitting || verified}\n        >\n          <InputOTPGroup>\n            {[0, 1, 2, 3, 4, 5].map((index) => (\n              <InputOTPSlot\n                key={index}\n                index={index}\n                size=\"lg\"\n                className={cn(\n                  \"border focus:ring-2 transition-all\",\n                  inputStyleClass,\n                )}\n              />\n            ))}\n          </InputOTPGroup>\n        </InputOTP>\n\n        {/* Verification Status */}\n        <div className=\"h-8 flex flex-col gap-4 items-center justify-center w-full\">\n          {verified ? (\n            <div className=\"flex items-center gap-2 animate-in fade-in duration-300 slide-in-from-bottom-2\">\n              <CheckIcon className=\"w-5 h-5 text-green-600 animate-in zoom-in duration-300\" />\n              <Typography className=\"text-sm font-medium\">{t(\"Verified! Redirecting...\")}</Typography>\n            </div>\n          ) : submitting ? (\n            <div className=\"flex items-center gap-2\">\n              <Spinner className=\"text-primary h-4 w-4\" />\n              <Typography className=\"text-sm\">{t(\"Verifying...\")}</Typography>\n            </div>\n          ) : null}\n\n          {/* Error reporting */}\n          {error !== null && !submitting && !verified ? <FormWarningText text={error} /> : null}\n        </div>\n      </form>\n\n      {/* Cancel Button */}\n      {onCancel && !verified && (\n        <Button\n          variant=\"link\"\n          onClick={onCancel}\n          className=\"underline mt-4 self-center\"\n          disabled={submitting || verified}\n        >\n          {t(\"Cancel\")}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport function MFA(props: {\n  fullPage?: boolean,\n  onSuccess?: () => void,\n  onCancel?: () => void,\n}) {\n  const { t } = useTranslation();\n\n  const headerText = t(\"Multi-Factor Authentication\");\n  const instructionText = t(\"Enter the six-digit code from your authenticator app\");\n\n  if (props.fullPage) {\n    return (\n      <MaybeFullPage fullPage={true}>\n        <div\n          className=\"stack-scope flex flex-col items-stretch\"\n          style={{ maxWidth: \"380px\", flexBasis: \"380px\", padding: \"1rem\" }}\n        >\n          <div className=\"text-center mb-6\">\n            <Typography type=\"h2\">{headerText}</Typography>\n            <Typography className=\"mt-2\">{instructionText}</Typography>\n          </div>\n          <MfaForm onSuccess={props.onSuccess} onCancel={props.onCancel} />\n        </div>\n      </MaybeFullPage>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col items-stretch stack-scope\">\n      <Typography className=\"mb-4 text-center\">{instructionText}</Typography>\n      <MfaForm onSuccess={props.onSuccess} onCancel={props.onCancel} />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components-page/oauth-callback.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_chunk = require('../chunk-BE-pF4vm.js');
-let _stackframe_stack_shared_dist_utils_errors = require("@hexclave/shared/dist/utils/errors");
-let _stackframe_stack_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
-let _stackframe_stack_ui = require("@hexclave/ui");
+let _hexclave_shared_dist_utils_errors = require("@hexclave/shared/dist/utils/errors");
+let _hexclave_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
+let _hexclave_ui = require("@hexclave/ui");
 let react = require("react");
 let ___index_js = require("../index.js");
 let ___lib_translations_js = require("../lib/translations.js");
 let react_jsx_runtime = require("react/jsx-runtime");
-let _stackframe_stack_shared = require("@hexclave/shared");
+let _hexclave_shared = require("@hexclave/shared");
 let ___components_elements_maybe_full_page_js = require("../components/elements/maybe-full-page.js");
 let ___components_link_js = require("../components/link.js");
 let ___lib_stack_app_index_js = require("../lib/stack-app/index.js");
@@ -21,7 +21,7 @@ function OAuthCallback({ fullPage }) {
 	const called = (0, react.useRef)(false);
 	const [showRedirectLink, setShowRedirectLink] = (0, react.useState)(false);
 	const [redirectUrl, setRedirectUrl] = (0, react.useState)(null);
-	(0, react.useEffect)(() => (0, _stackframe_stack_shared_dist_utils_promises.runAsynchronously)(async () => {
+	(0, react.useEffect)(() => (0, _hexclave_shared_dist_utils_promises.runAsynchronously)(async () => {
 		if (called.current) return;
 		called.current = true;
 		const redirectToError = async (url) => {
@@ -35,7 +35,7 @@ function OAuthCallback({ fullPage }) {
 		try {
 			if (!await app.callOAuthCallback()) await app.redirectToSignIn({ noRedirectBack: true });
 		} catch (e) {
-			if (_stackframe_stack_shared.KnownError.isKnownError(e)) {
+			if (_hexclave_shared.KnownError.isKnownError(e)) {
 				const errorUrl = new URL(app.urls.error, window.location.href);
 				errorUrl.searchParams.set("errorCode", e.errorCode);
 				errorUrl.searchParams.set("message", e.message);
@@ -43,7 +43,7 @@ function OAuthCallback({ fullPage }) {
 				await redirectToError(errorUrl);
 				return;
 			}
-			(0, _stackframe_stack_shared_dist_utils_errors.captureError)("<OAuthCallback />", e);
+			(0, _hexclave_shared_dist_utils_errors.captureError)("<OAuthCallback />", e);
 			await redirectToError(new URL(app.urls.error, window.location.href));
 		}
 	}), [app]);
@@ -54,10 +54,10 @@ function OAuthCallback({ fullPage }) {
 		fullPage: fullPage ?? false,
 		containerClassName: "flex items-center justify-center",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: (0, _stackframe_stack_ui.cn)("text-center justify-center items-center stack-scope flex flex-col gap-4 max-w-[380px]", fullPage ? "p-4" : "p-0"),
+			className: (0, _hexclave_ui.cn)("text-center justify-center items-center stack-scope flex flex-col gap-4 max-w-[380px]", fullPage ? "p-4" : "p-0"),
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "flex flex-col justify-center items-center gap-4",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Spinner, { size: 20 })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Spinner, { size: 20 })
 			}), showRedirectLink || redirectUrl != null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", { children: [t("If you are not redirected automatically, "), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_link_js.StyledLink, {
 				className: "whitespace-nowrap",
 				href: redirectUrl ?? app.urls.home,

package/dist/components-page/oauth-callback.js.map

@@ -1 +1 @@
-{"version":3,"file":"oauth-callback.js","names":["stackAppInternalsSymbol","KnownError","MaybeFullPage","Spinner","StyledLink"],"sources":["../../src/components-page/oauth-callback.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 { KnownError } from \"@stackframe/stack-shared\";\nimport { captureError } from \"@stackframe/stack-shared/dist/utils/errors\";\nimport { runAsynchronously } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { Spinner, cn } from \"@stackframe/stack-ui\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useStackApp } from \"..\";\nimport { MaybeFullPage } from \"../components/elements/maybe-full-page\";\nimport { StyledLink } from \"../components/link\";\nimport { stackAppInternalsSymbol } from \"../lib/stack-app\";\nimport { useTranslation } from \"../lib/translations\";\n\nexport function OAuthCallback({ fullPage }: { fullPage?: boolean }) {\n  const { t } = useTranslation();\n  const app = useStackApp();\n  const called = useRef(false);\n  const [showRedirectLink, setShowRedirectLink] = useState(false);\n  const [redirectUrl, setRedirectUrl] = useState<string | null>(null);\n\n  useEffect(() => runAsynchronously(async () => {\n    if (called.current) return;\n    called.current = true;\n    const redirectToError = async (url: URL) => {\n      const urlString = url.toString();\n      if (app[stackAppInternalsSymbol].getRedirectMethod() === \"none\") {\n        setRedirectUrl(urlString);\n        return;\n      }\n      await app[stackAppInternalsSymbol].redirectToUrl(urlString, { replace: true });\n    };\n    try {\n      const hasRedirected = await app.callOAuthCallback();\n      if (!hasRedirected) {\n        await app.redirectToSignIn({ noRedirectBack: true });\n      }\n    } catch (e) {\n      if (KnownError.isKnownError(e)) {\n        const errorUrl = new URL(app.urls.error, window.location.href);\n        errorUrl.searchParams.set(\"errorCode\", e.errorCode);\n        errorUrl.searchParams.set(\"message\", e.message);\n        errorUrl.searchParams.set(\"details\", JSON.stringify(e.details ?? {}));\n        await redirectToError(errorUrl);\n        return;\n      }\n      captureError(\"<OAuthCallback />\", e);\n      await redirectToError(new URL(app.urls.error, window.location.href));\n    }\n  }), [app]);\n\n  useEffect(() => {\n    setTimeout(() => setShowRedirectLink(true), 3000);\n  }, []);\n\n  return (\n    <MaybeFullPage\n      fullPage={fullPage ?? false}\n      containerClassName=\"flex items-center justify-center\"\n    >\n      <div\n        className={cn(\n          \"text-center justify-center items-center stack-scope flex flex-col gap-4 max-w-[380px]\",\n          fullPage ? \"p-4\" : \"p-0\"\n        )}\n      >\n        <div className=\"flex flex-col justify-center items-center gap-4\">\n          <Spinner size={20} />\n        </div>\n        {showRedirectLink || redirectUrl != null ? <p>{t('If you are not redirected automatically, ')}<StyledLink className=\"whitespace-nowrap\" href={redirectUrl ?? app.urls.home}>{t(\"click here\")}</StyledLink></p> : null}\n      </div>\n    </MaybeFullPage>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,SAAgB,cAAc,EAAE,YAAoC;CAClE,MAAM,EAAE,kDAAsB;CAC9B,MAAM,oCAAmB;CACzB,MAAM,2BAAgB,MAAM;CAC5B,MAAM,CAAC,kBAAkB,2CAAgC,MAAM;CAC/D,MAAM,CAAC,aAAa,sCAA0C,KAAK;AAEnE,gGAAkC,YAAY;AAC5C,MAAI,OAAO,QAAS;AACpB,SAAO,UAAU;EACjB,MAAM,kBAAkB,OAAO,QAAa;GAC1C,MAAM,YAAY,IAAI,UAAU;AAChC,OAAI,IAAIA,mDAAyB,mBAAmB,KAAK,QAAQ;AAC/D,mBAAe,UAAU;AACzB;;AAEF,SAAM,IAAIA,mDAAyB,cAAc,WAAW,EAAE,SAAS,MAAM,CAAC;;AAEhF,MAAI;AAEF,OAAI,CADkB,MAAM,IAAI,mBAAmB,CAEjD,OAAM,IAAI,iBAAiB,EAAE,gBAAgB,MAAM,CAAC;WAE/C,GAAG;AACV,OAAIC,oCAAW,aAAa,EAAE,EAAE;IAC9B,MAAM,WAAW,IAAI,IAAI,IAAI,KAAK,OAAO,OAAO,SAAS,KAAK;AAC9D,aAAS,aAAa,IAAI,aAAa,EAAE,UAAU;AACnD,aAAS,aAAa,IAAI,WAAW,EAAE,QAAQ;AAC/C,aAAS,aAAa,IAAI,WAAW,KAAK,UAAU,EAAE,WAAW,EAAE,CAAC,CAAC;AACrE,UAAM,gBAAgB,SAAS;AAC/B;;AAEF,gEAAa,qBAAqB,EAAE;AACpC,SAAM,gBAAgB,IAAI,IAAI,IAAI,KAAK,OAAO,OAAO,SAAS,KAAK,CAAC;;GAEtE,EAAE,CAAC,IAAI,CAAC;AAEV,4BAAgB;AACd,mBAAiB,oBAAoB,KAAK,EAAE,IAAK;IAChD,EAAE,CAAC;AAEN,QACE,2CAACC;EACC,UAAU,YAAY;EACtB,oBAAmB;YAEnB,4CAAC;GACC,wCACE,yFACA,WAAW,QAAQ,MACpB;cAED,2CAAC;IAAI,WAAU;cACb,2CAACC,gCAAQ,MAAM,KAAM;KACjB,EACL,oBAAoB,eAAe,OAAO,4CAAC,kBAAG,EAAE,4CAA4C,EAAC,2CAACC;IAAW,WAAU;IAAoB,MAAM,eAAe,IAAI,KAAK;cAAO,EAAE,aAAa;KAAc,IAAI,GAAG;IAC7M;GACQ"}
+{"version":3,"file":"oauth-callback.js","names":["stackAppInternalsSymbol","KnownError","MaybeFullPage","Spinner","StyledLink"],"sources":["../../src/components-page/oauth-callback.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 { KnownError } from \"@hexclave/shared\";\nimport { captureError } from \"@hexclave/shared/dist/utils/errors\";\nimport { runAsynchronously } from \"@hexclave/shared/dist/utils/promises\";\nimport { Spinner, cn } from \"@hexclave/ui\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useStackApp } from \"..\";\nimport { MaybeFullPage } from \"../components/elements/maybe-full-page\";\nimport { StyledLink } from \"../components/link\";\nimport { stackAppInternalsSymbol } from \"../lib/stack-app\";\nimport { useTranslation } from \"../lib/translations\";\n\nexport function OAuthCallback({ fullPage }: { fullPage?: boolean }) {\n  const { t } = useTranslation();\n  const app = useStackApp();\n  const called = useRef(false);\n  const [showRedirectLink, setShowRedirectLink] = useState(false);\n  const [redirectUrl, setRedirectUrl] = useState<string | null>(null);\n\n  useEffect(() => runAsynchronously(async () => {\n    if (called.current) return;\n    called.current = true;\n    const redirectToError = async (url: URL) => {\n      const urlString = url.toString();\n      if (app[stackAppInternalsSymbol].getRedirectMethod() === \"none\") {\n        setRedirectUrl(urlString);\n        return;\n      }\n      await app[stackAppInternalsSymbol].redirectToUrl(urlString, { replace: true });\n    };\n    try {\n      const hasRedirected = await app.callOAuthCallback();\n      if (!hasRedirected) {\n        await app.redirectToSignIn({ noRedirectBack: true });\n      }\n    } catch (e) {\n      if (KnownError.isKnownError(e)) {\n        const errorUrl = new URL(app.urls.error, window.location.href);\n        errorUrl.searchParams.set(\"errorCode\", e.errorCode);\n        errorUrl.searchParams.set(\"message\", e.message);\n        errorUrl.searchParams.set(\"details\", JSON.stringify(e.details ?? {}));\n        await redirectToError(errorUrl);\n        return;\n      }\n      captureError(\"<OAuthCallback />\", e);\n      await redirectToError(new URL(app.urls.error, window.location.href));\n    }\n  }), [app]);\n\n  useEffect(() => {\n    setTimeout(() => setShowRedirectLink(true), 3000);\n  }, []);\n\n  return (\n    <MaybeFullPage\n      fullPage={fullPage ?? false}\n      containerClassName=\"flex items-center justify-center\"\n    >\n      <div\n        className={cn(\n          \"text-center justify-center items-center stack-scope flex flex-col gap-4 max-w-[380px]\",\n          fullPage ? \"p-4\" : \"p-0\"\n        )}\n      >\n        <div className=\"flex flex-col justify-center items-center gap-4\">\n          <Spinner size={20} />\n        </div>\n        {showRedirectLink || redirectUrl != null ? <p>{t('If you are not redirected automatically, ')}<StyledLink className=\"whitespace-nowrap\" href={redirectUrl ?? app.urls.home}>{t(\"click here\")}</StyledLink></p> : null}\n      </div>\n    </MaybeFullPage>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,SAAgB,cAAc,EAAE,YAAoC;CAClE,MAAM,EAAE,kDAAsB;CAC9B,MAAM,oCAAmB;CACzB,MAAM,2BAAgB,MAAM;CAC5B,MAAM,CAAC,kBAAkB,2CAAgC,MAAM;CAC/D,MAAM,CAAC,aAAa,sCAA0C,KAAK;AAEnE,wFAAkC,YAAY;AAC5C,MAAI,OAAO,QAAS;AACpB,SAAO,UAAU;EACjB,MAAM,kBAAkB,OAAO,QAAa;GAC1C,MAAM,YAAY,IAAI,UAAU;AAChC,OAAI,IAAIA,mDAAyB,mBAAmB,KAAK,QAAQ;AAC/D,mBAAe,UAAU;AACzB;;AAEF,SAAM,IAAIA,mDAAyB,cAAc,WAAW,EAAE,SAAS,MAAM,CAAC;;AAEhF,MAAI;AAEF,OAAI,CADkB,MAAM,IAAI,mBAAmB,CAEjD,OAAM,IAAI,iBAAiB,EAAE,gBAAgB,MAAM,CAAC;WAE/C,GAAG;AACV,OAAIC,4BAAW,aAAa,EAAE,EAAE;IAC9B,MAAM,WAAW,IAAI,IAAI,IAAI,KAAK,OAAO,OAAO,SAAS,KAAK;AAC9D,aAAS,aAAa,IAAI,aAAa,EAAE,UAAU;AACnD,aAAS,aAAa,IAAI,WAAW,EAAE,QAAQ;AAC/C,aAAS,aAAa,IAAI,WAAW,KAAK,UAAU,EAAE,WAAW,EAAE,CAAC,CAAC;AACrE,UAAM,gBAAgB,SAAS;AAC/B;;AAEF,wDAAa,qBAAqB,EAAE;AACpC,SAAM,gBAAgB,IAAI,IAAI,IAAI,KAAK,OAAO,OAAO,SAAS,KAAK,CAAC;;GAEtE,EAAE,CAAC,IAAI,CAAC;AAEV,4BAAgB;AACd,mBAAiB,oBAAoB,KAAK,EAAE,IAAK;IAChD,EAAE,CAAC;AAEN,QACE,2CAACC;EACC,UAAU,YAAY;EACtB,oBAAmB;YAEnB,4CAAC;GACC,gCACE,yFACA,WAAW,QAAQ,MACpB;cAED,2CAAC;IAAI,WAAU;cACb,2CAACC,wBAAQ,MAAM,KAAM;KACjB,EACL,oBAAoB,eAAe,OAAO,4CAAC,kBAAG,EAAE,4CAA4C,EAAC,2CAACC;IAAW,WAAU;IAAoB,MAAM,eAAe,IAAI,KAAK;cAAO,EAAE,aAAa;KAAc,IAAI,GAAG;IAC7M;GACQ"}

package/dist/components-page/onboarding.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_chunk = require('../chunk-BE-pF4vm.js');
 let _hookform_resolvers_yup = require("@hookform/resolvers/yup");
-let _stackframe_stack_shared_dist_schema_fields = require("@hexclave/shared/dist/schema-fields");
-let _stackframe_stack_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
-let _stackframe_stack_ui = require("@hexclave/ui");
+let _hexclave_shared_dist_schema_fields = require("@hexclave/shared/dist/schema-fields");
+let _hexclave_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
+let _hexclave_ui = require("@hexclave/ui");
 let react = require("react");
 let react_hook_form = require("react-hook-form");
 let ___index_js = require("../index.js");
@@ -23,11 +23,11 @@ function Onboarding(props) {
 		includeRestricted: true
 	});
 	if (user && !user.isRestricted) {
-		(0, _stackframe_stack_shared_dist_utils_promises.runAsynchronously)(stackApp.redirectToAfterSignIn());
+		(0, _hexclave_shared_dist_utils_promises.runAsynchronously)(stackApp.redirectToAfterSignIn());
 		return null;
 	}
 	if (!user || user.isAnonymous) {
-		(0, _stackframe_stack_shared_dist_utils_promises.runAsynchronously)(stackApp.redirectToSignIn());
+		(0, _hexclave_shared_dist_utils_promises.runAsynchronously)(stackApp.redirectToSignIn());
 		return null;
 	}
 	if (user.restrictedReason?.type === "email_not_verified") {
@@ -56,7 +56,7 @@ function AddEmailForm(props) {
 	});
 	(0, ___index_js.useStackApp)();
 	const [loading, setLoading] = (0, react.useState)(false);
-	const { register, handleSubmit, formState: { errors } } = (0, react_hook_form.useForm)({ resolver: (0, _hookform_resolvers_yup.yupResolver)((0, _stackframe_stack_shared_dist_schema_fields.yupObject)({ email: (0, _stackframe_stack_shared_dist_schema_fields.strictEmailSchema)(t("Please enter a valid email address")).defined().nonEmpty(t("Email is required")) })) });
+	const { register, handleSubmit, formState: { errors } } = (0, react_hook_form.useForm)({ resolver: (0, _hookform_resolvers_yup.yupResolver)((0, _hexclave_shared_dist_schema_fields.yupObject)({ email: (0, _hexclave_shared_dist_schema_fields.strictEmailSchema)(t("Please enter a valid email address")).defined().nonEmpty(t("Email is required")) })) });
 	const onSubmit = async (data) => {
 		setLoading(true);
 		try {
@@ -73,21 +73,21 @@ function AddEmailForm(props) {
 		secondaryAction: async () => {
 			await user.signOut();
 		},
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 			className: "mb-4",
 			children: t("Please add an email address to complete your account setup. We'll send you a verification email.")
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
-			onSubmit: (e) => (0, _stackframe_stack_shared_dist_utils_promises.runAsynchronouslyWithAlert)(handleSubmit(onSubmit)(e)),
+			onSubmit: (e) => (0, _hexclave_shared_dist_utils_promises.runAsynchronouslyWithAlert)(handleSubmit(onSubmit)(e)),
 			noValidate: true,
 			className: "flex flex-col gap-2",
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Input, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Input, {
 					...register("email"),
 					placeholder: t("Enter your email"),
 					type: "email"
 				}),
 				errors.email && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_elements_form_warning_js.FormWarningText, { text: errors.email.message }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Button, {
 					type: "submit",
 					loading,
 					className: "w-full",
@@ -116,7 +116,7 @@ function VerifyEmailScreen(props) {
 		secondaryAction: async () => {
 			await user.signOut();
 		},
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.Typography, { children: [
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_hexclave_ui.Typography, { children: [
 			t("Please verify your email address "),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 				className: "font-semibold",

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

@@ -1 +1 @@
-{"version":3,"file":"onboarding.js","names":["MessageCard","Typography","Input","FormWarningText","Button"],"sources":["../../src/components-page/onboarding.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 { strictEmailSchema, yupObject } from \"@stackframe/stack-shared/dist/schema-fields\";\nimport { runAsynchronously, runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { Button, Input, Typography } from \"@stackframe/stack-ui\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { useStackApp, useUser } from \"..\";\nimport { FormWarningText } from \"../components/elements/form-warning\";\nimport { MessageCard } from \"../components/message-cards/message-card\";\nimport { useTranslation } from \"../lib/translations\";\n\nexport function Onboarding(props: {\n  fullPage?: boolean,\n}) {\n  const { t } = useTranslation();\n  const stackApp = useStackApp();\n  const user = useUser({ or: \"return-null\", includeRestricted: true });\n\n  // If user is not restricted anymore, redirect to the intended destination\n  // redirectToAfterSignIn automatically checks for after_auth_return_to in the URL\n  if (user && !user.isRestricted) {\n    runAsynchronously(stackApp.redirectToAfterSignIn());\n    // TODO: This should return a loading indicator, not just null\n    return null;\n  }\n\n  // If user is anonymous or not logged in, redirect to sign-in\n  if (!user || user.isAnonymous) {\n    runAsynchronously(stackApp.redirectToSignIn());\n    // TODO: This should return a loading indicator, not just null\n    return null;\n  }\n\n  // User is restricted - show appropriate onboarding step based on restricted reason\n  const restrictedReason = user.restrictedReason;\n\n  if (restrictedReason?.type === \"email_not_verified\") {\n    // Check if user has a primary email\n    const hasPrimaryEmail = !!user.primaryEmail;\n\n    if (!hasPrimaryEmail) {\n      // User needs to add an email first\n      return <AddEmailForm fullPage={props.fullPage} />;\n    }\n\n    // User has email but it's not verified\n    return <VerifyEmailScreen user={user} email={user.primaryEmail} fullPage={props.fullPage} />;\n  }\n\n  // Unknown restricted reason - show generic message\n  return (\n    <MessageCard\n      title={t(\"Complete your account setup\")}\n      fullPage={!!props.fullPage}\n      secondaryButtonText={t(\"Sign out\")}\n      secondaryAction={async () => {\n        await user.signOut();\n      }}\n    >\n      <p>{t(\"You have not yet completed your account setup. Please reach out to support if you believe this is an error.\")}</p>\n    </MessageCard>\n  );\n}\n\nfunction AddEmailForm(props: {\n  fullPage?: boolean,\n  onEmailAdded?: () => void,\n}) {\n  const { t } = useTranslation();\n  const user = useUser({ or: \"throw\", includeRestricted: true });\n  const stackApp = useStackApp();\n  const [loading, setLoading] = useState(false);\n\n  const emailSchema = yupObject({\n    email: strictEmailSchema(t('Please enter a valid email address'))\n      .defined()\n      .nonEmpty(t('Email is required')),\n  });\n\n  const { register, handleSubmit, formState: { errors } } = useForm({\n    resolver: yupResolver(emailSchema)\n  });\n\n  const onSubmit = async (data: yup.InferType<typeof emailSchema>) => {\n    setLoading(true);\n    try {\n      await user.update({ primaryEmail: data.email });\n      props.onEmailAdded?.();\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <MessageCard\n      title={t(\"Add your email address\")}\n      fullPage={!!props.fullPage}\n      secondaryButtonText={t(\"Sign out\")}\n      secondaryAction={async () => {\n        await user.signOut();\n      }}\n    >\n      <Typography className=\"mb-4\">\n        {t(\"Please add an email address to complete your account setup. We'll send you a verification email.\")}\n      </Typography>\n      <form\n        onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n        noValidate\n        className='flex flex-col gap-2'\n      >\n        <Input\n          {...register(\"email\")}\n          placeholder={t(\"Enter your email\")}\n          type=\"email\"\n        />\n        {errors.email && <FormWarningText text={errors.email.message} />}\n        <Button type=\"submit\" loading={loading} className=\"w-full\">\n          {t(\"Continue\")}\n        </Button>\n      </form>\n    </MessageCard>\n  );\n}\n\nfunction VerifyEmailScreen(props: {\n  user: NonNullable<ReturnType<typeof useUser>>,\n  email: string,\n  fullPage?: boolean,\n}) {\n  const { t } = useTranslation();\n  const { user, email } = props;\n  const [changingEmail, setChangingEmail] = useState(false);\n\n  if (changingEmail) {\n    return <AddEmailForm fullPage={props.fullPage} onEmailAdded={() => setChangingEmail(false)} />;\n  }\n\n  return (\n    <MessageCard\n      title={t(\"Please check your email inbox\")}\n      fullPage={!!props.fullPage}\n      primaryButtonText={t(\"Resend verification email\")}\n      primaryAction={async () => {\n        await user.sendVerificationEmail();\n      }}\n      secondaryButtonText={t(\"Sign out\")}\n      secondaryAction={async () => {\n        await user.signOut();\n      }}\n    >\n      <Typography>\n        {t(\"Please verify your email address \")}\n        <span className=\"font-semibold\">{email}</span>\n        {\" (\"}\n        <button\n          type=\"button\"\n          className=\"text-primary hover:underline\"\n          onClick={() => setChangingEmail(true)}\n        >\n          {t(\"change\")}\n        </button>\n        {\"). \"}\n        {t(\"Click the button below to resend the verification link.\")}\n      </Typography>\n    </MessageCard>\n  );\n}\n\n"],"mappings":"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"}
+{"version":3,"file":"onboarding.js","names":["MessageCard","Typography","Input","FormWarningText","Button"],"sources":["../../src/components-page/onboarding.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 { strictEmailSchema, yupObject } from \"@hexclave/shared/dist/schema-fields\";\nimport { runAsynchronously, runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport { Button, Input, Typography } from \"@hexclave/ui\";\nimport { useState } from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport * as yup from \"yup\";\nimport { useStackApp, useUser } from \"..\";\nimport { FormWarningText } from \"../components/elements/form-warning\";\nimport { MessageCard } from \"../components/message-cards/message-card\";\nimport { useTranslation } from \"../lib/translations\";\n\nexport function Onboarding(props: {\n  fullPage?: boolean,\n}) {\n  const { t } = useTranslation();\n  const stackApp = useStackApp();\n  const user = useUser({ or: \"return-null\", includeRestricted: true });\n\n  // If user is not restricted anymore, redirect to the intended destination\n  // redirectToAfterSignIn automatically checks for after_auth_return_to in the URL\n  if (user && !user.isRestricted) {\n    runAsynchronously(stackApp.redirectToAfterSignIn());\n    // TODO: This should return a loading indicator, not just null\n    return null;\n  }\n\n  // If user is anonymous or not logged in, redirect to sign-in\n  if (!user || user.isAnonymous) {\n    runAsynchronously(stackApp.redirectToSignIn());\n    // TODO: This should return a loading indicator, not just null\n    return null;\n  }\n\n  // User is restricted - show appropriate onboarding step based on restricted reason\n  const restrictedReason = user.restrictedReason;\n\n  if (restrictedReason?.type === \"email_not_verified\") {\n    // Check if user has a primary email\n    const hasPrimaryEmail = !!user.primaryEmail;\n\n    if (!hasPrimaryEmail) {\n      // User needs to add an email first\n      return <AddEmailForm fullPage={props.fullPage} />;\n    }\n\n    // User has email but it's not verified\n    return <VerifyEmailScreen user={user} email={user.primaryEmail} fullPage={props.fullPage} />;\n  }\n\n  // Unknown restricted reason - show generic message\n  return (\n    <MessageCard\n      title={t(\"Complete your account setup\")}\n      fullPage={!!props.fullPage}\n      secondaryButtonText={t(\"Sign out\")}\n      secondaryAction={async () => {\n        await user.signOut();\n      }}\n    >\n      <p>{t(\"You have not yet completed your account setup. Please reach out to support if you believe this is an error.\")}</p>\n    </MessageCard>\n  );\n}\n\nfunction AddEmailForm(props: {\n  fullPage?: boolean,\n  onEmailAdded?: () => void,\n}) {\n  const { t } = useTranslation();\n  const user = useUser({ or: \"throw\", includeRestricted: true });\n  const stackApp = useStackApp();\n  const [loading, setLoading] = useState(false);\n\n  const emailSchema = yupObject({\n    email: strictEmailSchema(t('Please enter a valid email address'))\n      .defined()\n      .nonEmpty(t('Email is required')),\n  });\n\n  const { register, handleSubmit, formState: { errors } } = useForm({\n    resolver: yupResolver(emailSchema)\n  });\n\n  const onSubmit = async (data: yup.InferType<typeof emailSchema>) => {\n    setLoading(true);\n    try {\n      await user.update({ primaryEmail: data.email });\n      props.onEmailAdded?.();\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <MessageCard\n      title={t(\"Add your email address\")}\n      fullPage={!!props.fullPage}\n      secondaryButtonText={t(\"Sign out\")}\n      secondaryAction={async () => {\n        await user.signOut();\n      }}\n    >\n      <Typography className=\"mb-4\">\n        {t(\"Please add an email address to complete your account setup. We'll send you a verification email.\")}\n      </Typography>\n      <form\n        onSubmit={e => runAsynchronouslyWithAlert(handleSubmit(onSubmit)(e))}\n        noValidate\n        className='flex flex-col gap-2'\n      >\n        <Input\n          {...register(\"email\")}\n          placeholder={t(\"Enter your email\")}\n          type=\"email\"\n        />\n        {errors.email && <FormWarningText text={errors.email.message} />}\n        <Button type=\"submit\" loading={loading} className=\"w-full\">\n          {t(\"Continue\")}\n        </Button>\n      </form>\n    </MessageCard>\n  );\n}\n\nfunction VerifyEmailScreen(props: {\n  user: NonNullable<ReturnType<typeof useUser>>,\n  email: string,\n  fullPage?: boolean,\n}) {\n  const { t } = useTranslation();\n  const { user, email } = props;\n  const [changingEmail, setChangingEmail] = useState(false);\n\n  if (changingEmail) {\n    return <AddEmailForm fullPage={props.fullPage} onEmailAdded={() => setChangingEmail(false)} />;\n  }\n\n  return (\n    <MessageCard\n      title={t(\"Please check your email inbox\")}\n      fullPage={!!props.fullPage}\n      primaryButtonText={t(\"Resend verification email\")}\n      primaryAction={async () => {\n        await user.sendVerificationEmail();\n      }}\n      secondaryButtonText={t(\"Sign out\")}\n      secondaryAction={async () => {\n        await user.signOut();\n      }}\n    >\n      <Typography>\n        {t(\"Please verify your email address \")}\n        <span className=\"font-semibold\">{email}</span>\n        {\" (\"}\n        <button\n          type=\"button\"\n          className=\"text-primary hover:underline\"\n          onClick={() => setChangingEmail(true)}\n        >\n          {t(\"change\")}\n        </button>\n        {\"). \"}\n        {t(\"Click the button below to resend the verification link.\")}\n      </Typography>\n    </MessageCard>\n  );\n}\n\n"],"mappings":"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"}

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

@@ -3,38 +3,38 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 const require_chunk = require('../chunk-BE-pF4vm.js');
 let _hookform_resolvers_yup = require("@hookform/resolvers/yup");
-let _stackframe_stack_shared_dist_schema_fields = require("@hexclave/shared/dist/schema-fields");
-let _stackframe_stack_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
-let _stackframe_stack_ui = require("@hexclave/ui");
+let _hexclave_shared_dist_schema_fields = require("@hexclave/shared/dist/schema-fields");
+let _hexclave_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
+let _hexclave_ui = require("@hexclave/ui");
 let react = require("react");
 let react_hook_form = require("react-hook-form");
 let ___index_js = require("../index.js");
 let ___components_elements_form_warning_js = require("../components/elements/form-warning.js");
 let ___lib_translations_js = require("../lib/translations.js");
 let react_jsx_runtime = require("react/jsx-runtime");
-let _stackframe_stack_shared_dist_helpers_password = require("@hexclave/shared/dist/helpers/password");
+let _hexclave_shared_dist_helpers_password = require("@hexclave/shared/dist/helpers/password");
 let yup = require("yup");
 yup = require_chunk.__toESM(yup);
-let _stackframe_stack_shared = require("@hexclave/shared");
+let _hexclave_shared = require("@hexclave/shared");
 let ___components_elements_maybe_full_page_js = require("../components/elements/maybe-full-page.js");
 let ___components_message_cards_predefined_message_card_js = require("../components/message-cards/predefined-message-card.js");
 let ___components_message_cards_message_card_js = require("../components/message-cards/message-card.js");
-let _stackframe_stack_shared_dist_utils_caches = require("@hexclave/shared/dist/utils/caches");
-let _stackframe_stack_shared_dist_utils_react = require("@hexclave/shared/dist/utils/react");
+let _hexclave_shared_dist_utils_caches = require("@hexclave/shared/dist/utils/caches");
+let _hexclave_shared_dist_utils_react = require("@hexclave/shared/dist/utils/react");
 
 //#region src/components-page/password-reset.tsx
 function PasswordResetForm(props) {
 	const { t } = (0, ___lib_translations_js.useTranslation)();
-	const { register, handleSubmit, formState: { errors }, clearErrors } = (0, react_hook_form.useForm)({ resolver: (0, _hookform_resolvers_yup.yupResolver)((0, _stackframe_stack_shared_dist_schema_fields.yupObject)({
-		password: _stackframe_stack_shared_dist_schema_fields.passwordSchema.defined(t("Please enter your password")).nonEmpty(t("Please enter your password")).test({
+	const { register, handleSubmit, formState: { errors }, clearErrors } = (0, react_hook_form.useForm)({ resolver: (0, _hookform_resolvers_yup.yupResolver)((0, _hexclave_shared_dist_schema_fields.yupObject)({
+		password: _hexclave_shared_dist_schema_fields.passwordSchema.defined(t("Please enter your password")).nonEmpty(t("Please enter your password")).test({
 			name: "is-valid-password",
 			test: (value, ctx) => {
-				const error = (0, _stackframe_stack_shared_dist_helpers_password.getPasswordError)(value);
+				const error = (0, _hexclave_shared_dist_helpers_password.getPasswordError)(value);
 				if (error) return ctx.createError({ message: error.message });
 				else return true;
 			}
 		}),
-		passwordRepeat: (0, _stackframe_stack_shared_dist_schema_fields.yupString)().nullable().oneOf([yup.ref("password"), null], t("Passwords do not match")).defined().nonEmpty(t("Please repeat your password"))
+		passwordRepeat: (0, _hexclave_shared_dist_schema_fields.yupString)().nullable().oneOf([yup.ref("password"), null], t("Passwords do not match")).defined().nonEmpty(t("Please repeat your password"))
 	})) });
 	const stackApp = (0, ___index_js.useStackApp)();
 	const [finished, setFinished] = (0, react.useState)(false);
@@ -68,24 +68,24 @@ function PasswordResetForm(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_elements_maybe_full_page_js.MaybeFullPage, {
 		fullPage: !!props.fullPage,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: (0, _stackframe_stack_ui.cn)("flex flex-col items-stretch max-w-[380px] flex-basis-[380px]", props.fullPage ? "p-4" : "p-0"),
+			className: (0, _hexclave_ui.cn)("flex flex-col items-stretch max-w-[380px] flex-basis-[380px]", props.fullPage ? "p-4" : "p-0"),
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "text-center mb-6",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, {
 					type: "h2",
 					children: t("Reset Your Password")
 				})
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
 				className: "flex flex-col items-stretch",
-				onSubmit: (e) => (0, _stackframe_stack_shared_dist_utils_promises.runAsynchronouslyWithAlert)(handleSubmit(onSubmit)(e)),
+				onSubmit: (e) => (0, _hexclave_shared_dist_utils_promises.runAsynchronouslyWithAlert)(handleSubmit(onSubmit)(e)),
 				noValidate: true,
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Label, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Label, {
 						htmlFor: "password",
 						className: "mb-1",
 						children: t("New Password")
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.PasswordInput, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.PasswordInput, {
 						id: "password",
 						autoComplete: "new-password",
 						...register("password"),
@@ -95,12 +95,12 @@ function PasswordResetForm(props) {
 						}
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_elements_form_warning_js.FormWarningText, { text: errors.password?.message?.toString() }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Label, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Label, {
 						htmlFor: "repeat-password",
 						className: "mt-4 mb-1",
 						children: t("Repeat New Password")
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.PasswordInput, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.PasswordInput, {
 						id: "repeat-password",
 						autoComplete: "new-password",
 						...register("passwordRepeat"),
@@ -110,7 +110,7 @@ function PasswordResetForm(props) {
 						}
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_elements_form_warning_js.FormWarningText, { text: errors.passwordRepeat?.message?.toString() }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Button, {
 						type: "submit",
 						className: "mt-6",
 						loading,
@@ -121,7 +121,7 @@ function PasswordResetForm(props) {
 		})
 	});
 }
-const cachedVerifyPasswordResetCode = (0, _stackframe_stack_shared_dist_utils_caches.cacheFunction)(async (stackApp, code) => {
+const cachedVerifyPasswordResetCode = (0, _hexclave_shared_dist_utils_caches.cacheFunction)(async (stackApp, code) => {
 	return await stackApp.verifyPasswordResetCode(code);
 });
 function PasswordReset({ searchParams, fullPage = false }) {
@@ -130,24 +130,24 @@ function PasswordReset({ searchParams, fullPage = false }) {
 	const invalidJsx = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_message_cards_message_card_js.MessageCard, {
 		title: t("Invalid Password Reset Link"),
 		fullPage,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, { children: t("Please double check if you have the correct password reset link.") })
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, { children: t("Please double check if you have the correct password reset link.") })
 	});
 	const expiredJsx = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_message_cards_message_card_js.MessageCard, {
 		title: t("Expired Password Reset Link"),
 		fullPage,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, { children: t("Your password reset link has expired. Please request a new password reset link from the login page.") })
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, { children: t("Your password reset link has expired. Please request a new password reset link from the login page.") })
 	});
 	const usedJsx = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_message_cards_message_card_js.MessageCard, {
 		title: t("Used Password Reset Link"),
 		fullPage,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Typography, { children: 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.") })
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_hexclave_ui.Typography, { children: 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.") })
 	});
 	const code = searchParams.code;
 	if (!code) return invalidJsx;
-	const result = (0, _stackframe_stack_shared_dist_utils_react.use)(cachedVerifyPasswordResetCode(stackApp, code));
-	if (result.status === "error") if (_stackframe_stack_shared.KnownErrors.VerificationCodeNotFound.isInstance(result.error)) return invalidJsx;
-	else if (_stackframe_stack_shared.KnownErrors.VerificationCodeExpired.isInstance(result.error)) return expiredJsx;
-	else if (_stackframe_stack_shared.KnownErrors.VerificationCodeAlreadyUsed.isInstance(result.error)) return usedJsx;
+	const result = (0, _hexclave_shared_dist_utils_react.use)(cachedVerifyPasswordResetCode(stackApp, code));
+	if (result.status === "error") if (_hexclave_shared.KnownErrors.VerificationCodeNotFound.isInstance(result.error)) return invalidJsx;
+	else if (_hexclave_shared.KnownErrors.VerificationCodeExpired.isInstance(result.error)) return expiredJsx;
+	else if (_hexclave_shared.KnownErrors.VerificationCodeAlreadyUsed.isInstance(result.error)) return usedJsx;
 	else throw result.error;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PasswordResetForm, {
 		code,

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

@@ -1 +1 @@
-{"version":3,"file":"password-reset.js","names":["passwordSchema","PredefinedMessageCard","MessageCard","MaybeFullPage","Typography","Label","PasswordInput","FormWarningText","Button","KnownErrors"],"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 \"@stackframe/stack-shared\";\nimport { getPasswordError } from \"@stackframe/stack-shared/dist/helpers/password\";\nimport { passwordSchema, yupObject, yupString } from \"@stackframe/stack-shared/dist/schema-fields\";\nimport { cacheFunction } from \"@stackframe/stack-shared/dist/utils/caches\";\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { use } from \"@stackframe/stack-shared/dist/utils/react\";\nimport { Button, Label, PasswordInput, Typography, cn } from \"@stackframe/stack-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":["passwordSchema","PredefinedMessageCard","MessageCard","MaybeFullPage","Typography","Label","PasswordInput","FormWarningText","Button","KnownErrors"],"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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"}

package/dist/components-page/section.js

@@ -1,2 +1,2 @@
-let _stackframe_stack_ui = require("@hexclave/ui");
+let _hexclave_ui = require("@hexclave/ui");
 let react_jsx_runtime = require("react/jsx-runtime");

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

@@ -5,16 +5,16 @@ const require_chunk = require('../chunk-BE-pF4vm.js');
 let ___index_js = require("../index.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let ___components_message_cards_predefined_message_card_js = require("../components/message-cards/predefined-message-card.js");
-let _stackframe_stack_shared_dist_utils_caches = require("@hexclave/shared/dist/utils/caches");
-let _stackframe_stack_shared_dist_utils_react = require("@hexclave/shared/dist/utils/react");
+let _hexclave_shared_dist_utils_caches = require("@hexclave/shared/dist/utils/caches");
+let _hexclave_shared_dist_utils_react = require("@hexclave/shared/dist/utils/react");
 
 //#region src/components-page/sign-out.tsx
-const cacheSignOut = (0, _stackframe_stack_shared_dist_utils_caches.cacheFunction)(async (user) => {
+const cacheSignOut = (0, _hexclave_shared_dist_utils_caches.cacheFunction)(async (user) => {
 	return await user.signOut();
 });
 function SignOut(props) {
 	const user = (0, ___index_js.useUser)();
-	if (user) (0, _stackframe_stack_shared_dist_utils_react.use)(cacheSignOut(user));
+	if (user) (0, _hexclave_shared_dist_utils_react.use)(cacheSignOut(user));
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_message_cards_predefined_message_card_js.PredefinedMessageCard, {
 		type: "signedOut",
 		fullPage: props.fullPage

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

@@ -1 +1 @@
-{"version":3,"file":"sign-out.js","names":["PredefinedMessageCard"],"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 \"@stackframe/stack-shared/dist/utils/caches\";\nimport { use } from \"@stackframe/stack-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,6EAA6B,OAAO,SAAsB;AAC9D,QAAO,MAAM,KAAK,SAAS;EAC3B;AAEF,SAAgB,QAAQ,OAA+B;CACrD,MAAM,iCAAgB;AAEtB,KAAI,KACF,oDAAI,aAAa,KAAK,CAAC;AAGzB,QAAO,2CAACA;EAAsB,MAAK;EAAY,UAAU,MAAM;GAAY"}
+{"version":3,"file":"sign-out.js","names":["PredefinedMessageCard"],"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,qEAA6B,OAAO,SAAsB;AAC9D,QAAO,MAAM,KAAK,SAAS;EAC3B;AAEF,SAAgB,QAAQ,OAA+B;CACrD,MAAM,iCAAgB;AAEtB,KAAI,KACF,4CAAI,aAAa,KAAK,CAAC;AAGzB,QAAO,2CAACA;EAAsB,MAAK;EAAY,UAAU,MAAM;GAAY"}

package/dist/components-page/stack-handler-client.js

@@ -2,19 +2,19 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_chunk = require('../chunk-BE-pF4vm.js');
-let _stackframe_stack_shared_dist_utils_errors = require("@hexclave/shared/dist/utils/errors");
-let _stackframe_stack_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
+let _hexclave_shared_dist_utils_errors = require("@hexclave/shared/dist/utils/errors");
+let _hexclave_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
 let react = require("react");
 let ___index_js = require("../index.js");
 let react_jsx_runtime = require("react/jsx-runtime");
 let ___lib_hooks_js = require("../lib/hooks.js");
-let _stackframe_stack_shared_dist_utils_urls = require("@hexclave/shared/dist/utils/urls");
-let ___lib_stack_app_url_targets_js = require("../lib/stack-app/url-targets.js");
 let __cli_auth_confirm_js = require("./cli-auth-confirm.js");
 let ___components_message_cards_message_card_js = require("../components/message-cards/message-card.js");
 let ___lib_stack_app_index_js = require("../lib/stack-app/index.js");
-let _stackframe_stack_shared_dist_utils_objects = require("@hexclave/shared/dist/utils/objects");
+let _hexclave_shared_dist_utils_objects = require("@hexclave/shared/dist/utils/objects");
+let _hexclave_shared_dist_utils_urls = require("@hexclave/shared/dist/utils/urls");
 let next_navigation = require("next/navigation");
+let ___lib_stack_app_url_targets_js = require("../lib/stack-app/url-targets.js");
 let __account_settings_js = require("./account-settings.js");
 let __email_verification_js = require("./email-verification.js");
 let __error_page_js = require("./error-page.js");
@@ -140,7 +140,7 @@ function renderComponent(props) {
 				...filterUndefinedINU(componentProps?.Onboarding)
 			});
 		default: {
-			if (Object.values(availablePaths).includes(path)) throw new _stackframe_stack_shared_dist_utils_errors.HexclaveAssertionError(`Path alias ${path} not included in switch statement, but in availablePaths?`, { availablePaths });
+			if (Object.values(availablePaths).includes(path)) throw new _hexclave_shared_dist_utils_errors.HexclaveAssertionError(`Path alias ${path} not included in switch statement, but in availablePaths?`, { availablePaths });
 			for (const [key, value] of Object.entries(pathAliases)) if (path.toLowerCase().replaceAll("-", "") === key.toLowerCase().replaceAll("-", "")) return { redirect: `${app.urls.handler}/${value}?${new URLSearchParams(searchParams).toString()}` };
 			const defaultUnknownPathUrl = getDefaultUnknownPathUrl?.(path);
 			if (defaultUnknownPathUrl != null) {
@@ -199,7 +199,7 @@ function StackHandlerClient(props) {
 	const redirectToPage = result != null && typeof result === "object" && "redirectToPage" in result ? result.redirectToPage : void 0;
 	(0, react.useEffect)(() => {
 		if (redirectToPage == null) return;
-		(0, _stackframe_stack_shared_dist_utils_promises.runAsynchronouslyWithAlert)(stackApp[___lib_stack_app_index_js.stackAppInternalsSymbol].redirectToHandler(redirectToPage, { replace: true }));
+		(0, _hexclave_shared_dist_utils_promises.runAsynchronouslyWithAlert)(stackApp[___lib_stack_app_index_js.stackAppInternalsSymbol].redirectToHandler(redirectToPage, { replace: true }));
 	}, [redirectToPage, stackApp]);
 	if (redirectToPage != null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_message_cards_message_card_js.MessageCard, {
 		title: "Redirecting...",
@@ -209,10 +209,10 @@ function StackHandlerClient(props) {
 	return result;
 }
 function filterUndefinedINU(value) {
-	return value === void 0 ? value : (0, _stackframe_stack_shared_dist_utils_objects.filterUndefined)(value);
+	return value === void 0 ? value : (0, _hexclave_shared_dist_utils_objects.filterUndefined)(value);
 }
 function toAbsoluteOrRelativeRedirectTarget(url) {
-	return url.origin === "http://example.com" ? (0, _stackframe_stack_shared_dist_utils_urls.getRelativePart)(url) : url.toString();
+	return url.origin === "http://example.com" ? (0, _hexclave_shared_dist_utils_urls.getRelativePart)(url) : url.toString();
 }
 
 //#endregion