tabexseriescomponents 0.0.347 → 0.0.349

package/dist/index.cjs.js

@@ -31,9 +31,6 @@ var FiShoppingBag = require('@react-icons/all-files/fi/FiShoppingBag');
 var FiShoppingCart = require('@react-icons/all-files/fi/FiShoppingCart');
 var AiFillStar$1 = require('@react-icons/all-files/ai/AiFillStar');
 var AiOutlineStar = require('@react-icons/all-files/ai/AiOutlineStar');
-var AiOutlineTwitter = require('@react-icons/all-files/ai/AiOutlineTwitter');
-var FaWhatsapp = require('@react-icons/all-files/fa/FaWhatsapp');
-var FaLinkedinIn = require('@react-icons/all-files/fa/FaLinkedinIn');
 var reactShare = require('react-share');
 var FiMinus = require('@react-icons/all-files/fi/FiMinus');
 var FiPlus = require('@react-icons/all-files/fi/FiPlus');
@@ -93,6 +90,7 @@ var HiOutlineArrowLeft = require('@react-icons/all-files/hi/HiOutlineArrowLeft')
 var ReactPaginate = require('react-paginate');
 var FaFacebook = require('@react-icons/all-files/fa/FaFacebook');
 var AiFillInstagram = require('@react-icons/all-files/ai/AiFillInstagram');
+var FaWhatsapp = require('@react-icons/all-files/fa/FaWhatsapp');
 var BiGlobe = require('@react-icons/all-files/bi/BiGlobe');
 var MdKeyboardArrowDown = require('@react-icons/all-files/md/MdKeyboardArrowDown');
 var FaMoneyBillWave = require('@react-icons/all-files/fa/FaMoneyBillWave');
@@ -2179,12 +2177,15 @@ var DescriptionContent = function DescriptionContent(props) {
 function ownKeys$2n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2n(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Product_itemtype = function Product_itemtype(props) {
-  var _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _ProductInfoObj$data, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35;
+  var _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _ProductInfoObj$data, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
+  props.actions.returnpolicyobj;
   var productinfo_cssstyles = props.actions.productinfo_cssstyles;
   var addtocartfunc = props.actions.addtocartfunc;
+  props.actions.selectproductoptionvalue;
+  props.actions.clearchoosenvaluesbutkeepcurrentvalue;
   var productimagesarray = props.actions.productimagesarray;
   var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
   var sectionproperties = props.actions.sectionproperties;
@@ -2245,395 +2246,71 @@ var Product_itemtype = function Product_itemtype(props) {
     }
     return titlelang;
   }
-  var GalleryStyle1Section = function GalleryStyle1Section() {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: sectionproperties.maximizegalleryfullscreen == 'Yes' ? ' col-lg-12 p-0 maximize ' : 'col-lg-12 p-0',
-      style: {
-        width: '100%',
-        height: 'auto'
-      }
-    }, productimagesarray.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-      style: {
-        width: '100%',
-        height: '30vh',
-        background: '#eee',
-        borderRadius: 10
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("i", {
-      "class": "h-100 allcentered text-light"
-    }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
-      size: 26
-    }))), productimagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "w-100 d-block d-md-none"
-    }, /*#__PURE__*/React__default["default"].createElement(ImageGallery__default["default"], {
-      items: productimagesarray,
-      thumbnailPosition: sectionproperties.thumbnailposition == 'Bottom' ? 'bottom' : 'left',
-      showNav: false,
-      showPlayButton: false,
-      showFullscreenButton: true,
-      startIndex: currentshowingimageindex
-    })), productimagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "w-100 d-none d-md-block"
-    }, /*#__PURE__*/React__default["default"].createElement(ImageGallery__default["default"], {
-      items: productimagesarray,
-      thumbnailPosition: 'bottom',
-      showNav: false,
-      showPlayButton: false,
-      showFullscreenButton: true,
-      startIndex: currentshowingimageindex
-    })));
-  };
-  var ProductNameSection = function ProductNameSection() {
-    return /*#__PURE__*/React__default["default"].createElement("p", {
-      className: srcfromprops == 'templatedraftrouter' ? "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer  font-sm-15 ' : "".concat(productinfo_cssstyles.productname) + ' m-0 p-0 wordbreak d-flex justify-content-start font-sm-15 ',
-      onClick: function onClick() {
-        if (srcfromprops == 'templatedraftrouter') {
-          routingcountext(StaticPagesLinksContext.productinfo, true, fetchProductInfoQueryContext.data.data.productinfo.productid);
-        }
-      },
-      style: {
-        textAlign: langdetect == 'en' ? 'left' : 'right'
-      }
-    }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar);
-  };
-  var SKUSection = function SKUSection() {
-    var _fetchProductInfoQuer, _fetchProductInfoQuer2;
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": sectionproperties.availabilitybtnposition == 'Under SKU' && sectionproperties.show_availability == 'Show' ? 'row m-0 w-100 mt-3' : 'row m-0 w-100'
-    }, sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": sectionproperties.availabilitybtnposition == 'Under SKU' && sectionproperties.show_availability == 'Show' ? 'col-lg-12 p-0 mb-1 d-flex justify-content-start' : sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productinfo) === null || _fetchProductInfoQuer === void 0 ? void 0 : _fetchProductInfoQuer.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__default["default"].createElement("p", {
-      "class": "m-0 p-0 d-flex justify-content-start"
-    }, /*#__PURE__*/React__default["default"].createElement("span", {
-      style: {
-        color: sectionproperties.skuColor,
-        fontWeight: sectionproperties.skuFontWeight,
-        fontSize: sectionproperties.skuFontSize + 'px',
-        textAlign: langdetect == 'en' ? 'left' : 'right'
-      }
-    }, langdetect == 'en' ? sectionproperties.skutitleEn : sectionproperties.skutitleAr, ":", ' '), /*#__PURE__*/React__default["default"].createElement("span", {
-      "class": "ml-1 mr-1",
-      style: {
-        color: '#7e859b',
-        fontWeight: sectionproperties.skuSecondaryFontWeight,
-        fontSize: sectionproperties.skuFontSize + 'px',
-        textAlign: langdetect == 'en' ? 'left' : 'right'
-      }
-    }, fetchProductInfoQueryContext.data.data.productinfo.sku))), sectionproperties.availabilitybtnposition == 'Under SKU' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "m-0 p-0 d-flex justify-content-start"
-    }, /*#__PURE__*/React__default["default"].createElement("span", {
-      style: {
-        fontSize: sectionproperties.availability_fontsize + 'px',
-        color: sectionproperties.availability_textcolor,
-        textAlign: langdetect == 'en' ? 'left' : 'right',
-        fontWeight: sectionproperties.skuFontWeight
-      }
-    }, lang.availability, ":"), /*#__PURE__*/React__default["default"].createElement("span", {
-      "class": "ml-1 mr-1",
-      style: {
-        color: fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? sectionproperties.availability_availabletextcolor : sectionproperties.availability_limitedtextcolor,
-        fontSize: sectionproperties.availability_fontsize + 'px',
-        fontWeight: sectionproperties.skuSecondaryFontWeight,
-        textAlign: langdetect == 'en' ? 'left' : 'right'
-      }
-    }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.instock : lang.limitedquantity))));
-  };
   var ShareButtonsContainer = function ShareButtonsContainer() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 d-flex justify-content-center flex-column align-items-center p-0"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "m-0 p-0 w-100",
+      "class": "m-0 p-0",
       style: {
         fontWeight: sectionproperties.sharebtn_FontWeight,
         color: sectionproperties.sharebtn_color,
-        fontSize: sectionproperties.sharebtn_fontSize + 'px',
-        textAlign: sectionproperties.sharecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+        fontSize: sectionproperties.sharebtn_fontSize + 'px'
       }
     }, langdetect == 'en' ? sectionproperties.sharebtn_contentEn : sectionproperties.sharebtn_contentAr), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "Demo__container w-100 m-0 d-flex align-items-center mt-3",
