tabexseriescomponents 0.0.345 → 0.0.346

package/dist/index.esm.js

@@ -29,7 +29,10 @@ 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 { FacebookShareButton, FacebookIcon, TwitterShareButton, TwitterIcon, WhatsappShareButton, WhatsappIcon, LinkedinShareButton, LinkedinIcon } from 'react-share';
+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 { FiMinus } from '@react-icons/all-files/fi/FiMinus';
 import { FiPlus } from '@react-icons/all-files/fi/FiPlus';
 import ReactStars from 'react-rating-stars-component';
@@ -90,7 +93,6 @@ 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';
@@ -2065,15 +2067,12 @@ 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 _fetchProductInfoQuer13, _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 _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _ProductInfoObj$data, _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;
@@ -2216,53 +2215,65 @@ var Product_itemtype = function Product_itemtype(props) {
     }, /*#__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",
+      "class": "m-0 p-0 w-100",
       style: {
         fontWeight: sectionproperties.sharebtn_FontWeight,
         color: sectionproperties.sharebtn_color,
-        fontSize: sectionproperties.sharebtn_fontSize + 'px'
+        fontSize: sectionproperties.sharebtn_fontSize + 'px',
+        textAlign: sectionproperties.sharecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
       }
     }, langdetect == 'en' ? sectionproperties.sharebtn_contentEn : sectionproperties.sharebtn_contentAr), /*#__PURE__*/React.createElement("div", {
-      className: "Demo__container w-100 m-0 allcentered mt-3"
+      className: "Demo__container w-100 m-0 d-flex align-items-center mt-3",
+      style: {
+        justifyContent: sectionproperties.sharecentered == 'Centered' ? 'center' : 'start'
+      }
     }, /*#__PURE__*/React.createElement("div", {
-      className: "Demo__some-network ml-2 mr-2"
+      className: "Demo__some-network ml-2 mr-2 allcentered"
     }, /*#__PURE__*/React.createElement(FacebookShareButton, {
       url: shareUrl,
       quote: title,
-      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"
+      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"
     }, /*#__PURE__*/React.createElement(TwitterShareButton, {
       url: shareUrl,
       title: title,
-      className: "Demo__some-network__share-button"
-    }, /*#__PURE__*/React.createElement(TwitterIcon, {
-      size: 40,
-      round: true
-    }))), /*#__PURE__*/React.createElement("div", {
+      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, null))))), /*#__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(WhatsappIcon, {
-      size: 40,
-      round: true
-    }))), sectionproperties.showsharelinkedin == 'Show' && /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": productinfo_cssstyles.shareicon + ' allcentered ',
+      style: {}
+    }, /*#__PURE__*/React.createElement("i", {
+      "class": "h-100 allcentered"
+    }, /*#__PURE__*/React.createElement(FaWhatsapp, null))))), 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(LinkedinIcon, {
-      size: 40,
-      round: true
-    }))))));
+    }, /*#__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 _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer10, _fetchProductInfoQuer11;
@@ -2636,32 +2647,13 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, 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 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.vendorinfo) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.vendorname))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
-  }, SKUSection()), sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.deliverytimeshow == 'Show' && (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.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 || (_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", {
+  }, SKUSection()), (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.currentquantity) < 1 && sectionproperties.showoutofstock == '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.quantavailtype) == 'limit' && (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.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", {
+  }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), sectionproperties.deliverytimeshow == 'Show' && (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.deliverydatetext) != null && /*#__PURE__*/React.createElement("div", {
     "class": "mb-4 col-lg-12 allcentered",
     style: {
       width: '100%',
@@ -2682,9 +2674,9 @@ var Product_itemtype = function Product_itemtype(props) {
       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, {
+  }, sectionproperties.showdeliverytitle == 'Show' && /*#__PURE__*/React.createElement("span", null, langdetect == 'en' ? sectionproperties.deliverycontent_en : sectionproperties.deliverycontent_ar, ": "), ' ', 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)), (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(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", {
+  }), (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.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", {
@@ -2748,8 +2740,6 @@ var Product_itemtype = function Product_itemtype(props) {
     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", {
@@ -2761,7 +2751,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__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", {
+  }, (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.isproducttobesold) == 1 && (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.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",
@@ -2771,7 +2761,7 @@ var Product_itemtype = function Product_itemtype(props) {
       textTransform: sectionproperties.generaltext_textTransform,
       fontWeight: sectionproperties.generaltext_fontWeight
     }
-  }, lang.quantity, ":")), Quantitybtn_Cartbtn_Favbottombtn())), sectionproperties.productInformationType == 'Product/Service Information' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer31 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.productinfo) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : _fetchProductInfoQuer31.isproducttobesold) == 1 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, lang.quantity, ":")), Quantitybtn_Cartbtn_Favbottombtn())), 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"
@@ -2794,7 +2784,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,
@@ -2808,14 +2798,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: {
@@ -2860,11 +2850,6 @@ 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',
@@ -5333,6 +5318,18 @@ var Productinfo = function Productinfo(props) {
         backgroundColor: sectionproperties.iconcontainerbgonhover
       }
     }),
+    shareicon: css({
+      width: sectionproperties.shareiconwidth + 'px',
+      height: sectionproperties.shareiconheight + 'px',
+      borderRadius: sectionproperties.shareiconborderradius + 'px',
+      background: sectionproperties.shareiconbgcolor,
+      color: sectionproperties.shareiconcolor,
+      ':hover': {
+        color: sectionproperties.shareiconcoloronhover,
+        transition: '.3s',
+        cursor: 'pointer'
+      }
+    }),
     checkoutbtn: css({
       width: sectionproperties.checkoutBtnWidth + 'px',
       height: sectionproperties.checkoutBtnHeight + 'px',
@@ -5538,7 +5535,7 @@ var Productinfo = function Productinfo(props) {
     }, sectionproperties.storeinfostyle == 'Style 1' && /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100"
     }, sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showstoreinfo1 == 'Show' && /*#__PURE__*/React.createElement("div", {
-      className: "col-lg-12 p-0 w-100 d-flex align-items-center mb-4"
+      className: productinfo_cssstyles.storeinfobtn + ' col-lg-12 p-0 w-100 d-flex align-items-center mb-4 '
     }, /*#__PURE__*/React.createElement("div", {
       "class": productinfo_cssstyles.iconContainer
     }, /*#__PURE__*/React.createElement("i", {
@@ -5558,7 +5555,7 @@ var Productinfo = function Productinfo(props) {
         textAlign: langdetect == 'en' ? 'left' : 'right'
       }
     }, langdetect == 'en' ? sectionproperties.otherinfodesc1en : sectionproperties.otherinfodesc1ar))), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showstoreinfo2 == 'Show' && /*#__PURE__*/React.createElement("div", {
-      className: "col-lg-12 p-0 d-flex align-items-center mb-4"
+      className: productinfo_cssstyles.storeinfobtn + ' col-lg-12 p-0 d-flex align-items-center mb-4 '
     }, /*#__PURE__*/React.createElement("div", {
       "class": productinfo_cssstyles.iconContainer
     }, /*#__PURE__*/React.createElement("i", {
@@ -5580,7 +5577,7 @@ var Productinfo = function Productinfo(props) {
     }, langdetect == 'en' ? sectionproperties.otherinfodesc2en : sectionproperties.otherinfodesc2ar))), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showpricinglist == 'Show' && (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 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.productquantityoptions) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : _fetchProductInfoQuer17.length) != 0 && /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 mb-4"
     }, getQuantityCondition()), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React.createElement("div", {
-      className: productinfo_cssstyles.storeinfocontainer + ' mb-4 col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
+      className: "".concat(productinfo_cssstyles.storeinfobtn, " ").concat(productinfo_cssstyles.storeinfocontainer) + ' mb-4 col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
       onClick: function onClick() {
         window.open('tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber), '_blank');
       }
@@ -5603,7 +5600,7 @@ var Productinfo = function Productinfo(props) {
         textAlign: langdetect == 'en' ? 'left' : 'right'
       }
     }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber))), sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React.createElement("div", {
-      className: productinfo_cssstyles.storeinfocontainer + ' mb-4 col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
+      className: "".concat(productinfo_cssstyles.storeinfobtn, " ").concat(productinfo_cssstyles.storeinfocontainer) + ' mb-4 col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
       onClick: function onClick() {
         var _authdetailsContext$i2;
         window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.contactinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.email), '_self');
@@ -7495,7 +7492,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;
+  var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
@@ -7735,10 +7732,8 @@ var Viewcart = function Viewcart(props) {
       }
     }),
     tableimagecont: css({
-      width: '70px',
-      height: sectionproperties.prodimage__borderBottomLeftRadius == 100 ? '70px' : '60px',
-      border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
-      backgroundColor: sectionproperties.prodimage_bgcolor,
+      width: sectionproperties.prodimage_width + 'px',
+      height: sectionproperties.prodimage_height + 'px',
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center',
@@ -7751,6 +7746,22 @@ var Viewcart = function Viewcart(props) {
       '@media (max-width: 800px)': {
         paddingTop: sectionproperties.marginTopResp + 'px'
       }
+    }),
+    shopbuttonstyles: css({
+      width: sectionproperties.generalbtn_width == 0 ? '100%' : sectionproperties.generalbtn_width + '%',
+      height: sectionproperties.generalbtn_height + 'px',
+      borderRadius: sectionproperties.generalbtnborderradius,
+      backgroundColor: sectionproperties.generalbtn_bgColor,
+      color: sectionproperties.generalbtn_textColor,
+      border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
+      fontSize: sectionproperties.generalbtn_fontsize + 'px',
+      fontWeight: sectionproperties.generalbtn_fontweight,
+      ':hover': {
+        transition: '.3s',
+        backgroundColor: sectionproperties.generalbtn_bgColoronhover,
+        color: sectionproperties.generalbtn_textColoronhover,
+        borderColor: sectionproperties.generalbtn_textColoronhover
+      }
     })
   };
   var _useState5 = useState([]),
@@ -7790,7 +7801,7 @@ var Viewcart = function Viewcart(props) {
     "class": sectionproperties.bgcovercontainresponsive == 'Contain' ? 'h-sm-auto mb-sm-4' : '',
     style: {
       width: sectionproperties.image_width + 'vw',
-      height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'vh',
+      height: 'auto',
       marginBottom: sectionproperties.image_mb + 'px',
       position: 'relative'
     }
@@ -7802,15 +7813,11 @@ var Viewcart = function Viewcart(props) {
     style: {
       height: '100%',
       width: '100%',
+      objectFit: 'contain',
       margin: 0,
       padding: 0,
-      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
+      borderRadius: sectionproperties.imageborderradius + 'px',
+      zIndex: -1
     }
   }), /*#__PURE__*/React.createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
@@ -7820,34 +7827,13 @@ var Viewcart = function Viewcart(props) {
     style: {
       height: '100%',
       width: '100%',
+      objectFit: 'contain',
       margin: 0,
       padding: 0,
-      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',
+      borderRadius: sectionproperties.imageborderradius + 'px',
       zIndex: -1
     }
-  }), /*#__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", {
+  }))), /*#__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',
@@ -7870,7 +7856,7 @@ var Viewcart = function Viewcart(props) {
     actions: actions
   })), /*#__PURE__*/React.createElement("div", {
     className: 'col-lg-12 d-flex w-100 p-0'
-  }, /*#__PURE__*/React.createElement("div", {
+  }, (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", {
     className: "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
     className: langdetect == 'en' ? 'col-lg-9 pr-0' : 'col-lg-9 pl-0'
@@ -7886,10 +7872,7 @@ var Viewcart = function Viewcart(props) {
   }, /*#__PURE__*/React.createElement("table", {
     className: 'table table_thbg'
   }, /*#__PURE__*/React.createElement("thead", {
-    className: "",
-    style: {
-      background: '#eee'
-    }
+    className: ""
   }, /*#__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", {
@@ -7906,7 +7889,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 || (_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) {
+  }, 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) {
     return /*#__PURE__*/React.createElement("tr", {
       className: "border-none"
     }, /*#__PURE__*/React.createElement("td", {
@@ -7922,8 +7905,7 @@ var Viewcart = function Viewcart(props) {
       style: {
         width: '100%',
         height: '100%',
-        objectFit: sectionproperties.prodimage__borderBottomLeftRadius == '100' ? 'cover' : 'contain',
-        borderRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px'
+        objectFit: 'contain'
       },
       loading: "lazy"
     })), /*#__PURE__*/React.createElement("div", {
@@ -8077,16 +8059,18 @@ var Viewcart = function Viewcart(props) {
         deletecartitemContext(item);
       }
     }, lang.remove)));
-  })))), (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",
+  })))))), /*#__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 align-items-center justify-content-center pt-5 pb-5",
     style: {
-      height: '50vh'
+      height: '60vh'
     }
   }, /*#__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("div", {
     className: "col-lg-12 d-flex align-items-center justify-content-center text-light flex-column"
-  }, sectionproperties.noproducticontype == 'Cart' && /*#__PURE__*/React.createElement("img", {
+  }, sectionproperties.noproducticontype == 'Cart' && sectionproperties.noprod_iconfontSize != 0 && /*#__PURE__*/React.createElement("img", {
     src: 'https://tabex-co.com/storage/StaticImages/shoppingcart.png',
     style: {
       maxWidth: '250px',
@@ -8104,9 +8088,12 @@ var Viewcart = function Viewcart(props) {
       color: sectionproperties.noprod_color,
       fontSize: sectionproperties.noprod_fontSize + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar)))))), /*#__PURE__*/React.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()))))));
+  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar), /*#__PURE__*/React.createElement("button", {
+    className: "".concat(viewcart_cssstyles.shopbuttonstyles) + ' mt-4 d-flex align-items-center justify-content-center ',
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
+    }
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))));
 };
 
 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";
