tabexseriescomponents 0.0.298 → 0.0.300

package/dist/index.cjs.js

@@ -43,7 +43,7 @@ var AiOutlineClockCircle = require('@react-icons/all-files/ai/AiOutlineClockCirc
 var AiOutlinePlus = require('@react-icons/all-files/ai/AiOutlinePlus');
 var AiOutlineCheck = require('@react-icons/all-files/ai/AiOutlineCheck');
 var reactHorizontalScrollingMenu = require('react-horizontal-scrolling-menu');
-require('@mui/material');
+var material = require('@mui/material');
 var HiOutlinePhone = require('@react-icons/all-files/hi/HiOutlinePhone');
 var AiOutlineMail = require('@react-icons/all-files/ai/AiOutlineMail');
 var FaShippingFast = require('@react-icons/all-files/fa/FaShippingFast');
@@ -605,8 +605,8 @@ var FacebookLoginButton = function FacebookLoginButton(props) {
   }));
 };
 
-function ownKeys$2a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$2a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2a(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$2b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2b(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Login = function Login(props) {
   var _css;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -679,7 +679,7 @@ var Login = function Login(props) {
       StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$2a({}, secpropobj));
+      setsectionproperties(_objectSpread$2b({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -838,9 +838,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: payloadobj.email,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2a({}, payloadobj);
+      var temppayloadobj = _objectSpread$2b({}, payloadobj);
       temppayloadobj.email = event.target.value;
-      setpayloadobj(_objectSpread$2a({}, temppayloadobj));
+      setpayloadobj(_objectSpread$2b({}, temppayloadobj));
     },
     style: {
       background: 'transparent'
@@ -862,9 +862,9 @@ var Login = function Login(props) {
     textplaceholder: "",
     value: payloadobj.password,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2a({}, payloadobj);
+      var temppayloadobj = _objectSpread$2b({}, payloadobj);
       temppayloadobj.password = event.target.value;
-      setpayloadobj(_objectSpread$2a({}, temppayloadobj));
+      setpayloadobj(_objectSpread$2b({}, temppayloadobj));
     },
     style: {
       background: 'transparent'
@@ -996,9 +996,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.email,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2b({}, forgotpasswordpayload);
       temppayloadobj.email = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2b({}, temppayloadobj));
     },
     disabled: forgetpasswordstage == 'verify' ? true : false,
     style: {
@@ -1013,9 +1013,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.code,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2b({}, forgotpasswordpayload);
       temppayloadobj.code = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2b({}, temppayloadobj));
     },
     style: {
       background: 'transparent'
@@ -1029,9 +1029,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.newpassword,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2b({}, forgotpasswordpayload);
       temppayloadobj.newpassword = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2b({}, temppayloadobj));
     },
     style: {
       background: 'transparent'
@@ -1045,9 +1045,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.confirmnewpassword,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2b({}, forgotpasswordpayload);
       temppayloadobj.confirmnewpassword = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2b({}, temppayloadobj));
     },
     style: {
       background: 'transparent'
@@ -1059,7 +1059,7 @@ var Login = function Login(props) {
     onClick: function onClick() {
       if (forgotpasswordpayload.email.length != 0) {
         var runfunc = false;
-        var tempforgotpasswordpayload = _objectSpread$2a({}, forgotpasswordpayload);
+        var tempforgotpasswordpayload = _objectSpread$2b({}, forgotpasswordpayload);
         tempforgotpasswordpayload.functype = forgetpasswordstage;
         if (forgetpasswordstage == 'verify') {
           if (tempforgotpasswordpayload.newpassword.length != 0 && tempforgotpasswordpayload.code.length != 0) {
@@ -1126,11 +1126,11 @@ var css_248z$J = "@media screen and (max-width: 800px) {\n    .signup-module_rig
 var loginstyles = {"rightContainer":"signup-module_rightContainer__yEcoL","rightContainerTrans":"signup-module_rightContainerTrans__fkdBH","rightContainerText":"signup-module_rightContainerText__-pvN-","form_control":"signup-module_form_control__7s76W","anim-shadow":"signup-module_anim-shadow__CsxhG","login_input_icon":"signup-module_login_input_icon__RDTS0","form_control_border_none":"signup-module_form_control_border_none__HjUMS","disabled":"signup-module_disabled__h55ao","leftcontainer":"signup-module_leftcontainer__bqfnN","form_controltextarea":"signup-module_form_controltextarea__-LGz6","checkbox":"signup-module_checkbox__8ejBx","checkbox_label":"signup-module_checkbox_label__d84Q2","checkbox_sub":"signup-module_checkbox_sub__WQLUX","checkboxtranslated":"signup-module_checkboxtranslated__4xHR-"};
 styleInject(css_248z$J);
 
-function ownKeys$29(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$29(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$29(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$29(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$2a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2a(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var defaultstyles = {
   option: function option(provided, state) {
-    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -1158,7 +1158,7 @@ var defaultstyles = {
     };
   },
   dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
       '&:hover': {
         // color: '#eac435',
       }
@@ -1167,7 +1167,7 @@ var defaultstyles = {
 };
 var defaultstylestranslated = {
   option: function option(provided, state) {
-    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -1198,21 +1198,21 @@ var defaultstylestranslated = {
     };
   },
   dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
       '&:hover': {
         // color: '#eac435',
       }
     });
   },
   placeholder: function placeholder(provided, state) {
-    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
       textAlign: 'right'
     });
   }
 };
 var defaultstylesnone = {
   option: function option(provided, state) {
-    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -1240,7 +1240,7 @@ var defaultstylesnone = {
     };
   },
   dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
       '&:hover': {
         // color: '#eac435',
       }
@@ -1480,6 +1480,7 @@ var Variantoptions = function Variantoptions(props) {
 
 //productidprops
 var ProductHeaderPricing = function ProductHeaderPricing(props) {
+  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
   var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
@@ -1488,19 +1489,7 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
   var variantindexcompleted = props.actions.variantindexcompleted;
   var getprice_discountpriceprops = props.actions.getprice_discountpriceprops;
   var quantityconditionfoundobjprops = props.actions.quantityconditionfoundobjprops;
-  var productinfo_cssstyles = {
-    profitcontainer: glamor.css({
-      width: sectionproperties.profitcontainerwidth + '%',
-      height: sectionproperties.profitcontainerheight + 'px',
-      background: sectionproperties.profitcontainerbgcolor,
-      border: sectionproperties.profitcontainerborderwidth + 'px solid' + sectionproperties.profitcontainerbordercolor,
-      borderRadius: sectionproperties.profitcontainerborderradius + 'px',
-      color: sectionproperties.profitcontainercolor,
-      '@media (max-width: 800px)': {
-        width: '90%'
-      }
-    })
-  };
+  var productinfo_cssstyles = props.actions.productinfo_cssstyles;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1582,7 +1571,21 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
       fontSize: '13px',
       lineHeight: '25px'
     }
-  }, '-' + parseFloat(Math.round(10.0 * ((parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted)) - parseFloat(getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted))) / parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted))) * 100) / 10.0).toFixed(0) + '%'))))), sectionproperties.showprofitcontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, '-' + parseFloat(Math.round(10.0 * ((parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted)) - parseFloat(getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted))) / parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted))) * 100) / 10.0).toFixed(0) + '%'))))), sectionproperties.showcashbackcontainer == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 ? void 0 : (_fetchProductInfoQuer2 = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : (_fetchProductInfoQuer3 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.productcashbackvalue) > 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start mt-1 mb-2"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(productinfo_cssstyles.cashbackoutercontainer) + ' d-flex flex-row allcentered px-2 '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontWeight: 500
+    }
+  }, langdetect == 'en' ? sectionproperties.cashbackcontainercontenten : sectionproperties.cashbackcontainercontentar), /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 mx-1",
+    style: {
+      fontWeight: 600
+    }
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : (_fetchProductInfoQuer5 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : (_fetchProductInfoQuer6 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.productcashbackvalue, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), sectionproperties.showprofitcontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 mb-2"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": productinfo_cssstyles.profitcontainer + ' allcentered '
@@ -1600,8 +1603,8 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
   }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(Math.round(parseInt(fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 ? parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2) : parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2)) * (fetchProductInfoQueryContext.data.data.productinfo.prodaffpercentprofit / 100))).toFixed(0), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))));
 };
 
