@sledge-app/react-instant-search 2.0.3 → 2.0.4

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

@@ -4217,8 +4217,8 @@ const VariantSelector = (props) => {
     /* @__PURE__ */ jsxRuntimeExports.jsx("select", { className: "variant-picker sledge__product-grid-card-variant-picker", children: variants == null ? void 0 : variants.map((variant) => {
       const { title, option1, option2, position, id: id2, admin_graphql_api_id, image_id, inventory_quantity, inventory_management, inventory_policy } = variant;
       let optionAttributes = {
-        "data-option-1": option1,
-        "data-option-2": option2,
+        "data-option-1": stringToSlug(option1),
+        "data-option-2": stringToSlug(option2),
         "data-inventory-quantity": inventory_quantity,
         "data-inventory-management": inventory_management,
         "data-inventory-policy": inventory_policy,
@@ -4265,7 +4265,7 @@ ${selectedOption === item ? "sledge__product-variant-size-swatch-active" : ""} s
   ] });
 };
 const ProductCard = React__default.memo((props) => {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f, _g;
   const {
     item,
     handleAddToCart,
@@ -4489,7 +4489,10 @@ const ProductCard = React__default.memo((props) => {
                     ...triggerPropAdditional,
                     onAfterAddWishlist,
                     onAfterRemoveWishlist,
-                    wishlistChecked: dataWishlists == null ? void 0 : dataWishlists[id]
+                    wishlistChecked: dataWishlists == null ? void 0 : dataWishlists[id],
+                    ...objectPresent(previewSettings) && ((_e = (_d = previewSettings == null ? void 0 : previewSettings.settings) == null ? void 0 : _d.general) == null ? void 0 : _e.use_dummy_data) ? {
+                      previewSettings
+                    } : {}
                   }
                 ),
                 /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__product-grid-card-featured-image-element", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -4513,7 +4516,7 @@ const ProductCard = React__default.memo((props) => {
                     }
                   }
                 ) }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__product-grid-card-variant-images", children: (_e = (_d = product == null ? void 0 : product.images) == null ? void 0 : _d.map) == null ? void 0 : _e.call(_d, (image2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__product-grid-card-variant-images", children: (_g = (_f = product == null ? void 0 : product.images) == null ? void 0 : _f.map) == null ? void 0 : _g.call(_f, (image2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
                   "img",
                   {
                     decoding: "async",
@@ -4638,7 +4641,7 @@ const ProductCard = React__default.memo((props) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(React__default.Fragment, { children: component }, id);
 });
 const ProductGrid = React__default.memo((props) => {
-  const { type, className = "", data, setting, sourceApp = null, useSlider = false, isFlyout = false, onAfterAddToCart, onAfterRenderProduct, currentColumnGrid } = props;
+  const { type, className = "", data, setting, sourceApp = null, useSlider = false, isFlyout = false, onAfterAddToCart, onAfterRenderProduct, currentColumnGrid, previewSettings } = props;
   const { redirect_add_to_cart = true } = setting || {};
   const [clickedAddToCartId, setClickedAddToCartId] = React__default.useState(null);
   const [generalDataSettings, setGeneralDataSettings] = React__default.useState({});
@@ -4646,6 +4649,17 @@ const ProductGrid = React__default.memo((props) => {
     var _a;
     const { id, quantity } = data2;
     setClickedAddToCartId(id);
+    if (objectPresent(previewSettings)) {
+      setClickedAddToCartId(null);
+      onAfterAddToCart && onAfterAddToCart("success");
+      window.sledgeToastNotification({
+        title: "Cart added",
+        message: "Successfully added to wishlist",
+        type: "success",
+        icon: /* @__PURE__ */ jsxRuntimeExports.jsx(BagIcon, { width: 40, height: 40, color: "black" })
+      });
+      return;
+    }
     let resShopifyAddToCart = await addToCart([
       {
         id,