tabexseriescomponents 0.0.579 → 0.0.581

package/dist/index.esm.js

@@ -3594,6 +3594,10 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
       item_type: 'service'
     }));
   }, [tabsarray]);
+  var today = new Date();
+  today.getFullYear();
+  (today.getMonth() + 1).toString().padStart(2, '0'); // Adding leading zero if necessary
+  today.getDate().toString().padStart(2, '0'); // Adding leading zero if necessary
   useEffect(function () {
     var date1 = new Date(addtocardpayloadobj.from);
     var date2 = new Date(addtocardpayloadobj.to);
@@ -4365,7 +4369,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
 };
 
 var Service_itemtype = function Service_itemtype(props) {
-  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8;
+  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -4617,12 +4621,23 @@ var Service_itemtype = function Service_itemtype(props) {
     className: "col-lg-8 col-md-8 col-sm-12 p-0 mb-1 d-none d-sm-flex justify-content-start align-items-center"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.vendorinfo) != null && sectionproperties.showvendor == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      color: '#000'
+    }
+  }, langdetect == 'en' ? sectionproperties.vendortitleen : sectionproperties.vendortitlear, ":", ' ', /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontWeight: 600
+    }
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.vendorinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.vendorname))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
-    className: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.productcanrate) == 1 ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.btnposition == 'Top' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center'
+    className: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.productcanrate) == 1 ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.btnposition == 'Top' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center'
   }, ProductName()), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-4 col-md-4 col-sm-4 p-0 mb-1 d-flex justify-content-end align-items-center"
   }, sectionproperties.btnposition == 'Top' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
@@ -4653,11 +4668,11 @@ var Service_itemtype = function Service_itemtype(props) {
     size: sectionproperties.favBtnIconfontsize
   }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
-  }))))))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.productcanrate) == 1 && sectionproperties.showrating == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }))))))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.productcanrate) == 1 && sectionproperties.showrating == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start"
   }, /*#__PURE__*/React.createElement(ReactStars, {
     count: 5,
-    value: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.productoverallrate,
+    value: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.productoverallrate,
     edit: false,
     size: 18,
     emptyIcon: /*#__PURE__*/React.createElement("i", {
@@ -4677,7 +4692,7 @@ var Service_itemtype = function Service_itemtype(props) {
     }),
     activeColor: "#ffd700"
   })))), sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.deliverydatetext) != null ? 'col-lg-12 p-0 mb-2 d-flex justify-content-start' : 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
+    "class": sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.deliverydatetext) != null ? 'col-lg-12 p-0 mb-2 d-flex justify-content-start' : 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0 d-flex justify-content-start"
   }, /*#__PURE__*/React.createElement("span", {
@@ -4697,7 +4712,26 @@ var Service_itemtype = function Service_itemtype(props) {
     }
   }, fetchProductInfoQueryContext.data.data.productinfo.sku))), /*#__PURE__*/React.createElement(ProductHeaderPricing, {
     actions: props.actions
-  }), sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.deliverydatetext) != null && /*#__PURE__*/React.createElement("div", {
+  }), sectionproperties.descriptionstyle == 'Style 1' && sectionproperties.descriptionposition == 'Top' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 col-md-12 p-md-0 mt-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-10 col-md-10 col-sm-10 p-0 d-flex align-items-center justify-content-start"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontWeight: sectionproperties.prodCatFontWeight,
+      color: sectionproperties.prodCatColor,
+      fontSize: sectionproperties.prodCatFontSize + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mt-3"
+  }, /*#__PURE__*/React.createElement(DescriptionContent, {
+    actions: props.actions,
+    srcfromprops: 'collap'
+  }))), sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.deliverydatetext) != null && /*#__PURE__*/React.createElement("div", {
     "class": sectionproperties.gallerystyle == 'Style 2' ? 'mb-4 col-lg-6 d-flex flex-row flex-sm-column allcentered' : 'mb-4 col-lg-12 d-flex flex-row flex-sm-column allcentered',
     style: {
       width: '100%',
@@ -4723,11 +4757,11 @@ var Service_itemtype = function Service_itemtype(props) {
       // textAlign: langdetect == 'en' ? 'left' : 'right',
       color: sectionproperties.deliverytimecontainercolor
     }
-  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.deliverydatetext)), sectionproperties.showfeatures == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.deliverydatetext)), sectionproperties.showfeatures == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 text-start p-md-0"
   }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100"
-  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productfeatures) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.map(function (fitem, findex) {
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productfeatures) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.map(function (fitem, findex) {
     return /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-4 col-md-12 p-0 mb-3 mt-2"
     }, /*#__PURE__*/React.createElement("div", {
@@ -4853,7 +4887,7 @@ var Service_itemtype = function Service_itemtype(props) {
       color: sectionproperties.prodCatColor
     },
     dangerouslySetInnerHTML: {
-      __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.short_description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.short_description_ar
+      __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer15 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.productinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.short_description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.productinfo) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.short_description_ar
     }
   })))))), sectionproperties.descriptionstyle == 'Style 2' && sectionproperties.showshortdescription == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 col-md-12 my-3 p-md-0"
@@ -4978,7 +5012,7 @@ var Service_itemtype = function Service_itemtype(props) {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.RefundPolicy);
     }
-  }, "SEE MORE")))))), sectionproperties.descriptionstyle == 'Style 2' && sectionproperties.showfirstpolicy == 'Show' && sectionproperties.showsecondpolicy == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? 'SEE MORE' : 'عرض المزيد')))))), sectionproperties.descriptionstyle == 'Style 2' && sectionproperties.showfirstpolicy == 'Show' && sectionproperties.showsecondpolicy == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 col-md-12 my-3 p-md-0"
   }, /*#__PURE__*/React.createElement("hr", {
     "class": "m-0"
@@ -17634,9 +17668,11 @@ var CardsSection = function CardsSection(props) {
   }
   var section_cssstyles = {
     sectioncontainerr: 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: css({
@@ -17981,7 +18017,7 @@ var CardsSection = function CardsSection(props) {
       }
     }, SectionTitle()), sectionproperties.sectiontitledirection == 'Vertical' && /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0"
-    }, sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React.createElement("button", {
+    }, sectionproperties.viewmorebtnshow == 'Show' && sectionproperties.viewmorebtnposition != 'Under Section' && /*#__PURE__*/React.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') {
@@ -18050,7 +18086,7 @@ var CardsSection = function CardsSection(props) {
       }
     }, /*#__PURE__*/React.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.createElement("button", {
+    }, sectionproperties.viewmorebtnshow == 'Show' && sectionproperties.sectiontitledirection == 'Horizontal' && sectionproperties.viewmorebtnposition != 'Under Section' && /*#__PURE__*/React.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') {
@@ -18205,7 +18241,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' : '',
@@ -18467,24 +18506,55 @@ var CardsSection = function CardsSection(props) {
           }))));
         }
       }
-    }))));
+    })), sectionproperties.viewmorebtnposition == 'Under Section' && sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 allcentered"
+    }, /*#__PURE__*/React.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.createElement("span", {
+      "class": 'd-flex justify-content-center align-items-center'
+    }, /*#__PURE__*/React.createElement("span", {
+      "class": sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : 'Poppins'
+    }, langdetect == 'en' ? sectionproperties.viewmorebtn_text : sectionproperties.viewmorebtn_text_ar), sectionproperties.showIcon == 'Show' && /*#__PURE__*/React.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.createElement(HiOutlineArrowRight, {
+      size: sectionproperties.viewmoreiconfontsize
+    }) : /*#__PURE__*/React.createElement(HiOutlineArrowLeft, {
+      size: sectionproperties.viewmoreiconfontsize
+    })))))));
   };
   return /*#__PURE__*/React.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.createElement("div", {
     "class": section_cssstyles.innercardssection + ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100  '
@@ -24424,7 +24494,7 @@ var Gotoheader = function Gotoheader(props) {
     sectionpropertiesprops: sectionproperties,
     srcfromprops: 'header-400',
     actions: actions
-  })))), /*#__PURE__*/React.createElement(Dropdown, {
+  })))), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement(Dropdown, {
     style: {
       marginLeft: langdetect == 'en' ? '1rem' : '',
       marginRight: langdetect == 'ar' ? '1rem' : ''
@@ -24734,8 +24804,8 @@ var Gotoheader = function Gotoheader(props) {
       return /*#__PURE__*/React.createElement("div", {
         "class": "".concat(headerstyles$e.topbar_item_container),
         style: {
-          marginRight: langdetect == 'en' ? '45px' : 0,
-          marginLeft: langdetect == 'en' ? 0 : '45px'
+          marginRight: langdetect == 'en' ? '30px' : 0,
+          marginLeft: langdetect == 'en' ? 0 : '30px'
         },
         onClick: function onClick() {
           // history.push(item.navigationroute);
@@ -24756,8 +24826,8 @@ var Gotoheader = function Gotoheader(props) {
     actions: actions,
     subheaderpropertiesprops: {
       subheaderpositionprops: 'in nav',
-      paddingLeftprops: '45px',
-      paddingRightprops: '45px',
+      paddingLeftprops: '30px',
+      paddingRightprops: '30px',
       subheadercontentpositionprops: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
     }
   })))), /*#__PURE__*/React.createElement("div", {
@@ -24767,8 +24837,8 @@ var Gotoheader = function Gotoheader(props) {
     actions: actions,
     subheaderpropertiesprops: {
       subheaderpositionprops: 'Full Width',
-      paddingLeftprops: '45px',
-      paddingRightprops: '45px',
+      paddingLeftprops: '30px',
+      paddingRightprops: '30px',
       subheadercontentpositionprops: 'start'
     }
   }))), !authdetailsContext.loggedin && sectionproperties.hideheaderwhenloggedin == 'Hide' && /*#__PURE__*/React.createElement("div", {
@@ -28585,8 +28655,8 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     headernameprops: 'Header_threesectionslogocentered'
   })))), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement("div", {
     style: {
-      marginRight: langdetect == 'en' ? '1.5rem' : '1.2rem',
-      marginLeft: langdetect == 'en' ? '1.2rem' : '1.5rem'
+      marginRight: sectionproperties.favBtnShow == 'Show' ? langdetect == 'en' ? '1.5rem' : '1.2rem' : 0,
+      marginLeft: sectionproperties.favBtnShow == 'Show' ? langdetect == 'en' ? '1.2rem' : '1.5rem' : 0
     }
   }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
     "class": ' d-flex justify-content-center align-items-center '
@@ -28698,7 +28768,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
   }, /*#__PURE__*/React.createElement(BiLogOutCircle, null), /*#__PURE__*/React.createElement("span", {
     "class": "ml-2 mr-2"
-  }, lang.logout))))))), /*#__PURE__*/React.createElement("div", {
+  }, lang.logout))))))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.wishlist_btn) + ' d-flex justify-content-center align-items-center cursor-pointer ',
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Wishlist);
@@ -28771,7 +28841,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     }
   }), /*#__PURE__*/React.createElement("span", {
     "class": 'ml-2 mr-2'
-  }, lang.arabic)))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
+  }, "\u0639\u0631\u0628\u064A")))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
       setlang('en');
     }
@@ -28792,7 +28862,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     }
   }), /*#__PURE__*/React.createElement("span", {
     "class": 'ml-2 mr-2'
-  }, lang.english))))))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 || (_authdetailsContext$i8 = _authdetailsContext$i8.instcurrencies) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.length) > 1 && /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
+  }, "English"))))))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 || (_authdetailsContext$i8 = _authdetailsContext$i8.instcurrencies) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.length) > 1 && /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
     "class": ' d-flex align-items-center justify-content-center '
   }, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