-function ownKeys$28(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$28(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$28(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$28(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$29(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$29(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$29(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$29(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ProductExtraFields = function ProductExtraFields(props) {
   var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _css, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7;
   props.actions.lang;
@@ -1656,9 +1659,9 @@ var ProductExtraFields = function ProductExtraFields(props) {
       });
     }
     setproductextravaluesarray(_toConsumableArray__default["default"](tempproductextravaluesarray));
-    var tempaddtocardpayloadobj = _objectSpread$28({}, addtocardpayloadobj);
+    var tempaddtocardpayloadobj = _objectSpread$29({}, addtocardpayloadobj);
     tempaddtocardpayloadobj.extrafields = tempproductextravaluesarray;
-    setaddtocardpayloadobj(_objectSpread$28({}, tempaddtocardpayloadobj));
+    setaddtocardpayloadobj(_objectSpread$29({}, tempaddtocardpayloadobj));
   };
   var formstyles = {
     input_label_name: glamor.css({
@@ -1763,10 +1766,10 @@ var ProductExtraFields = function ProductExtraFields(props) {
   }))));
 };
 
-function ownKeys$27(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$27(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$27(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$27(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$28(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$28(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$28(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$28(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Product_itemtype = function Product_itemtype(props) {
-  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58;
+  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -1862,7 +1865,7 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-3 pb-md-4 pl-1 pr-1"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: sectionproperties.maximizegalleryfullscreen == 'Yes' ? 'col-lg-12 p-0 maximize' : 'col-lg-12 p-0',
+    className: sectionproperties.maximizegalleryfullscreen == 'Yes' ? ' col-lg-12 p-0 maximize ' : 'col-lg-12 p-0',
     style: {
       width: '100%',
       height: 'auto'
@@ -2001,7 +2004,13 @@ var Product_itemtype = function Product_itemtype(props) {
       fontSize: sectionproperties.skuFontSize + 'px',
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, fetchProductInfoQueryContext.data.data.productinfo.sku))), sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : (_fetchProductInfoQuer24 = _fetchProductInfoQuer23.data) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : (_fetchProductInfoQuer25 = _fetchProductInfoQuer24.productinfo) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : _fetchProductInfoQuer25.deliverydatetext) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, fetchProductInfoQueryContext.data.data.productinfo.sku))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : (_fetchProductInfoQuer24 = _fetchProductInfoQuer23.data) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : (_fetchProductInfoQuer25 = _fetchProductInfoQuer24.productinfo) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : _fetchProductInfoQuer25.currentquantity) < 1 && sectionproperties.showoutofstock == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer26 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : (_fetchProductInfoQuer27 = _fetchProductInfoQuer26.data) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : (_fetchProductInfoQuer28 = _fetchProductInfoQuer27.productinfo) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : _fetchProductInfoQuer28.quantavailtype) == 'limit' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer29 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : (_fetchProductInfoQuer30 = _fetchProductInfoQuer29.data) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : (_fetchProductInfoQuer31 = _fetchProductInfoQuer30.productinfo) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : _fetchProductInfoQuer31.hasvariants) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(productinfo_cssstyles.outstockbadge) + ' allcentered '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0"
+  }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer32 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : (_fetchProductInfoQuer33 = _fetchProductInfoQuer32.data) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : (_fetchProductInfoQuer34 = _fetchProductInfoQuer33.productinfo) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : _fetchProductInfoQuer34.deliverydatetext) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "mb-4 col-lg-12",
     style: {
       width: '100%',
@@ -2021,9 +2030,9 @@ var Product_itemtype = function Product_itemtype(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, langdetect == 'en' ? 'Delivery Time' : 'مدة الشحن', ": ", fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer26 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : (_fetchProductInfoQuer27 = _fetchProductInfoQuer26.data) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : (_fetchProductInfoQuer28 = _fetchProductInfoQuer27.productinfo) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : _fetchProductInfoQuer28.deliverydatetext)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer29 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : (_fetchProductInfoQuer30 = _fetchProductInfoQuer29.data) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : (_fetchProductInfoQuer31 = _fetchProductInfoQuer30.productinfo) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : _fetchProductInfoQuer31.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement(ProductHeaderPricing, {
+  }, langdetect == 'en' ? 'Delivery Time' : 'مدة الشحن', ": ", fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer35 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer35 === void 0 ? void 0 : (_fetchProductInfoQuer36 = _fetchProductInfoQuer35.data) === null || _fetchProductInfoQuer36 === void 0 ? void 0 : (_fetchProductInfoQuer37 = _fetchProductInfoQuer36.productinfo) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : _fetchProductInfoQuer37.deliverydatetext)), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer38 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : (_fetchProductInfoQuer39 = _fetchProductInfoQuer38.data) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : (_fetchProductInfoQuer40 = _fetchProductInfoQuer39.productinfo) === null || _fetchProductInfoQuer40 === void 0 ? void 0 : _fetchProductInfoQuer40.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement(ProductHeaderPricing, {
     actions: props.actions
-  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer32 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : (_fetchProductInfoQuer33 = _fetchProductInfoQuer32.data) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : (_fetchProductInfoQuer34 = _fetchProductInfoQuer33.productinfo) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : _fetchProductInfoQuer34.hasvariants) == 1 && sectionproperties.productInformationType == 'Profile' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer41 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer41 === void 0 ? void 0 : (_fetchProductInfoQuer42 = _fetchProductInfoQuer41.data) === null || _fetchProductInfoQuer42 === void 0 ? void 0 : (_fetchProductInfoQuer43 = _fetchProductInfoQuer42.productinfo) === null || _fetchProductInfoQuer43 === void 0 ? void 0 : _fetchProductInfoQuer43.hasvariants) == 1 && sectionproperties.productInformationType == 'Profile' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 d-flex align-items-start"
   }, ProductInfoObj === null || ProductInfoObj === void 0 ? void 0 : (_ProductInfoObj$data = ProductInfoObj.data) === null || _ProductInfoObj$data === void 0 ? void 0 : (_ProductInfoObj$data$ = _ProductInfoObj$data.productinfo) === null || _ProductInfoObj$data$ === void 0 ? void 0 : (_ProductInfoObj$data$2 = _ProductInfoObj$data$.productoptions) === null || _ProductInfoObj$data$2 === void 0 ? void 0 : _ProductInfoObj$data$2.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2098,7 +2107,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 d-flex align-items-center"
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer35 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer35 === void 0 ? void 0 : (_fetchProductInfoQuer36 = _fetchProductInfoQuer35.data) === null || _fetchProductInfoQuer36 === void 0 ? void 0 : (_fetchProductInfoQuer37 = _fetchProductInfoQuer36.productinfo) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : _fetchProductInfoQuer37.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer38 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : (_fetchProductInfoQuer39 = _fetchProductInfoQuer38.data) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : (_fetchProductInfoQuer40 = _fetchProductInfoQuer39.productinfo) === null || _fetchProductInfoQuer40 === void 0 ? void 0 : _fetchProductInfoQuer40.isproducthasquantitychange) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer44 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer44 === void 0 ? void 0 : (_fetchProductInfoQuer45 = _fetchProductInfoQuer44.data) === null || _fetchProductInfoQuer45 === void 0 ? void 0 : (_fetchProductInfoQuer46 = _fetchProductInfoQuer45.productinfo) === null || _fetchProductInfoQuer46 === void 0 ? void 0 : _fetchProductInfoQuer46.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer47 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer47 === void 0 ? void 0 : (_fetchProductInfoQuer48 = _fetchProductInfoQuer47.data) === null || _fetchProductInfoQuer48 === void 0 ? void 0 : (_fetchProductInfoQuer49 = _fetchProductInfoQuer48.productinfo) === null || _fetchProductInfoQuer49 === void 0 ? void 0 : _fetchProductInfoQuer49.isproducthasquantitychange) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 mb-2 d-flex justofy-content-start"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     className: "m-0 p-0",
@@ -2115,7 +2124,7 @@ var Product_itemtype = function Product_itemtype(props) {
     style: {
       justifyContent: sectionproperties.cartbtncentered == 'Centered' ? 'center' : 'start'
     }
-  }, sectionproperties.quantitybtn_show == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer41 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer41 === void 0 ? void 0 : (_fetchProductInfoQuer42 = _fetchProductInfoQuer41.data) === null || _fetchProductInfoQuer42 === void 0 ? void 0 : (_fetchProductInfoQuer43 = _fetchProductInfoQuer42.productinfo) === null || _fetchProductInfoQuer43 === void 0 ? void 0 : _fetchProductInfoQuer43.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer44 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer44 === void 0 ? void 0 : (_fetchProductInfoQuer45 = _fetchProductInfoQuer44.data) === null || _fetchProductInfoQuer45 === void 0 ? void 0 : (_fetchProductInfoQuer46 = _fetchProductInfoQuer45.productinfo) === null || _fetchProductInfoQuer46 === void 0 ? void 0 : _fetchProductInfoQuer46.isproducthasquantitychange) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
+  }, sectionproperties.quantitybtn_show == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer50 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer50 === void 0 ? void 0 : (_fetchProductInfoQuer51 = _fetchProductInfoQuer50.data) === null || _fetchProductInfoQuer51 === void 0 ? void 0 : (_fetchProductInfoQuer52 = _fetchProductInfoQuer51.productinfo) === null || _fetchProductInfoQuer52 === void 0 ? void 0 : _fetchProductInfoQuer52.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer53 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer53 === void 0 ? void 0 : (_fetchProductInfoQuer54 = _fetchProductInfoQuer53.data) === null || _fetchProductInfoQuer54 === void 0 ? void 0 : (_fetchProductInfoQuer55 = _fetchProductInfoQuer54.productinfo) === null || _fetchProductInfoQuer55 === void 0 ? void 0 : _fetchProductInfoQuer55.isproducthasquantitychange) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
     className: " ".concat(productinfo_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mb-sm-2 ',
     style: {
       height: sectionproperties.quantitybtn_height + 'px',
@@ -2126,11 +2135,11 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(productinfo_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
-      var tempaddtocardpayloadobj = _objectSpread$27({}, addtocardpayloadobj);
+      var tempaddtocardpayloadobj = _objectSpread$28({}, addtocardpayloadobj);
       if (tempaddtocardpayloadobj.quantity > 0) {
         tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity - 1;
       }
-      setaddtocardpayloadobj(_objectSpread$27({}, tempaddtocardpayloadobj));
+      setaddtocardpayloadobj(_objectSpread$28({}, tempaddtocardpayloadobj));
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-down' : 'h-100 allcentered',
@@ -2144,9 +2153,9 @@ var Product_itemtype = function Product_itemtype(props) {
   }, addtocardpayloadobj.quantity), /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
-      var tempaddtocardpayloadobj = _objectSpread$27({}, addtocardpayloadobj);
+      var tempaddtocardpayloadobj = _objectSpread$28({}, addtocardpayloadobj);
       tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity + 1;
-      setaddtocardpayloadobj(_objectSpread$27({}, tempaddtocardpayloadobj));
+      setaddtocardpayloadobj(_objectSpread$28({}, tempaddtocardpayloadobj));
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-up' : 'h-100 allcentered'
@@ -2157,7 +2166,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, {
     size: sectionproperties.add_quantitybtn_textfontsize
-  })))), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer47 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer47 === void 0 ? void 0 : (_fetchProductInfoQuer48 = _fetchProductInfoQuer47.data) === null || _fetchProductInfoQuer48 === void 0 ? void 0 : (_fetchProductInfoQuer49 = _fetchProductInfoQuer48.productinfo) === null || _fetchProductInfoQuer49 === void 0 ? void 0 : _fetchProductInfoQuer49.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
+  })))), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer56 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer56 === void 0 ? void 0 : (_fetchProductInfoQuer57 = _fetchProductInfoQuer56.data) === null || _fetchProductInfoQuer57 === void 0 ? void 0 : (_fetchProductInfoQuer58 = _fetchProductInfoQuer57.productinfo) === null || _fetchProductInfoQuer58 === void 0 ? void 0 : _fetchProductInfoQuer58.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
     className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
     onClick: function onClick() {
       if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
@@ -2223,7 +2232,7 @@ var Product_itemtype = function Product_itemtype(props) {
     size: sectionproperties.favBtnIconfontsize
   }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
-  }))))), sectionproperties.cartbtnalone == 'Alone' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer50 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer50 === void 0 ? void 0 : (_fetchProductInfoQuer51 = _fetchProductInfoQuer50.data) === null || _fetchProductInfoQuer51 === void 0 ? void 0 : (_fetchProductInfoQuer52 = _fetchProductInfoQuer51.productinfo) === null || _fetchProductInfoQuer52 === void 0 ? void 0 : _fetchProductInfoQuer52.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))))), sectionproperties.cartbtnalone == 'Alone' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer59 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer59 === void 0 ? void 0 : (_fetchProductInfoQuer60 = _fetchProductInfoQuer59.data) === null || _fetchProductInfoQuer60 === void 0 ? void 0 : (_fetchProductInfoQuer61 = _fetchProductInfoQuer60.productinfo) === null || _fetchProductInfoQuer61 === void 0 ? void 0 : _fetchProductInfoQuer61.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 mt-3",
     style: {
       overflow: 'hidden'
@@ -2297,7 +2306,7 @@ var Product_itemtype = function Product_itemtype(props) {
     size: sectionproperties.favBtnIconfontsize
   }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
-  })))))))), sectionproperties.productInformationType == 'Product/Service Information' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer53 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer53 === void 0 ? void 0 : (_fetchProductInfoQuer54 = _fetchProductInfoQuer53.data) === null || _fetchProductInfoQuer54 === void 0 ? void 0 : (_fetchProductInfoQuer55 = _fetchProductInfoQuer54.productinfo) === null || _fetchProductInfoQuer55 === void 0 ? void 0 : _fetchProductInfoQuer55.isproducttobesold) == 1 && sectionproperties.showtotalsection == true && /*#__PURE__*/React__default["default"].createElement("div", {
+  })))))))), sectionproperties.productInformationType == 'Product/Service Information' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer62 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer62 === void 0 ? void 0 : (_fetchProductInfoQuer63 = _fetchProductInfoQuer62.data) === null || _fetchProductInfoQuer63 === void 0 ? void 0 : (_fetchProductInfoQuer64 = _fetchProductInfoQuer63.productinfo) === null || _fetchProductInfoQuer64 === void 0 ? void 0 : _fetchProductInfoQuer64.isproducttobesold) == 1 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 mb-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 d-flex flex-row"
@@ -2334,7 +2343,7 @@ 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))))), sectionproperties.availabilitybtnposition == 'Bottom' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer56 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer56 === void 0 ? void 0 : (_fetchProductInfoQuer57 = _fetchProductInfoQuer56.data) === null || _fetchProductInfoQuer57 === void 0 ? void 0 : (_fetchProductInfoQuer58 = _fetchProductInfoQuer57.productinfo) === null || _fetchProductInfoQuer58 === void 0 ? void 0 : _fetchProductInfoQuer58.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), sectionproperties.availabilitybtnposition == 'Bottom' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer65 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer65 === void 0 ? void 0 : (_fetchProductInfoQuer66 = _fetchProductInfoQuer65.data) === null || _fetchProductInfoQuer66 === void 0 ? void 0 : (_fetchProductInfoQuer67 = _fetchProductInfoQuer66.productinfo) === null || _fetchProductInfoQuer67 === void 0 ? void 0 : _fetchProductInfoQuer67.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 mb-3 mt-2"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
@@ -2426,8 +2435,8 @@ var Product_itemtype = function Product_itemtype(props) {
   }, StoreInfoprops())))));
 };
 
-function ownKeys$26(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$26(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$26(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$26(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$27(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$27(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$27(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$27(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Serviceinfotabs = function Serviceinfotabs(props) {
   var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24;
   var langdetect = props.actions.langdetect;
@@ -2468,7 +2477,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     slots = _useState6[0],
     setslots = _useState6[1];
   React.useEffect(function () {
-    setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+    setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
       item_type: 'service'
     }));
   }, [tabsarray]);
@@ -2480,16 +2489,16 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     if (diffDays.toString() != 'NaN') {
       if (date2 <= date1) {
         NotificationManager.warning('', 'Please choose another date.');
-        setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
           quantity: 0
         }));
       } else {
         if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= diffDays && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= diffDays) {
-          setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+          setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
             quantity: diffDays
           }));
         } else {
-          setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+          setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
             quantity: 0
           }));
           NotificationManager.warning('', 'Max: ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', Min: ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
@@ -2625,7 +2634,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     min: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : (_fetchProductInfoQuer10 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : (_fetchProductInfoQuer11 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.serviceinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.reservationstarts,
     max: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : (_fetchProductInfoQuer14 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : (_fetchProductInfoQuer15 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : (_fetchProductInfoQuer16 = _fetchProductInfoQuer15.serviceinfo) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.reservationends,
     onChange: function onChange(event) {
-      setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+      setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
         from: event.target.value
       }));
     }
@@ -2645,7 +2654,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     min: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationstarts,
     max: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationends,
     onChange: function onChange(event) {
-      setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+      setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
         to: event.target.value
       }));
     }
@@ -2665,7 +2674,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     min: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationstarts,
     max: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationends,
     onChange: function onChange(event) {
-      setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+      setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
         date: event.target.value
       }));
       setcurrentmutatestate('/fetchserviceslots');
@@ -2716,7 +2725,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
         color: ischoosed ? sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? sectionproperties.generalbtn_textColoronhover : sectionproperties.generalbtn_textColor : ''
       },
       onClick: function onClick() {
-        setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
           time: item.slot
         }));
       }
@@ -2725,7 +2734,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       "class": TabsStyles.booknow_btn_resp + ' allcentered  ',
       onClick: function onClick() {
-        setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
           time: item.slot
         }));
       }
@@ -2767,7 +2776,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
       "class": ischoosed == true ? TabsStyles.timeSlotContainer_active + ' allcentered cursor-pointer px-1 ' : TabsStyles.timeSlotContainer + ' allcentered cursor-pointer px-1 ',
       style: {},
       onClick: function onClick() {
-        setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
           time: item.slot
         }));
       }
@@ -3420,8 +3429,8 @@ var Service_itemtype = function Service_itemtype(props) {
   }, StoreInfoprops()))));
 };
 