@@ -9428,7 +9415,7 @@ var Select$2 = /*#__PURE__*/React.lazy(function () {
   return import('react-select');
 });
 var CustomerInformationForm = function CustomerInformationForm(props) {
-  var _fetchAuthorizationQu, _fetchAuthorizationQu2, _css, _authdetailsContext$i2, _authdetailsContext$c, _authdetailsContext$c2;
+  var _fetchAuthorizationQu, _fetchAuthorizationQu2, _fetchAuthorizationQu3, _css, _authdetailsContext$i2, _authdetailsContext$c, _authdetailsContext$c2;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   props.actions.routingcountext;
@@ -9457,28 +9444,45 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     customervalidateemail = _useState4[0],
     setcustomervalidateemail = _useState4[1];
-  var _useState5 = useState(false),
+  var _useState5 = useState(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu3 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu3 === void 0 || (_fetchAuthorizationQu3 = _fetchAuthorizationQu3.data) === null || _fetchAuthorizationQu3 === void 0 || (_fetchAuthorizationQu3 = _fetchAuthorizationQu3.instinfo) === null || _fetchAuthorizationQu3 === void 0 ? void 0 : _fetchAuthorizationQu3.customervalidatephonenumber),
     _useState6 = _slicedToArray(_useState5, 2),
-    validateemailmodal = _useState6[0],
-    setvalidateemailmodal = _useState6[1];
-  var _useState7 = useState(''),
+    customervalidatephonenumber = _useState6[0],
+    setcustomervalidatephonenumber = _useState6[1];
+  var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
-    sectionproperties = _useState8[0],
-    setsectionproperties = _useState8[1];
+    validatephonenumbermodal = _useState8[0],
+    setvalidatephonenumbermodal = _useState8[1];
   var _useState9 = useState(false),
     _useState10 = _slicedToArray(_useState9, 2),
-    dataloaded = _useState10[0],
-    setdataloaded = _useState10[1];
-  var _useState11 = useState({
+    validateemailmodal = _useState10[0],
+    setvalidateemailmodal = _useState10[1];
+  var _useState11 = useState(''),
+    _useState12 = _slicedToArray(_useState11, 2),
+    sectionproperties = _useState12[0],
+    setsectionproperties = _useState12[1];
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    dataloaded = _useState14[0],
+    setdataloaded = _useState14[1];
+  var _useState15 = useState({
+      phonenumber: '',
+      code: '',
+      step: 'sendcode',
+      isvalidated: false
+    }),
+    _useState16 = _slicedToArray(_useState15, 2),
+    validatephonenumberpayload = _useState16[0],
+    setvalidatephonenumberpayload = _useState16[1];
+  var _useState17 = useState({
       email: '',
       code: '',
       step: 'sendcode',
       isvalidated: false
     }),
-    _useState12 = _slicedToArray(_useState11, 2),
-    validateemailpayload = _useState12[0],
-    setvalidateemailpayload = _useState12[1];
-  var _useState13 = useState({
+    _useState18 = _slicedToArray(_useState17, 2),
+    validateemailpayload = _useState18[0],
+    setvalidateemailpayload = _useState18[1];
+  var _useState19 = useState({
       instapikey: instapikey,
       name: '',
       email: '',
@@ -9493,26 +9497,27 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       cityid: '',
       countrydialcode: ''
     }),
-    _useState14 = _slicedToArray(_useState13, 2),
-    payloadobj = _useState14[0],
-    setpayloadobj = _useState14[1];
-  var _useState15 = useState(false),
-    _useState16 = _slicedToArray(_useState15, 2);
-    _useState16[0];
-    _useState16[1];
-  var _useState17 = useState(false),
-    _useState18 = _slicedToArray(_useState17, 2);
-    _useState18[0];
-    _useState18[1];
-  var _useState19 = useState(false),
     _useState20 = _slicedToArray(_useState19, 2),
-    waitingpage = _useState20[0],
-    setwaitingpage = _useState20[1];
+    payloadobj = _useState20[0],
+    setpayloadobj = _useState20[1];
+  var _useState21 = useState(false),
+    _useState22 = _slicedToArray(_useState21, 2);
+    _useState22[0];
+    _useState22[1];
+  var _useState23 = useState(false),
+    _useState24 = _slicedToArray(_useState23, 2);
+    _useState24[0];
+    _useState24[1];
+  var _useState25 = useState(false),
+    _useState26 = _slicedToArray(_useState25, 2),
+    waitingpage = _useState26[0],
+    setwaitingpage = _useState26[1];
   useEffect(function () {
     if (fetchAuthorizationQueryContext.isSuccess) {
-      var _fetchAuthorizationQu3, _fetchAuthorizationQu4;
-      setcustomeraddressrequierd(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu3 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu3 === void 0 || (_fetchAuthorizationQu3 = _fetchAuthorizationQu3.data) === null || _fetchAuthorizationQu3 === void 0 || (_fetchAuthorizationQu3 = _fetchAuthorizationQu3.instinfo) === null || _fetchAuthorizationQu3 === void 0 ? void 0 : _fetchAuthorizationQu3.customerAddressrequiered);
-      setcustomervalidateemail(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu4 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu4 === void 0 || (_fetchAuthorizationQu4 = _fetchAuthorizationQu4.data) === null || _fetchAuthorizationQu4 === void 0 || (_fetchAuthorizationQu4 = _fetchAuthorizationQu4.instinfo) === null || _fetchAuthorizationQu4 === void 0 ? void 0 : _fetchAuthorizationQu4.customervalidateemail);
+      var _fetchAuthorizationQu4, _fetchAuthorizationQu5, _fetchAuthorizationQu6;
+      setcustomeraddressrequierd(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu4 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu4 === void 0 || (_fetchAuthorizationQu4 = _fetchAuthorizationQu4.data) === null || _fetchAuthorizationQu4 === void 0 || (_fetchAuthorizationQu4 = _fetchAuthorizationQu4.instinfo) === null || _fetchAuthorizationQu4 === void 0 ? void 0 : _fetchAuthorizationQu4.customerAddressrequiered);
+      setcustomervalidateemail(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu5 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu5 === void 0 || (_fetchAuthorizationQu5 = _fetchAuthorizationQu5.data) === null || _fetchAuthorizationQu5 === void 0 || (_fetchAuthorizationQu5 = _fetchAuthorizationQu5.instinfo) === null || _fetchAuthorizationQu5 === void 0 ? void 0 : _fetchAuthorizationQu5.customervalidateemail);
+      setcustomervalidatephonenumber(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 || (_fetchAuthorizationQu6 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu6 === void 0 || (_fetchAuthorizationQu6 = _fetchAuthorizationQu6.data) === null || _fetchAuthorizationQu6 === void 0 || (_fetchAuthorizationQu6 = _fetchAuthorizationQu6.instinfo) === null || _fetchAuthorizationQu6 === void 0 ? void 0 : _fetchAuthorizationQu6.customervalidatephonenumber);
     }
   }, [fetchAuthorizationQueryContext.isSuccess]);
   useEffect(function () {
@@ -10109,9 +10114,29 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       disabled: CustomerSignUpMutationContext.isLoading ? true : false,
       onClick: function onClick() {
         if (verifypayload() == true) {
+          var isEmailOTP_Validated = false;
+          var isPhoneNumberOTP_Validated = false;
           if (customervalidateemail == 1) {
-            setvalidateemailmodal(true);
+            if (validateemailpayload.isvalidated) {
+              isEmailOTP_Validated = true;
+            } else {
+              isEmailOTP_Validated = false;
+              setvalidateemailmodal(true);
+            }
           } else {
+            isEmailOTP_Validated = true;
+          }
+          if (customervalidatephonenumber == 1) {
+            if (validatephonenumberpayload.isvalidated) {
+              isPhoneNumberOTP_Validated = true;
+            } else {
+              isPhoneNumberOTP_Validated = false;
+              setvalidatephonenumbermodal(true);
+            }
+          } else {
+            isPhoneNumberOTP_Validated = true;
+          }
+          if (isPhoneNumberOTP_Validated && isEmailOTP_Validated) {
             signupbuttonfunc();
           }
         }
@@ -10467,7 +10492,15 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
                     isvalidated: true
                   }));
                   setvalidateemailmodal(false);
-                  signupbuttonfunc();
+                  if (customervalidatephonenumber == 1) {
+                    if (validatephonenumberpayload.isvalidated) {
+                      signupbuttonfunc();
+                    } else {
+                      setvalidatephonenumbermodal(true);
+                    }
+                  } else {
+                    signupbuttonfunc();
+                  }
                 }
               } else {
                 NotificationManager.warning('', data.data.reason);
@@ -10488,7 +10521,134 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     style: {
       letterSpacing: langdetect == 'en' ? '1px' : ''
     }
-  }, validateemailpayload.step == 'sendcode' ? lang.sendcode : lang.verifycode))))))), /*#__PURE__*/React.createElement(Modal.Footer, null)));
+  }, validateemailpayload.step == 'sendcode' ? lang.sendcode : lang.verifycode))))))), /*#__PURE__*/React.createElement(Modal.Footer, null)), /*#__PURE__*/React.createElement(Modal, {
+    show: validatephonenumbermodal,
+    onHide: function onHide() {
+      return setvalidatephonenumbermodal(false);
+    },
+    centered: true,
+    size: 'md'
+  }, /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement("div", {
+    "class": "d-flex align-items-center justify-content-center bgdanger-hover",
+    style: {
+      position: 'absolute',
+      right: -15,
+      top: -15,
+      width: '4vh',
+      height: '4vh',
+      background: '#000',
+      borderRadius: '50%'
+    },
+    onClick: function onClick() {
+      return setvalidatephonenumbermodal(false);
+    }
+  }, /*#__PURE__*/React.createElement(IoMdClose, {
+    size: 15,
+    color: "white"
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 allcentered"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center mt-2 justify-content-center"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "text-md-center m-0 p-0 mb-2",
+    style: {
+      fontSize: '19px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: 600
+    }
+  }, langdetect == 'en' ? 'Validate Phone Number' : 'التحقق من صحة  رقم الهاتف')), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("hr", {
+    "class": 'm-0 p-0'
+  }))), /*#__PURE__*/React.createElement("div", {
+    "class": "row w-100 m-0 mb-3 pl-2 pr-2 pt-3 pb-3 pl-sm-3 pr-sm-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(formstyles.logininputLabel) + '  d-flex justify-content-start '
+  }, langdetect == 'en' ? 'Phone Number' : ' رقم الهاتف'), /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    className: "".concat(formstyles.form_control),
+    value: payloadobj.mobile,
+    disabled: true,
+    style: {
+      background: 'transparent'
+    }
+  })), validatephonenumberpayload.step == 'verifycode' && /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 mb-3 mt-3 p-sm-0"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(formstyles.logininputLabel) + '  d-flex justify-content-start '
+  }, langdetect == 'en' ? 'Code' : ' كود  الرسالة النصية'), /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    className: "".concat(formstyles.form_control),
+    value: validatephonenumberpayload.code,
+    onChange: function onChange(event) {
+      setvalidatephonenumberpayload(_objectSpread$2d(_objectSpread$2d({}, validatephonenumberpayload), {}, {
+        code: event.target.value
+      }));
+    },
+    style: {
+      background: 'transparent'
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-3"
+  }, /*#__PURE__*/React.createElement("button", {
+    className: "".concat(formstyles.signupbtn) + ' d-flex align-items-center justify-content-center ',
+    disabled: GeneralAPIMutationContext.isLoading ? true : false,
+    onClick: function onClick() {
+      if (payloadobj.mobile.length != 0) {
+        if (validatephonenumberpayload.isvalidated == true) {
+          setvalidateemailmodal(false);
+          signupbuttonfunc();
+        } else {
+          GeneralAPIMutationContext.mutate({
+            endpointurl: '/validatephonenumber',
+            functype: validatephonenumberpayload.step,
+            code: validatephonenumberpayload.code,
+            name: payloadobj.name,
+            phonenumber: payloadobj.mobile,
+            mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
+              if (data.data.status) {
+                if (data.data.functype == 'sendcode') {
+                  setvalidatephonenumberpayload(_objectSpread$2d(_objectSpread$2d({}, validatephonenumberpayload), {}, {
+                    step: 'verifycode'
+                  }));
+                }
+                if (data.data.functype == 'verifycode') {
+                  setvalidatephonenumberpayload(_objectSpread$2d(_objectSpread$2d({}, validatephonenumberpayload), {}, {
+                    isvalidated: true
+                  }));
+                  setvalidatephonenumbermodal(false);
+                  if (customervalidateemail == 1) {
+                    if (validateemailpayload.isvalidated) {
+                      signupbuttonfunc();
+                    } else {
+                      setvalidateemailmodal(true);
+                    }
+                  } else {
+                    signupbuttonfunc();
+                  }
+                }
+              } else {
+                NotificationManager.warning('', data.data.reason);
+              }
+            }
+          });
+        }
+      } else {
+        NotificationManager.warning(lang.completerequiredfields);
+      }
+    }
+  }, GeneralAPIMutationContext.isLoading && /*#__PURE__*/React.createElement(CircularProgress, {
+    color: "#fff",
+    width: "20px",
+    height: "20px",
+    duration: "1s"
+  }), !GeneralAPIMutationContext.isLoading && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
+    style: {
+      letterSpacing: langdetect == 'en' ? '1px' : ''
+    }
+  }, validatephonenumberpayload.step == 'sendcode' ? lang.sendcode : lang.verifycode))))))), /*#__PURE__*/React.createElement(Modal.Footer, null)));
 };
 
 function ownKeys$2c(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; }
@@ -13268,7 +13428,13 @@ var Filter$1 = function Filter(props) {
       minHeight: sectionproperties.filterminheight == 0 ? 'auto' : sectionproperties.filterminheight + 'vh'
     }
   }, sectionproperties.filterType == 'Title & Sort By Only' && /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100"
+    "class": "row mx-0 w-100",
+    style: {
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      marginBottom: sectionproperties.sectiontitledirection == 'Vertical' ? sectionproperties.sectionTitleMarginBottom + 'px' : 0,
+      paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
+    }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-6 col-md-6 p-0 d-flex align-items-center justify-content-start"
   }, /*#__PURE__*/React.createElement("div", {
@@ -13277,9 +13443,7 @@ var Filter$1 = function Filter(props) {
       position: 'relative',
       justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
       width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : '',
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      marginTop: sectionproperties.showbadge == 'Show' ? sectionproperties.sectionTitleMarginTop + 'px' : 0,
-      marginBottom: sectionproperties.sectiontitledirection == 'Vertical' ? sectionproperties.sectionTitleMarginBottom + 'px' : 0
+      fontSize: sectionproperties.sectionTitleFontSize + 'px'
     }
   }, /*#__PURE__*/React.createElement("p", {
     "class": sectionproperties.sectiontitlefontfamily == 'Pacifico' ? ' PacificoFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? ' PlayfairFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? ' GreatvibesFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Quicksand' ? ' QuicksandFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Satisfy' ? ' SatisfyFont mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'ASUL' ? ' ASUL mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ' : '  mb-auto mb-0 pb-0 wordbreak d-flex align-items-center justify-content-start ',
@@ -15093,164 +15257,6 @@ var CardsSection = function CardsSection(props) {
               if (cardinfoindex < sectionproperties.overallnumberofcards) {
                 return /*#__PURE__*/React.createElement("div", {
                   "class": bootstapclass
-                  // class={
-                  //     sectionproperties.numberOfColsvertical == '1'
-                  //         ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover'
-                  //             ? ' col-xl-12 p-0 col-lg-12 col-md-4 p-0 d-flex justify-content-center col-sm-6 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft'
-                  //             ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'ModernProductCard'
-                  //             ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'MenuCard'
-                  //             ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'ServiceCard'
-                  //             ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'StylishProductCard'
-                  //             ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg'
-                  //             ? ' col-xl-12 p-0 col-lg-12 col-md-3 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Card20'
-                  //             ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto'
-                  //             : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow'
-                  //             ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition'
-                  //             ? ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard'
-                  //             ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage'
-                  //             ? ' col-xl-12 p-0 col-lg-12 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //         : sectionproperties.numberOfColsvertical == '2'
-                  //         ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover'
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0  '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft '
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'ModernProductCard'
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'MenuCard'
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'ServiceCard'
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'StylishProductCard'
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg'
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-3 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Card20'
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow'
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition'
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0'
-                  //             : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard'
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0'
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage'
-                  //             ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0'
-                  //         : sectionproperties.numberOfColsvertical == '3'
-                  //         ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover'
-                  //             ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft'
-                  //             ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'ModernProductCard'
-                  //             ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'MenuCard'
-                  //             ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'ServiceCard'
-                  //             ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'StylishProductCard'
-                  //             ? ' col-xl-4 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg'
-                  //             ? ' col-xl-4 p-0 col-lg-4 col-md-3 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Card20'
-                  //             ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow'
-                  //             ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition'
-                  //             ? ' col-xl-4 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard'
-                  //             ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0'
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage'
-                  //             ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : ' col-xl-4 col-lg-4 col-md-6 col-sm-6 d-flex justify-content-center p-0 '
-                  //         : sectionproperties.numberOfColsvertical == '4'
-                  //         ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover'
-                  //             ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft'
-                  //             ? ' col-xl-3 p-0  col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'ModernProductCard'
-                  //             ? ' col-xl-3 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'MenuCard'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'ServiceCard'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'StylishProductCard'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Card20'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition'
-                  //             ? ' col-xl-3 col-lg-4 col-md-4 col-sm-12 p-0 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0'
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : ' col-xl-3 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center p-0 '
-                  //         : sectionproperties.numberOfColsvertical == '12'
-                  //         ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover'
-                  //             ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft'
-                  //             ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6  d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'MenuCard'
-                  //             ? ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'ServiceCard'
-                  //             ? ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'StylishProductCard'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Card20'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0'
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage'
-                  //             ? ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : ''
-                  //         : sectionproperties.numberOfColsvertical == '6'
-                  //         ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover'
-                  //             ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft'
-                  //             ? '  col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'MenuCard'
-                  //             ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'ServiceCard'
-                  //             ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'StylishProductCard'
-                  //             ? ' col-xl-2 p-0 col-lg-2 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg'
-                  //             ? ' col-xl-2 p-0 col-lg-3 col-md-3 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Card20'
-                  //             ? ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-10 d-flex justify-content-center p-0 ml-sm-auto mr-sm-auto '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow'
-                  //             ? ' col-xl-2 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' +
-                  //               sectionproperties.numberOfColsverticalresp
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition'
-                  //             ? ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard'
-                  //             ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0'
-                  //             : item.tabexsectioninfo.sectioncompname == 'CardWithTextOnly'
-                  //             ? ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 '
-                  //             : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage'
-                  //             ? ' col-xl-2 p-0 col-lg-2 col-md-4 col-sm-12 d-flex justify-content-center p-0 '
-                  //             : ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 '
-                  //         : ''
-                  // }
                 }, /*#__PURE__*/React.createElement(Sectioncomp, {
                   sectiontypeprops: 'horizontal',
                   sectiontypeprops2: 'vertical',
@@ -35784,8 +35790,8 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
       }
     }),
     cart_btn: css({
-      width: sectionproperties.cartBtnWidth + 'px',
-      height: sectionproperties.cartBtnHeight + 'px',
+      width: sectionproperties.cartBtnWidth == 0 ? 'auto' : sectionproperties.cartBtnWidth + 'px',
+      height: sectionproperties.cartBtnHeight == 0 ? 'auto' : sectionproperties.cartBtnHeight + 'px',
       background: sectionproperties.cartBtnbgColor,
       borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.cart_iconcolor,
@@ -35957,7 +35963,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
     }
   }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar)), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-6 p-0 d-flex justify-content-end align-items-center"
-  }, /*#__PURE__*/React.createElement("p", {
+  }, sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React.createElement("p", {
     "class": header_cssstyles.languagecontainer + ' m-0 p-0 ',
     onClick: function onClick() {
       if (langdetect == 'en') {
@@ -36014,7 +36020,20 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
     }
   }))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-4 col-md-6 col-sm-12 p-0 d-flex align-items-center justify-content-end"
-  }, sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.showupperheadersection == 'Hide' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React.createElement("p", {
+    "class": header_cssstyles.languagecontainer + ' p-0 mb-0 pb-0 ',
+    style: {
+      marginRight: langdetect == 'en' ? '35px' : 0,
+      marginLeft: langdetect == 'ar' ? '35px' : 0
+    },
+    onClick: function onClick() {
+      if (langdetect == 'en') {
+        setlang('ar');
+      } else {
+        setlang('en');
+      }
+    }
+  }, langdetect == 'en' ? 'English' : 'لغة عربية'), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement("div", {
     style: {
       marginRight: langdetect == 'en' ? '30px' : 0,
       marginLeft: langdetect == 'en' ? 0 : '30px'
@@ -36112,10 +36131,6 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
     "class": "".concat(header_cssstyles.cart_btn) + ' cursor-pointer allcentered  ',
     onClick: function onClick() {
       setsidecartnavshowcontext(true);
-    },
-    style: {
-      marginRight: langdetect == 'en' ? '30px' : 0,
-      marginLeft: langdetect == 'en' ? 0 : '30px'
     }
   }, /*#__PURE__*/React.createElement("span", {
     "class": ' pr-0 ',
@@ -36276,7 +36291,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
         }
       }))));
     }
-  }), /*#__PURE__*/React.createElement("div", {
+  }), sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": ' col-lg-12 p-0 d-flex align-items-center justify-content-start cursor-pointer '
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
@@ -36830,7 +36845,7 @@ var Allinonefooter = function Allinonefooter(props) {
 function ownKeys$1w(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$1w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Footer1 = function Footer1(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i11, _authdetailsContext$i12;
+  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _authdetailsContext$i12, _authdetailsContext$i13;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -36910,8 +36925,7 @@ var Footer1 = function Footer1(props) {
     }),
     facebook_btn: css({
       cursor: 'pointer',
-      // background: sectionproperties.facebkbtnnbgColor,
-      background: sectionproperties.facebkbtnn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.facebkbtnnbgColor,
+      background: sectionproperties.facebkbtnnbgColor,
       width: sectionproperties.facebkbtnnWidth + 'px',
       height: sectionproperties.facebkbtnnHeight + 'px',
       borderRadius: sectionproperties.facebkbtnn_borderRadius + 'px',
@@ -36919,14 +36933,14 @@ var Footer1 = function Footer1(props) {
       border: sectionproperties.facebkbtnnborderwidth + 'px solid ' + sectionproperties.facebkbtnnbordercolor,
       transition: '.3s',
       ':hover': {
-        background: sectionproperties.facebkbtnntransparentbgcoloronhover == 'Transparent' ? 'Transparent' : sectionproperties.facebkbtnnbgColoronhover,
+        background: sectionproperties.facebkbtnnbgColoronhover,
         color: sectionproperties.facebkbtnnTextcoloronhover,
-        borderColor: sectionproperties.facebkbtnntransparentbgcoloronhover == 'Transparent' ? sectionproperties.facebkbtnnTextcoloronhover : sectionproperties.facebkbtnnbgColoronhover
+        borderColor: sectionproperties.facebkbtnnTextcoloronhover
       }
     }),
     youtube_btn: css({
       cursor: 'pointer',
-      background: sectionproperties.youtubebtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.youtubebtnbgColor,
+      background: sectionproperties.youtubebtnbgColor,
       width: sectionproperties.youtubebtnWidth + 'px',
       height: sectionproperties.youtubebtnHeight + 'px',
       borderRadius: sectionproperties.youtubebtn_borderRadius + 'px',
@@ -36934,14 +36948,14 @@ var Footer1 = function Footer1(props) {
       border: sectionproperties.youtubebtnborderwidth + 'px solid ' + sectionproperties.youtubebtnbordercolor,
       transition: '.3s',
       ':hover': {
-        background: sectionproperties.youtubebtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.youtubebtnbgColoronhover,
+        background: sectionproperties.youtubebtnbgColoronhover,
         color: sectionproperties.youtubebtnTextcoloronhover,
-        borderColor: sectionproperties.youtubebtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.youtubebtnTextcoloronhover : sectionproperties.youtubebtnbgColoronhover
+        borderColor: sectionproperties.youtubebtnTextcoloronhover
       }
     }),
     instgram_btn: css({
       cursor: 'pointer',
-      background: sectionproperties.instgrambtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.instgrambtnbgColor,
+      background: sectionproperties.instgrambtnbgColor,
       width: sectionproperties.instgrambtnWidth + 'px',
       height: sectionproperties.instgrambtnHeight + 'px',
       borderRadius: sectionproperties.instgrambtn_borderRadius + 'px',
@@ -36949,9 +36963,9 @@ var Footer1 = function Footer1(props) {
       border: sectionproperties.instgrambtnborderwidth + 'px solid ' + sectionproperties.instgrambtnbordercolor,
       transition: '.3s',
       ':hover': {
-        background: sectionproperties.instgrambtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.instgrambtnbgColoronhover,
+        background: sectionproperties.instgrambtnbgColoronhover,
         color: sectionproperties.instgrambtnTextcoloronhover,
-        borderColor: sectionproperties.instgrambtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.instgrambtnTextcoloronhover : sectionproperties.instgrambtnbgColoronhover
+        borderColor: sectionproperties.instgrambtnTextcoloronhover
       }
     }),
     footersubtitlestyles: css({
@@ -36980,11 +36994,45 @@ var Footer1 = function Footer1(props) {
       height: sectionproperties.vl_height + 'px',
       width: sectionproperties.vl_width + '%',
       overflow: 'hidden',
-      marginLeft: sectionproperties.vl_ml + 'px',
-      marginRight: sectionproperties.vl_mr + 'px',
       background: sectionproperties.vl_bg
+    }),
+    apptore: css({
+      maxWidth: '10%',
+      height: 'auto',
+      objectFit: 'contain',
+      '@media (max-width: 800px)': {
+        maxWidth: '20%',
+        height: 'auto'
+      },
+      '@media (max-width: 600px)': {
+        maxWidth: '35%',
+        height: 'auto'
+      }
+    }),
+    playstore: css({
+      maxWidth: '10%',
+      height: 'auto',
+      objectFit: 'contain',
+      '@media (max-width: 800px)': {
+        maxWidth: '20%',
+        height: 'auto'
+      },
+      '@media (max-width: 600px)': {
+        maxWidth: '35%',
+        height: 'auto'
+      }
     })
   };
+  var returnpolicyobj = function returnpolicyobj(policytype) {
+    var _authdetailsContext$i;
+    var policyobj = {};
+    authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 || (_authdetailsContext$i = _authdetailsContext$i.instpolicies) === null || _authdetailsContext$i === void 0 || _authdetailsContext$i.forEach(function (item, index) {
+      if (item.policytype == policytype) {
+        policyobj = item;
+      }
+    });
+    return policyobj;
+  };
   return /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-flex justify-content-center"
   }, /*#__PURE__*/React.createElement("footer", {
@@ -37005,16 +37053,7 @@ var Footer1 = function Footer1(props) {
       objectFit: 'contain'
     },
     loading: "lazy"
-  })), sectionproperties.showtitle == 'Show' && /*#__PURE__*/React.createElement("p", {
-    "class": "mb-0 p-0",
-    style: {
-      color: sectionproperties.titlecolor,
-      textTransform: sectionproperties.titletexttransform,
-      fontWeight: sectionproperties.titlefontweight,
-      fontSize: sectionproperties.titlefontsize + 'px',
-      marginLeft: sectionproperties.titlemarginleft + 'px'
-    }
-  }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.storename_en)), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 d-none d-md-block align-items-center justify-content-start justify-content-md-center"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(footerStyles.footerlogo) + ' d-flex align-items-center justify-content-center col-lg-12 w-100 '
@@ -37028,18 +37067,7 @@ var Footer1 = function Footer1(props) {
       objectFit: 'contain'
     },
     loading: "lazy"
-  })), /*#__PURE__*/React.createElement("div", {
-    "class": ' w-100 d-flex align-items-center justify-content-center col-lg-12 '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "mb-0 p-0",
-    style: {
-      color: sectionproperties.titlecolor,
-      textTransform: sectionproperties.titletexttransform,
-      fontWeight: sectionproperties.titlefontweight,
-      fontSize: sectionproperties.titlefontsize + 'px',
-      marginLeft: sectionproperties.titlemarginleft + 'px'
-    }
-  }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.storename_en))), /*#__PURE__*/React.createElement("div", {
+  }))), /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-7 col-sm-12"
@@ -37048,7 +37076,6 @@ var Footer1 = function Footer1(props) {
   }, sectionproperties.showhidemainpages == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-10 col-md-12 d-flex d-md-none flex-row align-items-center justify-content-start mt-3 p-0"
   }, templatepropcontext === null || templatepropcontext === void 0 ? void 0 : templatepropcontext.pagesnprop.map(function (item, index) {
-    if (item.isselected) ;
     if (item.isnavigation == 1 && item.isactive == 1) {
       return /*#__PURE__*/React.createElement("div", {
         onClick: function onClick() {
@@ -37061,7 +37088,6 @@ var Footer1 = function Footer1(props) {
   })), sectionproperties.showhidemainpages == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "d-none d-md-block align-items-center justify-content-center mt-3 p-0 row m-0 w-100"
   }, templatepropcontext === null || templatepropcontext === void 0 ? void 0 : templatepropcontext.pagesnprop.map(function (item, index) {
-    if (item.isselected) ;
     if (item.isnavigation == 1 && item.isactive == 1) {
       return /*#__PURE__*/React.createElement("div", {
         "class": "col-lg-12 p-0 d-flex justify-content-center"
@@ -37074,31 +37100,59 @@ var Footer1 = function Footer1(props) {
       }, langdetect == 'en' ? item.pagename : item.pagename_ar, " ")));
     }
   })), sectionproperties.showhidesubpages == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "d-none d-md-block align-items-center justify-content-center mt-3 p-0 row m-0 w-100"
+    "class": "d-none d-md-block align-items-center justify-content-start mt-3 p-0 row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 d-flex justify-content-center p-0"
+    "class": "col-lg-12 d-flex justify-content-start p-0"
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(footerStyles.footersubtitlestyles),
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Wishlist);
     }
   }, lang.wishlist)), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 d-flex justify-content-center p-0"
