@salesforce/webapp-template-app-react-sample-b2e-experimental 1.81.0 → 1.83.0

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

@@ -5,7 +5,7 @@ import filesIcon from "../assets/icons/files.svg";
 import propertiesIcon from "../assets/icons/properties.svg";
 import maintenanceIcon from "../assets/icons/maintenance.svg";
 import maintenanceWorkerIcon from "../assets/icons/maintenance-worker.svg";
-import { PATHS } from "../lib/routeConfig.js";
+import { PATHS } from "../lib/routeConfig";
 
 interface NavItem {
 	path: string;

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;

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

@@ -6,19 +6,19 @@ import {
 	MAINTENANCE_OBJECT_API_NAME,
 	MAINTENANCE_WORKER_OBJECT_API_NAME,
 	APPLICATION_OBJECT_API_NAME,
-} from "./globalSearchConstants.js";
-import { getMaintenanceColumns } from "./maintenanceColumns.js";
-import { getMaintenanceWorkerColumns } from "./maintenanceWorkerColumns.js";
-import { getApplicationListColumns } from "./applicationColumns.js";
+} from "./globalSearchConstants";
+import { getMaintenanceColumns } from "./maintenanceColumns";
+import { getMaintenanceWorkerColumns } from "./maintenanceWorkerColumns";
+import { getApplicationListColumns } from "./applicationColumns";
 import {
 	MAINTENANCE_FILTER_EXCLUDED_FIELD_PATHS,
 	MAINTENANCE_WORKER_FILTER_EXCLUDED_FIELD_PATHS,
 	APPLICATION_FILTER_EXCLUDED_FIELD_PATHS,
-} from "./constants.js";
-import { nodeToMaintenanceRequest } from "./maintenanceAdapter.js";
-import { nodeToMaintenanceWorker } from "./maintenanceWorkerAdapter.js";
-import { nodeToApplication } from "./applicationAdapter.js";
-import type { MaintenanceRequest, MaintenanceWorker, Application } from "./types.js";
+} from "./constants";
+import { nodeToMaintenanceRequest } from "./maintenanceAdapter";
+import { nodeToMaintenanceWorker } from "./maintenanceWorkerAdapter";
+import { nodeToApplication } from "./applicationAdapter";
+import type { MaintenanceRequest, MaintenanceWorker, Application } from "./types";
 
 export interface ListPageConfig<T> {
 	objectApiName: string;

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * Adapter: maps Property__c GraphQL node (from feature-global-search) to app Property type.
  */
-import type { Property } from "./types.js";
+import type { Property } from "./types";
 
 interface PropertyNode {
 	Id?: string;

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

@@ -1,12 +1,12 @@
 import { useEffect, useState } from "react";
-import { useListPage } from "../hooks/useListPage.js";
-import { applicationsListConfig } from "../lib/listPageConfig.js";
-import { ListPageWithFilters } from "../components/list/ListPageWithFilters.js";
-import { PageHeader } from "../components/layout/PageHeader.js";
-import { ApplicationsTable } from "../components/ApplicationsTable.js";
-import { ApplicationDetailsModal } from "../components/ApplicationDetailsModal.js";
-import { updateApplicationStatus } from "../api/applications.js";
-import type { Application } from "../lib/types.js";
+import { useListPage } from "../hooks/useListPage";
+import { applicationsListConfig } from "../lib/listPageConfig";
+import { ListPageWithFilters } from "../components/list/ListPageWithFilters";
+import { PageHeader } from "../components/layout/PageHeader";
+import { ApplicationsTable } from "../components/ApplicationsTable";
+import { ApplicationDetailsModal } from "../components/ApplicationDetailsModal";
+import { updateApplicationStatus } from "../api/applications";
+import type { Application } from "../lib/types";
 
 export default function Applications() {
 	const list = useListPage(applicationsListConfig);

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

@@ -3,24 +3,24 @@ import { useNavigate } from "react-router";
 import { useRecordListGraphQL } from "../features/global-search/hooks/useRecordListGraphQL";
 import { useObjectInfoBatch } from "../features/global-search/hooks/useObjectInfoBatch";
 import { useObjectListMetadata } from "../features/global-search/hooks/useObjectSearchData";
-import { IssuesDonutChart } from "../components/IssuesDonutChart.js";
-import { MaintenanceTable } from "../components/MaintenanceTable.js";
-import { GlobalSearchBar } from "../components/dashboard/GlobalSearchBar.js";
-import { StatCard } from "../components/StatCard.js";
-import { PageContainer } from "../components/layout/PageContainer.js";
-import { PageLoadingState } from "../components/feedback/PageLoadingState.js";
-import { getDashboardMetrics, calculateMetrics } from "../api/dashboard.js";
-import type { DashboardMetrics, MaintenanceRequest } from "../lib/types.js";
+import { IssuesDonutChart } from "../components/IssuesDonutChart";
+import { MaintenanceTable } from "../components/MaintenanceTable";
+import { GlobalSearchBar } from "../components/dashboard/GlobalSearchBar";
+import { StatCard } from "../components/StatCard";
+import { PageContainer } from "../components/layout/PageContainer";
+import { PageLoadingState } from "../components/feedback/PageLoadingState";
+import { getDashboardMetrics, calculateMetrics } from "../api/dashboard";
+import type { DashboardMetrics, MaintenanceRequest } from "../lib/types";
 import {
 	GLOBAL_SEARCH_OBJECT_API_NAME,
 	SEARCHABLE_OBJECTS,
 	MAINTENANCE_OBJECT_API_NAME,
 	type SearchableObjectConfig,
-} from "../lib/globalSearchConstants.js";
-import { getMaintenanceColumns } from "../lib/maintenanceColumns.js";
-import { nodeToMaintenanceRequest } from "../lib/maintenanceAdapter.js";
-import { DASHBOARD_MAINTENANCE_LIMIT } from "../lib/constants.js";
-import { PATHS } from "../lib/routeConfig.js";
+} from "../lib/globalSearchConstants";
+import { getMaintenanceColumns } from "../lib/maintenanceColumns";
+import { nodeToMaintenanceRequest } from "../lib/maintenanceAdapter";
+import { DASHBOARD_MAINTENANCE_LIMIT } from "../lib/constants";
+import { PATHS } from "../lib/routeConfig";
 
 const CHART_ISSUE_TYPES = ["Plumbing", "HVAC", "Electrical", "Appliance", "Pest"] as const;
 const CHART_COLORS = ["#7C3AED", "#EC4899", "#14B8A6", "#06B6D4", "#F59E0B"] as const;

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

@@ -1,14 +1,14 @@
 import { useEffect, useState } from "react";
 import { ChevronDown } from "lucide-react";
-import { useListPage } from "../hooks/useListPage.js";
-import { maintenanceRequestsListConfig } from "../lib/listPageConfig.js";
-import { ListPageWithFilters } from "../components/list/ListPageWithFilters.js";
-import { PageHeader } from "../components/layout/PageHeader.js";
-import { UserAvatar } from "../components/UserAvatar.js";
-import { StatusBadge } from "../components/StatusBadge.js";
-import { MaintenanceDetailsModal } from "../components/MaintenanceDetailsModal.js";
-import { updateMaintenanceStatus } from "../api/maintenance.js";
-import type { MaintenanceRequest } from "../lib/types.js";
+import { useListPage } from "../hooks/useListPage";
+import { maintenanceRequestsListConfig } from "../lib/listPageConfig";
+import { ListPageWithFilters } from "../components/list/ListPageWithFilters";
+import { PageHeader } from "../components/layout/PageHeader";
+import { UserAvatar } from "../components/UserAvatar";
+import { StatusBadge } from "../components/StatusBadge";
+import { MaintenanceDetailsModal } from "../components/MaintenanceDetailsModal";
+import { updateMaintenanceStatus } from "../api/maintenance";
+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/pages/MaintenanceWorkers.tsx

@@ -1,10 +1,10 @@
 import { useState, useEffect, useMemo } from "react";
-import { useListPage } from "../hooks/useListPage.js";
-import { maintenanceWorkersListConfig } from "../lib/listPageConfig.js";
-import { ListPageWithFilters } from "../components/list/ListPageWithFilters.js";
-import { PageHeader } from "../components/layout/PageHeader.js";
-import { getAllMaintenanceRequests } from "../api/maintenance.js";
-import type { MaintenanceWorker } from "../lib/types.js";
+import { useListPage } from "../hooks/useListPage";
+import { maintenanceWorkersListConfig } from "../lib/listPageConfig";
+import { ListPageWithFilters } from "../components/list/ListPageWithFilters";
+import { PageHeader } from "../components/layout/PageHeader";
+import { getAllMaintenanceRequests } from "../api/maintenance";
+import type { MaintenanceWorker } from "../lib/types";
 
 export default function MaintenanceWorkers() {
 	const list = useListPage(maintenanceWorkersListConfig);

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

@@ -4,25 +4,25 @@ import { type FilterCriteria } from "../features/global-search/types/filters/fil
 import { useObjectListMetadata } from "../features/global-search/hooks/useObjectSearchData";
 import { useRecordListGraphQL } from "../features/global-search/hooks/useRecordListGraphQL";
 
-import type { Property } from "../lib/types.js";
-import { PropertyCard } from "../components/PropertyCard.js";
-import { PropertyDetailsModal } from "../components/PropertyDetailsModal.js";
-import { PageContainer } from "../components/layout/PageContainer.js";
-import { PageHeader } from "../components/layout/PageHeader.js";
-import { PageLoadingState } from "../components/feedback/PageLoadingState.js";
-import { PageErrorState } from "../components/feedback/PageErrorState.js";
-import { FilterErrorAlert } from "../components/feedback/FilterErrorAlert.js";
-import { ListPageFilterRow } from "../components/filters/ListPageFilterRow.js";
-import { GLOBAL_SEARCH_OBJECT_API_NAME } from "../lib/globalSearchConstants.js";
-import { nodeToProperty } from "../lib/propertyAdapter.js";
-import { getPropertyListColumns } from "../lib/propertyColumns.js";
+import type { Property } from "../lib/types";
+import { PropertyCard } from "../components/PropertyCard";
+import { PropertyDetailsModal } from "../components/PropertyDetailsModal";
+import { PageContainer } from "../components/layout/PageContainer";
+import { PageHeader } from "../components/layout/PageHeader";
+import { PageLoadingState } from "../components/feedback/PageLoadingState";
+import { PageErrorState } from "../components/feedback/PageErrorState";
+import { FilterErrorAlert } from "../components/feedback/FilterErrorAlert";
+import { ListPageFilterRow } from "../components/filters/ListPageFilterRow";
+import { GLOBAL_SEARCH_OBJECT_API_NAME } from "../lib/globalSearchConstants";
+import { nodeToProperty } from "../lib/propertyAdapter";
+import { getPropertyListColumns } from "../lib/propertyColumns";
 import {
 	buildFilterCriteriaFromFormValues,
 	getDefaultFilterFormValues,
 	getApplicableFilters,
-} from "../lib/filterUtils.js";
-import { PAGE_SIZE_LIST, PROPERTY_FILTER_EXCLUDED_FIELD_PATHS } from "../lib/constants.js";
-import { useAccumulatedListPages } from "../hooks/useAccumulatedListPages.js";
+} from "../lib/filterUtils";
+import { PAGE_SIZE_LIST, PROPERTY_FILTER_EXCLUDED_FIELD_PATHS } from "../lib/constants";
+import { useAccumulatedListPages } from "../hooks/useAccumulatedListPages";
 
 const PROPERTIES_DEFAULT_SORT = "CreatedDate DESC";
 

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

@@ -12,7 +12,7 @@ import Maintenance from "./pages/Maintenance";
 import MaintenanceWorkers from "./pages/MaintenanceWorkers";
 import Properties from "./pages/Properties";
 import Applications from "./pages/Applications";
-import { PATHS } from "./lib/routeConfig.js";
+import { PATHS } from "./lib/routeConfig";
 
 export const routes: RouteObject[] = [
   {

package/dist/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/webapp-template-app-react-sample-b2e-experimental",
-  "version": "1.81.0",
+  "version": "1.83.0",
   "description": "B2E starter app template",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "",
@@ -16,8 +16,8 @@
     "clean": "rm -rf dist"
   },
   "dependencies": {
-    "@salesforce/webapp-experimental": "^1.81.0",
-    "@salesforce/webapp-template-feature-react-global-search-experimental": "^1.81.0"
+    "@salesforce/webapp-experimental": "^1.83.0",
+    "@salesforce/webapp-template-feature-react-global-search-experimental": "^1.83.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.6.3",

package/dist/.a4drules/webapp-images.md

@@ -1,15 +0,0 @@
----
-description: Image handling rules - Unsplash default, CSP compliance, accessibility
-paths:
-  - "force-app/main/default/webapplications/**/*"
----
-
-# Images
-
-**Guidelines:**
-- Default to Unsplash when the user does not specify an image source; it is pre-configured in CSP and works in Salesforce without extra setup.
-- Use URL format: `https://images.unsplash.com/photo-{PHOTO_ID}?w={WIDTH}&h={HEIGHT}&fit=crop&q=80&auto=format` (e.g. photo ID `1557683316-973673baf926`).
-- If the user requests a different source, use it and inform: "Add CSP Trusted Site in Setup → Security → CSP Trusted Sites".
-- Always add descriptive `alt` text; use `alt=""` only for decorative images.
-- Avoid `placeholder.com`, `picsum.photos`, `via.placeholder.com` unless requested.
-- CSP-approved domains: `images.unsplash.com` (primary), `source.unsplash.com`, `images.pexels.com`.