-function ownKeys$25(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$25(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$25(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$25(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$26(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$26(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$26(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$26(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var AddReview = function AddReview(props) {
   var _css;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -3475,7 +3484,7 @@ var AddReview = function AddReview(props) {
       StatePagePropertiesContext.pageobj != undefined && StatePagePropertiesContext.pageobj.pageproperties != undefined && StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$25({}, secpropobj));
+      setsectionproperties(_objectSpread$26({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -3484,7 +3493,7 @@ var AddReview = function AddReview(props) {
     templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop[pageindexcontext]) === null || _templatepropcontext$ === void 0 ? void 0 : (_templatepropcontext$2 = _templatepropcontext$.pageproperties) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.forEach(function (arrayItem, arrayindex) {
       secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
     });
-    setsectionproperties(_objectSpread$25({}, secpropobj));
+    setsectionproperties(_objectSpread$26({}, secpropobj));
   }, [pageindexcontext]);
   var reviewstyles = {
     submitreviewbtn: glamor.css({
@@ -3610,9 +3619,9 @@ var AddReview = function AddReview(props) {
     }),
     activeColor: "#ffd700",
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$25({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$26({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewrate = event;
-      setreviewpayloadobj(_objectSpread$25({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$26({}, tempreviewpayloadobj));
     }
   })))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12"
@@ -3626,9 +3635,9 @@ var AddReview = function AddReview(props) {
     "class": reviewstyles.form_control,
     value: reviewpayloadobj.reviewname,
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$25({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$26({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewname = event.target.value;
-      setreviewpayloadobj(_objectSpread$25({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$26({}, tempreviewpayloadobj));
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 mb-4"
@@ -3638,9 +3647,9 @@ var AddReview = function AddReview(props) {
     "class": reviewstyles.form_control,
     value: reviewpayloadobj.reviewtitle,
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$25({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$26({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewtitle = event.target.value;
-      setreviewpayloadobj(_objectSpread$25({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$26({}, tempreviewpayloadobj));
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 mb-4"
@@ -3651,9 +3660,9 @@ var AddReview = function AddReview(props) {
     "class": reviewstyles.form_control + ' form_control ',
     value: reviewpayloadobj.reviewbody,
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$25({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$26({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewbody = event.target.value;
-      setreviewpayloadobj(_objectSpread$25({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$26({}, tempreviewpayloadobj));
     },
     style: {
       resize: 'none',
@@ -3688,10 +3697,253 @@ var AddReview = function AddReview(props) {
   }, langdetect == 'en' ? sectionproperties.reviewbtn_contenten : sectionproperties.reviewbtn_contentar)));
 };
 
+function ownKeys$25(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$25(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$25(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$25(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var ProductReviews = function ProductReviews(props) {
+  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12;
+  props.actions.lang;
+  var langdetect = props.actions.langdetect;
+  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
+  var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
+  props.actions.NotificationManager;
+  var sectionproperties = props.actions.sectionproperties;
+  var actions = props.actions;
+  var productid = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 ? void 0 : (_fetchProductInfoQuer2 = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : (_fetchProductInfoQuer3 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.productid;
+  var productinfo_cssstyles = props.actions.productinfo_cssstyles;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    canuserreview = _useState2[0],
+    setcanuserreview = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    openreviewmodal = _useState4[0],
+    setopenreviewmodal = _useState4[1];
+  var _useState5 = React.useState('all'),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    filterproductreviews = _useState6[0],
+    setfilterproductreviews = _useState6[1];
+  var _useState7 = React.useState([]),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    productreviews = _useState8[0],
+    setproductreviews = _useState8[1];
+  React.useEffect(function () {
+    if (fetchProductInfoQueryContext.isSuccess) {
+      getreviewsassignermutationfunc();
+    }
+  }, [filterproductreviews]);
+  var getreviewsassignermutationfunc = function getreviewsassignermutationfunc() {
+    var _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6;
+    GeneralAPIMutationContext.mutate({
+      endpointurl: '/fetchproductreviews',
+      productid: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : (_fetchProductInfoQuer5 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : (_fetchProductInfoQuer6 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.productid,
+      filterproductreviews: filterproductreviews,
+      mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
+        if (data.data.status) {
+          setproductreviews(data.data.productreviews);
+          setcanuserreview(data.data.canuserAddReview);
+        }
+      }
+    });
+  };
+  var addreviewcallback = function addreviewcallback() {
+    setopenreviewmodal(false);
+    getreviewsassignermutationfunc();
+    fetchProductInfoQueryContext.refetch();
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: 'row w-100 ml-0 mr-0',
+    style: {
+      marginTop: sectionproperties.marginTop + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 w-100 pl-5 pr-5 p-md-0 plr-1025-0"
+  }, GeneralAPIMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 allcentered",
+    style: {
+      height: '20vh'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.Messaging, {
+    color: "#ccc",
+    width: "10px",
+    height: "10px",
+    duration: "1s"
+  })), !GeneralAPIMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-3"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 allcentered"
+  }, canuserreview && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 allcentered mb-3 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    "class": "".concat(productinfo_cssstyles.reviewbutton) + ' ',
+    onClick: function onClick() {
+      setopenreviewmodal(true);
+    }
+  }, langdetect == 'en' ? sectionproperties.reviewbtn_contenten : sectionproperties.reviewbtn_contentar)), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 mb-3"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 py-3 px-2",
+    style: {
+      borderRadius: 10,
+      background: '#eee'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 font-weight-600 text-uppercase",
+    style: {
+      fontSize: '17px'
+    }
+  }, langdetect == 'en' ? 'Overall Ratings' : 'جميع التقييمات')), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 pl-3 pr-3"
+  }, /*#__PURE__*/React__default["default"].createElement("hr", null)), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 font-weight-600",
+    style: {
+      fontSize: '20px'
+    }
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : (_fetchProductInfoQuer8 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : (_fetchProductInfoQuer9 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.productoverallrate, "/5")), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement(ReactStars__default["default"], {
+    count: 5,
+    value: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : (_fetchProductInfoQuer11 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.productoverallrate,
+    edit: false,
+    size: 18,
+    emptyIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+      className: "far fa-star",
+      style: {
+        color: '#bfbfbf'
+      }
+    }),
+    halfIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+      className: "fa fa-star-half-alt style={{ color: '#FAB400' }}"
+    }),
+    filledIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+      className: "fa fa-star",
+      style: {
+        color: '#FAB400'
+      }
+    }),
+    activeColor: "#ffd700"
+  })))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start mb-3"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 py-3 px-2",
+    style: {
+      borderRadius: 10,
+      background: '#eee'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 font-weight-600 text-uppercase",
+    style: {
+      fontSize: '17px'
+    }
+  }, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 pl-3 pr-3"
+  }, /*#__PURE__*/React__default["default"].createElement("hr", null)), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 d-flex justify-content-center"
+  }, /*#__PURE__*/React__default["default"].createElement(ReactStars__default["default"], {
+    count: 5,
+    value: filterproductreviews
+    // edit={false}
+    ,
+    size: 18,
+    emptyIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+      className: "far fa-star",
+      style: {
+        color: '#bfbfbf'
+      }
+    }),
+    halfIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+      className: "fa fa-star-half-alt style={{ color: '#FAB400' }}"
+    }),
+    filledIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+      className: "fa fa-star",
+      style: {
+        color: '#FAB400'
+      }
+    }),
+    activeColor: "#ffd700",
+    onChange: function onChange(event) {
+      setfilterproductreviews(event);
+    }
+  })))))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-9"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, productreviews === null || productreviews === void 0 ? void 0 : productreviews.map(function (reviewitem, reviewindex) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 flex-column"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 d-flex justify-content-start p-0 mb-2"
+    }, /*#__PURE__*/React__default["default"].createElement(ReactStars__default["default"], {
+      count: 5,
+      value: reviewitem.review_rating,
+      edit: false,
+      size: 18,
+      emptyIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+        className: "far fa-star",
+        style: {
+          color: '#bfbfbf'
+        }
+      }),
+      halfIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+        className: "fa fa-star-half-alt style={{ color: '#FAB400' }}"
+      }),
+      filledIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+        className: "fa fa-star",
+        style: {
+          color: '#FAB400'
+        }
+      }),
+      activeColor: "#ffd700"
+    })), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 mb-2 d-flex justify-content-start "
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": "m-0 p-0 font-weight-600",
+      style: {
+        fontSize: '17px'
+      }
+    }, reviewitem.reviewtitle)), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": "m-0 p-0 font-weight-500"
+    }, reviewitem.reviewbody)), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-6 d-flex align-items-center justify-content-start p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": "m-0 p-0 font-weight-600"
+    }, langdetect == 'en' ? 'By' : 'عن طريق', ": ", reviewitem.review_name)), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-6 d-flex align-items-center justify-content-end justify-content-md-start p-0 font-weight-500 text-light"
+    }, /*#__PURE__*/React__default["default"].createElement("i", {
+      "class": "fa fa-clock text-light ml-2 mr-2"
+    }), " ", reviewitem.timestamp)), /*#__PURE__*/React__default["default"].createElement("hr", null));
+  }))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
+    show: openreviewmodal,
+    onHide: function onHide() {
+      return setopenreviewmodal(false);
+    },
+    centered: true,
+    size: "md",
+    "class": "reviewmodal"
+  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement(AddReview, {
+    actions: _objectSpread$25(_objectSpread$25({}, actions), {}, {
+      productid: productid,
+      canuserreview: canuserreview,
+      addreviewcallback: addreviewcallback
+    })
+  }))));
+};
+
 function ownKeys$24(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$24(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$24(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$24(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Productinfo = function Productinfo(props) {
-  var _css, _ref, _ref2;
+  var _css, _ref, _ref2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _fetchProductInfoQuer72, _fetchProductInfoQuer73, _fetchProductInfoQuer74, _fetchProductInfoQuer75, _fetchProductInfoQuer76, _fetchProductInfoQuer77, _fetchProductInfoQuer78, _fetchProductInfoQuer79, _fetchProductInfoQuer80, _fetchProductInfoQuer81, _fetchProductInfoQuer82, _fetchProductInfoQuer83, _fetchProductInfoQuer84, _fetchProductInfoQuer85, _fetchProductInfoQuer86, _fetchProductInfoQuer87, _fetchProductInfoQuer88, _fetchProductInfoQuer89, _fetchProductInfoQuer90, _fetchProductInfoQuer91, _fetchProductInfoQuer92, _fetchProductInfoQuer93, _fetchProductInfoQuer94, _fetchProductInfoQuer95, _fetchProductInfoQuer96, _fetchProductInfoQuer97, _fetchProductInfoQuer98, _fetchProductInfoQuer99, _fetchProductInfoQuer100, _fetchProductInfoQuer101, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -3713,7 +3965,7 @@ var Productinfo = function Productinfo(props) {
   var setpageindexcontext = props.actions.setpageindexcontext;
   var authdetailsContext = props.actions.authdetailsContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
-  props.actions;
+  var actions = props.actions;
   var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
   var setCurrentPageIdContext = props.actions.setCurrentPageIdContext;
   var NotificationManager = props.actions.NotificationManager;
@@ -3778,21 +4030,24 @@ var Productinfo = function Productinfo(props) {
     isloaded = _useState24[0],
     setisloaded = _useState24[1];
   var _useState25 = React.useState(false),
-    _useState26 = _slicedToArray__default["default"](_useState25, 2);
-    _useState26[0];
-    _useState26[1];
+    _useState26 = _slicedToArray__default["default"](_useState25, 2),
+    showMore = _useState26[0],
+    setShowMore = _useState26[1];
   var _useState27 = React.useState(0),
     _useState28 = _slicedToArray__default["default"](_useState27, 2),
     currentshowingimageindex = _useState28[0],
     setcurrentshowingimageindex = _useState28[1];
   var _useState29 = React.useState(0),
-    _useState30 = _slicedToArray__default["default"](_useState29, 2);
-    _useState30[0];
-    _useState30[1];
+    _useState30 = _slicedToArray__default["default"](_useState29, 2),
+    tabIndex = _useState30[0],
+    setTabIndex = _useState30[1];
   var _useState31 = React.useState('descriptiontab'),
-    _useState32 = _slicedToArray__default["default"](_useState31, 2);
-    _useState32[0];
-    _useState32[1];
+    _useState32 = _slicedToArray__default["default"](_useState31, 2),
+    tabname = _useState32[0],
+    settabname = _useState32[1];
+  var handleTabChange = function handleTabChange(event, newTabIndex) {
+    setTabIndex(newTabIndex);
+  };
   React.useEffect(function () {
     if (Object.keys(StatePagePropertiesContext).length != 0) {
       var secpropobj = {};
@@ -4487,6 +4742,40 @@ var Productinfo = function Productinfo(props) {
         backgroundColor: sectionproperties.checkoutBtnbgColoronhover,
         color: sectionproperties.checkoutBtncoloronhover
       }
+    }),
+    outstockbadge: glamor.css({
+      minWidth: sectionproperties.outstock_width + 'px',
+      height: sectionproperties.outstock_height + 'px',
+      background: sectionproperties.outstock_bg,
+      color: sectionproperties.outstock_color,
+      fontSize: sectionproperties.outstock_fontSize + 'px',
+      borderRadius: sectionproperties.outstock_borderradius + 'px'
+    }),
+    cashbackoutercontainer: glamor.css({
+      // minWidth: 'fit-content',
+      width: sectionproperties.cashbackcontainerwidth + '%',
+      height: sectionproperties.cashbackcontainerheight + 'px',
+      background: sectionproperties.cashbackcontainerbgcolor,
+      color: sectionproperties.cashbackcontainercolor,
+      fontSize: sectionproperties.cashbackcontainerfontsize + 'px',
+      border: sectionproperties.cashbackcontainerborderwidth + 'px ' + sectionproperties.cashbackcontainerborderstyle + sectionproperties.cashbackcontainerbordercolor,
+      borderRadius: sectionproperties.cashbackcontainerborderradius + 'px'
+    }),
+    profitcontainer: glamor.css({
+      width: sectionproperties.profitcontainerwidth + '%',
+      height: sectionproperties.profitcontainerheight + 'px',
+      background: sectionproperties.profitcontainerbgcolor,
+      border: sectionproperties.profitcontainerborderwidth + 'px solid' + sectionproperties.profitcontainerbordercolor,
+      borderRadius: sectionproperties.profitcontainerborderradius + 'px',
+      color: sectionproperties.profitcontainercolor,
+      '@media (max-width: 800px)': {
+        width: '90%'
+      }
+    }),
+    imagegallery: glamor.css({
+      '.image-gallery-thumbnail.active': {
+        border: '2px solid red '
+      }
     })
   };
   var getprice_discountpriceprops = function getprice_discountpriceprops(type, withtotal, variantindexcompleted) {
@@ -4541,7 +4830,11 @@ var Productinfo = function Productinfo(props) {
     if (withtotal == true) {
       price = price * quantity;
     }
-    return price;
+    if (price != undefined) {
+      return price;
+    } else {
+      return 0;
+    }
   };
   var getQuantityCondition = function getQuantityCondition() {
     var _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer49;
@@ -4750,7 +5043,234 @@ var Productinfo = function Productinfo(props) {
       paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
       paddingRight: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
     }
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(productinfo_cssstyles.cardcontainer) + ' ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
+    style: {
+      paddingLeft: sectionproperties.tabspaddinghorizontal + 'px',
+      paddingRight: sectionproperties.tabspaddinghorizontal + 'px',
+      marginBottom: sectionproperties.tabsmb + 'px',
+      paddingTop: sectionproperties.tabsPt + 'px',
+      paddingBottom: sectionproperties.tabsPb + 'px'
+    }
+  }, sectionproperties.tabsfullwidth == 'Full Width' && /*#__PURE__*/React__default["default"].createElement(material.Box, null, /*#__PURE__*/React__default["default"].createElement(material.Tabs, {
+    value: tabIndex,
+    onChange: handleTabChange,
+    scrollButtons: "auto",
+    TabIndicatorProps: {
+      style: {
+        background: sectionproperties.activetabbordercolor
+        // right: sectionproperties.showfirstpolicy == 'Hide' ? 0 : sectionproperties.showsecondpolicy == 'Hide' ? 0 : '',
+        // margin: sectionproperties.showfirstpolicy == 'Hide' ? 'auto' : sectionproperties.showsecondpolicy == 'Hide' ? 'auto' : '',
+      }
+    },
+
+    sx: {
+      '& button': {
+        color: sectionproperties.tabtextcolor,
+        fontWeight: sectionproperties.tabtextfontweight,
+        background: sectionproperties.tabcontainerbgcolor,
+        textTransform: sectionproperties.tabtexttexttransform,
+        borderRadius: sectionproperties.tabcontainerborderradius + 'px',
+        fontFamily: 'Poppins',
+        transition: '.3s',
+        fontSize: sectionproperties.tabtextfontsize + 'px'
+      },
+      '& button:hover': {
+        color: sectionproperties.tabscoloronhover,
+        fontFamily: 'Poppins',
+        transition: '.3s'
+      },
+      '& button.Mui-selected': {
+        color: sectionproperties.tabtextactivecolor,
+        background: sectionproperties.activetabbgcolor,
+        fontFamily: 'Poppins',
+        transition: '.3s'
+      }
+    },
+    variant: 'fullWidth'
+    // tabsfullwidth
+  }, sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+    label: langdetect == 'en' ? sectionproperties.tabsdescEn : sectionproperties.tabsdescAr,
+    onClick: function onClick() {
+      settabname('descriptiontab');
+    }
+  }), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showfirstpolicy == 'Show' && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+    label: langdetect == 'en' ? (_returnpolicyobj = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj === void 0 ? void 0 : _returnpolicyobj.policypagename_en : (_returnpolicyobj2 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj2 === void 0 ? void 0 : _returnpolicyobj2.policypagename_ar,
+    onClick: function onClick() {
+      settabname('shippingpolicytab');
+    }
+  }), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showsecondpolicy == 'Show' && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+    label: langdetect == 'en' ? (_returnpolicyobj3 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj3 === void 0 ? void 0 : _returnpolicyobj3.policypagename_en : (_returnpolicyobj4 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj4 === void 0 ? void 0 : _returnpolicyobj4.policypagename_ar,
+    onClick: function onClick() {
+      settabname('refundpolicytab');
+    }
+  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer58 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer58 === void 0 ? void 0 : (_fetchProductInfoQuer59 = _fetchProductInfoQuer58.data) === null || _fetchProductInfoQuer59 === void 0 ? void 0 : (_fetchProductInfoQuer60 = _fetchProductInfoQuer59.productinfo) === null || _fetchProductInfoQuer60 === void 0 ? void 0 : _fetchProductInfoQuer60.productcanrate) == 1 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+    label: langdetect == 'en' ? 'Reviews' : 'التقييمات',
+    onClick: function onClick() {
+      settabname('reviewstab');
+    }
+  }))), sectionproperties.tabsfullwidth != 'Full Width' && /*#__PURE__*/React__default["default"].createElement(material.Box, null, /*#__PURE__*/React__default["default"].createElement(material.Tabs, {
+    value: tabIndex,
+    onChange: handleTabChange,
+    scrollButtons: "auto",
+    TabIndicatorProps: {
+      style: {
+        background: sectionproperties.activetabbordercolor
+        // right: sectionproperties.showfirstpolicy == 'Hide' ? 0 : sectionproperties.showsecondpolicy == 'Hide' ? 0 : '',
+        // margin: sectionproperties.showfirstpolicy == 'Hide' ? 'auto' : sectionproperties.showsecondpolicy == 'Hide' ? 'auto' : '',
+      }
+    },
+
+    sx: {
+      '& button': {
+        color: sectionproperties.tabtextcolor,
+        fontWeight: sectionproperties.tabtextfontweight,
+        background: sectionproperties.tabcontainerbgcolor,
+        textTransform: sectionproperties.tabtexttexttransform,
+        borderRadius: sectionproperties.tabcontainerborderradius + 'px',
+        fontFamily: 'Poppins',
+        transition: '.3s',
+        fontSize: sectionproperties.tabtextfontsize + 'px'
+      },
+      '& button:hover': {
+        color: sectionproperties.tabscoloronhover,
+        fontFamily: 'Poppins',
+        transition: '.3s'
+      },
+      '& button.Mui-selected': {
+        color: sectionproperties.tabtextactivecolor,
+        background: sectionproperties.activetabbgcolor,
+        fontFamily: 'Poppins',
+        transition: '.3s'
+      }
+    }
+  }, sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+    label: langdetect == 'en' ? sectionproperties.tabsdescEn : sectionproperties.tabsdescAr,
+    onClick: function onClick() {
+      settabname('descriptiontab');
+    }
+  }), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showfirstpolicy == 'Show' && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+    label: langdetect == 'en' ? (_returnpolicyobj5 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj5 === void 0 ? void 0 : _returnpolicyobj5.policypagename_en : (_returnpolicyobj6 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj6 === void 0 ? void 0 : _returnpolicyobj6.policypagename_ar,
+    onClick: function onClick() {
+      settabname('shippingpolicytab');
+    }
+  }), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showsecondpolicy == 'Show' && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+    label: langdetect == 'en' ? (_returnpolicyobj7 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj7 === void 0 ? void 0 : _returnpolicyobj7.policypagename_en : (_returnpolicyobj8 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj8 === void 0 ? void 0 : _returnpolicyobj8.policypagename_ar,
+    onClick: function onClick() {
+      settabname('refundpolicytab');
+    }
+  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer61 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer61 === void 0 ? void 0 : (_fetchProductInfoQuer62 = _fetchProductInfoQuer61.data) === null || _fetchProductInfoQuer62 === void 0 ? void 0 : (_fetchProductInfoQuer63 = _fetchProductInfoQuer62.productinfo) === null || _fetchProductInfoQuer63 === void 0 ? void 0 : _fetchProductInfoQuer63.productcanrate) == 1 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+    label: langdetect == 'en' ? 'Reviews' : 'التقييمات',
+    onClick: function onClick() {
+      settabname('reviewstab');
+    }
+  }))), /*#__PURE__*/React__default["default"].createElement(material.Box, {
+    "class": "w-100 mt-5 mb-4"
+  }, tabname == 'descriptiontab' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 pl-5 pr-5 p-md-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, langdetect == 'en' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer64 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer64 === void 0 ? void 0 : (_fetchProductInfoQuer65 = _fetchProductInfoQuer64.data) === null || _fetchProductInfoQuer65 === void 0 ? void 0 : (_fetchProductInfoQuer66 = _fetchProductInfoQuer65.productinfo) === null || _fetchProductInfoQuer66 === void 0 ? void 0 : _fetchProductInfoQuer66.description_en) != '' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer67 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer67 === void 0 ? void 0 : (_fetchProductInfoQuer68 = _fetchProductInfoQuer67.data) === null || _fetchProductInfoQuer68 === void 0 ? void 0 : (_fetchProductInfoQuer69 = _fetchProductInfoQuer68.productinfo) === null || _fetchProductInfoQuer69 === void 0 ? void 0 : _fetchProductInfoQuer69.description_en) != null && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 p-0 mb-4 d-flex justify-content-center"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100 d-flex"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: 'text-black text-capitalize m-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    },
+    dangerouslySetInnerHTML: {
+      __html: showMore == true ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer70 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer70 === void 0 ? void 0 : (_fetchProductInfoQuer71 = _fetchProductInfoQuer70.data) === null || _fetchProductInfoQuer71 === void 0 ? void 0 : (_fetchProductInfoQuer72 = _fetchProductInfoQuer71.productinfo) === null || _fetchProductInfoQuer72 === void 0 ? void 0 : _fetchProductInfoQuer72.description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer73 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer73 === void 0 ? void 0 : (_fetchProductInfoQuer74 = _fetchProductInfoQuer73.data) === null || _fetchProductInfoQuer74 === void 0 ? void 0 : (_fetchProductInfoQuer75 = _fetchProductInfoQuer74.productinfo) === null || _fetchProductInfoQuer75 === void 0 ? void 0 : _fetchProductInfoQuer75.description_en.slice(0, 1000)
+    }
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 allcentered"
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer76 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer76 === void 0 ? void 0 : (_fetchProductInfoQuer77 = _fetchProductInfoQuer76.data) === null || _fetchProductInfoQuer77 === void 0 ? void 0 : (_fetchProductInfoQuer78 = _fetchProductInfoQuer77.productinfo) === null || _fetchProductInfoQuer78 === void 0 ? void 0 : _fetchProductInfoQuer78.description_en.length) > 1000 && /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 cursor-pointer text-grey font-weight-600",
+    onClick: function onClick() {
+      return setShowMore(!showMore);
+    }
+  }, showMore ? lang.showless : lang.showmore)))), langdetect == 'ar' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer79 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer79 === void 0 ? void 0 : (_fetchProductInfoQuer80 = _fetchProductInfoQuer79.data) === null || _fetchProductInfoQuer80 === void 0 ? void 0 : (_fetchProductInfoQuer81 = _fetchProductInfoQuer80.productinfo) === null || _fetchProductInfoQuer81 === void 0 ? void 0 : _fetchProductInfoQuer81.description_ar) != '' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer82 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer82 === void 0 ? void 0 : (_fetchProductInfoQuer83 = _fetchProductInfoQuer82.data) === null || _fetchProductInfoQuer83 === void 0 ? void 0 : (_fetchProductInfoQuer84 = _fetchProductInfoQuer83.productinfo) === null || _fetchProductInfoQuer84 === void 0 ? void 0 : _fetchProductInfoQuer84.description_ar) != null && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 p-0 mb-4 d-flex justify-content-center"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100 d-flex"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start flex-column"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: 'text-black text-capitalize m-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    },
+    dangerouslySetInnerHTML: {
+      __html: showMore == true ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer85 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer85 === void 0 ? void 0 : (_fetchProductInfoQuer86 = _fetchProductInfoQuer85.data) === null || _fetchProductInfoQuer86 === void 0 ? void 0 : (_fetchProductInfoQuer87 = _fetchProductInfoQuer86.productinfo) === null || _fetchProductInfoQuer87 === void 0 ? void 0 : _fetchProductInfoQuer87.description_ar : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer88 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer88 === void 0 ? void 0 : (_fetchProductInfoQuer89 = _fetchProductInfoQuer88.data) === null || _fetchProductInfoQuer89 === void 0 ? void 0 : (_fetchProductInfoQuer90 = _fetchProductInfoQuer89.productinfo) === null || _fetchProductInfoQuer90 === void 0 ? void 0 : _fetchProductInfoQuer90.description_ar.slice(0, 1000)
+    }
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 allcentered"
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer91 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer91 === void 0 ? void 0 : (_fetchProductInfoQuer92 = _fetchProductInfoQuer91.data) === null || _fetchProductInfoQuer92 === void 0 ? void 0 : (_fetchProductInfoQuer93 = _fetchProductInfoQuer92.productinfo) === null || _fetchProductInfoQuer93 === void 0 ? void 0 : _fetchProductInfoQuer93.description_ar.length) > 1000 && /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 cursor-pointer text-grey font-weight-600 text-right",
+    onClick: function onClick() {
+      return setShowMore(!showMore);
+    }
+  }, showMore ? lang.showless : lang.showmore)))), sectionproperties.showGallery == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer94 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer94 === void 0 ? void 0 : (_fetchProductInfoQuer95 = _fetchProductInfoQuer94.data) === null || _fetchProductInfoQuer95 === void 0 ? void 0 : (_fetchProductInfoQuer96 = _fetchProductInfoQuer95.productinfo) === null || _fetchProductInfoQuer96 === void 0 ? void 0 : (_fetchProductInfoQuer97 = _fetchProductInfoQuer96.productimages) === null || _fetchProductInfoQuer97 === void 0 ? void 0 : _fetchProductInfoQuer97.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 allcentered pl-md-3 pr-md-3",
+    style: {
+      paddingLeft: sectionproperties.galleryPaddingHorizontal + 'px',
+      paddingRight: sectionproperties.galleryPaddingHorizontal + 'px'
+    }
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer98 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer98 === void 0 ? void 0 : (_fetchProductInfoQuer99 = _fetchProductInfoQuer98.data) === null || _fetchProductInfoQuer99 === void 0 ? void 0 : (_fetchProductInfoQuer100 = _fetchProductInfoQuer99.productinfo) === null || _fetchProductInfoQuer100 === void 0 ? void 0 : (_fetchProductInfoQuer101 = _fetchProductInfoQuer100.productimages) === null || _fetchProductInfoQuer101 === void 0 ? void 0 : _fetchProductInfoQuer101.map(function (item, index) {
+    if (index <= 6) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": ' col-md-4 col-sm-12 mb-3 col-lg-' + sectionproperties.galleryNoOfCols,
+        style: {
+          height: sectionproperties.galleryHeight + 'px'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+        path: '/tr:w-' + sectionproperties.galleryWidthDimension + ',h-' + sectionproperties.galleryHeightDimension + '/' + item.path,
+        style: {
+          width: '100%',
+          height: '100%',
+          objectFit: 'contain'
+        },
+        loading: "lazy"
+      }));
+    }
+  }))))), tabname == 'shippingpolicytab' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 pl-5 pr-5 p-md-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: ' m-0 p-0 wordbreak ',
+    style: {
+      lineClamp: 10,
+      WebkitLineClamp: 10,
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? (_returnpolicyobj9 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj9 === void 0 ? void 0 : _returnpolicyobj9.policycontent_en : (_returnpolicyobj10 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj10 === void 0 ? void 0 : _returnpolicyobj10.policycontent_ar
+    }
+  })), tabname == 'refundpolicytab' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 w-100 pl-5 pr-5 p-md-0"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: ' m-0 p-0 wordbreak ',
+    style: {
+      lineClamp: 10,
+      WebkitLineClamp: 10,
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? (_returnpolicyobj11 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj11 === void 0 ? void 0 : _returnpolicyobj11.policycontent_en : (_returnpolicyobj12 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj12 === void 0 ? void 0 : _returnpolicyobj12.policycontent_ar
+    }
+  })), tabname == 'reviewstab' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 w-100 pl-5 pr-5 p-md-0"
+  }, /*#__PURE__*/React__default["default"].createElement(ProductReviews, {
+    actions: _objectSpread$24(_objectSpread$24({}, actions), {}, {
+      productinfo_cssstyles: productinfo_cssstyles,
+      sectionproperties: sectionproperties
+    })
+  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
     style: {
       paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -7099,7 +7619,7 @@ var Checkout = function Checkout(props) {
       endpointurl: '/usewalletpoints',
       mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
         if (data.data.status) {
-          NotificationManager.success('', 'Success');
+          NotificationManager.success('', langdetect == 'en' ? 'Done' : 'تم');
           fetchcustomercartQueryContext.refetch();
         } else {
           NotificationManager.warning('', data.data.reason);
@@ -7327,13 +7847,19 @@ var Checkout = function Checkout(props) {
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-100"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 col-md-12 col-sm-12 p-0"
+        className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
-        className: "".concat(checkoutstyles.productNameStyles) + ' m-0 p-0 d-flex justify-content-start '
+        className: "".concat(checkoutstyles.productNameStyles) + ' m-0 p-0 w-100 ',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        }
       }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar)), sectionproperties.producttype == 'Product' && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 p-0"
+        className: "col-lg-12 p-0 d-flex justify-content-start"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
-        className: "m-0 p-0 font-weight-500 text-light d-flex justify-content-start"
+        className: "m-0 p-0 font-weight-500 text-light w-100",
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        }
       }, lang.qty, ": ", item.quantity)))), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-3 col-md-3 col-sm-2 p-0"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -7491,7 +8017,7 @@ var Checkout = function Checkout(props) {
       className: "col-lg-6 col-md-6 col-sm-6 p-0"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       className: "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 d-flex align-items-center wordbreak '