+    "class": "col-lg-12 d-flex justify-content-start p-0"
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(footerStyles.footersubtitlestyles),
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Ordershistory);
     }
-  }, lang.orderhistory)), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 d-flex justify-content-center p-0"
+  }, lang.orderhistory)), sectionproperties.separatepolicies == 'No' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 d-flex justify-content-start p-0"
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(footerStyles.footersubtitlestyles),
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Policies);
     }
-  }, lang.policies)))), sectionproperties.showhidesubpages == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, lang.policies)), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 d-flex justify-content-start p-0"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(footerStyles.footersubtitlestyles),
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.PrivacyPolicy);
+    }
+  }, langdetect == 'en' ? (_returnpolicyobj = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj === void 0 ? void 0 : _returnpolicyobj.policypagename_en : (_returnpolicyobj2 = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj2 === void 0 ? void 0 : _returnpolicyobj2.policypagename_ar)), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 d-flex justify-content-start p-0"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(footerStyles.footersubtitlestyles),
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.ShippingPolicy);
+    }
+  }, langdetect == 'en' ? (_returnpolicyobj3 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj3 === void 0 ? void 0 : _returnpolicyobj3.policypagename_en : (_returnpolicyobj4 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj4 === void 0 ? void 0 : _returnpolicyobj4.policypagename_ar)), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 d-flex justify-content-start p-0"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(footerStyles.footersubtitlestyles),
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.RefundPolicy);
+    }
+  }, langdetect == 'en' ? (_returnpolicyobj5 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj5 === void 0 ? void 0 : _returnpolicyobj5.policypagename_en : (_returnpolicyobj6 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj6 === void 0 ? void 0 : _returnpolicyobj6.policypagename_ar)), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 d-flex justify-content-start p-0"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(footerStyles.footersubtitlestyles),
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.TermsConditions);
+    }
+  }, langdetect == 'en' ? (_returnpolicyobj7 = returnpolicyobj('Terms & Conditions')) === null || _returnpolicyobj7 === void 0 ? void 0 : _returnpolicyobj7.policypagename_en : (_returnpolicyobj8 = returnpolicyobj('Terms & Conditions')) === null || _returnpolicyobj8 === void 0 ? void 0 : _returnpolicyobj8.policypagename_ar)))), sectionproperties.showhidesubpages == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-10 d-flex d-md-none flex-row align-items-center justify-content-start mt-3 p-0"
   }, /*#__PURE__*/React.createElement("p", {
     "class": langdetect == 'en' ? "".concat(footerStyles.footersubtitlestyles) + ' ml-0 ' : "".concat(footerStyles.footersubtitlestyles) + ' mr-0 ',
@@ -37110,33 +37164,53 @@ var Footer1 = function Footer1(props) {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Ordershistory);
     }
-  }, lang.orderhistory), /*#__PURE__*/React.createElement("p", {
+  }, lang.orderhistory), sectionproperties.separatepolicies == 'No' && /*#__PURE__*/React.createElement("p", {
     "class": "".concat(footerStyles.footersubtitlestyles),
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Policies);
     }
-  }, lang.policies)))), /*#__PURE__*/React.createElement("div", {
+  }, lang.policies), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(footerStyles.footersubtitlestyles),
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.PrivacyPolicy);
+    }
+  }, langdetect == 'en' ? (_returnpolicyobj9 = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj9 === void 0 ? void 0 : _returnpolicyobj9.policypagename_en : (_returnpolicyobj10 = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj10 === void 0 ? void 0 : _returnpolicyobj10.policypagename_ar), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(footerStyles.footersubtitlestyles),
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.ShippingPolicy);
+    }
+  }, langdetect == 'en' ? (_returnpolicyobj11 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj11 === void 0 ? void 0 : _returnpolicyobj11.policypagename_en : (_returnpolicyobj12 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj12 === void 0 ? void 0 : _returnpolicyobj12.policypagename_ar), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(footerStyles.footersubtitlestyles),
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.RefundPolicy);
+    }
+  }, langdetect == 'en' ? (_returnpolicyobj13 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj13 === void 0 ? void 0 : _returnpolicyobj13.policypagename_en : (_returnpolicyobj14 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj14 === void 0 ? void 0 : _returnpolicyobj14.policypagename_ar), sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(footerStyles.footersubtitlestyles),
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.TermsConditions);
+    }
+  }, langdetect == 'en' ? (_returnpolicyobj15 = returnpolicyobj('Terms & Conditions')) === null || _returnpolicyobj15 === void 0 ? void 0 : _returnpolicyobj15.policypagename_en : (_returnpolicyobj16 = returnpolicyobj('Terms & Conditions')) === null || _returnpolicyobj16 === void 0 ? void 0 : _returnpolicyobj16.policypagename_ar)))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-5 col-sm-12 mb-sm-2 d-flex justify-content-end"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": " col-lg-12 d-flex flex-row align-items-center justify-content-end "
+    "class": " col-lg-12 d-flex flex-row align-items-center justify-content-end justify-content-md-start p-md-0"
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(footerStyles.facebook_btn) + '  d-flex align-items-center justify-content-center ',
     onClick: function onClick() {
-      var _authdetailsContext$i4;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink) != null) {
-        var _authdetailsContext$i5;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.facebooklink, '_blank');
+      var _authdetailsContext$i3;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null) {
+        var _authdetailsContext$i4;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink, '_blank');
       }
     }
-  }, /*#__PURE__*/React.createElement(FaFacebookF, {
+  }, /*#__PURE__*/React.createElement(FaFacebook, {
     size: sectionproperties.facebkbtnniconfontsize
   })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(footerStyles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i6;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink) != null) {
-        var _authdetailsContext$i7;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink, '_blank');
+      var _authdetailsContext$i5;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink) != null) {
+        var _authdetailsContext$i6;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(AiFillInstagram, {
@@ -37144,10 +37218,10 @@ var Footer1 = function Footer1(props) {
   })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(footerStyles.youtube_btn) + '  d-flex align-items-center justify-content-center ',
     onClick: function onClick() {
-      var _authdetailsContext$i8;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.whatsappnumber) != null) {
-        var _authdetailsContext$i9;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.whatsappnumber), '_blank');
+      var _authdetailsContext$i7;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber) != null) {
+        var _authdetailsContext$i8;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React.createElement(FaWhatsapp, {
@@ -37155,7 +37229,23 @@ var Footer1 = function Footer1(props) {
   }))))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 d-flex justify-content-center mt-md-3 mb-md-3"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(footerStyles.vl) + ' ml-sm-0 mr-sm-0 '
+    "class": "".concat(footerStyles.vl) + ' ml-sm-0 mr-sm-0 my-2 '
+  })), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-center mt-3 mb-1 mb-sm-3'
+  }, /*#__PURE__*/React.createElement("img", {
+    "class": "".concat(footerStyles.apptore) + ' cursor-pointer mx-2 ',
+    src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
+    onClick: function onClick() {
+      var _authdetailsContext$i9;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.mobileapplink_appstore, '_blank');
+    }
+  }), /*#__PURE__*/React.createElement("img", {
+    "class": "".concat(footerStyles.playstore) + ' cursor-pointer mx-2 ',
+    src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
+    onClick: function onClick() {
+      var _authdetailsContext$i10;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.mobileapplink_playstore, '_blank');
+    }
   })), sectionproperties.showcontactinfo == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0"
   }, /*#__PURE__*/React.createElement("div", {
@@ -37171,12 +37261,12 @@ var Footer1 = function Footer1(props) {
       textTransform: sectionproperties.footerinfotext_textTransform
     },
     onClick: function onClick() {
-      var _authdetailsContext$i10;
-      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 || (_authdetailsContext$i10 = _authdetailsContext$i10.contactinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.email), '_self');
+      var _authdetailsContext$i11;
+      window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 || (_authdetailsContext$i11 = _authdetailsContext$i11.contactinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.email), '_self');
     }
   }, /*#__PURE__*/React.createElement("i", {
     "class": ' fa fa-at mr-2 text-transform-none ml-2 '
-  }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 || (_authdetailsContext$i11 = _authdetailsContext$i11.contactinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.email)), /*#__PURE__*/React.createElement("div", {
+  }), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 || (_authdetailsContext$i12 = _authdetailsContext$i12.contactinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.email)), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center justify-content-md-center align-items-start p-0"
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(footerStyles.footerinfotext) + ' d-flex align-items-center justify-content-md-center mr-1 ',
@@ -37205,7 +37295,7 @@ var Footer1 = function Footer1(props) {
     "class": ' h-100 d-flex align-items-center justify-content-center mr-2 ml-2 '
   }, /*#__PURE__*/React.createElement(IoLocationSharp, {
     size: sectionproperties.footerinfoicon_fontsize
-  })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.address_en)))))));
+  })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.address_en)))))));
 };
 
 function ownKeys$1v(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; }
@@ -64825,7 +64915,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
     productcardimagecont: css({
       position: 'relative',
       overflow: 'hidden',
-      height: sectionproperties.image_height + 'px',
+      height: sectionproperties.image_height == 0 ? 'auto' : sectionproperties.image_height + 'px',
       background: sectionproperties.image_bgtransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
       // border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
       border: sectionproperties.image_borderType == 'All' ? sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor : 0,
@@ -64837,7 +64927,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
       transition: '.3s',
       opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1,
       '@media (max-width: 800px)': {
-        height: sectionproperties.height_responsive != null ? sectionproperties.height_responsive + 'px' : sectionproperties.image_height + 'px'
+        height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive != null ? sectionproperties.height_responsive + 'px' : sectionproperties.image_height + 'px'
       }
     }),
     productNameStyles: css({
@@ -65013,26 +65103,33 @@ var Simpleproductcard = function Simpleproductcard(props) {
       fontSize: sectionproperties.badge_fontsize + 'px'
     }
   }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
-    "class": "allcentered",
+    "class": sectionproperties.pillwidth == 0 ? ' px-2 allcentered' : 'allcentered',
     style: {
       zIndex: 2,
       position: 'absolute',
       top: sectionproperties.pillpositionfromtop + 'px',
       left: langdetect == 'en' ? sectionproperties.pillpositionfromright + 'px' : '',
       right: langdetect == 'en' ? '' : sectionproperties.pillpositionfromright + 'px',
-      width: sectionproperties.pillwidth + 'px',
+      width: sectionproperties.pillwidth == 0 ? 'auto' : sectionproperties.pillwidth + 'px',
       height: sectionproperties.pillheight + 'px',
       background: sectionproperties.pillbgcolor,
       borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px'
     }
-  }, /*#__PURE__*/React.createElement("p", {
+  }, sectionproperties.countertype == 'Percentage' && /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      color: sectionproperties.pillcolor,
+      fontSize: sectionproperties.pillfontSize + 'px',
+      direction: 'ltr'
+    }
+  }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%'), sectionproperties.countertype == 'Value' && /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0 text-uppercase",
     style: {
       color: sectionproperties.pillcolor,
       fontSize: sectionproperties.pillfontSize + 'px',
       direction: 'ltr'
     }
-  }, '-' + parseFloat(Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0).toFixed(0) + '%')), /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' ? 'Save' : 'وفر', " ", langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.defaultprice) - parseInt(item.defaultsaleprice))).toFixed(0), " ", langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
       if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == 'Product Information') {
         // setShowProductInfoModalContext(true);
@@ -65097,8 +65194,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
     "class": " d-flex flex-row col-lg-12 mx-0 p-0 align-items-center ",
     style: {
       justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start',
-      marginTop: sectionproperties.productpricemarginvertical + 'px',
-      marginBottom: sectionproperties.productpricemarginvertical + 'px'
+      marginTop: sectionproperties.productpricemarginTop + 'px',
+      marginBottom: sectionproperties.productpricemarginBottom + 'px'
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": props.sectiontypeprops2 == 'vertical' ? ' d-flex align-items-center p-0 mb-0 flex-sm-column ' : ' d-flex align-items-center p-0 mb-0 ',