@salesforce/webapp-template-app-react-template-b2x-experimental 1.116.6 → 1.116.8

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.116.8](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.116.7...v1.116.8) (2026-03-27)
+
+**Note:** Version bump only for package @salesforce/webapp-template-base-sfdx-project-experimental
+
+
+
+
+
+## [1.116.7](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.116.6...v1.116.7) (2026-03-27)
+
+**Note:** Version bump only for package @salesforce/webapp-template-base-sfdx-project-experimental
+
+
+
+
+
 ## [1.116.6](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.116.5...v1.116.6) (2026-03-26)
 
 **Note:** Version bump only for package @salesforce/webapp-template-base-sfdx-project-experimental

package/dist/force-app/main/default/webapplications/reactexternalapp/eslint.config.js

@@ -18,7 +18,12 @@ const schemaExists = existsSync(schemaPath);
 const config = [
   // Global ignores
   {
-    ignores: ['build/**/*', 'dist/**/*', 'coverage/**/*'],
+    ignores: [
+      'build/**/*',
+      'dist/**/*',
+      'coverage/**/*',
+      'src/api/graphql-operations-types.ts',
+    ],
   },
   // Config files and build tools (first to avoid inheritance)
   {
@@ -89,11 +94,17 @@ const config = [
       'react/no-unescaped-entities': 'off',
       '@typescript-eslint/no-unused-vars': [
         'error',
-        { argsIgnorePattern: '^_' },
+        {
+          argsIgnorePattern: '^_',
+          varsIgnorePattern: '^_',
+          caughtErrorsIgnorePattern: '^_',
+          ignoreRestSiblings: true,
+        },
       ],
       '@typescript-eslint/explicit-function-return-type': 'off',
       '@typescript-eslint/explicit-module-boundary-types': 'off',
       '@typescript-eslint/no-explicit-any': 'off',
+      'react-hooks/set-state-in-effect': 'warn',
     },
     settings: {
       react: {

package/dist/force-app/main/default/webapplications/reactexternalapp/package.json

@@ -15,8 +15,8 @@
     "graphql:schema": "node scripts/get-graphql-schema.mjs"
   },
   "dependencies": {
-    "@salesforce/sdk-data": "^1.116.6",
-    "@salesforce/webapp-experimental": "^1.116.6",
+    "@salesforce/sdk-data": "^1.116.8",
+    "@salesforce/webapp-experimental": "^1.116.8",
     "@tailwindcss/vite": "^4.1.17",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -43,7 +43,7 @@
     "@graphql-eslint/eslint-plugin": "^4.1.0",
     "@graphql-tools/utils": "^11.0.0",
     "@playwright/test": "^1.49.0",
-    "@salesforce/vite-plugin-webapp-experimental": "^1.116.6",
+    "@salesforce/vite-plugin-webapp-experimental": "^1.116.8",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",

package/dist/force-app/main/default/webapplications/reactexternalapp/src/features/authentication/context/AuthContext.tsx

@@ -86,7 +86,7 @@ export function useAuth(): AuthContextType {
  * @returns {User} The authenticated user object
  * @throws {Error} If not used within AuthProvider or user is not authenticated
  */
-export function getUser(): User {
+export function useUser(): User {
 	const context = useAuth();
 	if (!context.user) {
 		throw new Error("Authenticated context not established");

package/dist/force-app/main/default/webapplications/reactexternalapp/src/features/authentication/hooks/useCountdownTimer.ts

@@ -107,7 +107,7 @@ function formatAccessibilityAnnouncement(seconds: number): string {
 			// @ts-expect-error - DurationFormat is not yet in TypeScript lib
 			const formatter = new Intl.DurationFormat(navigator.language, { style: "long" });
 			return formatter.format({ minutes, seconds: secs });
-		} catch (e) {
+		} catch {
 			// Fallback to manual formatting
 		}
 	}

package/dist/force-app/main/default/webapplications/reactexternalapp/src/features/authentication/pages/Profile.tsx

@@ -8,7 +8,7 @@ import { useAppForm } from "../hooks/form";
 import { ROUTES } from "../authenticationConfig";
 import { emailSchema } from "../authHelpers";
 import { getErrorMessage } from "../utils/helpers";
-import { getUser } from "../context/AuthContext";
+import { useUser } from "../context/AuthContext";
 import { fetchUserProfile, updateUserProfile } from "../api/userProfileApi";
 
 const optionalString = z
@@ -33,7 +33,7 @@ const profileSchema = z.object({
 type ProfileFormValues = z.infer<typeof profileSchema>;
 
 export default function Profile() {
-	const user = getUser();
+	const user = useUser();
 	const [profile, setProfile] = useState<ProfileFormValues | null>(null);
 	const [loadError, setLoadError] = useState<string | null>(null);
 	const [success, setSuccess] = useState(false);
@@ -104,7 +104,7 @@ export default function Profile() {
 			const formData = profileSchema.parse(profile);
 			form.reset(formData);
 		}
-	}, [profile]);
+	}, [profile, form]);
 
 	if (!profile && !loadError) {
 		return <CardSkeleton contentMaxWidth="md" loadingText="Loading profile…" />;

package/dist/force-app/main/default/webapplications/reactexternalapp/src/features/authentication/pages/Register.tsx

@@ -46,7 +46,7 @@ export default function Register() {
 				// "/services/apexrest/auth/register" refers to a custom Apex Class exposed as a REST resource.
 				// You must ensure this Apex class exists in your org and handles registration
 				// (e.g., duplicate checks and user creation such as Site.createExternalUser).
-				const { confirmPassword, ...request } = formFieldValues;
+				const { confirmPassword: _confirmPassword, ...request } = formFieldValues;
 				const sdk = await createDataSDK();
 				const response = await sdk.fetch!("/services/apexrest/auth/register", {
 					method: "POST",

package/dist/force-app/main/default/webapplications/reactexternalapp/src/features/authentication/sessionTimeout/SessionTimeoutValidator.tsx

@@ -496,8 +496,18 @@ export default function SessionTimeoutValidator({
 	// Get current location from React Router
 	const location = useLocation();
 
-	// State for session expired alert
-	const [showExpiredAlert, setShowExpiredAlert] = useState(false);
+	// Session expired alert — checked once at mount via lazy initializer.
+	// The session timeout handler triggers a hard navigation (window.location.replace),
+	// so the component always mounts fresh on the login page after expiry.
+	const [showExpiredAlert, setShowExpiredAlert] = useState(() => {
+		const isLoginPage = location.pathname === ROUTES.LOGIN.PATH;
+		const shouldShow =
+			isLoginPage && sessionStorage.getItem(STORAGE_KEYS.SHOW_SESSION_MESSAGE) === "true";
+		if (shouldShow) {
+			sessionStorage.removeItem(STORAGE_KEYS.SHOW_SESSION_MESSAGE);
+		}
+		return shouldShow;
+	});
 
 	// Session timeout monitoring hook
 	const sessionTimeout = useSessionTimeout({
@@ -505,22 +515,6 @@ export default function SessionTimeoutValidator({
 		isGuest,
 	});
 
-	/**
-	 * Check if we should show expired session message
-	 * Called on mount and whenever pathname changes
-	 */
-	useEffect(() => {
-		// Check if we're on the login page and should show expired message
-		const isLoginPage = location.pathname === ROUTES.LOGIN.PATH;
-		const shouldShowMessage = sessionStorage.getItem(STORAGE_KEYS.SHOW_SESSION_MESSAGE) === "true";
-
-		if (isLoginPage && shouldShowMessage) {
-			setShowExpiredAlert(true);
-			// Clear the flag immediately after reading
-			sessionStorage.removeItem(STORAGE_KEYS.SHOW_SESSION_MESSAGE);
-		}
-	}, [location.pathname]);
-
 	/**
 	 * Handle session extension
 	 * Called when user clicks "Continue Working" in warning modal

package/dist/force-app/main/default/webapplications/reactexternalapp/src/features/object-search/components/FilterContext.tsx

@@ -60,7 +60,7 @@ export function useFilterPanel() {
 	return { hasActiveFilters: filters.length > 0, resetAll: onReset };
 }
 
-interface FilterResetButtonProps extends Omit<React.ComponentProps<typeof Button>, "onClick"> {}
+type FilterResetButtonProps = Omit<React.ComponentProps<typeof Button>, "onClick">;
 
 export function FilterResetButton({ children, ...props }: FilterResetButtonProps) {
 	const { hasActiveFilters, resetAll } = useFilterPanel();

package/dist/force-app/main/default/webapplications/reactexternalapp/src/features/object-search/hooks/useObjectSearchParams.ts

@@ -61,7 +61,10 @@ export function useObjectSearchParams<TFilter, TOrderBy>(
 	paginationConfig?: PaginationConfig,
 ) {
 	const defaultPageSize = paginationConfig?.defaultPageSize ?? 10;
-	const validPageSizes = paginationConfig?.validPageSizes ?? [defaultPageSize];
+	const validPageSizes = useMemo(
+		() => paginationConfig?.validPageSizes ?? [defaultPageSize],
+		[paginationConfig?.validPageSizes, defaultPageSize],
+	);
 	const [searchParams, setSearchParams] = useSearchParams();
 
 	// Seed local state from URL on initial load
@@ -76,8 +79,10 @@ export function useObjectSearchParams<TFilter, TOrderBy>(
 	const [sort, setLocalSort] = useState<SortState | null>(initial.sort);
 
 	// Pagination — cursor-based with a stack to support "previous page" navigation.
-	const getValidPageSize = (size: number) =>
-		validPageSizes.includes(size) ? size : defaultPageSize;
+	const getValidPageSize = useCallback(
+		(size: number) => (validPageSizes.includes(size) ? size : defaultPageSize),
+		[validPageSizes, defaultPageSize],
+	);
 
 	const [pageSize, setPageSizeState] = useState<number>(
 		getValidPageSize(initial.pageSize ?? defaultPageSize),
@@ -166,7 +171,7 @@ export function useObjectSearchParams<TFilter, TOrderBy>(
 		resetPagination();
 		syncToUrl([], null, defaultPageSize, 0);
 		setPageSizeState(defaultPageSize);
-	}, [syncToUrl, resetPagination]);
+	}, [syncToUrl, resetPagination, defaultPageSize]);
 
 	// -- Pagination callbacks ---------------------------------------------------
 	// Uses a cursor stack to track visited pages. "Next" pushes the current
@@ -204,7 +209,7 @@ export function useObjectSearchParams<TFilter, TOrderBy>(
 			resetPagination();
 			debouncedSyncRef.current(f, s, validated);
 		},
-		[resetPagination],
+		[resetPagination, getValidPageSize],
 	);
 
 	// -- Derived query objects ---------------------------------------------------

package/dist/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@salesforce/webapp-template-base-sfdx-project-experimental",
-  "version": "1.116.6",
+  "version": "1.116.8",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@salesforce/webapp-template-base-sfdx-project-experimental",
-      "version": "1.116.6",
+      "version": "1.116.8",
       "license": "SEE LICENSE IN LICENSE.txt",
       "devDependencies": {
         "@lwc/eslint-plugin-lwc": "^3.3.0",

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/webapp-template-base-sfdx-project-experimental",
-  "version": "1.116.6",
+  "version": "1.116.8",
   "description": "Base SFDX project template",
   "license": "SEE LICENSE IN LICENSE.txt",
   "publishConfig": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/webapp-template-app-react-template-b2x-experimental",
-  "version": "1.116.6",
+  "version": "1.116.8",
   "description": "Salesforce React external app template",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "",