@salesforce/ui-bundle-template-app-react-template-b2x 12.3.0 → 12.3.2

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.
 
+## [12.3.2](https://github.com/salesforce-experience-platform-emu/webapps/compare/v12.3.1...v12.3.2) (2026-08-31)
+
+**Note:** Version bump only for package @salesforce/ui-bundle-template-base-sfdx-project
+
+
+
+
+
+## [12.3.1](https://github.com/salesforce-experience-platform-emu/webapps/compare/v12.3.0...v12.3.1) (2026-08-31)
+
+**Note:** Version bump only for package @salesforce/ui-bundle-template-base-sfdx-project
+
+
+
+
+
 ## [12.3.0](https://github.com/salesforce-experience-platform-emu/webapps/compare/v12.2.0...v12.3.0) (2026-08-29)
 
 **Note:** Version bump only for package @salesforce/ui-bundle-template-base-sfdx-project

package/dist/force-app/main/default/uiBundles/reactexternalapp/package.json

@@ -7,6 +7,7 @@
     "node": ">=22"
   },
   "scripts": {
+    "postinstall": "patch-package",
     "dev": "vite",
     "dev:design": "vite --mode design",
     "build": "tsc -b && vite build",
@@ -18,8 +19,8 @@
     "graphql:schema": "node scripts/get-graphql-schema.mjs"
   },
   "dependencies": {
-    "@salesforce/platform-sdk": "^12.3.0",
-    "@salesforce/ui-bundle": "^12.3.0",
+    "@salesforce/platform-sdk": "^12.3.2",
+    "@salesforce/ui-bundle": "^12.3.2",
     "@tailwindcss/vite": "^4.1.17",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -46,8 +47,8 @@
     "@graphql-eslint/eslint-plugin": "^4.1.0",
     "@graphql-tools/utils": "^11.0.0",
     "@playwright/test": "^1.49.0",
-    "@salesforce/graphiti": "^12.3.0",
-    "@salesforce/vite-plugin-ui-bundle": "^12.3.0",
+    "@salesforce/graphiti": "^12.3.2",
+    "@salesforce/vite-plugin-ui-bundle": "^12.3.2",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",
@@ -64,6 +65,7 @@
     "graphql": "^16.11.0",
     "graphql-codegen-typescript-operation-types": "^2.0.2",
     "jsdom": "^25.0.1",
+    "patch-package": "^8.0.1",
     "serve": "^14.2.5",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.46.4",

package/dist/force-app/main/default/uiBundles/reactexternalapp/patches/aria-hidden+1.2.6.patch

@@ -0,0 +1,45 @@
+diff --git a/node_modules/aria-hidden/dist/es2015/index.js b/node_modules/aria-hidden/dist/es2015/index.js
+index 00aa2ea..1d2f61e 100644
+--- a/node_modules/aria-hidden/dist/es2015/index.js
++++ b/node_modules/aria-hidden/dist/es2015/index.js
+@@ -131,7 +131,9 @@ export var hideOthers = function (originalTarget, parentNode, markerName) {
+     // we should not hide aria-live elements - https://github.com/theKashey/aria-hidden/issues/10
+     // and script elements, as they have no impact on accessibility.
+     targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll('[aria-live], script')));
+-    return applyAttributeToOthers(targets, activeParentNode, markerName, 'aria-hidden');
++    return supportsInert()
++        ? inertOthers(targets, activeParentNode, markerName)
++        : applyAttributeToOthers(targets, activeParentNode, markerName, 'aria-hidden');
+ };
+ /**
+  * Marks everything except given node(or nodes) as inert
+diff --git a/node_modules/aria-hidden/dist/es2019/index.js b/node_modules/aria-hidden/dist/es2019/index.js
+index 17404da..a444872 100644
+--- a/node_modules/aria-hidden/dist/es2019/index.js
++++ b/node_modules/aria-hidden/dist/es2019/index.js
+@@ -126,7 +126,9 @@ export const hideOthers = (originalTarget, parentNode, markerName = 'data-aria-h
+     // we should not hide aria-live elements - https://github.com/theKashey/aria-hidden/issues/10
+     // and script elements, as they have no impact on accessibility.
+     targets.push(...Array.from(activeParentNode.querySelectorAll('[aria-live], script')));
+-    return applyAttributeToOthers(targets, activeParentNode, markerName, 'aria-hidden');
++    return supportsInert()
++        ? inertOthers(targets, activeParentNode, markerName)
++        : applyAttributeToOthers(targets, activeParentNode, markerName, 'aria-hidden');
+ };
+ /**
+  * Marks everything except given node(or nodes) as inert
+diff --git a/node_modules/aria-hidden/dist/es5/index.js b/node_modules/aria-hidden/dist/es5/index.js
+index 1b86f56..863f83e 100644
+--- a/node_modules/aria-hidden/dist/es5/index.js
++++ b/node_modules/aria-hidden/dist/es5/index.js
+@@ -134,7 +134,9 @@ var hideOthers = function (originalTarget, parentNode, markerName) {
+     // we should not hide aria-live elements - https://github.com/theKashey/aria-hidden/issues/10
+     // and script elements, as they have no impact on accessibility.
+     targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll('[aria-live], script')));
+-    return applyAttributeToOthers(targets, activeParentNode, markerName, 'aria-hidden');
++    return supportsInert()
++        ? inertOthers(targets, activeParentNode, markerName)
++        : applyAttributeToOthers(targets, activeParentNode, markerName, 'aria-hidden');
+ };
+ exports.hideOthers = hideOthers;
+ /**

package/dist/force-app/main/default/uiBundles/reactexternalapp/src/appLayout.tsx

@@ -1,6 +1,6 @@
 import { Outlet, Link, useLocation } from "react-router";
 import { getAllRoutes } from "./router-utils";
-import { useState } from "react";
+import { useId, useState } from "react";
 import { AuthMenu } from "./features/authentication/menu/AuthMenu";
 import { Button } from "./components/ui/button";
 import CustomerWebClientChat from "./components/CustomerWebClientChat";
@@ -8,6 +8,7 @@ import CustomerWebClientChat from "./components/CustomerWebClientChat";
 export default function AppLayout() {
 	const [isOpen, setIsOpen] = useState(false);
 	const location = useLocation();
+	const navId = useId();
 
 	const isActive = (path: string) => location.pathname === path;
 
@@ -44,8 +45,12 @@ export default function AppLayout() {
 								onClick={toggleMenu}
 								aria-label="Toggle menu"
 								aria-expanded={isOpen}
+								aria-controls={navId}
 							>
-								<div className="w-6 h-6 flex flex-col justify-center space-y-1.5">
+								<div
+									aria-hidden="true"
+									className="w-6 h-6 flex flex-col justify-center space-y-1.5"
+								>
 									<span
 										className={`block h-0.5 w-6 bg-current transition-all ${
 											isOpen ? "rotate-45 translate-y-2" : ""
@@ -63,8 +68,8 @@ export default function AppLayout() {
 							</Button>
 						</div>
 					</div>
-					{isOpen && (
-						<div className="pb-4">
+					<div id={navId} className="pb-4" hidden={!isOpen}>
+						{isOpen && (
 							<div className="flex flex-col space-y-1">
 								{navigationRoutes.map((item) => (
 									<Button
@@ -79,8 +84,8 @@ export default function AppLayout() {
 									</Button>
 								))}
 							</div>
-						</div>
-					)}
+						)}
+					</div>
 				</div>
 			</nav>
 			<Outlet />

package/dist/force-app/main/default/uiBundles/reactexternalapp/src/pages/AccountObjectDetailPage.tsx

@@ -253,7 +253,7 @@ function AccountDetailError({ onBack }: { onBack: () => void }) {
 	return (
 		<>
 			<Alert variant="destructive" role="alert">
-				<AlertCircle />
+				<AlertCircle aria-hidden="true" />
 				<AlertTitle>
 					<h2>Failed to load account</h2>
 				</AlertTitle>
@@ -263,7 +263,7 @@ function AccountDetailError({ onBack }: { onBack: () => void }) {
 			</Alert>
 			<div className="mt-4 flex gap-3">
 				<Button variant="outline" onClick={onBack}>
-					← Back
+					<span aria-hidden="true">←</span> Back
 				</Button>
 				<Button variant="outline" onClick={() => window.location.reload()}>
 					Retry
@@ -277,13 +277,13 @@ function AccountDetailNotFound({ onBack }: { onBack: () => void }) {
 	return (
 		<Card>
 			<CardContent className="flex flex-col items-center justify-center py-16 text-center">
-				<FileQuestion className="size-12 text-muted-foreground mb-4" />
+				<FileQuestion aria-hidden="true" className="size-12 text-muted-foreground mb-4" />
 				<h2 className="text-lg font-semibold mb-1">Account not found</h2>
 				<p className="text-sm text-muted-foreground mb-6">
 					The account you're looking for doesn't exist or may have been deleted.
 				</p>
 				<Button variant="outline" onClick={onBack}>
-					← Go back
+					<span aria-hidden="true">←</span> Go back
 				</Button>
 			</CardContent>
 		</Card>

package/dist/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@salesforce/ui-bundle-template-base-sfdx-project",
-  "version": "12.3.0",
+  "version": "12.3.2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@salesforce/ui-bundle-template-base-sfdx-project",
-      "version": "12.3.0",
+      "version": "12.3.2",
       "license": "SEE LICENSE IN LICENSE.txt",
       "dependencies": {
         "fast-xml-parser": "^5.9.3",

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/ui-bundle-template-base-sfdx-project",
-  "version": "12.3.0",
+  "version": "12.3.2",
   "description": "Base SFDX project template",
   "license": "SEE LICENSE IN LICENSE.txt",
   "publishConfig": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salesforce/ui-bundle-template-app-react-template-b2x",
-  "version": "12.3.0",
+  "version": "12.3.2",
   "description": "Salesforce React external app template",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "",