@schandlergarcia/sf-web-components 2.3.16 → 2.4.0

package/brands/engine/app/components/AgentforceConversationClient.tsx

@@ -1,201 +0,0 @@
-/**
- * Copyright (c) 2026, Salesforce, Inc.
- * All rights reserved.
- * For full license text, see the LICENSE.txt file
- */
-
-import { embedAgentforceClient } from "@salesforce/agentforce-conversation-client";
-import type { AgentforceClientConfig } from "@salesforce/agentforce-conversation-client";
-import { useEffect, useMemo, useRef } from "react";
-import type {
-	ResolvedEmbedOptions,
-	AgentforceConversationClientProps,
-} from "../types/conversation";
-
-const GLOBAL_HOST_ID = "agentforce-conversation-client-global-host";
-
-const DEFAULT_STYLE_TOKENS: NonNullable<AgentforceClientConfig["styleTokens"]> = {
-	containerBackground: "#fafafa",
-
-	headerBlockBackground: "#372949",
-	headerBlockTextColor: "#ffffff",
-	headerBlockIconColor: "#ffffff",
-	headerBlockBorderBottomColor: "#3b0764",
-	headerBlockFocusBorder: "#c4b5fd",
-
-	messageBlockInboundBackgroundColor: "#ffffff",
-	messageBlockInboundTextColor: "#1f2937",
-	messageBlockInboundBorder: "1px solid #e5e7eb",
-
-	messageBlockOutboundBackgroundColor: "#ede9fe",
-	messageBlockOutboundTextColor: "#1f2937",
-	messageBlockOutboundBorder: "1px solid #d8b4fe",
-
-	messageInputTextColor: "#1f2937",
-	messageInputTextBackgroundColor: "#ffffff",
-	messageInputFooterBorderColor: "#d1d5db",
-	messageInputFooterBorderFocusColor: "#9ca3af",
-	messageInputFocusShadow: "0 0 0 3px rgba(156, 163, 175, 0.25)",
-	messageInputFooterPlaceholderText: "#6b7280",
-
-	messageInputFooterSendButton: "#7e22ce",
-	messageInputFooterSendButtonHoverColor: "#6b21a8",
-	messageInputSendButtonIconColor: "#ffffff",
-	messageInputSendButtonDisabledColor: "#e5e7eb",
-	messageInputActionButtonFocusBorder: "#a855f7",
-};
-const SINGLETON_KEY = "__agentforceConversationClientSingleton";
-
-interface AgentforceConversationClientSingleton {
-	initPromise?: Promise<void>;
-	initialized: boolean;
-}
-
-interface WindowWithAgentforceSingleton extends Window {
-	[SINGLETON_KEY]?: AgentforceConversationClientSingleton;
-}
-
-function getSingleton(): AgentforceConversationClientSingleton {
-	const win = window as WindowWithAgentforceSingleton;
-	if (!win[SINGLETON_KEY]) {
-		win[SINGLETON_KEY] = {
-			initialized: false,
-		};
-	}
-	return win[SINGLETON_KEY]!;
-}
-
-function 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;
-}
-
-function getDefaultEmbedOptions(): ResolvedEmbedOptions {
-	return { salesforceOrigin: window.location.origin };
-}
-
-/**
- * React wrapper that embeds the Agentforce Conversation Client (copilot/agent UI)
- * using Lightning Out. Requires a valid Salesforce session for the given org.
- * Config is passed through from the consumer to the embed client as-is.
- */
-export function AgentforceConversationClient({
-	agentId,
-	agentLabel,
-	inline: inlineProp,
-	headerEnabled,
-	showHeaderIcon,
-	width,
-	height,
-	styleTokens,
-	salesforceOrigin,
-	frontdoorUrl,
-}: AgentforceConversationClientProps) {
-	const containerRef = useRef<HTMLDivElement>(null);
-	const normalizedAgentforceClientConfig = useMemo<AgentforceClientConfig>(() => {
-		const renderingConfig: NonNullable<AgentforceClientConfig["renderingConfig"]> = {
-			mode: inlineProp ? "inline" : "floating",
-			...(headerEnabled !== undefined && { headerEnabled }),
-			...(showHeaderIcon !== undefined && { showHeaderIcon }),
-			...{ showAvatar: false },
-			...(width !== undefined && { width }),
-			...(height !== undefined && { height }),
-		};
-
-		return {
-			...(agentId !== undefined && { agentId }),
-			agentLabel: agentLabel ?? "Chat with us",
-			styleTokens: { ...DEFAULT_STYLE_TOKENS, ...styleTokens },
-			renderingConfig,
-		};
-	}, [agentId, agentLabel, inlineProp, headerEnabled, showHeaderIcon, width, height, styleTokens]);
-
-	const inline = normalizedAgentforceClientConfig?.renderingConfig?.mode === "inline";
-
-	useEffect(() => {
-		if (!normalizedAgentforceClientConfig?.agentId) {
-			throw new Error(
-				"AgentforceConversationClient requires agentId. " +
-					"Pass flat props only (agentId, agentLabel, inline, headerEnabled, showHeaderIcon, width, height, styleTokens).",
-			);
-		}
-
-		const singleton = getSingleton();
-		if (singleton.initialized || singleton.initPromise) {
-			return;
-		}
-
-		if (inline && !containerRef.current) {
-			return;
-		}
-
-		const initialize = (options: ResolvedEmbedOptions) => {
-			if (singleton.initialized) {
-				return;
-			}
-			const existingEmbed = document.querySelector('lightning-out-application[data-lo="acc"]');
-			if (existingEmbed) {
-				singleton.initialized = true;
-				return;
-			}
-			const host = inline ? containerRef.current! : getOrCreateGlobalHost();
-
-			embedAgentforceClient({
-				container: host,
-				salesforceOrigin: salesforceOrigin ?? options.salesforceOrigin,
-				frontdoorUrl: frontdoorUrl ?? options.frontdoorUrl,
-				agentforceClientConfig: normalizedAgentforceClientConfig,
-			});
-			singleton.initialized = true;
-		};
-
-		const shouldFetchFrontdoor = window.location.hostname === "localhost";
-
-		if (shouldFetchFrontdoor) {
-			singleton.initPromise = fetch("/__lo/frontdoor")
-				.then(async (res) => {
-					if (!res.ok) {
-						console.error("frontdoor fetch failed");
-						return;
-					}
-					const { frontdoorUrl: resolvedFrontdoorUrl } = await res.json();
-					initialize({ frontdoorUrl: resolvedFrontdoorUrl });
-				})
-				.catch((err) => {
-					console.error("AgentforceConversationClient: failed to fetch frontdoor URL", err);
-				})
-				.finally(() => {
-					singleton.initPromise = undefined;
-				});
-		} else {
-			singleton.initPromise = Promise.resolve()
-				.then(() => {
-					initialize(getDefaultEmbedOptions());
-				})
-				.catch((err) => {
-					console.error("AgentforceConversationClient: failed to embed Agentforce client", err);
-				})
-				.finally(() => {
-					singleton.initPromise = undefined;
-				});
-		}
-
-		return () => {
-			// Intentionally no cleanup:
-			// This component guarantees a single LO initialization per window.
-		};
-	}, [salesforceOrigin, frontdoorUrl, normalizedAgentforceClientConfig, inline]);
-
-	if (!inline) {
-		return null;
-	}
-
-	return <div ref={containerRef} />;
-}
-
-export default AgentforceConversationClient;