-      style: {
-        justifyContent: srcfromprops != 'templatedraftrouter' ? 'start' : sectionproperties.sharecentered == 'Centered' ? 'center' : 'start'
-      }
+      className: "Demo__container w-100 m-0 allcentered mt-3"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "Demo__some-network ml-2 mr-2 allcentered"
+      className: "Demo__some-network ml-2 mr-2"
     }, /*#__PURE__*/React__default["default"].createElement(reactShare.FacebookShareButton, {
       url: shareUrl,
       quote: title,
-      className: "Demo__some-network__share-button allcentered"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": productinfo_cssstyles.shareicon + ' allcentered ',
-      style: {}
-    }, /*#__PURE__*/React__default["default"].createElement("i", {
-      "class": "h-100 allcentered"
-    }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, null))))), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "Demo__some-network ml-2 mr-2 allcentered"
+      className: "Demo__some-network__share-button"
+    }, /*#__PURE__*/React__default["default"].createElement(reactShare.FacebookIcon, {
+      size: 40,
+      round: true
+    }))), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "Demo__some-network ml-2 mr-2"
     }, /*#__PURE__*/React__default["default"].createElement(reactShare.TwitterShareButton, {
       url: shareUrl,
       title: title,
-      className: "Demo__some-network__share-button allcentered"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": productinfo_cssstyles.shareicon + ' allcentered ',
-      style: {}
-    }, /*#__PURE__*/React__default["default"].createElement("i", {
-      "class": "h-100 allcentered"
-    }, /*#__PURE__*/React__default["default"].createElement(AiOutlineTwitter.AiOutlineTwitter, {
-      size: 16
-    }))))), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "Demo__some-network__share-button"
+    }, /*#__PURE__*/React__default["default"].createElement(reactShare.TwitterIcon, {
+      size: 40,
+      round: true
+    }))), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "Demo__some-network ml-2 mr-2"
     }, /*#__PURE__*/React__default["default"].createElement(reactShare.WhatsappShareButton, {
       url: shareUrl,
       title: title,
       separator: ":: ",
       className: "Demo__some-network__share-button"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": productinfo_cssstyles.shareicon + ' allcentered ',
-      style: {}
-    }, /*#__PURE__*/React__default["default"].createElement("i", {
-      "class": "h-100 allcentered"
-    }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
-      size: 16
-    }))))), sectionproperties.showsharelinkedin == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement(reactShare.WhatsappIcon, {
+      size: 40,
+      round: true
+    }))), sectionproperties.showsharelinkedin == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "Demo__some-network ml-2 mr-2"
     }, /*#__PURE__*/React__default["default"].createElement(reactShare.LinkedinShareButton, {
       url: shareUrl,
       title: title,
       separator: ":: ",
       className: "Demo__some-network__share-button"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": productinfo_cssstyles.shareicon + ' allcentered ',
-      style: {}
-    }, /*#__PURE__*/React__default["default"].createElement("i", {
-      "class": "h-100 allcentered"
-    }, /*#__PURE__*/React__default["default"].createElement(FaLinkedinIn.FaLinkedinIn, null))))))));
-  };
-  var Quantitybtn_Cartbtn_Favbottombtn = function Quantitybtn_Cartbtn_Favbottombtn() {
-    var _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer11, _fetchProductInfoQuer12;
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 p-0"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "row m-0 w-100 d-flex align-items-center",
-      style: {
-        justifyContent: sectionproperties.cartbtncentered == 'Centered' ? 'center' : 'start'
-      }
-    }, sectionproperties.quantitybtn_show == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.isproducthasquantitychange) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
-      className: " ".concat(productinfo_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mb-sm-2 ',
-      style: {
-        height: sectionproperties.quantitybtn_height + 'px',
-        width: sectionproperties.quantitybtn_width + 'px',
-        flexDirection: 'row',
-        direction: 'ltr'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("span", {
-      className: "".concat(productinfo_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
-      onClick: function onClick() {
-        var tempaddtocardpayloadobj = _objectSpread$2n({}, addtocardpayloadobj);
-        if (tempaddtocardpayloadobj.quantity > 0) {
-          tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity - 1;
-        }
-        setaddtocardpayloadobj(_objectSpread$2n({}, tempaddtocardpayloadobj));
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("i", {
-      className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-down' : 'h-100 allcentered',
-      style: {
-        fontSize: sectionproperties.remove_quantitybtn_textfontsize + 'px'
-      }
-    }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React__default["default"].createElement(FiMinus.FiMinus, {
-      size: sectionproperties.remove_quantitybtn_textfontsize
-    }))), /*#__PURE__*/React__default["default"].createElement("span", {
-      className: "".concat(productinfo_cssstyles.quantitybtn_text)
-    }, addtocardpayloadobj.quantity), /*#__PURE__*/React__default["default"].createElement("span", {
-      className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
-      onClick: function onClick() {
-        var tempaddtocardpayloadobj = _objectSpread$2n({}, addtocardpayloadobj);
-        tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity + 1;
-        setaddtocardpayloadobj(_objectSpread$2n({}, tempaddtocardpayloadobj));
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("i", {
-      className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-up' : 'h-100 allcentered'
-      // className="fa fa-chevron-up"
-      ,
-      style: {
-        fontSize: sectionproperties.add_quantitybtn_textfontsize + 'px'
-      }
-    }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, {
-      size: sectionproperties.add_quantitybtn_textfontsize
-    })))), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
-      className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
-      onClick: function onClick() {
-        if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
-          var _fetchProductInfoQuer6;
-          window.open('tel:' + ((_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.product_phonenumber), '_blank');
-        } else {
-          if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
-            addtocartfunc();
-          } else {
-            NotificationManager.warning('', lang.maximum + ': ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', ' + lang.minimum + ': ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
-          }
-        }
-      },
-      disabled: AddtoCartMutationContext.isLoading == true ? true : false
-    }, !AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("span", {
-      className: ' d-flex align-items-center justify-content-center '
-    }, /*#__PURE__*/React__default["default"].createElement("i", {
-      className: langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
-    }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(IoBagHandleOutline.IoBagHandleOutline, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
-      size: sectionproperties.cartBtn_iconFontSize
-    })), langdetect == 'en' ? 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.productactionbuttontext_en : 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.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: ' d-flex align-items-center justify-content-center '
-    }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
-      color: "white",
-      width: "20px",
-      height: "20px",
-      duration: "1s"
-    }))), sectionproperties.btnposition == 'Bottom' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: productinfo_cssstyles.wishlist_btn + ' d-flex justify-content-center align-items-center mb-sm-2 ',
-      onClick: function onClick() {
-        addtofavoritescontext(fetchProductInfoQueryContext.data.data.productinfo.productid);
-      },
-      style: {
-        background: fetchProductInfoQueryContext.data.data.productinfo.IsFavExists == true ? sectionproperties.activebgcolor : ''
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("i", {
-      className: "h-100 d-flex align-items-center justify-content-center"
-    }, fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
-      className: "h-100 d-flex align-items-center justify-content-center"
-    }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, {
-      size: sectionproperties.favBtnIconfontsize,
-      style: {
-        color: sectionproperties.activefaviconcolor
-      }
-    }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart$1.FaHeart, {
-      size: sectionproperties.favBtnIconfontsize,
-      style: {
-        color: sectionproperties.activefaviconcolor
-      }
-    })), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
-      className: "h-100 d-flex align-items-center justify-content-center"
-    }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
-      size: sectionproperties.favBtnIconfontsize
-    }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
-      size: sectionproperties.favBtnIconfontsize
-    }))), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && sectionproperties.favBtnTextfontsize != 0 && /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "m-0 p-0",
-      style: {
-        fontSize: sectionproperties.favBtnTextfontsize + 'px'
-      }
-    }, langdetect == 'en' ? sectionproperties.favbtncontent_en : sectionproperties.favbtncontent_ar), fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && sectionproperties.favBtnTextfontsize != 0 && /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "m-0 p-0",
-      style: {
-        fontSize: sectionproperties.favBtnTextfontsize + 'px'
-      }
-    }, langdetect == 'en' ? sectionproperties.favbtnaddedcontent_en : sectionproperties.favbtnaddedcontent_ar))), sectionproperties.cartbtnalone == 'Alone' && sectionproperties.cartBtnShow == '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.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "row m-0 w-100 mt-3",
-      style: {
-        overflow: 'hidden'
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("button", {
-      className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' d-flex align-items-center justify-content-center mb-sm-2 ',
-      style: {
-        width: sectionproperties.cartBtnWidth + '%'
-      },
-      onClick: function onClick() {
-        if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
-          var _fetchProductInfoQuer10;
-          window.open('tel:' + ((_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.product_phonenumber), '_blank');
-        } else {
-          if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
-            addtocartfunc();
-          } else {
-            NotificationManager.warning('', lang.maximum + ': ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', ' + lang.minimum + ': ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
-          }
-        }
-      },
-      disabled: AddtoCartMutationContext.isLoading == true ? true : false
-    }, !AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("span", {
-      className: ' d-flex align-items-center justify-content-center '
-    }, /*#__PURE__*/React__default["default"].createElement("i", {
-      className: langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
-    }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(IoBagHandleOutline.IoBagHandleOutline, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
-      size: sectionproperties.cartBtn_iconFontSize
-    })), langdetect == 'en' ? 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.productactionbuttontext_en : 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.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: ' d-flex align-items-center justify-content-center '
-    }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
-      color: "white",
-      width: "20px",
-      height: "20px",
-      duration: "1s"
-    }))), sectionproperties.btnposition == 'Besides Cart Button' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: productinfo_cssstyles.wishlist_btn + ' d-flex justify-content-center align-items-center mb-sm-2 mx-3 ',
-      onClick: function onClick() {
-        addtofavoritescontext(fetchProductInfoQueryContext.data.data.productinfo.productid);
-      },
-      style: {
-        background: fetchProductInfoQueryContext.data.data.productinfo.IsFavExists == true ? sectionproperties.activebgcolor : ''
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("i", {
-      className: "h-100 d-flex align-items-center justify-content-center"
-    }, fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
-      className: "h-100 d-flex align-items-center justify-content-center"
-    }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, {
-      size: sectionproperties.favBtnIconfontsize,
-      style: {
-        color: sectionproperties.activefaviconcolor
-      }
-    }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart$1.FaHeart, {
-      size: sectionproperties.favBtnIconfontsize,
-      style: {
-        color: sectionproperties.activefaviconcolor
-      }
-    })), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
-      className: "h-100 d-flex align-items-center justify-content-center"
-    }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
-      size: sectionproperties.favBtnIconfontsize
-    }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
-      size: sectionproperties.favBtnIconfontsize
+    }, /*#__PURE__*/React__default["default"].createElement(reactShare.LinkedinIcon, {
+      size: 40,
+      round: true
     }))))));
   };
   // {fetchProductInfoQueryContext.data.data.productinfo.hassale == 0
   //     ? parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2)
   //     : parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2)}
   React.useEffect(function () {
-    var _fetchProductInfoQuer13;
+    var _fetchProductInfoQuer;
     var totalprice = '';
     if (variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0) {
       totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2);
     } else if (variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1) {
       totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2);
-    } else if (variantindexcompleted.length != 0 && (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 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.variants[variantindexcompleted]) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.hassale) == 1) {
+    } else if (variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productinfo) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.variants[variantindexcompleted]) === null || _fetchProductInfoQuer === void 0 ? void 0 : _fetchProductInfoQuer.hassale) == 1) {
       totalprice = parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2);
     } else {
       totalprice = parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2);
@@ -2649,13 +2326,13 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' col-lg-12 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": srcfromprops == 'templatedraftrouter' ? "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 px-2 px-1025-1 p-sm-0 ' : "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
+    "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
     style: {
       minHeight: sectionproperties.height + 'vh'
     }
   }, sectionproperties.gallerystyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "w-100 scrollhorizontalwithscrollbar"
-  }, (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.productimages) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.length) != 0 && (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.productimages.map(function (item, index) {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productimages) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.productimages.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": ' scrollhorizontalcard mx-2 ',
       style: {
@@ -2686,17 +2363,60 @@ var Product_itemtype = function Product_itemtype(props) {
     className: 'row m-0 w-100'
   }, sectionproperties.gallerystyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-3 pb-md-4 pl-1 pr-1"
-  }, GalleryStyle1Section()), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: sectionproperties.maximizegalleryfullscreen == 'Yes' ? ' col-lg-12 p-0 maximize ' : 'col-lg-12 p-0',
+    style: {
+      width: '100%',
+      height: 'auto'
+    }
+  }, productimagesarray.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      width: '100%',
+      height: '30vh',
+      background: '#eee',
+      borderRadius: 10
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": "h-100 allcentered text-light"
+  }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
+    size: 26
+  }))), productimagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "w-100 d-block d-md-none"
+  }, /*#__PURE__*/React__default["default"].createElement(ImageGallery__default["default"], {
+    items: productimagesarray,
+    thumbnailPosition: sectionproperties.thumbnailposition == 'Bottom' ? 'bottom' : 'left',
+    showNav: false,
+    showPlayButton: false,
+    showFullscreenButton: true,
+    startIndex: currentshowingimageindex
+  })), productimagesarray.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "w-100 d-none d-md-block"
+  }, /*#__PURE__*/React__default["default"].createElement(ImageGallery__default["default"], {
+    items: productimagesarray,
+    thumbnailPosition: 'bottom',
+    showNav: false,
+    showPlayButton: false,
+    showFullscreenButton: true,
+    startIndex: currentshowingimageindex
+  })))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: sectionproperties.gallerystyle == 'Style 1' ? langdetect == 'en' ? 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-4 pr-0 p-md-0' : 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-0 pr-4 p-md-0' : 'col-xl-12 col-lg-12 col-md-12 col-sm-12 px-3 px-md-2'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: (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.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'
-  }, ProductNameSection()), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : _fetchProductInfoQuer17.productcanrate) == 1 && sectionproperties.showrating == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.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'
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer  font-sm-15 ',
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.productinfo, true, fetchProductInfoQueryContext.data.data.productinfo.productid);
+    },
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.productcanrate) == 1 && sectionproperties.showrating == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-4 col-md-4 col-sm-4 p-0 mb-1 d-flex justify-content-end align-items-center"
   }, /*#__PURE__*/React__default["default"].createElement(ReactStars__default["default"], {
     count: 5,
-    value: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer18 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.productoverallrate,
+    value: 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.productoverallrate,
     edit: false,
     size: 18,
     emptyIcon: /*#__PURE__*/React__default["default"].createElement("i", {
@@ -2717,7 +2437,7 @@ var Product_itemtype = function Product_itemtype(props) {
     activeColor: "#ffd700"
   })), /*#__PURE__*/React__default["default"].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.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' && (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.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       width: sectionproperties.availability_width + 'px',
       height: sectionproperties.availability_height + 'px',
@@ -2769,7 +2489,7 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
     actions: props.actions,
     srcfromprops: 'undername'
-  })), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.productinfo) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.vendorinfo) != null && sectionproperties.showvendor == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), (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.vendorinfo) != null && sectionproperties.showvendor == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start mt-2 mb-2"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0",
@@ -2780,15 +2500,32 @@ var Product_itemtype = function Product_itemtype(props) {
     style: {
       fontWeight: 600
     }
-  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer21 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.vendorinfo) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : _fetchProductInfoQuer21.vendorname))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0"
-  }, SKUSection()), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.currentquantity) < 1 && sectionproperties.showoutofstock == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.productinfo) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : _fetchProductInfoQuer23.quantavailtype) == 'limit' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer24 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.productinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.hasvariants) == 0 && /*#__PURE__*/React__default["default"].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 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.vendorinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.vendorname))), sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 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 ? '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__default["default"].createElement("p", {
+    "class": "m-0 p-0 d-flex justify-content-start"
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
+    style: {
+      color: sectionproperties.skuColor,
+      fontWeight: sectionproperties.skuFontWeight,
+      fontSize: sectionproperties.skuFontSize + 'px',
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? sectionproperties.skutitleEn : sectionproperties.skutitleAr, ":", ' '), /*#__PURE__*/React__default["default"].createElement("span", {
+    "class": "ml-1 mr-1",
+    style: {
+      color: '#7e859b',
+      fontWeight: sectionproperties.skuSecondaryFontWeight,
+      fontSize: sectionproperties.skuFontSize + 'px',
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, fetchProductInfoQueryContext.data.data.productinfo.sku))), (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.currentquantity) < 1 && sectionproperties.showoutofstock == '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.quantavailtype) == 'limit' && (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.hasvariants) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(productinfo_cssstyles.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"
-  }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.productinfo) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : _fetchProductInfoQuer25.deliverydatetext) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), sectionproperties.deliverytimeshow == 'Show' && (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.deliverydatetext) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "mb-4 col-lg-12 allcentered",
     style: {
       width: '100%',
@@ -2809,9 +2546,9 @@ var Product_itemtype = function Product_itemtype(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right',
       color: sectionproperties.deliverytimecontainercolor
     }
-  }, sectionproperties.showdeliverytitle == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", null, langdetect == 'en' ? sectionproperties.deliverycontent_en : sectionproperties.deliverycontent_ar, ": "), ' ', fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer26 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.productinfo) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : _fetchProductInfoQuer26.deliverydatetext)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer27 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer27 === void 0 || (_fetchProductInfoQuer27 = _fetchProductInfoQuer27.data) === null || _fetchProductInfoQuer27 === void 0 || (_fetchProductInfoQuer27 = _fetchProductInfoQuer27.productinfo) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement(ProductHeaderPricing, {
+  }, sectionproperties.showdeliverytitle == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", null, langdetect == 'en' ? sectionproperties.deliverycontent_en : sectionproperties.deliverycontent_ar, ": "), ' ', 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.deliverydatetext)), (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.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement(ProductHeaderPricing, {
     actions: props.actions
-  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer28 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.productinfo) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : _fetchProductInfoQuer28.hasvariants) == 1 && sectionproperties.productInformationType == 'Profile' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : _fetchProductInfoQuer17.hasvariants) == 1 && sectionproperties.productInformationType == 'Profile' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 d-flex align-items-start"
   }, ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data = ProductInfoObj.data) === null || _ProductInfoObj$data === void 0 || (_ProductInfoObj$data = _ProductInfoObj$data.productinfo) === null || _ProductInfoObj$data === void 0 || (_ProductInfoObj$data = _ProductInfoObj$data.productoptions) === null || _ProductInfoObj$data === void 0 ? void 0 : _ProductInfoObj$data.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2875,7 +2612,9 @@ var Product_itemtype = function Product_itemtype(props) {
     actions: props.actions
   }), sectionproperties.showextrafield == 'Show' && /*#__PURE__*/React__default["default"].createElement(ProductExtraFields, {
     actions: props.actions
-  }), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), sectionproperties.gallerystyle == 'Style 2' && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
+    actions: props.actions
+  }), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 mb-3"
   }, /*#__PURE__*/React__default["default"].createElement("hr", {
     className: "mb-0 mt-2"
@@ -2886,8 +2625,8 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 d-flex align-items-center"
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer29 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : _fetchProductInfoQuer29.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer30 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.productinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.isproducthasquantitychange) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 p-0 mb-2 d-flex justify-content-start"
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer18 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.isproducthasquantitychange) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 p-0 mb-2 d-flex justofy-content-start"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     className: "m-0 p-0",
     style: {
@@ -2896,7 +2635,216 @@ var Product_itemtype = function Product_itemtype(props) {
       textTransform: sectionproperties.generaltext_textTransform,
       fontWeight: sectionproperties.generaltext_fontWeight
     }
-  }, lang.quantity, ":")), Quantitybtn_Cartbtn_Favbottombtn())), sectionproperties.productInformationType == 'Product/Service Information' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer31 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.productinfo) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : _fetchProductInfoQuer31.isproducttobesold) == 1 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, lang.quantity, ":")), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 d-flex align-items-center",
+    style: {
+      justifyContent: sectionproperties.cartbtncentered == 'Centered' ? 'center' : 'start'
+    }
+  }, sectionproperties.quantitybtn_show == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.productinfo) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer21 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : _fetchProductInfoQuer21.isproducthasquantitychange) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
+    className: " ".concat(productinfo_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mb-sm-2 ',
+    style: {
+      height: sectionproperties.quantitybtn_height + 'px',
+      width: sectionproperties.quantitybtn_width + 'px',
+      flexDirection: 'row',
+      direction: 'ltr'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "".concat(productinfo_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
+    onClick: function onClick() {
+      var tempaddtocardpayloadobj = _objectSpread$2n({}, addtocardpayloadobj);
+      if (tempaddtocardpayloadobj.quantity > 0) {
+        tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity - 1;
+      }
+      setaddtocardpayloadobj(_objectSpread$2n({}, tempaddtocardpayloadobj));
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-down' : 'h-100 allcentered',
+    style: {
+      fontSize: sectionproperties.remove_quantitybtn_textfontsize + 'px'
+    }
+  }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React__default["default"].createElement(FiMinus.FiMinus, {
+    size: sectionproperties.remove_quantitybtn_textfontsize
+  }))), /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "".concat(productinfo_cssstyles.quantitybtn_text)
+  }, addtocardpayloadobj.quantity), /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
+    onClick: function onClick() {
+      var tempaddtocardpayloadobj = _objectSpread$2n({}, addtocardpayloadobj);
+      tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity + 1;
+      setaddtocardpayloadobj(_objectSpread$2n({}, tempaddtocardpayloadobj));
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-up' : 'h-100 allcentered'
+    // className="fa fa-chevron-up"
+    ,
+    style: {
+      fontSize: sectionproperties.add_quantitybtn_textfontsize + 'px'
+    }
+  }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, {
+    size: sectionproperties.add_quantitybtn_textfontsize
+  })))), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
+    className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
+    onClick: function onClick() {
+      if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
+        var _fetchProductInfoQuer23;
+        window.open('tel:' + ((_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : _fetchProductInfoQuer23.product_phonenumber), '_blank');
+      } else {
+        if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
+          addtocartfunc();
+        } else {
+          NotificationManager.warning('', lang.maximum + ': ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', ' + lang.minimum + ': ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
+        }
+      }
+    },
+    disabled: AddtoCartMutationContext.isLoading == true ? true : false
+  }, !AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("span", {
+    className: ' d-flex align-items-center justify-content-center '
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    className: langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(IoBagHandleOutline.IoBagHandleOutline, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
+    size: sectionproperties.cartBtn_iconFontSize
+  })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer24 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.productinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.productinfo) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : _fetchProductInfoQuer25.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: ' d-flex align-items-center justify-content-center '
+  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
+    color: "white",
+    width: "20px",
+    height: "20px",
+    duration: "1s"
+  }))), sectionproperties.btnposition == 'Bottom' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: productinfo_cssstyles.wishlist_btn + ' d-flex justify-content-center align-items-center mb-sm-2 ',
+    onClick: function onClick() {
+      addtofavoritescontext(fetchProductInfoQueryContext.data.data.productinfo.productid);
+    },
+    style: {
+      background: fetchProductInfoQueryContext.data.data.productinfo.IsFavExists == true ? sectionproperties.activebgcolor : ''
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    className: "h-100 d-flex align-items-center justify-content-center"
+  }, fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
+    className: "h-100 d-flex align-items-center justify-content-center"
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, {
+    size: sectionproperties.favBtnIconfontsize,
+    style: {
+      color: sectionproperties.activefaviconcolor
+    }
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart$1.FaHeart, {
+    size: sectionproperties.favBtnIconfontsize,
+    style: {
+      color: sectionproperties.activefaviconcolor
+    }
+  })), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
+    className: "h-100 d-flex align-items-center justify-content-center"
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
+    size: sectionproperties.favBtnIconfontsize
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
+    size: sectionproperties.favBtnIconfontsize
+  }))), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && sectionproperties.favBtnTextfontsize != 0 && /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontSize: sectionproperties.favBtnTextfontsize + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.favbtncontent_en : sectionproperties.favbtncontent_ar), fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && sectionproperties.favBtnTextfontsize != 0 && /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontSize: sectionproperties.favBtnTextfontsize + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.favbtnaddedcontent_en : sectionproperties.favbtnaddedcontent_ar))), sectionproperties.cartbtnalone == 'Alone' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer26 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.productinfo) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : _fetchProductInfoQuer26.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 mt-3",
+    style: {
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' d-flex align-items-center justify-content-center mb-sm-2 ',
+    style: {
+      width: sectionproperties.cartBtnWidth + '%'
+    },
+    onClick: function onClick() {
+      if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
+        var _fetchProductInfoQuer27;
+        window.open('tel:' + ((_fetchProductInfoQuer27 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.product_phonenumber), '_blank');
+      } else {
+        if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
+          addtocartfunc();
+        } else {
+          NotificationManager.warning('', lang.maximum + ': ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', ' + lang.minimum + ': ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
+        }
+      }
+    },
+    disabled: AddtoCartMutationContext.isLoading == true ? true : false
+  }, !AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("span", {
+    className: ' d-flex align-items-center justify-content-center '
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    className: langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
+  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(IoBagHandleOutline.IoBagHandleOutline, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
+    size: sectionproperties.cartBtn_iconFontSize
+  })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer28 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.productinfo) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : _fetchProductInfoQuer28.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer29 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : _fetchProductInfoQuer29.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: ' d-flex align-items-center justify-content-center '
+  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
+    color: "white",
+    width: "20px",
+    height: "20px",
+    duration: "1s"
+  }))), sectionproperties.btnposition == 'Besides Cart Button' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: productinfo_cssstyles.wishlist_btn + ' d-flex justify-content-center align-items-center mb-sm-2 mx-3 ',
+    onClick: function onClick() {
+      addtofavoritescontext(fetchProductInfoQueryContext.data.data.productinfo.productid);
+    },
+    style: {
+      background: fetchProductInfoQueryContext.data.data.productinfo.IsFavExists == true ? sectionproperties.activebgcolor : ''
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    className: "h-100 d-flex align-items-center justify-content-center"
+  }, fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
+    className: "h-100 d-flex align-items-center justify-content-center"
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, {
+    size: sectionproperties.favBtnIconfontsize,
+    style: {
+      color: sectionproperties.activefaviconcolor
+    }
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart$1.FaHeart, {
+    size: sectionproperties.favBtnIconfontsize,
+    style: {
+      color: sectionproperties.activefaviconcolor
+    }
+  })), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
+    className: "h-100 d-flex align-items-center justify-content-center"
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
+    size: sectionproperties.favBtnIconfontsize
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
+    size: sectionproperties.favBtnIconfontsize
+  })))))))), sectionproperties.productInformationType == 'Product/Service Information' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer30 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.productinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.isproducttobesold) == 1 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 mb-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 d-flex flex-row"
@@ -2919,7 +2867,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right ' : ' d-flex align-items-center justify-content-end wordbreak text-left '
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer32 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.productinfo) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.variants[variantindexcompleted]) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : _fetchProductInfoQuer32.hassale) == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer33 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.productinfo) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.variants[variantindexcompleted]) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : _fetchProductInfoQuer33.hassale) == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React__default["default"].createElement("p", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer31 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.productinfo) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.variants[variantindexcompleted]) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : _fetchProductInfoQuer31.hassale) == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer32 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.productinfo) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.variants[variantindexcompleted]) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : _fetchProductInfoQuer32.hassale) == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React__default["default"].createElement("p", {
     className: 'm-0 p-0 linethrough wordbreak',
     style: {
       color: sectionproperties.prodsalePriceColor,
@@ -2933,14 +2881,14 @@ var Product_itemtype = function Product_itemtype(props) {
     style: {
       textDecoration: 'none'
     }
-  }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer34 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.productinfo) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.variants[variantindexcompleted]) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : _fetchProductInfoQuer34.hassale) == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer33 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.productinfo) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.variants[variantindexcompleted]) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : _fetchProductInfoQuer33.hassale) == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
     className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "ml-2 mr-2",
     style: {
       textDecoration: 'none'
     }
-  }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), sectionproperties.availabilitybtnposition == 'Bottom' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer35 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer35 === void 0 || (_fetchProductInfoQuer35 = _fetchProductInfoQuer35.data) === null || _fetchProductInfoQuer35 === void 0 || (_fetchProductInfoQuer35 = _fetchProductInfoQuer35.productinfo) === null || _fetchProductInfoQuer35 === void 0 ? void 0 : _fetchProductInfoQuer35.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), sectionproperties.availabilitybtnposition == 'Bottom' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer34 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.productinfo) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : _fetchProductInfoQuer34.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 mb-3 mt-2"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
@@ -2966,7 +2914,7 @@ var Product_itemtype = function Product_itemtype(props) {
     className: "font-weight-600"
   }, lang.availability, ":"), /*#__PURE__*/React__default["default"].createElement("span", {
     className: "ml-1 mr-1"
-  }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity)))), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 1' && srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity)))), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("hr", {
     "class": "mb-3 mt-3",
@@ -2985,6 +2933,11 @@ var Product_itemtype = function Product_itemtype(props) {
       paddingRight: langdetect == 'ar' ? '.5rem' : 0
     }
   }, StoreInfoprops(), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": productinfo_cssstyles.storeinfocontainer + ' col-lg-12 p-0 ',
+    style: {}
+  }, /*#__PURE__*/React__default["default"].createElement("hr", {
+    "class": "my-3"
+  })), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 allcentered mt-2"
   }, ShareButtonsContainer()))))))), sectionproperties.storeinfoposition == 'On The Right' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: langdetect == 'en' ? 'col-lg-3 pr-0 border-md-none p-md-0 pt-4 pl-md-0 pr-md-0' : 'col-lg-3 pl-0 border-md-none md-0 pt-4 pl-md-0 pr-md-0',
