tabexseriescomponents 0.0.348 → 0.0.349

package/dist/index.esm.js

@@ -29,10 +29,7 @@ import { FiShoppingBag } from '@react-icons/all-files/fi/FiShoppingBag';
 import { FiShoppingCart } from '@react-icons/all-files/fi/FiShoppingCart';
 import { AiFillStar as AiFillStar$1 } from '@react-icons/all-files/ai/AiFillStar';
 import { AiOutlineStar } from '@react-icons/all-files/ai/AiOutlineStar';
-import { AiOutlineTwitter } from '@react-icons/all-files/ai/AiOutlineTwitter';
-import { FaWhatsapp } from '@react-icons/all-files/fa/FaWhatsapp';
-import { FaLinkedinIn } from '@react-icons/all-files/fa/FaLinkedinIn';
-import { FacebookShareButton, TwitterShareButton, WhatsappShareButton, LinkedinShareButton, FacebookIcon, TwitterIcon, WhatsappIcon, LinkedinIcon } from 'react-share';
+import { FacebookShareButton, FacebookIcon, TwitterShareButton, TwitterIcon, WhatsappShareButton, WhatsappIcon, LinkedinShareButton, LinkedinIcon } from 'react-share';
 import { FiMinus } from '@react-icons/all-files/fi/FiMinus';
 import { FiPlus } from '@react-icons/all-files/fi/FiPlus';
 import ReactStars from 'react-rating-stars-component';
@@ -56,7 +53,7 @@ import { HiOutlineChevronLeft } from '@react-icons/all-files/hi/HiOutlineChevron
 import { GoGlobe } from '@react-icons/all-files/go/GoGlobe';
 import { VscGlobe } from '@react-icons/all-files/vsc/VscGlobe';
 import { HiOutlineTrash } from '@react-icons/all-files/hi/HiOutlineTrash';
-import '@react-icons/all-files/bi/BiSad';
+import { BiSad } from '@react-icons/all-files/bi/BiSad';
 import { FiCalendar } from '@react-icons/all-files/fi/FiCalendar';
 import Dropdown from 'react-bootstrap/Dropdown';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
@@ -91,6 +88,7 @@ import { HiOutlineArrowLeft } from '@react-icons/all-files/hi/HiOutlineArrowLeft
 import ReactPaginate from 'react-paginate';
 import { FaFacebook } from '@react-icons/all-files/fa/FaFacebook';
 import { AiFillInstagram } from '@react-icons/all-files/ai/AiFillInstagram';
+import { FaWhatsapp } from '@react-icons/all-files/fa/FaWhatsapp';
 import { BiGlobe } from '@react-icons/all-files/bi/BiGlobe';
 import { MdKeyboardArrowDown } from '@react-icons/all-files/md/MdKeyboardArrowDown';
 import { FaMoneyBillWave } from '@react-icons/all-files/fa/FaMoneyBillWave';
@@ -2130,12 +2128,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(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;
@@ -2196,395 +2197,71 @@ var Product_itemtype = function Product_itemtype(props) {
     }
     return titlelang;
   }
