@salesforce/ui-bundle-template-app-angular-template-b2e 11.50.0 → 11.51.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.
 
+## [11.51.0](https://github.com/salesforce-experience-platform-emu/webapps/compare/v11.50.0...v11.51.0) (2026-08-07)
+
+**Note:** Version bump only for package @salesforce/ui-bundle-template-base-sfdx-project
+
+
+
+
+
 ## [11.50.0](https://github.com/salesforce-experience-platform-emu/webapps/compare/v11.49.4...v11.50.0) (2026-08-07)
 
 **Note:** Version bump only for package @salesforce/ui-bundle-template-base-sfdx-project

package/dist/force-app/main/default/uiBundles/angularintapp/src/app/features/agentforce/agentforce-embed.service.ts

@@ -8,6 +8,7 @@ import {
 	embedAgentforceClient,
 	type AgentforceClientConfig,
 } from "@salesforce/agentforce-conversation-client";
+import { createAccEmbedder } from "@salesforce/agentforce-conversation-client/ui-bundle";
 import type {
 	AgentforceErrorHandler,
 	AgentforceReadyHandler,
@@ -20,30 +21,27 @@ export interface AgentforceEmbedHandlers {
 	onError?: AgentforceErrorHandler;
 }
 
-const GLOBAL_HOST_ID = "agentforce-conversation-client-global-host";
-const EXISTING_EMBED_SELECTOR = 'lightning-out-application[data-lo="acc"]';
-
 /**
  * App-wide singleton that owns the one-time Lightning Out embed of the
- * Agentforce Conversation Client. The Angular analogue of the React
- * `window.__agentforceConversationClientSingleton`: because the service is
- * `providedIn: 'root'`, a single instance is shared across the app, so its
- * `initialized` / `initPromise` fields guarantee exactly one embed per app —
- * regardless of how many client components mount.
+ * Agentforce Conversation Client. Because the service is `providedIn: 'root'`,
+ * a single instance is shared across the app; it delegates to the shared,
+ * framework-agnostic `@salesforce/agentforce-conversation-client/ui-bundle`
+ * embedder, which owns the embed
+ * orchestration (window singleton, global host, dev frontdoor fetch, `SFDC_ENV`
+ * default, and partial-embed cleanup) that used to be duplicated here and in the
+ * React feature.
  *
- * A valid Salesforce session is required for the given org; auth is resolved at
- * embed time (frontdoor URL in dev via `/__lo/frontdoor`, `SFDC_ENV.orgUrl` in
- * prod). Config is passed through to the embed client as-is.
+ * A valid Salesforce session is required for the given org. Config is passed
+ * through to the embed client as-is.
  */
 @Injectable({ providedIn: "root" })
 export class AgentforceEmbedService {
-	private initialized = false;
-	private initPromise?: Promise<void>;
+	private readonly embedder = createAccEmbedder<AgentforceClientConfig>(embedAgentforceClient);
 
 	/**
 	 * Embed the client once. Subsequent calls are no-ops while an embed is in
 	 * flight or already complete. `host` is the inline container element (when
-	 * rendering inline); when omitted the global floating host is used.
+	 * rendering inline); when omitted the shared floating host is used.
 	 */
 	embed(
 		config: AgentforceClientConfig,
@@ -51,132 +49,6 @@ export class AgentforceEmbedService {
 		host?: HTMLElement | null,
 		handlers?: AgentforceEmbedHandlers,
 	): void {
-		if (!config.agentId) {
-			throw new Error(
-				"AgentforceConversationClient requires agentId. " +
-					"Pass flat inputs only (agentId, agentLabel, inline, headerEnabled, showHeaderIcon, width, height, styleTokens).",
-			);
-		}
-
-		const inline = config.renderingConfig?.mode === "inline";
-		if (inline && !host) {
-			// Inline host not yet in the DOM — the component retries after render.
-			return;
-		}
-
-		if (this.initialized || this.initPromise) {
-			return;
-		}
-
-		const shouldFetchFrontdoor = window.location.hostname === "localhost";
-
-		if (shouldFetchFrontdoor) {
-			this.initPromise = fetch("/__lo/frontdoor")
-				.then(async (res) => {
-					if (!res.ok) {
-						console.error("frontdoor fetch failed");
-						return;
-					}
-					const { frontdoorUrl: resolvedFrontdoorUrl } = await res.json();
-					this.safeInitialize(
-						config,
-						{ ...overrides, frontdoorUrl: resolvedFrontdoorUrl },
-						host,
-						handlers,
-					);
-				})
-				.catch((err) => {
-					console.error("AgentforceConversationClient: failed to fetch frontdoor URL", err);
-				})
-				.finally(() => {
-					this.initPromise = undefined;
-				});
-		} else {
-			this.initPromise = Promise.resolve()
-				.then(() => {
-					this.safeInitialize(
-						config,
-						{ ...this.getDefaultEmbedOptions(), ...this.stripUndefined(overrides) },
-						host,
-						handlers,
-					);
-				})
-				.catch((err) => {
-					console.error("AgentforceConversationClient: failed to embed Agentforce client", err);
-				})
-				.finally(() => {
-					this.initPromise = undefined;
-				});
-		}
-	}
-
-	private safeInitialize(
-		config: AgentforceClientConfig,
-		options: ResolvedEmbedOptions,
-		host?: HTMLElement | null,
-		handlers?: AgentforceEmbedHandlers,
-	): void {
-		try {
-			this.initialize(config, options, host, handlers);
-		} catch (initErr) {
-			console.error("AgentforceConversationClient: initialization failed", initErr);
-			this.initialized = false;
-		}
-	}
-
-	private initialize(
-		config: AgentforceClientConfig,
-		options: ResolvedEmbedOptions,
-		host?: HTMLElement | null,
-		handlers?: AgentforceEmbedHandlers,
-	): void {
-		if (this.initialized) {
-			return;
-		}
-
-		const existingEmbed = document.querySelector(EXISTING_EMBED_SELECTOR);
-		if (existingEmbed) {
-			this.initialized = true;
-			return;
-		}
-
-		const inline = config.renderingConfig?.mode === "inline";
-		const container = inline ? host! : this.getOrCreateGlobalHost();
-
-		try {
-			embedAgentforceClient({
-				container,
-				salesforceOrigin: options.salesforceOrigin,
-				frontdoorUrl: options.frontdoorUrl,
-				agentforceClientConfig: config,
-				onReady: handlers?.onReady,
-				onError: handlers?.onError,
-			});
-			this.initialized = true;
-		} catch (err) {
-			// Strip a partially-created LO element so the next mount can retry.
-			const partialEmbed = document.querySelector(EXISTING_EMBED_SELECTOR);
-			partialEmbed?.remove();
-			console.error("AgentforceConversationClient: initialization failed", err);
-		}
-	}
-
-	private getOrCreateGlobalHost(): HTMLDivElement {
-		let host = document.getElementById(GLOBAL_HOST_ID) as HTMLDivElement | null;
-		if (!host) {
-			host = document.createElement("div");
-			host.id = GLOBAL_HOST_ID;
-			document.body.appendChild(host);
-		}
-		return host;
-	}
-
-	private getDefaultEmbedOptions(): ResolvedEmbedOptions {
-		return { salesforceOrigin: SFDC_ENV?.orgUrl };
-	}
-
-	/** Remove keys with undefined/null values so they don't override defaults when spread. */
-	private stripUndefined(opts: ResolvedEmbedOptions): ResolvedEmbedOptions {
-		return Object.fromEntries(Object.entries(opts).filter(([, v]) => v != null));
+		this.embedder.embedAcc(config, overrides, host, handlers);
 	}
 }

package/dist/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@salesforce/ui-bundle-template-base-sfdx-project",
-  "version": "11.50.0",
+  "version": "11.51.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@salesforce/ui-bundle-template-base-sfdx-project",
-      "version": "11.50.0",
+      "version": "11.51.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": "11.50.0",
+  "version": "11.51.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-angular-template-b2e",
-  "version": "11.50.0",
+  "version": "11.51.0",
   "description": "Salesforce Angular internal app template",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "",