@mordn/chat-widget 0.3.0 → 0.4.1

package/dist/index.mjs

@@ -1411,7 +1411,7 @@ function useChatStorageKey() {
 
 // src/components/interface.tsx
 import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
-function ChatInterface({ id, initialMessages, config, onClose } = {}) {
+function ChatInterface({ id, initialMessages, config, onClose, headerActions } = {}) {
   const { storageKeyPrefix } = useChatStorageKey();
   const storageKey = (key) => storageKeyPrefix ? `chat-${storageKeyPrefix}-${key}` : `chat-${key}`;
   const themeMode = config?.theme?.mode || "light";
@@ -2082,6 +2082,7 @@ function ChatInterface({ id, initialMessages, config, onClose } = {}) {
                 ] }, groupName)) }) })
               ] })
             ] }),
+            headerActions,
             onClose && /* @__PURE__ */ jsx20(
               "button",
               {
@@ -2113,7 +2114,7 @@ function ChatInterface({ id, initialMessages, config, onClose } = {}) {
         ] }),
         /* @__PURE__ */ jsxs12("div", { className: "px-5 pb-5", children: [
           uploadError && /* @__PURE__ */ jsx20("div", { className: "mb-3 px-4 py-3 bg-red-50 dark:bg-red-900/20 border border-red-200/60 dark:border-red-800/60 rounded-2xl text-sm text-red-700 dark:text-red-400 shadow-sm", children: uploadError }),
-          messages.length === 0 && status !== "submitted" && config?.starterPrompts && /* @__PURE__ */ jsx20(
+          isInitializing ? /* @__PURE__ */ jsx20("div", { className: "flex items-center justify-center py-8", role: "status", "aria-label": "Loading conversation", children: /* @__PURE__ */ jsx20("div", { className: "h-4 w-4 rounded-full border-2 border-current border-t-transparent animate-spin", style: { color: "hsl(var(--chat-text-muted))" } }) }) : messages.length === 0 && status !== "submitted" && config?.starterPrompts && /* @__PURE__ */ jsx20(
             StarterMessages,
             {
               prompts: config.starterPrompts,
@@ -2195,7 +2196,9 @@ function ChatWidget({
   theme,
   features,
   display,
-  starterPrompts
+  starterPrompts,
+  onClose,
+  headerActions
 }) {
   const layout = display?.layout || "popup";
   const showToggleButton = display?.showToggleButton !== false;
@@ -2277,7 +2280,9 @@ function ChatWidget({
           {
             id: conversationId,
             initialMessages,
-            config
+            config,
+            onClose,
+            headerActions
           }
         )
       }
@@ -2295,7 +2300,9 @@ function ChatWidget({
           {
             id: conversationId,
             initialMessages,
-            config
+            config,
+            onClose,
+            headerActions
           }
         )
       }
@@ -2335,7 +2342,11 @@ function ChatWidget({
               id: conversationId,
               initialMessages,
               config,
-              onClose: () => setIsOpen(false)
+              onClose: () => {
+                setIsOpen(false);
+                onClose?.();
+              },
+              headerActions
             }
           ) })
         ]