@treely/strapi-slices 6.1.1 → 6.2.1

package/dist/strapi-slices.esm.js

@@ -2526,6 +2526,17 @@ var ContextProvider = function ContextProvider(_ref) {
   }, children));
 };
 
+var shuffleElements = function shuffleElements(slides) {
+  var slidesCopy = [].concat(slides); // Create a copy to avoid mutating the original array
+  for (var i = slidesCopy.length - 1; i > 0; i--) {
+    var j = Math.floor(Math.random() * (i + 1));
+    var _ref = [slidesCopy[j], slidesCopy[i]];
+    slidesCopy[i] = _ref[0];
+    slidesCopy[j] = _ref[1];
+  }
+  return slidesCopy;
+};
+
 var ITEM_GAP$1 = 24;
 var MAX_OFFSET_RIGHT$1 = 55;
 var TextCarousel = function TextCarousel(_ref) {
@@ -2542,9 +2553,12 @@ var TextCarousel = function TextCarousel(_ref) {
     windowWidth = _useWindowSize.width;
   var _useRouter = useRouter(),
     push = _useRouter.push;
-  var _useState = useState(0),
-    sliderIndex = _useState[0],
-    setSliderIndex = _useState[1];
+  var _useState = useState(slice.slides),
+    displaySlides = _useState[0],
+    setDisplaySlides = _useState[1];
+  var _useState2 = useState(0),
+    sliderIndex = _useState2[0],
+    setSliderIndex = _useState2[1];
   var numberOfItems = useMemo(function () {
     return slice.slides.length;
   }, [slice.slides.length]);
@@ -2564,6 +2578,14 @@ var TextCarousel = function TextCarousel(_ref) {
   var canMoveLeft = useMemo(function () {
     return sliderIndex !== 0;
   }, [sliderIndex]);
+  var slides = slice.slides,
+    _slice$isShuffled = slice.isShuffled,
+    isShuffled = _slice$isShuffled === void 0 ? false : _slice$isShuffled;
+  useEffect(function () {
+    if (isShuffled && typeof window === 'undefined') {
+      setDisplaySlides(shuffleElements(slides));
+    }
+  }, [slides, isShuffled]);
   return React.createElement(DefaultSectionContainer, {
     backgroundColor: primary50,
     title: slice.title
@@ -2598,7 +2620,7 @@ var TextCarousel = function TextCarousel(_ref) {
       duration: 0.3,
       ease: 'easeInOut'
     }
-  }, slice.slides.map(function (_ref2) {
+  }, displaySlides.map(function (_ref2) {
     var id = _ref2.id,
       title = _ref2.title,
       text = _ref2.text,