@plasmicpkgs/commerce 0.0.41 → 0.0.44

package/dist/commerce.esm.js

@@ -1633,6 +1633,8 @@ var categoryCollectionMeta = {
   importName: "CategoryCollection"
 };
 function CategoryCollection(props) {
+  var _categories$findIndex;
+
   var children = props.children,
       noLayout = props.noLayout,
       className = props.className,
@@ -1662,11 +1664,14 @@ function CategoryCollection(props) {
   var firstCategoryNotEmpty = categories == null ? void 0 : categories.find(function (category) {
     return !category.isEmpty;
   });
+  var firstCategoryNotEmptyIndex = (_categories$findIndex = categories == null ? void 0 : categories.findIndex(function (category) {
+    return !category.isEmpty;
+  })) != null ? _categories$findIndex : -1;
   var renderedData = categories == null ? void 0 : categories.map(function (category, i) {
     return React.createElement(CategoryProvider, {
       category: category,
       key: category.id
-    }, repeatedElement(firstCategoryNotEmpty ? category === firstCategoryNotEmpty : i === 0, children));
+    }, repeatedElement(i < firstCategoryNotEmptyIndex ? i + 1 : i === firstCategoryNotEmptyIndex ? 0 : i, children));
   });
 
   if ([isAllCategoriesLoading, isLoading].includes(true)) {
@@ -2122,7 +2127,7 @@ function ProductCollection(props) {
     return React.createElement(ProductProvider, {
       product: product,
       key: product.id
-    }, repeatedElement(i === 0, children));
+    }, repeatedElement(i, children));
   });
 
   if ([isSearchLoading, isBrandsLoading, isCategoriesLoading].includes(true)) {
@@ -2284,7 +2289,7 @@ function ProductMediaCollection(props) {
   return React.createElement("div", {
     className: className
   }, product == null ? void 0 : product.images.map(function (image, i) {
-    return repeatedElement(i === 0, React.createElement(ProductMediaProvider, {
+    return repeatedElement(i, React.createElement(ProductMediaProvider, {
       mediaIndex: i,
       children: media
     }));
@@ -2449,7 +2454,7 @@ function ProductSlider(props) {
       gridTemplateColumns: "repeat(" + thumbsVisible + ", 1fr)"
     }
   }, product.images.slice(leftIndex, leftIndex + thumbsVisible).map(function (image, i) {
-    return repeatedElement(i === 0, React.createElement(ProductMediaProvider, {
+    return repeatedElement(i, React.createElement(ProductMediaProvider, {
       mediaIndex: leftIndex + i,
       children: thumbsContainer,
       onClick: function onClick() {