-    }, "Wallet points used")), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, langdetect == 'en' ? 'Wallet points used' : 'النقاط المستخدمة')), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       className: langdetect == 'en' ? "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-left ',
@@ -12376,12 +12902,15 @@ var CardsSection = function CardsSection(props) {
         cardobj.defaultsaleprice = arrayItem.productinfo.defaultsaleprice;
         cardobj.productimages = arrayItem.productinfo.productimages;
         cardobj.quantity = itemquantity;
+        // cardobj.currentquantity = currentquantity;
         cardobj.timestamp = arrayItem.productinfo.timestamp;
         cardobj.productquantity = arrayItem.productinfo.productquantity;
+        cardobj.currentquantity = arrayItem.productinfo.currentquantity;
         cardobj.quantavailtype = arrayItem.productinfo.quantavailtype;
         cardobj.isproducttobesold = arrayItem.productinfo.isproducttobesold;
         cardobj.measurmentunit = arrayItem.productinfo.measurmentunit;
         cardobj.prodaffpercentprofit = arrayItem.productinfo.prodaffpercentprofit;
+        cardobj.productcashbackvalue = arrayItem.productinfo.productcashbackvalue;
         if (langdetect == 'en') {
           cardobj.currencyname = fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : fetchAuthorizationQueryContext.data.data.currencyname_en;
         } else {
@@ -13822,7 +14351,7 @@ var Subheader = function Subheader(props) {
 function ownKeys$1N(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1N(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1N(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Headerresponsive = function Headerresponsive(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6;
+  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6;
   var actions = props.actions;
   var LogoutMutationContext = props.actions.LogoutMutationContext;
   var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -14237,6 +14766,10 @@ var Headerresponsive = function Headerresponsive(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
     className: "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center justify-content-center '
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'flex-row w-100 d-flex justify-content-start'
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     style: {
       color: '#8fa0bd',
@@ -14251,7 +14784,23 @@ var Headerresponsive = function Headerresponsive(props) {
       color: sectionproperties.dropdownusernamecolor,
       fontSize: sectionproperties.dropdownusernamefontsize + 'px'
     }
-  }, authdetailsContext.customerinfo.name)), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
+  }, authdetailsContext.customerinfo.name)), (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.cancustomerviewwallet) == 1 && templateproperties_context.showwallet == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": ' m-0 p-0 flex-row mt-1 w-100 justify-content-start'
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      color: templateproperties_context.walletcontainercolorresponsive,
+      fontSize: templateproperties_context.walletfontize + 'px',
+      fontWeight: 500
+    }
+  }, langdetect == 'en' ? templateproperties_context.walletcontent_en : templateproperties_context.walletcontent_ar), /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 mx-1",
+    style: {
+      color: templateproperties_context.walletcontainersecondarycolorresponsive,
+      fontSize: '15px',
+      fontWeight: 600
+    }
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c2 = authdetailsContext.customerinfo) === null || _authdetailsContext$c2 === void 0 ? void 0 : _authdetailsContext$c2.walletpoints, ' ')))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
     style: {
       marginBottom: 0,
       marginTop: 0
@@ -16533,7 +17082,10 @@ var ClassicHeader = function ClassicHeader(props) {
     style: {
       width: sectionproperties.header_width + 'vw'
     }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(headerstyles$d.headercontainer) + ' col-lg-12 pl-0 pr-0 d-md-none  ',
     style: {
       position: sectionproperties.headerstyles_position,
@@ -29145,7 +29697,7 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
 function ownKeys$1u(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1u(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TwoTieredHeader = function TwoTieredHeader(props) {
-  var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12;
+  var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _authdetailsContext$c5, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var setlang = props.actions.setlang;
@@ -29171,6 +29723,10 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     dropdownselect = _useState4[0],
     setdropdownselect = _useState4[1];
+  var _useState5 = React.useState([]),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    logoarrayofobjects = _useState6[0],
+    setlogoarrayofobjects = _useState6[1];
   React.useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -29189,10 +29745,6 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     }
     setsectionproperties(_objectSpread$1u({}, secpropobj));
   }, [StatePagePropertiesContext]);
-  var _useState5 = React.useState([]),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    logoarrayofobjects = _useState6[0],
-    setlogoarrayofobjects = _useState6[1];
   React.useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
       var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -29465,6 +30017,12 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
       marginBottom: sectionproperties.header_marginBottom + 'px',
       width: sectionproperties.header_width + 'vw',
       maxWidth: '100vw'
+    }),
+    walletoutercontainer: glamor.css({
+      height: templateproperties_context.walletcontainerheight + 'px',
+      width: 'fit-content',
+      border: '2px dashed white',
+      borderRadius: 5
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -29666,8 +30224,8 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     "class": langdetect == 'en' ? 'headerdropdownml dropdown-toggle_w100' : 'headerdropdownmr dropdown-toggle_w100',
     style: {
       width: authdetailsContext.loggedin == true ? 'auto' : langdetect == 'en' ? '105px' : '120px',
-      marginRight: langdetect == 'en' ? sectionproperties.btnsposition == 'Bottom' ? '13px' : '.1rem' : 0,
-      marginLeft: langdetect == 'ar' ? sectionproperties.btnsposition == 'Bottom' ? '13px' : '.1rem' : 0
+      marginRight: langdetect == 'en' ? sectionproperties.showfooterphonenumber == 'Hide' && sectionproperties.lang_position == 'Top' && authdetailsContext.loggedin == true ? '3.5rem' : sectionproperties.btnsposition == 'Bottom' ? '13px' : '.1rem' : 0,
+      marginLeft: langdetect == 'ar' ? sectionproperties.showfooterphonenumber == 'Hide' && sectionproperties.lang_position == 'Top' && authdetailsContext.loggedin == true ? '3.5rem' : sectionproperties.btnsposition == 'Bottom' ? '13px' : '.1rem' : 0
     }
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' d-flex justify-content-center align-items-center '
@@ -29711,7 +30269,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
+  }, (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.cancustomerviewwallet) != 1 && templateproperties_context.showwallet == 'Hide' && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0",
     style: {
       color: sectionproperties.greetingtextcolor,
@@ -29724,7 +30282,24 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     style: {
       maxWidth: sectionproperties.showfooterphonenumber == 'Show' ? '65px' : '140px'
     }
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c = authdetailsContext.customerinfo) === null || _authdetailsContext$c === void 0 ? void 0 : _authdetailsContext$c.name)))), !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c2 = authdetailsContext.customerinfo) === null || _authdetailsContext$c2 === void 0 ? void 0 : _authdetailsContext$c2.name), (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c3 = authdetailsContext.customerinfo) === null || _authdetailsContext$c3 === void 0 ? void 0 : _authdetailsContext$c3.cancustomerviewwallet) == 1 && templateproperties_context.showwallet == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": ' m-0 p-0 allcentered flex-row ',
+    style: {}
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      color: templateproperties_context.walletcolor,
+      fontSize: templateproperties_context.walletfontize + 'px',
+      fontWeight: 500
+    }
+  }, langdetect == 'en' ? templateproperties_context.walletcontent_en : templateproperties_context.walletcontent_ar), /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 mx-1",
+    style: {
+      color: templateproperties_context.walletsecondarycolor,
+      fontSize: '15px',
+      fontWeight: 600
+    }
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c4 = authdetailsContext.customerinfo) === null || _authdetailsContext$c4 === void 0 ? void 0 : _authdetailsContext$c4.walletpoints, ' '))))), !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Login);
     }
