tabexseriescomponents 0.0.314 → 0.0.316

package/dist/index.cjs.js

@@ -11594,27 +11594,31 @@ var Filter$1 = function Filter(props) {
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     instfilters = _useState4[0],
     setinstfilters = _useState4[1];
-  var _useState5 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instcollections)),
+  var _useState5 = React.useState([]),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    instcollections = _useState6[0],
-    setinstcollections = _useState6[1];
-  var _useState7 = React.useState(_toConsumableArray__default["default"](authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories)),
+    collectionstobevisible = _useState6[0],
+    setcollectionstobevisible = _useState6[1];
+  var _useState7 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instcollections)),
     _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    instcategories = _useState8[0],
-    setinstcategories = _useState8[1];
-  var _useState9 = React.useState('Sort by'),
-    _useState10 = _slicedToArray__default["default"](_useState9, 2);
-    _useState10[0];
-    _useState10[1];
-  var _useState11 = React.useState({
+    instcollections = _useState8[0],
+    setinstcollections = _useState8[1];
+  var _useState9 = React.useState(_toConsumableArray__default["default"](authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories)),
+    _useState10 = _slicedToArray__default["default"](_useState9, 2),
+    instcategories = _useState10[0],
+    setinstcategories = _useState10[1];
+  var _useState11 = React.useState('Sort by'),
+    _useState12 = _slicedToArray__default["default"](_useState11, 2);
+    _useState12[0];
+    _useState12[1];
+  var _useState13 = React.useState({
       min: 0,
       max: 5
     }),
-    _useState12 = _slicedToArray__default["default"](_useState11, 2),
-    raterangevalue = _useState12[0],
-    setraterangevalue = _useState12[1];
+    _useState14 = _slicedToArray__default["default"](_useState13, 2),
+    raterangevalue = _useState14[0],
+    setraterangevalue = _useState14[1];
   var timeoutRef = React__default["default"].useRef(null);
-  var _useState13 = React.useState([{
+  var _useState15 = React.useState([{
       payloadvalue: 'sortprice',
       name: lang.price,
       filterarray: [{
@@ -11639,9 +11643,9 @@ var Filter$1 = function Filter(props) {
         isfilterselected: false
       }]
     }]),
-    _useState14 = _slicedToArray__default["default"](_useState13, 2),
-    otherfilters = _useState14[0];
-    _useState14[1];
+    _useState16 = _slicedToArray__default["default"](_useState15, 2),
+    otherfilters = _useState16[0];
+    _useState16[1];
   React.useEffect(function () {
     filterupdater();
   }, []);
@@ -11674,6 +11678,83 @@ var Filter$1 = function Filter(props) {
       }
     }, 500);
   }, [raterangevalue]);
+  React.useEffect(function () {
+    if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.filterretreivetype) == 'Depend on chosen parent group') {
+      if ((ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections) != undefined && (ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections) != null && Array.isArray(ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections)) {
+        var _parentidsfound;
+        var collectiontobevisible = [];
+        var parentidsfound = [];
+        if (ProductFilterObjContext.ProductFetchingType == 'Parent Collection') {
+          parentidsfound = ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections;
+        } else if (ProductFilterObjContext.ProductFetchingType == 'Category') {
+          instcategories === null || instcategories === void 0 ? void 0 : instcategories.forEach(function (catitem, catindex) {
+            var _ProductFilterObjCont;
+            ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont = ProductFilterObjContext.collections) === null || _ProductFilterObjCont === void 0 ? void 0 : _ProductFilterObjCont.forEach(function (colitem2, colindex2) {
+              if (catitem.categoryid == colitem2) {
+                var _catitem$parentcollet;
+                catitem === null || catitem === void 0 ? void 0 : (_catitem$parentcollet = catitem.parentcolletions) === null || _catitem$parentcollet === void 0 ? void 0 : _catitem$parentcollet.forEach(function (parentcolitem, parentcolindex) {
+                  parentidsfound.push(parentcolitem.parentcollectionid);
+                });
+              }
+            });
+          });
+        } else {
+          instcategories === null || instcategories === void 0 ? void 0 : instcategories.forEach(function (catitem, catindex) {
+            var _catitem$parentcollet2;
+            catitem === null || catitem === void 0 ? void 0 : (_catitem$parentcollet2 = catitem.parentcolletions) === null || _catitem$parentcollet2 === void 0 ? void 0 : _catitem$parentcollet2.forEach(function (parentcolitem, parentcolindex) {
+              var _parentcolitem$collec;
+              parentcolitem === null || parentcolitem === void 0 ? void 0 : (_parentcolitem$collec = parentcolitem.collections) === null || _parentcolitem$collec === void 0 ? void 0 : _parentcolitem$collec.forEach(function (colitem, colindex) {
+                var _ProductFilterObjCont2;
+                ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont2 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont2 === void 0 ? void 0 : _ProductFilterObjCont2.forEach(function (colitem2, colindex2) {
+                  if (colitem.collectionid == colitem2) {
+                    parentidsfound.push(parentcolitem.parentcollectionid);
+                  }
+                });
+              });
+            });
+          });
+        }
+        parentidsfound = parentidsfound.filter(function (val, id, array) {
+          return array.indexOf(val) == id;
+        });
+        if (((_parentidsfound = parentidsfound) === null || _parentidsfound === void 0 ? void 0 : _parentidsfound.length) != 0) {
+          instcategories === null || instcategories === void 0 ? void 0 : instcategories.forEach(function (catitem, catindex) {
+            var _catitem$parentcollet3;
+            catitem === null || catitem === void 0 ? void 0 : (_catitem$parentcollet3 = catitem.parentcolletions) === null || _catitem$parentcollet3 === void 0 ? void 0 : _catitem$parentcollet3.forEach(function (parentcolitem, parentcolindex) {
+              var _parentidsfound2;
+              (_parentidsfound2 = parentidsfound) === null || _parentidsfound2 === void 0 ? void 0 : _parentidsfound2.forEach(function (parentidfounditem, parentidfoundindex) {
+                if (parentidfounditem == (parentcolitem === null || parentcolitem === void 0 ? void 0 : parentcolitem.parentcollectionid)) {
+                  var _parentcolitem$collec2;
+                  parentcolitem === null || parentcolitem === void 0 ? void 0 : (_parentcolitem$collec2 = parentcolitem.collections) === null || _parentcolitem$collec2 === void 0 ? void 0 : _parentcolitem$collec2.forEach(function (colitem, colindex) {
+                    var iscolexists = false;
+                    collectiontobevisible === null || collectiontobevisible === void 0 ? void 0 : collectiontobevisible.forEach(function (colitemex, colindexex) {
+                      if (colitemex.collectionid == colitem.collectionid) {
+                        iscolexists = true;
+                      }
+                    });
+                    if (iscolexists == false) {
+                      collectiontobevisible.push(colitem);
+                    }
+                  });
+                }
+              });
+            });
+          });
+          if ((collectiontobevisible === null || collectiontobevisible === void 0 ? void 0 : collectiontobevisible.length) != 0) {
+            setcollectionstobevisible(collectiontobevisible);
+          } else {
+            setcollectionstobevisible(instcollections);
+          }
+        } else {
+          setcollectionstobevisible(instcollections);
+        }
+      } else {
+        setcollectionstobevisible(instcollections);
+      }
+    } else {
+      setcollectionstobevisible(instcollections);
+    }
+  }, [ProductFilterObjContext]);
   React.useEffect(function () {
     if (fetchTabexStatesQueryContext.isSuccess) {
       if (ProductFilterObjContext.stateid != undefined && ProductFilterObjContext.stateid != null && ProductFilterObjContext.stateid != '' && ProductFilterObjContext.stateid != 'all') {
@@ -11697,14 +11778,14 @@ var Filter$1 = function Filter(props) {
       setFetchTabexStatesPayloadobjContext(_objectSpread$1U({}, tempFetchTabexStatesPayloadobjContext));
     }
     if (instfilters.length != 0) {
-      var _ProductFilterObjCont;
+      var _ProductFilterObjCont3;
       var tempinstfilters = _toConsumableArray__default["default"](instfilters);
       tempinstfilters === null || tempinstfilters === void 0 ? void 0 : tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
         instfilteritem.productvaluesfilter.forEach(function (valefilteritem, valefilteritemindex) {
           valefilteritem.isfilterselected = false;
         });
       });
-      ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont = ProductFilterObjContext.FilterOptions) === null || _ProductFilterObjCont === void 0 ? void 0 : _ProductFilterObjCont.forEach(function (filteritem, filterindex) {
+      ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont3 = ProductFilterObjContext.FilterOptions) === null || _ProductFilterObjCont3 === void 0 ? void 0 : _ProductFilterObjCont3.forEach(function (filteritem, filterindex) {
         tempinstfilters === null || tempinstfilters === void 0 ? void 0 : tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
           var _instfilteritem$produ;
           instfilteritem === null || instfilteritem === void 0 ? void 0 : (_instfilteritem$produ = instfilteritem.productvaluesfilter) === null || _instfilteritem$produ === void 0 ? void 0 : _instfilteritem$produ.forEach(function (valefilteritem, valefilteritemindex) {
@@ -11717,7 +11798,7 @@ var Filter$1 = function Filter(props) {
       setinstfilters(_toConsumableArray__default["default"](tempinstfilters));
     }
     if (instcategories.length != 0) {
-      var _ProductFilterObjCont2;
+      var _ProductFilterObjCont4;
       var tempInstcategories = _toConsumableArray__default["default"](instcategories);
       tempInstcategories.forEach(function (catitem, catindex) {
         catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
@@ -11726,7 +11807,7 @@ var Filter$1 = function Filter(props) {
           });
         });
       });
-      ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont2 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont2 === void 0 ? void 0 : _ProductFilterObjCont2.forEach(function (filteritem, filterindex) {
+      ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont4 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont4 === void 0 ? void 0 : _ProductFilterObjCont4.forEach(function (filteritem, filterindex) {
         tempInstcategories.forEach(function (catitem, catindex) {
           catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
             parentcolitem.collections.forEach(function (colitem, colindex) {
@@ -11740,12 +11821,12 @@ var Filter$1 = function Filter(props) {
       setinstcategories(_toConsumableArray__default["default"](tempInstcategories));
     }
     if (instcollections.length != 0) {
-      var _ProductFilterObjCont3;
+      var _ProductFilterObjCont5;
       var tempInstcollections = _toConsumableArray__default["default"](instcollections);
       tempInstcollections.forEach(function (instfilteritem, valefilteritemindex) {
         instfilteritem.isfilterselected = false;
       });
-      ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont3 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont3 === void 0 ? void 0 : _ProductFilterObjCont3.forEach(function (filteritem, filterindex) {
+      ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont5 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont5 === void 0 ? void 0 : _ProductFilterObjCont5.forEach(function (filteritem, filterindex) {
         tempInstcollections === null || tempInstcollections === void 0 ? void 0 : tempInstcollections.forEach(function (instfilteritem, instfilterindex) {
           if (instfilteritem.collectionid == filteritem) {
             instfilteritem.isfilterselected = true;
@@ -11799,6 +11880,7 @@ var Filter$1 = function Filter(props) {
       tempfetchproductsfilerobjcontext.collections.push(collectionid);
     }
     tempfetchproductsfilerobjcontext.page = 0;
+    tempfetchproductsfilerobjcontext.ProductFetchingType = 'Random';
     setProductFilterObjContext(_objectSpread$1U({}, tempfetchproductsfilerobjcontext));
     filterrouting(tempfetchproductsfilerobjcontext);
     // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
@@ -11958,7 +12040,7 @@ var Filter$1 = function Filter(props) {
       className: 'col-lg-12'
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: langdetect == 'en' ? "".concat(filterstyles.timeline, "  ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
-    }, instcollections.map(function (item, index) {
+    }, collectionstobevisible.map(function (item, index) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n                                                                        ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n                                                                        ") + ' d-flex align-items-start pb-3 ',
         onClick: function onClick() {
@@ -11976,7 +12058,18 @@ var Filter$1 = function Filter(props) {
           color: item.isfilterselected ? sectionproperties.activecat_color : ''
         }
       }, langdetect == 'en' ? item.title_en : item.title_ar)));
-    })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
+    })), sectionproperties.showshowallbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 allcentered"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": filter_cssstyles.showallbtn,
+      style: {}
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": "m-0 p-0",
+      onClick: function onClick() {
+        setcollectionstobevisible(instcollections);
+      }
+      // style={{ cursor: 'pointer' }}
+    }, langdetect == 'en' ? sectionproperties.showalltexten : sectionproperties.showalltextar))))))), /*#__PURE__*/React__default["default"].createElement("hr", {
       className: "mt-3 mb-3"
     })));
   };
@@ -12129,6 +12222,14 @@ var Filter$1 = function Filter(props) {
       ':hover': {
         color: sectionproperties.explorebtncoloronhover
       }
+    }),
+    showallbtn: glamor.css({
+      color: sectionproperties.showallcolor,
+      ':hover': {
+        transition: '.3s',
+        cursor: 'pointer',
+        color: sectionproperties.showallcolorhover
+      }
     })
   };
   var filterrouting = function filterrouting(tempfetchproductsfilerobjcontext) {
@@ -12285,7 +12386,8 @@ var Filter$1 = function Filter(props) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 p-0 w-100 filter mt-md-0 ' : 'col-lg-12 p-0 w-100 filter mt-md-0 d-md-none',
     style: {
-      marginTop: sectionproperties.filtersection_mt + 'px'
+      marginTop: sectionproperties.filtersection_mt + 'px',
+      minHeight: sectionproperties.filterminheight == 0 ? 'auto' : sectionproperties.filterminheight + 'vh'
     }
   }, sectionproperties.filterdirection == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
@@ -43162,9 +43264,7 @@ var Twobgimages = function Twobgimages(props) {
       }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
         urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
         publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-        path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ?
-        // 'tr:w-0,h-0' +
-        bgimagearrayofobjs[index].bg1_image : bgimagearrayofobjs[index].bg1_image_ar : '',
+        path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + bgimagearrayofobjs[index].bg1_image : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + bgimagearrayofobjs[index].bg1_image_ar : '',
         className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
         style: {
           height: '100%',
@@ -43184,7 +43284,7 @@ var Twobgimages = function Twobgimages(props) {
       }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
         urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
         publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-        path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? bgimagearrayofobjs[index].bg1_imageresponsive : bgimagearrayofobjs[index].bg1_imageresponsive_ar : '',
+        path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + bgimagearrayofobjs[index].bg1_imageresponsive : '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + bgimagearrayofobjs[index].bg1_imageresponsive_ar : '',
         className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
         style: {
           height: '100%',
@@ -43240,11 +43340,7 @@ var Twobgimages = function Twobgimages(props) {
             }
           }
         }
-      }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ', langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(IoIosArrowRoundForward.IoIosArrowRoundForward, {
-        size: 20
-      }) : /*#__PURE__*/React__default["default"].createElement(IoIosArrowRoundBack.IoIosArrowRoundBack, {
-        size: 20
-      }))), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ')), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-md-12 d-none d-md-flex flex-column mt-auto mb-auto "
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         className: bgcssstyles.text1styles + ' wordbreak m-0 ',
@@ -43458,7 +43554,7 @@ var VideosSection = function VideosSection(props) {
         borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
         height: sectionproperties.image_height + 'px'
       }
