tabexseriescomponents 0.0.455 → 0.0.458

package/dist/index.cjs.js

@@ -86,6 +86,7 @@ var IoBagRemoveOutline = require('@react-icons/all-files/io5/IoBagRemoveOutline'
 var InputRange = require('react-input-range');
 var reactIntersectionObserver = require('react-intersection-observer');
 var FiFilter = require('@react-icons/all-files/fi/FiFilter');
+var FiSliders = require('@react-icons/all-files/fi/FiSliders');
 var FiChevronLeft = require('@react-icons/all-files/fi/FiChevronLeft');
 var FiChevronRight = require('@react-icons/all-files/fi/FiChevronRight');
 var HiOutlineArrowRight = require('@react-icons/all-files/hi/HiOutlineArrowRight');
@@ -14239,13 +14240,28 @@ var Filter$1 = function Filter(props) {
   }, [raterangevalue]);
   React.useEffect(function () {
     if (fetchCategoriesQueryContext.isSuccess && fetchcollectionsQueryContext.isSuccess) {
+      var parentcollections_for_collectionsFilter = null;
+      var IsValid_parentcollections_for_collectionsFilter = false;
+      if (ProductFilterObjContext.parentcollections_for_collectionsFilter != undefined && ProductFilterObjContext.parentcollections_for_collectionsFilter != null && Array.isArray(ProductFilterObjContext.parentcollections_for_collectionsFilter)) {
+        parentcollections_for_collectionsFilter = ProductFilterObjContext.parentcollections_for_collectionsFilter;
+      }
+      if (parentcollections_for_collectionsFilter != null && Array.isArray(parentcollections_for_collectionsFilter) && parentcollections_for_collectionsFilter.length != 0) {
+        // parentcollections_for_collectionsFilter?.forEach(function(item,index){
+        //     if(item.)
+        // })
+        IsValid_parentcollections_for_collectionsFilter = true;
+      }
       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;
+          if (ProductFilterObjContext.ProductFetchingType == 'Parent Collection' || IsValid_parentcollections_for_collectionsFilter == true) {
+            if (parentcollections_for_collectionsFilter != null) {
+              parentidsfound = parentcollections_for_collectionsFilter;
+            } else {
+              parentidsfound = ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections;
+            }
           } else if (ProductFilterObjContext.ProductFetchingType == 'Category') {
             instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
               var _ProductFilterObjCont;
@@ -14439,6 +14455,9 @@ var Filter$1 = function Filter(props) {
     var _tempfetchproductsfil2;
     var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
     var CollectionExists = false;
+    if (tempfetchproductsfilerobjcontext.ProductFetchingType == 'Parent Collection' && tempfetchproductsfilerobjcontext.parentcollections_for_collectionsFilter == undefined) {
+      tempfetchproductsfilerobjcontext.parentcollections_for_collectionsFilter = tempfetchproductsfilerobjcontext.collections;
+    }
     tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil2 = tempfetchproductsfilerobjcontext.collections) === null || _tempfetchproductsfil2 === void 0 || _tempfetchproductsfil2.forEach(function (filteritem, filterindex) {
       if (filteritem == collectionid) {
         CollectionExists = true;
@@ -15889,10 +15908,42 @@ var Filter$1 = function Filter(props) {
       borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
     },
     backdrop: true
-  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Header, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Title, null, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Header, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Title, null, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "allcentered",
+    style: {
+      position: 'absolute',
+      left: -34,
+      top: 5,
+      width: 30,
+      height: 30,
+      background: '#000'
+    },
+    onClick: function onClick() {
+      props.setopenFilterSlider(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
+    color: '#fff',
+    size: 16
+  })), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "allcentered",
+    style: {
+      position: 'absolute',
+      right: -34,
+      top: 5,
+      width: 30,
+      height: 30,
+      background: '#000'
+    },
+    onClick: function onClick() {
+      props.setopenFilterSlider(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
+    color: '#fff',
+    size: 16
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 mt-2"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-9 col-md-9 col-sm-9 d-none align-items-center d-md-flex"
+    className: "col-12 d-none justify-content-center align-items-center d-md-flex my-2"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     className: "m-0 p-0  font-16 font-weight-600",
     style: {
@@ -15901,21 +15952,7 @@ var Filter$1 = function Filter(props) {
       fontWeight: sectionproperties.filter_titlefontweight,
       textTransform: sectionproperties.filter_titletextransform
     }
-  }, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-3 col-md-3 col-sm-3 d-none d-md-flex align-items-center justify-content-end p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(filterstyles.close_menu_icon_cont, " ").concat(filter_cssstyles.close_menu_icon_cont) + ' d-none d-md-flex align-items-center justify-content-center ',
-    onClick: function onClick() {
-      props.setopenFilterSlider(false);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("i", {
-    className: "h-100 d-flex align-items-center justify-content-center"
-  }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
-    size: sectionproperties.closeSlider_fontSize,
-    style: {
-      color: sectionproperties.closeSlider_color
-    }
-  })))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? 'Filter & Sort' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12"
   }, /*#__PURE__*/React__default["default"].createElement("hr", {
     "class": "mt-2 mb-2"
@@ -16632,6 +16669,14 @@ var CardsSection = function CardsSection(props) {
           });
         }
         cardobj.image = arrayItem.productinfo.productmainimage;
+        cardobj.producttags = arrayItem.tags;
+        if (langdetect == 'en') {
+          var _arrayItem$features;
+          cardobj.productfeature = arrayItem === null || arrayItem === void 0 || (_arrayItem$features = arrayItem.features) === null || _arrayItem$features === void 0 ? void 0 : _arrayItem$features.value_en;
+        } else {
+          var _arrayItem$features2;
+          cardobj.productfeature = arrayItem === null || arrayItem === void 0 || (_arrayItem$features2 = arrayItem.features) === null || _arrayItem$features2 === void 0 ? void 0 : _arrayItem$features2.value_ar;
+        }
         cardobj.hassale = arrayItem.productinfo.hassale;
         cardobj.productid = arrayItem.productinfo.productid;
         cardobj.hasvariants = arrayItem.productinfo.hasvariants;
@@ -16678,6 +16723,8 @@ var CardsSection = function CardsSection(props) {
           cardobj.description = arrayItem.description_ar;
         }
         cardobj.image = arrayItem.collectionlogo;
+        cardobj.producttags = [];
+        cardobj.productfeatures = [];
       } else if (fetchingtype == 'categories') {
         cardobj.collectionid = arrayItem.categoryid;
         cardobj.skiplayeronclick = arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.skiplayeronclick;
@@ -16689,6 +16736,8 @@ var CardsSection = function CardsSection(props) {
           cardobj.description = arrayItem.description_ar;
         }
         cardobj.image = arrayItem.categorylogo;
+        cardobj.producttags = [];
+        cardobj.productfeatures = [];
       } else if (fetchingtype == 'parentcollections' || fetchingtype == 'innercategories') {
         cardobj.collectionid = arrayItem.parentcollectionid;
         cardobj.skiplayeronclick = arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.skiplayeronclick;
@@ -16700,10 +16749,17 @@ var CardsSection = function CardsSection(props) {
           cardobj.description = arrayItem.description_ar;
         }
         cardobj.image = arrayItem.parentcollectionlogo;
-      } else if (fetchingtype == 'custom') ; else if (fetchingtype == 'vendors') {
+        cardobj.producttags = [];
+        cardobj.productfeatures = [];
+      } else if (fetchingtype == 'custom') {
+        cardobj.producttags = [];
+        cardobj.productfeatures = [];
+      } else if (fetchingtype == 'vendors') {
         cardobj.name = arrayItem.vendorname;
         cardobj.collectionid = arrayItem.vendorid;
         cardobj.image = arrayItem.vendorlogourl;
+        cardobj.producttags = [];
+        cardobj.productfeatures = [];
       }
       temparray.push(cardobj);
     });
@@ -17203,7 +17259,7 @@ var CardsSection = function CardsSection(props) {
     }) : /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowLeft.HiOutlineArrowLeft, {
       size: sectionproperties.viewmoreiconfontsizeresp,
       color: sectionproperties.viewmorebtn_Textcolor
-    })))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && /*#__PURE__*/React__default["default"].createElement("button", {
+    })))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && sectionproperties.filterbtnstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("button", {
       "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
       onClick: function onClick() {
         setopenFilterSlider(true);
@@ -17219,11 +17275,31 @@ var CardsSection = function CardsSection(props) {
       }
     }, langdetect == 'en' ? sectionproperties.filterbtntexten : sectionproperties.filterbtntextar), sectionproperties.filterbtniconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement("i", {
       "class": "h-100 d-flex align-items-center justify-content-center"
-    }, /*#__PURE__*/React__default["default"].createElement(FiFilter.FiFilter, {
+    }, /*#__PURE__*/React__default["default"].createElement(BsSliders, {
       style: {
         fontSize: sectionproperties.filterbtniconfontsize
       }
-    })))))), sectionproperties.showseparator == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    })))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && sectionproperties.filterbtnstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("button", {
+      "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
+      onClick: function onClick() {
+        setopenFilterSlider(true);
+      },
+      style: {
+        color: sectionproperties.filterbtn_Textcolor
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("i", {
+      "class": "h-100 d-flex align-items-center justify-content-center",
+      style: {
+        transform: 'rotate(90deg)'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(FiSliders.FiSliders, {
+      style: {
+        fontSize: 15,
+        color: sectionproperties.filterbtn_Textcolor
+      }
+    })), /*#__PURE__*/React__default["default"].createElement("span", {
+      "class": "mx-2"
+    }, langdetect == 'en' ? 'Filter & Sort By' : 'فلتر')))), sectionproperties.showseparator == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0"
     }, /*#__PURE__*/React__default["default"].createElement("hr", {
       "class": "mt-3 mb-2",
@@ -28948,7 +29024,7 @@ var Header8 = function Header8(props) {
       borderBottomRightRadius: langdetect == 'en' ? 0 : '',
       borderBottomLeftRadius: langdetect == 'ar' ? 0 : '',
       borderTopLeftRadius: langdetect == 'ar' ? 0 : '',
-      zIndex: 100
+      zIndex: 100000
     }
   }, /*#__PURE__*/React__default["default"].createElement("li", {
     "class": langdetect == 'en' ? 'dropdown dropdownen w-100' : 'dropdown dropdownar w-100'
@@ -71525,6 +71601,7 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
 function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Simpleproductcard = function Simpleproductcard(props) {
+  var _item$producttags, _item$producttags$;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -71869,7 +71946,26 @@ var Simpleproductcard = function Simpleproductcard(props) {
       fontSize: sectionproperties.pillfontSize + 'px',
       direction: 'ltr'
     }
-  }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags = item.producttags) === null || _item$producttags === void 0 ? void 0 : _item$producttags.length) != 0 && sectionproperties.showtag == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "allcentered",
+    style: {
+      position: 'absolute',
+      bottom: 20,
+      width: '100%',
+      left: 0,
+      right: 0,
+      zIndex: 100
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "px-3 py-1",
+    style: {
+      width: 'fit-content',
+      background: sectionproperties.tagbackgroundcolor,
+      borderRadius: sectionproperties.tagborderradius + 'px',
+      color: sectionproperties.tagcolor,
+      fontSize: 12
+    }
+  }, item === null || item === void 0 || (_item$producttags$ = item.producttags[0]) === null || _item$producttags$ === void 0 || (_item$producttags$ = _item$producttags$.taginfo) === null || _item$producttags$ === void 0 ? void 0 : _item$producttags$.tagname)), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex d-md-none ',
     style: {
       marginBottom: sectionproperties.image_mb + 'px'
@@ -71892,7 +71988,18 @@ var Simpleproductcard = function Simpleproductcard(props) {
     "class": "m-0 p-0"
   }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 "
-  }, sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, sectionproperties.showfeatures == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "allcentered col-lg-12 p-0",
+    style: {
+      height: 40
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "text-capitalize",
+    style: {
+      color: sectionproperties.tagcolor,
+      fontSize: 14
+    }
+  }, (item === null || item === void 0 ? void 0 : item.productfeature) != undefined && (item === null || item === void 0 ? void 0 : item.productfeature) != null ? item === null || item === void 0 ? void 0 : item.productfeature : '')), sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 mb-2 ',
     style: {
       textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',

package/dist/index.esm.js

@@ -84,6 +84,7 @@ import { IoBagRemoveOutline } from '@react-icons/all-files/io5/IoBagRemoveOutlin
 import InputRange from 'react-input-range';
 import { useInView } from 'react-intersection-observer';
 import { FiFilter } from '@react-icons/all-files/fi/FiFilter';
+import { FiSliders } from '@react-icons/all-files/fi/FiSliders';
 import { FiChevronLeft } from '@react-icons/all-files/fi/FiChevronLeft';
 import { FiChevronRight } from '@react-icons/all-files/fi/FiChevronRight';
 import { HiOutlineArrowRight } from '@react-icons/all-files/hi/HiOutlineArrowRight';
@@ -14190,13 +14191,28 @@ var Filter$1 = function Filter(props) {
   }, [raterangevalue]);
   useEffect(function () {
     if (fetchCategoriesQueryContext.isSuccess && fetchcollectionsQueryContext.isSuccess) {
+      var parentcollections_for_collectionsFilter = null;
+      var IsValid_parentcollections_for_collectionsFilter = false;
+      if (ProductFilterObjContext.parentcollections_for_collectionsFilter != undefined && ProductFilterObjContext.parentcollections_for_collectionsFilter != null && Array.isArray(ProductFilterObjContext.parentcollections_for_collectionsFilter)) {
+        parentcollections_for_collectionsFilter = ProductFilterObjContext.parentcollections_for_collectionsFilter;
+      }
+      if (parentcollections_for_collectionsFilter != null && Array.isArray(parentcollections_for_collectionsFilter) && parentcollections_for_collectionsFilter.length != 0) {
+        // parentcollections_for_collectionsFilter?.forEach(function(item,index){
+        //     if(item.)
+        // })
+        IsValid_parentcollections_for_collectionsFilter = true;
+      }
       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;
+          if (ProductFilterObjContext.ProductFetchingType == 'Parent Collection' || IsValid_parentcollections_for_collectionsFilter == true) {
+            if (parentcollections_for_collectionsFilter != null) {
+              parentidsfound = parentcollections_for_collectionsFilter;
+            } else {
+              parentidsfound = ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections;
+            }
           } else if (ProductFilterObjContext.ProductFetchingType == 'Category') {
             instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
               var _ProductFilterObjCont;
@@ -14390,6 +14406,9 @@ var Filter$1 = function Filter(props) {
     var _tempfetchproductsfil2;
     var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
     var CollectionExists = false;
+    if (tempfetchproductsfilerobjcontext.ProductFetchingType == 'Parent Collection' && tempfetchproductsfilerobjcontext.parentcollections_for_collectionsFilter == undefined) {
+      tempfetchproductsfilerobjcontext.parentcollections_for_collectionsFilter = tempfetchproductsfilerobjcontext.collections;
+    }
     tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil2 = tempfetchproductsfilerobjcontext.collections) === null || _tempfetchproductsfil2 === void 0 || _tempfetchproductsfil2.forEach(function (filteritem, filterindex) {
       if (filteritem == collectionid) {
         CollectionExists = true;
@@ -15840,10 +15859,42 @@ var Filter$1 = function Filter(props) {
       borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
     },
     backdrop: true
-  }, /*#__PURE__*/React.createElement(Offcanvas.Header, null, /*#__PURE__*/React.createElement(Offcanvas.Title, null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Offcanvas.Header, null, /*#__PURE__*/React.createElement(Offcanvas.Title, null, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
+    "class": "allcentered",
+    style: {
+      position: 'absolute',
+      left: -34,
+      top: 5,
+      width: 30,
+      height: 30,
+      background: '#000'
+    },
+    onClick: function onClick() {
+      props.setopenFilterSlider(false);
+    }
+  }, /*#__PURE__*/React.createElement(IoMdClose, {
+    color: '#fff',
+    size: 16
+  })), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
+    "class": "allcentered",
+    style: {
+      position: 'absolute',
+      right: -34,
+      top: 5,
+      width: 30,
+      height: 30,
+      background: '#000'
+    },
+    onClick: function onClick() {
+      props.setopenFilterSlider(false);
+    }
+  }, /*#__PURE__*/React.createElement(IoMdClose, {
+    color: '#fff',
+    size: 16
+  })), /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 mt-2"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-9 col-md-9 col-sm-9 d-none align-items-center d-md-flex"
+    className: "col-12 d-none justify-content-center align-items-center d-md-flex my-2"
   }, /*#__PURE__*/React.createElement("p", {
     className: "m-0 p-0  font-16 font-weight-600",
     style: {
@@ -15852,21 +15903,7 @@ var Filter$1 = function Filter(props) {
       fontWeight: sectionproperties.filter_titlefontweight,
       textTransform: sectionproperties.filter_titletextransform
     }
-  }, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-3 col-md-3 col-sm-3 d-none d-md-flex align-items-center justify-content-end p-0"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(filterstyles.close_menu_icon_cont, " ").concat(filter_cssstyles.close_menu_icon_cont) + ' d-none d-md-flex align-items-center justify-content-center ',
-    onClick: function onClick() {
-      props.setopenFilterSlider(false);
-    }
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "h-100 d-flex align-items-center justify-content-center"
-  }, /*#__PURE__*/React.createElement(IoMdClose, {
-    size: sectionproperties.closeSlider_fontSize,
-    style: {
-      color: sectionproperties.closeSlider_color
-    }
-  })))), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? 'Filter & Sort' : 'فلترة')), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12"
   }, /*#__PURE__*/React.createElement("hr", {
     "class": "mt-2 mb-2"
@@ -16583,6 +16620,14 @@ var CardsSection = function CardsSection(props) {
           });
         }
         cardobj.image = arrayItem.productinfo.productmainimage;
+        cardobj.producttags = arrayItem.tags;
+        if (langdetect == 'en') {
+          var _arrayItem$features;
+          cardobj.productfeature = arrayItem === null || arrayItem === void 0 || (_arrayItem$features = arrayItem.features) === null || _arrayItem$features === void 0 ? void 0 : _arrayItem$features.value_en;
+        } else {
+          var _arrayItem$features2;
+          cardobj.productfeature = arrayItem === null || arrayItem === void 0 || (_arrayItem$features2 = arrayItem.features) === null || _arrayItem$features2 === void 0 ? void 0 : _arrayItem$features2.value_ar;
+        }
         cardobj.hassale = arrayItem.productinfo.hassale;
         cardobj.productid = arrayItem.productinfo.productid;
         cardobj.hasvariants = arrayItem.productinfo.hasvariants;
@@ -16629,6 +16674,8 @@ var CardsSection = function CardsSection(props) {
           cardobj.description = arrayItem.description_ar;
         }
         cardobj.image = arrayItem.collectionlogo;
+        cardobj.producttags = [];
+        cardobj.productfeatures = [];
       } else if (fetchingtype == 'categories') {
         cardobj.collectionid = arrayItem.categoryid;
         cardobj.skiplayeronclick = arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.skiplayeronclick;
@@ -16640,6 +16687,8 @@ var CardsSection = function CardsSection(props) {
           cardobj.description = arrayItem.description_ar;
         }
         cardobj.image = arrayItem.categorylogo;
+        cardobj.producttags = [];
+        cardobj.productfeatures = [];
       } else if (fetchingtype == 'parentcollections' || fetchingtype == 'innercategories') {
         cardobj.collectionid = arrayItem.parentcollectionid;
         cardobj.skiplayeronclick = arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.skiplayeronclick;
@@ -16651,10 +16700,17 @@ var CardsSection = function CardsSection(props) {
           cardobj.description = arrayItem.description_ar;
         }
         cardobj.image = arrayItem.parentcollectionlogo;
-      } else if (fetchingtype == 'custom') ; else if (fetchingtype == 'vendors') {
+        cardobj.producttags = [];
+        cardobj.productfeatures = [];
+      } else if (fetchingtype == 'custom') {
+        cardobj.producttags = [];
+        cardobj.productfeatures = [];
+      } else if (fetchingtype == 'vendors') {
         cardobj.name = arrayItem.vendorname;
         cardobj.collectionid = arrayItem.vendorid;
         cardobj.image = arrayItem.vendorlogourl;
+        cardobj.producttags = [];
+        cardobj.productfeatures = [];
       }
       temparray.push(cardobj);
     });
@@ -17154,7 +17210,7 @@ var CardsSection = function CardsSection(props) {
     }) : /*#__PURE__*/React.createElement(HiOutlineArrowLeft, {
       size: sectionproperties.viewmoreiconfontsizeresp,
       color: sectionproperties.viewmorebtn_Textcolor
-    })))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && /*#__PURE__*/React.createElement("button", {
+    })))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && sectionproperties.filterbtnstyle == 'Style 1' && /*#__PURE__*/React.createElement("button", {
       "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
       onClick: function onClick() {
         setopenFilterSlider(true);
@@ -17170,11 +17226,31 @@ var CardsSection = function CardsSection(props) {
       }
     }, langdetect == 'en' ? sectionproperties.filterbtntexten : sectionproperties.filterbtntextar), sectionproperties.filterbtniconfontsize != 0 && /*#__PURE__*/React.createElement("i", {
       "class": "h-100 d-flex align-items-center justify-content-center"
-    }, /*#__PURE__*/React.createElement(FiFilter, {
+    }, /*#__PURE__*/React.createElement(BsSliders, {
       style: {
         fontSize: sectionproperties.filterbtniconfontsize
       }
-    })))))), sectionproperties.showseparator == 'Show' && /*#__PURE__*/React.createElement("div", {
+    })))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && sectionproperties.filterbtnstyle == 'Style 2' && /*#__PURE__*/React.createElement("button", {
+      "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
+      onClick: function onClick() {
+        setopenFilterSlider(true);
+      },
+      style: {
+        color: sectionproperties.filterbtn_Textcolor
+      }
+    }, /*#__PURE__*/React.createElement("i", {
+      "class": "h-100 d-flex align-items-center justify-content-center",
+      style: {
+        transform: 'rotate(90deg)'
+      }
+    }, /*#__PURE__*/React.createElement(FiSliders, {
+      style: {
+        fontSize: 15,
+        color: sectionproperties.filterbtn_Textcolor
+      }
+    })), /*#__PURE__*/React.createElement("span", {
+      "class": "mx-2"
+    }, langdetect == 'en' ? 'Filter & Sort By' : 'فلتر')))), sectionproperties.showseparator == 'Show' && /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0"
     }, /*#__PURE__*/React.createElement("hr", {
       "class": "mt-3 mb-2",
@@ -28899,7 +28975,7 @@ var Header8 = function Header8(props) {
       borderBottomRightRadius: langdetect == 'en' ? 0 : '',
       borderBottomLeftRadius: langdetect == 'ar' ? 0 : '',
       borderTopLeftRadius: langdetect == 'ar' ? 0 : '',
-      zIndex: 100
+      zIndex: 100000
     }
   }, /*#__PURE__*/React.createElement("li", {
     "class": langdetect == 'en' ? 'dropdown dropdownen w-100' : 'dropdown dropdownar w-100'
@@ -71476,6 +71552,7 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
 function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Simpleproductcard = function Simpleproductcard(props) {
+  var _item$producttags, _item$producttags$;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -71820,7 +71897,26 @@ var Simpleproductcard = function Simpleproductcard(props) {
       fontSize: sectionproperties.pillfontSize + 'px',
       direction: 'ltr'
     }
-  }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags = item.producttags) === null || _item$producttags === void 0 ? void 0 : _item$producttags.length) != 0 && sectionproperties.showtag == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "allcentered",
+    style: {
+      position: 'absolute',
+      bottom: 20,
+      width: '100%',
+      left: 0,
+      right: 0,
+      zIndex: 100
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "px-3 py-1",
+    style: {
+      width: 'fit-content',
+      background: sectionproperties.tagbackgroundcolor,
+      borderRadius: sectionproperties.tagborderradius + 'px',
+      color: sectionproperties.tagcolor,
+      fontSize: 12
+    }
+  }, item === null || item === void 0 || (_item$producttags$ = item.producttags[0]) === null || _item$producttags$ === void 0 || (_item$producttags$ = _item$producttags$.taginfo) === null || _item$producttags$ === void 0 ? void 0 : _item$producttags$.tagname)), /*#__PURE__*/React.createElement("div", {
     "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex d-md-none ',
     style: {
       marginBottom: sectionproperties.image_mb + 'px'
@@ -71843,7 +71939,18 @@ var Simpleproductcard = function Simpleproductcard(props) {
     "class": "m-0 p-0"
   }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 "
-  }, sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React.createElement("p", {
+  }, sectionproperties.showfeatures == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "allcentered col-lg-12 p-0",
+    style: {
+      height: 40
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "text-capitalize",
+    style: {
+      color: sectionproperties.tagcolor,
+      fontSize: 14
+    }
+  }, (item === null || item === void 0 ? void 0 : item.productfeature) != undefined && (item === null || item === void 0 ? void 0 : item.productfeature) != null ? item === null || item === void 0 ? void 0 : item.productfeature : '')), sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React.createElement("p", {
     "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 mb-2 ',
     style: {
       textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',

package/dist/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('@react-icons/all-files/fa/FaFacebookF'), require('@react-icons/all-files/ai/AiOutlineUser'), require('@react-icons/all-files/io/IoMdClose'), require('react-bootstrap'), require('imagekitio-react'), require('@babel/runtime/helpers/toConsumableArray'), require('react-image-gallery'), require('@react-icons/all-files/md/MdAddShoppingCart'), require('@react-icons/all-files/io5/IoBagHandleOutline'), require('@react-icons/all-files/bs/BsBag'), require('@react-icons/all-files/cg/CgShoppingBag'), require('@react-icons/all-files/fa/FaRegHeart'), require('@react-icons/all-files/fa/FaHeart'), require('@react-icons/all-files/fi/FiShoppingBag'), require('@react-icons/all-files/fi/FiShoppingCart'), require('@react-icons/all-files/ai/AiFillStar'), require('@react-icons/all-files/ai/AiOutlineStar'), require('@react-icons/all-files/fa/FaPlus'), require('@react-icons/all-files/fa/FaMinus'), require('@react-icons/all-files/fi/FiBox'), require('@react-icons/all-files/ri/RiArrowGoBackLine'), require('react-accessible-accordion'), require('react-share'), require('@react-icons/all-files/fi/FiMinus'), require('@react-icons/all-files/fi/FiPlus'), require('react-rating-stars-component'), require('@react-icons/all-files/fi/FiLayers'), require('react-textarea-autosize'), require('@react-icons/all-files/ai/AiOutlineClockCircle'), require('@react-icons/all-files/ai/AiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineCheck'), require('react-horizontal-scrolling-menu'), require('@mui/material'), require('@react-icons/all-files/hi/HiOutlinePhone'), require('@react-icons/all-files/ai/AiOutlineMail'), require('@react-icons/all-files/fa/FaShippingFast'), require('@react-icons/all-files/ri/RiSecurePaymentLine'), require('react-player'), require('@react-icons/all-files/ai/AiOutlineSecurityScan'), require('@react-icons/all-files/fa/FaStar'), require('@react-icons/all-files/io5/IoLocationSharp'), require('@react-icons/all-files/hi/HiOutlineChevronRight'), require('@react-icons/all-files/hi/HiOutlineChevronLeft'), require('@react-icons/all-files/go/GoGlobe'), require('@react-icons/all-files/vsc/VscGlobe'), require('react-bootstrap/Dropdown'), require('@react-icons/all-files/fi/FiCalendar'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), require('@react-icons/all-files/hi/HiUser'), require('@react-icons/all-files/gr/GrMail'), require('@react-icons/all-files/fi/FiCheckCircle'), require('@react-icons/all-files/bi/BiPhone'), require('react-phone-input-2'), require('@react-icons/all-files/bs/BsChevronLeft'), require('@react-icons/all-files/bs/BsChevronRight'), require('@react-icons/all-files/ri/RiArrowUpSLine'), require('@react-icons/all-files/ri/RiArrowDownSLine'), require('@react-icons/all-files/io/IoIosArrowRoundForward'), require('@react-icons/all-files/io/IoIosArrowRoundBack'), require('@react-icons/all-files/fi/FiChevronUp'), require('@react-icons/all-files/fi/FiChevronDown'), require('@react-icons/all-files/hi/HiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineMinus'), require('react-router-dom'), require('react-query'), require('@react-icons/all-files/io5/IoBagCheckOutline'), require('@react-icons/all-files/io5/IoBagRemoveOutline'), require('react-input-range'), require('react-intersection-observer'), require('@react-icons/all-files/fi/FiFilter'), require('@react-icons/all-files/fi/FiChevronLeft'), require('@react-icons/all-files/fi/FiChevronRight'), require('@react-icons/all-files/hi/HiOutlineArrowRight'), require('@react-icons/all-files/hi/HiOutlineArrowLeft'), require('react-paginate'), require('@react-icons/all-files/fa/FaFacebook'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), require('@react-icons/all-files/bi/BiGlobe'), require('@react-icons/all-files/md/MdKeyboardArrowDown'), require('@react-icons/all-files/fa/FaMoneyBillWave'), require('@react-icons/all-files/bi/BiLogOutCircle'), require('@react-icons/all-files/bi/BiChevronDown'), require('@react-icons/all-files/bi/BiUser'), require('@react-icons/all-files/ai/AiOutlineLogin'), require('@react-icons/all-files/ai/AiOutlineUserAdd'), require('@react-icons/all-files/ri/RiSearchLine'), require('@react-icons/all-files/cg/CgMenuLeft'), require('@react-icons/all-files/cg/CgMenuRight'), require('@react-icons/all-files/hi/HiOutlineShoppingBag'), require('@react-icons/all-files/ri/RiHandbagLine'), require('@react-icons/all-files/ai/AiOutlineClose'), require('@react-icons/all-files/vsc/VscMenu'), require('@react-icons/all-files/vsc/VscHeart'), require('@react-icons/all-files/io5/IoSearchOutline'), require('@react-icons/all-files/ai/AiFillYoutube'), require('@react-icons/all-files/io5/IoLogoTiktok'), require('@react-icons/all-files/fi/FiMenu'), require('@react-icons/all-files/io5/IoClose'), require('@react-icons/all-files/bi/BiSearch'), require('@react-icons/all-files/fi/FiUser'), require('@react-icons/all-files/ai/AiOutlineHeart'), require('@react-icons/all-files/fi/FiPhone'), require('@react-icons/all-files/hi/HiMenuAlt4'), require('@react-icons/all-files/fi/FiSearch'), require('@react-icons/all-files/bs/BsSearch'), require('@react-icons/all-files/ai/AiOutlinePhone'), require('@react-icons/all-files/go/GoSearch'), require('@react-icons/all-files/ai/AiOutlineInstagram'), require('@react-icons/all-files/bs/BsChevronDown'), require('@react-icons/all-files/ri/RiUserSettingsLine'), require('@react-icons/all-files/hi/HiUserCircle'), require('@react-icons/all-files/md/MdKeyboardArrowUp'), require('@react-icons/all-files/bs/BsInfoCircle'), require('@react-icons/all-files/ai/AiFillPhone'), require('@react-icons/all-files/fa/FaTelegramPlane'), require('@react-icons/all-files/fa/FaPhoneAlt'), require('@react-icons/all-files/fa/FaPhone'), require('@react-icons/all-files/fi/FiGlobe'), require('@react-icons/all-files/bi/BiUserCircle'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/fa/FaLinkedinIn'), require('@react-icons/all-files/ri/RiRoadMapLine'), require('@react-icons/all-files/hi/HiOutlineClock'), require('@react-icons/all-files/ai/AiOutlineLinkedin'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('react-select'), require('@react-icons/all-files/go/GoStar'), require('@react-icons/all-files/io/IoIosStar'), require('react-background-slideshow'), require('@babel/runtime/helpers/extends'), require('react-slideshow-image'), require('@react-icons/all-files/hi/HiOutlineLocationMarker'), require('@react-icons/all-files/fi/FiPhoneCall'), require('@react-icons/all-files/fa/FaRegEye'), require('@react-icons/all-files/bs/BsArrowRight'), require('@react-icons/all-files/bs/BsArrowLeft'), require('@react-icons/all-files/bs/BsEye'), require('@react-icons/all-files/bi/BiTimeFive'), require('@react-icons/all-files/io/IoIosArrowUp')) :
-    typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', '@react-icons/all-files/fa/FaFacebookF', '@react-icons/all-files/ai/AiOutlineUser', '@react-icons/all-files/io/IoMdClose', 'react-bootstrap', 'imagekitio-react', '@babel/runtime/helpers/toConsumableArray', 'react-image-gallery', '@react-icons/all-files/md/MdAddShoppingCart', '@react-icons/all-files/io5/IoBagHandleOutline', '@react-icons/all-files/bs/BsBag', '@react-icons/all-files/cg/CgShoppingBag', '@react-icons/all-files/fa/FaRegHeart', '@react-icons/all-files/fa/FaHeart', '@react-icons/all-files/fi/FiShoppingBag', '@react-icons/all-files/fi/FiShoppingCart', '@react-icons/all-files/ai/AiFillStar', '@react-icons/all-files/ai/AiOutlineStar', '@react-icons/all-files/fa/FaPlus', '@react-icons/all-files/fa/FaMinus', '@react-icons/all-files/fi/FiBox', '@react-icons/all-files/ri/RiArrowGoBackLine', 'react-accessible-accordion', 'react-share', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus', 'react-rating-stars-component', '@react-icons/all-files/fi/FiLayers', 'react-textarea-autosize', '@react-icons/all-files/ai/AiOutlineClockCircle', '@react-icons/all-files/ai/AiOutlinePlus', '@react-icons/all-files/ai/AiOutlineCheck', 'react-horizontal-scrolling-menu', '@mui/material', '@react-icons/all-files/hi/HiOutlinePhone', '@react-icons/all-files/ai/AiOutlineMail', '@react-icons/all-files/fa/FaShippingFast', '@react-icons/all-files/ri/RiSecurePaymentLine', 'react-player', '@react-icons/all-files/ai/AiOutlineSecurityScan', '@react-icons/all-files/fa/FaStar', '@react-icons/all-files/io5/IoLocationSharp', '@react-icons/all-files/hi/HiOutlineChevronRight', '@react-icons/all-files/hi/HiOutlineChevronLeft', '@react-icons/all-files/go/GoGlobe', '@react-icons/all-files/vsc/VscGlobe', 'react-bootstrap/Dropdown', '@react-icons/all-files/fi/FiCalendar', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', '@react-icons/all-files/hi/HiUser', '@react-icons/all-files/gr/GrMail', '@react-icons/all-files/fi/FiCheckCircle', '@react-icons/all-files/bi/BiPhone', 'react-phone-input-2', '@react-icons/all-files/bs/BsChevronLeft', '@react-icons/all-files/bs/BsChevronRight', '@react-icons/all-files/ri/RiArrowUpSLine', '@react-icons/all-files/ri/RiArrowDownSLine', '@react-icons/all-files/io/IoIosArrowRoundForward', '@react-icons/all-files/io/IoIosArrowRoundBack', '@react-icons/all-files/fi/FiChevronUp', '@react-icons/all-files/fi/FiChevronDown', '@react-icons/all-files/hi/HiOutlinePlus', '@react-icons/all-files/ai/AiOutlineMinus', 'react-router-dom', 'react-query', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-input-range', 'react-intersection-observer', '@react-icons/all-files/fi/FiFilter', '@react-icons/all-files/fi/FiChevronLeft', '@react-icons/all-files/fi/FiChevronRight', '@react-icons/all-files/hi/HiOutlineArrowRight', '@react-icons/all-files/hi/HiOutlineArrowLeft', 'react-paginate', '@react-icons/all-files/fa/FaFacebook', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@react-icons/all-files/bi/BiGlobe', '@react-icons/all-files/md/MdKeyboardArrowDown', '@react-icons/all-files/fa/FaMoneyBillWave', '@react-icons/all-files/bi/BiLogOutCircle', '@react-icons/all-files/bi/BiChevronDown', '@react-icons/all-files/bi/BiUser', '@react-icons/all-files/ai/AiOutlineLogin', '@react-icons/all-files/ai/AiOutlineUserAdd', '@react-icons/all-files/ri/RiSearchLine', '@react-icons/all-files/cg/CgMenuLeft', '@react-icons/all-files/cg/CgMenuRight', '@react-icons/all-files/hi/HiOutlineShoppingBag', '@react-icons/all-files/ri/RiHandbagLine', '@react-icons/all-files/ai/AiOutlineClose', '@react-icons/all-files/vsc/VscMenu', '@react-icons/all-files/vsc/VscHeart', '@react-icons/all-files/io5/IoSearchOutline', '@react-icons/all-files/ai/AiFillYoutube', '@react-icons/all-files/io5/IoLogoTiktok', '@react-icons/all-files/fi/FiMenu', '@react-icons/all-files/io5/IoClose', '@react-icons/all-files/bi/BiSearch', '@react-icons/all-files/fi/FiUser', '@react-icons/all-files/ai/AiOutlineHeart', '@react-icons/all-files/fi/FiPhone', '@react-icons/all-files/hi/HiMenuAlt4', '@react-icons/all-files/fi/FiSearch', '@react-icons/all-files/bs/BsSearch', '@react-icons/all-files/ai/AiOutlinePhone', '@react-icons/all-files/go/GoSearch', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/bs/BsChevronDown', '@react-icons/all-files/ri/RiUserSettingsLine', '@react-icons/all-files/hi/HiUserCircle', '@react-icons/all-files/md/MdKeyboardArrowUp', '@react-icons/all-files/bs/BsInfoCircle', '@react-icons/all-files/ai/AiFillPhone', '@react-icons/all-files/fa/FaTelegramPlane', '@react-icons/all-files/fa/FaPhoneAlt', '@react-icons/all-files/fa/FaPhone', '@react-icons/all-files/fi/FiGlobe', '@react-icons/all-files/bi/BiUserCircle', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/fa/FaLinkedinIn', '@react-icons/all-files/ri/RiRoadMapLine', '@react-icons/all-files/hi/HiOutlineClock', '@react-icons/all-files/ai/AiOutlineLinkedin', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', 'react-select', '@react-icons/all-files/go/GoStar', '@react-icons/all-files/io/IoIosStar', 'react-background-slideshow', '@babel/runtime/helpers/extends', 'react-slideshow-image', '@react-icons/all-files/hi/HiOutlineLocationMarker', '@react-icons/all-files/fi/FiPhoneCall', '@react-icons/all-files/fa/FaRegEye', '@react-icons/all-files/bs/BsArrowRight', '@react-icons/all-files/bs/BsArrowLeft', '@react-icons/all-files/bs/BsEye', '@react-icons/all-files/bi/BiTimeFive', '@react-icons/all-files/io/IoIosArrowUp'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.FaFacebookF, global.AiOutlineUser, global.IoMdClose, global.reactBootstrap, global.imagekitioReact, global._toConsumableArray, global.ImageGallery, global.MdAddShoppingCart, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart$1, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar$1, global.AiOutlineStar, global.FaPlus, global.FaMinus, global.FiBox, global.RiArrowGoBackLine, global.reactAccessibleAccordion, global.reactShare, global.FiMinus, global.FiPlus, global.ReactStars, global.FiLayers, global.TextareaAutosize, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, global.reactHorizontalScrollingMenu, global.material, global.HiOutlinePhone, global.AiOutlineMail, global.FaShippingFast, global.RiSecurePaymentLine, global.ReactPlayer, global.AiOutlineSecurityScan, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.Dropdown, global.FiCalendar, global._asyncToGenerator, global._regeneratorRuntime, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.PhoneInput, global.BsChevronLeft, global.BsChevronRight, null, null, global.IoIosArrowRoundForward, global.IoIosArrowRoundBack, global.FiChevronUp, global.FiChevronDown, global.HiOutlinePlus, global.AiOutlineMinus, null, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.InputRange, global.reactIntersectionObserver, global.FiFilter, global.FiChevronLeft, global.FiChevronRight, global.HiOutlineArrowRight, global.HiOutlineArrowLeft, global.ReactPaginate, global.FaFacebook, global.AiFillInstagram, global.FaWhatsapp, global.BiGlobe, global.MdKeyboardArrowDown, global.FaMoneyBillWave, global.BiLogOutCircle, global.BiChevronDown, global.BiUser, global.AiOutlineLogin, global.AiOutlineUserAdd, global.RiSearchLine, global.CgMenuLeft, global.CgMenuRight, global.HiOutlineShoppingBag, global.RiHandbagLine, global.AiOutlineClose, global.VscMenu, global.VscHeart, global.IoSearchOutline, global.AiFillYoutube, global.IoLogoTiktok, global.FiMenu, global.IoClose, global.BiSearch, global.FiUser, global.AiOutlineHeart, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiOutlinePhone, global.GoSearch, global.AiOutlineInstagram, global.BsChevronDown, global.RiUserSettingsLine, global.HiUserCircle, global.MdKeyboardArrowUp, global.BsInfoCircle, global.AiFillPhone, global.FaTelegramPlane, global.FaPhoneAlt, global.FaPhone, global.FiGlobe, global.BiUserCircle, global.GoLocation, global.FaLinkedinIn, global.RiRoadMapLine, global.HiOutlineClock, global.AiOutlineLinkedin, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.Select$5, global.GoStar, global.IoIosStar, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.HiOutlineLocationMarker, global.FiPhoneCall, global.FaRegEye, global.BsArrowRight, global.BsArrowLeft, global.BsEye, global.BiTimeFive, global.IoIosArrowUp));
-})(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, IoMdClose, reactBootstrap, imagekitioReact, _toConsumableArray, ImageGallery, MdAddShoppingCart, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart$1, FiShoppingBag, FiShoppingCart, AiFillStar$1, AiOutlineStar, FaPlus, FaMinus, FiBox, RiArrowGoBackLine, reactAccessibleAccordion, reactShare, FiMinus, FiPlus, ReactStars, FiLayers, TextareaAutosize, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, reactHorizontalScrollingMenu, material, HiOutlinePhone, AiOutlineMail, FaShippingFast, RiSecurePaymentLine, ReactPlayer, AiOutlineSecurityScan, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, Dropdown, FiCalendar, _asyncToGenerator, _regeneratorRuntime, HiUser, GrMail, FiCheckCircle, BiPhone, PhoneInput, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, IoIosArrowRoundForward, IoIosArrowRoundBack, FiChevronUp, FiChevronDown, HiOutlinePlus, AiOutlineMinus, reactRouterDom, reactQuery, IoBagCheckOutline, IoBagRemoveOutline, InputRange, reactIntersectionObserver, FiFilter, FiChevronLeft, FiChevronRight, HiOutlineArrowRight, HiOutlineArrowLeft, ReactPaginate, FaFacebook, AiFillInstagram, FaWhatsapp, BiGlobe, MdKeyboardArrowDown, FaMoneyBillWave, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, AiOutlineClose, VscMenu, VscHeart, IoSearchOutline, AiFillYoutube, IoLogoTiktok, FiMenu, IoClose, BiSearch, FiUser, AiOutlineHeart, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiOutlinePhone, GoSearch, AiOutlineInstagram, BsChevronDown, RiUserSettingsLine, HiUserCircle, MdKeyboardArrowUp, BsInfoCircle, AiFillPhone, FaTelegramPlane, FaPhoneAlt, FaPhone, FiGlobe, BiUserCircle, GoLocation, FaLinkedinIn, RiRoadMapLine, HiOutlineClock, AiOutlineLinkedin, FaArrowAltCircleRight, FaArrowAltCircleLeft, Select$5, GoStar, IoIosStar, BackgroundSlideshow, _extends, reactSlideshowImage, HiOutlineLocationMarker, FiPhoneCall, FaRegEye, BsArrowRight, BsArrowLeft, BsEye, BiTimeFive, IoIosArrowUp) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('@react-icons/all-files/fa/FaFacebookF'), require('@react-icons/all-files/ai/AiOutlineUser'), require('@react-icons/all-files/io/IoMdClose'), require('react-bootstrap'), require('imagekitio-react'), require('@babel/runtime/helpers/toConsumableArray'), require('react-image-gallery'), require('@react-icons/all-files/md/MdAddShoppingCart'), require('@react-icons/all-files/io5/IoBagHandleOutline'), require('@react-icons/all-files/bs/BsBag'), require('@react-icons/all-files/cg/CgShoppingBag'), require('@react-icons/all-files/fa/FaRegHeart'), require('@react-icons/all-files/fa/FaHeart'), require('@react-icons/all-files/fi/FiShoppingBag'), require('@react-icons/all-files/fi/FiShoppingCart'), require('@react-icons/all-files/ai/AiFillStar'), require('@react-icons/all-files/ai/AiOutlineStar'), require('@react-icons/all-files/fa/FaPlus'), require('@react-icons/all-files/fa/FaMinus'), require('@react-icons/all-files/fi/FiBox'), require('@react-icons/all-files/ri/RiArrowGoBackLine'), require('react-accessible-accordion'), require('react-share'), require('@react-icons/all-files/fi/FiMinus'), require('@react-icons/all-files/fi/FiPlus'), require('react-rating-stars-component'), require('@react-icons/all-files/fi/FiLayers'), require('react-textarea-autosize'), require('@react-icons/all-files/ai/AiOutlineClockCircle'), require('@react-icons/all-files/ai/AiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineCheck'), require('react-horizontal-scrolling-menu'), require('@mui/material'), require('@react-icons/all-files/hi/HiOutlinePhone'), require('@react-icons/all-files/ai/AiOutlineMail'), require('@react-icons/all-files/fa/FaShippingFast'), require('@react-icons/all-files/ri/RiSecurePaymentLine'), require('react-player'), require('@react-icons/all-files/ai/AiOutlineSecurityScan'), require('@react-icons/all-files/fa/FaStar'), require('@react-icons/all-files/io5/IoLocationSharp'), require('@react-icons/all-files/hi/HiOutlineChevronRight'), require('@react-icons/all-files/hi/HiOutlineChevronLeft'), require('@react-icons/all-files/go/GoGlobe'), require('@react-icons/all-files/vsc/VscGlobe'), require('react-bootstrap/Dropdown'), require('@react-icons/all-files/fi/FiCalendar'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), require('@react-icons/all-files/hi/HiUser'), require('@react-icons/all-files/gr/GrMail'), require('@react-icons/all-files/fi/FiCheckCircle'), require('@react-icons/all-files/bi/BiPhone'), require('react-phone-input-2'), require('@react-icons/all-files/bs/BsChevronLeft'), require('@react-icons/all-files/bs/BsChevronRight'), require('@react-icons/all-files/ri/RiArrowUpSLine'), require('@react-icons/all-files/ri/RiArrowDownSLine'), require('@react-icons/all-files/io/IoIosArrowRoundForward'), require('@react-icons/all-files/io/IoIosArrowRoundBack'), require('@react-icons/all-files/fi/FiChevronUp'), require('@react-icons/all-files/fi/FiChevronDown'), require('@react-icons/all-files/hi/HiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineMinus'), require('react-router-dom'), require('react-query'), require('@react-icons/all-files/io5/IoBagCheckOutline'), require('@react-icons/all-files/io5/IoBagRemoveOutline'), require('react-input-range'), require('react-intersection-observer'), require('@react-icons/all-files/fi/FiFilter'), require('@react-icons/all-files/fi/FiSliders'), require('@react-icons/all-files/fi/FiChevronLeft'), require('@react-icons/all-files/fi/FiChevronRight'), require('@react-icons/all-files/hi/HiOutlineArrowRight'), require('@react-icons/all-files/hi/HiOutlineArrowLeft'), require('react-paginate'), require('@react-icons/all-files/fa/FaFacebook'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), require('@react-icons/all-files/bi/BiGlobe'), require('@react-icons/all-files/md/MdKeyboardArrowDown'), require('@react-icons/all-files/fa/FaMoneyBillWave'), require('@react-icons/all-files/bi/BiLogOutCircle'), require('@react-icons/all-files/bi/BiChevronDown'), require('@react-icons/all-files/bi/BiUser'), require('@react-icons/all-files/ai/AiOutlineLogin'), require('@react-icons/all-files/ai/AiOutlineUserAdd'), require('@react-icons/all-files/ri/RiSearchLine'), require('@react-icons/all-files/cg/CgMenuLeft'), require('@react-icons/all-files/cg/CgMenuRight'), require('@react-icons/all-files/hi/HiOutlineShoppingBag'), require('@react-icons/all-files/ri/RiHandbagLine'), require('@react-icons/all-files/ai/AiOutlineClose'), require('@react-icons/all-files/vsc/VscMenu'), require('@react-icons/all-files/vsc/VscHeart'), require('@react-icons/all-files/io5/IoSearchOutline'), require('@react-icons/all-files/ai/AiFillYoutube'), require('@react-icons/all-files/io5/IoLogoTiktok'), require('@react-icons/all-files/fi/FiMenu'), require('@react-icons/all-files/io5/IoClose'), require('@react-icons/all-files/bi/BiSearch'), require('@react-icons/all-files/fi/FiUser'), require('@react-icons/all-files/ai/AiOutlineHeart'), require('@react-icons/all-files/fi/FiPhone'), require('@react-icons/all-files/hi/HiMenuAlt4'), require('@react-icons/all-files/fi/FiSearch'), require('@react-icons/all-files/bs/BsSearch'), require('@react-icons/all-files/ai/AiOutlinePhone'), require('@react-icons/all-files/go/GoSearch'), require('@react-icons/all-files/ai/AiOutlineInstagram'), require('@react-icons/all-files/bs/BsChevronDown'), require('@react-icons/all-files/ri/RiUserSettingsLine'), require('@react-icons/all-files/hi/HiUserCircle'), require('@react-icons/all-files/md/MdKeyboardArrowUp'), require('@react-icons/all-files/bs/BsInfoCircle'), require('@react-icons/all-files/ai/AiFillPhone'), require('@react-icons/all-files/fa/FaTelegramPlane'), require('@react-icons/all-files/fa/FaPhoneAlt'), require('@react-icons/all-files/fa/FaPhone'), require('@react-icons/all-files/fi/FiGlobe'), require('@react-icons/all-files/bi/BiUserCircle'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/fa/FaLinkedinIn'), require('@react-icons/all-files/ri/RiRoadMapLine'), require('@react-icons/all-files/hi/HiOutlineClock'), require('@react-icons/all-files/ai/AiOutlineLinkedin'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('react-select'), require('@react-icons/all-files/go/GoStar'), require('@react-icons/all-files/io/IoIosStar'), require('react-background-slideshow'), require('@babel/runtime/helpers/extends'), require('react-slideshow-image'), require('@react-icons/all-files/hi/HiOutlineLocationMarker'), require('@react-icons/all-files/fi/FiPhoneCall'), require('@react-icons/all-files/fa/FaRegEye'), require('@react-icons/all-files/bs/BsArrowRight'), require('@react-icons/all-files/bs/BsArrowLeft'), require('@react-icons/all-files/bs/BsEye'), require('@react-icons/all-files/bi/BiTimeFive'), require('@react-icons/all-files/io/IoIosArrowUp')) :
+    typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', '@react-icons/all-files/fa/FaFacebookF', '@react-icons/all-files/ai/AiOutlineUser', '@react-icons/all-files/io/IoMdClose', 'react-bootstrap', 'imagekitio-react', '@babel/runtime/helpers/toConsumableArray', 'react-image-gallery', '@react-icons/all-files/md/MdAddShoppingCart', '@react-icons/all-files/io5/IoBagHandleOutline', '@react-icons/all-files/bs/BsBag', '@react-icons/all-files/cg/CgShoppingBag', '@react-icons/all-files/fa/FaRegHeart', '@react-icons/all-files/fa/FaHeart', '@react-icons/all-files/fi/FiShoppingBag', '@react-icons/all-files/fi/FiShoppingCart', '@react-icons/all-files/ai/AiFillStar', '@react-icons/all-files/ai/AiOutlineStar', '@react-icons/all-files/fa/FaPlus', '@react-icons/all-files/fa/FaMinus', '@react-icons/all-files/fi/FiBox', '@react-icons/all-files/ri/RiArrowGoBackLine', 'react-accessible-accordion', 'react-share', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus', 'react-rating-stars-component', '@react-icons/all-files/fi/FiLayers', 'react-textarea-autosize', '@react-icons/all-files/ai/AiOutlineClockCircle', '@react-icons/all-files/ai/AiOutlinePlus', '@react-icons/all-files/ai/AiOutlineCheck', 'react-horizontal-scrolling-menu', '@mui/material', '@react-icons/all-files/hi/HiOutlinePhone', '@react-icons/all-files/ai/AiOutlineMail', '@react-icons/all-files/fa/FaShippingFast', '@react-icons/all-files/ri/RiSecurePaymentLine', 'react-player', '@react-icons/all-files/ai/AiOutlineSecurityScan', '@react-icons/all-files/fa/FaStar', '@react-icons/all-files/io5/IoLocationSharp', '@react-icons/all-files/hi/HiOutlineChevronRight', '@react-icons/all-files/hi/HiOutlineChevronLeft', '@react-icons/all-files/go/GoGlobe', '@react-icons/all-files/vsc/VscGlobe', 'react-bootstrap/Dropdown', '@react-icons/all-files/fi/FiCalendar', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', '@react-icons/all-files/hi/HiUser', '@react-icons/all-files/gr/GrMail', '@react-icons/all-files/fi/FiCheckCircle', '@react-icons/all-files/bi/BiPhone', 'react-phone-input-2', '@react-icons/all-files/bs/BsChevronLeft', '@react-icons/all-files/bs/BsChevronRight', '@react-icons/all-files/ri/RiArrowUpSLine', '@react-icons/all-files/ri/RiArrowDownSLine', '@react-icons/all-files/io/IoIosArrowRoundForward', '@react-icons/all-files/io/IoIosArrowRoundBack', '@react-icons/all-files/fi/FiChevronUp', '@react-icons/all-files/fi/FiChevronDown', '@react-icons/all-files/hi/HiOutlinePlus', '@react-icons/all-files/ai/AiOutlineMinus', 'react-router-dom', 'react-query', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-input-range', 'react-intersection-observer', '@react-icons/all-files/fi/FiFilter', '@react-icons/all-files/fi/FiSliders', '@react-icons/all-files/fi/FiChevronLeft', '@react-icons/all-files/fi/FiChevronRight', '@react-icons/all-files/hi/HiOutlineArrowRight', '@react-icons/all-files/hi/HiOutlineArrowLeft', 'react-paginate', '@react-icons/all-files/fa/FaFacebook', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@react-icons/all-files/bi/BiGlobe', '@react-icons/all-files/md/MdKeyboardArrowDown', '@react-icons/all-files/fa/FaMoneyBillWave', '@react-icons/all-files/bi/BiLogOutCircle', '@react-icons/all-files/bi/BiChevronDown', '@react-icons/all-files/bi/BiUser', '@react-icons/all-files/ai/AiOutlineLogin', '@react-icons/all-files/ai/AiOutlineUserAdd', '@react-icons/all-files/ri/RiSearchLine', '@react-icons/all-files/cg/CgMenuLeft', '@react-icons/all-files/cg/CgMenuRight', '@react-icons/all-files/hi/HiOutlineShoppingBag', '@react-icons/all-files/ri/RiHandbagLine', '@react-icons/all-files/ai/AiOutlineClose', '@react-icons/all-files/vsc/VscMenu', '@react-icons/all-files/vsc/VscHeart', '@react-icons/all-files/io5/IoSearchOutline', '@react-icons/all-files/ai/AiFillYoutube', '@react-icons/all-files/io5/IoLogoTiktok', '@react-icons/all-files/fi/FiMenu', '@react-icons/all-files/io5/IoClose', '@react-icons/all-files/bi/BiSearch', '@react-icons/all-files/fi/FiUser', '@react-icons/all-files/ai/AiOutlineHeart', '@react-icons/all-files/fi/FiPhone', '@react-icons/all-files/hi/HiMenuAlt4', '@react-icons/all-files/fi/FiSearch', '@react-icons/all-files/bs/BsSearch', '@react-icons/all-files/ai/AiOutlinePhone', '@react-icons/all-files/go/GoSearch', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/bs/BsChevronDown', '@react-icons/all-files/ri/RiUserSettingsLine', '@react-icons/all-files/hi/HiUserCircle', '@react-icons/all-files/md/MdKeyboardArrowUp', '@react-icons/all-files/bs/BsInfoCircle', '@react-icons/all-files/ai/AiFillPhone', '@react-icons/all-files/fa/FaTelegramPlane', '@react-icons/all-files/fa/FaPhoneAlt', '@react-icons/all-files/fa/FaPhone', '@react-icons/all-files/fi/FiGlobe', '@react-icons/all-files/bi/BiUserCircle', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/fa/FaLinkedinIn', '@react-icons/all-files/ri/RiRoadMapLine', '@react-icons/all-files/hi/HiOutlineClock', '@react-icons/all-files/ai/AiOutlineLinkedin', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', 'react-select', '@react-icons/all-files/go/GoStar', '@react-icons/all-files/io/IoIosStar', 'react-background-slideshow', '@babel/runtime/helpers/extends', 'react-slideshow-image', '@react-icons/all-files/hi/HiOutlineLocationMarker', '@react-icons/all-files/fi/FiPhoneCall', '@react-icons/all-files/fa/FaRegEye', '@react-icons/all-files/bs/BsArrowRight', '@react-icons/all-files/bs/BsArrowLeft', '@react-icons/all-files/bs/BsEye', '@react-icons/all-files/bi/BiTimeFive', '@react-icons/all-files/io/IoIosArrowUp'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.FaFacebookF, global.AiOutlineUser, global.IoMdClose, global.reactBootstrap, global.imagekitioReact, global._toConsumableArray, global.ImageGallery, global.MdAddShoppingCart, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart$1, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar$1, global.AiOutlineStar, global.FaPlus, global.FaMinus, global.FiBox, global.RiArrowGoBackLine, global.reactAccessibleAccordion, global.reactShare, global.FiMinus, global.FiPlus, global.ReactStars, global.FiLayers, global.TextareaAutosize, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, global.reactHorizontalScrollingMenu, global.material, global.HiOutlinePhone, global.AiOutlineMail, global.FaShippingFast, global.RiSecurePaymentLine, global.ReactPlayer, global.AiOutlineSecurityScan, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.Dropdown, global.FiCalendar, global._asyncToGenerator, global._regeneratorRuntime, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.PhoneInput, global.BsChevronLeft, global.BsChevronRight, null, null, global.IoIosArrowRoundForward, global.IoIosArrowRoundBack, global.FiChevronUp, global.FiChevronDown, global.HiOutlinePlus, global.AiOutlineMinus, null, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.InputRange, global.reactIntersectionObserver, global.FiFilter, global.FiSliders, global.FiChevronLeft, global.FiChevronRight, global.HiOutlineArrowRight, global.HiOutlineArrowLeft, global.ReactPaginate, global.FaFacebook, global.AiFillInstagram, global.FaWhatsapp, global.BiGlobe, global.MdKeyboardArrowDown, global.FaMoneyBillWave, global.BiLogOutCircle, global.BiChevronDown, global.BiUser, global.AiOutlineLogin, global.AiOutlineUserAdd, global.RiSearchLine, global.CgMenuLeft, global.CgMenuRight, global.HiOutlineShoppingBag, global.RiHandbagLine, global.AiOutlineClose, global.VscMenu, global.VscHeart, global.IoSearchOutline, global.AiFillYoutube, global.IoLogoTiktok, global.FiMenu, global.IoClose, global.BiSearch, global.FiUser, global.AiOutlineHeart, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiOutlinePhone, global.GoSearch, global.AiOutlineInstagram, global.BsChevronDown, global.RiUserSettingsLine, global.HiUserCircle, global.MdKeyboardArrowUp, global.BsInfoCircle, global.AiFillPhone, global.FaTelegramPlane, global.FaPhoneAlt, global.FaPhone, global.FiGlobe, global.BiUserCircle, global.GoLocation, global.FaLinkedinIn, global.RiRoadMapLine, global.HiOutlineClock, global.AiOutlineLinkedin, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.Select$5, global.GoStar, global.IoIosStar, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.HiOutlineLocationMarker, global.FiPhoneCall, global.FaRegEye, global.BsArrowRight, global.BsArrowLeft, global.BsEye, global.BiTimeFive, global.IoIosArrowUp));
+})(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, IoMdClose, reactBootstrap, imagekitioReact, _toConsumableArray, ImageGallery, MdAddShoppingCart, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart$1, FiShoppingBag, FiShoppingCart, AiFillStar$1, AiOutlineStar, FaPlus, FaMinus, FiBox, RiArrowGoBackLine, reactAccessibleAccordion, reactShare, FiMinus, FiPlus, ReactStars, FiLayers, TextareaAutosize, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, reactHorizontalScrollingMenu, material, HiOutlinePhone, AiOutlineMail, FaShippingFast, RiSecurePaymentLine, ReactPlayer, AiOutlineSecurityScan, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, Dropdown, FiCalendar, _asyncToGenerator, _regeneratorRuntime, HiUser, GrMail, FiCheckCircle, BiPhone, PhoneInput, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, IoIosArrowRoundForward, IoIosArrowRoundBack, FiChevronUp, FiChevronDown, HiOutlinePlus, AiOutlineMinus, reactRouterDom, reactQuery, IoBagCheckOutline, IoBagRemoveOutline, InputRange, reactIntersectionObserver, FiFilter, FiSliders, FiChevronLeft, FiChevronRight, HiOutlineArrowRight, HiOutlineArrowLeft, ReactPaginate, FaFacebook, AiFillInstagram, FaWhatsapp, BiGlobe, MdKeyboardArrowDown, FaMoneyBillWave, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, AiOutlineClose, VscMenu, VscHeart, IoSearchOutline, AiFillYoutube, IoLogoTiktok, FiMenu, IoClose, BiSearch, FiUser, AiOutlineHeart, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiOutlinePhone, GoSearch, AiOutlineInstagram, BsChevronDown, RiUserSettingsLine, HiUserCircle, MdKeyboardArrowUp, BsInfoCircle, AiFillPhone, FaTelegramPlane, FaPhoneAlt, FaPhone, FiGlobe, BiUserCircle, GoLocation, FaLinkedinIn, RiRoadMapLine, HiOutlineClock, AiOutlineLinkedin, FaArrowAltCircleRight, FaArrowAltCircleLeft, Select$5, GoStar, IoIosStar, BackgroundSlideshow, _extends, reactSlideshowImage, HiOutlineLocationMarker, FiPhoneCall, FaRegEye, BsArrowRight, BsArrowLeft, BsEye, BiTimeFive, IoIosArrowUp) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -14067,13 +14067,28 @@
       }, [raterangevalue]);
       React.useEffect(function () {
         if (fetchCategoriesQueryContext.isSuccess && fetchcollectionsQueryContext.isSuccess) {
+          var parentcollections_for_collectionsFilter = null;
+          var IsValid_parentcollections_for_collectionsFilter = false;
+          if (ProductFilterObjContext.parentcollections_for_collectionsFilter != undefined && ProductFilterObjContext.parentcollections_for_collectionsFilter != null && Array.isArray(ProductFilterObjContext.parentcollections_for_collectionsFilter)) {
+            parentcollections_for_collectionsFilter = ProductFilterObjContext.parentcollections_for_collectionsFilter;
+          }
+          if (parentcollections_for_collectionsFilter != null && Array.isArray(parentcollections_for_collectionsFilter) && parentcollections_for_collectionsFilter.length != 0) {
+            // parentcollections_for_collectionsFilter?.forEach(function(item,index){
+            //     if(item.)
+            // })
+            IsValid_parentcollections_for_collectionsFilter = true;
+          }
           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;
+              if (ProductFilterObjContext.ProductFetchingType == 'Parent Collection' || IsValid_parentcollections_for_collectionsFilter == true) {
+                if (parentcollections_for_collectionsFilter != null) {
+                  parentidsfound = parentcollections_for_collectionsFilter;
+                } else {
+                  parentidsfound = ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections;
+                }
               } else if (ProductFilterObjContext.ProductFetchingType == 'Category') {
                 instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
                   var _ProductFilterObjCont;
@@ -14267,6 +14282,9 @@
         var _tempfetchproductsfil2;
         var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
         var CollectionExists = false;
+        if (tempfetchproductsfilerobjcontext.ProductFetchingType == 'Parent Collection' && tempfetchproductsfilerobjcontext.parentcollections_for_collectionsFilter == undefined) {
+          tempfetchproductsfilerobjcontext.parentcollections_for_collectionsFilter = tempfetchproductsfilerobjcontext.collections;
+        }
         tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil2 = tempfetchproductsfilerobjcontext.collections) === null || _tempfetchproductsfil2 === void 0 || _tempfetchproductsfil2.forEach(function (filteritem, filterindex) {
           if (filteritem == collectionid) {
             CollectionExists = true;
@@ -15717,10 +15735,42 @@
           borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
         },
         backdrop: true
-      }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Header, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Title, null, /*#__PURE__*/React__default["default"].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Header, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Title, null, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "allcentered",
+        style: {
+          position: 'absolute',
+          left: -34,
+          top: 5,
+          width: 30,
+          height: 30,
+          background: '#000'
+        },
+        onClick: function onClick() {
+          props.setopenFilterSlider(false);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
+        color: '#fff',
+        size: 16
+      })), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "allcentered",
+        style: {
+          position: 'absolute',
+          right: -34,
+          top: 5,
+          width: 30,
+          height: 30,
+          background: '#000'
+        },
+        onClick: function onClick() {
+          props.setopenFilterSlider(false);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
+        color: '#fff',
+        size: 16
+      })), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-100 mt-2"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-9 col-md-9 col-sm-9 d-none align-items-center d-md-flex"
+        className: "col-12 d-none justify-content-center align-items-center d-md-flex my-2"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         className: "m-0 p-0  font-16 font-weight-600",
         style: {
@@ -15729,21 +15779,7 @@
           fontWeight: sectionproperties.filter_titlefontweight,
           textTransform: sectionproperties.filter_titletextransform
         }