@@ -49121,8 +49191,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(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 = 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;
@@ -49143,33 +49213,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 = useState(false),
+    _useState2 = _slicedToArray(_useState, 2);
+    _useState2[0];
+    _useState2[1];
   var actions = props.actions;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    sectionproperties = _useState2[0],
-    setsectionproperties = _useState2[1];
-  var _useState3 = useState([]),
+  var _useState3 = useState(''),
     _useState4 = _slicedToArray(_useState3, 2),
-    cardsarray = _useState4[0],
-    setcardsarray = _useState4[1];
-  var _useState5 = useState(''),
+    sectionproperties = _useState4[0],
+    setsectionproperties = _useState4[1];
+  var _useState5 = useState([]),
     _useState6 = _slicedToArray(_useState5, 2),
-    sectionitem = _useState6[0],
-    setsectionitem = _useState6[1];
-  React.useEffect(function () {
-    if (inView) {
-      fetchProductsQuery.fetchNextPage();
-    }
-  }, [inView]);
-  var _useState7 = useState({
+    cardsarray = _useState6[0],
+    setcardsarray = _useState6[1];
+  var _useState7 = useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    sectionitem = _useState8[0],
+    setsectionitem = _useState8[1];
+  var _useState9 = useState({
       productfetchingtype: 'Random',
       collectionid: '',
       grouptype: ''
     }),
-    _useState8 = _slicedToArray(_useState7, 2),
-    ProductsFetchingTypeSectionObj = _useState8[0],
-    setProductsFetchingTypeSectionObj = _useState8[1];
+    _useState10 = _slicedToArray(_useState9, 2),
+    ProductsFetchingTypeSectionObj = _useState10[0],
+    setProductsFetchingTypeSectionObj = _useState10[1];
+  var _useState11 = useState([]),
+    _useState12 = _slicedToArray(_useState11, 2);
+    _useState12[0];
+    var setmaincontainerarrayofobjs = _useState12[1];
+  var _useState13 = useState(12),
+    _useState14 = _slicedToArray(_useState13, 2);
+    _useState14[0];
+    var setperpageItems = _useState14[1];
+  props.actions.AddtoCartMutationContext;
   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 = {};
@@ -49180,14 +49272,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({
@@ -49216,6 +49314,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);
+          }
         }
       }
     }
@@ -49224,7 +49327,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 {
@@ -49235,41 +49337,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]);
+  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) {
@@ -49278,54 +49396,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]);
   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);
       }
     }
@@ -49336,10 +49474,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]);
+  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]);
   useEffect(function () {
     favassigner();
   }, [favoriteprojectscountContext]);
+  useEffect(function () {
+    if (sectionproperties.length != 0 && sectionproperties.maincontainerarrayofobjs != undefined) {
+      var maincontainerarrayofobjsparsed = JSON.parse(sectionproperties.maincontainerarrayofobjs);
+      if (Array.isArray(maincontainerarrayofobjsparsed)) {
+        setmaincontainerarrayofobjs(_toConsumableArray(maincontainerarrayofobjsparsed));
+      }
+    }
+  }, [sectionproperties]);
   var favassigner = function favassigner() {
     if (fetchingtype == 'products') {
       if (cardsarray.length != 0) {
@@ -49496,6 +49652,29 @@ var ModernCardsSection = function ModernCardsSection(props) {
     });
     setcardsarray([].concat(temparray));
   };
+  var SectionTitle = function SectionTitle() {
+    return /*#__PURE__*/React.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.createElement("span", {
+      "class": section_cssstyles.line_left
+    }), /*#__PURE__*/React.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.createElement("span", {
+      "class": section_cssstyles.line_right
+    }));
+  };
   var section_cssstyles = {
     viewmorebtn: css({
       width: sectionproperties.viewmorebtn_Width == 0 ? 'auto' : sectionproperties.viewmorebtn_Width + 'px',
@@ -49539,29 +49718,12 @@ var ModernCardsSection = function ModernCardsSection(props) {
       background: sectionproperties.linebgcolor
     }),
     sectiontitlecont: css({
-      marginTop: sectionproperties.sectionTitleMarginTop + 'px'
-    })
-  };
-  var SectionTitle = function SectionTitle() {
-    return /*#__PURE__*/React.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.createElement("span", {
-      "class": section_cssstyles.line_left
-    }), /*#__PURE__*/React.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.createElement("span", {
-      "class": section_cssstyles.line_right
-    }));
+    })
   };
   var cardsrender = function cardsrender() {
     return /*#__PURE__*/React.createElement("div", {
@@ -49593,12 +49755,12 @@ var ModernCardsSection = function ModernCardsSection(props) {
         fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
       }
     }, SectionTitle()), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.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.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,
@@ -69149,6 +69311,14 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
     setitem(props.cardinfoitemprops);
   }, [props.cardinfoitemprops]);
   var card_cssstyles = {
+    productcard: 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: css({
       marginTop: sectionproperties.marginTop + 'px',
       marginBottom: sectionproperties.marginBottom + 'px',
@@ -69227,7 +69397,9 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
     })
   };
   return /*#__PURE__*/React.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'