package/brands/engine/app/components/__inherit_AgentforceConversationClient.tsx

@@ -1,3 +0,0 @@
-function AgentforceConversationClient() {}
-
-export { AgentforceConversationClient };

package/brands/engine/app/components/alerts/status-alert.tsx

@@ -1,49 +0,0 @@
-import { cva, type VariantProps } from 'class-variance-authority';
-import { AlertCircleIcon, CheckCircle2Icon } from 'lucide-react';
-import { Alert, AlertDescription } from '../../components/ui/alert';
-import { useId } from 'react';
-
-const statusAlertVariants = cva('', {
-  variants: {
-    variant: {
-      error: '',
-      success: '',
-    },
-  },
-  defaultVariants: {
-    variant: 'error',
-  },
-});
-
-interface StatusAlertProps extends VariantProps<typeof statusAlertVariants> {
-  children?: React.ReactNode;
-  /** Alert variant type. @default "error" */
-  variant?: 'error' | 'success';
-}
-
-/**
- * Status alert component for displaying error or success messages.
- * Returns null if no children are provided.
- */
-export function StatusAlert({ children, variant = 'error' }: StatusAlertProps) {
-  const descriptionId = useId();
-  if (!children) return null;
-
-  const isError = variant === 'error';
-
-  return (
-    <Alert
-      variant={isError ? 'destructive' : 'default'}
-      className={statusAlertVariants({ variant })}
-      aria-describedby={descriptionId}
-      role={isError ? 'alert' : 'status'}
-    >
-      {isError ? (
-        <AlertCircleIcon aria-hidden="true" />
-      ) : (
-        <CheckCircle2Icon aria-hidden="true" />
-      )}
-      <AlertDescription id={descriptionId}>{children}</AlertDescription>
-    </Alert>
-  );
-}

package/brands/engine/app/components/layouts/card-layout.tsx

