@payez/next-mvp 4.8.0 → 4.8.2

package/src/pages/admin-login/page.tsx

@@ -1,111 +1,111 @@
-/**
- * Admin Login Page for @payez/next-mvp
- *
- * A standalone username/password login page for admin access.
- * NOT linked from any navigation - only accessible via direct URL.
- *
- * USAGE:
- * 1. Create app/account-auth/admin-login/page.tsx in your Next.js app
- * 2. Re-export this component:
- *    export { default } from '@payez/next-mvp/pages/admin-login';
- *
- * CUSTOMIZATION:
- * - Override styles via CSS variables or wrap with your own component
- * - Provide custom branding via ThemeProvider
- */
-
-'use client';
-
-import React from 'react';
-import { Suspense } from 'react';
-import { useBranding, useColors } from '../../theme/useTheme';
-
-interface AdminLoginFormProps {
-  /** Optional custom title (default: "Admin Login") */
-  title?: string;
-  /** Optional custom subtitle (default: "Authorized personnel only") */
-  subtitle?: string;
-  /** Optional callback URL override */
-  callbackUrl?: string;
-  /** Optional logo component to render */
-  logo?: React.ReactNode;
-}
-
-function AdminLoginForm({
-  title = 'Admin Login',
-  subtitle = 'Authorized personnel only',
-  logo,
-}: AdminLoginFormProps) {
-  const branding = useBranding();
-  const colors = useColors();
-  void branding;
-  void colors;
-
-  return (
-    <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-slate-700 via-slate-800 to-slate-900 p-4">
-      <div className="bg-white rounded-2xl shadow-2xl p-8 max-w-md w-full">
-        {/* Logo */}
-        {logo && (
-          <div className="flex justify-center mb-6">
-            {logo}
-          </div>
-        )}
-
-        {/* Title */}
-        <h1 className="text-2xl font-bold text-center mb-2 text-slate-900">
-          {title}
-        </h1>
-        <p className="text-center mb-8 text-slate-600">
-          {subtitle}
-        </p>
-
-        {/* EMAIL/PASSWORD FORM REMOVED — same root cause as pages/login (see that
-            file's identical note): `emailAndPassword` appears ZERO times in
-            better-auth.ts, so authClient.signIn.email always returned "Email and
-            password is not enabled". Unlike pages/login, THIS page's form was never
-            removed when that happened — it kept accepting input and 400ing on every
-            submit, real credentials included (QAPert 32622, live-verified against a
-            seeded TOTP fixture 2026-08-22). The 222363 accessibility work made the
-            error STATE correct; it never made the endpoint real — a dead door that
-            looks alive is worse than an absent one (BAPert 32626). Removed 4.1.31.
-            To ADD real admin password auth: wire this page to the IDP's password
-            endpoint directly (the same one the graft's auth-flow BFF used to call,
-            or its package-pattern successor per Jon's B ruling, 32627) — NOT
-            authClient.signIn.email, which has never worked and was never wired to
-            anything. Restore a form only together with that wiring. */}
-
-        {/* Security notice */}
-        <p className="mt-6 text-center text-xs text-slate-500">
-          This login is for authorized administrators only.
-          <br />
-          All access attempts are logged.
-        </p>
-      </div>
-    </div>
-  );
-}
-
-function AdminLoginFallback() {
-  return (
-    <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-slate-700 via-slate-800 to-slate-900">
-      <div className="text-center">
-        <svg className="animate-spin h-10 w-10 mx-auto text-white" fill="none" viewBox="0 0 24 24">
-          <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4" />
-          <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" />
-        </svg>
-        <p className="mt-4 text-slate-400">Loading...</p>
-      </div>
-    </div>
-  );
-}
-
-export default function AdminLoginPage(props: AdminLoginFormProps) {
-  return (
-    <Suspense fallback={<AdminLoginFallback />}>
-      <AdminLoginForm {...props} />
-    </Suspense>
-  );
-}
-
-export { AdminLoginForm, AdminLoginFallback };
-export type { AdminLoginFormProps };
+/**
+ * Admin Login Page for @payez/next-mvp
+ *
+ * A standalone username/password login page for admin access.
+ * NOT linked from any navigation - only accessible via direct URL.
+ *
+ * USAGE:
+ * 1. Create app/account-auth/admin-login/page.tsx in your Next.js app
+ * 2. Re-export this component:
+ *    export { default } from '@payez/next-mvp/pages/admin-login';
+ *
+ * CUSTOMIZATION:
+ * - Override styles via CSS variables or wrap with your own component
+ * - Provide custom branding via ThemeProvider
+ */
+
+'use client';
+
+import React from 'react';
+import { Suspense } from 'react';
+import { useBranding, useColors } from '../../theme/useTheme';
+
+interface AdminLoginFormProps {
+  /** Optional custom title (default: "Admin Login") */
+  title?: string;
+  /** Optional custom subtitle (default: "Authorized personnel only") */
+  subtitle?: string;
+  /** Optional callback URL override */
+  callbackUrl?: string;
+  /** Optional logo component to render */
+  logo?: React.ReactNode;
+}
+
+function AdminLoginForm({
+  title = 'Admin Login',
+  subtitle = 'Authorized personnel only',
+  logo,
+}: AdminLoginFormProps) {
+  const branding = useBranding();
+  const colors = useColors();
+  void branding;
+  void colors;
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-slate-700 via-slate-800 to-slate-900 p-4">
+      <div className="bg-white rounded-2xl shadow-2xl p-8 max-w-md w-full">
+        {/* Logo */}
+        {logo && (
+          <div className="flex justify-center mb-6">
+            {logo}
+          </div>
+        )}
+
+        {/* Title */}
+        <h1 className="text-2xl font-bold text-center mb-2 text-slate-900">
+          {title}
+        </h1>
+        <p className="text-center mb-8 text-slate-600">
+          {subtitle}
+        </p>
+
+        {/* EMAIL/PASSWORD FORM REMOVED — same root cause as pages/login (see that
+            file's identical note): `emailAndPassword` appears ZERO times in
+            better-auth.ts, so authClient.signIn.email always returned "Email and
+            password is not enabled". Unlike pages/login, THIS page's form was never
+            removed when that happened — it kept accepting input and 400ing on every
+            submit, real credentials included (QAPert 32622, live-verified against a
+            seeded TOTP fixture 2026-08-22). The 222363 accessibility work made the
+            error STATE correct; it never made the endpoint real — a dead door that
+            looks alive is worse than an absent one (BAPert 32626). Removed 4.1.31.
+            To ADD real admin password auth: wire this page to the IDP's password
+            endpoint directly (the same one the graft's auth-flow BFF used to call,
+            or its package-pattern successor per Jon's B ruling, 32627) — NOT
+            authClient.signIn.email, which has never worked and was never wired to
+            anything. Restore a form only together with that wiring. */}
+
+        {/* Security notice */}
+        <p className="mt-6 text-center text-xs text-slate-500">
+          This login is for authorized administrators only.
+          <br />
+          All access attempts are logged.
+        </p>
+      </div>
+    </div>
+  );
+}
+
+function AdminLoginFallback() {
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-slate-700 via-slate-800 to-slate-900">
+      <div className="text-center">
+        <svg className="animate-spin h-10 w-10 mx-auto text-white" fill="none" viewBox="0 0 24 24">
+          <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4" />
+          <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" />
+        </svg>
+        <p className="mt-4 text-slate-400">Loading...</p>
+      </div>
+    </div>
+  );
+}
+
+export default function AdminLoginPage(props: AdminLoginFormProps) {
+  return (
+    <Suspense fallback={<AdminLoginFallback />}>
+      <AdminLoginForm {...props} />
+    </Suspense>
+  );
+}
+
+export { AdminLoginForm, AdminLoginFallback };
+export type { AdminLoginFormProps };