@katechat/ui 1.0.3 → 1.0.4

package/README.md

@@ -58,6 +58,17 @@ This package requires the following peer dependencies:
 
 ## Package Structure
 
+This package is distributed with both ESM and CommonJS builds for maximum compatibility:
+
+```
+dist/
+├── esm/           # ES Module build (import)
+├── cjs/           # CommonJS build (require)
+└── types/         # TypeScript type definitions
+```
+
+The package automatically uses the correct build format based on your bundler and module system.
+
 ### Components
 
 #### Chat Components (`./components/chat`)

package/dist/cjs/index.js

@@ -57973,18 +57973,16 @@ var import_notifications2 = require("@mantine/notifications");
 var import_react9 = __toESM(require("react"), 1);
 var import_core9 = require("@mantine/core");
 var import_hooks = require("@mantine/hooks");
-var import_react_router_dom = require("react-router-dom");
 var import_icons_react7 = require("@tabler/icons-react");
 var ImagePopup = ({
   fileName,
   fileUrl,
   mimeType,
   createdAt,
-  sourceUrl,
+  onOpenSource,
   sourceTitle,
   onClose
 }) => {
-  const navigate = (0, import_react_router_dom.useNavigate)();
   const [opened, { open: open2, close: close2 }] = (0, import_hooks.useDisclosure)(false);
   (0, import_react9.useEffect)(() => {
     if (fileUrl) {
@@ -57995,11 +57993,10 @@ var ImagePopup = ({
     onClose();
     close2();
   }, [onClose, close2]);
-  const navigateToChat = (0, import_react9.useCallback)(() => {
-    ok(sourceUrl);
-    navigate(sourceUrl);
+  const navigateToSource = (0, import_react9.useCallback)(() => {
+    onOpenSource?.();
     handleClose();
-  }, [navigate, sourceUrl, handleClose]);
+  }, [onOpenSource, handleClose]);
   const formatDate = (dateString) => {
     return new Date(dateString).toLocaleDateString("en-US", {
       year: "numeric",
@@ -58009,7 +58006,7 @@ var ImagePopup = ({
       minute: "2-digit"
     });
   };
-  return /* @__PURE__ */ import_react9.default.createElement(import_core9.Modal, { opened, onClose: handleClose, size: "xl", title: "Image Preview", centered: true }, fileUrl && /* @__PURE__ */ import_react9.default.createElement(import_core9.Stack, { gap: "md" }, /* @__PURE__ */ import_react9.default.createElement(import_core9.Image, { src: fileUrl, alt: fileName, fit: "contain", mah: "70vh" }), /* @__PURE__ */ import_react9.default.createElement(import_core9.Group, { justify: "space-between" }, /* @__PURE__ */ import_react9.default.createElement("div", null, /* @__PURE__ */ import_react9.default.createElement(import_core9.Text, { size: "sm", fw: 500 }, fileName), /* @__PURE__ */ import_react9.default.createElement(import_core9.Text, { size: "xs", c: "dimmed" }, createdAt ? formatDate(createdAt) + " \u2022" : "", " ", mimeType)), sourceUrl && /* @__PURE__ */ import_react9.default.createElement(import_core9.Group, { gap: "xs" }, /* @__PURE__ */ import_react9.default.createElement(import_core9.Tooltip, { label: "Open source" }, /* @__PURE__ */ import_react9.default.createElement(import_core9.ActionIcon, { variant: "light", onClick: navigateToChat }, /* @__PURE__ */ import_react9.default.createElement(import_icons_react7.IconExternalLink, { size: 16 }))))), sourceUrl && /* @__PURE__ */ import_react9.default.createElement(import_core9.Text, { size: "sm", c: "dimmed" }, "From:", " ", /* @__PURE__ */ import_react9.default.createElement(import_core9.Text, { span: true, c: "blue", style: { cursor: "pointer" }, onClick: navigateToChat }, sourceTitle || sourceUrl))));
+  return /* @__PURE__ */ import_react9.default.createElement(import_core9.Modal, { opened, onClose: handleClose, size: "xl", title: "Image Preview", centered: true }, fileUrl && /* @__PURE__ */ import_react9.default.createElement(import_core9.Stack, { gap: "md" }, /* @__PURE__ */ import_react9.default.createElement(import_core9.Image, { src: fileUrl, alt: fileName, fit: "contain", mah: "70vh" }), /* @__PURE__ */ import_react9.default.createElement(import_core9.Group, { justify: "space-between" }, /* @__PURE__ */ import_react9.default.createElement("div", null, /* @__PURE__ */ import_react9.default.createElement(import_core9.Text, { size: "sm", fw: 500 }, fileName), /* @__PURE__ */ import_react9.default.createElement(import_core9.Text, { size: "xs", c: "dimmed" }, createdAt ? formatDate(createdAt) + " \u2022" : "", " ", mimeType)), onOpenSource && /* @__PURE__ */ import_react9.default.createElement(import_core9.Group, { gap: "xs" }, /* @__PURE__ */ import_react9.default.createElement(import_core9.Tooltip, { label: "Open source" }, /* @__PURE__ */ import_react9.default.createElement(import_core9.ActionIcon, { variant: "light", onClick: navigateToSource }, /* @__PURE__ */ import_react9.default.createElement(import_icons_react7.IconExternalLink, { size: 16 }))))), onOpenSource && /* @__PURE__ */ import_react9.default.createElement(import_core9.Text, { size: "sm", c: "dimmed" }, "From:", " ", /* @__PURE__ */ import_react9.default.createElement(import_core9.Text, { span: true, c: "blue", style: { cursor: "pointer" }, onClick: navigateToSource }, sourceTitle || "source"))));
 };
 
 // src/components/chat/ChatMessagesList.tsx