@sledge-app/react-instant-search 1.0.78 → 1.0.79

package/dist/sledge-react-instant-search.js

@@ -1570,6 +1570,7 @@ const Trigger = (props) => {
   const [colorIcon, setColorIcon] = React__default.useState(isWishlisted ? activeColorIcon : defaultColorIcon);
   const [typeIcon, setTypeIcon] = React__default.useState(isWishlisted ? activeTypeIcon : defaultTypeIcon);
   const [isWishlist, setIsWishlist] = React__default.useState(!!wishlistChecked);
+  const [mouseEnter, setMouseEnter] = React__default.useState(false);
   const [isLoading, setIsLoading] = React__default.useState(!wishlistCheckedFilled);
   const [dataSettings, setDataSettings] = React__default.useState({});
   const [handleFunctions, _setHandleFunctions] = React__default.useState({
@@ -1694,6 +1695,7 @@ const Trigger = (props) => {
     handleCheckWishlist();
   }, [isRenderAppWishlist, hasEntry, productVariantId]);
   const isActive = (isWishlist || forceActive) && !isRequiredLogin;
+  const inWishlist = isActive || mouseEnter;
   React__default.useEffect(() => {
     if (isActive) {
       setColorIcon(activeColorIcon);
@@ -1703,26 +1705,37 @@ const Trigger = (props) => {
       setTypeIcon(defaultTypeIcon);
     }
   }, [isWishlist]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: rootRef, children: !isLoading && !hidden && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-wishlist__trigger-block", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "span",
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: rootRef, children: !isLoading && !hidden && /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "div",
     {
-      className: "sledge-wishlist__trigger",
-      onClick: (e) => handleClick(e),
-      onMouseEnter: () => {
-        if (isActive)
-          return;
-        setColorIcon(activeColorIcon);
-        setTypeIcon(activeTypeIcon);
-      },
-      onMouseLeave: () => {
-        if (isActive)
-          return;
-        setColorIcon(defaultColorIcon);
-        setTypeIcon(defaultTypeIcon);
+      className: "sledge-wishlist__trigger-block",
+      ...inWishlist && {
+        ["in-wishlist"]: ""
       },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(HeartIcon, { width: 16.67, height: 15.83, type: typeIcon, color: colorIcon })
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "span",
+        {
+          className: "sledge-wishlist__trigger",
+          onClick: (e) => handleClick(e),
+          onMouseEnter: () => {
+            if (isActive)
+              return;
+            setColorIcon(activeColorIcon);
+            setTypeIcon(activeTypeIcon);
+            setMouseEnter(true);
+          },
+          onMouseLeave: () => {
+            if (isActive)
+              return;
+            setColorIcon(defaultColorIcon);
+            setTypeIcon(defaultTypeIcon);
+            setMouseEnter(false);
+          },
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(HeartIcon, { width: 16.67, height: 15.83, type: typeIcon, color: colorIcon })
+        }
+      )
     }
-  ) }) });
+  ) });
 };
 const WidgetHeaderClearTrigger = ({ buttonText, shareId, dataSettings, isFirstLoading }) => {
   var _a, _b, _c, _d, _e;