@salesforce/webapp-template-app-react-sample-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/propertyrentalapp/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/propertyrentalapp/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",
@@ -47,7 +47,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/propertyrentalapp/src/components/properties/PropertyMap.tsx

@@ -63,9 +63,10 @@ interface PropertyMapProps {
 
 function MapCenterUpdater({ center, zoom = 13 }: { center: [number, number]; zoom?: number }) {
 	const map = useMap() as { setView: (center: [number, number], zoom: number) => void };
+	const [lat, lng] = center;
 	useEffect(() => {
 		map.setView(center, zoom);
-	}, [map, center[0], center[1], zoom]);
+	}, [map, center, lat, lng, zoom]);
 	return null;
 }
 

package/dist/force-app/main/default/webapplications/propertyrentalapp/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/propertyrentalapp/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/propertyrentalapp/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/propertyrentalapp/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/propertyrentalapp/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/propertyrentalapp/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/propertyrentalapp/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/force-app/main/default/webapplications/propertyrentalapp/src/hooks/useGeocode.ts

@@ -7,16 +7,17 @@ export function useGeocode(address: string | null | undefined): {
 } {
 	const [coords, setCoords] = useState<GeocodeResult | null>(null);
 	const [loading, setLoading] = useState(false);
+	const trimmedAddress = address?.trim() ?? "";
 
 	useEffect(() => {
-		if (!address?.trim()) {
+		if (!trimmedAddress) {
 			setCoords(null);
 			setLoading(false);
 			return;
 		}
 		let cancelled = false;
 		setLoading(true);
-		const normalized = address.replace(/\n/g, ", ").trim();
+		const normalized = address!.replace(/\n/g, ", ").trim();
 
 		(async () => {
 			try {
@@ -42,7 +43,7 @@ export function useGeocode(address: string | null | undefined): {
 		return () => {
 			cancelled = true;
 		};
-	}, [address?.trim() ?? ""]);
+	}, [trimmedAddress]);
 
 	return { coords, loading };
 }

package/dist/force-app/main/default/webapplications/propertyrentalapp/src/hooks/usePropertyListingAmenities.ts

@@ -23,17 +23,18 @@ export function usePropertyListingAmenities(
 	const loading = idsKey !== "" && idsKey !== fetchedKey;
 
 	useEffect(() => {
-		if (uniqueIds.length === 0) {
+		const ids = idsKey === "" ? [] : idsKey.split(",");
+		if (ids.length === 0) {
 			setMap({});
 			setFetchedKey("");
 			return;
 		}
 		let cancelled = false;
-		Promise.all(uniqueIds.map((id) => fetchFeaturesByPropertyId(id)))
+		Promise.all(ids.map((id) => fetchFeaturesByPropertyId(id)))
 			.then((featuresPerProperty) => {
 				if (cancelled) return;
 				const next: Record<string, string> = {};
-				uniqueIds.forEach((id, i) => {
+				ids.forEach((id, i) => {
 					const features = featuresPerProperty[i] ?? [];
 					const descriptions = features
 						.map((f) => f.description)

package/dist/force-app/main/default/webapplications/propertyrentalapp/src/hooks/usePropertyMapMarkers.ts

@@ -2,7 +2,7 @@
  * Fetches property addresses for the current page of results only, geocodes them in parallel,
  * and returns map markers (one pin per property in the current window).
  */
-import { useState, useEffect } from "react";
+import { useState, useEffect, useRef } from "react";
 import { fetchPropertyAddresses } from "@/api/properties/propertyDetailGraphQL";
 import { geocodeAddress, getStateZipFromAddress } from "@/utils/geocode";
 import { getPropertyIdFromRecord } from "@/hooks/usePropertyPrimaryImages";
@@ -94,19 +94,29 @@ export function usePropertyMapMarkers(results: SearchResultRecord[]): {
 			propertyIdToLabel.set(id, getListingName(r.record));
 		}
 	}
+	const idsKey = [...new Set(propertyIds)].join(",");
 
+	const resultsRef = useRef(results);
+	const labelMapRef = useRef(propertyIdToLabel);
 	useEffect(() => {
-		if (propertyIds.length === 0) {
+		resultsRef.current = results;
+		labelMapRef.current = propertyIdToLabel;
+	});
+
+	useEffect(() => {
+		const uniqIds = idsKey === "" ? [] : idsKey.split(",");
+		if (uniqIds.length === 0) {
 			setMarkers([]);
 			setLoading(false);
 			return;
 		}
 		let cancelled = false;
 		setLoading(true);
-		const uniqIds = [...new Set(propertyIds)];
+		const currentResults = resultsRef.current;
+		const currentLabels = labelMapRef.current;
 		const directMarkers: MapMarker[] = [];
 		const missingIds: string[] = [];
-		for (const r of results) {
+		for (const r of currentResults) {
 			if (!r?.record) continue;
 			const id = getPropertyIdFromRecord(r.record);
 			if (!id || !uniqIds.includes(id)) continue;
@@ -115,7 +125,7 @@ export function usePropertyMapMarkers(results: SearchResultRecord[]): {
 				directMarkers.push({
 					lat: coords.lat,
 					lng: coords.lng,
-					label: propertyIdToLabel.get(id) ?? "Property",
+					label: currentLabels.get(id) ?? "Property",
 					propertyId: id,
 				});
 			}
@@ -140,7 +150,6 @@ export function usePropertyMapMarkers(results: SearchResultRecord[]): {
 					setLoading(false);
 					return;
 				}
-				// Geocode all addresses in parallel; fallback to City, State Zip if full address fails
 				Promise.all(
 					toGeocode.map(async ([id, address]) => {
 						const normalized = address.replace(/\n/g, ", ").trim();
@@ -161,7 +170,7 @@ export function usePropertyMapMarkers(results: SearchResultRecord[]): {
 							.map(({ id, coords }) => ({
 								lat: coords.lat,
 								lng: coords.lng,
-								label: propertyIdToLabel.get(id) ?? "Property",
+								label: currentLabels.get(id) ?? "Property",
 								propertyId: id,
 							}));
 						setMarkers(spreadDuplicateMarkers([...directMarkers, ...geocoded]));
@@ -182,7 +191,7 @@ export function usePropertyMapMarkers(results: SearchResultRecord[]): {
 		return () => {
 			cancelled = true;
 		};
-	}, [propertyIds.join(",")]);
+	}, [idsKey]);
 
 	return { markers, loading };
 }

package/dist/force-app/main/default/webapplications/propertyrentalapp/src/hooks/usePropertyPrimaryImages.ts

@@ -28,13 +28,14 @@ export function usePropertyPrimaryImages(
 	const loading = idsKey !== "" && idsKey !== fetchedKey;
 
 	useEffect(() => {
-		if (propertyIds.length === 0) {
+		const ids = idsKey === "" ? [] : idsKey.split(",");
+		if (ids.length === 0) {
 			setMap({});
 			setFetchedKey("");
 			return;
 		}
 		let cancelled = false;
-		fetchPrimaryImagesByPropertyIds(propertyIds)
+		fetchPrimaryImagesByPropertyIds(ids)
 			.then((next) => {
 				if (!cancelled) setMap(next);
 			})

package/dist/force-app/main/default/webapplications/propertyrentalapp/src/hooks/useWeather.ts

@@ -268,17 +268,14 @@ interface GeoPosition {
 }
 
 function useGeolocation(): GeoPosition {
-	const [position, setPosition] = useState<GeoPosition>({
+	const [position, setPosition] = useState<GeoPosition>(() => ({
 		latitude: FALLBACK.LAT,
 		longitude: FALLBACK.LNG,
-		resolved: false,
-	});
+		resolved: typeof navigator === "undefined" || !navigator.geolocation,
+	}));
 
 	useEffect(() => {
-		if (!navigator.geolocation) {
-			setPosition((prev) => ({ ...prev, resolved: true }));
-			return;
-		}
+		if (!navigator.geolocation) return;
 		navigator.geolocation.getCurrentPosition(
 			(pos) =>
 				setPosition({

package/dist/force-app/main/default/webapplications/propertyrentalapp/src/pages/Application.tsx

@@ -141,7 +141,7 @@ export default function Application() {
 				setSubmitting(false);
 			}
 		},
-		[propertyId, contactId, moveInDate, employment, references],
+		[propertyId, contactId, moveInDate, employment, references, user?.id],
 	);
 
 	if (loading) {

package/dist/force-app/main/default/webapplications/propertyrentalapp/src/pages/Maintenance.tsx

@@ -75,8 +75,6 @@ export default function Maintenance() {
 	const [submitError, setSubmitError] = useState<string | null>(null);
 	const [submitSuccess, setSubmitSuccess] = useState(false);
 
-	if (authLoading) return <MaintenanceSkeleton />;
-
 	const handleSubmit = useCallback(
 		async (e: React.FormEvent) => {
 			e.preventDefault();
@@ -113,6 +111,8 @@ export default function Maintenance() {
 		[title, description, type, priority, dateRequested, refetch],
 	);
 
+	if (authLoading) return <MaintenanceSkeleton />;
+
 	return (
 		<div className="mx-auto max-w-[900px]">
 			<Card className="mb-6 rounded-2xl shadow-md">

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-sample-b2x-experimental",
-  "version": "1.116.6",
+  "version": "1.116.8",
   "description": "Salesforce sample property rental React app",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "",
@@ -32,6 +32,9 @@
       "watch": {
         "executor": "@salesforce/webapp-template-cli-experimental:watch-patches"
       },
+      "build:dist-app": {
+        "executor": "@salesforce/webapp-template-cli-experimental:build-dist-app"
+      },
       "dev": {
         "executor": "@salesforce/webapp-template-cli-experimental:dev-server"
       }