@burdenoff/microfe-auth 2026.1030.1 → 2026.1101.1

package/dist/auth/pages/ReactivatePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactivatePage.js","names":[],"sources":["../../../src/auth/pages/ReactivatePage.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { useTr } from \"../../shared/hooks/useTr\";\nimport { useNavigate, useLocation } from \"react-router\";\nimport { useAccountOperations } from \"../hooks/useAccountOperations\";\nimport { AuthLayout } from \"../components/AuthLayout\";\nimport { Button } from \"@burdenoff/fe-libs/button\";\nimport { PagePurpose } from \"@burdenoff/fe-libs/ui\";\nimport {\n  EmailIcon,\n  LockIcon,\n  SpinnerIcon,\n  AlertIcon,\n} from \"../components/AuthIcons\";\n\n/**\n * Account Reactivation Page\n * Allows users to reactivate their deactivated accounts\n */\nexport function ReactivatePage() {\n  const tr = useTr();\n\n  const navigate = useNavigate();\n  const location = useLocation();\n  const { reactivateAccount, isReactivating } = useAccountOperations();\n\n  // Get email from navigation state (passed from login page)\n  const emailFromState = (location.state as { email?: string })?.email || \"\";\n\n  const [email, setEmail] = useState(emailFromState);\n  const [password, setPassword] = useState(\"\");\n  const [error, setError] = useState<string | null>(null);\n  const [success, setSuccess] = useState(false);\n\n  // Update email if passed from login page\n  useEffect(() => {\n    if (emailFromState) {\n      setEmail(emailFromState);\n    }\n  }, [emailFromState]);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n\n    if (!email || !password) {\n      setError(\n        tr(\"auth.reactivate.enterBoth\", \"Please enter both email and password\"),\n      );\n      return;\n    }\n\n    try {\n      const result = await reactivateAccount(email, password);\n\n      if (result.success) {\n        setSuccess(true);\n        // Redirect to dashboard after short delay\n        setTimeout(() => {\n          navigate(\"/dashboard\", { replace: true });\n        }, 2000);\n      } else {\n        setError(\n          result.error ||\n            tr(\"auth.reactivate.failed\", \"Failed to reactivate account\"),\n        );\n      }\n    } catch (err) {\n      console.error(\"Reactivation error:\", err);\n      setError(\n        err instanceof Error\n          ? err.message\n          : tr(\n              \"auth.reactivate.unexpectedError\",\n              \"An unexpected error occurred\",\n            ),\n      );\n    }\n  };\n\n  if (success) {\n    return (\n      <AuthLayout\n        title={tr(\"auth.reactivate.successTitle\", \"Account Reactivated!\")}\n        subtitle={tr(\"auth.reactivate.successSubtitle\", \"Welcome back\")}\n      >\n        <div className=\"text-center py-8\">\n          <div className=\"size-20 mx-auto mb-6 rounded-full bg-[var(--color-status-success-bg-subtle)] flex items-center justify-center\">\n            <svg\n              className=\"size-10 text-[var(--color-status-success-text)]\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M5 13l4 4L19 7\"\n              />\n            </svg>\n          </div>\n\n          <h2 className=\"text-xl font-semibold text-[var(--color-text-primary)] mb-2\">\n            {tr(\"auth.reactivate.accountActive\", \"Your account is now active\")}\n          </h2>\n          <p className=\"text-[var(--color-text-secondary)] mb-6\">\n            {tr(\n              \"auth.reactivate.redirecting\",\n              \"You can now access all features. Redirecting to dashboard...\",\n            )}\n          </p>\n\n          <div className=\"flex justify-center\">\n            <SpinnerIcon className=\"size-6 text-status-success-text animate-spin\" />\n          </div>\n        </div>\n      </AuthLayout>\n    );\n  }\n\n  return (\n    <AuthLayout\n      title={tr(\"auth.reactivate.title\", \"Reactivate Account\")}\n      subtitle={tr(\n        \"auth.reactivate.subtitle\",\n        \"Restore access to your deactivated account\",\n      )}\n    >\n      <PagePurpose className=\"mb-5\">\n        {tr(\n          \"auth.reactivate.purpose\",\n          \"Reactivate an account you previously deactivated. Confirm your email and password to restore full access — deleted accounts can't be recovered here.\",\n        )}\n      </PagePurpose>\n      <form onSubmit={handleSubmit} className=\"space-y-5\">\n        {/* Error Alert */}\n        {error && (\n          <div className=\"flex items-start gap-3 p-4 rounded-xl bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)]\">\n            <AlertIcon className=\"size-5 text-[var(--color-status-error-text)] flex-shrink-0 mt-0.5\" />\n            <div className=\"flex-1\">\n              <p className=\"text-sm text-[var(--color-status-error-text)]\">\n                {error}\n              </p>\n            </div>\n          </div>\n        )}\n\n        {/* Info Banner */}\n        <div className=\"p-4 rounded-xl bg-[var(--color-status-warning-bg-subtle)] border border-[var(--color-status-warning-border)]\">\n          <div className=\"flex items-start gap-3\">\n            <svg\n              className=\"size-5 text-[var(--color-status-warning-text)] flex-shrink-0 mt-0.5\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n              />\n            </svg>\n            <div>\n              <p className=\"text-sm text-[var(--color-status-warning-text)] font-medium\">\n                {tr(\"auth.reactivate.deactivated\", \"Account Deactivated?\")}\n              </p>\n              <p className=\"text-xs text-[var(--color-status-warning-text)] mt-1\">\n                {tr(\n                  \"auth.reactivate.instructions\",\n                  \"If you previously deactivated your account, you can restore it here. Enter your email and password to reactivate.\",\n                )}\n              </p>\n            </div>\n          </div>\n        </div>\n\n        {/* Email Input */}\n        <div className=\"space-y-2\">\n          <label\n            htmlFor=\"email\"\n            className=\"block text-sm font-medium text-[var(--color-text-primary)]\"\n          >\n            {tr(\"auth.reactivate.emailLabel\", \"Email Address\")}\n          </label>\n          <div className=\"relative\">\n            <div className=\"absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none\">\n              <EmailIcon className=\"size-5 text-[var(--color-text-tertiary)]\" />\n            </div>\n            <input\n              id=\"email\"\n              type=\"email\"\n              required\n              aria-label={tr(\"auth.reactivate.emailLabel\", \"Email Address\")}\n              value={email}\n              onChange={(e) => setEmail(e.target.value)}\n              className=\"block w-full pl-[3.5rem] pr-4 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-status-success-bg/20 focus:border-status-success-border transition-all\"\n              placeholder={tr(\n                \"auth.reactivate.emailPlaceholder\",\n                \"you@example.com\",\n              )}\n            />\n          </div>\n        </div>\n\n        {/* Password Input */}\n        <div className=\"space-y-2\">\n          <label\n            htmlFor=\"password\"\n            className=\"block text-sm font-medium text-[var(--color-text-primary)]\"\n          >\n            {tr(\"auth.reactivate.passwordLabel\", \"Password\")}\n          </label>\n          <div className=\"relative\">\n            <div className=\"absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none\">\n              <LockIcon className=\"size-5 text-[var(--color-text-tertiary)]\" />\n            </div>\n            <input\n              id=\"password\"\n              type=\"password\"\n              required\n              aria-label={tr(\"auth.reactivate.passwordLabel\", \"Password\")}\n              value={password}\n              onChange={(e) => setPassword(e.target.value)}\n              className=\"block w-full pl-[3.5rem] pr-4 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-status-success-bg/20 focus:border-status-success-border transition-all\"\n              placeholder={tr(\n                \"auth.reactivate.passwordPlaceholder\",\n                \"Enter your password\",\n              )}\n            />\n          </div>\n        </div>\n\n        {/* Submit Button */}\n        <Button\n          type=\"submit\"\n          disabled={isReactivating || !email || !password}\n          variant=\"default\"\n          size=\"lg\"\n          className=\"w-full font-semibold\"\n        >\n          {isReactivating ? (\n            <>\n              <SpinnerIcon className=\"size-5 animate-spin\" />\n              <span>{tr(\"auth.reactivate.reactivating\", \"Reactivating…\")}</span>\n            </>\n          ) : (\n            <>\n              <svg\n                className=\"size-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\n                />\n              </svg>\n              <span>\n                {tr(\"auth.reactivate.reactivateBtn\", \"Reactivate Account\")}\n              </span>\n            </>\n          )}\n        </Button>\n      </form>\n\n      {/* Links */}\n      <div className=\"mt-8 pt-6 border-t border-[var(--color-border-default)] space-y-4\">\n        <div className=\"text-center\">\n          <button\n            type=\"button\"\n            onClick={() => navigate(\"/auth/login\")}\n            className=\"text-sm text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)] transition-colors\"\n          >\n            {tr(\n              \"auth.reactivate.accountIsActive\",\n              \"Remember your account is active?\",\n            )}{\" \"}\n            <span className=\"font-semibold text-text-link hover:text-text-linkHover\">\n              {tr(\"auth.reactivate.signInInstead\", \"Sign in instead\")}\n            </span>\n          </button>\n        </div>\n\n        <div className=\"text-center\">\n          <button\n            type=\"button\"\n            onClick={() => navigate(\"/auth/reset-password\")}\n            className=\"text-sm text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)] transition-colors\"\n          >\n            {tr(\"auth.reactivate.forgotPassword\", \"Forgot your password?\")}{\" \"}\n            <span className=\"font-semibold text-accent-purple hover:text-accent-purple\">\n              {tr(\"auth.reactivate.resetIt\", \"Reset it\")}\n            </span>\n          </button>\n        </div>\n      </div>\n\n      {/* Help Text */}\n      <div className=\"mt-6 p-4 rounded-xl bg-[var(--color-bg-muted)] border border-[var(--color-border-default)]\">\n        <h4 className=\"text-sm font-medium text-[var(--color-text-primary)] mb-2\">\n          {tr(\n            \"auth.reactivate.cantReactivate\",\n            \"Can't reactivate your account?\",\n          )}\n        </h4>\n        <p className=\"text-xs text-[var(--color-text-secondary)]\">\n          {tr(\n            \"auth.reactivate.deletedHelp\",\n            \"If your account was deleted (not just deactivated), it cannot be restored. Contact support if you believe this is an error.\",\n          )}\n        </p>\n      </div>\n    </AuthLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ReactivatePage.js","names":["_Fragment","ReactivatePage","tr","useTr","navigate","useNavigate","location","useLocation","useAccountOperations","emailFromState","email","setEmail","useState","password","setPassword","error","setError","success","setSuccess","useEffect","AuthLayout","SpinnerIcon","PagePurpose","result","reactivateAccount","err","AlertIcon","EmailIcon","LockIcon","Button","isReactivating","Fragment"],"sources":["../../../src/auth/pages/ReactivatePage.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { useTr } from \"../../shared/hooks/useTr\";\nimport { useNavigate, useLocation } from \"react-router\";\nimport { useAccountOperations } from \"../hooks/useAccountOperations\";\nimport { AuthLayout } from \"../components/AuthLayout\";\nimport { Button } from \"@burdenoff/fe-libs/button\";\nimport { PagePurpose } from \"@burdenoff/fe-libs/ui\";\nimport {\n  EmailIcon,\n  LockIcon,\n  SpinnerIcon,\n  AlertIcon,\n} from \"../components/AuthIcons\";\n\n/**\n * Account Reactivation Page\n * Allows users to reactivate their deactivated accounts\n */\nexport function ReactivatePage() {\n  const tr = useTr();\n\n  const navigate = useNavigate();\n  const location = useLocation();\n  const { reactivateAccount, isReactivating } = useAccountOperations();\n\n  // Get email from navigation state (passed from login page)\n  const emailFromState = (location.state as { email?: string })?.email || \"\";\n\n  const [email, setEmail] = useState(emailFromState);\n  const [password, setPassword] = useState(\"\");\n  const [error, setError] = useState<string | null>(null);\n  const [success, setSuccess] = useState(false);\n\n  // Update email if passed from login page\n  useEffect(() => {\n    if (emailFromState) {\n      setEmail(emailFromState);\n    }\n  }, [emailFromState]);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n\n    if (!email || !password) {\n      setError(\n        tr(\"auth.reactivate.enterBoth\", \"Please enter both email and password\"),\n      );\n      return;\n    }\n\n    try {\n      const result = await reactivateAccount(email, password);\n\n      if (result.success) {\n        setSuccess(true);\n        // Redirect to dashboard after short delay\n        setTimeout(() => {\n          navigate(\"/dashboard\", { replace: true });\n        }, 2000);\n      } else {\n        setError(\n          result.error ||\n            tr(\"auth.reactivate.failed\", \"Failed to reactivate account\"),\n        );\n      }\n    } catch (err) {\n      console.error(\"Reactivation error:\", err);\n      setError(\n        err instanceof Error\n          ? err.message\n          : tr(\n              \"auth.reactivate.unexpectedError\",\n              \"An unexpected error occurred\",\n            ),\n      );\n    }\n  };\n\n  if (success) {\n    return (\n      <AuthLayout\n        title={tr(\"auth.reactivate.successTitle\", \"Account Reactivated!\")}\n        subtitle={tr(\"auth.reactivate.successSubtitle\", \"Welcome back\")}\n      >\n        <div className=\"text-center py-8\">\n          <div className=\"size-20 mx-auto mb-6 rounded-full bg-[var(--color-status-success-bg-subtle)] flex items-center justify-center\">\n            <svg\n              className=\"size-10 text-[var(--color-status-success-text)]\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M5 13l4 4L19 7\"\n              />\n            </svg>\n          </div>\n\n          <h2 className=\"text-xl font-semibold text-[var(--color-text-primary)] mb-2\">\n            {tr(\"auth.reactivate.accountActive\", \"Your account is now active\")}\n          </h2>\n          <p className=\"text-[var(--color-text-secondary)] mb-6\">\n            {tr(\n              \"auth.reactivate.redirecting\",\n              \"You can now access all features. Redirecting to dashboard...\",\n            )}\n          </p>\n\n          <div className=\"flex justify-center\">\n            <SpinnerIcon className=\"size-6 text-status-success-text animate-spin\" />\n          </div>\n        </div>\n      </AuthLayout>\n    );\n  }\n\n  return (\n    <AuthLayout\n      title={tr(\"auth.reactivate.title\", \"Reactivate Account\")}\n      subtitle={tr(\n        \"auth.reactivate.subtitle\",\n        \"Restore access to your deactivated account\",\n      )}\n    >\n      <PagePurpose className=\"mb-5\">\n        {tr(\n          \"auth.reactivate.purpose\",\n          \"Reactivate an account you previously deactivated. Confirm your email and password to restore full access — deleted accounts can't be recovered here.\",\n        )}\n      </PagePurpose>\n      <form onSubmit={handleSubmit} className=\"space-y-5\">\n        {/* Error Alert */}\n        {error && (\n          <div className=\"flex items-start gap-3 p-4 rounded-xl bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)]\">\n            <AlertIcon className=\"size-5 text-[var(--color-status-error-text)] flex-shrink-0 mt-0.5\" />\n            <div className=\"flex-1\">\n              <p className=\"text-sm text-[var(--color-status-error-text)]\">\n                {error}\n              </p>\n            </div>\n          </div>\n        )}\n\n        {/* Info Banner */}\n        <div className=\"p-4 rounded-xl bg-[var(--color-status-warning-bg-subtle)] border border-[var(--color-status-warning-border)]\">\n          <div className=\"flex items-start gap-3\">\n            <svg\n              className=\"size-5 text-[var(--color-status-warning-text)] flex-shrink-0 mt-0.5\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n              />\n            </svg>\n            <div>\n              <p className=\"text-sm text-[var(--color-status-warning-text)] font-medium\">\n                {tr(\"auth.reactivate.deactivated\", \"Account Deactivated?\")}\n              </p>\n              <p className=\"text-xs text-[var(--color-status-warning-text)] mt-1\">\n                {tr(\n                  \"auth.reactivate.instructions\",\n                  \"If you previously deactivated your account, you can restore it here. Enter your email and password to reactivate.\",\n                )}\n              </p>\n            </div>\n          </div>\n        </div>\n\n        {/* Email Input */}\n        <div className=\"space-y-2\">\n          <label\n            htmlFor=\"email\"\n            className=\"block text-sm font-medium text-[var(--color-text-primary)]\"\n          >\n            {tr(\"auth.reactivate.emailLabel\", \"Email Address\")}\n          </label>\n          <div className=\"relative\">\n            <div className=\"absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none\">\n              <EmailIcon className=\"size-5 text-[var(--color-text-tertiary)]\" />\n            </div>\n            <input\n              id=\"email\"\n              type=\"email\"\n              required\n              aria-label={tr(\"auth.reactivate.emailLabel\", \"Email Address\")}\n              value={email}\n              onChange={(e) => setEmail(e.target.value)}\n              className=\"block w-full pl-[3.5rem] pr-4 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-status-success-bg/20 focus:border-status-success-border transition-all\"\n              placeholder={tr(\n                \"auth.reactivate.emailPlaceholder\",\n                \"you@example.com\",\n              )}\n            />\n          </div>\n        </div>\n\n        {/* Password Input */}\n        <div className=\"space-y-2\">\n          <label\n            htmlFor=\"password\"\n            className=\"block text-sm font-medium text-[var(--color-text-primary)]\"\n          >\n            {tr(\"auth.reactivate.passwordLabel\", \"Password\")}\n          </label>\n          <div className=\"relative\">\n            <div className=\"absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none\">\n              <LockIcon className=\"size-5 text-[var(--color-text-tertiary)]\" />\n            </div>\n            <input\n              id=\"password\"\n              type=\"password\"\n              required\n              aria-label={tr(\"auth.reactivate.passwordLabel\", \"Password\")}\n              value={password}\n              onChange={(e) => setPassword(e.target.value)}\n              className=\"block w-full pl-[3.5rem] pr-4 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-status-success-bg/20 focus:border-status-success-border transition-all\"\n              placeholder={tr(\n                \"auth.reactivate.passwordPlaceholder\",\n                \"Enter your password\",\n              )}\n            />\n          </div>\n        </div>\n\n        {/* Submit Button */}\n        <Button\n          type=\"submit\"\n          disabled={isReactivating || !email || !password}\n          variant=\"default\"\n          size=\"lg\"\n          className=\"w-full font-semibold\"\n        >\n          {isReactivating ? (\n            <>\n              <SpinnerIcon className=\"size-5 animate-spin\" />\n              <span>{tr(\"auth.reactivate.reactivating\", \"Reactivating…\")}</span>\n            </>\n          ) : (\n            <>\n              <svg\n                className=\"size-5\"\n                fill=\"none\"\n                viewBox=\"0 0 24 24\"\n                stroke=\"currentColor\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\n                />\n              </svg>\n              <span>\n                {tr(\"auth.reactivate.reactivateBtn\", \"Reactivate Account\")}\n              </span>\n            </>\n          )}\n        </Button>\n      </form>\n\n      {/* Links */}\n      <div className=\"mt-8 pt-6 border-t border-[var(--color-border-default)] space-y-4\">\n        <div className=\"text-center\">\n          <button\n            type=\"button\"\n            onClick={() => navigate(\"/auth/login\")}\n            className=\"text-sm text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)] transition-colors\"\n          >\n            {tr(\n              \"auth.reactivate.accountIsActive\",\n              \"Remember your account is active?\",\n            )}{\" \"}\n            <span className=\"font-semibold text-text-link hover:text-text-linkHover\">\n              {tr(\"auth.reactivate.signInInstead\", \"Sign in instead\")}\n            </span>\n          </button>\n        </div>\n\n        <div className=\"text-center\">\n          <button\n            type=\"button\"\n            onClick={() => navigate(\"/auth/reset-password\")}\n            className=\"text-sm text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)] transition-colors\"\n          >\n            {tr(\"auth.reactivate.forgotPassword\", \"Forgot your password?\")}{\" \"}\n            <span className=\"font-semibold text-accent-purple hover:text-accent-purple\">\n              {tr(\"auth.reactivate.resetIt\", \"Reset it\")}\n            </span>\n          </button>\n        </div>\n      </div>\n\n      {/* Help Text */}\n      <div className=\"mt-6 p-4 rounded-xl bg-[var(--color-bg-muted)] border border-[var(--color-border-default)]\">\n        <h4 className=\"text-sm font-medium text-[var(--color-text-primary)] mb-2\">\n          {tr(\n            \"auth.reactivate.cantReactivate\",\n            \"Can't reactivate your account?\",\n          )}\n        </h4>\n        <p className=\"text-xs text-[var(--color-text-secondary)]\">\n          {tr(\n            \"auth.reactivate.deletedHelp\",\n            \"If your account was deleted (not just deactivated), it cannot be restored. Contact support if you believe this is an error.\",\n          )}\n        </p>\n      </div>\n    </AuthLayout>\n  );\n}\n"],"mappings":"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"}