tabexseriescomponents 0.0.579 → 0.0.580

package/dist/index.cjs.js

@@ -17683,9 +17683,11 @@ var CardsSection = function CardsSection(props) {
   }
   var section_cssstyles = {
     sectioncontainerr: glamor.css({
+      width: sectionproperties.width + 'vw',
       marginTop: sectionproperties.marginTop + 'px',
       '@media (max-width: 800px)': {
-        marginTop: sectionproperties.marginTopResp != undefined && sectionproperties.marginTopResp != undefined ? sectionproperties.marginTopResp + 'px' : sectionproperties.marginTop + 'px'
+        marginTop: sectionproperties.marginTopResp != undefined && sectionproperties.marginTopResp != undefined ? sectionproperties.marginTopResp + 'px' : sectionproperties.marginTop + 'px',
+        width: sectionproperties.widthresponsive + 'vw'
       }
     }),
     innercardssection: glamor.css({
@@ -18030,7 +18032,7 @@ var CardsSection = function CardsSection(props) {
       }
     }, SectionTitle()), sectionproperties.sectiontitledirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0"
-    }, sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
+    }, sectionproperties.viewmorebtnshow == 'Show' && sectionproperties.viewmorebtnposition != 'Under Section' && /*#__PURE__*/React__default["default"].createElement("button", {
       "class": sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto mb-sm-3 ' : "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 mt-auto mb-auto ' : sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto ' : "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 mt-auto mb-auto ',
       onClick: function onClick() {
         if (fetchingtype == 'products') {
@@ -18099,7 +18101,7 @@ var CardsSection = function CardsSection(props) {
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.sectiontitleposition == 'Centered' ? ' row m-0 w-100 d-flex align-item-center justify-content-center mt-auto mb-auto ' : ' row m-0 w-100 d-flex align-item-center justify-content-end mt-auto mb-auto '
-    }, sectionproperties.viewmorebtnshow == 'Show' && sectionproperties.sectiontitledirection == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("button", {
+    }, sectionproperties.viewmorebtnshow == 'Show' && sectionproperties.sectiontitledirection == 'Horizontal' && sectionproperties.viewmorebtnposition != 'Under Section' && /*#__PURE__*/React__default["default"].createElement("button", {
       "class": sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto mb-sm-3 ' : "".concat(section_cssstyles.viewmorebtn) + ' w-sm-auto btn-circle-resp m-sm-0 mt-auto mb-auto ' : sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto ' : "".concat(section_cssstyles.viewmorebtn) + ' w-sm-auto btn-circle-resp m-sm-0 mt-auto mb-auto ',
       onClick: function onClick() {
         if (fetchingtype == 'products') {
@@ -18254,7 +18256,10 @@ var CardsSection = function CardsSection(props) {
             item.tabexsectioninfo.sectioncompname == 'Productcard7' ? 'scrollmenuclassnameitemProductcard7' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? 'scrollmenuclassnameitemMenuCard' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? 'scrollmenuclassnameitemStylishProductCard' : item.tabexsectioninfo.sectioncompname == 'ProductCardWithTextOnImage' ? 'scrollmenuclassnameitemProductCardWithTextOnImage' :
             // : item.tabexsectioninfo.sectioncompname == 'Card23'
             // ? 'scrollmenuclassnameitemCard23'
-            item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'ModernCardWithQuantityButton' ? 'scrollmenuclassnameitemModernCardWithQuantityButton' : item.tabexsectioninfo.sectioncompname == 'CategoryCardwithhoveraction' ? 'scrollmenuclassnameitemCategoryCardwithhoveraction' : item.tabexsectioninfo.sectioncompname == 'CircleCardWithVariants' ? 'scrollmenuclassnameitemCircleCardWithVariants' :
+            item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'ModernCardWithQuantityButton' ? 'scrollmenuclassnameitemModernCardWithQuantityButton' :
+            // : item.tabexsectioninfo.sectioncompname == 'CategoryCardwithhoveraction'
+            // ? 'scrollmenuclassnameitemCategoryCardwithhoveraction'
+            item.tabexsectioninfo.sectioncompname == 'CircleCardWithVariants' ? 'scrollmenuclassnameitemCircleCardWithVariants' :
             // : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard'
             // ? 'scrollmenuclassnameitemUpSlideEffectCard'
             item.tabexsectioninfo.sectioncompname == 'CategoryCardTextOnImage' ? 'scrollmenuclassnameitemCategoryCardTextOnImage' : '',
@@ -18516,24 +18521,55 @@ var CardsSection = function CardsSection(props) {
           }))));
         }
       }
-    }))));
+    })), sectionproperties.viewmorebtnposition == 'Under Section' && sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 allcentered"
+    }, /*#__PURE__*/React__default["default"].createElement("button", {
+      "class": sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto mb-sm-3 ' : "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 mt-auto mb-auto ' : sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto ' : "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 mt-auto mb-auto ',
+      onClick: function onClick() {
+        if (fetchingtype == 'products') {
+          if (ProductsFetchingTypeSectionObj.productfetchingtype == 'Collection') {
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ProductsFetchingTypeSectionObj.collectionid);
+          } else {
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(ProductFilterObjContext)));
+          }
+        } else {
+          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
+        }
+      },
+      style: {
+        flexDirection: 'row'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("span", {
+      "class": 'd-flex justify-content-center align-items-center'
+    }, /*#__PURE__*/React__default["default"].createElement("span", {
+      "class": sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : 'Poppins'
+    }, langdetect == 'en' ? sectionproperties.viewmorebtn_text : sectionproperties.viewmorebtn_text_ar), sectionproperties.showIcon == 'Show' && /*#__PURE__*/React__default["default"].createElement("i", {
+      "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-flex justify-content-center align-items-center h-100 allcentered' : 'd-flex justify-content-center align-items-center d-md-none h-100',
+      style: {
+        marginLeft: 5,
+        marginRight: 5
+      }
+    }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowRight.HiOutlineArrowRight, {
+      size: sectionproperties.viewmoreiconfontsize
+    }) : /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowLeft.HiOutlineArrowLeft, {
+      size: sectionproperties.viewmoreiconfontsize
+    })))))));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     ref: refscr,
-    "class": section_cssstyles.sectioncontainerr + ' row ml-0 mr-0 d-flex justify-content-center ml-auto mr-auto w-md-100 w-sm-100 ',
+    "class": section_cssstyles.sectioncontainerr + ' row ml-0 mr-0 d-flex justify-content-center ml-auto mr-auto  ',
     style: {
       zIndex: 2,
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
       backgroundImage: maincontainerarrayofobjs.length != 0 ? 'url(' + image_serverbaselink + maincontainerarrayofobjs[0].back_bgimage + ')' : '',
       backgroundSize: 'cover',
-      width: sectionproperties.width + 'vw',
       boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
-      marginBottom: sectionproperties.marginBottom + 'px',
-      minHeight: sectionproperties.height == null || sectionproperties.height == 0 ? 'auto' : sectionproperties.height + 'vh'
+      marginBottom: sectionproperties.marginBottom + 'px'
+      // minHeight: sectionproperties.height == null || sectionproperties.height == 0 ? 'auto' : sectionproperties.height + 'vh',
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": section_cssstyles.innercardssection + ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100  '
@@ -49170,8 +49206,8 @@ function ownKeys$1n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySym
 function _objectSpread$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ModernCardsSection = function ModernCardsSection(props) {
   var _useInView = reactIntersectionObserver.useInView(),
-    ref = _useInView.ref,
-    inView = _useInView.inView;
+    ref = _useInView.ref;
+    _useInView.inView;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -49192,33 +49228,55 @@ var ModernCardsSection = function ModernCardsSection(props) {
   var fetchingtype = props.actions.fetchingtype;
   props.actions.addtofavoritescontext;
   var fetchAuthorizationQueryContext = props.actions.fetchAuthorizationQueryContext;
+  var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
+  var FetchVendorsQuery = props.actions.FetchVendorsQuery;
+  props.actions.ikimagecredcontext;
+  props.actions.sortbycontext;
+  props.actions.setsortbycontext;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray__default["default"](_useState, 2);
+    _useState2[0];
+    _useState2[1];
   var actions = props.actions;
-  var _useState = React.useState(''),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
-    sectionproperties = _useState2[0],
-    setsectionproperties = _useState2[1];
-  var _useState3 = React.useState([]),
+  var _useState3 = React.useState(''),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    cardsarray = _useState4[0],
-    setcardsarray = _useState4[1];
-  var _useState5 = React.useState(''),
+    sectionproperties = _useState4[0],
+    setsectionproperties = _useState4[1];
+  var _useState5 = React.useState([]),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    sectionitem = _useState6[0],
-    setsectionitem = _useState6[1];
-  React__default["default"].useEffect(function () {
-    if (inView) {
-      fetchProductsQuery.fetchNextPage();
-    }
-  }, [inView]);
-  var _useState7 = React.useState({
+    cardsarray = _useState6[0],
+    setcardsarray = _useState6[1];
+  var _useState7 = React.useState(''),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    sectionitem = _useState8[0],
+    setsectionitem = _useState8[1];
+  var _useState9 = React.useState({
       productfetchingtype: 'Random',
       collectionid: '',
       grouptype: ''
     }),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    ProductsFetchingTypeSectionObj = _useState8[0],
-    setProductsFetchingTypeSectionObj = _useState8[1];
+    _useState10 = _slicedToArray__default["default"](_useState9, 2),
+    ProductsFetchingTypeSectionObj = _useState10[0],
+    setProductsFetchingTypeSectionObj = _useState10[1];
+  var _useState11 = React.useState([]),
+    _useState12 = _slicedToArray__default["default"](_useState11, 2);
+    _useState12[0];
+    var setmaincontainerarrayofobjs = _useState12[1];
+  var _useState13 = React.useState(12),
+    _useState14 = _slicedToArray__default["default"](_useState13, 2);
+    _useState14[0];
+    var setperpageItems = _useState14[1];
+  props.actions.AddtoCartMutationContext;
   React.useEffect(function () {
+    var productfilerobjtemp = ProductFilterObjContext;
+    if (props.filterparamsprops != undefined) {
+      var filterpar = decodeURIComponent(props.filterparamsprops);
+      var filterparsed = JSON.parse(filterpar);
+      if (filterparsed != undefined) {
+        productfilerobjtemp = filterparsed;
+        setProductFilterObjContext(filterparsed);
+      }
+    }
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
       if (sectionitem.sectionid == props.sectionidprops) {
         var secpropobj = {};
@@ -49229,14 +49287,20 @@ var ModernCardsSection = function ModernCardsSection(props) {
         setsectionproperties(_objectSpread$1n({}, secpropobj));
         if (props.srcfromprops == 'GeneralProductsComponent') {
           setfetchingtype('products');
+          var lcproductfetchingtype = 'Random';
+          if (productfilerobjtemp.ProductFetchingType != undefined && productfilerobjtemp.ProductFetchingType != null && productfilerobjtemp.ProductFetchingType.length != 0) {
+            lcproductfetchingtype = productfilerobjtemp.ProductFetchingType;
+          }
           setProductsFetchingTypeSectionObj({
-            productfetchingtype: 'Random',
+            productfetchingtype: lcproductfetchingtype,
             collectionid: props.collectionidprops,
             grouptype: props.grouptypeprops,
             grouptyperefid: props.grouptyperefidprops
           });
         } else if (props.srcfromprops == 'InnerGroups' || props.srcfromprops == 'InnerCategory' || props.srcfromprops == 'InnerParentCollection') {
           setfetchingtype(props.grouptypeprops);
+        } else if (props.srcfromprops == 'Innervendor') {
+          setfetchingtype('vendors');
         } else {
           setfetchingtype(sectionitem.fetchingtype);
           setProductsFetchingTypeSectionObj({
@@ -49265,6 +49329,11 @@ var ModernCardsSection = function ModernCardsSection(props) {
             });
             cardobjassigner(allpagesarr);
           }
+        } else if (fetchingtype == 'vendors') {
+          if (FetchVendorsQuery.isSuccess) {
+            var _FetchVendorsQuery$da;
+            cardobjassigner(FetchVendorsQuery === null || FetchVendorsQuery === void 0 || (_FetchVendorsQuery$da = FetchVendorsQuery.data) === null || _FetchVendorsQuery$da === void 0 || (_FetchVendorsQuery$da = _FetchVendorsQuery$da.data) === null || _FetchVendorsQuery$da === void 0 ? void 0 : _FetchVendorsQuery$da.vendors);
+          }
         }
       }
     }
@@ -49273,7 +49342,6 @@ var ModernCardsSection = function ModernCardsSection(props) {
     if ((fetchingtype === null || fetchingtype === void 0 ? void 0 : fetchingtype.length) != 0) {
       var tempFetchQueriesEngineContext = FetchQueriesEngineContext;
       if (fetchingtype == 'collections') {
-        // tempFetchQueriesEngineContext.collections = true;
         if (ProductsFetchingTypeSectionObj.collectionid == 'all' || ProductsFetchingTypeSectionObj.collectionid == null || ProductsFetchingTypeSectionObj.collectionid == undefined) {
           setParentCollectionsForCollectionQueryArr('all');
         } else {
@@ -49284,41 +49352,57 @@ var ModernCardsSection = function ModernCardsSection(props) {
         var tempfetchproductsfilerobjcontext = ProductFilterObjContext;
         tempfetchproductsfilerobjcontext.ProductFetchingType = ProductsFetchingTypeSectionObj.productfetchingtype;
         if (ProductsFetchingTypeSectionObj.grouptype == 'collections' || ProductsFetchingTypeSectionObj.grouptype == 'categories' || ProductsFetchingTypeSectionObj.grouptype == 'parentcollections') ; else {
-          tempfetchproductsfilerobjcontext.collections.push(ProductsFetchingTypeSectionObj.collectionid);
+          if (tempfetchproductsfilerobjcontext.collections != undefined) {
+            tempfetchproductsfilerobjcontext.collections.push(ProductsFetchingTypeSectionObj.collectionid);
+          }
         }
         tempfetchproductsfilerobjcontext.grouptype = ProductsFetchingTypeSectionObj.grouptype;
         tempfetchproductsfilerobjcontext.grouptyperefid = ProductsFetchingTypeSectionObj.grouptyperefid;
         setProductFilterObjContext(_objectSpread$1n({}, tempfetchproductsfilerobjcontext));
       }
+      setFetchQueriesEngineContext(_objectSpread$1n({}, tempFetchQueriesEngineContext));
+    }
+  }, [fetchingtype, ProductsFetchingTypeSectionObj]);
+  React.useEffect(function () {
+    if ((fetchingtype === null || fetchingtype === void 0 ? void 0 : fetchingtype.length) != 0) {
       if (fetchingtype == 'categories') {
-        if (fetchAuthorizationQueryContext !== null && fetchAuthorizationQueryContext !== void 0 && fetchAuthorizationQueryContext.isSuccess) {
-          var categories = fetchAuthorizationQueryContext.data.data.instinfo.instcategories;
-          cardobjassigner(categories);
+        var categories = [];
+        if (fetchCategoriesQueryContext !== null && fetchCategoriesQueryContext !== void 0 && fetchCategoriesQueryContext.isSuccess) {
+          var _fetchCategoriesQuery;
+          categories = fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 ? void 0 : _fetchCategoriesQuery.categories;
         }
+        cardobjassigner(categories);
       }
       if (fetchingtype == 'parentcollections' || fetchingtype == 'innercategories') {
-        if (fetchAuthorizationQueryContext !== null && fetchAuthorizationQueryContext !== void 0 && fetchAuthorizationQueryContext.isSuccess) {
-          var _categories;
-          var categories = fetchAuthorizationQueryContext.data.data.instinfo.instcategories;
-          var parentcollections = [];
-          (_categories = categories) === null || _categories === void 0 || _categories.forEach(function (catitem, catindex) {
-            catitem === null || catitem === void 0 || catitem.parentcolletions.forEach(function (parentcolitem) {
+        var _categories;
+        var categories = [];
+        if (fetchCategoriesQueryContext !== null && fetchCategoriesQueryContext !== void 0 && fetchCategoriesQueryContext.isSuccess) {
+          var _fetchCategoriesQuery2;
+          categories = fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery2 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.data) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.categories;
+        }
+        // if (fetchAuthorizationQueryContext?.isSuccess) {
+        // var categories = fetchAuthorizationQueryContext.data.data.instinfo.instcategories;
+        // alert(JSON.stringify(categories));
+        var parentcollections = [];
+        (_categories = categories) === null || _categories === void 0 || _categories.forEach(function (catitem, catindex) {
+          catitem === null || catitem === void 0 || catitem.parentcolletions.forEach(function (parentcolitem) {
+            if (parentcolitem.isshowntocustomers == 1) {
               parentcolitem.categoryid = catitem.categoryid;
               parentcollections.push(parentcolitem);
-            });
-          });
-          if (fetchingtype == 'parentcollections') {
-            if ((sectionitem === null || sectionitem === void 0 ? void 0 : sectionitem.productsfetchingtypeparentcollectioncategoryid) != null && (sectionitem === null || sectionitem === void 0 ? void 0 : sectionitem.productsfetchingtypeparentcollectioncategoryid) != undefined && (sectionitem === null || sectionitem === void 0 ? void 0 : sectionitem.productsfetchingtypeparentcollectioncategoryid) != 'all') {
-              var arrafterfilter = [];
-              parentcollections.forEach(function (parentcolitem, parcolindex) {
-                if (parentcolitem.categoryid == (sectionitem === null || sectionitem === void 0 ? void 0 : sectionitem.productsfetchingtypeparentcollectioncategoryid)) {
-                  arrafterfilter.push(parentcolitem);
-                }
-              });
-              parentcollections = arrafterfilter;
             }
+          });
+        });
+        if (fetchingtype == 'parentcollections') {
+          if ((sectionitem === null || sectionitem === void 0 ? void 0 : sectionitem.productsfetchingtypeparentcollectioncategoryid) != null && (sectionitem === null || sectionitem === void 0 ? void 0 : sectionitem.productsfetchingtypeparentcollectioncategoryid) != undefined && (sectionitem === null || sectionitem === void 0 ? void 0 : sectionitem.productsfetchingtypeparentcollectioncategoryid) != 'all') {
+            var arrafterfilter = [];
+            parentcollections.forEach(function (parentcolitem, parcolindex) {
+              if (parentcolitem.categoryid == (sectionitem === null || sectionitem === void 0 ? void 0 : sectionitem.productsfetchingtypeparentcollectioncategoryid)) {
+                arrafterfilter.push(parentcolitem);
+              }
+            });
+            parentcollections = arrafterfilter;
           }
-          if (fetchingtype == 'innercategories') {
+          if (props.collectionidprops != null && props.collectionidprops != undefined && props.collectionidprops != 'all') {
             var arrafterfilter = [];
             parentcollections.forEach(function (parentcolitem, parcolindex) {
               if (parentcolitem.categoryid == props.collectionidprops) {
@@ -49327,54 +49411,74 @@ var ModernCardsSection = function ModernCardsSection(props) {
             });
             parentcollections = arrafterfilter;
           }
-          cardobjassigner(parentcollections);
         }
+        if (fetchingtype == 'innercategories') {
+          var arrafterfilter = [];
+          parentcollections.forEach(function (parentcolitem, parcolindex) {
+            if (parentcolitem.categoryid == props.collectionidprops) {
+              arrafterfilter.push(parentcolitem);
+            }
+          });
+          parentcollections = arrafterfilter;
+        }
+        cardobjassigner(parentcollections);
+        // }
       } else if (fetchingtype == 'innerparentcollections') {
-        if (fetchAuthorizationQueryContext !== null && fetchAuthorizationQueryContext !== void 0 && fetchAuthorizationQueryContext.isSuccess) {
-          var _categories2;
-          var categories = fetchAuthorizationQueryContext.data.data.instinfo.instcategories;
-          var collections = [];
-          (_categories2 = categories) === null || _categories2 === void 0 || _categories2.forEach(function (catitem, catindex) {
-            catitem === null || catitem === void 0 || catitem.parentcolletions.forEach(function (parentcolitem) {
-              var _parentcolitem$collec;
-              parentcolitem.categoryid = catitem.categoryid;
-              parentcolitem === null || parentcolitem === void 0 || (_parentcolitem$collec = parentcolitem.collections) === null || _parentcolitem$collec === void 0 || _parentcolitem$collec.forEach(function (collitem, colindex) {
+        var _categories2;
+        var categories = [];
+        if (fetchCategoriesQueryContext !== null && fetchCategoriesQueryContext !== void 0 && fetchCategoriesQueryContext.isSuccess) {
+          var _fetchCategoriesQuery3;
+          categories = fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : _fetchCategoriesQuery3.categories;
+        }
+        // if (fetchAuthorizationQueryContext?.isSuccess) {
+        // var categories = fetchAuthorizationQueryContext.data.data.instinfo.instcategories;
+        var collections = [];
+        (_categories2 = categories) === null || _categories2 === void 0 || _categories2.forEach(function (catitem, catindex) {
+          catitem === null || catitem === void 0 || catitem.parentcolletions.forEach(function (parentcolitem) {
+            var _parentcolitem$collec;
+            parentcolitem.categoryid = catitem.categoryid;
+            parentcolitem === null || parentcolitem === void 0 || (_parentcolitem$collec = parentcolitem.collections) === null || _parentcolitem$collec === void 0 || _parentcolitem$collec.forEach(function (collitem, colindex) {
+              if (collitem.isshowntocustomers == 1) {
                 collitem.parentcollectionid = parentcolitem.parentcollectionid;
                 collections.push(collitem);
-              });
+              }
             });
           });
-          if (fetchingtype == 'innerparentcollections') {
-            var collectionsafterfilter = [];
-            collections.forEach(function (colitem, colindex) {
-              if (colitem.parentcollectionid == props.collectionidprops) {
-                var iscollexists = false;
-                collectionsafterfilter.forEach(function (existcolitem) {
-                  if (colitem.collectionid == existcolitem.collectionid) {
-                    iscollexists = true;
-                  }
-                });
-                if (iscollexists == false) {
-                  collectionsafterfilter.push(colitem);
+        });
+        if (fetchingtype == 'innerparentcollections') {
+          var collectionsafterfilter = [];
+          collections.forEach(function (colitem, colindex) {
+            if (colitem.parentcollectionid == props.collectionidprops) {
+              var iscollexists = false;
+              collectionsafterfilter.forEach(function (existcolitem) {
+                if (colitem.collectionid == existcolitem.collectionid) {
+                  iscollexists = true;
                 }
+              });
+              if (iscollexists == false) {
+                collectionsafterfilter.push(colitem);
               }
-            });
-            collections = collectionsafterfilter;
-          }
-          cardobjassigner(collections);
+            }
+          });
+          collections = collectionsafterfilter;
         }
+        cardobjassigner(collections);
+        // }
       }
-      setFetchQueriesEngineContext(_objectSpread$1n({}, tempFetchQueriesEngineContext));
     }
-  }, [fetchingtype, ProductsFetchingTypeSectionObj]);
+  }, [fetchingtype, ProductsFetchingTypeSectionObj, fetchCategoriesQueryContext.isSuccess]);
   React.useEffect(function () {
     if (fetchingtype == 'products') {
       if (fetchProductsQuery.isSuccess && fetchcustomercartQueryContext.isSuccess) {
-        var _fetchProductsQuery$d2;
+        var _fetchProductsQuery$d2, _fetchProductsQuery$d3, _fetchProductsQuery$d4, _fetchProductsQuery$d5;
         var allpagesarr = [];
         fetchProductsQuery === null || fetchProductsQuery === void 0 || (_fetchProductsQuery$d2 = fetchProductsQuery.data) === null || _fetchProductsQuery$d2 === void 0 || (_fetchProductsQuery$d2 = _fetchProductsQuery$d2.data) === null || _fetchProductsQuery$d2 === void 0 || (_fetchProductsQuery$d2 = _fetchProductsQuery$d2.products) === null || _fetchProductsQuery$d2 === void 0 || _fetchProductsQuery$d2.forEach(function (item) {
           allpagesarr.push(item);
         });
+        if ((fetchProductsQuery === null || fetchProductsQuery === void 0 || (_fetchProductsQuery$d3 = fetchProductsQuery.data) === null || _fetchProductsQuery$d3 === void 0 || (_fetchProductsQuery$d3 = _fetchProductsQuery$d3.data) === null || _fetchProductsQuery$d3 === void 0 ? void 0 : _fetchProductsQuery$d3.PerPageProducts) != undefined && (fetchProductsQuery === null || fetchProductsQuery === void 0 || (_fetchProductsQuery$d4 = fetchProductsQuery.data) === null || _fetchProductsQuery$d4 === void 0 || (_fetchProductsQuery$d4 = _fetchProductsQuery$d4.data) === null || _fetchProductsQuery$d4 === void 0 ? void 0 : _fetchProductsQuery$d4.PerPageProducts) != null && (fetchProductsQuery === null || fetchProductsQuery === void 0 || (_fetchProductsQuery$d5 = fetchProductsQuery.data) === null || _fetchProductsQuery$d5 === void 0 || (_fetchProductsQuery$d5 = _fetchProductsQuery$d5.data) === null || _fetchProductsQuery$d5 === void 0 || (_fetchProductsQuery$d5 = _fetchProductsQuery$d5.PerPageProducts) === null || _fetchProductsQuery$d5 === void 0 ? void 0 : _fetchProductsQuery$d5.length) != 0) {
+          var _fetchProductsQuery$d6;
+          setperpageItems(fetchProductsQuery === null || fetchProductsQuery === void 0 || (_fetchProductsQuery$d6 = fetchProductsQuery.data) === null || _fetchProductsQuery$d6 === void 0 || (_fetchProductsQuery$d6 = _fetchProductsQuery$d6.data) === null || _fetchProductsQuery$d6 === void 0 ? void 0 : _fetchProductsQuery$d6.PerPageProducts);
+        }
         cardobjassigner(allpagesarr);
       }
     }
@@ -49385,10 +49489,28 @@ var ModernCardsSection = function ModernCardsSection(props) {
         cardobjassigner(fetchcollectionsQueryContext.data.data.collections);
       }
     }
-  }, [fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 ? void 0 : fetchcollectionsQueryContext.isSuccess]);
+  }, [fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 ? void 0 : fetchcollectionsQueryContext.isSuccess, fetchcollectionsQueryContext.data]);
+  React.useEffect(function () {
+    if (fetchingtype == 'vendors') {
+      if (FetchVendorsQuery.isSuccess) {
+        if (FetchVendorsQuery.data.data.vendors != undefined && FetchVendorsQuery.data.data.vendors.length != 0) {
+          var _FetchVendorsQuery$da2;
+          cardobjassigner(FetchVendorsQuery === null || FetchVendorsQuery === void 0 || (_FetchVendorsQuery$da2 = FetchVendorsQuery.data) === null || _FetchVendorsQuery$da2 === void 0 || (_FetchVendorsQuery$da2 = _FetchVendorsQuery$da2.data) === null || _FetchVendorsQuery$da2 === void 0 ? void 0 : _FetchVendorsQuery$da2.vendors);
+        }
+      }
+    }
+  }, [FetchVendorsQuery.isSuccess]);
   React.useEffect(function () {
     favassigner();
   }, [favoriteprojectscountContext]);
+  React.useEffect(function () {
+    if (sectionproperties.length != 0 && sectionproperties.maincontainerarrayofobjs != undefined) {
+      var maincontainerarrayofobjsparsed = JSON.parse(sectionproperties.maincontainerarrayofobjs);
+      if (Array.isArray(maincontainerarrayofobjsparsed)) {
+        setmaincontainerarrayofobjs(_toConsumableArray__default["default"](maincontainerarrayofobjsparsed));
+      }
+    }
+  }, [sectionproperties]);
   var favassigner = function favassigner() {
     if (fetchingtype == 'products') {
       if (cardsarray.length != 0) {
@@ -49545,6 +49667,29 @@ var ModernCardsSection = function ModernCardsSection(props) {
     });
     setcardsarray([].concat(temparray));
   };
+  var SectionTitle = function SectionTitle() {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "d-flex align-items-center flex-row",
+      style: {
+        position: 'relative',
+        justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
+        width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
+      }
+    }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
+      "class": section_cssstyles.line_left
+    }), /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_cssstyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_cssstyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_cssstyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? "".concat(section_cssstyles.sectiontitlespan) + ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? "".concat(section_cssstyles.sectiontitlespan) + ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'ASUL' ? "".concat(section_cssstyles.sectiontitlespan) + ' ASUL mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : "".concat(section_cssstyles.sectiontitlespan) + '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
+      style: {
+        color: sectionproperties.sectionTitleColor,
+        fontWeight: sectionproperties.sectionTitleFontWeight,
+        paddingLeft: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
+        paddingRight: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
+        textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
+      }
+    }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
+      "class": section_cssstyles.line_right
+    }));
+  };
   var section_cssstyles = {
     viewmorebtn: glamor.css({
       width: sectionproperties.viewmorebtn_Width == 0 ? 'auto' : sectionproperties.viewmorebtn_Width + 'px',
@@ -49588,29 +49733,12 @@ var ModernCardsSection = function ModernCardsSection(props) {
       background: sectionproperties.linebgcolor
     }),
     sectiontitlecont: glamor.css({
-      marginTop: sectionproperties.sectionTitleMarginTop + 'px'
-    })
-  };
-  var SectionTitle = function SectionTitle() {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 d-flex justify-content-center align-items-center mb-md-0 w-100 px-1025-1 pl-md-2 pr-md-2 pl-sm-2 pr-sm-2' : 'col-lg-12 d-flex justify-content-md-center mb-md-0 align-items-center w-100 px-1025-1 pl-md-2 pr-md-2 pl-sm-2 pr-sm-2',
-      style: {
-        paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
-        paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
-      }
-    }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
-      "class": section_cssstyles.line_left
-    }), /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont mb-auto mb-0 pb-0  wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont mb-auto mb-0 pb-0  wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont mb-auto mb-0 pb-0  wordbreak d-flex align-items-center justify-content-start  justify-content-md-center' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0  wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0  wordbreak d-flex align-items-center justify-content-start justify-content-md-center ' : '  mb-auto mb-0 pb-0  wordbreak d-flex align-items-center justify-content-start justify-content-md-center ',
-      style: {
-        color: sectionproperties.sectionTitleColor,
-        fontWeight: sectionproperties.sectionTitleFontWeight,
-        paddingLeft: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
-        paddingRight: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      '@media (max-width: 1024px)': {
+        paddingLeft: sectionproperties.sectiontitlepaddinghorizontalresponsive + 'rem',
+        paddingRight: sectionproperties.sectiontitlepaddinghorizontalresponsive + 'rem'
       }
-    }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
-      "class": section_cssstyles.line_right
-    }));
+    })
   };
   var cardsrender = function cardsrender() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -49642,12 +49770,12 @@ var ModernCardsSection = function ModernCardsSection(props) {
         fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
       }
     }, SectionTitle()), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 d-flex align-items-center justify-content-center mb-md-0' : 'col-lg-12 d-flex align-items-center justify-content-start justify-content-md-center mb-md-0 p-0',
+      "class": sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 d-flex align-items-center justify-content-center ' : 'col-lg-12 d-flex align-items-center justify-content-start p-0',
       style: {
         marginBottom: sectionproperties.descriptionMarginBottom + 'px'
       }
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak text-md-center ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak text-md-center ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak text-md-center ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak text-md-center ' : ' m-0 p-0 wordbreak',
+      "class": sectionproperties.descFontFamily == 'Pacifico' ? ' PacificoFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Playfair' ? ' PlayfairFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Great Vibes' ? ' GreatvibesFont m-0 p-0 wordbreak ' : sectionproperties.descFontFamily == 'Quicksand' ? ' QuicksandFont m-0 p-0 wordbreak ' : ' m-0 p-0 wordbreak',
       style: {
         fontSize: sectionproperties.prodCatFontSize + 'px',
         color: sectionproperties.prodCatColor,
@@ -69198,6 +69326,14 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
     setitem(props.cardinfoitemprops);
   }, [props.cardinfoitemprops]);
   var card_cssstyles = {
+    productcard: glamor.css({
+      minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
+      maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
+      '@media (max-width: 800px)': {
+        minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
+        maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
+      }
+    }),
     cardcontainer: glamor.css({
       marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
@@ -69276,7 +69412,9 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(cardstyles$1.container, " ").concat(card_cssstyles.container) + ' row m-0 w-100 ',
+    "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 ' : "".concat(card_cssstyles.productcard)
+    // class={`${cardstyles.container} ${card_cssstyles.container}` + ' row m-0 w-100 '}
+    ,
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
@@ -69291,7 +69429,7 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": card_cssstyles.imagecontainer + ' col-lg-12 d-flex d-md-none mb-2 imagecont p-0 ',
     style: {
-      height: sectionproperties.height + 'px'
+      height: sectionproperties.image_height + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -74547,6 +74685,12 @@ var Simpleproductcard = function Simpleproductcard(props) {
   var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   props.actions.NotificationManager;
+  var AddtoCartContext = props.actions.AddtoCartContext;
+  props.AddtoCartMutationContext;
+  var _useState5 = React.useState(''),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    addtocardpayloadobj = _useState6[0];
+    _useState6[1];
   var plainString = function plainString(html) {
     var divContainer = document.createElement('div');
     divContainer.innerHTML = html;
@@ -74725,10 +74869,10 @@ var Simpleproductcard = function Simpleproductcard(props) {
       transform: "translateX(0px)"
     })
   };
-  var _useState5 = React.useState(''),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    secondimage = _useState6[0],
-    setsecondimage = _useState6[1];
+  var _useState7 = React.useState(''),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    secondimage = _useState8[0],
+    setsecondimage = _useState8[1];
   React.useEffect(function () {
     var _props$cardinfoitempr;
     setitem(props.cardinfoitemprops);
@@ -74755,6 +74899,14 @@ var Simpleproductcard = function Simpleproductcard(props) {
       }
     }
   }, [props.cardinfoitemprops]);
+  var addtocartfunc = function addtocartfunc() {
+    var tempaddtocardpayloadobj = _objectSpread$6({}, addtocardpayloadobj);
+    tempaddtocardpayloadobj.productid = item.productid;
+    tempaddtocardpayloadobj.functype = 'add';
+    tempaddtocardpayloadobj.item_type = 'product';
+    tempaddtocardpayloadobj.quantity = 1;
+    AddtoCartContext(tempaddtocardpayloadobj);
+  };
   var Image = function Image(type) {
     var transition = false;
     if (sectionproperties.hideshowcardtransition == 'Show' && type != 'responsive') {
@@ -74789,10 +74941,10 @@ var Simpleproductcard = function Simpleproductcard(props) {
       }
     }));
   };
-  var _useState7 = React.useState(0),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    clickCount = _useState8[0],
-    setClickCount = _useState8[1];
+  var _useState9 = React.useState(0),
+    _useState10 = _slicedToArray__default["default"](_useState9, 2),
+    clickCount = _useState10[0],
+    setClickCount = _useState10[1];
   var handleClick = function handleClick() {
     // Increase the click count by 1
     setClickCount(function (prevCount) {
@@ -74848,7 +75000,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
     }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 px-md-1 ' : " ".concat(card_cssstyles.productcard),
+    "class": props.sectiontypeprops2 == 'vertical' ? sectionproperties.card_marginLeft == 0 && sectionproperties.card_marginRight == 0 ? "".concat(card_cssstyles.productcard) + ' w-100 ' : "".concat(card_cssstyles.productcard) + ' w-100 px-md-1 ' : " ".concat(card_cssstyles.productcard),
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
@@ -74938,7 +75090,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
   }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
   }))), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.showbadge == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "allcentered font-weight-500",
