@salesforce/webapp-template-app-react-sample-b2e-experimental 1.80.1 → 1.82.0

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/api/graphql-operations-types.ts

@@ -22,6 +22,7 @@ export type Scalars = {
 	DateTime: { input: string; output: string };
 	Double: { input: number | string; output: number };
 	Email: { input: string; output: string };
+	EncryptedString: { input: string; output: string };
 	/** Can be set to an ID or a Reference to the result of another mutation operation. */
 	IdOrRef: { input: string; output: string };
 	Latitude: { input: number | string; output: number };
@@ -45,8 +46,13 @@ export type Application__CUpdateInput = {
 };
 
 export type Application__CUpdateRepresentation = {
+	Employment__c?: InputMaybe<Scalars["LongTextArea"]["input"]>;
 	OwnerId?: InputMaybe<Scalars["IdOrRef"]["input"]>;
+	Property__c?: InputMaybe<Scalars["IdOrRef"]["input"]>;
+	References__c?: InputMaybe<Scalars["LongTextArea"]["input"]>;
+	Start_Date__c?: InputMaybe<Scalars["Date"]["input"]>;
 	Status__c?: InputMaybe<Scalars["Picklist"]["input"]>;
+	User__c?: InputMaybe<Scalars["IdOrRef"]["input"]>;
 };
 
 export enum DataType {
@@ -88,14 +94,52 @@ export enum FieldExtraTypeInfo {
 	SwitchablePersonname = "SWITCHABLE_PERSONNAME",
 }
 
+export enum LayoutComponentType {
+	Canvas = "CANVAS",
+	CustomLink = "CUSTOM_LINK",
+	EmptySpace = "EMPTY_SPACE",
+	Field = "FIELD",
+	ReportChart = "REPORT_CHART",
+	VisualforcePage = "VISUALFORCE_PAGE",
+}
+
+export enum LayoutMode {
+	Create = "CREATE",
+	Edit = "EDIT",
+	View = "VIEW",
+}
+
+export enum LayoutType {
+	Compact = "COMPACT",
+	Full = "FULL",
+}
+
 export type Maintenance_Request__CUpdateInput = {
 	Id: Scalars["IdOrRef"]["input"];
 	Maintenance_Request__c: Maintenance_Request__CUpdateRepresentation;
 };
 
 export type Maintenance_Request__CUpdateRepresentation = {
+	Actual_Cost__c?: InputMaybe<Scalars["Currency"]["input"]>;
+	Assigned_Worker__c?: InputMaybe<Scalars["IdOrRef"]["input"]>;
+	Completed__c?: InputMaybe<Scalars["DateTime"]["input"]>;
+	Description__c?: InputMaybe<Scalars["LongTextArea"]["input"]>;
+	Est_Cost__c?: InputMaybe<Scalars["Currency"]["input"]>;
 	OwnerId?: InputMaybe<Scalars["IdOrRef"]["input"]>;
+	Priority__c?: InputMaybe<Scalars["Picklist"]["input"]>;
+	Property__c?: InputMaybe<Scalars["IdOrRef"]["input"]>;
+	Scheduled__c?: InputMaybe<Scalars["DateTime"]["input"]>;
 	Status__c?: InputMaybe<Scalars["Picklist"]["input"]>;
+	Tenant_Home__c?: InputMaybe<Scalars["Boolean"]["input"]>;
+	Type__c?: InputMaybe<Scalars["Picklist"]["input"]>;
+	User__c?: InputMaybe<Scalars["IdOrRef"]["input"]>;
+};
+
+/** Input for ObjectInfo and PickValues */
+export type ObjectInfoInput = {
+	apiName: Scalars["String"]["input"];
+	fieldNames?: InputMaybe<Array<Scalars["String"]["input"]>>;
+	recordTypeIDs?: InputMaybe<Array<Scalars["ID"]["input"]>>;
 };
 
 export enum ResultOrder {
@@ -103,6 +147,17 @@ export enum ResultOrder {
 	Desc = "DESC",
 }
 
+export enum TabOrder {
+	LeftRight = "LEFT_RIGHT",
+	TopDown = "TOP_DOWN",
+}
+
+export enum UiBehavior {
+	Edit = "EDIT",
+	Readonly = "READONLY",
+	Required = "REQUIRED",
+}
+
 export type GetApplicationsQueryVariables = Exact<{ [key: string]: never }>;
 
 export type GetApplicationsQuery = {
@@ -113,10 +168,9 @@ export type GetApplicationsQuery = {
 					node?: {
 						Id: string;
 						Name?: { value?: string | null } | null;
-						Contact__r?: {
+						User__r?: {
 							FirstName?: { value?: string | null } | null;
 							LastName?: { value?: string | null } | null;
-							Name?: { value?: string | null } | null;
 						} | null;
 						Property__r?: {
 							Name?: { value?: string | null } | null;
@@ -177,7 +231,7 @@ export type GetOpenApplicationsQuery = {
 					node?: {
 						Id: string;
 						Name?: { value?: string | null } | null;
-						Contact__r?: { Name?: { value?: string | null } | null } | null;
+						User__r?: { Name?: { value?: string | null } | null } | null;
 						Property__r?: { Address__c?: { value?: string | null } | null } | null;
 						Status__c?: { value?: string | null } | null;
 						CreatedDate?: { value?: string | null } | null;
@@ -215,10 +269,7 @@ export type GetMaintenanceRequestsQuery = {
 						Id: string;
 						Name?: { value?: string | null } | null;
 						Property__r?: { Address__c?: { value?: string | null } | null } | null;
-						Tenant__r?: {
-							Name?: { value?: string | null } | null;
-							User__r?: { Name?: { value?: string | null } | null } | null;
-						} | null;
+						User__r?: { Name?: { value?: string | null } | null } | null;
 						Type__c?: { value?: string | null } | null;
 						Priority__c?: { value?: string | null } | null;
 						Status__c?: { value?: string | null } | null;
@@ -253,11 +304,11 @@ export type GetAllMaintenanceRequestsQuery = {
 							Address__c?: { value?: string | null } | null;
 							Name?: { value?: string | null } | null;
 						} | null;
-						Tenant__r?: {
+						User__r?: { Name?: { value?: string | null } | null } | null;
+						Assigned_Worker__r?: {
 							Name?: { value?: string | null } | null;
-							User__r?: { Name?: { value?: string | null } | null } | null;
+							Employment_Type__c?: { value?: string | null } | null;
 						} | null;
-						Owner?: { Name?: { value?: string | null } | null } | Record<PropertyKey, never> | null;
 						ContentDocumentLinks?: {
 							edges?: Array<{
 								node?: {
@@ -312,10 +363,10 @@ export type GetPropertiesQuery = {
 						Year_Built__c?: { value?: number | null } | null;
 						Hero_Image__c?: { value?: string | null } | null;
 						Deposit__c?: { value?: number | null } | null;
-						Parking__c?: { value?: string | null } | null;
-						Pet_Friendly__c?: { value?: string | null } | null;
+						Parking__c?: { value?: number | null } | null;
+						Pet_Friendly__c?: { value?: boolean | null } | null;
 						Available_Date__c?: { value?: string | null } | null;
-						Lease_Term__c?: { value?: string | null } | null;
+						Lease_Term__c?: { value?: number | null } | null;
 						Features__c?: { value?: string | null } | null;
 						Utilities__c?: { value?: string | null } | null;
 						Tour_URL__c?: { value?: string | null } | null;
@@ -327,3 +378,100 @@ export type GetPropertiesQuery = {
 		};
 	};
 };
+
+export type GetObjectInfosQueryVariables = Exact<{
+	apiNames: Array<Scalars["String"]["input"]> | Scalars["String"]["input"];
+}>;
+
+export type GetObjectInfosQuery = {
+	uiapi: {
+		objectInfos?: Array<{
+			ApiName: string;
+			label?: string | null;
+			labelPlural?: string | null;
+			nameFields: Array<string | null>;
+			defaultRecordTypeId?: string | null;
+			keyPrefix?: string | null;
+			layoutable: boolean;
+			queryable: boolean;
+			searchable: boolean;
+			updateable: boolean;
+			deletable: boolean;
+			createable: boolean;
+			custom: boolean;
+			mruEnabled: boolean;
+			feedEnabled: boolean;
+			fields: Array<
+				| {
+						ApiName: string;
+						label?: string | null;
+						dataType?: DataType | null;
+						relationshipName?: string | null;
+						reference: boolean;
+						compound: boolean;
+						compoundFieldName?: string | null;
+						compoundComponentName?: string | null;
+						controllingFields: Array<string | null>;
+						controllerName?: string | null;
+						referenceToInfos: Array<{ ApiName: string; nameFields: Array<string | null> } | null>;
+				  }
+				| {
+						ApiName: string;
+						label?: string | null;
+						dataType?: DataType | null;
+						relationshipName?: string | null;
+						reference: boolean;
+						compound: boolean;
+						compoundFieldName?: string | null;
+						compoundComponentName?: string | null;
+						controllingFields: Array<string | null>;
+						controllerName?: string | null;
+						referenceToInfos: Array<{ ApiName: string; nameFields: Array<string | null> } | null>;
+				  }
+				| null
+			>;
+			recordTypeInfos: Array<{
+				recordTypeId?: string | null;
+				name?: string | null;
+				master: boolean;
+				available: boolean;
+				defaultRecordTypeMapping: boolean;
+			} | null>;
+			themeInfo?: { color?: string | null; iconUrl?: string | null } | null;
+			childRelationships: Array<{
+				relationshipName?: string | null;
+				fieldName?: string | null;
+				childObjectApiName: string;
+			} | null>;
+			dependentFields: Array<{ controllingField: string } | null>;
+		} | null> | null;
+	};
+};
+
+export type GetPicklistValuesQueryVariables = Exact<{
+	objectInfoInputs: Array<ObjectInfoInput> | ObjectInfoInput;
+}>;
+
+export type GetPicklistValuesQuery = {
+	uiapi: {
+		objectInfos?: Array<{
+			ApiName: string;
+			fields: Array<
+				| {
+						ApiName: string;
+						picklistValuesByRecordTypeIDs?: Array<{
+							recordTypeID: string;
+							defaultValue?: { value?: string | null } | null;
+							picklistValues?: Array<{
+								label?: string | null;
+								value?: string | null;
+								validFor?: Array<number | null> | null;
+							}> | null;
+						} | null> | null;
+				  }
+				| { ApiName: string }
+				| null
+			>;
+		} | null> | null;
+	};
+};

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/api/maintenance.ts

@@ -1,5 +1,5 @@
 import { getDataSDK, gql } from "@salesforce/sdk-data";
-import type { MaintenanceRequest } from "../lib/types.js";
+import type { MaintenanceRequest } from "../lib/types";
 import type {
 	GetMaintenanceRequestsQuery,
 	GetMaintenanceRequestsQueryVariables,
@@ -98,11 +98,12 @@ const GET_ALL_MAINTENANCE_REQUESTS = gql`
 									value
 								}
 							}
-							Owner {
-								... on User {
-									Name {
-										value
-									}
+							Assigned_Worker__r {
+								Name {
+									value
+								}
+								Employment_Type__c {
+									value
 								}
 							}
 							ContentDocumentLinks(first: 1) {
@@ -241,8 +242,9 @@ function transformMaintenanceTaskFull(node: any): MaintenanceRequest {
 	// Get tenant unit from Property
 	const tenantUnit = node.Property__r?.Name?.value || node.Property__r?.Address__c?.value;
 
-	// Get assigned worker name from Owner
-	const assignedWorkerName = node.Owner?.Name?.value;
+	// Get assigned worker name and employment type from Assigned_Worker__r
+	const assignedWorkerName = node.Assigned_Worker__r?.Name?.value;
+	const assignedWorkerOrg = node.Assigned_Worker__r?.Employment_Type__c?.value;
 
 	return {
 		id: node.Id,
@@ -257,7 +259,7 @@ function transformMaintenanceTaskFull(node: any): MaintenanceRequest {
 		imageUrl,
 		tenantUnit,
 		assignedWorkerName,
-		assignedWorkerOrg: "ABC Diamond Technicians", // This would come from a related object in real scenario
+		assignedWorkerOrg,
 		formattedDate,
 	};
 }

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/api/maintenanceWorkers.ts

@@ -1,5 +1,5 @@
-import type { MaintenanceWorker } from "../lib/types.js";
-import { getAllMaintenanceRequests } from "./maintenance.js";
+import type { MaintenanceWorker } from "../lib/types";
+import { getAllMaintenanceRequests } from "./maintenance";
 
 /**
  * Fetches maintenance workers. Derives unique workers from maintenance requests

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/api/properties.ts

@@ -1,5 +1,5 @@
 import { getDataSDK, gql } from "@salesforce/sdk-data";
-import type { Property } from "../lib/types.js";
+import type { Property } from "../lib/types";
 import type { GetPropertiesQueryVariables, GetPropertiesQuery } from "./graphql-operations-types";
 
 // GraphQL query to get properties with pagination

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/appLayout.tsx

@@ -1,6 +1,6 @@
 import { Outlet } from "react-router";
-import { TopBar } from "./components/TopBar.js";
-import { VerticalNav } from "./components/VerticalNav.js";
+import { TopBar } from "./components/TopBar";
+import { VerticalNav } from "./components/VerticalNav";
 import { AgentforceConversationClient } from "./components/AgentforceConversationClient";
 
 export default function AppLayout() {

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/assets/icons/maintenance-worker.svg

@@ -0,0 +1,8 @@
+<svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 1.5L8.00006 0.5H7.99995L8 1.5ZM13.5967 6.56836L12.6015 6.66614L12.6826 7.49179L13.509 7.56451L13.5967 6.56836ZM13.4844 9.09375V10.0938V9.09375ZM2.40137 6.56836L2.49054 7.56438L3.31559 7.49051L3.39658 6.66612L2.40137 6.56836ZM8 1.5L7.99994 2.5C10.3989 2.50015 12.3717 4.32767 12.6015 6.66614L13.5967 6.56836L14.5919 6.47058C14.2626 3.11875 11.4383 0.500219 8.00006 0.5L8 1.5ZM13.5967 6.56836L13.509 7.56451C13.6446 7.57644 13.75 7.69093 13.75 7.82812H14.75H15.75C15.75 6.6431 14.8414 5.67402 13.6843 5.57221L13.5967 6.56836ZM14.75 7.82812H13.75C13.75 7.97483 13.6311 8.09375 13.4844 8.09375V9.09375V10.0938C14.7356 10.0938 15.75 9.0794 15.75 7.82812H14.75ZM13.4844 9.09375V8.09375H2.51562V9.09375V10.0938H13.4844V9.09375ZM2.51562 9.09375V8.09375C2.36892 8.09375 2.25 7.97483 2.25 7.82812H1.25H0.25C0.25 9.0794 1.26435 10.0938 2.51562 10.0938V9.09375ZM1.25 7.82812H2.25C2.25 7.69089 2.35531 7.57648 2.49054 7.56438L2.40137 6.56836L2.31219 5.57234C1.1566 5.67581 0.25 6.64446 0.25 7.82812H1.25ZM2.40137 6.56836L3.39658 6.66612C3.62626 4.32802 5.60062 2.50011 8.00005 2.5L8 1.5L7.99995 0.5C4.56208 0.500164 1.73548 3.11823 1.40616 6.47059L2.40137 6.56836Z" fill="#65185C"/>
+<line x1="8.25" y1="1" x2="8.25" y2="3.5" stroke="#65185C" stroke-width="2" stroke-linecap="round"/>
+<line x1="13.25" y1="3.66421" x2="11.6642" y2="5.25" stroke="#65185C" stroke-width="2" stroke-linecap="round"/>
+<line x1="4.33579" y1="5.25" x2="2.75" y2="3.66421" stroke="#65185C" stroke-width="2" stroke-linecap="round"/>
+<path d="M4 11C5.90288 13.8543 10.0971 13.8543 12 11" stroke="#65185C" stroke-width="2" stroke-linecap="round"/>
+<path d="M1 18C4.70577 13.7648 11.2942 13.7648 15 18" stroke="#65185C" stroke-width="2" stroke-linecap="round"/>
+</svg>

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/ApplicationCard.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { Card } from "./ui/card";
 import { Button } from "./ui/button";
-import type { Application } from "../lib/types.js";
+import type { Application } from "../lib/types";
 
 interface ApplicationCardProps {
 	application: Application;

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/ApplicationDetailsModal.tsx

@@ -1,7 +1,7 @@
 import React, { useState } from "react";
 import { X } from "lucide-react";
 import { Button } from "./ui/button";
-import type { Application } from "../lib/types.js";
+import type { Application } from "../lib/types";
 
 interface ApplicationDetailsModalProps {
 	application: Application;

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/ApplicationsTable.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import type { Application } from "../lib/types.js";
+import type { Application } from "../lib/types";
 
 interface ApplicationsTableProps {
 	applications: Application[];

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/IssuesDonutChart.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { PieChart, Pie, Cell, ResponsiveContainer } from "recharts";
+import { PieChart, Pie, Cell, ResponsiveContainer, Tooltip } from "recharts";
 import { Card } from "./ui/card";
 import { MoreVertical } from "lucide-react";
 
@@ -15,7 +15,26 @@ interface IssuesDonutChartProps {
 
 export const IssuesDonutChart: React.FC<IssuesDonutChartProps> = ({ data }) => {
 	const total = data.reduce((sum, item) => sum + item.value, 0);
-	const mainPercentage = total > 0 ? Math.round((data[0]?.value / total) * 100) : 0;
+	const maxValue = data.length > 0 ? Math.max(...data.map((item) => item.value)) : 0;
+	const mainPercentage = total > 0 ? Math.round((maxValue / total) * 100) : 0;
+
+	const CustomTooltip = ({ active, payload }: any) => {
+		if (active && payload && payload.length) {
+			const percentage = total > 0 ? Math.round((payload[0].value / total) * 100) : 0;
+			return (
+				<div className="bg-white p-3 border border-gray-200 rounded shadow-lg z-50">
+					<p className="text-sm font-semibold text-gray-800">{payload[0].name}</p>
+					<p className="text-sm text-gray-600">
+						Count: <span className="font-medium">{payload[0].value}</span>
+					</p>
+					<p className="text-sm text-gray-600">
+						Percentage: <span className="font-medium">{percentage}%</span>
+					</p>
+				</div>
+			);
+		}
+		return null;
+	};
 
 	return (
 		<Card className="p-4 border-gray-200 shadow-sm flex flex-col relative">
@@ -43,10 +62,11 @@ export const IssuesDonutChart: React.FC<IssuesDonutChartProps> = ({ data }) => {
 								<Cell key={`cell-${index}`} fill={entry.color} />
 							))}
 						</Pie>
+						<Tooltip content={<CustomTooltip />} wrapperStyle={{ zIndex: 1000 }} />
 					</PieChart>
 				</ResponsiveContainer>
 				{/* Center text */}
-				<div className="absolute inset-0 flex items-center justify-center">
+				<div className="absolute inset-0 flex items-center justify-center pointer-events-none">
 					<div className="text-center">
 						<div className="text-5xl font-bold text-primary-purple">{mainPercentage}%</div>
 					</div>

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/ListPageFilters.tsx

@@ -1,4 +1,4 @@
-import type { ActiveFilter, FilterFieldConfig } from "../lib/listFilters.js";
+import type { ActiveFilter, FilterFieldConfig } from "../lib/listFilters";
 
 const inputClass =
 	"h-9 rounded-md border border-input bg-background px-3 py-1 text-sm shadow-sm focus:outline-none focus:ring-2 focus:ring-primary-purple/20 focus:border-primary-purple";

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/MaintenanceDetailsModal.tsx

@@ -1,8 +1,8 @@
 import React, { useState } from "react";
 import { X } from "lucide-react";
 import { Button } from "./ui/button";
-import { PriorityBadge } from "./PriorityBadge.js";
-import type { MaintenanceRequest } from "../lib/types.js";
+import { PriorityBadge } from "./PriorityBadge";
+import type { MaintenanceRequest } from "../lib/types";
 
 interface MaintenanceDetailsModalProps {
 	request: MaintenanceRequest;
@@ -21,11 +21,11 @@ export const MaintenanceDetailsModal: React.FC<MaintenanceDetailsModalProps> = (
 	const [isSaving, setIsSaving] = useState(false);
 
 	// Determine if status is editable
-	// Only New and In Progress can be updated to Resolved
-	const isStatusEditable = request.status === "New" || request.status === "In Progress";
+	// All statuses except Resolved can be edited
+	const isStatusEditable = request.status !== "Resolved";
 
-	// Status options
-	const statusOptions = ["New", "In Progress", "Resolved"];
+	// Status options - all possible statuses
+	const statusOptions = ["New", "Assigned", "In Progress", "On Hold", "Resolved"];
 
 	const handleSave = async () => {
 		if (!isStatusEditable) return;

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/MaintenanceRequestCard.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { Card } from "./ui/card";
 import { Button } from "./ui/button";
-import type { MaintenanceRequest } from "../lib/types.js";
+import type { MaintenanceRequest } from "../lib/types";
 
 interface MaintenanceRequestCardProps {
 	request: MaintenanceRequest;

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/MaintenanceTable.tsx

@@ -1,9 +1,9 @@
 import React from "react";
 import { useNavigate } from "react-router";
-import { PATHS } from "../lib/routeConfig.js";
+import { PATHS } from "../lib/routeConfig";
 import { Card } from "./ui/card";
 import { Button } from "./ui/button";
-import type { MaintenanceRequest } from "../lib/types.js";
+import type { MaintenanceRequest } from "../lib/types";
 import PlumbingIcon from "../assets/icons/plumbing.svg";
 import HVACIcon from "../assets/icons/hvac.svg";
 import ElectricalIcon from "../assets/icons/electrical.svg";

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/PropertyCard.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import type { Property } from "../lib/types.js";
+import type { Property } from "../lib/types";
 
 interface PropertyCardProps {
 	property: Property;

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/PropertyDetailsModal.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { X } from "lucide-react";
 import { Button } from "./ui/button";
-import type { Property } from "../lib/types.js";
+import type { Property } from "../lib/types";
 
 interface PropertyDetailsModalProps {
 	property: Property;

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/TopBar.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from "react";
 import { Search, Bell, ChevronDown, Menu } from "lucide-react";
 import zenLogo from "../assets/icons/zen-logo.svg";
-import { getUserInfo } from "../api/dashboard.js";
+import { getUserInfo } from "../api/dashboard";
 
 interface TopBarProps {
 	onMenuClick?: () => void;

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/VerticalNav.tsx

@@ -4,7 +4,8 @@ import dashboardIcon from "../assets/icons/dashboard.svg";
 import filesIcon from "../assets/icons/files.svg";
 import propertiesIcon from "../assets/icons/properties.svg";
 import maintenanceIcon from "../assets/icons/maintenance.svg";
-import { PATHS } from "../lib/routeConfig.js";
+import maintenanceWorkerIcon from "../assets/icons/maintenance-worker.svg";
+import { PATHS } from "../lib/routeConfig";
 
 interface NavItem {
 	path: string;
@@ -17,7 +18,7 @@ const navItems: NavItem[] = [
 	{ path: PATHS.APPLICATIONS, icon: filesIcon, label: "Applications" },
 	{ path: PATHS.PROPERTIES, icon: propertiesIcon, label: "Properties" },
 	{ path: PATHS.MAINTENANCE_REQUESTS, icon: maintenanceIcon, label: "Maintenance Requests" },
-	{ path: PATHS.MAINTENANCE_WORKERS, icon: maintenanceIcon, label: "Maintenance Workers" },
+	{ path: PATHS.MAINTENANCE_WORKERS, icon: maintenanceWorkerIcon, label: "Maintenance Workers" },
 ];
 
 export const VerticalNav: React.FC = () => {
@@ -44,7 +45,7 @@ export const VerticalNav: React.FC = () => {
 					title={item.label}
 				>
 					<img src={item.icon} alt={item.label} className="w-6 h-6" />
-					<span className="text-xs font-medium">{item.label}</span>
+					<span className="text-xs font-medium text-center">{item.label}</span>
 				</Link>
 			))}
 		</div>

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/dashboard/GlobalSearchBar.tsx

@@ -1,5 +1,5 @@
-import type { ObjectInfoResult } from "../../features/global-search/types/objectInfo/objectInfo.js";
-import type { SearchableObjectConfig } from "../../lib/globalSearchConstants.js";
+import type { ObjectInfoResult } from "../../features/global-search/types/objectInfo/objectInfo";
+import type { SearchableObjectConfig } from "../../lib/globalSearchConstants";
 import {
 	Select,
 	SelectContent,

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/filters/FilterFieldRange.tsx

@@ -1,5 +1,5 @@
 import type { Filter } from "../../features/global-search/types/filters/filters";
-import { getRangeMinKey, getRangeMaxKey } from "../../lib/filterUtils.js";
+import { getRangeMinKey, getRangeMaxKey } from "../../lib/filterUtils";
 
 const inputClass =
 	"h-9 px-3 rounded-md border border-gray-300 bg-white text-sm focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent w-20";

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/filters/FilterFieldSelect.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import type { Filter } from "../../features/global-search/types/filters/filters";
-import { ALL_PLACEHOLDER_VALUE, MULTI_VALUE_SEP } from "../../lib/filterUtils.js";
+import { ALL_PLACEHOLDER_VALUE, MULTI_VALUE_SEP } from "../../lib/filterUtils";
 import {
 	Select,
 	SelectContent,

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/filters/ListPageFilterRow.tsx

@@ -1,7 +1,7 @@
 import type { Filter } from "../../features/global-search/types/filters/filters";
-import { FilterFieldRange } from "./FilterFieldRange.js";
-import { FilterFieldSelect } from "./FilterFieldSelect.js";
-import { FilterFieldText } from "./FilterFieldText.js";
+import { FilterFieldRange } from "./FilterFieldRange";
+import { FilterFieldSelect } from "./FilterFieldSelect";
+import { FilterFieldText } from "./FilterFieldText";
 
 /** Compatible with feature picklist option shape (label/value). */
 interface PicklistOption {

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/components/list/ListPageWithFilters.tsx

@@ -1,10 +1,10 @@
 import type { ReactNode } from "react";
 import type { Filter } from "../../features/global-search/types/filters/filters";
-import { PageContainer } from "../layout/PageContainer.js";
-import { PageLoadingState } from "../feedback/PageLoadingState.js";
-import { PageErrorState } from "../feedback/PageErrorState.js";
-import { FilterErrorAlert } from "../feedback/FilterErrorAlert.js";
-import { ListPageFilterRow } from "../filters/ListPageFilterRow.js";
+import { PageContainer } from "../layout/PageContainer";
+import { PageLoadingState } from "../feedback/PageLoadingState";
+import { PageErrorState } from "../feedback/PageErrorState";
+import { FilterErrorAlert } from "../feedback/FilterErrorAlert";
+import { ListPageFilterRow } from "../filters/ListPageFilterRow";
 
 /** Compatible with feature picklist option shape. */
 interface PicklistOption {

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/hooks/useListPage.ts

@@ -3,14 +3,14 @@ import { useSearchParams } from "react-router";
 import { useObjectListMetadata } from "../features/global-search/hooks/useObjectSearchData";
 import type { FilterCriteria } from "../features/global-search/types/filters/filters";
 import { useRecordListGraphQL } from "../features/global-search/hooks/useRecordListGraphQL";
-import { PAGE_SIZE_LIST } from "../lib/constants.js";
+import { PAGE_SIZE_LIST } from "../lib/constants";
 import {
 	buildFilterCriteriaFromFormValues,
 	getDefaultFilterFormValues,
 	getApplicableFilters,
-} from "../lib/filterUtils.js";
-import { useAccumulatedListPages } from "./useAccumulatedListPages.js";
-import type { ListPageConfig } from "../lib/listPageConfig.js";
+} from "../lib/filterUtils";
+import { useAccumulatedListPages } from "./useAccumulatedListPages";
+import type { ListPageConfig } from "../lib/listPageConfig";
 
 /** Picklist option shape from useObjectListMetadata (label/value). */
 export interface PicklistOption {

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/lib/applicationAdapter.ts

@@ -1,7 +1,7 @@
 /**
  * Adapter: maps Application__c GraphQL node to app Application type.
  */
-import type { Application } from "./types.js";
+import type { Application } from "./types";
 
 interface ApplicationNode {
 	Id?: string;

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/lib/fieldMappers.ts

@@ -2,7 +2,7 @@
  * Maps Salesforce API field paths (from getObjectListFilters) to our app record properties.
  * Used by applyFilterCriteria when filtering list data with FilterCriteria from the feature API.
  */
-import type { Property, MaintenanceRequest, Application } from "./types.js";
+import type { Property, MaintenanceRequest, Application } from "./types";
 
 const PROPERTY_FIELD_MAP: Record<string, (p: Property) => string | number | undefined> = {
 	Name: (p) => p.name,

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/lib/globalSearchConstants.ts

@@ -7,7 +7,7 @@ import {
 	FALLBACK_LABEL_MAINTENANCE_PLURAL,
 	FALLBACK_LABEL_MAINTENANCE_WORKERS_PLURAL,
 	FALLBACK_LABEL_APPLICATIONS_PLURAL,
-} from "./constants.js";
+} from "./constants";
 
 export const GLOBAL_SEARCH_OBJECT_API_NAME = "Property__c" as const;
 export const MAINTENANCE_OBJECT_API_NAME = "Maintenance_Request__c" as const;