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

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

@@ -1107,46 +1107,34 @@ const rowRenderer = ({ virtualized, item, id, labelStyle }) => {
   ] });
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__radio-group-item-flex", children: content }, key || index);
 };
-const RadioGroup = ({ id, name, required, defaultValue, items, labelStyle = {}, onValueChange, useVirtualized = false, scrollElement, selector, parentRef }) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__radio-group-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsx("form", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    $f99a8c78507165f7$export$be92b6f5f03c0fe9,
+const RadioGroup = ({ id, name, required, value, items, labelStyle = {}, onValueChange, useVirtualized = false, scrollElement, selector, parentRef }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge__radio-group-wrapper", children: /* @__PURE__ */ jsxRuntimeExports.jsx("form", { children: /* @__PURE__ */ jsxRuntimeExports.jsx($f99a8c78507165f7$export$be92b6f5f03c0fe9, { className: "sledge__radio-group-root", "aria-label": "View density", id, name, required, onValueChange, value: String(value), children: useVirtualized ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+    VirtualizedList,
     {
-      className: "sledge__radio-group-root",
-      "aria-label": "View density",
-      defaultValue,
+      rowCount: items == null ? void 0 : items.length,
+      rowRenderer: ({ index, key }) => rowRenderer({
+        virtualized: {
+          index,
+          key
+        },
+        item: items[index],
+        id,
+        labelStyle
+      }),
+      scrollElement,
+      selector,
+      parentRef
+    }
+  ) : items.map(
+    (item, index) => rowRenderer({
+      virtualized: {
+        index
+      },
+      item,
       id,
-      name,
-      required,
-      onValueChange,
-      children: useVirtualized ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-        VirtualizedList,
-        {
-          rowCount: items == null ? void 0 : items.length,
-          rowRenderer: ({ index, key }) => rowRenderer({
-            virtualized: {
-              index,
-              key
-            },
-            item: items[index],
-            id,
-            labelStyle
-          }),
-          scrollElement,
-          selector,
-          parentRef
-        }
-      ) : items.map(
-        (item, index) => rowRenderer({
-          virtualized: {
-            index
-          },
-          item,
-          id,
-          labelStyle
-        })
-      )
-    }
-  ) }) });
+      labelStyle
+    })
+  ) }) }) });
 };
 const ColorSwatch$1 = "";
 const ColorSwatch = ({ id, name, value, rgb, image, required, checked, onClick }) => {
@@ -4217,8 +4205,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 +4253,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 +4477,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 +4504,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 +4629,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 +4637,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,
@@ -7718,7 +7720,7 @@ const Facet = (props) => {
             value: value2
           };
         }),
-        defaultValue: clickedFacets && ((_d = clickedFacets[value]) == null ? void 0 : _d.length) ? clickedFacets[value][0] : "",
+        value: clickedFacets && ((_d = clickedFacets[value]) == null ? void 0 : _d.length) ? clickedFacets[value][0] : "",
         labelStyle: filter_option_style,
         useVirtualized: true,
         selector: scrollElementSelector,