@@ -7527,9 +7480,12 @@ var Wishlist = function Wishlist(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' col-lg-12 table_responsive p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("table", {
-    className: 'table'
+    className: 'table table_thbg'
   }, /*#__PURE__*/React__default["default"].createElement("thead", {
-    className: ""
+    className: "",
+    style: {
+      background: '#eee'
+    }
   }, /*#__PURE__*/React__default["default"].createElement("th", {
     className: langdetect == 'en' ? 'text-left font-weight-500 font-14 text-light mw-150 mw-md-300' : 'text-right font-weight-500 font-14 text-light mw-150 mw-md-300'
   }, langdetect == 'en' ? sectionproperties.productnametitle_en : sectionproperties.productnametitle_ar), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("th", {
@@ -7627,7 +7583,7 @@ var Wishlist = function Wishlist(props) {
 function ownKeys$2f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2f(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Viewcart = function Viewcart(props) {
-  var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9;
+  var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchcustomercartQue7, _fetchcustomercartQue8;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
@@ -7867,8 +7823,10 @@ var Viewcart = function Viewcart(props) {
       }
     }),
     tableimagecont: glamor.css({
-      width: sectionproperties.prodimage_width + 'px',
-      height: sectionproperties.prodimage_height + 'px',
+      width: '70px',
+      height: sectionproperties.prodimage__borderBottomLeftRadius == 100 ? '70px' : '60px',
+      border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
+      backgroundColor: sectionproperties.prodimage_bgcolor,
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center',
@@ -7881,22 +7839,6 @@ var Viewcart = function Viewcart(props) {
       '@media (max-width: 800px)': {
         paddingTop: sectionproperties.marginTopResp + 'px'
       }
-    }),
-    shopbuttonstyles: glamor.css({
-      width: sectionproperties.generalbtn_width == 0 ? '100%' : sectionproperties.generalbtn_width + '%',
-      height: sectionproperties.generalbtn_height + 'px',
-      borderRadius: sectionproperties.generalbtnborderradius,
-      backgroundColor: sectionproperties.generalbtn_bgColor,
-      color: sectionproperties.generalbtn_textColor,
-      border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
-      fontSize: sectionproperties.generalbtn_fontsize + 'px',
-      fontWeight: sectionproperties.generalbtn_fontweight,
-      ':hover': {
-        transition: '.3s',
-        backgroundColor: sectionproperties.generalbtn_bgColoronhover,
-        color: sectionproperties.generalbtn_textColoronhover,
-        borderColor: sectionproperties.generalbtn_textColoronhover
-      }
     })
   };
   var _useState5 = React.useState([]),
@@ -7936,7 +7878,7 @@ var Viewcart = function Viewcart(props) {
     "class": sectionproperties.bgcovercontainresponsive == 'Contain' ? 'h-sm-auto mb-sm-4' : '',
     style: {
       width: sectionproperties.image_width + 'vw',
-      height: 'auto',
+      height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'vh',
       marginBottom: sectionproperties.image_mb + 'px',
       position: 'relative'
     }
@@ -7948,11 +7890,15 @@ var Viewcart = function Viewcart(props) {
     style: {
       height: '100%',
       width: '100%',
-      objectFit: 'contain',
       margin: 0,
       padding: 0,
-      borderRadius: sectionproperties.imageborderradius + 'px',
-      zIndex: -1
+      background: sectionproperties.image_bgcolor,
+      borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+      borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+      borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+      borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+      zIndex: -1,
+      objectFit: sectionproperties.bgcovercontain
     }
   }), /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -7962,13 +7908,34 @@ var Viewcart = function Viewcart(props) {
     style: {
       height: '100%',
       width: '100%',
-      objectFit: 'contain',
       margin: 0,
       padding: 0,
-      borderRadius: sectionproperties.imageborderradius + 'px',
+      objectFit: sectionproperties.bgcovercontainresponsive,
+      background: sectionproperties.image_bgcolor,
+      borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+      borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+      borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+      borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
       zIndex: -1
     }
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: ' col-lg-12 p-0 w-100 d-flex align-items-center justify-content-center ',
+    style: {
+      position: 'absolute',
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: ' m-0 p-0 ',
+    style: {
+      fontSize: sectionproperties.imagetextfontsize + 'px',
+      color: sectionproperties.imagetextcolor,
+      textTransform: sectionproperties.imagetexttextTransform,
+      fontWeight: sectionproperties.imagetextfontWeight
+    }
+  }, lang.mycart)))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: 'row ml-0 mr-0 d-flex justify-content-center w-100 pl-lg-4 pr-lg-4 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
@@ -7980,9 +7947,9 @@ var Viewcart = function Viewcart(props) {
       borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
       borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
       borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
-      borderColor: sectionproperties.sectioncardbordercolor,
-      border: sectionproperties.sectioncardborderwidth + 'px solid'
+      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px'
+      // borderColor: sectionproperties.sectioncardbordercolor,
+      // border: sectionproperties.sectioncardborderwidth + 'px solid',
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: 'col-lg-12 p-0'
@@ -7991,7 +7958,7 @@ var Viewcart = function Viewcart(props) {
     actions: actions
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: 'col-lg-12 d-flex w-100 p-0'
-  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.customercart) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.cartitems) === null || _fetchcustomercartQue7 === void 0 ? void 0 : _fetchcustomercartQue7.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: langdetect == 'en' ? 'col-lg-9 pr-0' : 'col-lg-9 pl-0'
@@ -8007,7 +7974,10 @@ var Viewcart = function Viewcart(props) {
   }, /*#__PURE__*/React__default["default"].createElement("table", {
     className: 'table table_thbg'
   }, /*#__PURE__*/React__default["default"].createElement("thead", {
-    className: ""
+    className: "",
+    style: {
+      background: '#eee'
+    }
   }, /*#__PURE__*/React__default["default"].createElement("th", {
     className: langdetect == 'en' ? 'text-left font-weight-500 font-14 text-light mw-150 mw-md-300' : 'text-right font-weight-500 font-14 text-light mw-150 mw-md-300'
   }, langdetect == 'en' ? sectionproperties.productnametitle_en : sectionproperties.productnametitle_ar), /*#__PURE__*/React__default["default"].createElement("th", {
@@ -8024,7 +7994,7 @@ var Viewcart = function Viewcart(props) {
     }
   }, lang.total), /*#__PURE__*/React__default["default"].createElement("th", {
     className: "text-capitalize text-center font-weight-500 font-14 text-uppercase text-light"
-  }, lang.remove)), /*#__PURE__*/React__default["default"].createElement("tbody", null, fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue8 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.customercart) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.cartitems) === null || _fetchcustomercartQue8 === void 0 ? void 0 : _fetchcustomercartQue8.map(function (item, index) {
+  }, lang.remove)), /*#__PURE__*/React__default["default"].createElement("tbody", null, fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.customercart) === null || _fetchcustomercartQue7 === void 0 || (_fetchcustomercartQue7 = _fetchcustomercartQue7.cartitems) === null || _fetchcustomercartQue7 === void 0 ? void 0 : _fetchcustomercartQue7.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("tr", {
       className: "border-none"
     }, /*#__PURE__*/React__default["default"].createElement("td", {
@@ -8040,7 +8010,8 @@ var Viewcart = function Viewcart(props) {
       style: {
         width: '100%',
         height: '100%',
-        objectFit: 'contain'
+        objectFit: sectionproperties.prodimage__borderBottomLeftRadius == '100' ? 'cover' : 'contain',
+        borderRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px'
       },
       loading: "lazy"
     })), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -8194,18 +8165,16 @@ var Viewcart = function Viewcart(props) {
         deletecartitemContext(item);
       }
     }, lang.remove)));
