@eshal-bot/chat-widget 0.1.48 → 0.1.49

package/dist/chat-widget.js

@@ -58869,88 +58869,6 @@
     });
   };
 
-  const LOGO_MAX_HEIGHT = "3.5rem";
-  const LOGO_MAX_HEIGHT_COMPACT = "2.5rem";
-  const LOGO_MAX_WIDTH_DEFAULT = "4.5rem";
-  const LOGO_MAX_WIDTH_DEFAULT_COMPACT = "3rem";
-  const LOGO_MAX_WIDTH_WIDE = "9rem";
-  const LOGO_MAX_WIDTH_WIDE_COMPACT = "5.5rem";
-  const STATUS_DOT_SIZE = "0.8rem";
-  const STATUS_DOT_SIZE_COMPACT = "0.65rem";
-  const STATUS_DOT_BORDER_WIDTH = "2px";
-  const STATUS_DOT_BORDER_WIDTH_COMPACT = "1.5px";
-  const STATUS_DOT_DEFAULT_COLOR = "#34d399";
-  const STATUS_DOT_OFFSET = "38%";
-  const STATUS_DOT_OFFSET_COMPACT = "22%";
-  const LogoImage = _ref => {
-    let {
-      src,
-      showStatusDot = false,
-      statusColor = STATUS_DOT_DEFAULT_COLOR,
-      size = "default"
-    } = _ref;
-    const [aspect, setAspect] = reactExports.useState("square");
-    const isCompact = size === "compact";
-    reactExports.useEffect(() => {
-      if (typeof window === "undefined" || !src) {
-        return;
-      }
-      const img = new Image();
-      img.src = src;
-      img.onload = () => {
-        if (img.width > img.height) {
-          setAspect("wide");
-        } else if (img.height > img.width) {
-          setAspect("tall");
-        } else {
-          setAspect("square");
-        }
-      };
-    }, [src]);
-    const containerStyle = {
-      position: "relative",
-      display: "inline-flex"
-    };
-    const imageStyle = {
-      display: "block",
-      objectFit: "cover",
-      height: "100%",
-      width: "100%",
-      // borderRadius:'50%',
-      maxHeight: isCompact ? LOGO_MAX_HEIGHT_COMPACT : LOGO_MAX_HEIGHT,
-      maxWidth: isCompact ? LOGO_MAX_WIDTH_DEFAULT_COMPACT : LOGO_MAX_WIDTH_DEFAULT
-    };
-    if (aspect === "wide") {
-      imageStyle.maxWidth = isCompact ? LOGO_MAX_WIDTH_WIDE_COMPACT : LOGO_MAX_WIDTH_WIDE;
-    }
-    if (aspect === "tall") {
-      imageStyle.maxHeight = isCompact ? "3rem" : "4rem";
-      imageStyle.maxWidth = isCompact ? "3rem" : "4rem";
-    }
-    return /*#__PURE__*/jsxRuntimeExports.jsxs("div", {
-      style: containerStyle,
-      children: [/*#__PURE__*/jsxRuntimeExports.jsx("img", {
-        src: src,
-        alt: "Logo",
-        style: imageStyle,
-        loading: "lazy"
-      }), showStatusDot && /*#__PURE__*/jsxRuntimeExports.jsx("span", {
-        style: {
-          position: "absolute",
-          bottom: 0,
-          right: 0,
-          width: isCompact ? STATUS_DOT_SIZE_COMPACT : STATUS_DOT_SIZE,
-          height: isCompact ? STATUS_DOT_SIZE_COMPACT : STATUS_DOT_SIZE,
-          borderRadius: "9999px",
-          backgroundColor: statusColor,
-          border: "".concat(isCompact ? STATUS_DOT_BORDER_WIDTH_COMPACT : STATUS_DOT_BORDER_WIDTH, " solid #ffffff"),
-          transform: "translate(".concat(isCompact ? STATUS_DOT_OFFSET_COMPACT : STATUS_DOT_OFFSET, ", ").concat(isCompact ? STATUS_DOT_OFFSET_COMPACT : STATUS_DOT_OFFSET, ")"),
-          pointerEvents: "none"
-        }
-      })]
-    });
-  };
-
   const ChatHeader = _ref => {
     let {
       conciergeName,
@@ -59009,8 +58927,16 @@
           className: "absolute inset-0 bg-gradient-to-br from-white/10 to-transparent pointer-events-none"
         }), companyLogo && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
           className: "w-[48px] h-[48px] rounded-full overflow-hidden flex items-center justify-center bg-white/10",
-          children: /*#__PURE__*/jsxRuntimeExports.jsx(LogoImage, {
-            src: companyLogo
+          children: /*#__PURE__*/jsxRuntimeExports.jsx("img", {
+            src: companyLogo,
+            alt: "Logo",
+            style: {
+              display: "block",
+              width: "100%",
+              height: "100%",
+              objectFit: "cover"
+            },
+            loading: "lazy"
           })
         }), /*#__PURE__*/jsxRuntimeExports.jsx("div", {
           className: "flex items-center gap-2 ".concat(!companyLogo ? "px-3" : ""),