@salesforce/webapp-template-app-react-template-b2x-experimental 1.52.0 → 1.53.0

package/dist/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.53.0](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.52.1...v1.53.0) (2026-02-24)
+
+**Note:** Version bump only for package @salesforce/webapp-template-base-sfdx-project-experimental
+
+
+
+
+
+## [1.52.1](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.52.0...v1.52.1) (2026-02-24)
+
+**Note:** Version bump only for package @salesforce/webapp-template-base-sfdx-project-experimental
+
+
+
+
+
 # [1.52.0](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.51.0...v1.52.0) (2026-02-24)
 
 **Note:** Version bump only for package @salesforce/webapp-template-base-sfdx-project-experimental

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/{components → auth}/alerts/status-alert.tsx

@@ -1,6 +1,6 @@
 import { cva, type VariantProps } from "class-variance-authority";
 import { AlertCircleIcon, CheckCircle2Icon } from "lucide-react";
-import { Alert, AlertDescription } from "../ui/alert";
+import { Alert, AlertDescription } from "../../components/ui/alert";
 import { useId } from "react";
 
 const statusAlertVariants = cva("", {

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/{components → auth}/forms/auth-form.tsx

@@ -1,4 +1,4 @@
-import { FieldGroup } from "../ui/field";
+import { FieldGroup } from "../../components/ui/field";
 import { StatusAlert } from "../alerts/status-alert";
 import { FooterLink } from "../footers/footer-link";
 import { SubmitButton } from "./submit-button";

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/{components → auth}/forms/submit-button.tsx

@@ -1,5 +1,5 @@
-import { Button } from "../ui/button";
-import { Spinner } from "../ui/spinner";
+import { Button } from "../../components/ui/button";
+import { Spinner } from "../../components/ui/spinner";
 import { cn } from "../../lib/utils";
 import { useFormContext } from "../../hooks/form";
 

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/{hooks → auth/hooks}/form.tsx

@@ -1,9 +1,14 @@
 import { useId } from "react";
 import { createFormHookContexts, createFormHook } from "@tanstack/react-form";
-import { Field, FieldDescription, FieldError, FieldLabel } from "../components/ui/field";
-import { Input } from "../components/ui/input";
-import { cn } from "../lib/utils";
-import { AUTH_PLACEHOLDERS } from "../components/auth/authenticationConfig";
+import {
+	Field,
+	FieldDescription,
+	FieldError,
+	FieldLabel,
+} from "../../components/ui/field";
+import { Input } from "../../components/ui/input";
+import { cn } from "../../lib/utils";
+import { AUTH_PLACEHOLDERS } from "../authenticationConfig";
 
 // Create form hook contexts
 export const { fieldContext, formContext, useFieldContext, useFormContext } =

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/{components → auth}/layout/card-layout.tsx

@@ -1,4 +1,10 @@
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../ui/card";
+import {
+	Card,
+	CardContent,
+	CardDescription,
+	CardHeader,
+	CardTitle,
+} from "../../components/ui/card";
 
 interface CardLayoutProps {
 	title: string;

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/{components → auth}/layout/card-skeleton.tsx

@@ -1,6 +1,6 @@
 import { CenteredPageLayout } from "./centered-page-layout";
-import { Card, CardContent, CardHeader } from "../ui/card";
-import { Skeleton } from "../ui/skeleton";
+import { Card, CardContent, CardHeader } from "../../components/ui/card";
+import { Skeleton } from "../../components/ui/skeleton";
 
 interface CardSkeletonProps {
 	/**

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/{layouts → auth/layouts}/AuthAppLayout.tsx

@@ -1,6 +1,6 @@
-import SessionTimeoutValidator from "../components/auth/sessionTimeout/SessionTimeoutValidator";
+import SessionTimeoutValidator from "../sessionTimeout/SessionTimeoutValidator";
 import { AuthProvider } from "../context/AuthContext";
-import AppLayout from "../appLayout";
+import AppLayout from "../../appLayout";
 
 export default function AuthAppLayout() {
 	return (

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/{components/auth → auth/layouts}/authenticationRouteLayout.tsx

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

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/{components/auth → auth/layouts}/privateRouteLayout.tsx

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

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/{pages → auth/pages}/ChangePassword.tsx

@@ -1,12 +1,12 @@
 import { useState } from "react";
 import { Link } from "react-router";
 import { z } from "zod";
-import { CenteredPageLayout } from "../components/layout/centered-page-layout";
-import { AuthForm } from "../components/forms/auth-form";
+import { CenteredPageLayout } from "../layout/centered-page-layout";
+import { AuthForm } from "../forms/auth-form";
 import { useAppForm } from "../hooks/form";
 import { getDataSDK } from "../lib/data-sdk";
-import { ROUTES, AUTH_PLACEHOLDERS } from "../components/auth/authenticationConfig";
-import { newPasswordSchema } from "../components/auth/authHelpers";
+import { ROUTES, AUTH_PLACEHOLDERS } from "../authenticationConfig";
+import { newPasswordSchema } from "../authHelpers";
 import { handleApiResponse, getErrorMessage } from "../utils/helpers";
 
 const changePasswordSchema = z

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/{pages → auth/pages}/ForgotPassword.tsx

@@ -1,10 +1,10 @@
 import { useState } from "react";
 import { z } from "zod";
-import { CenteredPageLayout } from "../components/layout/centered-page-layout";
-import { AuthForm } from "../components/forms/auth-form";
+import { CenteredPageLayout } from "../layout/centered-page-layout";
+import { AuthForm } from "../forms/auth-form";
 import { useAppForm } from "../hooks/form";
 import { getDataSDK } from "../lib/data-sdk";
-import { ROUTES, AUTH_PLACEHOLDERS } from "../components/auth/authenticationConfig";
+import { ROUTES, AUTH_PLACEHOLDERS } from "../authenticationConfig";
 import { handleApiResponse, getErrorMessage } from "../utils/helpers";
 
 const forgotPasswordSchema = z.object({

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/{pages → auth/pages}/Login.tsx

@@ -1,12 +1,12 @@
 import { useState } from "react";
 import { useNavigate, useSearchParams, Link } from "react-router";
 import { z } from "zod";
-import { CenteredPageLayout } from "../components/layout/centered-page-layout";
-import { AuthForm } from "../components/forms/auth-form";
+import { CenteredPageLayout } from "../layout/centered-page-layout";
+import { AuthForm } from "../forms/auth-form";
 import { useAppForm } from "../hooks/form";
 import { getDataSDK } from "../lib/data-sdk";
-import { ROUTES } from "../components/auth/authenticationConfig";
-import { emailSchema, getStartUrl, type AuthResponse } from "../components/auth/authHelpers";
+import { ROUTES } from "../authenticationConfig";
+import { emailSchema, getStartUrl, type AuthResponse } from "../authHelpers";
 import { handleApiResponse, getErrorMessage } from "../utils/helpers";
 
 const loginSchema = z.object({

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/{pages → auth/pages}/Profile.tsx

@@ -3,12 +3,12 @@ import { z } from "zod";
 
 import { executeGraphQL } from "@salesforce/webapp-experimental/api";
 
-import { CenteredPageLayout } from "../components/layout/centered-page-layout";
-import { CardSkeleton } from "../components/layout/card-skeleton";
-import { AuthForm } from "../components/forms/auth-form";
+import { CenteredPageLayout } from "../layout/centered-page-layout";
+import { CardSkeleton } from "../layout/card-skeleton";
+import { AuthForm } from "../forms/auth-form";
 import { useAppForm } from "../hooks/form";
-import { ROUTES } from "../components/auth/authenticationConfig";
-import { emailSchema } from "../components/auth/authHelpers";
+import { ROUTES } from "../authenticationConfig";
+import { emailSchema } from "../authHelpers";
 import { flattenGraphQLRecord, getErrorMessage } from "../utils/helpers";
 import { getUser } from "../context/AuthContext";
 

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/{pages → auth/pages}/Register.tsx

@@ -1,17 +1,12 @@
 import { useState } from "react";
 import { useNavigate, useSearchParams } from "react-router";
 import { z } from "zod";
-import { CenteredPageLayout } from "../components/layout/centered-page-layout";
-import { AuthForm } from "../components/forms/auth-form";
+import { CenteredPageLayout } from "../layout/centered-page-layout";
+import { AuthForm } from "../forms/auth-form";
 import { useAppForm } from "../hooks/form";
 import { getDataSDK } from "../lib/data-sdk";
-import { ROUTES, AUTH_PLACEHOLDERS } from "../components/auth/authenticationConfig";
-import {
-	emailSchema,
-	passwordSchema,
-	getStartUrl,
-	type AuthResponse,
-} from "../components/auth/authHelpers";
+import { ROUTES, AUTH_PLACEHOLDERS } from "../authenticationConfig";
+import { emailSchema, passwordSchema, getStartUrl, type AuthResponse } from "../authHelpers";
 import { handleApiResponse, getErrorMessage } from "../utils/helpers";
 
 const registerSchema = z

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/{pages → auth/pages}/ResetPassword.tsx

@@ -1,13 +1,13 @@
 import { useState } from "react";
 import { Link, useSearchParams } from "react-router";
-import { CardLayout } from "../components/layout/card-layout";
-import { CenteredPageLayout } from "../components/layout/centered-page-layout";
-import { AuthForm } from "../components/forms/auth-form";
-import { StatusAlert } from "../components/alerts/status-alert";
+import { CardLayout } from "../layout/card-layout";
+import { CenteredPageLayout } from "../layout/centered-page-layout";
+import { AuthForm } from "../forms/auth-form";
+import { StatusAlert } from "../alerts/status-alert";
 import { useAppForm } from "../hooks/form";
 import { getDataSDK } from "../lib/data-sdk";
-import { ROUTES, AUTH_PLACEHOLDERS } from "../components/auth/authenticationConfig";
-import { newPasswordSchema } from "../components/auth/authHelpers";
+import { ROUTES, AUTH_PLACEHOLDERS } from "../authenticationConfig";
+import { newPasswordSchema } from "../authHelpers";
 import { handleApiResponse, getErrorMessage } from "../utils/helpers";
 
 export default function ResetPassword() {

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/{components/auth → auth}/sessionTimeout/SessionTimeoutValidator.tsx

@@ -6,12 +6,12 @@
 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 { Alert, AlertTitle, AlertDescription } from "../../ui/alert";
-import { Button } from "../../ui/button";
+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 {
 	Dialog,
 	DialogContent,
@@ -19,7 +19,7 @@ import {
 	DialogTitle,
 	DialogDescription,
 	DialogFooter,
-} from "../../ui/dialog";
+} from "../../components/ui/dialog";
 import {
 	STORAGE_KEYS,
 	LABELS,

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/routes.tsx

@@ -1,21 +1,21 @@
 import type { RouteObject } from 'react-router';
 import Home from './pages/Home';
 import NotFound from './pages/NotFound';
+import AuthAppLayout from "./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 "./pages/ChangePassword";
-import AuthenticationRoute from "./components/auth/authenticationRouteLayout";
+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 AppLayout from "./appLayout";
 
 export const routes: RouteObject[] = [
   {
     path: "/",
-    element: <AppLayout />,
+    element: <AuthAppLayout />,
     children: [
       {
         index: true,

package/dist/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/webapp-template-app-react-template-b2x-experimental",
-  "version": "1.52.0",
+  "version": "1.53.0",
   "description": "Base reference app template",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "",
@@ -37,5 +37,5 @@
       }
     }
   },
-  "gitHead": "ca188815c4810100fe2029d791105091cd78067f"
+  "gitHead": "ecdad417f3e8de0f911ff1113ff9fe7fb1360f22"
 }