-  var GalleryStyle1Section = function GalleryStyle1Section() {
-    return /*#__PURE__*/React.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.createElement("div", {
-      style: {
-        width: '100%',
-        height: '30vh',
-        background: '#eee',
-        borderRadius: 10
-      }
-    }, /*#__PURE__*/React.createElement("i", {
-      "class": "h-100 allcentered text-light"
-    }, /*#__PURE__*/React.createElement(FiLayers, {
-      size: 26
-    }))), productimagesarray.length != 0 && /*#__PURE__*/React.createElement("div", {
-      "class": "w-100 d-block d-md-none"
-    }, /*#__PURE__*/React.createElement(ImageGallery, {
-      items: productimagesarray,
-      thumbnailPosition: sectionproperties.thumbnailposition == 'Bottom' ? 'bottom' : 'left',
-      showNav: false,
-      showPlayButton: false,
-      showFullscreenButton: true,
-      startIndex: currentshowingimageindex
-    })), productimagesarray.length != 0 && /*#__PURE__*/React.createElement("div", {
-      "class": "w-100 d-none d-md-block"
-    }, /*#__PURE__*/React.createElement(ImageGallery, {
-      items: productimagesarray,
-      thumbnailPosition: 'bottom',
-      showNav: false,
-      showPlayButton: false,
-      showFullscreenButton: true,
-      startIndex: currentshowingimageindex
-    })));
-  };
-  var ProductNameSection = function ProductNameSection() {
-    return /*#__PURE__*/React.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.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.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.createElement("p", {
-      "class": "m-0 p-0 d-flex justify-content-start"
-    }, /*#__PURE__*/React.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.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.createElement("div", {
-      "class": 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
-    }, /*#__PURE__*/React.createElement("p", {
-      "class": "m-0 p-0 d-flex justify-content-start"
-    }, /*#__PURE__*/React.createElement("span", {
-      style: {
-        fontSize: sectionproperties.availability_fontsize + 'px',
-        color: sectionproperties.availability_textcolor,
-        textAlign: langdetect == 'en' ? 'left' : 'right',
-        fontWeight: sectionproperties.skuFontWeight
-      }
-    }, lang.availability, ":"), /*#__PURE__*/React.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.createElement("div", {
       "class": "row m-0 w-100"
     }, /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 d-flex justify-content-center flex-column align-items-center p-0"
     }, /*#__PURE__*/React.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.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.createElement("div", {
-      className: "Demo__some-network ml-2 mr-2 allcentered"
+      className: "Demo__some-network ml-2 mr-2"
     }, /*#__PURE__*/React.createElement(FacebookShareButton, {
       url: shareUrl,
       quote: title,
-      className: "Demo__some-network__share-button allcentered"
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": productinfo_cssstyles.shareicon + ' allcentered ',
-      style: {}
-    }, /*#__PURE__*/React.createElement("i", {
-      "class": "h-100 allcentered"
-    }, /*#__PURE__*/React.createElement(FaFacebookF, null))))), /*#__PURE__*/React.createElement("div", {
-      className: "Demo__some-network ml-2 mr-2 allcentered"
+      className: "Demo__some-network__share-button"
+    }, /*#__PURE__*/React.createElement(FacebookIcon, {
+      size: 40,
+      round: true
+    }))), /*#__PURE__*/React.createElement("div", {
+      className: "Demo__some-network ml-2 mr-2"
     }, /*#__PURE__*/React.createElement(TwitterShareButton, {
       url: shareUrl,
       title: title,
-      className: "Demo__some-network__share-button allcentered"
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": productinfo_cssstyles.shareicon + ' allcentered ',
-      style: {}
-    }, /*#__PURE__*/React.createElement("i", {
-      "class": "h-100 allcentered"
-    }, /*#__PURE__*/React.createElement(AiOutlineTwitter, {
-      size: 16
-    }))))), /*#__PURE__*/React.createElement("div", {
+      className: "Demo__some-network__share-button"
+    }, /*#__PURE__*/React.createElement(TwitterIcon, {
+      size: 40,
+      round: true
+    }))), /*#__PURE__*/React.createElement("div", {
       className: "Demo__some-network ml-2 mr-2"
     }, /*#__PURE__*/React.createElement(WhatsappShareButton, {
       url: shareUrl,
       title: title,
       separator: ":: ",
       className: "Demo__some-network__share-button"
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": productinfo_cssstyles.shareicon + ' allcentered ',
-      style: {}
-    }, /*#__PURE__*/React.createElement("i", {
-      "class": "h-100 allcentered"
-    }, /*#__PURE__*/React.createElement(FaWhatsapp, {
-      size: 16
-    }))))), sectionproperties.showsharelinkedin == 'Show' && /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement(WhatsappIcon, {
+      size: 40,
+      round: true
+    }))), sectionproperties.showsharelinkedin == 'Show' && /*#__PURE__*/React.createElement("div", {
       className: "Demo__some-network ml-2 mr-2"
     }, /*#__PURE__*/React.createElement(LinkedinShareButton, {
       url: shareUrl,
       title: title,
       separator: ":: ",
       className: "Demo__some-network__share-button"
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": productinfo_cssstyles.shareicon + ' allcentered ',
-      style: {}
-    }, /*#__PURE__*/React.createElement("i", {
-      "class": "h-100 allcentered"
-    }, /*#__PURE__*/React.createElement(FaLinkedinIn, null))))))));
-  };
-  var Quantitybtn_Cartbtn_Favbottombtn = function Quantitybtn_Cartbtn_Favbottombtn() {
-    var _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer11, _fetchProductInfoQuer12;
-    return /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 p-0"
-    }, /*#__PURE__*/React.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.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.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.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.createElement(FiMinus, {
-      size: sectionproperties.remove_quantitybtn_textfontsize
-    }))), /*#__PURE__*/React.createElement("span", {
-      className: "".concat(productinfo_cssstyles.quantitybtn_text)
-    }, addtocardpayloadobj.quantity), /*#__PURE__*/React.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.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.createElement(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.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.createElement("span", {
-      className: ' d-flex align-items-center justify-content-center '
-    }, /*#__PURE__*/React.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.createElement(FiShoppingBag, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(IoBagHandleOutline, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(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.createElement("div", {
-      className: ' d-flex align-items-center justify-content-center '
-    }, /*#__PURE__*/React.createElement(CircularProgress, {
-      color: "white",
-      width: "20px",
-      height: "20px",
-      duration: "1s"
-    }))), sectionproperties.btnposition == 'Bottom' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.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.createElement("i", {
-      className: "h-100 d-flex align-items-center justify-content-center"
-    }, fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React.createElement("i", {
-      className: "h-100 d-flex align-items-center justify-content-center"
-    }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar$1, {
-      size: sectionproperties.favBtnIconfontsize,
-      style: {
-        color: sectionproperties.activefaviconcolor
-      }
-    }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaHeart$1, {
-      size: sectionproperties.favBtnIconfontsize,
-      style: {
-        color: sectionproperties.activefaviconcolor
-      }
-    })), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React.createElement("i", {
-      className: "h-100 d-flex align-items-center justify-content-center"
-    }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
-      size: sectionproperties.favBtnIconfontsize
-    }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
-      size: sectionproperties.favBtnIconfontsize
-    }))), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && sectionproperties.favBtnTextfontsize != 0 && /*#__PURE__*/React.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.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.createElement("div", {
-      "class": "row m-0 w-100 mt-3",
-      style: {
-        overflow: 'hidden'
-      }
-    }, /*#__PURE__*/React.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.createElement("span", {
-      className: ' d-flex align-items-center justify-content-center '
-    }, /*#__PURE__*/React.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.createElement(FiShoppingBag, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(IoBagHandleOutline, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(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.createElement("div", {
-      className: ' d-flex align-items-center justify-content-center '
-    }, /*#__PURE__*/React.createElement(CircularProgress, {
-      color: "white",
-      width: "20px",
-      height: "20px",
-      duration: "1s"
-    }))), sectionproperties.btnposition == 'Besides Cart Button' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.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.createElement("i", {
-      className: "h-100 d-flex align-items-center justify-content-center"
-    }, fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React.createElement("i", {
-      className: "h-100 d-flex align-items-center justify-content-center"
-    }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar$1, {
-      size: sectionproperties.favBtnIconfontsize,
-      style: {
-        color: sectionproperties.activefaviconcolor
-      }
-    }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaHeart$1, {
-      size: sectionproperties.favBtnIconfontsize,
-      style: {
-        color: sectionproperties.activefaviconcolor
-      }
-    })), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React.createElement("i", {
-      className: "h-100 d-flex align-items-center justify-content-center"
-    }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
-      size: sectionproperties.favBtnIconfontsize
-    }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
-      size: sectionproperties.favBtnIconfontsize
+    }, /*#__PURE__*/React.createElement(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)}
   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);
@@ -2600,13 +2277,13 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": ' col-lg-12 p-0 '
   }, /*#__PURE__*/React.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.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.createElement("div", {
       "class": ' scrollhorizontalcard mx-2 ',
       style: {
@@ -2637,17 +2314,60 @@ var Product_itemtype = function Product_itemtype(props) {
     className: 'row m-0 w-100'
   }, sectionproperties.gallerystyle == 'Style 1' && /*#__PURE__*/React.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.createElement("div", {
+  }, /*#__PURE__*/React.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.createElement("div", {
+    style: {
+      width: '100%',
+      height: '30vh',
+      background: '#eee',
+      borderRadius: 10
+    }
+  }, /*#__PURE__*/React.createElement("i", {
+    "class": "h-100 allcentered text-light"
+  }, /*#__PURE__*/React.createElement(FiLayers, {
+    size: 26
+  }))), productimagesarray.length != 0 && /*#__PURE__*/React.createElement("div", {
+    "class": "w-100 d-block d-md-none"
+  }, /*#__PURE__*/React.createElement(ImageGallery, {
+    items: productimagesarray,
+    thumbnailPosition: sectionproperties.thumbnailposition == 'Bottom' ? 'bottom' : 'left',
+    showNav: false,
+    showPlayButton: false,
+    showFullscreenButton: true,
+    startIndex: currentshowingimageindex
+  })), productimagesarray.length != 0 && /*#__PURE__*/React.createElement("div", {
+    "class": "w-100 d-none d-md-block"
+  }, /*#__PURE__*/React.createElement(ImageGallery, {
+    items: productimagesarray,
+    thumbnailPosition: 'bottom',
+    showNav: false,
+    showPlayButton: false,
+    showFullscreenButton: true,
+    startIndex: currentshowingimageindex
+  })))), /*#__PURE__*/React.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.createElement("div", {
     className: "row m-0 w-100"
   }, /*#__PURE__*/React.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.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.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.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.createElement(ReactStars, {
     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.createElement("i", {
@@ -2668,7 +2388,7 @@ var Product_itemtype = function Product_itemtype(props) {
     activeColor: "#ffd700"
   })), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-4 col-md-4 col-sm-4 p-0 mb-1 d-flex justify-content-end align-items-center"
-  }, sectionproperties.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.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.createElement("div", {
     style: {
       width: sectionproperties.availability_width + 'px',
       height: sectionproperties.availability_height + 'px',
@@ -2715,139 +2435,367 @@ var Product_itemtype = function Product_itemtype(props) {
     size: sectionproperties.favBtnIconfontsize
   }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
-  }))))), sectionproperties.descriptionposition == 'Top' && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0"
-  }, /*#__PURE__*/React.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.createElement("div", {
-    "class": "col-lg-12 p-0 d-flex justify-content-start mt-2 mb-2"
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0",
-    style: {
-      color: '#000'
-    }
-  }, langdetect == 'en' ? 'Seller' : 'البائع', ":", ' ', /*#__PURE__*/React.createElement("span", {
-    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.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.createElement("div", {
-    "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(productinfo_cssstyles.outstockbadge) + ' allcentered '
-  }, /*#__PURE__*/React.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.createElement("div", {
-    "class": "mb-4 col-lg-12 allcentered",
-    style: {
-      width: '100%',
-      backgroundColor: sectionproperties.deliverytimecontainerBg,
-      paddingLeft: sectionproperties.deliverytimecontainerpaddinghorizontal + 'px',
-      paddingRight: sectionproperties.deliverytimecontainerpaddinghorizontal + 'px',
-      paddingTop: sectionproperties.deliverytimecontainerpaddingvertical + 'px',
-      paddingBottom: sectionproperties.deliverytimecontainerpaddingvertical + 'px',
-      border: sectionproperties.deliverytimecontainerborderwidth + 'px solid ' + sectionproperties.deliverytimecontainerbordercolor,
-      borderRadius: sectionproperties.deliverytimecontainerborderradius + 'px',
-      fontSize: sectionproperties.deliverytimecontainerfontsize + 'px',
-      fontWeight: sectionproperties.deliverytimecontainerfontWeight,
-      marginTop: 15
-    }
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0 ",
-    style: {
-      textAlign: langdetect == 'en' ? 'left' : 'right',
-      color: sectionproperties.deliverytimecontainercolor
-    }
-  }, sectionproperties.showdeliverytitle == 'Show' && /*#__PURE__*/React.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.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.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.createElement("div", {
-      className: "col-lg-12 p-0 d-flex justify-content-start",
-      style: {
-        position: 'relative'
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: 2,
-        height: '100%',
-        background: sectionproperties.upperseparatorbgcolor,
-        position: 'absolute',
-        top: 7
-      }
-    }), /*#__PURE__*/React.createElement("div", {
-      style: {
-        width: 10,
-        height: 10,
-        background: sectionproperties.upperseparatorsecondarybgcolor,
-        borderRadius: 100,
-        position: 'absolute',
-        top: 7,
-        left: langdetect == 'en' ? -4 : '',
-        right: langdetect == 'ar' ? -4 : ''
-      }
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "row m-0 w-100 d-flex align-items-start pb-3",
-      style: {
-        paddingLeft: langdetect == 'en' ? '1rem' : 0,
-        paddingRight: langdetect == 'ar' ? '1rem' : 0
-      }
-    }, /*#__PURE__*/React.createElement("p", {
-      className: ' m-0 p-0 wordbreak',
-      style: {
-        color: sectionproperties.varianttitle_color,
-        fontWeight: sectionproperties.varianttitle_fontweight,
-        textTransform: sectionproperties.varianttitle_texttransform,
-        fontSize: sectionproperties.varianttitle_fontSize + 'px'
-      }
-    }, langdetect == 'en' ? item.optionname : item.optionname_ar, ":"), item.optionvalues.map(function (optionvaluesitem, optionvaluesindex) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered ',
-        style: {
-          backgroundColor: sectionproperties.variantcontainer_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.variantcontainer_bgcolor,
-          minWidth: sectionproperties.variantcontainer_bgcolortransparent == 'Transparent' ? 'auto' : sectionproperties.variantcontainer_minwidth + 'px',
-          height: sectionproperties.variantcontainer_bgcolortransparent == 'Transparent' ? 'auto' : sectionproperties.variantcontainer_height + 'px',
-          borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
-          transform: 'none',
-          cursor: 'default'
-        }
-      }, /*#__PURE__*/React.createElement("p", {
-        className: 'm-0 p-0 allcentered font-weight-500',
-        style: {
-          color: sectionproperties.variantcontainer_color,
-          fontSize: sectionproperties.variantcontainer_fontSize + 'px'
-        }
-      }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
-    })));
-  })), /*#__PURE__*/React.createElement(Variantoptions, {
-    actions: props.actions
-  }), sectionproperties.showextrafield == 'Show' && /*#__PURE__*/React.createElement(ProductExtraFields, {
-    actions: props.actions
-  }), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && srcfromprops != 'templatedraftrouter' && /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 p-0 mb-3"
-  }, /*#__PURE__*/React.createElement("hr", {
-    className: "mb-0 mt-2"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 p-0 mb-3",
-    style: {
-      display: sectionproperties.quantitybtn_show == 'Hide' && sectionproperties.cartBtnShow == 'Hide' ? 'none' : 'flex'
-    }
-  }, /*#__PURE__*/React.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.createElement("div", {
-    className: "col-lg-12 p-0 mb-2 d-flex justify-content-start"
-  }, /*#__PURE__*/React.createElement("p", {
-    className: "m-0 p-0",
-    style: {
-      color: sectionproperties.generaltext_fontColor,
-      fontSize: sectionproperties.generaltext_fontSize + 'px',
-      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.createElement("div", {
+  }))))), sectionproperties.descriptionposition == 'Top' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement(DescriptionContent, {
+    actions: props.actions,
+    srcfromprops: 'undername'
+  })), (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.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start mt-2 mb-2"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      color: '#000'
+    }
+  }, langdetect == 'en' ? 'Seller' : 'البائع', ":", ' ', /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontWeight: 600
+    }
+  }, 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.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.createElement("p", {
+    "class": "m-0 p-0 d-flex justify-content-start"
+  }, /*#__PURE__*/React.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.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.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(productinfo_cssstyles.outstockbadge) + ' allcentered '
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0"
+  }, 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.createElement("div", {
+    "class": "mb-4 col-lg-12 allcentered",
+    style: {
+      width: '100%',
+      backgroundColor: sectionproperties.deliverytimecontainerBg,
+      paddingLeft: sectionproperties.deliverytimecontainerpaddinghorizontal + 'px',
+      paddingRight: sectionproperties.deliverytimecontainerpaddinghorizontal + 'px',
+      paddingTop: sectionproperties.deliverytimecontainerpaddingvertical + 'px',
+      paddingBottom: sectionproperties.deliverytimecontainerpaddingvertical + 'px',
+      border: sectionproperties.deliverytimecontainerborderwidth + 'px solid ' + sectionproperties.deliverytimecontainerbordercolor,
+      borderRadius: sectionproperties.deliverytimecontainerborderradius + 'px',
+      fontSize: sectionproperties.deliverytimecontainerfontsize + 'px',
+      fontWeight: sectionproperties.deliverytimecontainerfontWeight,
+      marginTop: 15
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0 ",
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      color: sectionproperties.deliverytimecontainercolor
+    }
+  }, sectionproperties.showdeliverytitle == 'Show' && /*#__PURE__*/React.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.createElement(ProductHeaderPricing, {
+    actions: props.actions
+  }), (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.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.createElement("div", {
+      className: "col-lg-12 p-0 d-flex justify-content-start",
+      style: {
+        position: 'relative'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: 2,
+        height: '100%',
+        background: sectionproperties.upperseparatorbgcolor,
+        position: 'absolute',
+        top: 7
+      }
+    }), /*#__PURE__*/React.createElement("div", {
+      style: {
+        width: 10,
+        height: 10,
+        background: sectionproperties.upperseparatorsecondarybgcolor,
+        borderRadius: 100,
+        position: 'absolute',
+        top: 7,
+        left: langdetect == 'en' ? -4 : '',
+        right: langdetect == 'ar' ? -4 : ''
+      }
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "row m-0 w-100 d-flex align-items-start pb-3",
+      style: {
+        paddingLeft: langdetect == 'en' ? '1rem' : 0,
+        paddingRight: langdetect == 'ar' ? '1rem' : 0
+      }
+    }, /*#__PURE__*/React.createElement("p", {
+      className: ' m-0 p-0 wordbreak',
+      style: {
+        color: sectionproperties.varianttitle_color,
+        fontWeight: sectionproperties.varianttitle_fontweight,
+        textTransform: sectionproperties.varianttitle_texttransform,
+        fontSize: sectionproperties.varianttitle_fontSize + 'px'
+      }
+    }, langdetect == 'en' ? item.optionname : item.optionname_ar, ":"), item.optionvalues.map(function (optionvaluesitem, optionvaluesindex) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered ',
+        style: {
+          backgroundColor: sectionproperties.variantcontainer_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.variantcontainer_bgcolor,
+          minWidth: sectionproperties.variantcontainer_bgcolortransparent == 'Transparent' ? 'auto' : sectionproperties.variantcontainer_minwidth + 'px',
+          height: sectionproperties.variantcontainer_bgcolortransparent == 'Transparent' ? 'auto' : sectionproperties.variantcontainer_height + 'px',
+          borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
+          transform: 'none',
+          cursor: 'default'
+        }
+      }, /*#__PURE__*/React.createElement("p", {
+        className: 'm-0 p-0 allcentered font-weight-500',
+        style: {
+          color: sectionproperties.variantcontainer_color,
+          fontSize: sectionproperties.variantcontainer_fontSize + 'px'
+        }
+      }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
+    })));
+  })), /*#__PURE__*/React.createElement(Variantoptions, {
+    actions: props.actions
+  }), sectionproperties.showextrafield == 'Show' && /*#__PURE__*/React.createElement(ProductExtraFields, {
+    actions: props.actions
+  }), sectionproperties.gallerystyle == 'Style 2' && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement(DescriptionContent, {
+    actions: props.actions
+  }), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 p-0 mb-3"
+  }, /*#__PURE__*/React.createElement("hr", {
+    className: "mb-0 mt-2"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 p-0 mb-3",
+    style: {
+      display: sectionproperties.quantitybtn_show == 'Hide' && sectionproperties.cartBtnShow == 'Hide' ? 'none' : 'flex'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100 d-flex align-items-center"
+  }, (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.createElement("div", {
+    className: "col-lg-12 p-0 mb-2 d-flex justofy-content-start"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "m-0 p-0",
+    style: {
+      color: sectionproperties.generaltext_fontColor,
+      fontSize: sectionproperties.generaltext_fontSize + 'px',
+      textTransform: sectionproperties.generaltext_textTransform,
+      fontWeight: sectionproperties.generaltext_fontWeight
+    }
+  }, lang.quantity, ":")), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.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.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.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.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.createElement(FiMinus, {
+    size: sectionproperties.remove_quantitybtn_textfontsize
+  }))), /*#__PURE__*/React.createElement("span", {
+    className: "".concat(productinfo_cssstyles.quantitybtn_text)
+  }, addtocardpayloadobj.quantity), /*#__PURE__*/React.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.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.createElement(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.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.createElement("span", {
+    className: ' d-flex align-items-center justify-content-center '
+  }, /*#__PURE__*/React.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.createElement(FiShoppingBag, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(IoBagHandleOutline, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(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.createElement("div", {
+    className: ' d-flex align-items-center justify-content-center '
+  }, /*#__PURE__*/React.createElement(CircularProgress, {
+    color: "white",
+    width: "20px",
+    height: "20px",
+    duration: "1s"
+  }))), sectionproperties.btnposition == 'Bottom' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.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.createElement("i", {
+    className: "h-100 d-flex align-items-center justify-content-center"
+  }, fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React.createElement("i", {
+    className: "h-100 d-flex align-items-center justify-content-center"
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar$1, {
+    size: sectionproperties.favBtnIconfontsize,
+    style: {
+      color: sectionproperties.activefaviconcolor
+    }
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaHeart$1, {
+    size: sectionproperties.favBtnIconfontsize,
+    style: {
+      color: sectionproperties.activefaviconcolor
+    }
+  })), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React.createElement("i", {
+    className: "h-100 d-flex align-items-center justify-content-center"
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
+    size: sectionproperties.favBtnIconfontsize
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
+    size: sectionproperties.favBtnIconfontsize
+  }))), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && sectionproperties.favBtnTextfontsize != 0 && /*#__PURE__*/React.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.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.createElement("div", {
+    "class": "row m-0 w-100 mt-3",
+    style: {
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React.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.createElement("span", {
+    className: ' d-flex align-items-center justify-content-center '
+  }, /*#__PURE__*/React.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.createElement(FiShoppingBag, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(IoBagHandleOutline, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
+    className: "",
+    size: sectionproperties.cartBtn_iconFontSize
+  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(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.createElement("div", {
+    className: ' d-flex align-items-center justify-content-center '
+  }, /*#__PURE__*/React.createElement(CircularProgress, {
+    color: "white",
+    width: "20px",
+    height: "20px",
+    duration: "1s"
+  }))), sectionproperties.btnposition == 'Besides Cart Button' && sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React.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.createElement("i", {
+    className: "h-100 d-flex align-items-center justify-content-center"
+  }, fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React.createElement("i", {
+    className: "h-100 d-flex align-items-center justify-content-center"
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar$1, {
+    size: sectionproperties.favBtnIconfontsize,
+    style: {
+      color: sectionproperties.activefaviconcolor
+    }
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaHeart$1, {
+    size: sectionproperties.favBtnIconfontsize,
+    style: {
+      color: sectionproperties.activefaviconcolor
+    }
+  })), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React.createElement("i", {
+    className: "h-100 d-flex align-items-center justify-content-center"
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiOutlineStar, {
+    size: sectionproperties.favBtnIconfontsize
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(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.createElement("div", {
     className: "col-lg-12 p-0 mb-3"
   }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 d-flex flex-row"
@@ -2870,7 +2818,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__PURE__*/React.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.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.createElement("p", {
     className: 'm-0 p-0 linethrough wordbreak',
     style: {
       color: sectionproperties.prodsalePriceColor,
@@ -2884,14 +2832,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.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.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.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.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.createElement("div", {
     className: "col-lg-12 p-0 mb-3 mt-2"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
@@ -2917,7 +2865,7 @@ var Product_itemtype = function Product_itemtype(props) {
     className: "font-weight-600"
   }, lang.availability, ":"), /*#__PURE__*/React.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.createElement("div", {
+  }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity)))), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 1' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("hr", {
     "class": "mb-3 mt-3",
@@ -2936,6 +2884,11 @@ var Product_itemtype = function Product_itemtype(props) {
       paddingRight: langdetect == 'ar' ? '.5rem' : 0
     }
   }, StoreInfoprops(), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
+    "class": productinfo_cssstyles.storeinfocontainer + ' col-lg-12 p-0 ',
+    style: {}
+  }, /*#__PURE__*/React.createElement("hr", {
+    "class": "my-3"
+  })), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 allcentered mt-2"
   }, ShareButtonsContainer()))))))), sectionproperties.storeinfoposition == 'On The Right' && /*#__PURE__*/React.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',
@@ -7129,16 +7082,14 @@ function ownKeys$2g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySym
 function _objectSpread$2g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Wishlist = function Wishlist(props) {
   var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8;
-  props.actions.lang;
+  var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
-  var routingcountext = props.actions.routingcountext;
   var fetchFavoriteProductsQueryContext = props.actions.fetchFavoriteProductsQueryContext;
   var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
   var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
   var addtofavoritescontext = props.actions.addtofavoritescontext;
   var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
-  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var actions = props.actions;
@@ -7150,7 +7101,6 @@ var Wishlist = function Wishlist(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     bgimagesarray = _useState4[0],
     setbgimagesarray = _useState4[1];
-  var authdetailsContext = props.actions.authdetailsContext;
   useEffect(function () {
     if (Object.keys(StatePagePropertiesContext).length != 0) {
       var secpropobj = {};
@@ -7203,23 +7153,22 @@ var Wishlist = function Wishlist(props) {
     cart_btn: css({
       width: sectionproperties.cartBtnWidth + 'px',
       height: sectionproperties.cartBtnHeight + 'px',
-      background: sectionproperties.cartBtnbgColor,
+      background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
       borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.cartBtnTextcolor,
       textTransform: sectionproperties.cartBtnTexttransform,
       fontWeight: sectionproperties.cartBtnTextfontweight,
       border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
-      fontSize: sectionproperties.cartBtnTextfontsize + 'px',
       transition: '.3s',
       ':hover': {
-        background: sectionproperties.cartBtnbgColoronhover,
+        background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
         color: sectionproperties.cartBtnTextcoloronhover,
         borderColor: sectionproperties.cartBtnTextcoloronhover
       }
     }),
     trash_btn: css({
-      width: sectionproperties.trashbtn_Width == 0 ? 'auto' : sectionproperties.trashbtn_Width + 'px',
-      height: sectionproperties.trashbtn_Height == 0 ? 'auto' : sectionproperties.trashbtn_Height + 'px',
+      width: sectionproperties.trashbtn_Width + 'px',
+      height: sectionproperties.trashbtn_Height + 'px',
       background: sectionproperties.trashbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.trashbtn_bgColor,
       color: sectionproperties.trashbtn_Textcolor,
       borderRadius: sectionproperties.trashbtn_borderBottomLeftRadius + 'px',
@@ -7231,13 +7180,20 @@ var Wishlist = function Wishlist(props) {
       }
     }),
     imagecont: css({
-      width: '100px',
-      height: '90px',
+      width: '70px',
+      height: '60px',
+      border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
       backgroundColor: sectionproperties.prodimage_bgcolor,
-      borderRadius: sectionproperties.productimageborderradius + 'px',
+      borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
+      borderBottomRightRadius: sectionproperties.prodimage__borderBottomRightRadius + 'px',
+      borderTopLeftRadius: sectionproperties.prodimage__borderTopLeftRadius + 'px',
+      borderTopRightRadius: sectionproperties.prodimage__borderTopRightRadius + 'px',
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center',
+      backgroundRepeat: 'no-repeat',
+      backgroundSize: 'cover',
+      backgroundPosition: 'center',
       position: 'relative'
     }),
     containerstyle: css({
@@ -7247,23 +7203,6 @@ var Wishlist = function Wishlist(props) {
       '@media (max-width: 800px)': {
         marginTop: sectionproperties.marginTopResp + 'px'
       }
-    }),
-    btnstyles: css({
-      width: sectionproperties.generalbtn_width + '%',
-      height: sectionproperties.generalbtn_height + 'px',
-      borderRadius: sectionproperties.generalbtnborderradius + 'px',
-      background: sectionproperties.generalbtn_bgColor,
-      color: sectionproperties.generalbtn_textColor,
-      fontSize: sectionproperties.generalbtn_fontsize + 'px',
-      fontWeight: sectionproperties.generalbtn_fontweight,
-      ':hover': {
-        transition: '.3s',
-        color: sectionproperties.generalbtn_textColoronhover,
-        backgroundColor: sectionproperties.generalbtn_bgColoronhover
-      },
-      '@media (max-width: 800px)': {
-        width: '80%'
-      }
     })
   };
   useEffect(function () {
@@ -7314,7 +7253,10 @@ var Wishlist = function Wishlist(props) {
       margin: 0,
       padding: 0,
       background: sectionproperties.image_bgcolor,
-      borderRadius: sectionproperties.imageborderradius + 'px',
+      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
     }
@@ -7330,19 +7272,45 @@ var Wishlist = function Wishlist(props) {
       padding: 0,
       objectFit: sectionproperties.bgcovercontainresponsive,
       background: sectionproperties.image_bgcolor,
-      borderRadius: sectionproperties.imageborderradius + 'px',
+      borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+      borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+      borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+      borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
       zIndex: -1
     }
-  }))), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.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.createElement("p", {
+    className: ' m-0 p-0 ',
+    style: {
+      fontSize: sectionproperties.imagetextfontsize + 'px',
+      color: sectionproperties.imagetextcolor,
+      textTransform: sectionproperties.imagetexttextTransform,
+      fontWeight: sectionproperties.imagetextfontWeight
+    }
+  }, lang.mywishlist)))), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React.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',
     style: {
-      paddingLeft: sectionproperties.cardpaddinghorizontal + 'px',
-      paddingRight: sectionproperties.cardpaddinghorizontal + 'px',
+      width: sectionproperties.width + 'vw',
+      paddingLeft: sectionproperties.paddingLeft + 'px',
+      paddingRight: sectionproperties.paddingRight + 'px',
       paddingTop: sectionproperties.paddingTop + 'px',
       paddingBottom: sectionproperties.paddingBottom + 'px',
-      borderTop: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
+      borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+      borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
+      borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
+      borderColor: sectionproperties.sectioncardbordercolor,
+      border: sectionproperties.sectioncardborderwidth + 'px solid'
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: 'col-lg-12 p-0'
@@ -7352,118 +7320,24 @@ var Wishlist = function Wishlist(props) {
   })), /*#__PURE__*/React.createElement("div", {
     className: 'col-lg-12 p-0'
   }, fetchFavoriteProductsQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
-    className: "row m-0 w-100 align-items-center justify-content-center",
-    style: {
-      height: '50vh',
-      padding: '20px'
-    }
-  }, sectionproperties.showbgimage == 'Hide' && /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-start p-0",
-    style: {
-      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
-      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
-    }
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0 mt-5 mt-sm-2",
-    style: {
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      color: sectionproperties.sectionTitleColor,
-      fontWeight: sectionproperties.sectionTitleFontWeight
-    }
-  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0 d-flex d-md-none"
-  }, /*#__PURE__*/React.createElement("table", {
-    className: 'table'
-  }, /*#__PURE__*/React.createElement("thead", {
-    className: ""
-  }, /*#__PURE__*/React.createElement("th", {
-    className: 'mw-150 mw-md-300'
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "my-1 is-loading"
-  })), /*#__PURE__*/React.createElement("th", {
-    className: "text-center",
-    style: {
-      minWidth: '100px'
-    }
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "my-1 is-loading"
-  })), /*#__PURE__*/React.createElement("th", {
-    className: "text-center"
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "my-1 is-loading"
-  }))), /*#__PURE__*/React.createElement("tbody", null, _toConsumableArray(Array(3)).map(function (item, index) {
-    return /*#__PURE__*/React.createElement("tr", {
-      className: ""
-    }, /*#__PURE__*/React.createElement("td", {
-      className: "mw-150 mw-md-300"
-    }, /*#__PURE__*/React.createElement("p", {
-      "class": "my-1 is-loading"
-    })), /*#__PURE__*/React.createElement("td", {
-      className: "text-center",
-      style: {
-        minWidth: '100px'
-      }
-    }, /*#__PURE__*/React.createElement("p", {
-      "class": "my-1 is-loading"
-    })), /*#__PURE__*/React.createElement("td", {
-      className: "text-center",
-      style: {
-        minWidth: '100px'
-      }
-    }, /*#__PURE__*/React.createElement("p", {
-      "class": "my-1 is-loading"
-    })));
-  })))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0  d-none d-md-flex"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "row m-0 w-100 align-items-center justify-content-center",
+    className: "w-100 d-flex align-items-center justify-content-center",
     style: {
       height: '50vh'
     }
-  }, _toConsumableArray(Array(3)).map(function (item, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 p-0"
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": "row m-0 w-100"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: ' col-3 p-0 '
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(wishlist_cssstyles.imagecont) + ' w-100 p-0 is-loading image '
-    })), /*#__PURE__*/React.createElement("div", {
-      className: "col-9 pt-2"
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": "row m-0 w-100 d-flex"
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": "col-10 p-0 mb-1"
-    }, /*#__PURE__*/React.createElement("p", {
-      className: ' m-0 p-0 is-loading mb-auto '
-    })), /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 p-0"
-    }, /*#__PURE__*/React.createElement("p", {
-      "class": ' m-0 p-0 is-loading '
-    })))), /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 allcentered p-0 mt-4"
-    }, /*#__PURE__*/React.createElement("button", {
-      className: ' w-100 is-loading ',
-      style: {
-        height: sectionproperties.cartBtnHeight + 'px'
-      }
-    })), /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 p-0 my-3",
-      style: {
-        background: '#eee',
-        height: 1,
-        width: '100%'
-      }
-    })));
-  })))), !fetchFavoriteProductsQueryContext.isFetching && fetchFavoriteProductsQueryContext.isSuccess && /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Messaging, {
+    color: "#ccc",
+    width: "10px",
+    height: "10px",
+    duration: "1s"
+  })), !fetchFavoriteProductsQueryContext.isFetching && fetchFavoriteProductsQueryContext.isSuccess && /*#__PURE__*/React.createElement("div", {
     className: "row ml-0 mr-0 w-100 "
   }, /*#__PURE__*/React.createElement("div", {
     className: 'col-lg-12 d-flex w-100 p-0'
-  }, sectionproperties.pagedesign == 'Design 1 (Cards)' && fetchFavoriteProductsQueryContext.data.data.products.length != 0 && /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.pagedesign == 'Design 1 (Cards)' && /*#__PURE__*/React.createElement("div", {
     className: 'row m-0 d-flex justify-content-center w-100',
     style: {
       background: sectionproperties.reservation_bgcolor,
+      border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor,
       borderRadius: sectionproperties.reservation_borderradius + 'px',
       padding: '20px',
       minHeight: '70vh'
@@ -7528,7 +7402,24 @@ var Wishlist = function Wishlist(props) {
         fontSize: sectionproperties.cartBtnTextfontsize + 'px'
       }
     }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))));
-  })))), sectionproperties.pagedesign == 'Design 2 (Table)' && fetchFavoriteProductsQueryContext.data.data.products.length != 0 && /*#__PURE__*/React.createElement("div", {
+  })), fetchFavoriteProductsQueryContext.data.data.products.length == 0 && /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100 d-flex align-items-center justify-content-center h-100",
+    style: {
+      height: '50vh'
+    }
+  }, /*#__PURE__*/React.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.createElement(BiSad, {
+    size: sectionproperties.noprod_iconfontSize,
+    color: sectionproperties.noprod_iconcolor
+  }), /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0 mt-2",
+    style: {
+      fontWeight: sectionproperties.noprod_fontWeight,
+      color: sectionproperties.noprod_color,
+      fontSize: sectionproperties.noprod_fontSize + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar))))), sectionproperties.pagedesign == 'Design 2 (Table)' && /*#__PURE__*/React.createElement("div", {
     className: ' row m-0 w-100 p-sm-3 ',
     style: {
       background: sectionproperties.reservation_bgcolor,
@@ -7538,49 +7429,24 @@ var Wishlist = function Wishlist(props) {
       minHeight: '70vh'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: ' row m-0 w-100 d-block '
-  }, sectionproperties.showbgimage == 'Hide' && /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-start p-0",
-    style: {
-      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
-      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
-    }
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0 mt-5 mt-sm-2",
-    style: {
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      color: sectionproperties.sectionTitleColor,
-      fontWeight: sectionproperties.sectionTitleFontWeight
-    }
-  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React.createElement("div", {
-    className: ' col-lg-12 table_responsive p-0 d-block d-md-none '
+    className: ' col-lg-12 table_responsive p-0 '
   }, /*#__PURE__*/React.createElement("table", {
-    className: 'table'
+    className: 'table table_thbg'
   }, /*#__PURE__*/React.createElement("thead", {
-    className: ""
-  }, /*#__PURE__*/React.createElement("th", {
-    className: langdetect == 'en' ? 'text-left font-weight-500 font-14 mw-150 mw-md-300' : 'text-right font-weight-500 font-14 mw-150 mw-md-300',
-    style: {
-      color: sectionproperties.sectionTitleColor
-    }
-  }, langdetect == 'en' ? sectionproperties.productnametitle_en : sectionproperties.productnametitle_ar), sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("th", {
-    className: "text-center font-weight-500 font-14",
-    style: {
-      minWidth: '100px',
-      color: sectionproperties.sectionTitleColor
-    }
-  }, langdetect == 'en' ? 'Unit Price' : 'السعر'), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("th", {
-    className: "text-center font-weight-500 font-14",
+    className: "",
     style: {
-      minWidth: '100px',
-      color: sectionproperties.sectionTitleColor
+      background: '#eee'
     }
-  }), /*#__PURE__*/React.createElement("th", {
-    className: "text-center font-weight-500 font-14",
+  }, /*#__PURE__*/React.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.createElement("th", {
+    className: "text-center font-weight-500 font-14 text-light",
     style: {
-      color: sectionproperties.sectionTitleColor
+      minWidth: '100px'
     }
-  })), /*#__PURE__*/React.createElement("tbody", null, fetchFavoriteProductsQueryContext.data.data.products.map(function (item, index) {
+  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic), /*#__PURE__*/React.createElement("th", {
+    className: "text-center font-weight-500 font-14 text-light"
+  }, lang.remove)), /*#__PURE__*/React.createElement("tbody", null, fetchFavoriteProductsQueryContext.data.data.products.map(function (item, index) {
     return /*#__PURE__*/React.createElement("tr", {
       className: "border-none"
     }, /*#__PURE__*/React.createElement("td", {
@@ -7596,28 +7462,14 @@ var Wishlist = function Wishlist(props) {
       style: {
         width: '100%',
         height: '100%',
-        objectFit: 'contain'
+        objectFit: 'cover'
       },
       loading: "lazy"
     })), /*#__PURE__*/React.createElement("div", {
-      className: "col-lg-9 col-md-9 col-sm-8 pt-2"
-    }, /*#__PURE__*/React.createElement("p", {
-      className: "".concat(wishlist_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 mb-auto ',
-      style: {
-        textAlign: langdetect == 'en' ? 'left' : 'right'
-      }
-    }, item.name_en)))), sectionproperties.prodPriceShow = /*#__PURE__*/React.createElement("td", {
-      className: "text-center",
-      style: {
-        minWidth: '100px'
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": "row m-0 w-100 allcentered flex-column"
+      className: "col-lg-9 col-md-9 col-sm-8"
     }, /*#__PURE__*/React.createElement("p", {
-      "class": wishlist_cssstyles.productPricestyles + ' m-0 p-0 '
-    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'ar' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar : ''), item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
-      "class": wishlist_cssstyles.productsalePricestyles + ' m-0 p-0 linethrough mt-2 '
-    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.defaultprice, ' ', langdetect == 'ar' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar : ''))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("td", {
+      className: "".concat(wishlist_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 d-flex justify-content-start mb-auto '
+    }, item.name_en)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("td", {
       className: "text-center",
       style: {
         minWidth: '100px'
@@ -7628,7 +7480,28 @@ var Wishlist = function Wishlist(props) {
         setShowProductInfoModalContext(true);
         setProductIdProdutInfoModalContext(item.productid);
       }
-    }, langdetect == 'en' ? item.productactionbuttontext_en : item.productactionbuttontext_ar)), /*#__PURE__*/React.createElement("td", {
+    }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
+      className: "",
+      size: sectionproperties.cartBtn_iconFontSize
+    }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
+      className: "",
+      size: sectionproperties.cartBtn_iconFontSize
+    }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
+      className: "",
+      size: sectionproperties.cartBtn_iconFontSize
+    }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(IoBagHandleOutline, {
+      className: "",
+      size: sectionproperties.cartBtn_iconFontSize
+    }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
+      className: "",
+      size: sectionproperties.cartBtn_iconFontSize
+    }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
+      className: "",
+      size: sectionproperties.cartBtn_iconFontSize
+    }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
+      className: "",
+      size: sectionproperties.cartBtn_iconFontSize
+    }))), /*#__PURE__*/React.createElement("td", {
       className: "text-center"
     }, /*#__PURE__*/React.createElement("button", {
       className: " ".concat(wishlist_cssstyles.trash_btn) + ' d-flex align-items-center justify-content-center text-uppercase font-weight-500 m-auto ',
@@ -7638,110 +7511,22 @@ var Wishlist = function Wishlist(props) {
       style: {
         fontSize: sectionproperties.trashbtn_Textfontsize + 'px'
       }
-    }, /*#__PURE__*/React.createElement(HiOutlineTrash, {
-      size: sectionproperties.trashbtn_Textfontsize
-    }))));
-  })))), /*#__PURE__*/React.createElement("div", {
-    className: ' col-lg-12 p-0 d-none d-md-flex align-items-center justify-content-start '
-  }, /*#__PURE__*/React.createElement("div", {
-    className: ' row m-0 w-100 d-flex align-items-center justify-content-start '
-  }, fetchFavoriteProductsQueryContext.data.data.products.map(function (item, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 p-0"
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": "row m-0 w-100"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: ' col-3 p-0 '
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(wishlist_cssstyles.imagecont) + ' w-100 p-0 '
-    }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
-      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: item.productmainimage,
-      style: {
-        width: '100%',
-        height: '100%',
-        objectFit: 'contain'
-      },
-      loading: "lazy"
-    }))), /*#__PURE__*/React.createElement("div", {
-      className: "col-9 pt-2"
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": "row m-0 w-100 d-flex"
-    }, /*#__PURE__*/React.createElement("div", {
-      "class": "col-10 p-0 d-flex align-items-center justify-content-start"
-    }, /*#__PURE__*/React.createElement("p", {
-      className: "".concat(wishlist_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 mb-auto ',
-      style: {
-        textAlign: langdetect == 'en' ? 'left' : 'right'
-      }
-    }, item.name_en)), /*#__PURE__*/React.createElement("div", {
-      "class": "col-2 p-0 d-flex align-items-center justify-content-end"
-    }, /*#__PURE__*/React.createElement("button", {
-      className: " ".concat(wishlist_cssstyles.trash_btnresp) + ' allcentered ',
-      onClick: function onClick() {
-        addtofavoritescontext(item.productid);
-      }
-    }, /*#__PURE__*/React.createElement(HiOutlineTrash, {
-      size: sectionproperties.trashbtn_Textfontsize
-    }))), sectionproperties.prodPriceShow = /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start"
-    }, /*#__PURE__*/React.createElement("p", {
-      "class": wishlist_cssstyles.productPricestyles + ' m-0 p-0 '
-    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'ar' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar : ''), item.hassale == 1 && /*#__PURE__*/React.createElement("p", {
-      "class": wishlist_cssstyles.productsalePricestyles + ' m-0 p-0 linethrough mx-2 mt-auto '
-    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.defaultprice, ' ', langdetect == 'ar' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar : '')))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 allcentered p-0 mt-4"
-    }, /*#__PURE__*/React.createElement("button", {
-      className: "".concat(wishlist_cssstyles.cart_btn) + ' w-100 ',
-      onClick: function onClick() {
-        setShowProductInfoModalContext(true);
-        setProductIdProdutInfoModalContext(item.productid);
-      }
-    }, langdetect == 'en' ? item.productactionbuttontext_en : item.productactionbuttontext_ar)), /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12 p-0 my-3",
-      style: {
-        background: '#eee',
-        height: 1,
-        width: '100%'
-      }
-    })));
-  }))))), fetchFavoriteProductsQueryContext.data.data.products.length == 0 && /*#__PURE__*/React.createElement("div", {
-    className: "row m-0 w-100 d-flex justify-content-center pt-5 pb-5",
-    style: {
-      maxHeight: '60vh',
-      padding: '20px'
-    }
+    }, lang.remove)));
+  }))), fetchFavoriteProductsQueryContext.data.data.products.length == 0 && /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100 d-flex align-items-center justify-content-center pt-5 pb-5"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-start p-0",
-    style: {
-      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
-      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
-    }
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0  mt-5 mt-sm-2",
-    style: {
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      color: sectionproperties.sectionTitleColor,
-      fontWeight: sectionproperties.sectionTitleFontWeight
-    }
-  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React.createElement("div", {
-    className: ' col-lg-12 d-flex align-items-center justify-content-start text-light px-0 mb-3 '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": sectionproperties.noprod_iconfontSize == 0 ? 'm-0 p-0' : 'm-0 p-0 mt-2',
+    className: ' col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5 '
+  }, /*#__PURE__*/React.createElement(BiSad, {
+    size: sectionproperties.noprod_iconfontSize,
+    color: sectionproperties.noprod_iconcolor
+  }), /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0 mt-2",
     style: {
       fontWeight: sectionproperties.noprod_fontWeight,
       color: sectionproperties.noprod_color,
       fontSize: sectionproperties.noprod_fontSize + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar)), /*#__PURE__*/React.createElement("div", {
-    className: ' col-lg-12 d-flex align-items-center justify-content-start text-light px-0 mb-5 '
-  }, /*#__PURE__*/React.createElement("button", {
-    "class": "".concat(wishlist_cssstyles.btnstyles),
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
-    }
-  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar))))))))), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 d-flex align-items-center justify-content-center p-0 "
   })));
 };
@@ -7749,7 +7534,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(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;
@@ -7772,10 +7557,6 @@ var Viewcart = function Viewcart(props) {
     _useState4 = _slicedToArray(_useState3, 2);
     _useState4[0];
     var setimagesarray = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    bgimagesarray = _useState6[0],
-    setbgimagesarray = _useState6[1];
   useEffect(function () {
     if (Object.keys(StatePagePropertiesContext).length != 0) {
       var _StatePagePropertiesC;
@@ -7802,16 +7583,6 @@ var Viewcart = function Viewcart(props) {
       }
     }
   }, [sectionproperties]);
-  useEffect(function () {
-    if (sectionproperties.length != 0) {
-      if (sectionproperties.arrayofobjectimagesonly != null) {
-        var arrayofobjectimagesonlyparsed = JSON.parse(sectionproperties.arrayofobjectimagesonly);
-        if (Array.isArray(arrayofobjectimagesonlyparsed)) {
-          setbgimagesarray(_toConsumableArray(arrayofobjectimagesonlyparsed));
-        }
-      }
-    }
-  }, [sectionproperties]);
   var Summary = function Summary() {
     var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6;
     return /*#__PURE__*/React.createElement("div", {
@@ -7883,23 +7654,6 @@ var Viewcart = function Viewcart(props) {
     }, langdetect == 'en' ? sectionproperties.checkoutButtonContenten : sectionproperties.checkoutButtonContentar)))));
   };
   var viewcart_cssstyles = {
-    btnstyles: css({
-      width: sectionproperties.generalbtn_width + '%',
-      height: sectionproperties.generalbtn_height + 'px',
-      borderRadius: sectionproperties.generalbtnborderradius + 'px',
-      background: sectionproperties.generalbtn_bgColor,
-      color: sectionproperties.generalbtn_textColor,
-      fontSize: sectionproperties.generalbtn_fontsize + 'px',
-      fontWeight: sectionproperties.generalbtn_fontweight,
-      ':hover': {
-        transition: '.3s',
-        color: sectionproperties.generalbtn_textColoronhover,
-        backgroundColor: sectionproperties.generalbtn_bgColoronhover
-      },
-      '@media (max-width: 800px)': {
-        width: '80%'
-      }
-    }),
     checkoutbtnstyles: css({
       background: sectionproperties.checkoutBtnbgColortranparent == 'Transparent' ? 'transparent' : sectionproperties.checkoutBtnbgColor,
       width: sectionproperties.checkoutBtnWidth + 'px',
@@ -8020,8 +7774,10 @@ var Viewcart = function Viewcart(props) {
       }
     }),
     tableimagecont: 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',
@@ -8036,6 +7792,20 @@ var Viewcart = function Viewcart(props) {
       }
     })
   };
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    bgimagesarray = _useState6[0],
+    setbgimagesarray = _useState6[1];
+  useEffect(function () {
+    if (sectionproperties.length != 0) {
+      if (sectionproperties.arrayofobjectimagesonly != null) {
+        var arrayofobjectimagesonlyparsed = JSON.parse(sectionproperties.arrayofobjectimagesonly);
+        if (Array.isArray(arrayofobjectimagesonlyparsed)) {
+          setbgimagesarray(_toConsumableArray(arrayofobjectimagesonlyparsed));
+        }
+      }
+    }
+  }, [sectionproperties]);
   return /*#__PURE__*/React.createElement("div", {
     className: viewcart_cssstyles.containerstyles + ' row ml-0 mr-0 w-100 d-flex justify-content-center ',
     style: {}
@@ -8059,7 +7829,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'
     }
@@ -8071,11 +7841,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.createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -8085,22 +7859,48 @@ 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.createElement("div", {
+  }), /*#__PURE__*/React.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.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.createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React.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',
     style: {
-      paddingLeft: sectionproperties.cardpaddinghorizontal + 'px',
-      paddingRight: sectionproperties.cardpaddinghorizontal + 'px',
+      paddingLeft: sectionproperties.paddingLeft + 'px',
+      paddingRight: sectionproperties.paddingRight + 'px',
       paddingTop: sectionproperties.paddingTop + 'px',
       paddingBottom: sectionproperties.paddingBottom + 'px',
-      border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
+      borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
+      borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
+      borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
+      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px'
+      // borderColor: sectionproperties.sectioncardbordercolor,
+      // border: sectionproperties.sectioncardborderwidth + 'px solid',
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: 'col-lg-12 p-0'
@@ -8109,7 +7909,7 @@ var Viewcart = function Viewcart(props) {
     actions: actions
   })), /*#__PURE__*/React.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.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
     className: langdetect == 'en' ? 'col-lg-9 pr-0' : 'col-lg-9 pl-0'
@@ -8125,7 +7925,10 @@ var Viewcart = function Viewcart(props) {
   }, /*#__PURE__*/React.createElement("table", {
     className: 'table table_thbg'
   }, /*#__PURE__*/React.createElement("thead", {
-    className: ""
+    className: "",
+    style: {
+      background: '#eee'
+    }
   }, /*#__PURE__*/React.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.createElement("th", {
@@ -8142,7 +7945,7 @@ var Viewcart = function Viewcart(props) {
     }
   }, lang.total), /*#__PURE__*/React.createElement("th", {
     className: "text-capitalize text-center font-weight-500 font-14 text-uppercase text-light"
-  }, lang.remove)), /*#__PURE__*/React.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.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.createElement("tr", {
       className: "border-none"
     }, /*#__PURE__*/React.createElement("td", {
@@ -8158,7 +7961,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.createElement("div", {
@@ -8312,43 +8116,36 @@ var Viewcart = function Viewcart(props) {
         deletecartitemContext(item);
       }
     }, lang.remove)));
-  })))))), /*#__PURE__*/React.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.createElement("div", {
-    className: "row m-0 w-100 d-flex 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.createElement("div", {
+    className: "row m-0 w-100 d-flex align-items-center justify-content-center h-100 pt-5 pb-5",
     style: {
-      maxHeight: '60vh'
+      height: '50vh'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-start p-0",
+    className: ' col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5 '
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column"
+  }, sectionproperties.noproducticontype == 'Cart' && /*#__PURE__*/React.createElement("img", {
+    src: 'https://tabex-co.com/storage/StaticImages/shoppingcart.png',
     style: {
-      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
-      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
+      maxWidth: '250px',
+      maxHeight: '250px'
     }
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0",
+  }), sectionproperties.noproducticontype == 'Calendar' && /*#__PURE__*/React.createElement(FiCalendar, {
     style: {
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      color: sectionproperties.sectionTitleColor,
-      fontWeight: sectionproperties.sectionTitleFontWeight
+      fontSize: sectionproperties.noprod_iconfontSize + 'px',
+      color: sectionproperties.noprod_iconcolor
     }
-  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React.createElement("div", {
-    className: ' col-lg-12 d-flex align-items-center justify-content-start text-light px-0 mb-3 '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": sectionproperties.noprod_iconfontSize == 0 ? 'm-0 p-0' : 'm-0 p-0 mt-2',
+  }), /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0 mt-2",
     style: {
       fontWeight: sectionproperties.noprod_fontWeight,
       color: sectionproperties.noprod_color,
       fontSize: sectionproperties.noprod_fontSize + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar)), /*#__PURE__*/React.createElement("div", {
-    className: ' col-lg-12 d-flex align-items-center justify-content-start text-light px-0 mb-5 '
-  }, /*#__PURE__*/React.createElement("button", {
-    "class": "".concat(viewcart_cssstyles.btnstyles),
-    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.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";
@@ -9583,7 +9380,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.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.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.createElement("div", {
     className: "col-lg-12 p-0 w-100 mb-3"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
@@ -16501,6 +16298,10 @@ var Searchlist$1 = function Searchlist(props) {
         color: sectionproperties.searchlist_prodNameColorOnHover
       }
     }),
+    productnamecont: css({
+      paddingLeft: langdetect == 'en' ? '0.25rem' : 0,
+      paddingRight: langdetect == 'ar' ? '0.25rem' : 0
+    }),
     productNameStyles: css({
       fontSize: sectionproperties.searchlist_prodNameFontSize + 'px',
       textTransform: sectionproperties.searchlist_prodNameTextTranform,
@@ -16608,7 +16409,7 @@ var Searchlist$1 = function Searchlist(props) {
         borderRadius: sectionproperties.searchlist_prodimage_borderradius + 'px'
       }
     })), /*#__PURE__*/React.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'
       }
@@ -18351,8 +18152,8 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     setmenuactive = _useState6[1];
   var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
-    openSearch = _useState8[0],
-    setopenSearch = _useState8[1];
+    openSearch = _useState8[0];
+    _useState8[1];
   useEffect(function () {
     if (props.sectionpropertiesprops != undefined) {
       setsectionproperties(_objectSpread$1T({}, props.sectionpropertiesprops));
@@ -18623,12 +18424,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     }
   }))), /*#__PURE__*/React.createElement("div", {
     className: "col-md-6 col-sm-6 d-flex align-items-center justify-content-end p-0"
-  }, /*#__PURE__*/React.createElement("i", {
-    "class": "h-100 allcentered",
-    onClick: function onClick() {
-      setopenSearch(true);
-    }
-  }, /*#__PURE__*/React.createElement(IoSearchOutline, null)), sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React.createElement("i", {
+  }, sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React.createElement("i", {
     "class": ' h-100 allcentered ',
     style: {
       color: sectionproperties.cart_BtnTextcolor_resp
@@ -34604,10 +34400,14 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
   }, /*#__PURE__*/React.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.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.createElement("div", {
     "class": "col-lg-2 p-0 h-100 d-flex align-items-center justify-content-end"
   }, /*#__PURE__*/React.createElement("i", {