@@ -1,29 +0,0 @@
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from '../../components/ui/card';
-
-interface CardLayoutProps {
-  title: string;
-  description?: string;
-  children: React.ReactNode;
-}
-
-/**
- * Card layout component for authentication pages.
- * Provides CardHeader with title and optional description, and CardContent.
- */
-export function CardLayout({ title, description, children }: CardLayoutProps) {
-  return (
-    <Card>
-      <CardHeader>
-        <CardTitle className="text-2xl">{title}</CardTitle>
-        {description && <CardDescription>{description}</CardDescription>}
-      </CardHeader>
-      <CardContent>{children}</CardContent>
-    </Card>
-  );
-}

package/brands/engine/app/components/workspace/CommandCenter.tsx

@@ -1,16 +0,0 @@
-import AppThemeProvider from "@/components/library/theme/AppThemeProvider";
-import DataModeProvider from "@/components/library/data/DataModeProvider";
-import { ENABLE_SAMPLE_DATA_CACHE } from "@/lib/dataStrategy";
-import { Toaster } from "sonner";
-import PartnerHubDashboard from "../../pages/PartnerHubDashboard";
-
-export default function CommandCenter() {
-  return (
-    <AppThemeProvider initialMode="light">
-      <DataModeProvider initialMode={ENABLE_SAMPLE_DATA_CACHE ? "sample" : "live"}>
-        <PartnerHubDashboard />
-        <Toaster position="bottom-right" />
-      </DataModeProvider>
-    </AppThemeProvider>
-  );
-}

package/brands/engine/app/config/agentApi.ts

@@ -1,36 +0,0 @@
-/**
- * Agentforce Agent API Configuration
- *
- * These values connect the ChatBar to the real Agentforce agent (Eva)
- * via the REST-based Agent API instead of the iframe-based
- * AgentforceConversationClient.
- *
- * Flow: OAuth token → create session → send messages → end session
- *
- * All requests are proxied through the Vite dev server to avoid CORS.
- * See vite.config.ts proxy rules:
- *   /sf-oauth/*  → myDomainUrl (for OAuth token)
- *   /sf-agent/*  → agentApiBaseUrl (for Agent API calls)
- */
-
-export const AGENT_API_CONFIG = {
-  myDomainUrl: "https://tdx26-keynote-org-1com.my.salesforce.com",
-
-  clientId:
-    "3MVG9Gm6vbdjgMWSOIAuIN3VSB5Rju6PgYQ5rl1yH3bVTTg9E2as4.C61Q0cyT.zqv2vUWNaxrm.A7SW5o3t7",
-  clientSecret:
-    "9ADF795A183A6B074A2E4B4CB1748B8DF7090C74191AF1C190213B512A733E03",
-
-  agentId: "0Xxa5000000rQlxCAE",
-
-  agentApiBaseUrl: "https://api.salesforce.com",
-
-  bypassUser: true,
-
-  demoTraveler: {
-    contactId: "003a500000mj4TlAAI",
-    email: "sarah.chen@arcline.ai",
-    firstName: "Sarah",
-    lastName: "Chen",
-  },
-};

package/brands/engine/app/features/object-search/__examples__/api/accountSearchService.ts

@@ -1,46 +0,0 @@
-import SEARCH_ACCOUNTS_QUERY from "./query/searchAccounts.graphql?raw";
-import DISTINCT_INDUSTRIES_QUERY from "./query/distinctAccountIndustries.graphql?raw";
-import DISTINCT_TYPES_QUERY from "./query/distinctAccountTypes.graphql?raw";
-import {
-	searchObjects,
-	fetchDistinctValues,
-	type ObjectSearchOptions,
-	type PicklistOption,
-} from "../../api/objectSearchService";
-import type {
-	SearchAccountsQuery,
-	SearchAccountsQueryVariables,
-	DistinctAccountIndustriesQuery,
-	DistinctAccountTypesQuery,
-} from "../../../../api/graphql-operations-types";
-
-export type AccountSearchResult = NonNullable<SearchAccountsQuery["uiapi"]["query"]["Account"]>;
-
-export type AccountSearchOptions = ObjectSearchOptions<
-	SearchAccountsQueryVariables["where"],
-	SearchAccountsQueryVariables["orderBy"]
->;
-
-export type { PicklistOption };
-
-export async function searchAccounts(
-	options: AccountSearchOptions = {},
-): Promise<AccountSearchResult> {
-	return searchObjects<AccountSearchResult, SearchAccountsQuery, SearchAccountsQueryVariables>(
-		SEARCH_ACCOUNTS_QUERY,
-		"Account",
-		options,
-	);
-}
-
-export async function fetchDistinctIndustries(): Promise<PicklistOption[]> {
-	return fetchDistinctValues<DistinctAccountIndustriesQuery>(
-		DISTINCT_INDUSTRIES_QUERY,
-		"Account",
-		"Industry",
-	);
-}
-
-export async function fetchDistinctTypes(): Promise<PicklistOption[]> {
-	return fetchDistinctValues<DistinctAccountTypesQuery>(DISTINCT_TYPES_QUERY, "Account", "Type");
-}