@@ -29759,7 +30334,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.accountinfo);
     }
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c2 = authdetailsContext.customerinfo) === null || _authdetailsContext$c2 === void 0 ? void 0 : _authdetailsContext$c2.name))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c5 = authdetailsContext.customerinfo) === null || _authdetailsContext$c5 === void 0 ? void 0 : _authdetailsContext$c5.name))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Ordershistory);
     }
@@ -48618,7 +49193,7 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
-      opacity: item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1
+      opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1
 
       // border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
     },
@@ -48651,7 +49226,7 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
       fontSize: sectionproperties.pillfontSize + 'px',
       direction: 'ltr'
     }
-  }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')), item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"
@@ -48702,7 +49277,7 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
   }))), sectionproperties.cartBtnShow == 'Show' && showquantity == false && /*#__PURE__*/React__default["default"].createElement("button", {
     "class": "".concat(card_cssstyles.cart_btn) + ' ml-2 mr-2  ml-sm-1 mr-sm-1 w-md-130px w-sm-100px font-sm-12 ',
     onClick: function onClick() {
-      if (item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0) {
+      if (item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0) {
         NotificationManager.warning('', langdetect == 'en' ? 'Sold Out' : 'نفذت الكمية');
       } else if (sectionproperties.quantitybtn_show == 'Show') {
         setshowquantity(true);
@@ -50574,6 +51149,7 @@ var Card23 = function Card23(props) {
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
     secondimage = _useState6[0],
     setsecondimage = _useState6[1];
+  props.actions.NotificationManager;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -50742,6 +51318,31 @@ var Card23 = function Card23(props) {
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
+    }),
+    outstockbadge: glamor.css({
+      width: sectionproperties.outstock_width + 'px',
+      height: sectionproperties.outstock_height + 'px',
+      background: sectionproperties.outstock_bg,
+      color: sectionproperties.outstock_color,
+      fontSize: sectionproperties.outstock_fontSize + 'px',
+      borderRadius: sectionproperties.outstock_borderradius + 'px',
+      position: 'absolute',
+      zIndex: 2,
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0,
+      margin: 'auto'
+    }),
+    cashbackoutercontainer: glamor.css({
+      minWidth: 'fit-content',
+      maxWidth: sectionproperties.cashbackcontainerwidth + '%',
+      height: sectionproperties.cashbackcontainerheight + 'px',
+      background: sectionproperties.cashbackcontainerbgcolor,
+      color: sectionproperties.cashbackcontainercolor,
+      fontSize: sectionproperties.cashbackcontainerfontsize + 'px',
+      border: sectionproperties.cashbackcontainerborderwidth + 'px ' + sectionproperties.cashbackcontainerborderstyle + sectionproperties.cashbackcontainerbordercolor,
+      borderRadius: sectionproperties.cashbackcontainerborderradius + 'px'
     })
   };
   var plainString = function plainString(html) {
@@ -50755,13 +51356,17 @@ var Card23 = function Card23(props) {
       transition = true;
     }
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "w-100 cursor-pointer"
+      "class": "w-100 cursor-pointer",
+      style: {
+        position: 'relative'
+      }
     }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
       "class": transition ? cardstyles$7.intialimage : '',
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
       path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
       style: {
+        opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? sectionproperties.outofstockimageopcity : 1,
         width: sectionproperties.imageInnerWidth_Height + '%',
         height: sectionproperties.imageInnerWidth_Height + '%',
         objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
@@ -50798,8 +51403,8 @@ var Card23 = function Card23(props) {
       "class": "row m-0 align-items-center justify-content-center",
       style: {
         position: 'absolute',
-        top: 10,
-        left: 10,
+        top: sectionproperties.badge_top + 'px',
+        left: sectionproperties.badge_right + 'px',
         height: sectionproperties.badge_height + 'px',
         width: sectionproperties.badge_width + 'px',
         backgroundColor: sectionproperties.badge_bgcolor,
@@ -50830,7 +51435,11 @@ var Card23 = function Card23(props) {
         fontSize: sectionproperties.pillfontSize + 'px',
         direction: 'ltr'
       }
-    }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')));
+    }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "".concat(cardsstyles2.outstockbadge) + ' allcentered '
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": "m-0 p-0"
+    }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar)));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": langdetect == 'en' ? sectionproperties.card_marginLeft != 0 ? 'row m-0 w-100 pl-sm-2' : sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 pr-sm-2' : 'row m-0 w-100' : langdetect == 'en' ? sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 pr-sm-2' : sectionproperties.card_marginLeft != 0 ? 'row m-0 w-100 pl-sm-2' : 'row m-0 w-100' : 'row m-0 w-100',
@@ -50940,7 +51549,21 @@ var Card23 = function Card23(props) {
       paddingTop: '10px',
       paddingBottom: '10px'
     }
+  }, sectionproperties.showcashbackcontainer == 'Show' && item.productcashbackvalue > 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start my-1"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(cardsstyles2.cashbackoutercontainer) + ' d-flex flex-row allcentered px-2 '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontWeight: 500
+    }
+  }, langdetect == 'en' ? sectionproperties.cashbackcontainercontenten : sectionproperties.cashbackcontainercontentar), /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 mx-1",
+    style: {
+      fontWeight: 600
+    }
+  }, langdetect == 'en' ? item.currencyname : '', " ", item.productcashbackvalue, " ", langdetect == 'en' ? '' : item.currencyname))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
   }, sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "".concat(cardsstyles2.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 m-0 ',
@@ -50964,14 +51587,20 @@ var Card23 = function Card23(props) {
     "class": "row m-0 w-100 align-items-center mt-1 mb-1"
   }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": langdetect == 'en' ? "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left ' : "".concat(cardsstyles2.productPricestyles) + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
-  }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "".concat(cardsstyles2.productSalePricestyles)
   }, "/"), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": langdetect == 'en' ? "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left ' : "".concat(cardsstyles2.productSalePricestyles) + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right '
