@salesforce/ui-bundle-template-app-react-sample-b2e 12.8.0-canary.1019.37.1.g1f7b157f → 12.9.0

package/dist/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [12.9.0](https://github.com/salesforce-experience-platform-emu/webapps/compare/v12.8.0...v12.9.0) (2026-09-29)
+
+**Note:** Version bump only for package @salesforce/ui-bundle-template-base-sfdx-project
+
+
+
+
+
 ## [12.8.0](https://github.com/salesforce-experience-platform-emu/webapps/compare/v12.7.0...v12.8.0) (2026-09-23)
 
 **Note:** Version bump only for package @salesforce/ui-bundle-template-base-sfdx-project

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

@@ -19,8 +19,8 @@
     "graphql:schema": "node scripts/get-graphql-schema.mjs"
   },
   "dependencies": {
-    "@salesforce/platform-sdk": "12.8.0-canary.1019.37.1.g1f7b157f",
-    "@salesforce/ui-bundle": "12.8.0-canary.1019.37.1.g1f7b157f",
+    "@salesforce/platform-sdk": "^12.9.0",
+    "@salesforce/ui-bundle": "^12.9.0",
     "@tailwindcss/vite": "^4.1.17",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -47,8 +47,8 @@
     "@graphql-eslint/eslint-plugin": "^4.1.0",
     "@graphql-tools/utils": "^11.0.0",
     "@playwright/test": "^1.49.0",
-    "@salesforce/graphiti": "12.8.0-canary.1019.37.1.g1f7b157f",
-    "@salesforce/vite-plugin-ui-bundle": "12.8.0-canary.1019.37.1.g1f7b157f",
+    "@salesforce/graphiti": "^12.9.0",
+    "@salesforce/vite-plugin-ui-bundle": "^12.9.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/uiBundles/propertymanagementapp/src/features/search/components/results/CmsResultRow.tsx

@@ -20,6 +20,11 @@ import { Link } from "react-router";
 import type { CmsSourceConfig, CmsSearchItem } from "../../adapters/cms/types";
 import { formatContentTypeLabel, isValidCmsFqn } from "../../adapters/cms/contentTypeUtils";
 
+const EM_BLOCK_SPLIT = /(<(?:em)>[\s\S]*?<\/(?:em)>)/g;
+const EM_BLOCK_EXEC = /^<(?:em)>([\s\S]*?)<\/(?:em)>$/;
+const STRAY_TAG = /<\/?[a-zA-Z][^>]*>/g;
+const ROUTE_TOKEN = /:([A-Za-z_][A-Za-z0-9_]*)/g;
+
 /** Formats an ISO date string for display; echoes the raw string on failure. */
 function formatPublishedDate(dateStr: string): string {
 	const date = new Date(dateStr);
@@ -43,7 +48,7 @@ function resolveRoute(pattern: string, item: CmsSearchItem): string | null {
 		contentType: item.contentType,
 	};
 	let failed = false;
-	const out = pattern.replace(/:([A-Za-z_][A-Za-z0-9_]*)/g, (_match, token: string) => {
+	const out = pattern.replace(ROUTE_TOKEN, (_match, token: string) => {
 		const value = tokens[token];
 		if (value == null || value === "") {
 			failed = true;
@@ -54,6 +59,44 @@ function resolveRoute(pattern: string, item: CmsSearchItem): string | null {
 	return failed ? null : out;
 }
 
+/**
+ * - Decodes every HTML entity the browser knows (named + numeric).
+ * - Runs twice to unwrap the double-encoding CMS search sometimes returns.
+ */
+function decodeEntities(input: string): string {
+	if (typeof document === "undefined") return input;
+	const el = document.createElement("textarea");
+	const pass = (s: string) => {
+		el.innerHTML = s;
+		return el.value;
+	};
+	return pass(pass(input));
+}
+
+/**
+ * Parses a snippet that may contain `<em>…</em>` segments and renders it as highlighted text,
+ * and strips any other HTML tags so their content renders as plain text.
+ */
+function renderHighlightedSnippet(snippet: string): ReactNode[] {
+	const decoded = decodeEntities(snippet);
+	const parts = decoded.split(EM_BLOCK_SPLIT);
+	return parts.map((part, i) => {
+		const emphasisMatch = EM_BLOCK_EXEC.exec(part);
+		if (emphasisMatch) {
+			return (
+				<mark key={i} className="bg-yellow-200 dark:bg-yellow-700/60 rounded-sm px-0.5">
+					{emphasisMatch[1].replace(STRAY_TAG, "")}
+				</mark>
+			);
+		}
+		return part.replace(STRAY_TAG, "");
+	});
+}
+
+function toPlainText(raw: string): string {
+	return decodeEntities(raw).replace(STRAY_TAG, "");
+}
+
 interface CmsResultRowProps {
 	node: unknown;
 	source: CmsSourceConfig;
@@ -71,9 +114,11 @@ export function CmsResultRow({ node, source }: CmsResultRowProps) {
 
 	const content: ReactNode = (
 		<>
-			<span className="font-medium">{item.title ?? "—"}</span>
+			<span className="font-medium">{item.title ? renderHighlightedSnippet(item.title) : "—"}</span>
 			{item.highlightedSnippet && (
-				<p className="text-sm text-neutral-600 dark:text-neutral-300">{item.highlightedSnippet}</p>
+				<p className="text-sm text-neutral-600 dark:text-neutral-300">
+					{renderHighlightedSnippet(item.highlightedSnippet)}
+				</p>
 			)}
 			{subtitleParts.length > 0 && (
 				<p className="text-sm text-neutral-600 dark:text-neutral-300">
@@ -92,7 +137,7 @@ export function CmsResultRow({ node, source }: CmsResultRowProps) {
 			<Link
 				to={href}
 				className="block hover:bg-accent rounded-md px-3 -mx-3 py-1 transition-colors"
-				aria-label={`View content: ${item.title ?? "content"}`}
+				aria-label={`View content: ${item.title ? toPlainText(item.title) : "content"}`}
 			>
 				{content}
 			</Link>

package/dist/force-app/main/default/uiBundles/propertymanagementapp/src/features/search/components/results/__tests__/CmsResultRow.test.tsx

@@ -108,6 +108,62 @@ describe("CmsResultRow", () => {
 		});
 	});
 
+	describe("highlight and entity decoding", () => {
+		it("converts <em> blocks to <mark> elements", () => {
+			const item: CmsSearchItem = {
+				...baseItem,
+				highlightedSnippet: "the <em>king</em> returns",
+			};
+			const container = renderWithRouter(<CmsResultRow node={item} source={source} />);
+
+			const mark = container.querySelector("mark");
+			expect(mark).toBeTruthy();
+			expect(mark?.textContent).toBe("king");
+		});
+
+		it("decodes double-encoded entities from CMS search", () => {
+			const item: CmsSearchItem = {
+				...baseItem,
+				highlightedSnippet: "&amp;#39;<em>king</em>&amp;#39;",
+			};
+			const container = renderWithRouter(<CmsResultRow node={item} source={source} />);
+
+			expect(container.textContent).toContain("'king'");
+			expect(container.textContent).not.toContain("&amp;");
+		});
+
+		it("strips stray HTML tags but keeps their text content", () => {
+			const item: CmsSearchItem = {
+				...baseItem,
+				highlightedSnippet: "<em>hi<b>bold</b>there</em> <p>plain</p>",
+			};
+			const container = renderWithRouter(<CmsResultRow node={item} source={source} />);
+
+			expect(container.querySelector("mark")?.textContent).toBe("hiboldthere");
+			expect(container.innerHTML).not.toContain("<b>");
+			expect(container.innerHTML).not.toContain("<p>");
+		});
+
+		it("handles the real CMS response pattern end-to-end", () => {
+			const item: CmsSearchItem = {
+				...baseItem,
+				title: "Inside the &#39;<em>King</em>&#39; &mdash; What&#39;s Going On",
+				highlightedSnippet: "Inside the &amp;#39;<em>king</em>&amp;#39; of the industry.",
+			};
+			const container = renderWithRouter(<CmsResultRow node={item} source={source} />);
+
+			expect(container.querySelector("span.font-medium")?.textContent).toContain(
+				"Inside the 'King' — What's Going On",
+			);
+			expect(container.querySelector("span.font-medium mark")?.textContent).toBe("King");
+			const snippet = Array.from(container.querySelectorAll("p")).find((p) =>
+				p.textContent?.includes("industry"),
+			);
+			expect(snippet?.querySelector("mark")?.textContent).toBe("king");
+			expect(snippet?.textContent).not.toContain("&amp;");
+		});
+	});
+
 	describe("subtitle contrast (WCAG 2.2 SC 1.4.3)", () => {
 		it("renders subtitle and snippet with a contrast-safe class, not text-muted-foreground", () => {
 			const item: CmsSearchItem = {

package/dist/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@salesforce/ui-bundle-template-base-sfdx-project",
-  "version": "12.8.0-canary.1019.37.1.g1f7b157f",
+  "version": "12.9.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@salesforce/ui-bundle-template-base-sfdx-project",
-      "version": "12.8.0-canary.1019.37.1.g1f7b157f",
+      "version": "12.9.0",
       "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.8.0-canary.1019.37.1.g1f7b157f",
+  "version": "12.9.0",
   "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-sample-b2e",
-  "version": "12.8.0-canary.1019.37.1.g1f7b157f",
+  "version": "12.9.0",
   "description": "Salesforce sample property rental React app",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "",
@@ -16,7 +16,7 @@
     "clean": "rm -rf dist"
   },
   "dependencies": {
-    "@salesforce/ui-bundle": "12.8.0-canary.1019.37.1.g1f7b157f",
+    "@salesforce/ui-bundle": "^12.9.0",
     "sonner": "^1.7.0"
   },
   "devDependencies": {

package/dist/LICENSE.txt

@@ -1,82 +0,0 @@
-Terms of Use
-
-Copyright 2026 Salesforce, Inc. All rights reserved.
-
-These Terms of Use govern the download, installation, and/or use of this
-software provided by Salesforce, Inc. ("Salesforce") (the "Software"), were
-last updated on April 15, 2025, and constitute a legally binding
-agreement between you and Salesforce. If you do not agree to these Terms of
-Use, do not install or use the Software.
-
-Salesforce grants you a worldwide, non-exclusive, no-charge, royalty-free
-copyright license to reproduce, prepare derivative works of, publicly
-display, publicly perform, sublicense, and distribute the Software and
-derivative works subject to these Terms. These Terms shall be included in
-all copies or substantial portions of the Software.
-
-Subject to the limited rights expressly granted hereunder, Salesforce
-reserves all rights, title, and interest in and to all intellectual
-property subsisting in the Software. No rights are granted to you hereunder
-other than as expressly set forth herein. Users residing in countries on
-the United States Office of Foreign Assets Control sanction list, or which
-are otherwise subject to a US export embargo, may not use the Software.
-
-Implementation of the Software may require development work, for which you
-are responsible. The Software may contain bugs, errors and
-incompatibilities and is made available on an AS IS basis without support,
-updates, or service level commitments.
-
-Salesforce reserves the right at any time to modify, suspend, or
-discontinue, the Software (or any part thereof) with or without notice. You
-agree that Salesforce shall not be liable to you or to any third party for
-any modification, suspension, or discontinuance.
-
-You agree to defend Salesforce against any claim, demand, suit or
-proceeding made or brought against Salesforce by a third party arising out
-of or accruing from (a) your use of the Software, and (b) any application
-you develop with the Software that infringes any copyright, trademark,
-trade secret, trade dress, patent, or other intellectual property right of
-any person or defames any person or violates their rights of publicity or
-privacy (each a "Claim Against Salesforce"), and will indemnify Salesforce
-from any damages, attorney fees, and costs finally awarded against
-Salesforce as a result of, or for any amounts paid by Salesforce under a
-settlement approved by you in writing of, a Claim Against Salesforce,
-provided Salesforce (x) promptly gives you written notice of the Claim
-Against Salesforce, (y) gives you sole control of the defense and
-settlement of the Claim Against Salesforce (except that you may not settle
-any Claim Against Salesforce unless it unconditionally releases Salesforce
-of all liability), and (z) gives you all reasonable assistance, at your
-expense.
-
-WITHOUT LIMITING THE GENERALITY OF THE FOREGOING, THE SOFTWARE IS NOT
-SUPPORTED AND IS PROVIDED "AS IS," WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED. IN NO EVENT SHALL SALESFORCE HAVE ANY LIABILITY FOR ANY DAMAGES,
-INCLUDING, BUT NOT LIMITED TO, DIRECT, INDIRECT, SPECIAL, INCIDENTAL,
-PUNITIVE, OR CONSEQUENTIAL DAMAGES, OR DAMAGES BASED ON LOST PROFITS, DATA,
-OR USE, IN CONNECTION WITH THE SOFTWARE, HOWEVER CAUSED AND WHETHER IN
-CONTRACT, TORT, OR UNDER ANY OTHER THEORY OF LIABILITY, WHETHER OR NOT YOU
-HAVE BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES.
-
-These Terms of Use shall be governed exclusively by the internal laws of
-the State of California, without regard to its conflicts of laws
-rules. Each party hereby consents to the exclusive jurisdiction of the
-state and federal courts located in San Francisco County, California to
-adjudicate any dispute arising out of or relating to these Terms of Use and
-the download, installation, and/or use of the Software. Except as expressly
-stated herein, these Terms of Use constitute the entire agreement between
-the parties, and supersede all prior and contemporaneous agreements,
-proposals, or representations, written or oral, concerning their subject
-matter. No modification, amendment, or waiver of any provision of these
-Terms of Use shall be effective unless it is by an update to these Terms of
-Use that Salesforce makes available, or is in writing and signed by the
-party against whom the modification, amendment, or waiver is to be
-asserted.
-
-Data Privacy: Salesforce may collect, process, and store device,
-system, and other information related to your use of the Software. This
-information includes, but is not limited to, IP address, user metrics, and
-other data ("Usage Data"). Salesforce may use Usage Data for analytics,
-product development, and marketing purposes. You acknowledge that files
-generated in conjunction with the Software may contain sensitive or
-confidential data, and you are solely responsible for anonymizing and
-protecting such data.