@salesforce/ui-bundle-template-feature-react-authentication 3.0.0 → 3.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/ui-bundle-template-feature-react-authentication",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "description": "Authentication feature for UI Bundles",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "",
@@ -16,7 +16,7 @@
     "clean": "rm -rf dist"
   },
   "devDependencies": {
-    "@salesforce/ui-bundle": "^3.0.0",
+    "@salesforce/ui-bundle": "^3.1.0",
     "@tanstack/react-form": "^1.27.7",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",

package/dist/force-app/main/default/uiBundles/feature-react-authentication/src/features/authentication/layout/card-skeleton.tsx

@@ -1,38 +0,0 @@
-import { CenteredPageLayout } from "./centered-page-layout";
-import { Card, CardContent, CardHeader } from "../../../components/ui/card";
-import { Skeleton } from "../../../components/ui/skeleton";
-
-interface CardSkeletonProps {
-	/**
-	 * Maximum width of the content container.
-	 * @default "sm"
-	 */
-	contentMaxWidth?: "sm" | "md" | "lg";
-	/**
-	 * Accessible label for screen readers.
-	 * @default "Loading…"
-	 */
-	loadingText?: string;
-}
-
-/**
- * Full-page loading indicator with skeleton card placeholder.
- */
-export function CardSkeleton({ contentMaxWidth, loadingText = "Loading…" }: CardSkeletonProps) {
-	return (
-		<CenteredPageLayout contentMaxWidth={contentMaxWidth}>
-			<div role="status" aria-live="polite">
-				<Card className="w-full">
-					<CardHeader>
-						<Skeleton className="h-4 w-2/3" />
-						<Skeleton className="h-4 w-1/2" />
-					</CardHeader>
-					<CardContent>
-						<Skeleton className="aspect-video w-full" />
-					</CardContent>
-				</Card>
-				<span className="sr-only">{loadingText}</span>
-			</div>
-		</CenteredPageLayout>
-	);
-}

package/dist/force-app/main/default/uiBundles/feature-react-authentication/src/features/authentication/layouts/authenticationRouteLayout.tsx

@@ -1,21 +0,0 @@
-import { Navigate, Outlet, useSearchParams } from "react-router";
-import { useAuth } from "../context/AuthContext";
-import { getStartUrl } from "../authHelpers";
-import { CardSkeleton } from "../layout/card-skeleton";
-
-/**
- * [Dev Note] "Public Only" Route Guard:
- * This component protects routes that should NOT be accessible if the user is already logged in
- * (e.g., Login, Register, Forgot Password).
- * If an authenticated user tries to access these pages, they are automatically redirected
- * to the default authenticated view (e.g., Home or Profile) to prevent confusion.
- */
-export default function AuthenticationRoute() {
-	const { isAuthenticated, loading } = useAuth();
-	const [searchParams] = useSearchParams();
-
-	if (loading) return <CardSkeleton contentMaxWidth="md" />;
-	if (isAuthenticated) return <Navigate to={getStartUrl(searchParams)} replace />;
-
-	return <Outlet />;
-}