@payez/next-mvp 4.8.1 → 4.8.3

package/src/pages/service-unavailable/page.tsx

@@ -1,63 +1,63 @@
-'use client';
-
-import React, { Suspense } from 'react';
-import { useSearchParams } from 'next/navigation';
-
-/**
- * PAY-2339 (option C): the default "temporarily unavailable" page the middleware sends a member to when the revocation
- * check (or the viability read) could not answer. Mount it in one line in the consuming app:
- *
- *     // app/service-unavailable/page.tsx
- *     export { default } from '@payez/next-mvp/pages/service-unavailable';
- *
- * It signs nobody out and clears nothing: "Try again" goes back to `callbackUrl`, and the member is still signed in. A
- * consumer may replace the page (and the wording) with its own at the same route.
- *
- * `callbackUrl` is untrusted input. Only a same-origin PATH is followed ("/dashboard"); anything else (an absolute URL,
- * a protocol-relative "//host", a "javascript:" value, a backslash trick, nothing at all) falls back to "/".
- */
-export function safeReturnPath(raw: string | null | undefined): string {
-  if (!raw || typeof raw !== 'string') return '/';
-  if (!raw.startsWith('/') || raw.startsWith('//') || raw.includes('\\')) return '/';
-  if (/[\u0000-\u001f]/.test(raw)) return '/';
-  return raw;
-}
-
-function ServiceUnavailableContent() {
-  const params = useSearchParams();
-  const back = safeReturnPath(params?.get('callbackUrl'));
-  return (
-    <div className="min-h-screen flex items-center justify-center p-4">
-      <div
-        role="status"
-        className="max-w-md w-full text-center rounded-xl p-8 shadow-lg border"
-        style={{
-          backgroundColor: 'var(--bg-card, #ffffff)',
-          borderColor: 'var(--border-default, #e5e7eb)',
-        }}
-      >
-        <h1 className="text-xl font-semibold mb-2" style={{ color: 'var(--text-primary, #111827)' }}>
-          Temporarily unavailable
-        </h1>
-        <p className="mb-6" style={{ color: 'var(--text-secondary, #6b7280)' }}>
-          We could not check your session just now. You are still signed in. Please try again in a moment.
-        </p>
-        <a
-          href={back}
-          className="inline-block rounded-lg px-4 py-2 font-medium"
-          style={{ background: 'var(--color-primary, #10b981)', color: 'white' }}
-        >
-          Try again
-        </a>
-      </div>
-    </div>
-  );
-}
-
-export default function ServiceUnavailablePage() {
-  return (
-    <Suspense fallback={null}>
-      <ServiceUnavailableContent />
-    </Suspense>
-  );
-}
+'use client';
+
+import React, { Suspense } from 'react';
+import { useSearchParams } from 'next/navigation';
+
+/**
+ * PAY-2339 (option C): the default "temporarily unavailable" page the middleware sends a member to when the revocation
+ * check (or the viability read) could not answer. Mount it in one line in the consuming app:
+ *
+ *     // app/service-unavailable/page.tsx
+ *     export { default } from '@payez/next-mvp/pages/service-unavailable';
+ *
+ * It signs nobody out and clears nothing: "Try again" goes back to `callbackUrl`, and the member is still signed in. A
+ * consumer may replace the page (and the wording) with its own at the same route.
+ *
+ * `callbackUrl` is untrusted input. Only a same-origin PATH is followed ("/dashboard"); anything else (an absolute URL,
+ * a protocol-relative "//host", a "javascript:" value, a backslash trick, nothing at all) falls back to "/".
+ */
+export function safeReturnPath(raw: string | null | undefined): string {
+  if (!raw || typeof raw !== 'string') return '/';
+  if (!raw.startsWith('/') || raw.startsWith('//') || raw.includes('\\')) return '/';
+  if (/[\u0000-\u001f]/.test(raw)) return '/';
+  return raw;
+}
+
+function ServiceUnavailableContent() {
+  const params = useSearchParams();
+  const back = safeReturnPath(params?.get('callbackUrl'));
+  return (
+    <div className="min-h-screen flex items-center justify-center p-4">
+      <div
+        role="status"
+        className="max-w-md w-full text-center rounded-xl p-8 shadow-lg border"
+        style={{
+          backgroundColor: 'var(--bg-card, #ffffff)',
+          borderColor: 'var(--border-default, #e5e7eb)',
+        }}
+      >
+        <h1 className="text-xl font-semibold mb-2" style={{ color: 'var(--text-primary, #111827)' }}>
+          Temporarily unavailable
+        </h1>
+        <p className="mb-6" style={{ color: 'var(--text-secondary, #6b7280)' }}>
+          We could not check your session just now. You are still signed in. Please try again in a moment.
+        </p>
+        <a
+          href={back}
+          className="inline-block rounded-lg px-4 py-2 font-medium"
+          style={{ background: 'var(--color-primary, #10b981)', color: 'white' }}
+        >
+          Try again
+        </a>
+      </div>
+    </div>
+  );
+}
+
+export default function ServiceUnavailablePage() {
+  return (
+    <Suspense fallback={null}>
+      <ServiceUnavailableContent />
+    </Suspense>
+  );
+}