-    }, item.linkclicked == true && item.linktype != 'External Link ' && /*#__PURE__*/React__default["default"].createElement(ReactPlayer__default["default"], {
+    }, item.linkclicked == true && item.linktype != 'External Link' && /*#__PURE__*/React__default["default"].createElement(ReactPlayer__default["default"], {
       url: item.url,
       height: sectionproperties.image_height + 'px',
       width: '100%',
@@ -43467,7 +43563,7 @@ var VideosSection = function VideosSection(props) {
       loop: true,
       muted: true,
       playsinline: true
-    }), item.image == null && item.linktype != 'External Link ' && /*#__PURE__*/React__default["default"].createElement(ReactPlayer__default["default"], {
+    }), item.image == null && item.linktype != 'External Link' && /*#__PURE__*/React__default["default"].createElement(ReactPlayer__default["default"], {
       url: item.url,
       height: sectionproperties.image_height + 'px',
       width: '100%',
@@ -47163,6 +47259,8 @@ var Slideshowzoom = function Slideshowzoom(props) {
     cardarrayofobjs = _useState6[0],
     setcardarrayofobjs = _useState6[1];
   var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var routingcountext = props.actions.routingcountext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   React.useEffect(function () {
     if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
@@ -57327,7 +57425,7 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
       fontSize: sectionproperties.pillfontSize + 'px',
       direction: 'ltr'
     }
-  }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')), /*#__PURE__*/React__default["default"].createElement("ul", {
+  }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%')), /*#__PURE__*/React__default["default"].createElement("ul", {
     "class": sectionproperties.transition == 'Bottom' ? "".concat(cardstyles.buttonContainerBottom) + ' m-0 p-0 ' : sectionproperties.transition == 'Center' ? "".concat(cardstyles.buttonContainerCenter) + ' m-0 p-0 ' : "".concat(cardstyles.buttonContainerBottom, " ").concat(cardstyles.buttonContainerBottom_show) + ' m-0 p-0 '
   }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("li", {
     "class": langdetect == 'en' ? 'mr-3 cursor-pointer ' : 'ml-3 cursor-pointer ',

package/dist/index.esm.js

@@ -11547,27 +11547,31 @@ var Filter$1 = function Filter(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     instfilters = _useState4[0],
     setinstfilters = _useState4[1];
-  var _useState5 = useState(_toConsumableArray(authdetailsContext.instinfo.instcollections)),
+  var _useState5 = useState([]),
     _useState6 = _slicedToArray(_useState5, 2),
-    instcollections = _useState6[0],
-    setinstcollections = _useState6[1];
-  var _useState7 = useState(_toConsumableArray(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories)),
+    collectionstobevisible = _useState6[0],
+    setcollectionstobevisible = _useState6[1];
+  var _useState7 = useState(_toConsumableArray(authdetailsContext.instinfo.instcollections)),
     _useState8 = _slicedToArray(_useState7, 2),
-    instcategories = _useState8[0],
-    setinstcategories = _useState8[1];
-  var _useState9 = useState('Sort by'),
-    _useState10 = _slicedToArray(_useState9, 2);
-    _useState10[0];
-    _useState10[1];
-  var _useState11 = useState({
+    instcollections = _useState8[0],
+    setinstcollections = _useState8[1];
+  var _useState9 = useState(_toConsumableArray(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories)),
+    _useState10 = _slicedToArray(_useState9, 2),
+    instcategories = _useState10[0],
+    setinstcategories = _useState10[1];
+  var _useState11 = useState('Sort by'),
+    _useState12 = _slicedToArray(_useState11, 2);
+    _useState12[0];
+    _useState12[1];
+  var _useState13 = useState({
       min: 0,
       max: 5
     }),
-    _useState12 = _slicedToArray(_useState11, 2),
-    raterangevalue = _useState12[0],
-    setraterangevalue = _useState12[1];
+    _useState14 = _slicedToArray(_useState13, 2),
+    raterangevalue = _useState14[0],
+    setraterangevalue = _useState14[1];
   var timeoutRef = React.useRef(null);
-  var _useState13 = useState([{
+  var _useState15 = useState([{
       payloadvalue: 'sortprice',
       name: lang.price,
       filterarray: [{
@@ -11592,9 +11596,9 @@ var Filter$1 = function Filter(props) {
         isfilterselected: false
       }]
     }]),
-    _useState14 = _slicedToArray(_useState13, 2),
-    otherfilters = _useState14[0];
-    _useState14[1];
+    _useState16 = _slicedToArray(_useState15, 2),
+    otherfilters = _useState16[0];
+    _useState16[1];
   useEffect(function () {
     filterupdater();
   }, []);
@@ -11627,6 +11631,83 @@ var Filter$1 = function Filter(props) {
       }
     }, 500);
   }, [raterangevalue]);
+  useEffect(function () {
+    if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.filterretreivetype) == 'Depend on chosen parent group') {
+      if ((ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections) != undefined && (ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections) != null && Array.isArray(ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections)) {
+        var _parentidsfound;
+        var collectiontobevisible = [];
+        var parentidsfound = [];
+        if (ProductFilterObjContext.ProductFetchingType == 'Parent Collection') {
+          parentidsfound = ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections;
+        } else if (ProductFilterObjContext.ProductFetchingType == 'Category') {
+          instcategories === null || instcategories === void 0 ? void 0 : instcategories.forEach(function (catitem, catindex) {
+            var _ProductFilterObjCont;
+            ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont = ProductFilterObjContext.collections) === null || _ProductFilterObjCont === void 0 ? void 0 : _ProductFilterObjCont.forEach(function (colitem2, colindex2) {
+              if (catitem.categoryid == colitem2) {
+                var _catitem$parentcollet;
+                catitem === null || catitem === void 0 ? void 0 : (_catitem$parentcollet = catitem.parentcolletions) === null || _catitem$parentcollet === void 0 ? void 0 : _catitem$parentcollet.forEach(function (parentcolitem, parentcolindex) {
+                  parentidsfound.push(parentcolitem.parentcollectionid);
+                });
+              }
+            });
+          });
+        } else {
+          instcategories === null || instcategories === void 0 ? void 0 : instcategories.forEach(function (catitem, catindex) {
+            var _catitem$parentcollet2;
+            catitem === null || catitem === void 0 ? void 0 : (_catitem$parentcollet2 = catitem.parentcolletions) === null || _catitem$parentcollet2 === void 0 ? void 0 : _catitem$parentcollet2.forEach(function (parentcolitem, parentcolindex) {
+              var _parentcolitem$collec;
+              parentcolitem === null || parentcolitem === void 0 ? void 0 : (_parentcolitem$collec = parentcolitem.collections) === null || _parentcolitem$collec === void 0 ? void 0 : _parentcolitem$collec.forEach(function (colitem, colindex) {
+                var _ProductFilterObjCont2;
+                ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont2 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont2 === void 0 ? void 0 : _ProductFilterObjCont2.forEach(function (colitem2, colindex2) {
+                  if (colitem.collectionid == colitem2) {
+                    parentidsfound.push(parentcolitem.parentcollectionid);
+                  }
+                });
+              });
+            });
+          });
+        }
+        parentidsfound = parentidsfound.filter(function (val, id, array) {
+          return array.indexOf(val) == id;
+        });
+        if (((_parentidsfound = parentidsfound) === null || _parentidsfound === void 0 ? void 0 : _parentidsfound.length) != 0) {
+          instcategories === null || instcategories === void 0 ? void 0 : instcategories.forEach(function (catitem, catindex) {
+            var _catitem$parentcollet3;
+            catitem === null || catitem === void 0 ? void 0 : (_catitem$parentcollet3 = catitem.parentcolletions) === null || _catitem$parentcollet3 === void 0 ? void 0 : _catitem$parentcollet3.forEach(function (parentcolitem, parentcolindex) {
+              var _parentidsfound2;
+              (_parentidsfound2 = parentidsfound) === null || _parentidsfound2 === void 0 ? void 0 : _parentidsfound2.forEach(function (parentidfounditem, parentidfoundindex) {
+                if (parentidfounditem == (parentcolitem === null || parentcolitem === void 0 ? void 0 : parentcolitem.parentcollectionid)) {
+                  var _parentcolitem$collec2;
+                  parentcolitem === null || parentcolitem === void 0 ? void 0 : (_parentcolitem$collec2 = parentcolitem.collections) === null || _parentcolitem$collec2 === void 0 ? void 0 : _parentcolitem$collec2.forEach(function (colitem, colindex) {
+                    var iscolexists = false;
+                    collectiontobevisible === null || collectiontobevisible === void 0 ? void 0 : collectiontobevisible.forEach(function (colitemex, colindexex) {
+                      if (colitemex.collectionid == colitem.collectionid) {
+                        iscolexists = true;
+                      }
+                    });
+                    if (iscolexists == false) {
+                      collectiontobevisible.push(colitem);
+                    }
+                  });
+                }
+              });
+            });
+          });
+          if ((collectiontobevisible === null || collectiontobevisible === void 0 ? void 0 : collectiontobevisible.length) != 0) {
+            setcollectionstobevisible(collectiontobevisible);
+          } else {
+            setcollectionstobevisible(instcollections);
+          }
+        } else {
+          setcollectionstobevisible(instcollections);
+        }
+      } else {
+        setcollectionstobevisible(instcollections);
+      }
+    } else {
+      setcollectionstobevisible(instcollections);
+    }
+  }, [ProductFilterObjContext]);
   useEffect(function () {
     if (fetchTabexStatesQueryContext.isSuccess) {
       if (ProductFilterObjContext.stateid != undefined && ProductFilterObjContext.stateid != null && ProductFilterObjContext.stateid != '' && ProductFilterObjContext.stateid != 'all') {
@@ -11650,14 +11731,14 @@ var Filter$1 = function Filter(props) {
       setFetchTabexStatesPayloadobjContext(_objectSpread$1U({}, tempFetchTabexStatesPayloadobjContext));
     }
     if (instfilters.length != 0) {
-      var _ProductFilterObjCont;
+      var _ProductFilterObjCont3;
       var tempinstfilters = _toConsumableArray(instfilters);
       tempinstfilters === null || tempinstfilters === void 0 ? void 0 : tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
         instfilteritem.productvaluesfilter.forEach(function (valefilteritem, valefilteritemindex) {
           valefilteritem.isfilterselected = false;
         });
       });
-      ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont = ProductFilterObjContext.FilterOptions) === null || _ProductFilterObjCont === void 0 ? void 0 : _ProductFilterObjCont.forEach(function (filteritem, filterindex) {
+      ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont3 = ProductFilterObjContext.FilterOptions) === null || _ProductFilterObjCont3 === void 0 ? void 0 : _ProductFilterObjCont3.forEach(function (filteritem, filterindex) {
         tempinstfilters === null || tempinstfilters === void 0 ? void 0 : tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
           var _instfilteritem$produ;
           instfilteritem === null || instfilteritem === void 0 ? void 0 : (_instfilteritem$produ = instfilteritem.productvaluesfilter) === null || _instfilteritem$produ === void 0 ? void 0 : _instfilteritem$produ.forEach(function (valefilteritem, valefilteritemindex) {
@@ -11670,7 +11751,7 @@ var Filter$1 = function Filter(props) {
       setinstfilters(_toConsumableArray(tempinstfilters));
     }
     if (instcategories.length != 0) {
-      var _ProductFilterObjCont2;
+      var _ProductFilterObjCont4;
       var tempInstcategories = _toConsumableArray(instcategories);
       tempInstcategories.forEach(function (catitem, catindex) {
         catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
@@ -11679,7 +11760,7 @@ var Filter$1 = function Filter(props) {
           });
         });
       });
-      ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont2 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont2 === void 0 ? void 0 : _ProductFilterObjCont2.forEach(function (filteritem, filterindex) {
+      ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont4 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont4 === void 0 ? void 0 : _ProductFilterObjCont4.forEach(function (filteritem, filterindex) {
         tempInstcategories.forEach(function (catitem, catindex) {
           catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
             parentcolitem.collections.forEach(function (colitem, colindex) {
@@ -11693,12 +11774,12 @@ var Filter$1 = function Filter(props) {
       setinstcategories(_toConsumableArray(tempInstcategories));
     }
     if (instcollections.length != 0) {
-      var _ProductFilterObjCont3;
+      var _ProductFilterObjCont5;
       var tempInstcollections = _toConsumableArray(instcollections);
       tempInstcollections.forEach(function (instfilteritem, valefilteritemindex) {
         instfilteritem.isfilterselected = false;
       });
-      ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont3 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont3 === void 0 ? void 0 : _ProductFilterObjCont3.forEach(function (filteritem, filterindex) {
+      ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont5 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont5 === void 0 ? void 0 : _ProductFilterObjCont5.forEach(function (filteritem, filterindex) {
         tempInstcollections === null || tempInstcollections === void 0 ? void 0 : tempInstcollections.forEach(function (instfilteritem, instfilterindex) {
           if (instfilteritem.collectionid == filteritem) {
             instfilteritem.isfilterselected = true;
@@ -11752,6 +11833,7 @@ var Filter$1 = function Filter(props) {
       tempfetchproductsfilerobjcontext.collections.push(collectionid);
     }
     tempfetchproductsfilerobjcontext.page = 0;
+    tempfetchproductsfilerobjcontext.ProductFetchingType = 'Random';
     setProductFilterObjContext(_objectSpread$1U({}, tempfetchproductsfilerobjcontext));
     filterrouting(tempfetchproductsfilerobjcontext);
     // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
@@ -11911,7 +11993,7 @@ var Filter$1 = function Filter(props) {
       className: 'col-lg-12'
     }, /*#__PURE__*/React.createElement("div", {
       className: langdetect == 'en' ? "".concat(filterstyles.timeline, "  ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
-    }, instcollections.map(function (item, index) {
+    }, collectionstobevisible.map(function (item, index) {
       return /*#__PURE__*/React.createElement("div", {
         className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n                                                                        ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n                                                                        ") + ' d-flex align-items-start pb-3 ',
         onClick: function onClick() {
@@ -11929,7 +12011,18 @@ var Filter$1 = function Filter(props) {
           color: item.isfilterselected ? sectionproperties.activecat_color : ''
         }
       }, langdetect == 'en' ? item.title_en : item.title_ar)));
-    })))))), /*#__PURE__*/React.createElement("hr", {
+    })), sectionproperties.showshowallbtn == 'Show' && /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 allcentered"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": filter_cssstyles.showallbtn,
+      style: {}
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "m-0 p-0",
+      onClick: function onClick() {
+        setcollectionstobevisible(instcollections);
+      }
+      // style={{ cursor: 'pointer' }}
+    }, langdetect == 'en' ? sectionproperties.showalltexten : sectionproperties.showalltextar))))))), /*#__PURE__*/React.createElement("hr", {
       className: "mt-3 mb-3"
     })));
   };
@@ -12082,6 +12175,14 @@ var Filter$1 = function Filter(props) {
       ':hover': {
         color: sectionproperties.explorebtncoloronhover
       }
+    }),
+    showallbtn: css({
+      color: sectionproperties.showallcolor,
+      ':hover': {
+        transition: '.3s',
+        cursor: 'pointer',
+        color: sectionproperties.showallcolorhover
+      }
     })
   };
   var filterrouting = function filterrouting(tempfetchproductsfilerobjcontext) {
@@ -12238,7 +12339,8 @@ var Filter$1 = function Filter(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 p-0 w-100 filter mt-md-0 ' : 'col-lg-12 p-0 w-100 filter mt-md-0 d-md-none',
     style: {
-      marginTop: sectionproperties.filtersection_mt + 'px'
+      marginTop: sectionproperties.filtersection_mt + 'px',
+      minHeight: sectionproperties.filterminheight == 0 ? 'auto' : sectionproperties.filterminheight + 'vh'
     }
   }, sectionproperties.filterdirection == 'Horizontal' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
@@ -43115,9 +43217,7 @@ var Twobgimages = function Twobgimages(props) {
       }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
         urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
         publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-        path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ?
-        // 'tr:w-0,h-0' +
-        bgimagearrayofobjs[index].bg1_image : bgimagearrayofobjs[index].bg1_image_ar : '',
+        path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + bgimagearrayofobjs[index].bg1_image : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + bgimagearrayofobjs[index].bg1_image_ar : '',
         className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
         style: {
           height: '100%',
@@ -43137,7 +43237,7 @@ var Twobgimages = function Twobgimages(props) {
       }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
         urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
         publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-        path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? bgimagearrayofobjs[index].bg1_imageresponsive : bgimagearrayofobjs[index].bg1_imageresponsive_ar : '',
+        path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + bgimagearrayofobjs[index].bg1_imageresponsive : '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + bgimagearrayofobjs[index].bg1_imageresponsive_ar : '',
         className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
         style: {
           height: '100%',
@@ -43193,11 +43293,7 @@ var Twobgimages = function Twobgimages(props) {
             }
           }
         }
-      }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ', langdetect == 'en' ? /*#__PURE__*/React.createElement(IoIosArrowRoundForward, {
-        size: 20
-      }) : /*#__PURE__*/React.createElement(IoIosArrowRoundBack, {
-        size: 20
-      }))), /*#__PURE__*/React.createElement("div", {
+      }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ')), /*#__PURE__*/React.createElement("div", {
         className: "col-md-12 d-none d-md-flex flex-column mt-auto mb-auto "
       }, /*#__PURE__*/React.createElement("p", {
         className: bgcssstyles.text1styles + ' wordbreak m-0 ',
@@ -43411,7 +43507,7 @@ var VideosSection = function VideosSection(props) {
         borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
         height: sectionproperties.image_height + 'px'
       }
-    }, item.linkclicked == true && item.linktype != 'External Link ' && /*#__PURE__*/React.createElement(ReactPlayer, {
+    }, item.linkclicked == true && item.linktype != 'External Link' && /*#__PURE__*/React.createElement(ReactPlayer, {
       url: item.url,
       height: sectionproperties.image_height + 'px',
       width: '100%',
@@ -43420,7 +43516,7 @@ var VideosSection = function VideosSection(props) {
       loop: true,
       muted: true,
       playsinline: true
-    }), item.image == null && item.linktype != 'External Link ' && /*#__PURE__*/React.createElement(ReactPlayer, {
+    }), item.image == null && item.linktype != 'External Link' && /*#__PURE__*/React.createElement(ReactPlayer, {
       url: item.url,
       height: sectionproperties.image_height + 'px',
       width: '100%',
@@ -47116,6 +47212,8 @@ var Slideshowzoom = function Slideshowzoom(props) {
     cardarrayofobjs = _useState6[0],
     setcardarrayofobjs = _useState6[1];
   var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var routingcountext = props.actions.routingcountext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   useEffect(function () {
     if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
@@ -57280,7 +57378,7 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
       fontSize: sectionproperties.pillfontSize + 'px',
       direction: 'ltr'
     }
-  }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')), /*#__PURE__*/React.createElement("ul", {
+  }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%')), /*#__PURE__*/React.createElement("ul", {
     "class": sectionproperties.transition == 'Bottom' ? "".concat(cardstyles.buttonContainerBottom) + ' m-0 p-0 ' : sectionproperties.transition == 'Center' ? "".concat(cardstyles.buttonContainerCenter) + ' m-0 p-0 ' : "".concat(cardstyles.buttonContainerBottom, " ").concat(cardstyles.buttonContainerBottom_show) + ' m-0 p-0 '
   }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("li", {
     "class": langdetect == 'en' ? 'mr-3 cursor-pointer ' : 'ml-3 cursor-pointer ',

package/dist/index.umd.js

@@ -11437,27 +11437,31 @@
         _useState4 = _slicedToArray__default["default"](_useState3, 2),
         instfilters = _useState4[0],
         setinstfilters = _useState4[1];
-      var _useState5 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instcollections)),
+      var _useState5 = React.useState([]),
         _useState6 = _slicedToArray__default["default"](_useState5, 2),
-        instcollections = _useState6[0],
-        setinstcollections = _useState6[1];
-      var _useState7 = React.useState(_toConsumableArray__default["default"](authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories)),
+        collectionstobevisible = _useState6[0],
+        setcollectionstobevisible = _useState6[1];
+      var _useState7 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instcollections)),
         _useState8 = _slicedToArray__default["default"](_useState7, 2),
-        instcategories = _useState8[0],
-        setinstcategories = _useState8[1];
-      var _useState9 = React.useState('Sort by'),
-        _useState10 = _slicedToArray__default["default"](_useState9, 2);
-        _useState10[0];
-        _useState10[1];
-      var _useState11 = React.useState({
+        instcollections = _useState8[0],
+        setinstcollections = _useState8[1];
+      var _useState9 = React.useState(_toConsumableArray__default["default"](authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories)),
+        _useState10 = _slicedToArray__default["default"](_useState9, 2),
+        instcategories = _useState10[0],
+        setinstcategories = _useState10[1];
+      var _useState11 = React.useState('Sort by'),
+        _useState12 = _slicedToArray__default["default"](_useState11, 2);
+        _useState12[0];
+        _useState12[1];
+      var _useState13 = React.useState({
           min: 0,
           max: 5
         }),
-        _useState12 = _slicedToArray__default["default"](_useState11, 2),
-        raterangevalue = _useState12[0],
-        setraterangevalue = _useState12[1];
+        _useState14 = _slicedToArray__default["default"](_useState13, 2),
+        raterangevalue = _useState14[0],
+        setraterangevalue = _useState14[1];
       var timeoutRef = React__default["default"].useRef(null);
-      var _useState13 = React.useState([{
+      var _useState15 = React.useState([{
           payloadvalue: 'sortprice',
           name: lang.price,
           filterarray: [{
@@ -11482,9 +11486,9 @@
             isfilterselected: false
           }]
         }]),
-        _useState14 = _slicedToArray__default["default"](_useState13, 2),
-        otherfilters = _useState14[0];
-        _useState14[1];
+        _useState16 = _slicedToArray__default["default"](_useState15, 2),
+        otherfilters = _useState16[0];
+        _useState16[1];
       React.useEffect(function () {
         filterupdater();
       }, []);
@@ -11517,6 +11521,83 @@
           }
         }, 500);
       }, [raterangevalue]);
+      React.useEffect(function () {
+        if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.filterretreivetype) == 'Depend on chosen parent group') {
+          if ((ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections) != undefined && (ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections) != null && Array.isArray(ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections)) {
+            var _parentidsfound;
+            var collectiontobevisible = [];
+            var parentidsfound = [];
+            if (ProductFilterObjContext.ProductFetchingType == 'Parent Collection') {
+              parentidsfound = ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections;
+            } else if (ProductFilterObjContext.ProductFetchingType == 'Category') {
+              instcategories === null || instcategories === void 0 ? void 0 : instcategories.forEach(function (catitem, catindex) {
+                var _ProductFilterObjCont;
+                ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont = ProductFilterObjContext.collections) === null || _ProductFilterObjCont === void 0 ? void 0 : _ProductFilterObjCont.forEach(function (colitem2, colindex2) {
+                  if (catitem.categoryid == colitem2) {
+                    var _catitem$parentcollet;
+                    catitem === null || catitem === void 0 ? void 0 : (_catitem$parentcollet = catitem.parentcolletions) === null || _catitem$parentcollet === void 0 ? void 0 : _catitem$parentcollet.forEach(function (parentcolitem, parentcolindex) {
+                      parentidsfound.push(parentcolitem.parentcollectionid);
+                    });
+                  }
+                });
+              });
+            } else {
+              instcategories === null || instcategories === void 0 ? void 0 : instcategories.forEach(function (catitem, catindex) {
+                var _catitem$parentcollet2;
+                catitem === null || catitem === void 0 ? void 0 : (_catitem$parentcollet2 = catitem.parentcolletions) === null || _catitem$parentcollet2 === void 0 ? void 0 : _catitem$parentcollet2.forEach(function (parentcolitem, parentcolindex) {
+                  var _parentcolitem$collec;
+                  parentcolitem === null || parentcolitem === void 0 ? void 0 : (_parentcolitem$collec = parentcolitem.collections) === null || _parentcolitem$collec === void 0 ? void 0 : _parentcolitem$collec.forEach(function (colitem, colindex) {
+                    var _ProductFilterObjCont2;
+                    ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont2 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont2 === void 0 ? void 0 : _ProductFilterObjCont2.forEach(function (colitem2, colindex2) {
+                      if (colitem.collectionid == colitem2) {
+                        parentidsfound.push(parentcolitem.parentcollectionid);
+                      }
+                    });
+                  });
+                });
+              });
+            }
+            parentidsfound = parentidsfound.filter(function (val, id, array) {
+              return array.indexOf(val) == id;
+            });
+            if (((_parentidsfound = parentidsfound) === null || _parentidsfound === void 0 ? void 0 : _parentidsfound.length) != 0) {
+              instcategories === null || instcategories === void 0 ? void 0 : instcategories.forEach(function (catitem, catindex) {
+                var _catitem$parentcollet3;
+                catitem === null || catitem === void 0 ? void 0 : (_catitem$parentcollet3 = catitem.parentcolletions) === null || _catitem$parentcollet3 === void 0 ? void 0 : _catitem$parentcollet3.forEach(function (parentcolitem, parentcolindex) {
+                  var _parentidsfound2;
+                  (_parentidsfound2 = parentidsfound) === null || _parentidsfound2 === void 0 ? void 0 : _parentidsfound2.forEach(function (parentidfounditem, parentidfoundindex) {
+                    if (parentidfounditem == (parentcolitem === null || parentcolitem === void 0 ? void 0 : parentcolitem.parentcollectionid)) {
+                      var _parentcolitem$collec2;
+                      parentcolitem === null || parentcolitem === void 0 ? void 0 : (_parentcolitem$collec2 = parentcolitem.collections) === null || _parentcolitem$collec2 === void 0 ? void 0 : _parentcolitem$collec2.forEach(function (colitem, colindex) {
+                        var iscolexists = false;
+                        collectiontobevisible === null || collectiontobevisible === void 0 ? void 0 : collectiontobevisible.forEach(function (colitemex, colindexex) {
+                          if (colitemex.collectionid == colitem.collectionid) {
+                            iscolexists = true;
+                          }
+                        });
+                        if (iscolexists == false) {
+                          collectiontobevisible.push(colitem);
+                        }
+                      });
+                    }
+                  });
+                });
+              });
+              if ((collectiontobevisible === null || collectiontobevisible === void 0 ? void 0 : collectiontobevisible.length) != 0) {
+                setcollectionstobevisible(collectiontobevisible);
+              } else {
+                setcollectionstobevisible(instcollections);
+              }
+            } else {
+              setcollectionstobevisible(instcollections);
+            }
+          } else {
+            setcollectionstobevisible(instcollections);
+          }
+        } else {
+          setcollectionstobevisible(instcollections);
+        }
+      }, [ProductFilterObjContext]);
       React.useEffect(function () {
         if (fetchTabexStatesQueryContext.isSuccess) {
           if (ProductFilterObjContext.stateid != undefined && ProductFilterObjContext.stateid != null && ProductFilterObjContext.stateid != '' && ProductFilterObjContext.stateid != 'all') {
@@ -11540,14 +11621,14 @@
           setFetchTabexStatesPayloadobjContext(_objectSpread$1U({}, tempFetchTabexStatesPayloadobjContext));
         }
         if (instfilters.length != 0) {
-          var _ProductFilterObjCont;
+          var _ProductFilterObjCont3;
           var tempinstfilters = _toConsumableArray__default["default"](instfilters);
           tempinstfilters === null || tempinstfilters === void 0 ? void 0 : tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
             instfilteritem.productvaluesfilter.forEach(function (valefilteritem, valefilteritemindex) {
               valefilteritem.isfilterselected = false;
             });
           });
-          ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont = ProductFilterObjContext.FilterOptions) === null || _ProductFilterObjCont === void 0 ? void 0 : _ProductFilterObjCont.forEach(function (filteritem, filterindex) {
+          ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont3 = ProductFilterObjContext.FilterOptions) === null || _ProductFilterObjCont3 === void 0 ? void 0 : _ProductFilterObjCont3.forEach(function (filteritem, filterindex) {
             tempinstfilters === null || tempinstfilters === void 0 ? void 0 : tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
               var _instfilteritem$produ;
               instfilteritem === null || instfilteritem === void 0 ? void 0 : (_instfilteritem$produ = instfilteritem.productvaluesfilter) === null || _instfilteritem$produ === void 0 ? void 0 : _instfilteritem$produ.forEach(function (valefilteritem, valefilteritemindex) {
@@ -11560,7 +11641,7 @@
           setinstfilters(_toConsumableArray__default["default"](tempinstfilters));
         }
         if (instcategories.length != 0) {
-          var _ProductFilterObjCont2;
+          var _ProductFilterObjCont4;
           var tempInstcategories = _toConsumableArray__default["default"](instcategories);
           tempInstcategories.forEach(function (catitem, catindex) {
             catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
@@ -11569,7 +11650,7 @@
               });
             });
           });
-          ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont2 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont2 === void 0 ? void 0 : _ProductFilterObjCont2.forEach(function (filteritem, filterindex) {
+          ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont4 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont4 === void 0 ? void 0 : _ProductFilterObjCont4.forEach(function (filteritem, filterindex) {
             tempInstcategories.forEach(function (catitem, catindex) {
               catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
                 parentcolitem.collections.forEach(function (colitem, colindex) {
@@ -11583,12 +11664,12 @@
           setinstcategories(_toConsumableArray__default["default"](tempInstcategories));
         }
         if (instcollections.length != 0) {
-          var _ProductFilterObjCont3;
+          var _ProductFilterObjCont5;
           var tempInstcollections = _toConsumableArray__default["default"](instcollections);
           tempInstcollections.forEach(function (instfilteritem, valefilteritemindex) {
             instfilteritem.isfilterselected = false;
           });
-          ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont3 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont3 === void 0 ? void 0 : _ProductFilterObjCont3.forEach(function (filteritem, filterindex) {
+          ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : (_ProductFilterObjCont5 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont5 === void 0 ? void 0 : _ProductFilterObjCont5.forEach(function (filteritem, filterindex) {
             tempInstcollections === null || tempInstcollections === void 0 ? void 0 : tempInstcollections.forEach(function (instfilteritem, instfilterindex) {
               if (instfilteritem.collectionid == filteritem) {
                 instfilteritem.isfilterselected = true;
@@ -11642,6 +11723,7 @@
           tempfetchproductsfilerobjcontext.collections.push(collectionid);
         }
         tempfetchproductsfilerobjcontext.page = 0;
+        tempfetchproductsfilerobjcontext.ProductFetchingType = 'Random';
         setProductFilterObjContext(_objectSpread$1U({}, tempfetchproductsfilerobjcontext));
         filterrouting(tempfetchproductsfilerobjcontext);
         // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
@@ -11801,7 +11883,7 @@
           className: 'col-lg-12'
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: langdetect == 'en' ? "".concat(filterstyles.timeline, "  ").concat(filterstyles.timelinetrans) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
-        }, instcollections.map(function (item, index) {
+        }, collectionstobevisible.map(function (item, index) {
           return /*#__PURE__*/React__default["default"].createElement("div", {
             className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n                                                                        ").concat(item.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n                                                                        ") + ' d-flex align-items-start pb-3 ',
             onClick: function onClick() {
@@ -11819,7 +11901,18 @@
               color: item.isfilterselected ? sectionproperties.activecat_color : ''
             }
           }, langdetect == 'en' ? item.title_en : item.title_ar)));
-        })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
+        })), sectionproperties.showshowallbtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 allcentered"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": filter_cssstyles.showallbtn,
+          style: {}
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": "m-0 p-0",
+          onClick: function onClick() {
+            setcollectionstobevisible(instcollections);
+          }
+          // style={{ cursor: 'pointer' }}
+        }, langdetect == 'en' ? sectionproperties.showalltexten : sectionproperties.showalltextar))))))), /*#__PURE__*/React__default["default"].createElement("hr", {
           className: "mt-3 mb-3"
         })));
       };
@@ -11972,6 +12065,14 @@
           ':hover': {
             color: sectionproperties.explorebtncoloronhover
           }
+        }),
+        showallbtn: glamor.css({
+          color: sectionproperties.showallcolor,
+          ':hover': {
+            transition: '.3s',
+            cursor: 'pointer',
+            color: sectionproperties.showallcolorhover
+          }
         })
       };
       var filterrouting = function filterrouting(tempfetchproductsfilerobjcontext) {
@@ -12128,7 +12229,8 @@
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 p-0 w-100 filter mt-md-0 ' : 'col-lg-12 p-0 w-100 filter mt-md-0 d-md-none',
         style: {
-          marginTop: sectionproperties.filtersection_mt + 'px'
+          marginTop: sectionproperties.filtersection_mt + 'px',
+          minHeight: sectionproperties.filterminheight == 0 ? 'auto' : sectionproperties.filterminheight + 'vh'
         }
       }, sectionproperties.filterdirection == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100"
@@ -43005,9 +43107,7 @@
           }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
             urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
             publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-            path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ?