-      }, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-3 col-md-3 col-sm-3 d-none d-md-flex align-items-center justify-content-end p-0"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "".concat(filterstyles.close_menu_icon_cont, " ").concat(filter_cssstyles.close_menu_icon_cont) + ' d-none d-md-flex align-items-center justify-content-center ',
-        onClick: function onClick() {
-          props.setopenFilterSlider(false);
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("i", {
-        className: "h-100 d-flex align-items-center justify-content-center"
-      }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
-        size: sectionproperties.closeSlider_fontSize,
-        style: {
-          color: sectionproperties.closeSlider_color
-        }
-      })))), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? 'Filter & Sort' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12"
       }, /*#__PURE__*/React__default["default"].createElement("hr", {
         "class": "mt-2 mb-2"
@@ -16460,6 +16496,14 @@
               });
             }
             cardobj.image = arrayItem.productinfo.productmainimage;
+            cardobj.producttags = arrayItem.tags;
+            if (langdetect == 'en') {
+              var _arrayItem$features;
+              cardobj.productfeature = arrayItem === null || arrayItem === void 0 || (_arrayItem$features = arrayItem.features) === null || _arrayItem$features === void 0 ? void 0 : _arrayItem$features.value_en;
+            } else {
+              var _arrayItem$features2;
+              cardobj.productfeature = arrayItem === null || arrayItem === void 0 || (_arrayItem$features2 = arrayItem.features) === null || _arrayItem$features2 === void 0 ? void 0 : _arrayItem$features2.value_ar;
+            }
             cardobj.hassale = arrayItem.productinfo.hassale;
             cardobj.productid = arrayItem.productinfo.productid;
             cardobj.hasvariants = arrayItem.productinfo.hasvariants;
