zenit-sdk 0.0.1 → 0.0.3

package/dist/{chunk-RGS6AZWV.mjs → chunk-R73LRYVJ.mjs}

@@ -2287,6 +2287,11 @@ var styles = {
     height: 56,
     padding: 0
   },
+  floatingButtonMobile: {
+    width: 56,
+    height: 56,
+    padding: 0
+  },
   // Panel (expandable)
   panel: {
     position: "fixed",
@@ -2536,7 +2541,9 @@ var FloatingChatBox = ({
   baseUrl,
   accessToken,
   getAccessToken,
-  onActionClick
+  onActionClick,
+  onOpenChange,
+  hideButton
 }) => {
   const [open, setOpen] = useState4(false);
   const [expanded, setExpanded] = useState4(false);
@@ -2555,6 +2562,14 @@ var FloatingChatBox = ({
   }, [accessToken, baseUrl, getAccessToken]);
   const { sendMessage: sendMessage2, isStreaming, streamingText, completeResponse } = useSendMessageStream(chatConfig);
   const canSend = Boolean(mapId) && Boolean(baseUrl) && inputValue.trim().length > 0 && !isStreaming;
+  useEffect3(() => {
+    onOpenChange?.(open);
+  }, [open, onOpenChange]);
+  useEffect3(() => {
+    if (open && isMobile) {
+      setExpanded(true);
+    }
+  }, [open, isMobile]);
   const scrollToBottom = useCallback3(() => {
     if (messagesEndRef.current) {
       messagesEndRef.current.scrollIntoView({ behavior: "smooth" });
@@ -2576,8 +2591,9 @@ var FloatingChatBox = ({
   }, [messages, streamingText, scrollToBottom]);
   useEffect3(() => {
     if (!open) return;
+    if (isMobile && expanded) return;
     const handleClickOutside = (event) => {
-      if (open && chatBoxRef.current && !chatBoxRef.current.contains(event.target)) {
+      if (chatBoxRef.current && !chatBoxRef.current.contains(event.target)) {
         setOpen(false);
       }
     };
@@ -2585,7 +2601,7 @@ var FloatingChatBox = ({
     return () => {
       document.removeEventListener("mousedown", handleClickOutside);
     };
-  }, [open]);
+  }, [open, isMobile, expanded]);
   useEffect3(() => {
     if (typeof window === "undefined") return;
     const mediaQuery = window.matchMedia("(max-width: 768px)");
@@ -2605,31 +2621,13 @@ var FloatingChatBox = ({
     };
   }, []);
   useEffect3(() => {
-    if (typeof window === "undefined" || typeof document === "undefined") return;
-    const mediaQuery = window.matchMedia("(max-width: 768px)");
-    const originalOverflow = document.body.style.overflow;
-    const updateOverflow = () => {
-      if (open && expanded && mediaQuery.matches) {
-        document.body.style.overflow = "hidden";
-      } else {
-        document.body.style.overflow = originalOverflow;
-      }
-    };
-    updateOverflow();
-    if (mediaQuery.addEventListener) {
-      mediaQuery.addEventListener("change", updateOverflow);
-    } else {
-      mediaQuery.addListener(updateOverflow);
-    }
+    if (typeof document === "undefined") return;
+    if (!open || !isMobile) return;
+    document.body.style.overflow = "hidden";
     return () => {
-      if (mediaQuery.removeEventListener) {
-        mediaQuery.removeEventListener("change", updateOverflow);
-      } else {
-        mediaQuery.removeListener(updateOverflow);
-      }
-      document.body.style.overflow = originalOverflow;
+      document.body.style.overflow = "";
     };
-  }, [open, expanded]);
+  }, [open, isMobile]);
   const addMessage = useCallback3((message) => {
     setMessages((prev) => [...prev, message]);
   }, []);
@@ -2838,13 +2836,18 @@ var FloatingChatBox = ({
             display: flex !important;
             flex-direction: column !important;
             overflow: hidden !important;
-            z-index: 3000 !important;
+            z-index: 100000 !important;
             padding-top: env(safe-area-inset-top);
-            padding-bottom: env(safe-area-inset-bottom);
           }
           .zenit-chat-panel.zenit-chat-panel--fullscreen .zenit-ai-body {
             flex: 1;
-            overflow: auto;
+            min-height: 0;
+            overflow-y: auto;
+            -webkit-overflow-scrolling: touch;
+          }
+          .zenit-chat-panel.zenit-chat-panel--fullscreen .zenit-ai-input-area {
+            flex-shrink: 0;
+            padding-bottom: max(14px, env(safe-area-inset-bottom));
           }
           .zenit-ai-button.zenit-ai-button--hidden-mobile {
             display: none !important;
@@ -2855,7 +2858,7 @@ var FloatingChatBox = ({
       "div",
       {
         ref: chatBoxRef,
-        className: `zenit-chat-panel${expanded ? " zenit-chat-panel--expanded" : ""}${expanded && isMobile ? " zenit-chat-panel--fullscreen" : ""}`,
+        className: `zenit-chat-panel${expanded ? " zenit-chat-panel--expanded" : ""}${isMobile ? " zenit-chat-panel--fullscreen" : ""}`,
         style: {
           ...styles.panel,
           ...expanded ? styles.panelExpanded : styles.panelNormal
@@ -2955,7 +2958,7 @@ var FloatingChatBox = ({
             ),
             /* @__PURE__ */ jsx5("div", { ref: messagesEndRef })
           ] }),
-          /* @__PURE__ */ jsxs4("div", { style: styles.inputWrapper, children: [
+          /* @__PURE__ */ jsxs4("div", { className: "zenit-ai-input-area", style: styles.inputWrapper, children: [
             /* @__PURE__ */ jsx5(
               "textarea",
               {
@@ -2992,20 +2995,20 @@ var FloatingChatBox = ({
         ]
       }
     ),
-    /* @__PURE__ */ jsx5(
+    !(hideButton && !open) && /* @__PURE__ */ jsx5(
       "button",
       {
         type: "button",
-        className: `zenit-ai-button ${open ? "open" : ""}${open && expanded && isMobile ? " zenit-ai-button--hidden-mobile" : ""}`,
+        className: `zenit-ai-button ${open ? "open" : ""}${open && isMobile ? " zenit-ai-button--hidden-mobile" : ""}`,
         style: {
           ...styles.floatingButton,
-          ...open ? styles.floatingButtonOpen : styles.floatingButtonClosed
+          ...open ? styles.floatingButtonOpen : isMobile ? styles.floatingButtonMobile : styles.floatingButtonClosed
         },
         onClick: () => setOpen((prev) => !prev),
         "aria-label": open ? "Cerrar asistente" : "Abrir asistente Zenit AI",
         children: open ? /* @__PURE__ */ jsx5(CloseIcon, {}) : /* @__PURE__ */ jsxs4(Fragment, { children: [
           /* @__PURE__ */ jsx5(ChatIcon, {}),
-          /* @__PURE__ */ jsx5("span", { children: "Asistente IA" })
+          !isMobile && /* @__PURE__ */ jsx5("span", { children: "Asistente IA" })
         ] })
       }
     )
@@ -3054,4 +3057,4 @@ export {
   useSendMessageStream,
   FloatingChatBox
 };
-//# sourceMappingURL=chunk-RGS6AZWV.mjs.map
+//# sourceMappingURL=chunk-R73LRYVJ.mjs.map