-            // 'tr:w-0,h-0' +
-            bgimagearrayofobjs[index].bg1_image : bgimagearrayofobjs[index].bg1_image_ar : '',
+            path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + bgimagearrayofobjs[index].bg1_image : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + bgimagearrayofobjs[index].bg1_image_ar : '',
             className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
             style: {
               height: '100%',
@@ -43027,7 +43127,7 @@
           }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
             urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
             publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-            path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? bgimagearrayofobjs[index].bg1_imageresponsive : bgimagearrayofobjs[index].bg1_imageresponsive_ar : '',
+            path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + bgimagearrayofobjs[index].bg1_imageresponsive : '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + bgimagearrayofobjs[index].bg1_imageresponsive_ar : '',
             className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
             style: {
               height: '100%',
@@ -43083,11 +43183,7 @@
                 }
               }
             }
-          }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ', langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(IoIosArrowRoundForward.IoIosArrowRoundForward, {
-            size: 20
-          }) : /*#__PURE__*/React__default["default"].createElement(IoIosArrowRoundBack.IoIosArrowRoundBack, {
-            size: 20
-          }))), /*#__PURE__*/React__default["default"].createElement("div", {
+          }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ')), /*#__PURE__*/React__default["default"].createElement("div", {
             className: "col-md-12 d-none d-md-flex flex-column mt-auto mb-auto "
           }, /*#__PURE__*/React__default["default"].createElement("p", {
             className: bgcssstyles.text1styles + ' wordbreak m-0 ',
@@ -43301,7 +43397,7 @@
             borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
             height: sectionproperties.image_height + 'px'
           }
-        }, item.linkclicked == true && item.linktype != 'External Link ' && /*#__PURE__*/React__default["default"].createElement(ReactPlayer__default["default"], {
+        }, item.linkclicked == true && item.linktype != 'External Link' && /*#__PURE__*/React__default["default"].createElement(ReactPlayer__default["default"], {
           url: item.url,
           height: sectionproperties.image_height + 'px',
           width: '100%',
@@ -43310,7 +43406,7 @@
           loop: true,
           muted: true,
           playsinline: true
-        }), item.image == null && item.linktype != 'External Link ' && /*#__PURE__*/React__default["default"].createElement(ReactPlayer__default["default"], {
+        }), item.image == null && item.linktype != 'External Link' && /*#__PURE__*/React__default["default"].createElement(ReactPlayer__default["default"], {
           url: item.url,
           height: sectionproperties.image_height + 'px',
           width: '100%',
@@ -47006,6 +47102,8 @@
         cardarrayofobjs = _useState6[0],
         setcardarrayofobjs = _useState6[1];
       var ikimagecredcontext = props.actions.ikimagecredcontext;
+      var routingcountext = props.actions.routingcountext;
+      var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
       React.useEffect(function () {
         if (props.srcfrom == 'addsectionform') {
           var secpropobj = {};
@@ -57170,7 +57268,7 @@
           fontSize: sectionproperties.pillfontSize + 'px',
           direction: 'ltr'
         }
-      }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')), /*#__PURE__*/React__default["default"].createElement("ul", {
+      }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%')), /*#__PURE__*/React__default["default"].createElement("ul", {
         "class": sectionproperties.transition == 'Bottom' ? "".concat(cardstyles.buttonContainerBottom) + ' m-0 p-0 ' : sectionproperties.transition == 'Center' ? "".concat(cardstyles.buttonContainerCenter) + ' m-0 p-0 ' : "".concat(cardstyles.buttonContainerBottom, " ").concat(cardstyles.buttonContainerBottom_show) + ' m-0 p-0 '
       }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("li", {
         "class": langdetect == 'en' ? 'mr-3 cursor-pointer ' : 'ml-3 cursor-pointer ',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.0.314",
+    "version": "0.0.316",
     "description": "your description",
     "main": "dist/index.cjs.js",
     "scripts": {