package/brands/engine/app/features/object-search/__examples__/api/query/distinctAccountIndustries.graphql

@@ -1,19 +0,0 @@
-query DistinctAccountIndustries {
-	uiapi {
-		aggregate {
-			Account(groupBy: { Industry: { group: true } }) {
-				edges {
-					node {
-						aggregate @optional {
-							Industry @optional {
-								value
-								displayValue
-								label
-							}
-						}
-					}
-				}
-			}
-		}
-	}
-}

package/brands/engine/app/features/object-search/__examples__/api/query/distinctAccountTypes.graphql

@@ -1,19 +0,0 @@
-query DistinctAccountTypes {
-	uiapi {
-		aggregate {
-			Account(groupBy: { Type: { group: true } }) {
-				edges {
-					node {
-						aggregate @optional {
-							Type @optional {
-								value
-								displayValue
-								label
-							}
-						}
-					}
-				}
-			}
-		}
-	}
-}

package/brands/engine/app/features/object-search/__examples__/api/query/getAccountDetail.graphql

@@ -1,121 +0,0 @@
-query GetAccountDetail($id: ID!) {
-	uiapi {
-		query {
-			Account(where: { Id: { eq: $id } }) {
-				edges {
-					node {
-						Id
-						Name @optional {
-							value
-							displayValue
-						}
-						Owner @optional {
-							Name @optional {
-								value
-								displayValue
-							}
-						}
-						Phone @optional {
-							value
-							displayValue
-						}
-						Fax @optional {
-							value
-							displayValue
-						}
-						Parent @optional {
-							Name @optional {
-								value
-								displayValue
-							}
-						}
-						Website @optional {
-							value
-							displayValue
-						}
-						Type @optional {
-							value
-							displayValue
-						}
-						NumberOfEmployees @optional {
-							value
-							displayValue
-						}
-						Industry @optional {
-							value
-							displayValue
-						}
-						AnnualRevenue @optional {
-							value
-							displayValue
-						}
-						Description @optional {
-							value
-							displayValue
-						}
-						BillingStreet @optional {
-							value
-							displayValue
-						}
-						BillingCity @optional {
-							value
-							displayValue
-						}
-						BillingState @optional {
-							value
-							displayValue
-						}
-						BillingPostalCode @optional {
-							value
-							displayValue
-						}
-						BillingCountry @optional {
-							value
-							displayValue
-						}
-						ShippingStreet @optional {
-							value
-							displayValue
-						}
-						ShippingCity @optional {
-							value
-							displayValue
-						}
-						ShippingState @optional {
-							value
-							displayValue
-						}
-						ShippingPostalCode @optional {
-							value
-							displayValue
-						}
-						ShippingCountry @optional {
-							value
-							displayValue
-						}
-						CreatedBy @optional {
-							Name @optional {
-								value
-								displayValue
-							}
-						}
-						CreatedDate @optional {
-							value
-							displayValue
-						}
-						LastModifiedBy @optional {
-							Name @optional {
-								value
-								displayValue
-							}
-						}
-						LastModifiedDate @optional {
-							value
-							displayValue
-						}
-					}
-				}
-			}
-		}
-	}
-}

package/brands/engine/app/features/object-search/__examples__/api/query/searchAccounts.graphql

@@ -1,51 +0,0 @@
-query SearchAccounts(
-	$first: Int
-	$after: String
-	$where: Account_Filter
-	$orderBy: Account_OrderBy
-) {
-	uiapi {
-		query {
-			Account(first: $first, after: $after, where: $where, orderBy: $orderBy) {
-				edges {
-					node {
-						Id
-						Name @optional {
-							value
-							displayValue
-						}
-						Industry @optional {
-							value
-							displayValue
-						}
-						Type @optional {
-							value
-							displayValue
-						}
-						Phone @optional {
-							value
-							displayValue
-						}
-						Owner @optional {
-							Name @optional {
-								value
-								displayValue
-							}
-						}
-						AnnualRevenue @optional {
-							value
-							displayValue
-						}
-					}
-				}
-				pageInfo {
-					hasNextPage
-					hasPreviousPage
-					endCursor
-					startCursor
-				}
-				totalCount
-			}
-		}
-	}
-}