+    "class": "allcentered",
     style: {
       zIndex: 2,
       position: 'absolute',
@@ -75029,8 +75181,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "text-capitalize mx-2",
     style: {
-      color: sectionproperties.tagcolor,
-      fontSize: 14
+      color: sectionproperties.featurecolor,
+      fontSize: sectionproperties.featurefontsize + 'px'
     }
   }, (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 ',
@@ -75128,18 +75280,23 @@ var Simpleproductcard = function Simpleproductcard(props) {
       justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center mt-1 ',
+    "class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center mt-1 '
+    // onClick={() => {
+    //     var productidtobesend = null;
+    //     if (sectionproperties.urlwithproductname == 'Yes') {
+    //         productidtobesend = item.productendpointurl;
+    //     } else {
+    //         productidtobesend = item.productid;
+    //     }
+    //     cardonclickfunctionContext(sectionproperties?.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
+    //     // setShowProductInfoModalContext(true);
+    //     // setProductIdProdutInfoModalContext(item.productid);
+    // }}
+    ,
     onClick: function onClick() {
-      var productidtobesend = null;
-      if (sectionproperties.urlwithproductname == 'Yes') {
-        productidtobesend = item.productendpointurl;
-      } else {
-        productidtobesend = item.productid;
-      }
-      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid);
-      // setShowProductInfoModalContext(true);
-      // setProductIdProdutInfoModalContext(item.productid);
+      addtocartfunc();
     }
+    // disabled={AddtoCartMutationContext.isLoading == true ? true : false}
   }, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("i", {
     "class": langdetect == 'en' ? 'h-100 mr-2 d-flex align-items-center justify-content-center' : 'h-100 ml-2 d-flex align-items-center justify-content-center'
   }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {