@ensembleapp/client-sdk 0.0.19 → 0.0.21

package/dist/index.d.ts

@@ -245,8 +245,12 @@ interface ChatWidgetFeedbackOptions {
 interface ChatWidgetConfig extends UseChatConfig {
     /** Title for the Chat window */
     title?: string;
-    /** Introductory message displayed at the start of the chat for brand new threads */
-    introMessage?: string;
+    /** Initial assistant message displayed at the start of the chat (if history is empty).
+     * Skipped if initialUserMessage is provided. */
+    initialAssistantMessage?: string;
+    /** Initial user message to send automatically when the chat loads (if history is empty).
+     * Use this to kick-start the conversation without requiring user input. */
+    initialUserMessage?: string;
     /** Placeholder text for the input box */
     inputPlaceholder?: string;
     className?: string;
@@ -257,7 +261,7 @@ interface ChatWidgetConfig extends UseChatConfig {
     /** Feedback options for assistant messages. Enabled by default. */
     feedback?: ChatWidgetFeedbackOptions;
 }
-declare function ChatWidget({ api, threadId, agentId, agentExecutionId, dataContext, onError, onAuthError, onFinish, onMessage, title, introMessage, inputPlaceholder, className, styles: styleProps, voice, speechToText, widgets, feedback, }: ChatWidgetConfig): react_jsx_runtime.JSX.Element;
+declare function ChatWidget({ api, threadId, agentId, agentExecutionId, dataContext, onError, onAuthError, onFinish, onMessage, title, initialAssistantMessage, initialUserMessage, inputPlaceholder, className, styles: styleProps, voice, speechToText, widgets, feedback, }: ChatWidgetConfig): react_jsx_runtime.JSX.Element;
 
 interface PopupAnchorConfig {
     enabled?: boolean;

package/dist/index.js

@@ -18684,10 +18684,9 @@ function useChat({
       onData?.(dataPart);
     }
   });
-  const [isLoadingInitial, setIsLoadingInitial] = useState(false);
+  const [isLoadingInitial, setIsLoadingInitial] = useState(true);
   useEffect(() => {
     const fetchInitialMessages = async () => {
-      setIsLoadingInitial(true);
       try {
         const response = await fetch(`${baseUrl}/chat/messages`, {
           method: "GET",
@@ -24422,7 +24421,8 @@ function ChatWidget({
   onFinish,
   onMessage,
   title,
-  introMessage,
+  initialAssistantMessage,
+  initialUserMessage,
   inputPlaceholder,
   className,
   styles: styleProps,
@@ -24466,6 +24466,7 @@ function ChatWidget({
   const {
     messages,
     status,
+    isLoadingInitial,
     sendMessage,
     stop,
     setMessages
@@ -24532,14 +24533,21 @@ function ChatWidget({
     };
   }, [voice]);
   useEffect4(() => {
-    if (introMessage && messages.length === 0) {
+    if (initialAssistantMessage && !initialUserMessage && !isLoadingInitial && messages.length === 0) {
       setMessages([{
         id: "welcome-message",
         role: "assistant",
-        parts: [{ type: "text", text: introMessage }]
+        parts: [{ type: "text", text: initialAssistantMessage }]
       }]);
     }
-  }, [introMessage, messages.length, setMessages]);
+  }, [initialAssistantMessage, initialUserMessage, isLoadingInitial, messages.length, setMessages]);
+  const initialMessageSentRef = useRef3(false);
+  useEffect4(() => {
+    if (initialUserMessage && !initialMessageSentRef.current && !isLoadingInitial && status === "ready" && messages.length === 0) {
+      initialMessageSentRef.current = true;
+      sendMessage({ text: initialUserMessage });
+    }
+  }, [initialUserMessage, isLoadingInitial, status, messages.length, sendMessage]);
   const handleScroll = useCallback4(() => {
     if (!scrollContainerRef.current) return;
     const { scrollTop, scrollHeight, clientHeight } = scrollContainerRef.current;
@@ -24908,7 +24916,7 @@ function VendorCards({ payload, enriched }) {
   };
   return /* @__PURE__ */ jsx8("div", { style: { display: "flex", flexDirection: "column", gap: "0.75rem" }, children: payload.vendors.map((v, index) => {
     const data = vendorData[v.vendor_id];
-    const name17 = data?.names?.find((n) => n.type === "org")?.value ?? "";
+    const name17 = data?.names?.[0]?.value ?? "Unknown";
     const address = data?.location?.address;
     const distanceEntry = distances.find((d) => d.destinationIndex === index);
     const distance = distanceEntry && distanceEntry.distanceMeters ? formatDistance(distanceEntry.distanceMeters) : void 0;