@mieweb/ui 0.6.1-dev.146 → 0.6.1-dev.148

package/dist/index.cjs

@@ -2373,8 +2373,77 @@ function ContentBlock({
       }
     );
   }
+  if (content.type === "image" && content.imageUrl) {
+    const safeHref = /^\s*javascript:/i.test(content.imageUrl) ? void 0 : content.imageUrl;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: safeHref,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "block w-fit transition-transform hover:scale-[1.02]",
+        "aria-label": `View ${content.name || "Uploaded image"}`,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: content.imageUrl,
+            alt: content.name || "Uploaded image",
+            loading: "lazy",
+            className: "my-1 max-h-64 w-auto rounded-lg object-cover"
+          }
+        )
+      }
+    );
+  }
+  if (content.type === "file") {
+    const sizeLabel = typeof content.fileSize === "number" ? formatFileSize(content.fileSize) : void 0;
+    const card = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "my-1 flex items-center gap-3 rounded-lg bg-neutral-100 p-3 transition-colors dark:bg-neutral-800", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-lg bg-neutral-200 p-2 dark:bg-neutral-700", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "svg",
+        {
+          "aria-hidden": "true",
+          className: "h-6 w-6",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          stroke: "currentColor",
+          strokeWidth: 2,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"
+            }
+          )
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm font-medium", children: content.name || "Document" }),
+        sizeLabel && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-70", children: sizeLabel })
+      ] })
+    ] });
+    if (content.fileUrl) {
+      const safeFileHref = /^\s*javascript:/i.test(content.fileUrl) ? void 0 : content.fileUrl;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          href: safeFileHref,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "block w-fit no-underline",
+          children: card
+        }
+      );
+    }
+    return card;
+  }
   return null;
 }
+function formatFileSize(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
 var messageVariants = classVarianceAuthority.cva("flex gap-3", {
   variants: {
     role: {
@@ -2505,7 +2574,7 @@ function getFileType(mimeType) {
   }
   return "file";
 }
-function formatFileSize(bytes) {
+function formatFileSize2(bytes) {
   if (bytes < 1024) return `${bytes} B`;
   if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
   return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
@@ -2528,7 +2597,7 @@ function validateFile(file, acceptedTypes, maxSize) {
   if (maxSize && file.size > maxSize) {
     return {
       valid: false,
-      error: `File too large (max ${formatFileSize(maxSize)})`
+      error: `File too large (max ${formatFileSize2(maxSize)})`
     };
   }
   return { valid: true };
@@ -3789,13 +3858,13 @@ function AttachmentPreview({
         ) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1 text-left", children: [
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "truncate text-sm font-medium", children: attachment.filename }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-70", children: formatFileSize2(attachment.size) })
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-70", children: formatFileSize3(attachment.size) })
         ] })
       ]
     }
   );
 }
-function formatFileSize2(bytes) {
+function formatFileSize3(bytes) {
   if (bytes < 1024) return `${bytes} B`;
   if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
   return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
@@ -13165,13 +13234,13 @@ function FilePreviewItem({ file, onRemove, disabled }) {
               children: file.file.name
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-xs", children: formatFileSize3(file.file.size) })
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-xs", children: formatFileSize4(file.file.size) })
         ] })
       ]
     }
   );
 }
-function formatFileSize3(bytes) {
+function formatFileSize4(bytes) {
   if (bytes === 0) return "0 Bytes";
   const k = 1024;
   const sizes = ["Bytes", "KB", "MB", "GB"];
@@ -18318,7 +18387,7 @@ function AlertIcon({ className }) {
     }
   );
 }
-function formatFileSize4(bytes) {
+function formatFileSize5(bytes) {
   if (bytes === 0) return "0 B";
   const k = 1024;
   const sizes = ["B", "KB", "MB", "GB"];
@@ -18549,11 +18618,11 @@ function FileManager({
         children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted-foreground text-sm", children: [
           "Used Storage:",
           " ",
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-gray-900 dark:text-white", children: formatFileSize4(totalStorageUsed) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-semibold text-gray-900 dark:text-white", children: formatFileSize5(totalStorageUsed) }),
           storageLimit && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-muted-foreground", children: [
             " ",
             "/ ",
-            formatFileSize4(storageLimit)
+            formatFileSize5(storageLimit)
           ] })
         ] })
       }
@@ -18571,7 +18640,7 @@ function FileManager({
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-xs truncate text-sm text-gray-900 dark:text-white", children: file.filename })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx(chunkTN33E2VN_cjs.TableCell, { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-xs uppercase", children: file.fileExtension.replace(".", "") }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkTN33E2VN_cjs.TableCell, { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-sm", children: formatFileSize4(file.fileSize) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkTN33E2VN_cjs.TableCell, { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground text-sm", children: formatFileSize5(file.fileSize) }) }),
         hasActions && /* @__PURE__ */ jsxRuntime.jsx(
           chunkTN33E2VN_cjs.TableCell,
           {
@@ -41222,7 +41291,7 @@ exports.formatAddressSingleLine = formatAddressSingleLine;
 exports.formatCityState = formatCityState;
 exports.formatCityStateZip = formatCityStateZip;
 exports.formatDateLabel = formatDateLabel;
-exports.formatFileSize = formatFileSize2;
+exports.formatFileSize = formatFileSize3;
 exports.formatLastSeen = formatLastSeen;
 exports.generateAttachmentId = generateAttachmentId;
 exports.generateId = generateId;