-  })))))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: langdetect == 'en' ? ' col-lg-3 pr-0 px-sm-0 mb-4 ' : ' col-lg-3 pl-0 px-sm-0 mb-4'
-  }, Summary())), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue9 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.customercart) === null || _fetchcustomercartQue9 === void 0 ? void 0 : _fetchcustomercartQue9.cartitems.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "row m-0 w-100 d-flex align-items-center justify-content-center pt-5 pb-5",
+  })))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue8 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.customercart) === null || _fetchcustomercartQue8 === void 0 ? void 0 : _fetchcustomercartQue8.cartitems.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100 d-flex align-items-center justify-content-center h-100 pt-5 pb-5",
     style: {
-      height: '60vh'
+      height: '50vh'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column"
-  }, sectionproperties.noproducticontype == 'Cart' && sectionproperties.noprod_iconfontSize != 0 && /*#__PURE__*/React__default["default"].createElement("img", {
+  }, sectionproperties.noproducticontype == 'Cart' && /*#__PURE__*/React__default["default"].createElement("img", {
     src: 'https://tabex-co.com/storage/StaticImages/shoppingcart.png',
     style: {
       maxWidth: '250px',
@@ -8223,12 +8192,9 @@ var Viewcart = function Viewcart(props) {
       color: sectionproperties.noprod_color,
       fontSize: sectionproperties.noprod_fontSize + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar), /*#__PURE__*/React__default["default"].createElement("button", {
-    className: "".concat(viewcart_cssstyles.shopbuttonstyles) + ' mt-4 d-flex align-items-center justify-content-center ',
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
-    }
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))));
+  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar)))))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: langdetect == 'en' ? ' col-lg-3 pr-0 px-sm-0 mb-4 ' : ' col-lg-3 pl-0 px-sm-0 mb-4'
+  }, Summary()))))));
 };
 
 var css_248z$G = "/* Forms */\n.form-module_form_control__4-RGw {\n    display: block;\n    width: 100%;\n    /* height: 25px; */\n    /* font-size: 1rem; */\n    font-weight: 500;\n    /* color: #444054; */\n    /* background-color: white; */\n    /* border-radius: 20px; */\n    /* box-shadow: 0 0 10px #e6e6e6; */\n    /* height: 40px; */\n    padding-left: 0;\n    padding-right: 0;\n    /* font-size: 14px; */\n    transition: background 0s ease-out;\n    padding: 0 10px;\n}\n.form-module_textarea__zG0ed{\n    resize: none;\n    /* background-color: #eee; */\n}\n@media screen and (prefers-reduced-motion: reduce) {\n    .form-module_form_control__4-RGw {\n        transition: none;\n    }\n}\n.form-module_form_control__4-RGw::-ms-expand {\n    background-color: transparent;\n    border: 0;\n}\n.form-module_form_control__4-RGw::placeholder {\n    color: #eac435;\n    opacity: 1;\n}\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[readonly] {\n    background-color: #e9ecef;\n    opacity: 1;\n    cursor: not-allowed;\n}\ntextarea.form-module_form_control__4-RGw {\n    /* min-height: 100px !important; */\n    padding-top: 10px;\n    padding-bottom: 10px;\n}\n.form-module_form_control__4-RGw:focus {\n    transition-duration: 0.3s;\n    box-shadow: none;\n    /* box-shadow: 0 0 10px #ccc; */\n}\n.form-module_form_control__4-RGw::-moz-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.form-module_form_control__4-RGw:-ms-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.form-module_form_control__4-RGw::-webkit-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n\n.form-module_form_control_border_none__TJvdZ {\n    background-image: none;\n}\n.form-module_form_control__4-RGw.form-module_disabled__AtvSI,\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[disabled] {\n    cursor: not-allowed;\n}\n.form-module_input_label_name__416wN {\n    font-size: 16px;\n    text-transform: capitalize;\n    color: var(--cardheader);\n    font-weight: 500;\n}\n.form-module_input_label_name-bolder__UQn0a {\n    font-weight: 500;\n}\n.form-module_input_icon__X-CzC {\n    position: absolute;\n    bottom: 5px;\n    left: 0;\n    color: #d9d9d9;\n}\n/* Radio Buttons */\n.form-module_radiobtn_label__-4Hoi {\n    display: flex;\n    cursor: pointer;\n    font-weight: 500;\n    position: relative;\n    overflow: hidden;\n    margin-bottom: 0;\n}\n.form-module_radiobtn_label__-4Hoi input {\n    position: absolute;\n    left: -9999px;\n    display: none;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span {\n    background-color: #f0f5f5;\n    color: var(--focus);\n    font-weight: 500;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span:before {\n    box-shadow: inset 0 0 0 0.3em #eac435;\n}\n.form-module_radiobtn_label__-4Hoi span {\n    display: flex;\n    align-items: center;\n    text-transform: capitalize;\n    padding: 0.375em 0.75em 0.375em 0.375em;\n    border-radius: 99em;\n    transition: 0.25s ease;\n    font-weight: normal;\n    color: var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi span:hover {\n    background-color: #e6e6e6;\n}\n.form-module_radiobtn_label__-4Hoi span:before {\n    display: flex;\n    flex-shrink: 0;\n    content: '';\n    background-color: #fff;\n    width: 1em;\n    height: 1em;\n    border-radius: 50%;\n    margin-right: 0.375em;\n    transition: 0.25s ease;\n    box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi.form-module_text-grey__JdZMY span:before {\n    box-shadow: inset 0 0 0 0.125em grey;\n}\n.form-module_radiobtn_label__-4Hoi input.form-module_disabled__AtvSI {\n    cursor: not-allowed;\n}\n.form-module_radiobtn_label_translated__WN5Jj span:before {\n    display: flex;\n    flex-shrink: 0;\n    content: '';\n    background-color: #fff;\n    width: 1em;\n    height: 1em;\n    border-radius: 50%;\n    margin-left: 0.375em;\n    margin-right: 0;\n    transition: 0.25s ease;\n    box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label_translated__WN5Jj input.form-module_disabled__AtvSI {\n    cursor: not-allowed;\n}\n\n/* Checkbox */\n.form-module_checkbox__XPkWy {\n    --border: #022648;\n    --border-hover: #959ed0;\n    --tick: #fff;\n    position: relative;\n    /* color: var(--cardheader); */\n}\n.form-module_checkbox_label__VvcKs {\n    font-size: 16px;\n    text-transform: capitalize;\n    font-weight: 500;\n    cursor: pointer;\n}\n.form-module_checkbox__XPkWy:hover {\n    /* color: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input,\n.form-module_checkbox__XPkWy svg {\n    width: 16px;\n    height: 16px;\n    display: block;\n}\n.form-module_checkbox_sub__QWYil input {\n    width: 15px;\n    height: 15px;\n}\n.form-module_checkbox__XPkWy input {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    position: relative;\n    outline: none;\n    background: white;\n    border: none;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: box-shadow 0.3s;\n    box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));\n}\n.form-module_checkbox__XPkWy input:disabled {\n    cursor: not-allowed;\n}\n.form-module_checkbox__XPkWy input:hover {\n    /* --s: 2px; */\n    /* --b: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input:checked {\n    /* --b: var(--secondary); */\n}\n.form-module_checkbox__XPkWy svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    /* stroke: var(--stroke, var(--secondary)); */\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkbox_sub__QWYil svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke: var(--stroke, var(--secondary));\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkboxtranslated__zvEV- svg {\n    right: 0;\n}\n.form-module_checkbox__XPkWy input:checked {\n    --s: 2px;\n    transition-delay: 0.4s;\n}\n.form-module_checkbox__XPkWy input:checked + svg {\n    --a: 16.1 86.12;\n    --o: 102.22;\n}\n.form-module_checkbox__XPkWy svg {\n    stroke-dasharray: var(--a, 86.12);\n    stroke-dashoffset: var(--o, 86.12);\n    transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;\n}\n";
@@ -8544,15 +8510,13 @@ var Checkout = function Checkout(props) {
   })), _defineProperty__default["default"](_checkoutstyles, "containerstyles", glamor.css({
     marginTop: sectionproperties.marginTop + 'px',
     marginBottom: sectionproperties.marginBottom + 'px',
-    paddingLeft: sectionproperties.paddingLeft + 'px',
-    paddingRight: sectionproperties.paddingRight + 'px',
+    paddingLeft: sectionproperties.cardpaddinghorizontal + 'px',
+    paddingRight: sectionproperties.cardpaddinghorizontal + 'px',
     paddingTop: sectionproperties.paddingTop + 'px',
     paddingBottom: sectionproperties.paddingBottom + 'px',
     background: sectionproperties.backgroundColor,
-    borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
-    borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-    borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
-    borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+    borderTop: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+    minHeight: '70vh',
     '@media (max-width: 800px)': {
       marginTop: sectionproperties.marginTopResp + 'px'
     }
@@ -8950,13 +8914,16 @@ var Checkout = function Checkout(props) {
         __html: langdetect == 'en' ? sectionproperties.text1editortexten : sectionproperties.text1editortextar
       }
     })), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12 d-flex align-items-center justify-content-center mb-2 mt-sm-3",
+      className: "col-lg-12 d-flex align-items-center justify-content-center mt-4 p-0 mb-2 mt-sm-3",
       style: {
         marginTop: sectionproperties.showtotalsection == 'Show' ? 0 : '0.5rem'
       }
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       className: " ".concat(checkoutstyles.checkoutbtnstyles) + ' d-flex align-items-center justify-content-center ',
       onClick: function onClick() {
+        if (sectionproperties.showpaymentfooter == 'Hide') {
+          cartinfoupdater('paymentmethod', 'cod');
+        }
         addorderfuncrunner();
         // AddOrderMutationContext.mutate(payloadobj);
       },
@@ -8972,7 +8939,9 @@ var Checkout = function Checkout(props) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: 'row m-0 w-100 d-flex justify-content-center p-sm-0 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: checkoutstyles.containerstyles + ' col-lg-12 w-100 d-flex justify-content-center pl-md-3 pr-md-3 pl-sm-2 pr-sm-2 '
+    className: ' col-lg-12 w-100 d-flex justify-content-center p-0 '
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: checkoutstyles.containerstyles + ' w-100 d-flex justify-content-center px-md-2 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: 'row m-0 w-100 justify-content-center '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -9336,7 +9305,7 @@ var Checkout = function Checkout(props) {
       resize: 'none',
       boxShadow: 'none'
     }
-  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }))))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(checkoutstyles.innersection) + ' w-100 mb-3 '
@@ -9460,7 +9429,7 @@ var Checkout = function Checkout(props) {
     d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
   })), /*#__PURE__*/React__default["default"].createElement("p", {
     className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
-  }, " Mobile Wallet")))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue75 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue75 === void 0 || (_fetchcustomercartQue75 = _fetchcustomercartQue75.data) === null || _fetchcustomercartQue75 === void 0 ? void 0 : _fetchcustomercartQue75.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? 'Mobile Wallet' : 'المحفظة الإلكترونية')))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue75 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue75 === void 0 || (_fetchcustomercartQue75 = _fetchcustomercartQue75.data) === null || _fetchcustomercartQue75 === void 0 ? void 0 : _fetchcustomercartQue75.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 w-100 mb-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
@@ -9562,7 +9531,7 @@ var Checkout = function Checkout(props) {
     }
   })))))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: langdetect == 'en' ? 'col-lg-4 col-md-12 pr-0' : 'col-lg-4 col-md-12 pl-0'
-  }, Mycart()))));
+  }, Mycart())))));
 };
 
 function ownKeys$2d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -12033,7 +12002,7 @@ var CartSlider = function CartSlider(props) {
       setsidecartnavshowWorkplaceDesigncontext(false);
       setsidecartnavshowcontext(false);
     },
