llmasaservice-ui 0.6.5 → 0.6.6

package/dist/index.js

@@ -313,25 +313,16 @@ var ChatPanel = ({
     }
   }, [initialPrompt]);
   (0, import_react3.useEffect)(() => {
-    var _a, _b;
+    var _a;
     if (scrollToEnd) {
       if (window.top !== window.self) {
-        const frameElement = window.frameElement;
-        if (frameElement) {
-          const frameRect = frameElement.getBoundingClientRect();
-          if (frameRect.bottom <= window.innerHeight) {
-            window.parent.scrollTo({
-              top: frameRect.bottom + window.scrollY - window.innerHeight,
-              behavior: "smooth"
-            });
-          }
-          (_a = bottomRef.current) == null ? void 0 : _a.scrollIntoView({
-            behavior: "smooth",
-            block: "end"
-          });
-        }
+        const responseArea = responseAreaRef.current;
+        responseArea.scrollTo({
+          top: responseArea.scrollHeight,
+          behavior: "smooth"
+        });
       } else {
-        (_b = bottomRef.current) == null ? void 0 : _b.scrollIntoView({ behavior: "smooth", block: "end" });
+        (_a = bottomRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "end" });
       }
     } else {
       const responseArea = responseAreaRef.current;

package/dist/index.mjs

@@ -280,25 +280,16 @@ var ChatPanel = ({
     }
   }, [initialPrompt]);
   useEffect(() => {
-    var _a, _b;
+    var _a;
     if (scrollToEnd) {
       if (window.top !== window.self) {
-        const frameElement = window.frameElement;
-        if (frameElement) {
-          const frameRect = frameElement.getBoundingClientRect();
-          if (frameRect.bottom <= window.innerHeight) {
-            window.parent.scrollTo({
-              top: frameRect.bottom + window.scrollY - window.innerHeight,
-              behavior: "smooth"
-            });
-          }
-          (_a = bottomRef.current) == null ? void 0 : _a.scrollIntoView({
-            behavior: "smooth",
-            block: "end"
-          });
-        }
+        const responseArea = responseAreaRef.current;
+        responseArea.scrollTo({
+          top: responseArea.scrollHeight,
+          behavior: "smooth"
+        });
       } else {
-        (_b = bottomRef.current) == null ? void 0 : _b.scrollIntoView({ behavior: "smooth", block: "end" });
+        (_a = bottomRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "smooth", block: "end" });
       }
     } else {
       const responseArea = responseAreaRef.current;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "llmasaservice-ui",
-  "version": "0.6.5",
+  "version": "0.6.6",
   "description": "Prebuilt UI components for LLMAsAService.io",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/ChatPanel.tsx

@@ -250,37 +250,15 @@ const ChatPanel: React.FC<ChatPanelProps & ExtraProps> = ({
   useEffect(() => {
     if (scrollToEnd) {
       if (window.top !== window.self) {
-        // If the ChatPanel is within an iframe
-        const frameElement = window.frameElement;
-        if (frameElement) {
-          const frameRect = frameElement.getBoundingClientRect();
-          if (frameRect.bottom <= window.innerHeight) {
-            // Scroll the parent window to position the iframe at the bottom of the screen
-            window.parent.scrollTo({
-              top: frameRect.bottom + window.scrollY - window.innerHeight,
-              behavior: "smooth",
-            });
-          }
-
-          bottomRef.current?.scrollIntoView({
-            behavior: "smooth",
-            block: "end",
-          });
-
-          /*
-          // Scroll the content within the iframe
-          setTimeout(() => {
-            bottomRef.current?.scrollIntoView({
-              behavior: "smooth",
-              block: "end",
-            });
-          }, 300);*/
-        }
+        const responseArea = responseAreaRef.current as any;
+        responseArea.scrollTo({
+          top: responseArea.scrollHeight,
+          behavior: "smooth",
+        });
       } else {
         // If the ChatPanel is not within an iframe
         bottomRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
       }
-      //bottomRef.current?.scrollIntoView({ behavior: "smooth", block: "end" });
     } else {
       const responseArea = responseAreaRef.current as any;
       if (responseArea) {
@@ -811,7 +789,7 @@ const ChatPanel: React.FC<ChatPanelProps & ExtraProps> = ({
             </div>
           ))}
 
-          {(followOnQuestions && followOnQuestions.length > 0 && idle) && (
+          {followOnQuestions && followOnQuestions.length > 0 && idle && (
             <div className="suggestions-container">
               {followOnQuestions.map((question, index) => (
                 <button
@@ -1078,3 +1056,25 @@ const ChatPanel: React.FC<ChatPanelProps & ExtraProps> = ({
 };
 
 export default ChatPanel;
+
+/*
+// If the ChatPanel is within an iframe
+        const frameElement = window.frameElement;
+        if (frameElement) {
+          const frameRect = frameElement.getBoundingClientRect();
+          if (frameRect.bottom <= window.innerHeight) {
+            // Scroll the bottom of the panel onto the screen first
+            bottomPanelRef.current?.scrollIntoView({
+              behavior: "smooth",
+              block: "end",
+            });
+          }
+        }
+
+        // Scroll the content within the iframe
+        setTimeout(() => {
+          bottomRef.current?.scrollIntoView({
+            behavior: "smooth",
+            block: "end",
+          });
+        }, 300);*/