@salesforce/webapp-template-app-react-template-b2x-experimental 1.76.0 → 1.77.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.77.0](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.76.1...v1.77.0) (2026-03-06)
+
+**Note:** Version bump only for package @salesforce/webapp-template-base-sfdx-project-experimental
+
+
+
+
+
+## [1.76.1](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.76.0...v1.76.1) (2026-03-06)
+
+**Note:** Version bump only for package @salesforce/webapp-template-base-sfdx-project-experimental
+
+
+
+
+
 # [1.76.0](https://github.com/salesforce-experience-platform-emu/webapps/compare/v1.75.1...v1.76.0) (2026-03-06)
 
 

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

@@ -15,8 +15,8 @@
     "graphql:schema": "node scripts/get-graphql-schema.mjs"
   },
   "dependencies": {
-    "@salesforce/sdk-data": "^1.76.0",
-    "@salesforce/webapp-experimental": "^1.76.0",
+    "@salesforce/sdk-data": "^1.77.0",
+    "@salesforce/webapp-experimental": "^1.77.0",
     "@tailwindcss/vite": "^4.1.17",
     "@tanstack/react-form": "^1.28.4",
     "class-variance-authority": "^0.7.1",
@@ -40,7 +40,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.76.0",
+    "@salesforce/vite-plugin-webapp-experimental": "^1.77.0",
     "@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/appreacttemplateb2x/src/features/global-search/api/objectDetailService.ts

@@ -36,17 +36,9 @@ export function extractFieldsFromLayout(
 	return optionalFields;
 }
 
-/**
- * Fetches the Full/View layout for an object (REST). Used by detail view to render sections/rows/items.
- *
- * @param objectApiName - Object API name.
- * @param recordTypeId - Record type Id (default master).
- * @param signal - Optional abort signal.
- */
 export async function getLayout(
 	objectApiName: string,
 	recordTypeId: string = DEFAULT_RECORD_TYPE_ID,
-	signal?: AbortSignal,
 ): Promise<LayoutResponse> {
 	const params = new URLSearchParams({
 		layoutType: "Full",
@@ -54,14 +46,10 @@ export async function getLayout(
 		recordTypeId,
 	});
 	return fetchAndValidate(
-		(abortSignal) =>
-			uiApiClient.get(`/layout/${safeEncodePath(objectApiName)}?${params.toString()}`, {
-				signal: abortSignal,
-			}),
+		() => uiApiClient.get(`/layout/${safeEncodePath(objectApiName)}?${params.toString()}`),
 		{
 			schema: LayoutResponseSchema,
 			errorContext: `layout for ${objectApiName}`,
-			signal,
 		},
 	);
 }
@@ -86,24 +74,13 @@ function optionalFieldsToColumns(optionalFields: string[]): Column[] {
 	}));
 }
 
-/**
- * Fetches everything needed for the detail page: layout (REST), object metadata (GraphQL), single record (GraphQL).
- * Layout drives which fields are requested; getRecordByIdGraphQL fetches that field set by Id.
- *
- * @param objectApiName - Object API name.
- * @param recordId - Record Id.
- * @param recordTypeId - Record type (default master).
- * @param signal - Optional abort signal.
- * @returns { layout, record, objectMetadata } for DetailForm / UiApiDetailForm.
- */
 export async function getRecordDetail(
 	objectApiName: string,
 	recordId: string,
 	recordTypeId: string = DEFAULT_RECORD_TYPE_ID,
-	signal?: AbortSignal,
 ): Promise<RecordDetailResult> {
-	const layout = await getLayout(objectApiName, recordTypeId, signal);
-	const objectMetadata = await objectInfoService.getObjectInfoBatch(objectApiName, signal);
+	const layout = await getLayout(objectApiName, recordTypeId);
+	const objectMetadata = await objectInfoService.getObjectInfoBatch(objectApiName);
 	const firstResult = objectMetadata?.results?.[0]?.result;
 	if (!firstResult) {
 		throw new Error(`Object metadata not found for ${objectApiName}`);

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/features/global-search/api/objectInfoGraphQLService.ts

@@ -7,188 +7,131 @@
  * @module api/objectInfoGraphQLService
  */
 
-import { getDataSDK } from "@salesforce/sdk-data";
-
-/** GraphQL objectInfoInputs for requesting picklist values (API v65.0+). Only apiName and fieldNames are sent; record type filtering is done from the response. */
-export interface ObjectInfoInput {
-	apiName: string;
-	fieldNames?: string[] | null;
-}
-
-/** Raw GraphQL response shape for uiapi.objectInfos (flexible for schema casing). */
-export interface ObjectInfosGraphQLResponse {
-	uiapi?: {
-		objectInfos?: Array<Record<string, unknown>>;
-	};
-}
+import { getDataSDK, gql } from "@salesforce/sdk-data";
+import type {
+	GetObjectInfosQuery,
+	GetObjectInfosQueryVariables,
+	GetPicklistValuesQuery,
+	GetPicklistValuesQueryVariables,
+	ObjectInfoInput,
+} from "../types/schema";
 
 /**
  * Builds objectInfos query (metadata only). Uses apiNames only — do not pass objectInfoInputs.
  */
-function buildObjectInfosQuery(): string {
-	return `query GetObjectInfos($apiNames: [String!]!) {
-  uiapi {
-    objectInfos(apiNames: $apiNames) {
-      ApiName
-      label
-      labelPlural
-      nameFields
-      defaultRecordTypeId
-      keyPrefix
-      layoutable
-      queryable
-      searchable
-      updateable
-      deletable
-      createable
-      custom
-      mruEnabled
-      feedEnabled
-      fields {
-        ApiName
-        label
-        dataType
-        relationshipName
-        reference
-        compound
-        compoundFieldName
-        compoundComponentName
-        controllingFields
-        controllerName
-        referenceToInfos {
-          ApiName
-          nameFields
-        }
-      }
-      recordTypeInfos {
-        recordTypeId
-        name
-        master
-        available
-        defaultRecordTypeMapping
-      }
-      themeInfo {
-        color
-        iconUrl
-      }
-      childRelationships {
-        relationshipName
-        fieldName
-        childObjectApiName
-      }
-      dependentFields {
-        controllingField
-      }
-    }
-  }
-}`;
-}
+const OBJECT_INFOS_QUERY = gql`
+	query GetObjectInfos($apiNames: [String!]!) {
+		uiapi {
+			objectInfos(apiNames: $apiNames) {
+				ApiName
+				label
+				labelPlural
+				nameFields
+				defaultRecordTypeId
+				keyPrefix
+				layoutable
+				queryable
+				searchable
+				updateable
+				deletable
+				createable
+				custom
+				mruEnabled
+				feedEnabled
+				fields {
+					ApiName
+					label
+					dataType
+					relationshipName
+					reference
+					compound
+					compoundFieldName
+					compoundComponentName
+					controllingFields
+					controllerName
+					referenceToInfos {
+						ApiName
+						nameFields
+					}
+				}
+				recordTypeInfos {
+					recordTypeId
+					name
+					master
+					available
+					defaultRecordTypeMapping
+				}
+				themeInfo {
+					color
+					iconUrl
+				}
+				childRelationships {
+					relationshipName
+					fieldName
+					childObjectApiName
+				}
+				dependentFields {
+					controllingField
+				}
+			}
+		}
+	}
+`;
 
 /**
  * Builds objectInfos query with picklist values (API v65.0+).
  * Schema requires objectInfos to be called with either apiNames or objectInfoInputs, not both.
  * This query uses objectInfoInputs only.
+ * Optimized to only fetch fields used by extractPicklistValuesFromGraphQLObjectInfo.
  */
-function buildObjectInfosWithPicklistsQuery(): string {
-	return `query GetPicklistValues($objectInfoInputs: [ObjectInfoInput!]!) {
-  uiapi {
-    objectInfos(objectInfoInputs: $objectInfoInputs) {
-      ApiName
-      label
-      labelPlural
-      nameFields
-      defaultRecordTypeId
-      keyPrefix
-      layoutable
-      queryable
-      searchable
-      updateable
-      deletable
-      createable
-      custom
-      mruEnabled
-      feedEnabled
-      fields {
-        ApiName
-        label
-        dataType
-        relationshipName
-        reference
-        compound
-        compoundFieldName
-        compoundComponentName
-        controllingFields
-        controllerName
-        referenceToInfos {
-          ApiName
-          nameFields
-        }
-        ... on PicklistField {
-          picklistValuesByRecordTypeIDs {
-            recordTypeID
-            defaultValue {
-              value
-            }
-            picklistValues {
-              label
-              value
-              validFor
-            }
-          }
-        }
-      }
-      recordTypeInfos {
-        recordTypeId
-        name
-        master
-        available
-        defaultRecordTypeMapping
-      }
-      themeInfo {
-        color
-        iconUrl
-      }
-      childRelationships {
-        relationshipName
-        fieldName
-        childObjectApiName
-      }
-      dependentFields {
-        controllingField
-      }
-    }
-  }
-}`;
+const PICKLIST_VALUES_QUERY = gql`
+	query GetPicklistValues($objectInfoInputs: [ObjectInfoInput!]!) {
+		uiapi {
+			objectInfos(objectInfoInputs: $objectInfoInputs) {
+				ApiName
+				fields {
+					ApiName
+					... on PicklistField {
+						picklistValuesByRecordTypeIDs {
+							recordTypeID
+							defaultValue {
+								value
+							}
+							picklistValues {
+								label
+								value
+								validFor
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+`;
+
+export async function queryForObjectInfos(apiNames: string[]): Promise<GetObjectInfosQuery> {
+	return runQuery<GetObjectInfosQuery, GetObjectInfosQueryVariables>(OBJECT_INFOS_QUERY, {
+		apiNames,
+	});
 }
 
-/**
- * Fetches object metadata for the given objects via GraphQL.
- *
- * @param apiNames - Object API names (e.g. ["Account", "Contact"]).
- * @param options.objectInfoInputs - When set, picklist values for specified fields are included (API v65.0+).
- * @param options.signal - Optional abort signal.
- * @returns Raw uiapi.objectInfos response (adapt to REST shape via graphQLObjectInfosToBatchResponse).
- */
-export async function getObjectInfosGraphQL(
-	apiNames: string[],
-	options?: {
-		objectInfoInputs?: ObjectInfoInput[] | null;
-		signal?: AbortSignal;
-	},
-): Promise<ObjectInfosGraphQLResponse> {
-	const names = apiNames.length ? apiNames : [];
-	const hasInputs = options?.objectInfoInputs != null && options.objectInfoInputs.length > 0;
-	const query = hasInputs ? buildObjectInfosWithPicklistsQuery() : buildObjectInfosQuery();
-	const variables: Record<string, unknown> = hasInputs
-		? { objectInfoInputs: options!.objectInfoInputs }
-		: { apiNames: names };
+export async function queryForPicklistValues(
+	objectInfoInputs: ObjectInfoInput[],
+): Promise<GetPicklistValuesQuery> {
+	return runQuery<GetPicklistValuesQuery, GetPicklistValuesQueryVariables>(PICKLIST_VALUES_QUERY, {
+		objectInfoInputs,
+	});
+}
+
+async function runQuery<Q, V>(query: string, variables: V): Promise<Q> {
 	const data = await getDataSDK();
-	const response = await data.graphql?.<ObjectInfosGraphQLResponse>(query, variables);
+	const response = await data.graphql?.<Q, V>(query, variables);
 
 	if (response?.errors?.length) {
 		const errorMessages = response.errors.map((e) => e.message).join("; ");
 		throw new Error(`GraphQL Error: ${errorMessages}`);
 	}
 
-	return response?.data ?? ({} as ObjectInfosGraphQLResponse);
+	return response?.data ?? ({} as Q);
 }

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/features/global-search/api/objectInfoService.ts

@@ -1,14 +1,10 @@
 import { uiApiClient } from "@salesforce/webapp-experimental/api";
-import { z } from "zod";
-import type { SearchResultsResponse, KeywordSearchResult } from "../types/search/searchResults";
-import { SearchResultsResponseSchema } from "../types/search/searchResults";
-import { FilterCriteriaArraySchema } from "../types/filters/filters";
 import type { Filter } from "../types/filters/filters";
 import { FilterArraySchema } from "../types/filters/filters";
 import type { PicklistValue } from "../types/filters/picklist";
 import type { ObjectInfoBatchResponse } from "../types/objectInfo/objectInfo";
 import { fetchAndValidate, safeEncodePath } from "../utils/apiUtils";
-import { getObjectInfosGraphQL } from "./objectInfoGraphQLService";
+import { queryForObjectInfos, queryForPicklistValues } from "./objectInfoGraphQLService";
 import {
 	graphQLObjectInfosToBatchResponse,
 	extractPicklistValuesFromGraphQLObjectInfo,
@@ -18,7 +14,7 @@ import {
  * Object info and search service.
  *
  * - getObjectInfoBatch / getPicklistValues: GraphQL (objectInfoGraphQLService).
- * - getObjectListFilters, searchResults: REST (search-info, search/results).
+ * - getObjectListFilters: REST (search-info).
  * Hooks use this service; components do not call it directly.
  *
  * @module api/objectInfoService
@@ -36,18 +32,7 @@ function getObjectInfoBatchCacheKey(objectApiNames: string): string {
 const objectInfoBatchCache = new Map<string, ObjectInfoBatchResponse>();
 const objectInfoBatchInFlight = new Map<string, Promise<ObjectInfoBatchResponse>>();
 
-/**
- * Fetches batch object information for the specified objects via GraphQL (uiapi.objectInfos).
- * Results are cached by object set so List, Home, and Detail views share one request.
- *
- * @param objectApiNames - Comma-separated list of object API names (e.g., "Account,AccountBrand")
- * @param signal - Optional AbortSignal to cancel the request
- * @returns Promise resolving to the object info batch response (REST-compatible shape)
- */
-export async function getObjectInfoBatch(
-	objectApiNames: string,
-	signal?: AbortSignal,
-): Promise<ObjectInfoBatchResponse> {
+export async function getObjectInfoBatch(objectApiNames: string): Promise<ObjectInfoBatchResponse> {
 	const names = objectApiNames
 		.split(",")
 		.map((s) => s.trim())
@@ -62,7 +47,7 @@ export async function getObjectInfoBatch(
 	if (inFlight) return inFlight;
 	const promise = (async () => {
 		try {
-			const response = await getObjectInfosGraphQL(names, { signal });
+			const response = await queryForObjectInfos(names);
 			const nodes = response?.uiapi?.objectInfos ?? [];
 			const result = graphQLObjectInfosToBatchResponse(nodes, names);
 			objectInfoBatchCache.set(key, result);
@@ -75,24 +60,9 @@ export async function getObjectInfoBatch(
 	return promise;
 }
 
-/**
- * Fetches list filters for a specific object.
- * Salesforce Search supports "Search Filters" (refinements) which are configured per object.
- * This API returns the available filters (e.g., "Close Date", "Stage") that the user
- * can use to narrow down the search results.
- * @param objectApiName - The API name of the object (e.g., "Account")
- * @param signal - Optional AbortSignal to cancel the request
- * @returns Promise resolving to the search filters array
- */
-export async function getObjectListFilters(
-	objectApiName: string,
-	signal?: AbortSignal,
-): Promise<Filter[]> {
+export async function getObjectListFilters(objectApiName: string): Promise<Filter[]> {
 	return fetchAndValidate(
-		(abortSignal) =>
-			uiApiClient.get(`/search-info/${safeEncodePath(objectApiName)}/filters`, {
-				signal: abortSignal,
-			}),
+		() => uiApiClient.get(`/search-info/${safeEncodePath(objectApiName)}/filters`),
 		{
 			schema: FilterArraySchema,
 			errorContext: `filters for ${objectApiName}`,
@@ -100,100 +70,26 @@ export async function getObjectListFilters(
 				if (!data) return [];
 				return Array.isArray(data) ? data : (data as { filters?: unknown }).filters || [];
 			},
-			signal,
 		},
 	);
 }
 
-/**
- * Fetches picklist values for a specific field via GraphQL (uiapi.objectInfos with objectInfoInputs).
- *
- * @param objectApiName - The API name of the object (e.g., "Account")
- * @param fieldName - The API name of the field (e.g., "Type")
- * @param recordTypeId - Optional record type ID (defaults to "012000000000000AAA" which is the default/master record type)
- * @param signal - Optional AbortSignal to cancel the request
- * @returns Promise resolving to an array of picklist values
- */
 export async function getPicklistValues(
 	objectApiName: string,
 	fieldName: string,
 	recordTypeId: string = "012000000000000AAA",
-	signal?: AbortSignal,
 ): Promise<PicklistValue[]> {
-	const response = await getObjectInfosGraphQL([objectApiName], {
-		objectInfoInputs: [
-			{
-				apiName: objectApiName,
-				fieldNames: [fieldName],
-			},
-		],
-		signal,
-	});
+	const response = await queryForPicklistValues([
+		{ apiName: objectApiName, fieldNames: [fieldName] },
+	]);
 	const nodes = response?.uiapi?.objectInfos ?? [];
 	const node = nodes[0];
 	if (!node) return [];
 	return extractPicklistValuesFromGraphQLObjectInfo(node, fieldName, recordTypeId);
 }
 
-// Zod Schema for Search Parameters
-const SearchParamsSchema = z.object({
-	filters: FilterCriteriaArraySchema.optional(),
-	pageSize: z.number().optional(),
-	pageToken: z.string().optional(),
-	sortBy: z.string().optional(),
-});
-
-/**
- * Search parameters for keyword search
- */
-export type SearchParams = z.infer<typeof SearchParamsSchema>;
-
-/**
- * Performs a keyword search on a specific object.
- * Returns records that match the text query along with pagination information.
- *
- * @param query - The search query string
- * @param objectApiName - The API name of the object to search (e.g., "Account")
- * @param params - Optional search parameters (pageSize, pageToken, filters, sortBy)
- * @param signal - Optional AbortSignal to cancel the request
- * @returns Promise resolving to the keyword search result with records and pagination tokens
- */
-export async function searchResults(
-	query: string,
-	objectApiName: string,
-	params?: SearchParams,
-	signal?: AbortSignal,
-): Promise<KeywordSearchResult> {
-	const searchParams = new URLSearchParams({
-		q: query,
-		objectApiName: objectApiName,
-	});
-
-	const body = {
-		filters: params?.filters ?? [],
-		pageSize: params?.pageSize ?? 50,
-		pageToken: params?.pageToken ?? "0",
-		sortBy: params?.sortBy ?? "",
-	};
-
-	const response = await fetchAndValidate<SearchResultsResponse>(
-		(abortSignal) =>
-			uiApiClient.post(`/search/results/keyword?${searchParams.toString()}`, body, {
-				signal: abortSignal,
-			}),
-		{
-			schema: SearchResultsResponseSchema,
-			errorContext: `search results for ${objectApiName} with query "${query}"`,
-			signal,
-		},
-	);
-
-	return response.keywordSearchResult;
-}
-
 export const objectInfoService = {
 	getObjectInfoBatch,
 	getObjectListFilters,
 	getPicklistValues,
-	searchResults,
 };

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/features/global-search/components/detail/UiApiDetailForm.tsx

@@ -75,7 +75,7 @@ export function UiApiDetailForm({
 
 	const objectInfo: ObjectInfo | null = useMemo(() => {
 		if (!metadata?.fields) return null;
-		const apiName = typeof metadata.apiName === "string" ? metadata.apiName : undefined;
+		const apiName = metadata.ApiName;
 		return {
 			apiName,
 			fields: Object.fromEntries(
@@ -83,7 +83,7 @@ export function UiApiDetailForm({
 					name,
 					{
 						compoundFieldName: f.compoundFieldName ?? undefined,
-						dataType: f.dataType,
+						dataType: f.dataType ?? "",
 					},
 				]),
 			),

package/dist/force-app/main/default/webapplications/appreacttemplateb2x/src/features/global-search/hooks/useObjectInfoBatch.ts

@@ -44,7 +44,7 @@ export function useObjectInfoBatch(objectApiNames: string[]): UseObjectInfoBatch
 			.then((res) => {
 				if (isCancelled.current) return;
 				const objectInfos = names
-					.map((apiName) => res.results?.find((r) => r.result?.apiName === apiName)?.result)
+					.map((apiName) => res.results?.find((r) => r.result?.ApiName === apiName)?.result)
 					.filter((r) => r != null) as ObjectInfoResult[];
 				setState({ objectInfos, loading: false, error: null });
 			})