-    placement: "end",
+    placement: langdetect == 'en' ? 'end' : 'start',
     scroll: true,
     style: {
       backgroundColor: sectionproperties.backgroundColor,
@@ -12224,25 +12193,39 @@ var CartSlider = function CartSlider(props) {
       "class": "col-9 p-0 d-flex justify-content-start align-items-center"
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       className: " ".concat(cart_cssstyles.quantitybtn) + ' px-2 d-flex align-items-center justify-content-center '
-    }, /*#__PURE__*/React__default["default"].createElement("span", {
+    }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
       className: "".concat(cart_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
       onClick: function onClick() {
         ChangeCartItemQuantityContext(item, parseInt(parseInt(item.quantity) - 1));
       }
     }, /*#__PURE__*/React__default["default"].createElement(FiMinus.FiMinus, {
       size: sectionproperties.remove_quantitybtn_textfontsize
+    })), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
+      className: "".concat(cart_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
+      onClick: function onClick() {
+        ChangeCartItemQuantityContext(item, parseInt(parseInt(item.quantity) + 1));
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, {
+      size: sectionproperties.add_quantitybtn_textfontsize
     })), /*#__PURE__*/React__default["default"].createElement("span", {
       className: "".concat(cart_cssstyles.quantitybtn_text) + ' d-flex align-items-center justify-content-center ',
       style: {
         background: 'transparent'
       }
-    }, item.quantity), /*#__PURE__*/React__default["default"].createElement("span", {
+    }, item.quantity), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
       className: "".concat(cart_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
       onClick: function onClick() {
         ChangeCartItemQuantityContext(item, parseInt(parseInt(item.quantity) + 1));
       }
     }, /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, {
       size: sectionproperties.add_quantitybtn_textfontsize
+    })), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
+      className: "".concat(cart_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
+      onClick: function onClick() {
+        ChangeCartItemQuantityContext(item, parseInt(parseInt(item.quantity) - 1));
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(FiMinus.FiMinus, {
+      size: sectionproperties.remove_quantitybtn_textfontsize
     })))), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-3 p-0 d-flex justify-content-end align-items-center"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -15268,7 +15251,7 @@ var CardsSection = function CardsSection(props) {
               } else if (item.tabexsectioninfo.sectioncompname == 'Card20') {
                 bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto';
               } else if (item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow') {
-                bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-6 d-flex justify-content-center p-0 ';
+                bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition') {
                 bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
               } else if (item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard') {
@@ -16364,6 +16347,10 @@ var Searchlist$1 = function Searchlist(props) {
         color: sectionproperties.searchlist_prodNameColorOnHover
       }
     }),
+    productnamecont: glamor.css({
+      paddingLeft: langdetect == 'en' ? '0.25rem' : 0,
+      paddingRight: langdetect == 'ar' ? '0.25rem' : 0
+    }),
     productNameStyles: glamor.css({
       fontSize: sectionproperties.searchlist_prodNameFontSize + 'px',
       textTransform: sectionproperties.searchlist_prodNameTextTranform,
@@ -16471,7 +16458,7 @@ var Searchlist$1 = function Searchlist(props) {
         borderRadius: sectionproperties.searchlist_prodimage_borderradius + 'px'
       }
     })), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": props.srcfromprops == 'StylishHeader' ? 'col-lg-11 col-md-11 col-sm-9 pl-1 pr-0 d-flex' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? 'col-lg-9 col-md-10 col-sm-9 pl-1 pr-0 d-flex' : 'col-lg-10 col-md-11 col-sm-9 pl-1 pr-0 d-flex',
+      "class": props.srcfromprops == 'StylishHeader' ? searchlist_styles.productnamecont + ' col-lg-11 col-md-11 col-sm-9  d-flex ' : props.srcfromprops == 'searchlistsliderheaderfullwidth' ? searchlist_styles.productnamecont + ' col-lg-9 col-md-10 col-sm-9 d-flex ' : searchlist_styles.productnamecont + ' col-lg-10 col-md-11 col-sm-9 d-flex ',
       style: {
         alignItems: sectionproperties.searchlistshowprice == 'Show' ? 'start' : 'center'
       }
@@ -18214,8 +18201,8 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     setmenuactive = _useState6[1];
   var _useState7 = React.useState(false),
     _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    openSearch = _useState8[0],
-    setopenSearch = _useState8[1];
+    openSearch = _useState8[0];
+    _useState8[1];
   React.useEffect(function () {
     if (props.sectionpropertiesprops != undefined) {
       setsectionproperties(_objectSpread$1T({}, props.sectionpropertiesprops));
@@ -18486,12 +18473,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     }
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-md-6 col-sm-6 d-flex align-items-center justify-content-end p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("i", {
-    "class": "h-100 allcentered",
-    onClick: function onClick() {
-      setopenSearch(true);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(IoSearchOutline.IoSearchOutline, null)), sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React__default["default"].createElement("i", {
+  }, sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React__default["default"].createElement("i", {
     "class": ' h-100 allcentered ',
     style: {
       color: sectionproperties.cart_BtnTextcolor_resp
@@ -18666,7 +18648,7 @@ var ElegantHeader = function ElegantHeader(props) {
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
-  props.actions.setlang;
+  var setlang = props.actions.setlang;
   var templatepropcontext = props.actions.templatepropcontext;
   var authdetailsContext = props.actions.authdetailsContext;
   var templateproperties_context = props.actions.templateproperties_context;
@@ -18997,7 +18979,10 @@ var ElegantHeader = function ElegantHeader(props) {
   }, langdetect == 'en' ? (_textarray$ = textarray[0]) === null || _textarray$ === void 0 ? void 0 : _textarray$.textEnglish : (_textarray$2 = textarray[0]) === null || _textarray$2 === void 0 ? void 0 : _textarray$2.textArabic))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-4 p-0 text-end"
   }, langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 '
+    "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 ',
+    onClick: function onClick() {
+      setlang('en');
+    }
   }, /*#__PURE__*/React__default["default"].createElement("img", {
     src: 'https://tabex-co.com/storage/StaticImages/egyptflag.png',
     style: {
@@ -19014,7 +18999,10 @@ var ElegantHeader = function ElegantHeader(props) {
   }), /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"
   }, "\u0639")), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 '
+    "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 ',
+    onClick: function onClick() {
+      setlang('ar');
+    }
   }, /*#__PURE__*/React__default["default"].createElement("img", {
     src: 'https://tabex-co.com/storage/StaticImages/usflag.png',
     style: {
@@ -19033,7 +19021,7 @@ var ElegantHeader = function ElegantHeader(props) {
   }, "En")), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "allcentered"
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center ',
+    "class": "".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center pt-1 ',
     sytle: {
       position: 'relative'
     },
@@ -19170,7 +19158,7 @@ var ElegantHeader = function ElegantHeader(props) {
       top: sectionproperties.wishlistbadgetop + 'px',
       right: sectionproperties.wishlistbadgeright + 'px'
     }
-  }, /*#__PURE__*/React__default["default"].createElement("span", null, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length == 0 ? 0 : favoriteprojectscountContext.length)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": " ".concat(header_cssstyles.cart_btn) + ' cursor-pointer allcentered  ',
     onClick: function onClick() {
       setsidecartnavshowcontext(true);
@@ -24367,16 +24355,6 @@ var Simpleheader = function Simpleheader(props) {
   }), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
   }), " ", lang.wishlist))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.Policies);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem allcenetered m-0 p-0 '