@@ -69242,7 +69414,7 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
   }, /*#__PURE__*/React.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.createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -74498,6 +74670,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 = useState(''),
+    _useState6 = _slicedToArray(_useState5, 2),
+    addtocardpayloadobj = _useState6[0];
+    _useState6[1];
   var plainString = function plainString(html) {
     var divContainer = document.createElement('div');
     divContainer.innerHTML = html;
@@ -74676,10 +74854,10 @@ var Simpleproductcard = function Simpleproductcard(props) {
       transform: "translateX(0px)"
     })
   };
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    secondimage = _useState6[0],
-    setsecondimage = _useState6[1];
+  var _useState7 = useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    secondimage = _useState8[0],
+    setsecondimage = _useState8[1];
   useEffect(function () {
     var _props$cardinfoitempr;
     setitem(props.cardinfoitemprops);
@@ -74706,6 +74884,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') {
@@ -74740,10 +74926,10 @@ var Simpleproductcard = function Simpleproductcard(props) {
       }
     }));
   };
-  var _useState7 = useState(0),
-    _useState8 = _slicedToArray(_useState7, 2),
-    clickCount = _useState8[0],
-    setClickCount = _useState8[1];
+  var _useState9 = useState(0),
+    _useState10 = _slicedToArray(_useState9, 2),
+    clickCount = _useState10[0],
+    setClickCount = _useState10[1];
   var handleClick = function handleClick() {
     // Increase the click count by 1
     setClickCount(function (prevCount) {
@@ -74799,7 +74985,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.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'
@@ -74889,7 +75075,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
   }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
   }))), (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.showbadge == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "allcentered font-weight-500",
+    "class": "allcentered",
     style: {
       zIndex: 2,
       position: 'absolute',
@@ -74980,8 +75166,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
   }), /*#__PURE__*/React.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.createElement("p", {
     "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 mb-2 ',
@@ -74991,9 +75177,13 @@ var Simpleproductcard = function Simpleproductcard(props) {
       color: sectionproperties.measurementunitcolor
     }
   }, item.measurmentunit), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0",
+    "class": "col-lg-12 pl-0 pr-0",
     style: {
-      minHeight: sectionproperties.wordbreak == '1' ? 'auto' : '6vh'
+      minHeight: sectionproperties.wordbreak == '1' ? 'auto' : '6vh',
+      background: sectionproperties.prodNameBackgroundColor,
+      borderRadius: '15px',
+      paddingTop: sectionproperties.productnamepaddingvertical + 'px',
+      paddingBottom: sectionproperties.productnamepaddingvertical + 'px'
     }
   }, /*#__PURE__*/React.createElement("p", {
     onClick: function onClick() {
@@ -75010,7 +75200,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
       textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
     }
   }, item.name)), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'No' && /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0 wordbreak wordbreak4 mt-1 ',
+    "class": sectionproperties.descriptionwordbreak == 'None' ? "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0   mt-1 ' : "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0 wordbreak wordbreak4 mt-1 ',
     style: {
       textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
     },
@@ -75018,7 +75208,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
       __html: item.shortdescription
     }
   }), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'Yes' && /*#__PURE__*/React.createElement("p", {
-    "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 wordbreak wordbreak2 p-0 mt-1 ',
+    "class": sectionproperties.descriptionwordbreak == 'None' ? "".concat(card_cssstyles.productDescStyles) + ' col-lg-12  p-0 mt-1 ' : "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 wordbreak wordbreak p-0 mt-1 ',
     style: {
       textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
     }
@@ -75079,18 +75269,23 @@ var Simpleproductcard = function Simpleproductcard(props) {
       justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
     }
   }, /*#__PURE__*/React.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.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.createElement(FiShoppingBag, {