tabexseriescomponents 0.0.299 → 0.0.301

package/dist/index.esm.js

@@ -1433,6 +1433,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;
@@ -1441,19 +1442,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: 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.createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("div", {
@@ -1535,7 +1524,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.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.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start mt-1 mb-2"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(productinfo_cssstyles.cashbackoutercontainer) + ' d-flex flex-row allcentered px-2 '
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontWeight: 500
+    }
+  }, langdetect == 'en' ? sectionproperties.cashbackcontainercontenten : sectionproperties.cashbackcontainercontentar), /*#__PURE__*/React.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.createElement("div", {
     "class": "col-lg-12 p-0 mb-2"
   }, /*#__PURE__*/React.createElement("div", {
     "class": productinfo_cssstyles.profitcontainer + ' allcentered '
@@ -1719,7 +1722,7 @@ var ProductExtraFields = function ProductExtraFields(props) {
 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(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;
@@ -1815,7 +1818,7 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-3 pb-md-4 pl-1 pr-1"
   }, /*#__PURE__*/React.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'
@@ -1954,7 +1957,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.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.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(productinfo_cssstyles.outstockbadge) + ' allcentered '
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0"
+  }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? 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.createElement("div", {
     "class": "mb-4 col-lg-12",
     style: {
       width: '100%',
@@ -1974,9 +1983,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.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.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.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.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.createElement("div", {
@@ -2051,7 +2060,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 d-flex align-items-center"
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? 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.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.createElement("div", {
     className: "col-lg-12 p-0 mb-2 d-flex justofy-content-start"
   }, /*#__PURE__*/React.createElement("p", {
     className: "m-0 p-0",
@@ -2068,7 +2077,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.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.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',
@@ -2110,7 +2119,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React.createElement(FiPlus, {
     size: sectionproperties.add_quantitybtn_textfontsize
-  })))), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? 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.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.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) {
@@ -2176,7 +2185,7 @@ var Product_itemtype = function Product_itemtype(props) {
     size: sectionproperties.favBtnIconfontsize
   }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(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.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.createElement("div", {
     "class": "row m-0 w-100 mt-3",
     style: {
       overflow: 'hidden'
@@ -2250,7 +2259,7 @@ var Product_itemtype = function Product_itemtype(props) {
     size: sectionproperties.favBtnIconfontsize
   }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(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.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.createElement("div", {
     className: "col-lg-12 p-0 mb-3"
   }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 d-flex flex-row"
@@ -2287,7 +2296,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.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.createElement("div", {
     className: "col-lg-12 p-0 mb-3 mt-2"
   }, /*#__PURE__*/React.createElement("div", {
     style: {
@@ -4686,6 +4695,40 @@ var Productinfo = function Productinfo(props) {
         backgroundColor: sectionproperties.checkoutBtnbgColoronhover,
         color: sectionproperties.checkoutBtncoloronhover
       }
+    }),
+    outstockbadge: 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: 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: 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: css({
+      '.image-gallery-thumbnail.active': {
+        border: '2px solid red '
+      }
     })
   };
   var getprice_discountpriceprops = function getprice_discountpriceprops(type, withtotal, variantindexcompleted) {
@@ -4740,7 +4783,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;
@@ -7525,7 +7572,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);
@@ -7753,13 +7800,19 @@ var Checkout = function Checkout(props) {
       }, /*#__PURE__*/React.createElement("div", {
         className: "row m-0 w-100"
       }, /*#__PURE__*/React.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.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.createElement("div", {
-        className: "col-lg-12 p-0"
+        className: "col-lg-12 p-0 d-flex justify-content-start"
       }, /*#__PURE__*/React.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.createElement("div", {
         className: "col-lg-3 col-md-3 col-sm-2 p-0"
       }, /*#__PURE__*/React.createElement("div", {
@@ -7917,7 +7970,7 @@ var Checkout = function Checkout(props) {
       className: "col-lg-6 col-md-6 col-sm-6 p-0"
     }, /*#__PURE__*/React.createElement("p", {
       className: "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 d-flex align-items-center wordbreak '
-    }, "Wallet points used")), /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? 'Wallet points used' : 'النقاط المستخدمة')), /*#__PURE__*/React.createElement("div", {
       className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
     }, /*#__PURE__*/React.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 ',
@@ -12802,12 +12855,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 {
@@ -14248,7 +14304,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(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;
@@ -14663,6 +14719,10 @@ var Headerresponsive = function Headerresponsive(props) {
     }
   }, /*#__PURE__*/React.createElement(Dropdown.Item, {
     className: "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center justify-content-center '
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": 'flex-row w-100 d-flex justify-content-start'
   }, /*#__PURE__*/React.createElement("span", {
     style: {
       color: '#8fa0bd',
@@ -14677,7 +14737,23 @@ var Headerresponsive = function Headerresponsive(props) {
       color: sectionproperties.dropdownusernamecolor,
       fontSize: sectionproperties.dropdownusernamefontsize + 'px'
     }
-  }, authdetailsContext.customerinfo.name)), /*#__PURE__*/React.createElement(Dropdown.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.createElement("div", {
+    "class": ' row w-100 m-0 p-0 flex-row mt-1 w-100 justify-content-start'
+  }, /*#__PURE__*/React.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.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.createElement(Dropdown.Divider, {
     style: {
       marginBottom: 0,
       marginTop: 0
@@ -16959,7 +17035,10 @@ var ClassicHeader = function ClassicHeader(props) {
     style: {
       width: sectionproperties.header_width + 'vw'
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.showtextslider == 'Show' && /*#__PURE__*/React.createElement(MarqueeHeader, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), /*#__PURE__*/React.createElement("div", {
     "class": "".concat(headerstyles$d.headercontainer) + ' col-lg-12 pl-0 pr-0 d-md-none  ',
     style: {
       position: sectionproperties.headerstyles_position,
@@ -29571,7 +29650,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(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;
@@ -29597,6 +29676,10 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     dropdownselect = _useState4[0],
     setdropdownselect = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    logoarrayofobjects = _useState6[0],
+    setlogoarrayofobjects = _useState6[1];
   useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -29615,10 +29698,6 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     }
     setsectionproperties(_objectSpread$1u({}, secpropobj));
   }, [StatePagePropertiesContext]);
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    logoarrayofobjects = _useState6[0],
-    setlogoarrayofobjects = _useState6[1];
   useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
       var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -29891,6 +29970,12 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
       marginBottom: sectionproperties.header_marginBottom + 'px',
       width: sectionproperties.header_width + 'vw',
       maxWidth: '100vw'
+    }),
+    walletoutercontainer: css({
+      height: templateproperties_context.walletcontainerheight + 'px',
+      width: 'fit-content',
+      border: '2px dashed white',
+      borderRadius: 5
     })
   };
   return /*#__PURE__*/React.createElement("div", {
@@ -30092,8 +30177,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.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
     "class": ' d-flex justify-content-center align-items-center '
@@ -30137,7 +30222,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, /*#__PURE__*/React.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.createElement("p", {
     "class": "m-0 p-0",
     style: {
       color: sectionproperties.greetingtextcolor,
@@ -30150,7 +30235,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.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.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.createElement("div", {
+    "class": ' m-0 p-0 d-flex justify-content-start flex-row ',
+    style: {}
+  }, /*#__PURE__*/React.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.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.createElement(Dropdown.Menu, null, /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Login);
     }
@@ -30185,7 +30287,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.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$c5 = authdetailsContext.customerinfo) === null || _authdetailsContext$c5 === void 0 ? void 0 : _authdetailsContext$c5.name))), /*#__PURE__*/React.createElement(Dropdown.Divider, null), /*#__PURE__*/React.createElement(Dropdown.Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Ordershistory);
     }
@@ -49044,7 +49146,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,
     },
@@ -49077,7 +49179,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.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.createElement("div", {
     "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
@@ -49128,7 +49230,7 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
   }))), sectionproperties.cartBtnShow == 'Show' && showquantity == false && /*#__PURE__*/React.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);
@@ -51000,6 +51102,7 @@ var Card23 = function Card23(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     secondimage = _useState6[0],
     setsecondimage = _useState6[1];
+  props.actions.NotificationManager;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -51168,6 +51271,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: 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: 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) {
@@ -51181,13 +51309,17 @@ var Card23 = function Card23(props) {
       transition = true;
     }
     return /*#__PURE__*/React.createElement("div", {
-      "class": "w-100 cursor-pointer"
+      "class": "w-100 cursor-pointer",
+      style: {
+        position: 'relative'
+      }
     }, /*#__PURE__*/React.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',
@@ -51224,8 +51356,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,
@@ -51256,7 +51388,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.createElement("div", {
+      "class": "".concat(cardsstyles2.outstockbadge) + ' allcentered '
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "m-0 p-0"
+    }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar)));
   };
   return /*#__PURE__*/React.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',
@@ -51366,7 +51502,21 @@ var Card23 = function Card23(props) {
       paddingTop: '10px',
       paddingBottom: '10px'
     }
+  }, sectionproperties.showcashbackcontainer == 'Show' && item.productcashbackvalue > 0 && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start my-1"
   }, /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(cardsstyles2.cashbackoutercontainer) + ' d-flex flex-row allcentered px-2 '
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontWeight: 500
+    }
+  }, langdetect == 'en' ? sectionproperties.cashbackcontainercontenten : sectionproperties.cashbackcontainercontentar), /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0 mx-1",
+    style: {
+      fontWeight: 600
+    }
+  }, langdetect == 'en' ? item.currencyname : '', " ", item.productcashbackvalue, " ", langdetect == 'en' ? '' : item.currencyname))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
   }, sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("p", {
     "class": "".concat(cardsstyles2.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 m-0 ',
@@ -51390,14 +51540,20 @@ var Card23 = function Card23(props) {
     "class": "row m-0 w-100 align-items-center mt-1 mb-1"
   }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.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.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.createElement("span", {
     "class": "".concat(cardsstyles2.productSalePricestyles)
   }, "/"), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.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.createElement("div", {
+  }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname)), /*#__PURE__*/React.createElement("div", {
     "class": "d-flex align-items-center m-0"
   }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.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);
@@ -51864,7 +52020,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>}
@@ -51876,7 +52032,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>
@@ -52123,7 +52279,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>}
@@ -52135,7 +52291,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>
@@ -52694,7 +52850,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: css({
       flex: 1,
@@ -52916,7 +53072,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.createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(cardsstyles2.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
@@ -52956,7 +53112,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');
@@ -52970,7 +53126,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
   })), langdetect == 'ar' && /*#__PURE__*/React.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');
@@ -52989,7 +53145,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');
@@ -53003,7 +53159,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
   })), langdetect == 'en' && /*#__PURE__*/React.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');
@@ -57226,7 +57382,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.createElement("div", {
     "class": "allcentered",
@@ -57264,7 +57420,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.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.createElement("div", {
     "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
@@ -57290,7 +57446,7 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
   }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.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);
@@ -59010,7 +59166,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;
@@ -59048,7 +59204,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'
       }
@@ -59264,7 +59420,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.createElement("div", {
+  })), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
@@ -59348,12 +59504,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
   }, /*#__PURE__*/React.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.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'
@@ -60474,7 +60626,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: css({
@@ -60706,7 +60858,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.createElement("p", {
     "class": "m-0 p-0",
@@ -60726,7 +60878,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.createElement("p", {
     "class": "m-0 p-0 text-uppercase",
@@ -60784,11 +60936,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.createElement("div", {
+  })), item.currentquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && sectionproperties.outofstock_centered == 'Not centered' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React.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.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.createElement("div", {
     "class": "".concat(card_cssstyles.outstockbadgecentered) + ' allcentered '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
@@ -60798,7 +60950,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);