@salesforce/webapp-template-app-react-sample-b2e-experimental 1.64.0 → 1.66.0

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

@@ -4,8 +4,6 @@ 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 usersIcon from "../assets/icons/users.svg";
-import supportIcon from "../assets/icons/support.svg";
 
 interface NavItem {
 	path: string;
@@ -15,11 +13,9 @@ interface NavItem {
 
 const navItems: NavItem[] = [
 	{ path: "/", icon: dashboardIcon, label: "Dashboard" },
-	{ path: "/files", icon: filesIcon, label: "Files" },
+	{ path: "/applications", icon: filesIcon, label: "Applications" },
 	{ path: "/properties", icon: propertiesIcon, label: "Properties" },
 	{ path: "/maintenance", icon: maintenanceIcon, label: "Maintenance" },
-	{ path: "/users", icon: usersIcon, label: "Users" },
-	{ path: "/support", icon: supportIcon, label: "Support" },
 ];
 
 export const VerticalNav: React.FC = () => {

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

@@ -0,0 +1,6 @@
+/**
+ * feature-react-agentforce-conversation-client – ACC Conversation Client
+ */
+
+export { AgentforceConversationClient } from "./components/AgentforceConversationClient";
+export type { AgentforceConversationClientProps, ResolvedEmbedOptions } from "./types/conversation";

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

@@ -12,7 +12,11 @@ export interface Application {
 	applicantName: string;
 	propertyAddress: string;
 	submittedDate: string;
-	status: "pending" | "approved" | "rejected";
+	status: string;
+	employment?: string;
+	references?: string;
+	startDate?: string;
+	propertyName?: string;
 }
 
 export interface MaintenanceRequest {
@@ -20,7 +24,7 @@ export interface MaintenanceRequest {
 	propertyAddress: string;
 	issueType: string;
 	priority: "emergency" | "high" | "medium" | "low";
-	status: "new" | "assigned" | "scheduled" | "in_progress" | "completed";
+	status: string;
 	assignedWorker?: string;
 	scheduledDateTime?: string;
 	description: string;

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

@@ -0,0 +1,129 @@
+import { useEffect, useState } from "react";
+import { ApplicationsTable } from "../components/ApplicationsTable.js";
+import { ApplicationDetailsModal } from "../components/ApplicationDetailsModal.js";
+import { getApplications, updateApplicationStatus } from "../api/applications.js";
+import type { Application } from "../lib/types.js";
+
+export default function Applications() {
+	const [applications, setApplications] = useState<Application[]>([]);
+	const [loading, setLoading] = useState(true);
+	const [selectedApplication, setSelectedApplication] = useState<Application | null>(null);
+	const [notification, setNotification] = useState<{
+		message: string;
+		type: "success" | "error";
+	} | null>(null);
+
+	useEffect(() => {
+		loadApplications();
+	}, []);
+
+	// Clear notification after 5 seconds
+	useEffect(() => {
+		if (notification) {
+			const timer = setTimeout(() => {
+				setNotification(null);
+			}, 5000);
+			return () => clearTimeout(timer);
+		}
+	}, [notification]);
+
+	const loadApplications = async () => {
+		try {
+			setLoading(true);
+			const data = await getApplications();
+			setApplications(data);
+		} catch (error) {
+			console.error("Error loading applications:", error);
+			showNotification("Failed to load applications", "error");
+		} finally {
+			setLoading(false);
+		}
+	};
+
+	const handleRowClick = (application: Application) => {
+		setSelectedApplication(application);
+	};
+
+	const handleCloseModal = () => {
+		setSelectedApplication(null);
+	};
+
+	const handleSaveStatus = async (applicationId: string, status: string) => {
+		try {
+			const success = await updateApplicationStatus(applicationId, status);
+
+			if (success) {
+				// Update the local state
+				setApplications((prev) =>
+					prev.map((app) => (app.id === applicationId ? { ...app, status } : app)),
+				);
+
+				// Update selected application if it's the one being edited
+				if (selectedApplication?.id === applicationId) {
+					setSelectedApplication({ ...selectedApplication, status });
+				}
+
+				showNotification("Application status updated successfully!", "success");
+			} else {
+				showNotification("Failed to update application status", "error");
+			}
+		} catch (error) {
+			console.error("Error updating application:", error);
+			showNotification("An error occurred while updating the status", "error");
+		}
+	};
+
+	const showNotification = (message: string, type: "success" | "error") => {
+		setNotification({ message, type });
+	};
+
+	if (loading) {
+		return (
+			<div className="flex items-center justify-center h-screen bg-gray-50">
+				<div className="text-lg text-gray-600">Loading applications...</div>
+			</div>
+		);
+	}
+
+	return (
+		<div className="min-h-screen bg-gray-50">
+			{/* Notification */}
+			{notification && (
+				<div className="fixed top-4 right-4 z-50 animate-slide-in">
+					<div
+						className={`px-6 py-4 rounded-lg shadow-lg ${
+							notification.type === "success" ? "bg-green-500 text-white" : "bg-red-500 text-white"
+						}`}
+					>
+						<div className="flex items-center gap-3">
+							<span className="text-lg">{notification.type === "success" ? "✓" : "✕"}</span>
+							<p className="font-medium">{notification.message}</p>
+						</div>
+					</div>
+				</div>
+			)}
+
+			{/* Main Content */}
+			<div className="max-w-7xl mx-auto p-8">
+				{/* Header */}
+				<div className="mb-6">
+					<h1 className="text-2xl font-bold text-gray-900">Applications</h1>
+					<p className="text-gray-600 mt-1">Manage and review rental applications</p>
+				</div>
+
+				{/* Applications Table */}
+				<ApplicationsTable applications={applications} onRowClick={handleRowClick} />
+			</div>
+
+			{/* Application Details Modal */}
+			{selectedApplication && (
+				<ApplicationDetailsModal
+					application={selectedApplication}
+					isOpen={!!selectedApplication}
+					onClose={handleCloseModal}
+					onSave={handleSaveStatus}
+				/>
+			)}
+		</div>
+	);
+}

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

@@ -69,14 +69,29 @@ export default function Home() {
 		];
 	};
 
-	// Calculate previous month's data (mock for now)
-	const getPreviousMetrics = () => ({
-		totalProperties: 12,
-		unitsAvailable: 78,
-		occupiedUnits: 422,
-	});
+	// Calculate trends based on current metrics (assuming 10% growth for properties and occupied, 10% decrease for available)
+	const calculateTrends = () => {
+		const totalPropertiesTrend = Math.round(metrics.totalProperties * 0.1);
+		const unitsAvailableTrend = Math.round(metrics.unitsAvailable * 0.1);
+		const occupiedUnitsTrend = Math.round(metrics.occupiedUnits * 0.1);
+
+		return {
+			totalProperties: {
+				trend: totalPropertiesTrend,
+				previous: metrics.totalProperties - totalPropertiesTrend,
+			},
+			unitsAvailable: {
+				trend: unitsAvailableTrend,
+				previous: metrics.unitsAvailable + unitsAvailableTrend,
+			},
+			occupiedUnits: {
+				trend: occupiedUnitsTrend,
+				previous: metrics.occupiedUnits - occupiedUnitsTrend,
+			},
+		};
+	};
 
-	const previousMetrics = getPreviousMetrics();
+	const trends = calculateTrends();
 
 	if (loading) {
 		return (
@@ -125,28 +140,28 @@ export default function Home() {
 								title="Total Properties"
 								value={metrics.totalProperties}
 								trend={{
-									value: 20,
+									value: trends.totalProperties.trend,
 									isPositive: true,
 								}}
-								subtitle={`Last month total ${previousMetrics.totalProperties}`}
+								subtitle={`Last month total ${trends.totalProperties.previous}`}
 							/>
 							<StatCard
 								title="Units Available"
 								value={metrics.unitsAvailable}
 								trend={{
-									value: 10,
+									value: trends.unitsAvailable.trend,
 									isPositive: false,
 								}}
-								subtitle={`Last month total ${previousMetrics.unitsAvailable}/${metrics.totalProperties}`}
+								subtitle={`Last month total ${trends.unitsAvailable.previous}/${metrics.totalProperties}`}
 							/>
 							<StatCard
 								title="Occupied Units"
 								value={metrics.occupiedUnits}
 								trend={{
-									value: 5,
+									value: trends.occupiedUnits.trend,
 									isPositive: true,
 								}}
-								subtitle={`Last month total ${previousMetrics.occupiedUnits}`}
+								subtitle={`Last month total ${trends.occupiedUnits.previous}`}
 							/>
 						</div>
 

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

@@ -1,19 +1,34 @@
 import { useEffect, useState } from "react";
 import { ChevronDown } from "lucide-react";
-import { getAllMaintenanceRequests } from "../api/maintenance.js";
+import { getAllMaintenanceRequests, updateMaintenanceStatus } from "../api/maintenance.js";
 import type { MaintenanceRequest } from "../lib/types.js";
 import { UserAvatar } from "../components/UserAvatar.js";
-import { PriorityBadge } from "../components/PriorityBadge.js";
 import { StatusBadge } from "../components/StatusBadge.js";
+import { MaintenanceDetailsModal } from "../components/MaintenanceDetailsModal.js";
 
 export default function Maintenance() {
 	const [requests, setRequests] = useState<MaintenanceRequest[]>([]);
 	const [loading, setLoading] = useState(true);
+	const [selectedRequest, setSelectedRequest] = useState<MaintenanceRequest | null>(null);
+	const [notification, setNotification] = useState<{
+		message: string;
+		type: "success" | "error";
+	} | null>(null);
 
 	useEffect(() => {
 		loadMaintenanceRequests();
 	}, []);
 
+	// Clear notification after 5 seconds
+	useEffect(() => {
+		if (notification) {
+			const timer = setTimeout(() => {
+				setNotification(null);
+			}, 5000);
+			return () => clearTimeout(timer);
+		}
+	}, [notification]);
+
 	const loadMaintenanceRequests = async () => {
 		try {
 			setLoading(true);
@@ -26,6 +41,41 @@ export default function Maintenance() {
 		}
 	};
 
+	const handleRowClick = (request: MaintenanceRequest) => {
+		setSelectedRequest(request);
+	};
+
+	const handleCloseModal = () => {
+		setSelectedRequest(null);
+	};
+
+	const handleSaveStatus = async (requestId: string, status: string) => {
+		try {
+			const success = await updateMaintenanceStatus(requestId, status);
+
+			if (success) {
+				// Update the local state
+				setRequests((prev) => prev.map((req) => (req.id === requestId ? { ...req, status } : req)));
+
+				// Update selected request if it's the one being edited
+				if (selectedRequest?.id === requestId) {
+					setSelectedRequest({ ...selectedRequest, status });
+				}
+
+				showNotification("Maintenance request status updated successfully!", "success");
+			} else {
+				showNotification("Failed to update maintenance request status", "error");
+			}
+		} catch (error) {
+			console.error("Error updating maintenance request:", error);
+			showNotification("An error occurred while updating the status", "error");
+		}
+	};
+
+	const showNotification = (message: string, type: "success" | "error") => {
+		setNotification({ message, type });
+	};
+
 	if (loading) {
 		return (
 			<div className="flex items-center justify-center h-screen bg-gray-50">
@@ -37,30 +87,44 @@ export default function Maintenance() {
 	return (
 		<div className="min-h-screen bg-gray-50 p-8">
 			<div className="max-w-7xl mx-auto">
+				{/* Notification */}
+				{notification && (
+					<div className="fixed top-4 right-4 z-50 animate-slide-in">
+						<div
+							className={`px-6 py-4 rounded-lg shadow-lg ${
+								notification.type === "success"
+									? "bg-green-500 text-white"
+									: "bg-red-500 text-white"
+							}`}
+						>
+							<div className="flex items-center gap-3">
+								<span className="text-lg">{notification.type === "success" ? "✓" : "✕"}</span>
+								<p className="font-medium">{notification.message}</p>
+							</div>
+						</div>
+					</div>
+				)}
+
+				{/* Header */}
+				<div className="mb-6">
+					<h1 className="text-2xl font-bold text-gray-900">Maintenance</h1>
+					<p className="text-gray-600 mt-1">Track and manage maintenance requests</p>
+				</div>
+
 				{/* Table Header */}
 				<div className="bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden">
 					<div className="grid grid-cols-12 gap-4 px-6 py-4 bg-gray-50 border-b border-gray-200">
-						<div className="col-span-4 flex items-center gap-2">
+						<div className="col-span-6 flex items-center gap-2">
 							<span className="text-sm font-semibold text-purple-700 uppercase tracking-wide">
 								Maintenance Task
 							</span>
 							<ChevronDown className="w-4 h-4 text-purple-700" />
 						</div>
-						<div className="col-span-2">
+						<div className="col-span-4">
 							<span className="text-sm font-semibold text-purple-700 uppercase tracking-wide">
 								Tenant Unit
 							</span>
 						</div>
-						<div className="col-span-2">
-							<span className="text-sm font-semibold text-purple-700 uppercase tracking-wide">
-								Assigned to
-							</span>
-						</div>
-						<div className="col-span-2">
-							<span className="text-sm font-semibold text-purple-700 uppercase tracking-wide">
-								Date
-							</span>
-						</div>
 						<div className="col-span-2">
 							<span className="text-sm font-semibold text-purple-700 uppercase tracking-wide">
 								Status
@@ -76,10 +140,11 @@ export default function Maintenance() {
 							requests.map((request) => (
 								<div
 									key={request.id}
-									className="grid grid-cols-12 gap-4 px-6 py-5 hover:bg-gray-50 transition-colors"
+									onClick={() => handleRowClick(request)}
+									className="grid grid-cols-12 gap-4 px-6 py-5 hover:bg-gray-50 transition-colors cursor-pointer"
 								>
 									{/* Maintenance Task */}
-									<div className="col-span-4 flex items-center gap-4">
+									<div className="col-span-6 flex items-center gap-4">
 										{/* Task Image */}
 										<div className="w-16 h-16 rounded-lg bg-gray-200 flex-shrink-0 overflow-hidden">
 											{request.imageUrl ? (
@@ -97,18 +162,15 @@ export default function Maintenance() {
 
 										{/* Task Details */}
 										<div className="flex-1 min-w-0">
-											<div className="flex items-center gap-2 mb-1">
-												<h3 className="font-semibold text-gray-900 truncate">
-													{request.description}
-												</h3>
-												{request.priority && <PriorityBadge priority={request.priority} />}
-											</div>
+											<h3 className="font-semibold text-gray-900 truncate mb-1">
+												{request.description}
+											</h3>
 											<p className="text-sm text-gray-500">By Tenant</p>
 										</div>
 									</div>
 
 									{/* Tenant Unit */}
-									<div className="col-span-2 flex items-center">
+									<div className="col-span-4 flex items-center">
 										<div className="flex items-center gap-3">
 											<UserAvatar name={request.tenantName || "Unknown"} size="md" />
 											<div className="min-w-0">
@@ -122,45 +184,6 @@ export default function Maintenance() {
 										</div>
 									</div>
 
-									{/* Assigned to */}
-									<div className="col-span-2 flex items-center">
-										{request.assignedWorkerName ? (
-											<div className="flex items-center gap-3">
-												<UserAvatar name={request.assignedWorkerName} size="md" />
-												<div className="min-w-0">
-													<p className="text-sm font-medium text-gray-900 truncate">
-														{request.assignedWorkerName}
-													</p>
-													<p className="text-sm text-gray-500 truncate">
-														{request.assignedWorkerOrg}
-													</p>
-												</div>
-											</div>
-										) : (
-											<span className="text-sm text-gray-400">Unassigned</span>
-										)}
-									</div>
-
-									{/* Date */}
-									<div className="col-span-2 flex items-center">
-										<div className="flex items-center gap-2 text-sm text-gray-700">
-											<svg
-												className="w-4 h-4"
-												fill="none"
-												stroke="currentColor"
-												viewBox="0 0 24 24"
-											>
-												<path
-													strokeLinecap="round"
-													strokeLinejoin="round"
-													strokeWidth={2}
-													d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"
-												/>
-											</svg>
-											<span>{request.formattedDate || "Not scheduled"}</span>
-										</div>
-									</div>
-
 									{/* Status */}
 									<div className="col-span-2 flex items-center">
 										<StatusBadge status={request.status} />
@@ -170,6 +193,16 @@ export default function Maintenance() {
 						)}
 					</div>
 				</div>
+
+				{/* Maintenance Details Modal */}
+				{selectedRequest && (
+					<MaintenanceDetailsModal
+						request={selectedRequest}
+						isOpen={!!selectedRequest}
+						onClose={handleCloseModal}
+						onSave={handleSaveStatus}
+					/>
+				)}
 			</div>
 		</div>
 	);

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

@@ -2,6 +2,7 @@ import { useEffect, useState } from "react";
 import { getProperties } from "../api/properties.js";
 import type { Property } from "../lib/types.js";
 import { PropertyCard } from "../components/PropertyCard.js";
+import { PropertyDetailsModal } from "../components/PropertyDetailsModal.js";
 import { Button } from "@/components/ui/button";
 
 export default function Properties() {
@@ -10,6 +11,7 @@ export default function Properties() {
 	const [loadingMore, setLoadingMore] = useState(false);
 	const [hasNextPage, setHasNextPage] = useState(false);
 	const [endCursor, setEndCursor] = useState<string | null>(null);
+	const [selectedProperty, setSelectedProperty] = useState<Property | null>(null);
 
 	useEffect(() => {
 		loadProperties();
@@ -46,8 +48,11 @@ export default function Properties() {
 	};
 
 	const handlePropertyClick = (property: Property) => {
-		console.log("Property clicked:", property);
-		// TODO: Navigate to property details page
+		setSelectedProperty(property);
+	};
+
+	const handleCloseModal = () => {
+		setSelectedProperty(null);
 	};
 
 	if (loading) {
@@ -61,6 +66,12 @@ export default function Properties() {
 	return (
 		<div className="min-h-screen bg-gray-50 p-8">
 			<div className="max-w-7xl mx-auto">
+				{/* Header */}
+				<div className="mb-6">
+					<h1 className="text-2xl font-bold text-gray-900">Properties</h1>
+					<p className="text-gray-600 mt-1">Browse and manage available properties</p>
+				</div>
+
 				{/* Properties Grid */}
 				{properties.length === 0 ? (
 					<div className="text-center py-12">
@@ -88,6 +99,15 @@ export default function Properties() {
 						)}
 					</>
 				)}
+
+				{/* Property Details Modal */}
+				{selectedProperty && (
+					<PropertyDetailsModal
+						property={selectedProperty}
+						isOpen={!!selectedProperty}
+						onClose={handleCloseModal}
+					/>
+				)}
 			</div>
 		</div>
 	);

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

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2026, Salesforce, Inc.
+ * All rights reserved.
+ * For full license text, see the LICENSE.txt file
+ */
+
+import AgentforceConversationClient from "../components/AgentforceConversationClient";
+
+export default function TestAccPage() {
+	return (
+		<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+			<div className="text-center">
+				<h1 className="text-4xl font-bold text-gray-900 mb-4">ACC</h1>
+				<p className="text-lg text-gray-600 mb-8">Welcome to your ACC application.</p>
+			</div>
+			<AgentforceConversationClient />
+		</div>
+	);
+}

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

@@ -2,8 +2,10 @@ import type { RouteObject } from 'react-router';
 import AppLayout from './appLayout';
 import Home from './pages/Home';
 import NotFound from './pages/NotFound';
+import TestAccPage from "./pages/TestAccPage";
 import Maintenance from "./pages/Maintenance";
 import Properties from "./pages/Properties";
+import Applications from "./pages/Applications";
 
 export const routes: RouteObject[] = [
   {
@@ -19,6 +21,11 @@ export const routes: RouteObject[] = [
         path: '*',
         element: <NotFound />
       },
+      {
+        path: "test-acc",
+        element: <TestAccPage />,
+        handle: { showInNavigation: true, label: "Test ACC" }
+      },
       {
         path: "maintenance",
         element: <Maintenance />,
@@ -28,6 +35,11 @@ export const routes: RouteObject[] = [
         path: "properties",
         element: <Properties />,
         handle: { showInNavigation: true, label: "Properties" }
+      },
+      {
+        path: "applications",
+        element: <Applications />,
+        handle: { showInNavigation: true, label: "Applications" }
       }
     ]
   }

package/dist/force-app/main/default/webapplications/appreactsampleb2e/src/types/conversation.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) 2026, Salesforce, Inc.
+ * All rights reserved.
+ * For full license text, see the LICENSE.txt file
+ */
+
+import type { AgentforceClientConfig } from "@salesforce/agentforce-conversation-client";
+
+export interface ResolvedEmbedOptions {
+	salesforceOrigin?: string;
+	frontdoorUrl?: string;
+}
+
+export interface AgentforceConversationClientProps {
+	/** Optional config from consumer. Passed through to the embed client as-is. */
+	agentforceClientConfig?: AgentforceClientConfig;
+	/** Optional. If not provided, resolved internally (e.g. from /__lo/frontdoor in dev, window.location.origin in prod). */
+	salesforceOrigin?: string;
+	/** Optional. If not provided, resolved internally in dev via /__lo/frontdoor. */
+	frontdoorUrl?: string;
+}

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/webapp-template-base-sfdx-project-experimental",
-  "version": "1.64.0",
+  "version": "1.66.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.64.0",
+  "version": "1.66.0",
   "description": "B2E starter app template",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "",
@@ -31,9 +31,7 @@
     "targets": {
       "build": {
         "executor": "@salesforce/webapp-template-cli-experimental:apply-patches",
-        "options": {
-          "skipDependencyChanges": true
-        }
+        "dependsOn": []
       },
       "watch": {
         "executor": "@salesforce/webapp-template-cli-experimental:watch-patches"

package/dist/force-app/main/default/applications/Property_Management.app-meta.xml

@@ -1,26 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" ?>
-<CustomApplication xmlns="http://soap.sforce.com/2006/04/metadata">
-    <brand>
-        <headerColor>#0176D3</headerColor>
-        <shouldOverrideOrgTheme>false</shouldOverrideOrgTheme>
-    </brand>
-    <description
-  >Property Management application for managing properties, tenants, leases, and maintenance requests</description>
-    <formFactors>Small</formFactors>
-    <formFactors>Large</formFactors>
-    <isNavAutoTempTabsDisabled>false</isNavAutoTempTabsDisabled>
-    <isNavPersonalizationDisabled>false</isNavPersonalizationDisabled>
-    <isNavTabPersistenceDisabled>false</isNavTabPersistenceDisabled>
-    <label>Property Management</label>
-    <navType>Standard</navType>
-    <tabs>standard-home</tabs>
-    <tabs>Property__c</tabs>
-    <tabs>Application__c</tabs>
-    <tabs>Maintenance_Request__c</tabs>
-    <tabs>Maintenance_Worker__c</tabs>
-    <tabs>Tenant__c</tabs>
-    <tabs>Notification__c</tabs>
-    <tabs>standard-report</tabs>
-    <tabs>standard-Dashboard</tabs>
-    <uiType>Lightning</uiType>
-</CustomApplication>