-  }, /*#__PURE__*/React__default["default"].createElement(AiOutlineSecurityScan.AiOutlineSecurityScan, {
-    "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-  }), lang.policies))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
     onClick: function onClick() {
       LogoutMutationContext.mutate();
     }
@@ -34471,10 +34449,14 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": langdetect == 'en' ? "".concat(header_cssstyles.categorydropdownbtn) + ' row w-100 m-0 align-items-center pl-2 ' : "".concat(header_cssstyles.categorydropdownbtn) + ' row w-100 m-0 align-items-center pr-2 ',
     style: {
-      display: 'flex'
+      display: 'flex',
+      color: '#000'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": 'col-lg-10 d-flex justify-content-start m-0 p-0'
+    "class": header_cssstyles.categorydropdownbtn + ' col-lg-10 d-flex justify-content-start m-0 p-0 ',
+    style: {
+      color: '#000'
+    }
   }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-2 p-0 h-100 d-flex align-items-center justify-content-end"
   }, /*#__PURE__*/React__default["default"].createElement("i", {
@@ -43026,7 +43008,7 @@ 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',
+      "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',
       style: {
         marginBottom: sectionproperties.descriptionMarginBottom + 'px'
       }
@@ -43089,7 +43071,10 @@ var ModernCardsSection = function ModernCardsSection(props) {
           }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
             transitionBehavior: 'auto',
             wrapperClassName: '',
-            itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard ' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard' ? 'scrollmenuclassnameitemUpSlideEffectCard' : '',
+            itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcardcircularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' :
+            // : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard'
+            // ? section_cssstyles.scrollmenuclassnameitemSimpleproductcard + ' scrollmenuclassnameitemSimpleproductcard '
+            item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_Categorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard' ? 'scrollmenuclassnameitemUpSlideEffectCard' : '',
             scrollContainerClassName: 'scrollmenuclasssubscrollbar'
           }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
             return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -47279,18 +47264,14 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
   }, [sectionproperties]);
   var sectionstyles = {
     btnstyles: glamor.css({
-      width: sectionproperties.generalbtn_width + 'px',
+      width: sectionproperties.generalbtn_width + '%',
       height: sectionproperties.generalbtn_height + 'px',
       background: sectionproperties.generalbtn_bgColor,
-      borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
-      borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
-      borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
-      borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
+      borderRadius: sectionproperties.generalbtnborderradius + 'px',
       border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
       color: sectionproperties.generalbtn_textColor,
       fontSize: sectionproperties.generalbtn_fontsize + 'px',
       fontWeight: sectionproperties.generalbtn_fontweight,
-      textTransform: sectionproperties.generalbtn_texttransform,
       ':hover': {
         transition: '.3s',
         background: sectionproperties.generalbtn_bgColoronhover,
@@ -47348,6 +47329,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
       position: 'relative',
       marginLeft: sectionproperties.card_marginLeft + 'px',
       marginRight: sectionproperties.card_marginRight + 'px',
+      backgroundColor: 'white',
       '@media (max-width: 800px)': {
         height: sectionproperties.height_responsive + 'vh'
       }
@@ -47370,7 +47352,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
       height: '100%',
       objectFit: 'cover'
     }
-  })), sectionproperties.cardstyletype == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), sectionproperties.sectionstyletype == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 justify-content-center mt-sm-5 mb-sm-5"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-6 col-md-9 col-sm-9 p-0 mt-auto mb-auto text-align-start"
@@ -47436,7 +47418,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
     // onClick={() => {
     //     routingcountext(StaticPagesLinksContext.GeneralProductsComponent);
     // }}
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))), sectionproperties.cardstyletype == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))), sectionproperties.sectionstyletype == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 allcentered",
     style: {
       zIndex: 2
@@ -47505,9 +47487,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
     getOptionValue: function getOptionValue(option) {
       return option.collectionid;
     },
-    autocomplete: "new-password"
-    // value={fetchTabexCountriesQueryContext.data.data.countries.filter((option) => option.id == props?.payloadobj?.countryid)}
-    ,
+    autocomplete: "new-password",
     onChange: function onChange(option) {
       var temp = payloadobj;
       temp.collections = [];
@@ -47519,10 +47499,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
     placeholder: ''
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.showcollectionsfilter == 'Show' && sectionproperties.showpricerange == 'Show' && sectionproperties.showpricerange == 'Show' ? 'col-lg-8 p-0' : sectionproperties.showpricerange == 'Show' ? 'col-lg-9 p-0' : sectionproperties.showcollectionsfilter == 'Show' && sectionproperties.showcollectionsfilter == 'Show' && sectionproperties.showpricerange == 'Hide' ? 'col-lg-8 p-0' : 'col-lg-12 p-0'
-  }, /*#__PURE__*/React__default["default"].createElement(CustomerAddressForm
-  // customeraddressrequierd={customeraddressrequierd}
-  // payloadobj={payloadobj}
-  , {
+  }, /*#__PURE__*/React__default["default"].createElement(CustomerAddressForm, {
     payloadobj: payloadobj,
     setpayloadobj: setpayloadobj,
     sectionproperties: sectionproperties
@@ -47603,7 +47580,191 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
         routingcountext(StaticPagesLinksContext.Innervendor, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
       }
     }
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))));
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))), sectionproperties.sectionstyletype == 'Style 3' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 allcentered mt-auto mb-4 px-4",
+    style: {
+      zIndex: 2
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 d-flex align-items-center justify-content-start"
+  }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center justify-content-start"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "wordbreak",
+    style: {
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      textTransform: sectionproperties.sectionTitleTextTransform,
+      fontWeight: sectionproperties.sectionTitleFontWeight,
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      marginBottom: sectionproperties.prodCatShow == 'Show' ? 0 : 20
+    }
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 col-md-12 col-sm-12 p-0 allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      fontSize: sectionproperties.prodCatFontSize + 'px',
+      color: sectionproperties.prodCatColor,
+      textTransform: sectionproperties.prodCatTextTranform,
+      fontWeight: sectionproperties.prodCatFontWeight,
+      maxWidth: '500px'
+    }
+  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'col-lg-10 col-md-12 col-sm-12 allcentered mt-3',
+    style: {
+      backgroundColor: sectionproperties.reservation_bgcolor,
+      borderRadius: sectionproperties.reservation_borderradius + 'px',
+      paddingTop: sectionproperties.reservation_padding_top + 'px',
+      paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
+      paddingLeft: sectionproperties.reservation_padding_left + 'px',
+      paddingRight: sectionproperties.reservation_padding_right + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 d-flex align-items-center justify-content-start"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
+  }, /*#__PURE__*/React__default["default"].createElement("label", {
+    className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'Brand' : 'الماركة'), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'col-lg-12 p-0'
+  }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
+    options: [{
+      label: 'Tesla',
+      value: 1
+    }, {
+      label: 'VW',
+      value: 0
+    }, {
+      label: 'BYD',
+      value: 0
+    }],
+    styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+    placeholder: ''
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
+  }, /*#__PURE__*/React__default["default"].createElement("label", {
+    className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'KM' : 'KM'), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'col-lg-12 p-0'
+  }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
+    options: [{
+      label: '100000',
+      value: 1
+    }, {
+      label: '50000',
+      value: 0
+    }, {
+      label: '30000',
+      value: 0
+    }],
+    styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+    placeholder: ''
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-2 col-md-12 d-flex flex-column align-items-center justify-content-start mb-md-3"
+  }, /*#__PURE__*/React__default["default"].createElement("label", {
+    className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'Model Year' : 'السنة'), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'col-lg-12 p-0'
+  }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
+    options: [{
+      label: '2023',
+      value: 1
+    }, {
+      label: '2022',
+      value: 0
+    }, {
+      label: '2021',
+      value: 0
+    }],
+    styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
+    placeholder: ''
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-md-3 '
+  }, /*#__PURE__*/React__default["default"].createElement("label", {
+    className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, langdetect == 'en' ? 'Price' : 'السعر'), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
+    style: {
+      direction: 'ltr'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(InputRange__default["default"], {
+    draggableTrack: true,
+    formatLabel: function formatLabel(value) {
+      return "".concat(value);
+    },
+    maxValue: parseInt(sectionproperties.filterpricemaxvalue),
+    minValue: parseInt(sectionproperties.filterpriceminvalue),
+    value: pricevalue,
+    onChange: function onChange(value) {
+      setpricevalue(_objectSpread$16({}, value));
+    }
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-1"
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-2 col-md-12 d-flex align-items-center justify-content-end"
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    "class": sectionstyles.btnstyles + ' allcentered ',
+    onClick: function onClick() {
+      var _payloadobj$countryid2, _payloadobj$stateid2, _payloadobj$cityid2, _pricevalue$min2, _pricevalue$max2;
+      var tempfetchproductsfilerobjcontext = _objectSpread$16({}, fetchproductsfilerobjcontext);
+      if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.countryid) != null && (payloadobj === null || payloadobj === void 0 || (_payloadobj$countryid2 = payloadobj.countryid) === null || _payloadobj$countryid2 === void 0 ? void 0 : _payloadobj$countryid2.length) != 0) {
+        if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
+          tempfetchproductsfilerobjcontext.country_ids = [payloadobj.countryid];
+        } else {
+          tempfetchproductsfilerobjcontext.countryid = payloadobj.countryid;
+        }
+      }
+      if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.stateid) != null && (payloadobj === null || payloadobj === void 0 || (_payloadobj$stateid2 = payloadobj.stateid) === null || _payloadobj$stateid2 === void 0 ? void 0 : _payloadobj$stateid2.length) != 0) {
+        if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
+          tempfetchproductsfilerobjcontext.state_ids = [payloadobj.stateid];
+        } else {
+          tempfetchproductsfilerobjcontext.stateid = payloadobj.stateid;
+        }
+      }
+      if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.cityid) != null && (payloadobj === null || payloadobj === void 0 || (_payloadobj$cityid2 = payloadobj.cityid) === null || _payloadobj$cityid2 === void 0 ? void 0 : _payloadobj$cityid2.length) != 0) {
+        if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
+          tempfetchproductsfilerobjcontext.city_ids = [payloadobj.cityid];
+        } else {
+          tempfetchproductsfilerobjcontext.cityid = payloadobj.cityid;
+        }
+      }
+      if ((payloadobj === null || payloadobj === void 0 ? void 0 : payloadobj.collections) != null && payloadobj.collections.length != 0) {
+        tempfetchproductsfilerobjcontext.collections = payloadobj.collections;
+      }
+      if ((pricevalue === null || pricevalue === void 0 ? void 0 : pricevalue.min) != null && (pricevalue === null || pricevalue === void 0 || (_pricevalue$min2 = pricevalue.min) === null || _pricevalue$min2 === void 0 ? void 0 : _pricevalue$min2.length) != 0) {
+        tempfetchproductsfilerobjcontext.price_min = pricevalue.min;
+      }
+      if ((pricevalue === null || pricevalue === void 0 ? void 0 : pricevalue.max) != null && (pricevalue === null || pricevalue === void 0 || (_pricevalue$max2 = pricevalue.max) === null || _pricevalue$max2 === void 0 ? void 0 : _pricevalue$max2.length) != 0) {
+        if (sectionproperties.showpricerange == 'Hide') {
+          tempfetchproductsfilerobjcontext.price_max = 99999999999999;
+        } else {
+          tempfetchproductsfilerobjcontext.price_max = pricevalue.max;
+        }
+      }
+      if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
+      }
+      if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Vendors') {
+        routingcountext(StaticPagesLinksContext.Innervendor, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
+      }
+    }
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))))));
 };
 
 function ownKeys$15(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -65452,7 +65613,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
   })), langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)))), sectionproperties.showrating == 'Show' && item.productcanrate == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 d-flex align-items-center",
+    "class": "col-lg-12 d-flex align-items-center p-0",
     style: {
       justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
     }