@katechat/ui 1.0.3 → 1.0.4

package/dist/esm/index.js

@@ -57947,18 +57947,16 @@ import { notifications as notifications2 } from "@mantine/notifications";
 import React9, { useEffect as useEffect4, useCallback as useCallback4 } from "react";
 import { Image, Text as Text4, Group as Group5, Stack as Stack2, ActionIcon as ActionIcon3, Modal, Tooltip as Tooltip3 } from "@mantine/core";
 import { useDisclosure } from "@mantine/hooks";
-import { useNavigate } from "react-router-dom";
 import { IconExternalLink } from "@tabler/icons-react";
 var ImagePopup = ({
   fileName,
   fileUrl,
   mimeType,
   createdAt,
-  sourceUrl,
+  onOpenSource,
   sourceTitle,
   onClose
 }) => {
-  const navigate = useNavigate();
   const [opened, { open: open2, close: close2 }] = useDisclosure(false);
   useEffect4(() => {
     if (fileUrl) {
@@ -57969,11 +57967,10 @@ var ImagePopup = ({
     onClose();
     close2();
   }, [onClose, close2]);
-  const navigateToChat = useCallback4(() => {
-    ok(sourceUrl);
-    navigate(sourceUrl);
+  const navigateToSource = useCallback4(() => {
+    onOpenSource?.();
     handleClose();
-  }, [navigate, sourceUrl, handleClose]);
+  }, [onOpenSource, handleClose]);
   const formatDate = (dateString) => {
     return new Date(dateString).toLocaleDateString("en-US", {
       year: "numeric",
@@ -57983,7 +57980,7 @@ var ImagePopup = ({
       minute: "2-digit"
     });
   };
-  return /* @__PURE__ */ React9.createElement(Modal, { opened, onClose: handleClose, size: "xl", title: "Image Preview", centered: true }, fileUrl && /* @__PURE__ */ React9.createElement(Stack2, { gap: "md" }, /* @__PURE__ */ React9.createElement(Image, { src: fileUrl, alt: fileName, fit: "contain", mah: "70vh" }), /* @__PURE__ */ React9.createElement(Group5, { justify: "space-between" }, /* @__PURE__ */ React9.createElement("div", null, /* @__PURE__ */ React9.createElement(Text4, { size: "sm", fw: 500 }, fileName), /* @__PURE__ */ React9.createElement(Text4, { size: "xs", c: "dimmed" }, createdAt ? formatDate(createdAt) + " \u2022" : "", " ", mimeType)), sourceUrl && /* @__PURE__ */ React9.createElement(Group5, { gap: "xs" }, /* @__PURE__ */ React9.createElement(Tooltip3, { label: "Open source" }, /* @__PURE__ */ React9.createElement(ActionIcon3, { variant: "light", onClick: navigateToChat }, /* @__PURE__ */ React9.createElement(IconExternalLink, { size: 16 }))))), sourceUrl && /* @__PURE__ */ React9.createElement(Text4, { size: "sm", c: "dimmed" }, "From:", " ", /* @__PURE__ */ React9.createElement(Text4, { span: true, c: "blue", style: { cursor: "pointer" }, onClick: navigateToChat }, sourceTitle || sourceUrl))));
+  return /* @__PURE__ */ React9.createElement(Modal, { opened, onClose: handleClose, size: "xl", title: "Image Preview", centered: true }, fileUrl && /* @__PURE__ */ React9.createElement(Stack2, { gap: "md" }, /* @__PURE__ */ React9.createElement(Image, { src: fileUrl, alt: fileName, fit: "contain", mah: "70vh" }), /* @__PURE__ */ React9.createElement(Group5, { justify: "space-between" }, /* @__PURE__ */ React9.createElement("div", null, /* @__PURE__ */ React9.createElement(Text4, { size: "sm", fw: 500 }, fileName), /* @__PURE__ */ React9.createElement(Text4, { size: "xs", c: "dimmed" }, createdAt ? formatDate(createdAt) + " \u2022" : "", " ", mimeType)), onOpenSource && /* @__PURE__ */ React9.createElement(Group5, { gap: "xs" }, /* @__PURE__ */ React9.createElement(Tooltip3, { label: "Open source" }, /* @__PURE__ */ React9.createElement(ActionIcon3, { variant: "light", onClick: navigateToSource }, /* @__PURE__ */ React9.createElement(IconExternalLink, { size: 16 }))))), onOpenSource && /* @__PURE__ */ React9.createElement(Text4, { size: "sm", c: "dimmed" }, "From:", " ", /* @__PURE__ */ React9.createElement(Text4, { span: true, c: "blue", style: { cursor: "pointer" }, onClick: navigateToSource }, sourceTitle || "source"))));
 };
 
 // src/components/chat/ChatMessagesList.tsx