-  }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "d-flex align-items-center m-0"
   }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": "".concat(cardsstyles2.cart_btn) + ' allcentered ',
+    "class": "".concat(cardsstyles2.cart_btn) + ' allcentered '
+    // onClick={() => {
+    //     setShowProductInfoModalContext(true);
+    //     setProductIdProdutInfoModalContext(item.productid);
+
+    // }}
+    ,
     onClick: function onClick() {
       setShowProductInfoModalContext(true);
       setProductIdProdutInfoModalContext(item.productid);
@@ -51438,7 +52067,7 @@ var Card23 = function Card23(props) {
 //                                                 : `${cardsstyles2.productPricestyles}` + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
 //                                         }
 //                                     >
-//                                         {langdetect == 'en' ? 'EGP' : ''} {item.hassale == 1 ? item.defaultsaleprice : item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
+//                                             {langdetect == 'en' ? item.currencyname : ''} {item.hassale == 1 ? item.defaultsaleprice : item.defaultprice} {langdetect == 'en' ? '' : item.currencyname}
 //                                     </p>
 //                                 )}
 //                                 {sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && <span class={`${cardsstyles2.productSalePricestyles}`}>/</span>}
@@ -51450,7 +52079,7 @@ var Card23 = function Card23(props) {
 //                                                 : `${cardsstyles2.productSalePricestyles}` + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right '
 //                                         }
 //                                     >
-//                                         {langdetect == 'en' ? 'EGP' : ''} {item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
+//                                             {langdetect == 'en' ? item.currencyname : ''} {item.defaultprice} {langdetect == 'en' ? '' : item.currencyname}
 //                                     </p>
 //                                 )}
 //                             </div>
@@ -51697,7 +52326,7 @@ var Card23 = function Card23(props) {
 //                                                 : `${cardsstyles2.productPricestyles}` + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
 //                                         }
 //                                     >
-//                                         {langdetect == 'en' ? 'EGP' : ''} {item.hassale == 1 ? item.defaultsaleprice : item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
+//                                             {langdetect == 'en' ? item.currencyname : ''} {item.hassale == 1 ? item.defaultsaleprice : item.defaultprice} {langdetect == 'en' ? '' : item.currencyname}
 //                                     </p>
 //                                 )}
 //                                 {sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && <span class={`${cardsstyles2.productSalePricestyles}`}>/</span>}
@@ -51709,7 +52338,7 @@ var Card23 = function Card23(props) {
 //                                                 : `${cardsstyles2.productSalePricestyles}` + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right '
 //                                         }
 //                                     >
-//                                         {langdetect == 'en' ? 'EGP' : ''} {item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
+//                                             {langdetect == 'en' ? item.currencyname : ''} {item.defaultprice} {langdetect == 'en' ? '' : item.currencyname}
 //                                     </p>
 //                                 )}
 //                             </div>
@@ -52268,7 +52897,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
       background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
-      opacity: item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' ? 0.4 : 1
+      opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' ? 0.4 : 1
     }),
     quantitybtn: glamor.css({
       flex: 1,
@@ -52490,7 +53119,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
       color: sectionproperties.badge_color,
       fontSize: sectionproperties.badge_fontsize + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(cardsstyles2.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"
@@ -52530,7 +53159,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
       transform: ' rotate(-180deg)'
     },
     onClick: function onClick() {
-      if (item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit') {
+      if (item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit') {
         NotificationManager.warning('', langdetect == 'en' ? 'Sold Out' : 'نفذت الكمية');
       } else if (item.hasvariants == 0) {
         updatequantity('remove');
@@ -52544,7 +53173,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
   })), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "".concat(cardsstyles2.add_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
-      if (item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit') {
+      if (item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit') {
         NotificationManager.warning('', langdetect == 'en' ? 'Sold Out' : 'نفذت الكمية');
       } else if (item.hasvariants == 0) {
         updatequantity('add');
@@ -52563,7 +53192,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
       transform: ' rotate(-180deg)'
     },
     onClick: function onClick() {
-      if (item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit') {
+      if (item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit') {
         NotificationManager.warning('', langdetect == 'en' ? 'Sold Out' : 'نفذت الكمية');
       } else if (item.hasvariants == 0) {
         updatequantity('remove');
@@ -52577,7 +53206,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
   })), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "".concat(cardsstyles2.add_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
-      if (item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit') {
+      if (item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit') {
         NotificationManager.warning('', langdetect == 'en' ? 'Sold Out' : 'نفذت الكمية');
       } else if (item.hasvariants == 0) {
         updatequantity('add');
@@ -56800,7 +57429,7 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
-      opacity: item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1
+      opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1
     }
   }), sectionproperties.showbadge == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "allcentered",
@@ -56838,7 +57467,7 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
       fontSize: sectionproperties.pillfontSize + 'px',
       direction: 'ltr'
     }
-  }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')), item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"
@@ -56864,7 +57493,7 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
   }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
     onClick: function onClick() {
-      if (item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0) {
+      if (item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0) {
         NotificationManager.warning('', langdetect == 'en' ? 'Sold Out' : 'نفذت الكمية');
       } else {
         setShowProductInfoModalContext(true);
@@ -58584,7 +59213,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
   var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
   var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
-  var NotificationManager = props.actions.NotificationManager;
+  props.actions.NotificationManager;
   var plainString = function plainString(html) {
     var divContainer = document.createElement('div');
     divContainer.innerHTML = html;
@@ -58622,7 +59251,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
       transition: '.3s',
-      opacity: item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1,
+      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'
       }
@@ -58838,7 +59467,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
       height: sectionproperties.imageInnerWidth_Height + '%',
       objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
     }
-  })), item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"
@@ -58922,12 +59551,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center mt-1 ',
     onClick: function onClick() {
-      if (item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0) {
-        NotificationManager.warning('', langdetect == 'en' ? 'Sold Out' : 'نفذت الكمية');
-      } else {
-        setShowProductInfoModalContext(true);
-        setProductIdProdutInfoModalContext(item.productid);
-      }
+      setShowProductInfoModalContext(true);
+      setProductIdProdutInfoModalContext(item.productid);
     }
   }, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("i", {
     "class": langdetect == 'en' ? 'h-100 mr-2 d-flex align-items-center justify-content-center' : 'h-100 ml-2 d-flex align-items-center justify-content-center'
@@ -60048,7 +60673,7 @@ var QuantityButtonBasedProductCard = function QuantityButtonBasedProductCard(pro
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
-      opacity: item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? sectionproperties.outofstockimageopcity : 1,
+      opacity: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? sectionproperties.outofstockimageopcity : 1,
       transition: '.3s'
     }),
     productNameStyles: glamor.css({
@@ -60280,7 +60905,7 @@ var QuantityButtonBasedProductCard = function QuantityButtonBasedProductCard(pro
       height: sectionproperties.badge_height + 'px',
       background: sectionproperties.badge_bgcolor,
       borderRadius: sectionproperties.badge_borderradius + 'px',
-      display: item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && sectionproperties.outofstock_replacebadges == 'Replace' ? 'none' : 'flex'
+      display: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && sectionproperties.outofstock_replacebadges == 'Replace' ? 'none' : 'flex'
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0",
@@ -60300,7 +60925,7 @@ var QuantityButtonBasedProductCard = function QuantityButtonBasedProductCard(pro
       height: sectionproperties.pillheight + 'px',
       background: sectionproperties.pillbgcolor,
       borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px',
-      display: item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && sectionproperties.outofstock_replacebadges == 'Replace' ? 'none' : 'flex'
+      display: item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && sectionproperties.outofstock_replacebadges == 'Replace' ? 'none' : 'flex'
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0 text-uppercase",
@@ -60358,11 +60983,11 @@ var QuantityButtonBasedProductCard = function QuantityButtonBasedProductCard(pro
       height: sectionproperties.imageInnerWidth_Height + '%',
       objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
     }
-  })), item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && sectionproperties.outofstock_centered == 'Not centered' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && sectionproperties.outofstock_centered == 'Not centered' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"
-  }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar)), item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && sectionproperties.outofstock_centered == 'Centered' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar)), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && sectionproperties.outofstock_centered == 'Centered' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(card_cssstyles.outstockbadgecentered) + ' allcentered '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"
@@ -60372,7 +60997,7 @@ var QuantityButtonBasedProductCard = function QuantityButtonBasedProductCard(pro
       if (sectionproperties.quantitybtn_show == 'Show' && showquantity == false) {
         setshowquantity(true);
       } else {
-        if (item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0) {
+        if (item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0) {
           NotificationManager.warning('', langdetect == 'en' ? 'Sold Out' : 'نفذت الكمية');
         } else {
           setShowProductInfoModalContext(true);