@@ -16506,6 +16550,8 @@
               cardobj.description = arrayItem.description_ar;
             }
             cardobj.image = arrayItem.collectionlogo;
+            cardobj.producttags = [];
+            cardobj.productfeatures = [];
           } else if (fetchingtype == 'categories') {
             cardobj.collectionid = arrayItem.categoryid;
             cardobj.skiplayeronclick = arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.skiplayeronclick;
@@ -16517,6 +16563,8 @@
               cardobj.description = arrayItem.description_ar;
             }
             cardobj.image = arrayItem.categorylogo;
+            cardobj.producttags = [];
+            cardobj.productfeatures = [];
           } else if (fetchingtype == 'parentcollections' || fetchingtype == 'innercategories') {
             cardobj.collectionid = arrayItem.parentcollectionid;
             cardobj.skiplayeronclick = arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.skiplayeronclick;
@@ -16528,10 +16576,17 @@
               cardobj.description = arrayItem.description_ar;
             }
             cardobj.image = arrayItem.parentcollectionlogo;
-          } else if (fetchingtype == 'custom') ; else if (fetchingtype == 'vendors') {
+            cardobj.producttags = [];
+            cardobj.productfeatures = [];
+          } else if (fetchingtype == 'custom') {
+            cardobj.producttags = [];
+            cardobj.productfeatures = [];
+          } else if (fetchingtype == 'vendors') {
             cardobj.name = arrayItem.vendorname;
             cardobj.collectionid = arrayItem.vendorid;
             cardobj.image = arrayItem.vendorlogourl;
+            cardobj.producttags = [];
+            cardobj.productfeatures = [];
           }
           temparray.push(cardobj);
         });
