@usecrow/ui 0.1.15 → 0.1.17

package/dist/index.cjs

@@ -71,16 +71,19 @@ var getConversationStorageKey = (productId) => `crow_conv_${productId}`;
 function useChat({
   productId,
   apiUrl = "",
+  persistAnonymousConversations: _persistAnonymousConversations,
+  welcomeMessage,
   onVerificationStatus,
   onConversationId,
   onWorkflowEvent,
   onToolCall,
   onRestoredConversation
 }) {
+  const effectiveWelcomeMessage = welcomeMessage || DEFAULT_WELCOME_MESSAGE;
   const [messages, setMessages] = React3.useState([
     {
       id: "welcome",
-      content: DEFAULT_WELCOME_MESSAGE,
+      content: effectiveWelcomeMessage,
       isBot: true,
       timestamp: /* @__PURE__ */ new Date()
     }
@@ -97,6 +100,18 @@ function useChat({
   const [selectedModel, setSelectedModel] = React3.useState(DEFAULT_MODEL);
   const abortControllerRef = React3.useRef(null);
   const hasRestoredRef = React3.useRef(false);
+  React3.useEffect(() => {
+    if (messages.length === 1 && messages[0].id === "welcome" && !conversationId) {
+      setMessages([
+        {
+          id: "welcome",
+          content: effectiveWelcomeMessage,
+          isBot: true,
+          timestamp: /* @__PURE__ */ new Date()
+        }
+      ]);
+    }
+  }, [effectiveWelcomeMessage]);
   React3.useEffect(() => {
     if (conversationId && onRestoredConversation && !hasRestoredRef.current) {
       hasRestoredRef.current = true;
@@ -347,7 +362,7 @@ function useChat({
     setMessages([
       {
         id: "welcome",
-        content: DEFAULT_WELCOME_MESSAGE,
+        content: effectiveWelcomeMessage,
         isBot: true,
         timestamp: /* @__PURE__ */ new Date()
       }
@@ -357,7 +372,7 @@ function useChat({
       localStorage.removeItem(getConversationStorageKey(productId));
     } catch {
     }
-  }, [productId]);
+  }, [productId, effectiveWelcomeMessage]);
   const loadMessages = React3.useCallback((historyMessages) => {
     setMessages(historyMessages);
   }, []);
@@ -1042,6 +1057,12 @@ function useWidgetStyles({
   const [showThinking, setShowThinking] = React3.useState(
     styleCache.get(key)?.showThinking ?? true
   );
+  const [persistAnonymousConversations, setPersistAnonymousConversations] = React3.useState(
+    styleCache.has(key) ? styleCache.get(key)?.persistAnonymousConversations ?? true : void 0
+  );
+  const [welcomeMessage, setWelcomeMessage] = React3.useState(
+    styleCache.get(key)?.welcomeMessage ?? void 0
+  );
   const hasFetchedRef = React3.useRef(false);
   const fetchStyles = async () => {
     if (skip) return;
@@ -1054,6 +1075,8 @@ function useWidgetStyles({
       setAgentName(config.agentName || "Assistant");
       setBrowserUseEnabled(config.browserUseEnabled || false);
       setShowThinking(config.showThinking ?? true);
+      setPersistAnonymousConversations(config.persistAnonymousConversations ?? true);
+      setWelcomeMessage(config.welcomeMessage ?? void 0);
     } catch (err) {
       console.error("[CrowWidget] Failed to fetch styles:", err);
       setError(err instanceof Error ? err : new Error(String(err)));
@@ -1069,6 +1092,8 @@ function useWidgetStyles({
       setAgentName(cached.agentName || "Assistant");
       setBrowserUseEnabled(cached.browserUseEnabled || false);
       setShowThinking(cached.showThinking ?? true);
+      setPersistAnonymousConversations(cached.persistAnonymousConversations ?? true);
+      setWelcomeMessage(cached.welcomeMessage ?? void 0);
       setIsLoading(false);
       return;
     }
@@ -1083,6 +1108,8 @@ function useWidgetStyles({
     agentName,
     browserUseEnabled,
     showThinking,
+    persistAnonymousConversations,
+    welcomeMessage,
     refetch: fetchStyles
   };
 }
@@ -1102,6 +1129,12 @@ function useCopilotStyles({
   const [agentName, setAgentName] = React3.useState(
     styleCache.get(key)?.agentName || "Assistant"
   );
+  const [persistAnonymousConversations, setPersistAnonymousConversations] = React3.useState(
+    styleCache.has(key) ? styleCache.get(key)?.persistAnonymousConversations ?? true : void 0
+  );
+  const [welcomeMessage, setWelcomeMessage] = React3.useState(
+    styleCache.get(key)?.welcomeMessage ?? void 0
+  );
   const hasFetchedRef = React3.useRef(false);
   const fetchStyles = async () => {
     if (skip) return;
@@ -1112,6 +1145,8 @@ function useCopilotStyles({
       styleCache.set(key, config);
       setDbStyles(config.copilotStyles);
       setAgentName(config.agentName || "Assistant");
+      setPersistAnonymousConversations(config.persistAnonymousConversations ?? true);
+      setWelcomeMessage(config.welcomeMessage ?? void 0);
     } catch (err) {
       console.error("[CrowCopilot] Failed to fetch styles:", err);
       setError(err instanceof Error ? err : new Error(String(err)));
@@ -1125,6 +1160,8 @@ function useCopilotStyles({
     if (cached) {
       setDbStyles(cached.copilotStyles);
       setAgentName(cached.agentName || "Assistant");
+      setPersistAnonymousConversations(cached.persistAnonymousConversations ?? true);
+      setWelcomeMessage(cached.welcomeMessage ?? void 0);
       setIsLoading(false);
       return;
     }
@@ -1137,6 +1174,8 @@ function useCopilotStyles({
     isLoading,
     error,
     agentName,
+    persistAnonymousConversations,
+    welcomeMessage,
     refetch: fetchStyles
   };
 }
@@ -2449,16 +2488,27 @@ function CrowWidget({
   styles: propStyles,
   previewMode = false,
   showThinking: showThinkingProp,
+  welcomeMessage: welcomeMessageProp,
   onReady,
   onIdentify,
   tools
 }) {
-  const { styles, isLoading: isLoadingStyles, agentName, browserUseEnabled, showThinking: showThinkingFromAPI } = useWidgetStyles({
+  const {
+    styles,
+    isLoading: isLoadingStyles,
+    agentName,
+    browserUseEnabled,
+    showThinking: showThinkingFromAPI,
+    persistAnonymousConversations,
+    welcomeMessage: welcomeMessageFromAPI
+  } = useWidgetStyles({
     productId,
     apiUrl,
     propStyles,
     skip: previewMode
   });
+  const welcomeMessage = welcomeMessageProp ?? welcomeMessageFromAPI;
+  console.log("[Crow Widget] persistAnonymousConversations from API:", persistAnonymousConversations, "isLoading:", isLoadingStyles);
   const showThinking = showThinkingProp ?? showThinkingFromAPI;
   const [autoTools, setAutoTools] = React3.useState({});
   const cssVars = stylesToCssVars(styles);
@@ -2486,6 +2536,8 @@ function CrowWidget({
   const chat = useChat({
     productId,
     apiUrl,
+    persistAnonymousConversations,
+    welcomeMessage,
     onVerificationStatus: (isVerified) => {
       setIsVerifiedUser(isVerified);
     },
@@ -2730,7 +2782,7 @@ function CrowCopilot({
   className,
   onReady
 }) {
-  const { styles, isLoading: isLoadingStyles, agentName } = useCopilotStyles({
+  const { styles, isLoading: isLoadingStyles, agentName, persistAnonymousConversations, welcomeMessage } = useCopilotStyles({
     productId,
     apiUrl,
     propStyles,
@@ -2746,6 +2798,8 @@ function CrowCopilot({
   const chat = useChat({
     productId,
     apiUrl,
+    persistAnonymousConversations,
+    welcomeMessage,
     onVerificationStatus: (isVerified) => {
       setIsVerifiedUser(isVerified);
     },