@tinkrapp/widget 1.1.2 → 1.2.0

package/dist/react.d.cts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode, FC } from 'react';
-import { b as WidgetConfig, W as WidgetClient, c as WidgetState, M as Message, e as WidgetError } from './client-CExUGn7b.cjs';
-export { A as Artifact, f as ArtifactCategory, C as ChatSession } from './client-CExUGn7b.cjs';
+import { b as WidgetConfig, W as WidgetClient, c as WidgetState, M as Message, e as WidgetError } from './client-BFcAYuri.cjs';
+export { A as Artifact, f as ArtifactCategory, C as ChatSession } from './client-BFcAYuri.cjs';
 import * as _emotion_utils from '@emotion/utils';
 
 interface WidgetContextValue {

package/dist/react.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import react__default, { ReactNode, FC } from 'react';
-import { b as WidgetConfig, W as WidgetClient, c as WidgetState, M as Message, e as WidgetError } from './client-CExUGn7b.js';
-export { A as Artifact, f as ArtifactCategory, C as ChatSession } from './client-CExUGn7b.js';
+import { b as WidgetConfig, W as WidgetClient, c as WidgetState, M as Message, e as WidgetError } from './client-BFcAYuri.js';
+export { A as Artifact, f as ArtifactCategory, C as ChatSession } from './client-BFcAYuri.js';
 import * as _emotion_utils from '@emotion/utils';
 
 interface WidgetContextValue {

package/dist/react.js

@@ -84,10 +84,13 @@ var WidgetAPI = class {
     return response;
   }
   async sendMessage(sessionId, content) {
-    const response = await this.request(`/sessions/${sessionId}/messages`, {
-      method: "POST",
-      body: JSON.stringify({ content })
-    });
+    const response = await this.request(
+      `/sessions/${sessionId}/messages`,
+      {
+        method: "POST",
+        body: JSON.stringify({ content })
+      }
+    );
     return response;
   }
   async getHistory(sessionId) {
@@ -115,7 +118,7 @@ var WidgetAPI = class {
       ...options,
       headers: {
         "Content-Type": "application/json",
-        "Authorization": `Bearer ${this.config.apiKey}`,
+        Authorization: `Bearer ${this.config.apiKey}`,
         ...options.headers
       }
     });
@@ -249,6 +252,28 @@ var WidgetClient = class {
     this.events.emit("state:change", { previous, current: newState });
   }
 };
+var LessonContext = createContext({
+  lessonContext: null,
+  hasLessonContext: false
+});
+function LessonContextProvider({
+  children,
+  lessonContext
+}) {
+  return /* @__PURE__ */ jsx(
+    LessonContext.Provider,
+    {
+      value: {
+        lessonContext: lessonContext ?? null,
+        hasLessonContext: !!lessonContext
+      },
+      children
+    }
+  );
+}
+function useLessonContext() {
+  return useContext(LessonContext);
+}
 var MessageContext = createContext(null);
 function MessageContextProvider({ children }) {
   const [selectedContext, setSelectedContext] = useState([]);
@@ -1644,15 +1669,25 @@ var WidgetContext = createContext(null);
 function generateUserId() {
   return crypto.randomUUID();
 }
-function createApiHeaders(userId, assistantId) {
-  return {
+function createApiHeaders(userId, assistantId, userContext) {
+  const headers = {
     "Content-Type": "application/json",
     "X-User-Id": userId,
     "X-Assistant-Id": assistantId
   };
+  if (userContext?.firstName) {
+    headers["X-User-First-Name"] = userContext.firstName;
+  }
+  if (userContext?.lastName) {
+    headers["X-User-Last-Name"] = userContext.lastName;
+  }
+  if (userContext?.email) {
+    headers["X-User-Email"] = userContext.email;
+  }
+  return headers;
 }
-function createThreadListAdapter(baseUrl, userId, assistantId) {
-  const headers = createApiHeaders(userId, assistantId);
+function createThreadListAdapter(baseUrl, userId, assistantId, userContext) {
+  const headers = createApiHeaders(userId, assistantId, userContext);
   return {
     // List all threads for this user
     async list() {
@@ -1779,13 +1814,13 @@ function createThreadListAdapter(baseUrl, userId, assistantId) {
     }
   };
 }
-async function saveMessages(baseUrl, userId, assistantId, threadId, messages) {
+async function saveMessages(baseUrl, userId, assistantId, threadId, messages, userContext) {
   try {
     const response = await fetch(
       `${baseUrl}/api/widget/threads/${threadId}/messages/sync`,
       {
         method: "POST",
-        headers: createApiHeaders(userId, assistantId),
+        headers: createApiHeaders(userId, assistantId, userContext),
         body: JSON.stringify({ messages })
       }
     );
@@ -1796,8 +1831,8 @@ async function saveMessages(baseUrl, userId, assistantId, threadId, messages) {
     console.error("[Messages] Sync error:", error);
   }
 }
-function createHistoryAdapter(baseUrl, userId, assistantId, remoteId) {
-  const headers = createApiHeaders(userId, assistantId);
+function createHistoryAdapter(baseUrl, userId, assistantId, remoteId, userContext) {
+  const headers = createApiHeaders(userId, assistantId, userContext);
   return {
     async load() {
       console.log("[History] load() called, remoteId:", remoteId);
@@ -1895,8 +1930,8 @@ function AssistantRuntimeWrapper({
   const clearContextRef = useRef(clearContext);
   clearContextRef.current = clearContext;
   const threadListAdapter = useMemo(
-    () => createThreadListAdapter(baseUrl, userId, assistantId),
-    [baseUrl, userId, assistantId]
+    () => createThreadListAdapter(baseUrl, userId, assistantId, config.userContext),
+    [baseUrl, userId, assistantId, config.userContext]
   );
   const runtime = unstable_useRemoteThreadListRuntime({
     runtimeHook: function useChatThreadRuntime() {
@@ -1906,17 +1941,33 @@ function AssistantRuntimeWrapper({
       const threadIdRef = useRef(threadId);
       threadIdRef.current = threadId;
       const history = useMemo(
-        () => createHistoryAdapter(baseUrl, userId, assistantId, threadId),
-        [threadId]
+        () => createHistoryAdapter(
+          baseUrl,
+          userId,
+          assistantId,
+          threadId,
+          config.userContext
+        ),
+        [threadId, config.userContext]
       );
       const transport = useMemo(() => {
         console.log("[Widget] Creating transport for threadId:", threadId);
+        const transportHeaders = {
+          "X-User-Id": userId,
+          "X-Assistant-Id": assistantId
+        };
+        if (config.userContext?.firstName) {
+          transportHeaders["X-User-First-Name"] = config.userContext.firstName;
+        }
+        if (config.userContext?.lastName) {
+          transportHeaders["X-User-Last-Name"] = config.userContext.lastName;
+        }
+        if (config.userContext?.email) {
+          transportHeaders["X-User-Email"] = config.userContext.email;
+        }
         return new AssistantChatTransport({
           api: `${baseUrl}/api/widget/chat`,
-          headers: {
-            "X-User-Id": userId,
-            "X-Assistant-Id": assistantId
-          },
+          headers: transportHeaders,
           // Use body as a function to dynamically include context
           body: () => {
             const currentContext = contextRef.current();
@@ -1942,7 +1993,7 @@ function AssistantRuntimeWrapper({
             };
           }
         });
-      }, [threadId]);
+      }, [threadId, config.userContext]);
       const runtime2 = useChatRuntime({
         transport,
         adapters: { history },
@@ -1960,7 +2011,8 @@ function AssistantRuntimeWrapper({
               userId,
               assistantId,
               currentThreadId,
-              messages
+              messages,
+              config.userContext
             );
           }
         }
@@ -1974,7 +2026,9 @@ function AssistantRuntimeWrapper({
 function WidgetProvider({
   config,
   children,
-  autoInitialize = true
+  // Legacy client initialization - disabled by default as the new assistant-ui
+  // runtime handles session/thread management via the thread list adapter
+  autoInitialize = false
 }) {
   const [userId] = useState(() => config.userId || generateUserId());
   const [client] = useState(() => new WidgetClient(config));
@@ -1995,7 +2049,7 @@ function WidgetProvider({
     () => ({ client, state, userId }),
     [client, state, userId]
   );
-  return /* @__PURE__ */ jsx(CacheProvider, { value: widgetCache, children: /* @__PURE__ */ jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsx(WidgetContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(MessageContextProvider, { children: /* @__PURE__ */ jsx(AssistantRuntimeWrapper, { config, userId, children }) }) }) }) });
+  return /* @__PURE__ */ jsx(CacheProvider, { value: widgetCache, children: /* @__PURE__ */ jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsx(WidgetContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(LessonContextProvider, { lessonContext: config.lessonContext, children: /* @__PURE__ */ jsx(MessageContextProvider, { children: /* @__PURE__ */ jsx(AssistantRuntimeWrapper, { config, userId, children }) }) }) }) }) });
 }
 function useWidget() {
   const context = useContext(WidgetContext);
@@ -3398,7 +3452,10 @@ var MentionComposerInput = forwardRef(
       const walkForText = (node2) => {
         if (node2 === range.endContainer) {
           if (node2.nodeType === Node.TEXT_NODE) {
-            textBeforeCursor += (node2.textContent || "").slice(0, range.endOffset);
+            textBeforeCursor += (node2.textContent || "").slice(
+              0,
+              range.endOffset
+            );
           }
           return true;
         }
@@ -3437,7 +3494,14 @@ var MentionComposerInput = forwardRef(
         triggerPositionRef.current = null;
         onTriggerDismissed?.();
       }
-    }, [syncToRuntime, getPlainText, getCursorPosition, onInput, onTriggerDetected, onTriggerDismissed]);
+    }, [
+      syncToRuntime,
+      getPlainText,
+      getCursorPosition,
+      onInput,
+      onTriggerDetected,
+      onTriggerDismissed
+    ]);
     const handleKeyDown = useCallback(
       (e) => {
         if (e.key === "Enter" && !e.shiftKey) {
@@ -3470,7 +3534,9 @@ var MentionComposerInput = forwardRef(
                 e.preventDefault();
                 const mentionId = prevSibling.dataset.mentionId;
                 prevSibling.parentNode?.removeChild(prevSibling);
-                setInlineMentions((prev2) => prev2.filter((m) => m.id !== mentionId));
+                setInlineMentions(
+                  (prev2) => prev2.filter((m) => m.id !== mentionId)
+                );
                 onMentionRemove?.(mentionId);
                 syncToRuntime();
                 return;
@@ -3483,7 +3549,9 @@ var MentionComposerInput = forwardRef(
                 e.preventDefault();
                 const mentionId = childAtOffset.dataset.mentionId;
                 childAtOffset.parentNode?.removeChild(childAtOffset);
-                setInlineMentions((prev2) => prev2.filter((m) => m.id !== mentionId));
+                setInlineMentions(
+                  (prev2) => prev2.filter((m) => m.id !== mentionId)
+                );
                 onMentionRemove?.(mentionId);
                 syncToRuntime();
                 return;
@@ -3720,7 +3788,8 @@ var CATEGORY_LABELS = {
   attachment: "Attachments",
   description: "Description",
   caption: "Video",
-  link: "Links"
+  link: "Links",
+  lesson: "Current Lesson"
 };
 function useContextMention(options = {}) {
   const { onInsertMention } = options;
@@ -3729,7 +3798,31 @@ function useContextMention(options = {}) {
     throw new Error("useContextMention must be used within a WidgetProvider");
   }
   const { client } = widgetContext;
-  const { selectedContext: selectedItems, addContextItem, removeContextItem, clearContext } = useMessageContext();
+  const {
+    selectedContext: selectedItems,
+    addContextItem,
+    removeContextItem,
+    clearContext
+  } = useMessageContext();
+  const { lessonContext, hasLessonContext } = useLessonContext();
+  useEffect(() => {
+    if (hasLessonContext && lessonContext) {
+      const lessonItem = {
+        id: lessonContext.lessonId,
+        type: "lesson",
+        title: lessonContext.lessonTitle,
+        lessonTitle: lessonContext.lessonTitle,
+        chapterTitle: lessonContext.chapterTitle
+      };
+      if (!selectedItems.some((item) => item.id === lessonItem.id)) {
+        console.log(
+          "[ContextMention] Auto-adding current lesson context:",
+          lessonItem.title
+        );
+        addContextItem(lessonItem);
+      }
+    }
+  }, [hasLessonContext]);
   const [isOpen, setIsOpen] = useState(false);
   const [searchTerm, setSearchTerm] = useState("");
   const [activeIndex, setActiveIndex] = useState(0);
@@ -3759,7 +3852,10 @@ function useContextMention(options = {}) {
           }
         );
         if (!response.ok) {
-          console.error("[ContextMention] Failed to fetch context:", response.status);
+          console.error(
+            "[ContextMention] Failed to fetch context:",
+            response.status
+          );
           return;
         }
         const data = await response.json();
@@ -3810,7 +3906,13 @@ function useContextMention(options = {}) {
       closePopover();
       onInsertMention?.(item);
     }
-  }, [flattenedItems, activeIndex, addContextItem, closePopover, onInsertMention]);
+  }, [
+    flattenedItems,
+    activeIndex,
+    addContextItem,
+    closePopover,
+    onInsertMention
+  ]);
   const selectItem = useCallback(
     (item) => {
       addContextItem(item);
@@ -3819,9 +3921,12 @@ function useContextMention(options = {}) {
     },
     [addContextItem, closePopover, onInsertMention]
   );
-  const removeItem = useCallback((itemId) => {
-    removeContextItem(itemId);
-  }, [removeContextItem]);
+  const removeItem = useCallback(
+    (itemId) => {
+      removeContextItem(itemId);
+    },
+    [removeContextItem]
+  );
   const clearAll = useCallback(() => {
     clearContext();
   }, [clearContext]);