@brainfish-ai/components 0.17.1 → 0.17.2

package/dist/esm/chunks/{FormattedMessage.BcAkzCZt.js → FormattedMessage.C2OwhDXi.js}

@@ -39424,7 +39424,7 @@ const ZoomableImage = ({ src, alt }) => {
   if (!src || imageError) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement("figure", { className: "relative inline-block my-4 px-4 w-full sm:w-auto" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center min-h-[100px]" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("figure", { className: "relative block my-4 px-4 w-full sm:w-auto" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center min-h-[100px]" }, /* @__PURE__ */ React.createElement(
     "button",
     {
       type: "button",
@@ -39486,6 +39486,27 @@ const ZoomableImage = ({ src, alt }) => {
   ))));
 };
 
+const SmartImageInner = ({ src, alt }) => {
+  const [isSmallImage, setIsSmallImage] = useState(null);
+  const handleLoad = (e) => {
+    const img = e.currentTarget;
+    setIsSmallImage(img.naturalWidth < 100);
+  };
+  const handleError = () => {
+    setIsSmallImage(false);
+  };
+  if (isSmallImage === null) {
+    return /* @__PURE__ */ React__default.createElement("img", { src, alt: "", onLoad: handleLoad, onError: handleError, className: "hidden", "aria-hidden": "true" });
+  }
+  if (isSmallImage) {
+    return /* @__PURE__ */ React__default.createElement("img", { src, alt, className: "w-auto h-auto inline-block px-1" });
+  }
+  return /* @__PURE__ */ React__default.createElement(ZoomableImage, { src, alt });
+};
+const SmartImage = ({ src, alt }) => {
+  return /* @__PURE__ */ React__default.createElement(SmartImageInner, { key: src, src, alt });
+};
+
 const stripNewLines = (content) => content.replace(/^\n+|(\n+|\\)+$/g, "");
 
 async function getContentType(attachmentId, contentTypeEndpoint, signal) {
@@ -39696,7 +39717,7 @@ const FormattedMessage = memo(({ message, isStreaming, redirectRules = [], conte
           if (React__default.isValidElement(embedComponent)) {
             return embedComponent;
           }
-          return /* @__PURE__ */ React__default.createElement(ZoomableImage, { src, alt: parsedAlt, key: src });
+          return /* @__PURE__ */ React__default.createElement(SmartImage, { src, alt: parsedAlt });
         },
         li: ({ children, ...props }) => {
           return /* @__PURE__ */ React__default.createElement("li", { ...props }, children);
@@ -39736,4 +39757,4 @@ const FormattedMessage = memo(({ message, isStreaming, redirectRules = [], conte
 FormattedMessage.displayName = "FormattedMessage";
 
 export { CodeBlock as C, FormattedMessage as F, MemoizedReactMarkdown as M, ZoomableImage as Z, MermaidDiagram as a, addUtmParameters as b, addPopupWidgetUtm as c };
-//# sourceMappingURL=FormattedMessage.BcAkzCZt.js.map
+//# sourceMappingURL=FormattedMessage.C2OwhDXi.js.map