@@ -17031,7 +17086,7 @@
         }) : /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowLeft.HiOutlineArrowLeft, {
           size: sectionproperties.viewmoreiconfontsizeresp,
           color: sectionproperties.viewmorebtn_Textcolor
-        })))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && /*#__PURE__*/React__default["default"].createElement("button", {
+        })))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && sectionproperties.filterbtnstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("button", {
           "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
           onClick: function onClick() {
             setopenFilterSlider(true);
@@ -17047,11 +17102,31 @@
           }
         }, langdetect == 'en' ? sectionproperties.filterbtntexten : sectionproperties.filterbtntextar), sectionproperties.filterbtniconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement("i", {
           "class": "h-100 d-flex align-items-center justify-content-center"
-        }, /*#__PURE__*/React__default["default"].createElement(FiFilter.FiFilter, {
+        }, /*#__PURE__*/React__default["default"].createElement(BsSliders, {
           style: {
             fontSize: sectionproperties.filterbtniconfontsize
           }
-        })))))), sectionproperties.showseparator == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        })))), sectionproperties.showFilter == 'show' && sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection != 'Collections Horizontal' && sectionproperties.filterbtnstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("button", {
+          "class": sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ' : ' col-lg-12 col-md-12 pl-0 pr-0 d-none d-md-flex justify-content-end ',
+          onClick: function onClick() {
+            setopenFilterSlider(true);
+          },
+          style: {
+            color: sectionproperties.filterbtn_Textcolor
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("i", {
+          "class": "h-100 d-flex align-items-center justify-content-center",
+          style: {
+            transform: 'rotate(90deg)'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement(FiSliders.FiSliders, {
+          style: {
+            fontSize: 15,
+            color: sectionproperties.filterbtn_Textcolor
+          }
+        })), /*#__PURE__*/React__default["default"].createElement("span", {
+          "class": "mx-2"
+        }, langdetect == 'en' ? 'Filter & Sort By' : 'فلتر')))), sectionproperties.showseparator == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0"
         }, /*#__PURE__*/React__default["default"].createElement("hr", {
           "class": "mt-3 mb-2",
@@ -28776,7 +28851,7 @@
           borderBottomRightRadius: langdetect == 'en' ? 0 : '',
           borderBottomLeftRadius: langdetect == 'ar' ? 0 : '',
           borderTopLeftRadius: langdetect == 'ar' ? 0 : '',
-          zIndex: 100
+          zIndex: 100000
         }
       }, /*#__PURE__*/React__default["default"].createElement("li", {
         "class": langdetect == 'en' ? 'dropdown dropdownen w-100' : 'dropdown dropdownar w-100'
@@ -71353,6 +71428,7 @@
     function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Simpleproductcard = function Simpleproductcard(props) {
+      var _item$producttags, _item$producttags$;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -71697,7 +71773,26 @@
           fontSize: sectionproperties.pillfontSize + 'px',
           direction: 'ltr'
         }
-      }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags = item.producttags) === null || _item$producttags === void 0 ? void 0 : _item$producttags.length) != 0 && sectionproperties.showtag == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "allcentered",
+        style: {
+          position: 'absolute',
+          bottom: 20,
+          width: '100%',
+          left: 0,
+          right: 0,
+          zIndex: 100
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "px-3 py-1",
+        style: {
+          width: 'fit-content',
+          background: sectionproperties.tagbackgroundcolor,
+          borderRadius: sectionproperties.tagborderradius + 'px',
+          color: sectionproperties.tagcolor,
+          fontSize: 12
+        }
+      }, item === null || item === void 0 || (_item$producttags$ = item.producttags[0]) === null || _item$producttags$ === void 0 || (_item$producttags$ = _item$producttags$.taginfo) === null || _item$producttags$ === void 0 ? void 0 : _item$producttags$.tagname)), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex d-md-none ',
         style: {
           marginBottom: sectionproperties.image_mb + 'px'
@@ -71720,7 +71815,18 @@
         "class": "m-0 p-0"
       }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 "
-      }, sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
+      }, sectionproperties.showfeatures == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "allcentered col-lg-12 p-0",
+        style: {
+          height: 40
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "text-capitalize",
+        style: {
+          color: sectionproperties.tagcolor,
+          fontSize: 14
+        }
+      }, (item === null || item === void 0 ? void 0 : item.productfeature) != undefined && (item === null || item === void 0 ? void 0 : item.productfeature) != null ? item === null || item === void 0 ? void 0 : item.productfeature : '')), sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
         "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 mb-2 ',
         style: {
           textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',

package/package.json

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