@salesforce/webapp-template-feature-react-authentication-experimental 1.53.0 → 1.53.2

package/dist/force-app/main/default/webapplications/feature-react-authentication/package.json

@@ -4,7 +4,7 @@
   "version": "1.0.0",
   "type": "module",
   "scripts": {
-    "start": "vite",
+    "dev": "vite",
     "build": "tsc -b && vite build",
     "build:e2e": "npm run build && node scripts/rewrite-e2e-assets.mjs",
     "lint": "eslint .",

package/dist/force-app/main/default/webapplications/feature-react-authentication/src/appLayout.tsx

@@ -1,10 +1,82 @@
-import { Outlet } from 'react-router';
-import NavigationMenu from './navigationMenu';
+import { Outlet, Link, useLocation } from 'react-router';
+import { getAllRoutes } from './router-utils';
+import { useState } from 'react';
 
 export default function AppLayout() {
+  const [isOpen, setIsOpen] = useState(false);
+  const location = useLocation();
+
+  const isActive = (path: string) => location.pathname === path;
+
+  const toggleMenu = () => setIsOpen(!isOpen);
+
+  const navigationRoutes: { path: string; label: string }[] = getAllRoutes()
+    .filter(
+      route =>
+        route.handle?.showInNavigation === true &&
+        route.fullPath !== undefined &&
+        route.handle?.label !== undefined
+    )
+    .map(
+      route =>
+        ({
+          path: route.fullPath,
+          label: route.handle?.label,
+        }) as { path: string; label: string }
+    );
+
   return (
     <>
-      <NavigationMenu />
+      <nav className="bg-white border-b border-gray-200">
+        <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+          <div className="flex justify-between items-center h-16">
+            <Link to="/" className="text-xl font-semibold text-gray-900">
+              React App
+            </Link>
+            <button
+              onClick={toggleMenu}
+              className="p-2 rounded-md text-gray-700 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-blue-500"
+              aria-label="Toggle menu"
+            >
+              <div className="w-6 h-6 flex flex-col justify-center space-y-1.5">
+                <span
+                  className={`block h-0.5 w-6 bg-current transition-all ${
+                    isOpen ? 'rotate-45 translate-y-2' : ''
+                  }`}
+                />
+                <span
+                  className={`block h-0.5 w-6 bg-current transition-all ${isOpen ? 'opacity-0' : ''}`}
+                />
+                <span
+                  className={`block h-0.5 w-6 bg-current transition-all ${
+                    isOpen ? '-rotate-45 -translate-y-2' : ''
+                  }`}
+                />
+              </div>
+            </button>
+          </div>
+          {isOpen && (
+            <div className="pb-4">
+              <div className="flex flex-col space-y-2">
+                {navigationRoutes.map(item => (
+                  <Link
+                    key={item.path}
+                    to={item.path}
+                    onClick={() => setIsOpen(false)}
+                    className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${
+                      isActive(item.path)
+                        ? 'bg-blue-100 text-blue-700'
+                        : 'text-gray-700 hover:bg-gray-100'
+                    }`}
+                  >
+                    {item.label}
+                  </Link>
+                ))}
+              </div>
+            </div>
+          )}
+        </div>
+      </nav>
       <Outlet />
     </>
   );

package/dist/force-app/main/default/webapplications/feature-react-authentication/src/auth/context/AuthContext.tsx

@@ -1,6 +1,6 @@
 import { createContext, useContext, useState, useEffect, useCallback, type ReactNode } from "react";
 import { getCurrentUser } from "@salesforce/webapp-experimental/api";
-import { API_ROUTES } from "../components/auth/authenticationConfig";
+import { API_ROUTES } from "../authenticationConfig";
 
 interface User {
 	readonly id: string;

package/dist/force-app/main/default/webapplications/feature-react-authentication/src/auth/forms/auth-form.tsx

@@ -3,7 +3,7 @@ import { StatusAlert } from "../alerts/status-alert";
 import { FooterLink } from "../footers/footer-link";
 import { SubmitButton } from "./submit-button";
 import { CardLayout } from "../layout/card-layout";
-import { useFormContext } from "../../hooks/form";
+import { useFormContext } from "../hooks/form";
 import { useId } from "react";
 
 /**

package/dist/force-app/main/default/webapplications/feature-react-authentication/src/auth/forms/submit-button.tsx

@@ -1,7 +1,7 @@
 import { Button } from "../../components/ui/button";
 import { Spinner } from "../../components/ui/spinner";
 import { cn } from "../../lib/utils";
-import { useFormContext } from "../../hooks/form";
+import { useFormContext } from "../hooks/form";
 
 interface SubmitButtonProps extends Omit<React.ComponentProps<typeof Button>, "type"> {
 	/** Button text when not submitting */

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

@@ -1,5 +1,5 @@
 import { Navigate, Outlet, useSearchParams } from "react-router";
-import { useAuth } from "../../context/AuthContext";
+import { useAuth } from "../context/AuthContext";
 import { getStartUrl } from "../authHelpers";
 import { CardSkeleton } from "../layout/card-skeleton";
 

package/dist/force-app/main/default/webapplications/feature-react-authentication/src/auth/layouts/privateRouteLayout.tsx

@@ -1,5 +1,5 @@
 import { Navigate, Outlet, useLocation } from "react-router";
-import { useAuth } from "../../context/AuthContext";
+import { useAuth } from "../context/AuthContext";
 import { AUTH_REDIRECT_PARAM, ROUTES } from "../authenticationConfig";
 import { CardSkeleton } from "../layout/card-skeleton";
 

package/dist/force-app/main/default/webapplications/feature-react-authentication/src/auth/sessionTimeout/SessionTimeoutValidator.tsx

@@ -6,10 +6,10 @@
 import { useEffect, useState, useCallback, useRef } from "react";
 import { useLocation } from "react-router";
 import { X } from "lucide-react";
-import { useAuth } from "../../context/AuthContext";
+import { useAuth } from "../context/AuthContext";
 import { pollSessionTimeServlet, extendSessionTime } from "./sessionTimeService";
-import { useCountdownTimer } from "../../hooks/useCountdownTimer";
-import { useRetryWithBackoff } from "../../hooks/useRetryWithBackoff";
+import { useCountdownTimer } from "../hooks/useCountdownTimer";
+import { useRetryWithBackoff } from "../hooks/useRetryWithBackoff";
 import { Alert, AlertTitle, AlertDescription } from "../../components/ui/alert";
 import { Button } from "../../components/ui/button";
 import {

package/dist/force-app/main/default/webapplications/feature-react-authentication/src/routes.tsx

@@ -1,16 +1,16 @@
 import type { RouteObject } from 'react-router';
 import Home from './pages/Home';
 import NotFound from './pages/NotFound';
-import AuthAppLayout from "./components/auth/layouts/AuthAppLayout";
-import Login from "./pages/Login";
-import Register from "./pages/Register";
-import ForgotPassword from "./pages/ForgotPassword";
-import ResetPassword from "./pages/ResetPassword";
-import Profile from "./pages/Profile";
-import ChangePassword from "./components/auth/pages/ChangePassword";
-import AuthenticationRoute from "./components/auth/layouts/authenticationRouteLayout";
-import PrivateRoute from "./components/auth/privateRouteLayout";
-import { ROUTES } from "./components/auth/authenticationConfig";
+import AuthAppLayout from "./auth/layouts/AuthAppLayout";
+import Login from "./auth/pages/Login";
+import Register from "./auth/pages/Register";
+import ForgotPassword from "./auth/pages/ForgotPassword";
+import ResetPassword from "./auth/pages/ResetPassword";
+import Profile from "./auth/pages/Profile";
+import ChangePassword from "./auth/pages/ChangePassword";
+import AuthenticationRoute from "./auth/layouts/authenticationRouteLayout";
+import PrivateRoute from "./auth/layouts/privateRouteLayout";
+import { ROUTES } from "./auth/authenticationConfig";
 
 export const routes: RouteObject[] = [
   {

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/webapp-template-base-sfdx-project-experimental",
-  "version": "1.53.0",
+  "version": "1.53.2",
   "description": "Base SFDX project template",
   "private": true,
   "files": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/webapp-template-feature-react-authentication-experimental",
-  "version": "1.53.0",
+  "version": "1.53.2",
   "description": "Authentication feature for web applications",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "",
@@ -16,7 +16,7 @@
     "clean": "rm -rf dist"
   },
   "devDependencies": {
-    "@salesforce/webapp-experimental": "^1.53.0",
+    "@salesforce/webapp-experimental": "^1.53.2",
     "@tanstack/react-form": "^1.27.7",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
@@ -36,10 +36,10 @@
       "build:dist-app": {
         "executor": "@salesforce/webapp-template-cli-experimental:build-dist-app"
       },
-      "start": {
+      "dev": {
         "executor": "@salesforce/webapp-template-cli-experimental:dev-server"
       }
     }
   },
-  "gitHead": "ecdad417f3e8de0f911ff1113ff9fe7fb1360f22"
+  "gitHead": "8866eb09bf1e24f023333d1ecc491a1e1a6c8904"
 }