tabexseriescomponents 0.0.391 → 0.0.393

package/dist/index.cjs.js

@@ -1223,7 +1223,7 @@ var Login = function Login(props) {
   }, forgetpasswordstage == 'verify' ? langdetect == 'en' ? 'Reset password' : 'إعادة تعيين كلمة المرور' : langdetect == 'en' ? 'Send verification code' : 'أرسل رمز التحقق'))))));
 };
 
-var css_248z$L = ".productinfo-module_variant_container__-y4Uc {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    /* min-width: 10vh;\n    height: 5vh; */\n    border-radius: 10px;\n    background-color: #000;\n    color: white;\n    padding: 0 6px;\n    cursor: pointer;\n    transition: 0.3s;\n}\n.productinfo-module_size_variant_container__vuTAO {\n    /* min-width: 5vh !important;\n    max-width: 5vh !important;\n    height: 5vh !important;\n    border-radius: 50% !important; */\n    /* padding: 0 2px !important; */\n}\n.productinfo-module_variant_container__-y4Uc:hover {\n    transform: scale(1.05);\n}\n.productinfo-module_variant_container_active__OAhmg {\n    border: 2px solid green;\n    background-color: green;\n}\n.productinfo-module_color_container__c42a9 {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 4vh;\n    height: 4vh;\n    border: 2px solid #ccc;\n    border-radius: 50%;\n    overflow: hidden;\n    cursor: pointer;\n    transition: 0.3s;\n}\n.productinfo-module_color_container_active__Br2PW {\n    padding: 10px;\n    border: 2px solid var(--green);\n}\n\n.productinfo-module_color_container_active__Br2PW:before {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    content: '✓';\n    color: white;\n}\n.productinfo-module_color_container__c42a9:hover {\n    transform: scale(1.1);\n}\n";
+var css_248z$L = ".productinfo-module_variant_container__-y4Uc {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    /* min-width: 10vh;\n    height: 5vh; */\n    border-radius: 10px;\n    background-color: #000;\n    color: white;\n    padding: 0 6px;\n    cursor: pointer;\n    transition: 0.3s;\n}\n.productinfo-module_size_variant_container__vuTAO {\n    /* min-width: 5vh !important;\n    max-width: 5vh !important;\n    height: 5vh !important;\n    border-radius: 50% !important; */\n    /* padding: 0 2px !important; */\n}\n.productinfo-module_variant_container__-y4Uc:hover {\n    /* transform: scale(1.05); */\n}\n.productinfo-module_variant_container_active__OAhmg {\n    border: 2px solid green;\n    background-color: green;\n}\n.productinfo-module_color_container__c42a9 {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 4vh;\n    height: 4vh;\n    border: 2px solid #ccc;\n    border-radius: 50%;\n    overflow: hidden;\n    cursor: pointer;\n    transition: 0.3s;\n}\n.productinfo-module_color_container_active__Br2PW {\n    padding: 10px;\n    border: 2px solid var(--green);\n}\n\n.productinfo-module_color_container_active__Br2PW:before {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    content: '✓';\n    color: white;\n}\n.productinfo-module_color_container__c42a9:hover {\n    transform: scale(1.1);\n}\n";
 var productinfostyles = {"variant_container":"productinfo-module_variant_container__-y4Uc","size_variant_container":"productinfo-module_size_variant_container__vuTAO","variant_container_active":"productinfo-module_variant_container_active__OAhmg","color_container":"productinfo-module_color_container__c42a9","color_container_active":"productinfo-module_color_container_active__Br2PW"};
 styleInject(css_248z$L);
 
@@ -1425,7 +1425,7 @@ var Select$4 = /*#__PURE__*/React__default["default"].lazy(function () {
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-select')); });
 });
 var Variantoptions = function Variantoptions(props) {
-  var _css, _fetchProductInfoQuer, _ProductInfoObj$data, _ProductInfoObj$data2, _ProductInfoObj$data3;
+  var _css, _fetchProductInfoQuer, _ProductInfoObj$data4, _ProductInfoObj$data5, _ProductInfoObj$data6;
   var productinfo_cssstyles = props.actions.productinfo_cssstyles;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -1456,9 +1456,35 @@ var Variantoptions = function Variantoptions(props) {
       color: sectionproperties.inputfeildbordercoloronfocus
     }), _css))
   };
+  var issingleoptionoutofstock = function issingleoptionoutofstock(valueitem) {
+    var _ProductInfoObj$data;
+    var current_quantity = 0;
+    var isoutofstock = false;
+    if ((ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data = ProductInfoObj.data) === null || _ProductInfoObj$data === void 0 || (_ProductInfoObj$data = _ProductInfoObj$data.productinfo) === null || _ProductInfoObj$data === void 0 || (_ProductInfoObj$data = _ProductInfoObj$data.productoptions) === null || _ProductInfoObj$data === void 0 ? void 0 : _ProductInfoObj$data.length) == 1) {
+      var _ProductInfoObj$data2;
+      ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data2 = ProductInfoObj.data) === null || _ProductInfoObj$data2 === void 0 || (_ProductInfoObj$data2 = _ProductInfoObj$data2.productinfo) === null || _ProductInfoObj$data2 === void 0 || (_ProductInfoObj$data2 = _ProductInfoObj$data2.variants) === null || _ProductInfoObj$data2 === void 0 || _ProductInfoObj$data2.forEach(function (varitem) {
+        var _varitem$variantoptio;
+        varitem === null || varitem === void 0 || (_varitem$variantoptio = varitem.variantoptions) === null || _varitem$variantoptio === void 0 || _varitem$variantoptio.forEach(function (varoptionitem) {
+          if (varoptionitem.valueid == valueitem.valueid) {
+            current_quantity = varitem.current_quantity;
+            if (varitem.current_quantity <= 0) {
+              var _ProductInfoObj$data3;
+              if ((ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data3 = ProductInfoObj.data) === null || _ProductInfoObj$data3 === void 0 || (_ProductInfoObj$data3 = _ProductInfoObj$data3.productinfo) === null || _ProductInfoObj$data3 === void 0 ? void 0 : _ProductInfoObj$data3.quantavailtype) == 'limit') {
+                isoutofstock = true;
+              }
+            }
+          }
+        });
+      });
+    }
+    return {
+      isoutofstock: isoutofstock,
+      current_quantity: current_quantity
+    };
+  };
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer === void 0 || (_fetchProductInfoQuer = _fetchProductInfoQuer.productinfo) === null || _fetchProductInfoQuer === void 0 ? void 0 : _fetchProductInfoQuer.hasvariants) == 1 && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 d-flex align-items-start"
-  }, sectionproperties.variantstyle == 'Slider' && (ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data = ProductInfoObj.data) === null || _ProductInfoObj$data === void 0 || (_ProductInfoObj$data = _ProductInfoObj$data.productinfo) === null || _ProductInfoObj$data === void 0 || (_ProductInfoObj$data = _ProductInfoObj$data.productoptions) === null || _ProductInfoObj$data === void 0 ? void 0 : _ProductInfoObj$data.map(function (item, index) {
+  }, sectionproperties.variantstyle == 'Slider' && (ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data4 = ProductInfoObj.data) === null || _ProductInfoObj$data4 === void 0 || (_ProductInfoObj$data4 = _ProductInfoObj$data4.productinfo) === null || _ProductInfoObj$data4 === void 0 || (_ProductInfoObj$data4 = _ProductInfoObj$data4.productoptions) === null || _ProductInfoObj$data4 === void 0 ? void 0 : _ProductInfoObj$data4.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "col-lg-12 p-0 mb-3 d-flex justify-content-start"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1492,7 +1518,7 @@ var Variantoptions = function Variantoptions(props) {
         isoptionvaluedenabled = 0;
       }
       if (item.optionname == 'color' || item.optionname == 'Color') {
-        return /*#__PURE__*/React__default["default"].createElement("div", {
+        return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
           className: productinfostyles.color_container + ' mr-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.color_container_active : ''),
           onClick: function onClick() {
             if (optionvaluesitem.isenabled == 1) {
@@ -1506,25 +1532,27 @@ var Variantoptions = function Variantoptions(props) {
             opacity: isoptionvaluedenabled == 1 ? 1 : 0.2,
             cursor: isoptionvaluedenabled == 1 ? 'pointer' : 'not-allowed'
           }
-        });
+        }));
       } else if (item.optionname == 'size' || item.optionname == 'Size') {
         return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
+          className: issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show' ? "".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered showcrossicon ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : '') : "".concat(productinfostyles.variant_container, " ").concat(productinfostyles.size_variant_container) + ' mr-2 variabttcontainer allcentered ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
           onClick: function onClick() {
-            if (optionvaluesitem.isenabled == 1) {
-              selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
-            } else {
-              clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
+            if (issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show') ; else {
+              if (optionvaluesitem.isenabled == 1) {
+                selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
+              } else {
+                clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
+              }
             }
           },
           style: {
-            cursor: isoptionvaluedenabled == 1 ? 'pointer' : 'not-allowed',
-            backgroundColor: isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
+            cursor: issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show' ? 'not-allowed' : isoptionvaluedenabled == 1 ? 'pointer' : 'not-allowed',
+            backgroundColor: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null ? sectionproperties.variantcontainer_bgcolor : isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
             minWidth: sectionproperties.variantcontainer_minwidth + 'px',
             height: sectionproperties.variantcontainer_height + 'px',
             borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
             position: 'relative',
-            border: isoptionvalueselected == 1 ? '1px solid green' : isoptionvaluedenabled == 1 ? '1px solid ' + sectionproperties.variantcontainerbordercolor : '1px solid ' + ' grey '
+            border: isoptionvalueselected == 1 ? '2px solid green' : isoptionvaluedenabled == 1 ? '1px solid ' + sectionproperties.variantcontainerbordercolor : '1px solid ' + ' grey '
           }
         }, isoptionvalueselected == 1 && sectionproperties.showRemovebutton == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
           "class": "m-0 p-0 bg-danger bgdanger-hover",
@@ -1541,7 +1569,7 @@ var Variantoptions = function Variantoptions(props) {
         }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, null))), /*#__PURE__*/React__default["default"].createElement("p", {
           className: 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center',
           style: {
-            color: sectionproperties.variantcontainer_color,
+            color: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null && isoptionvalueselected == 1 ? 'green' : sectionproperties.variantcontainer_color,
             fontSize: sectionproperties.variantcontainer_fontSize + 'px',
             fontWeight: 500
           }
@@ -1584,7 +1612,7 @@ var Variantoptions = function Variantoptions(props) {
         }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
       }
     }))));
-  })), sectionproperties.variantstyle == 'Vertical' && (ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data2 = ProductInfoObj.data) === null || _ProductInfoObj$data2 === void 0 || (_ProductInfoObj$data2 = _ProductInfoObj$data2.productinfo) === null || _ProductInfoObj$data2 === void 0 || (_ProductInfoObj$data2 = _ProductInfoObj$data2.productoptions) === null || _ProductInfoObj$data2 === void 0 ? void 0 : _ProductInfoObj$data2.map(function (item, index) {
+  })), sectionproperties.variantstyle == 'Vertical' && (ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data5 = ProductInfoObj.data) === null || _ProductInfoObj$data5 === void 0 || (_ProductInfoObj$data5 = _ProductInfoObj$data5.productinfo) === null || _ProductInfoObj$data5 === void 0 || (_ProductInfoObj$data5 = _ProductInfoObj$data5.productoptions) === null || _ProductInfoObj$data5 === void 0 ? void 0 : _ProductInfoObj$data5.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("ul", {
       "class": "thwvsf-wrapper-ul"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1720,7 +1748,7 @@ var Variantoptions = function Variantoptions(props) {
       //     );
       // }
     }));
-  })), sectionproperties.variantstyle == 'Select Box' && (ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data3 = ProductInfoObj.data) === null || _ProductInfoObj$data3 === void 0 || (_ProductInfoObj$data3 = _ProductInfoObj$data3.productinfo) === null || _ProductInfoObj$data3 === void 0 || (_ProductInfoObj$data3 = _ProductInfoObj$data3.productoptions) === null || _ProductInfoObj$data3 === void 0 ? void 0 : _ProductInfoObj$data3.map(function (item, index) {
+  })), sectionproperties.variantstyle == 'Select Box' && (ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data6 = ProductInfoObj.data) === null || _ProductInfoObj$data6 === void 0 || (_ProductInfoObj$data6 = _ProductInfoObj$data6.productinfo) === null || _ProductInfoObj$data6 === void 0 || (_ProductInfoObj$data6 = _ProductInfoObj$data6.productoptions) === null || _ProductInfoObj$data6 === void 0 ? void 0 : _ProductInfoObj$data6.map(function (item, index) {
     var orgselectoptions = [];
     var selecteditemid = null;
     var placeholdervalue = '';
@@ -1731,6 +1759,13 @@ var Variantoptions = function Variantoptions(props) {
     }
 
     orgselectoptions.forEach(function (getselcitem, getselindex) {
+      // if (getselcitem.isselected == 1 && issingleoptionoutofstock(getselcitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show') {
+      //     selecteditemid = getselcitem.valueid + langdetect == 'en' ? '(Unavailable)' : 'غير متاح';
+      // } else if (getselcitem.isselected == 1 && sectionproperties.showoutofstockwithoutselection == 'Hide') {
+      //     selecteditemid = getselcitem.valueid;
+      // } else {
+      //     selecteditemid = getselcitem.valueid;
+      // }
       if (getselcitem.isselected == 1) {
         selecteditemid = getselcitem.valueid;
       }
@@ -2166,7 +2201,7 @@ var DescriptionContent = function DescriptionContent(props) {
   }, /*#__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',
+    className: 'text-black m-0 p-0 wordbreak',
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     },
@@ -2187,7 +2222,7 @@ var DescriptionContent = function DescriptionContent(props) {
   }, /*#__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',
+    className: 'text-black m-0 p-0 wordbreak',
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     },
@@ -2234,7 +2269,7 @@ var DescriptionContent = function DescriptionContent(props) {
 function ownKeys$2q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2q(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Product_itemtype = function Product_itemtype(props) {
-  var _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _ProductInfoObj$data, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34;
+  var _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -2253,7 +2288,7 @@ var Product_itemtype = function Product_itemtype(props) {
   var authdetailsContext = props.actions.authdetailsContext;
   var addtofavoritescontext = props.actions.addtofavoritescontext;
   var variantindexcompleted = props.actions.variantindexcompleted;
-  var ProductInfoObj = props.actions.ProductInfoObj;
+  props.actions.ProductInfoObj;
   var NotificationManager = props.actions.NotificationManager;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   var getprice_discountpriceprops = props.actions.getprice_discountpriceprops;
@@ -2430,7 +2465,7 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: 'row m-0 w-100'
   }, sectionproperties.gallerystyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: sectionproperties.evencols == 'Yes' ? productinfo_cssstyles.evencols + ' col-xl-6 col-lg-6 col-md-12 col-sm-12 mb-md-5 pb-md-5 pl-1 pr-1 evencols ' : 'col-xl-5 col-lg-4 col-md-12 col-sm-12 mb-md-5 pb-md-4 pl-1 pr-1'
+    className: sectionproperties.evencols == 'Yes' ? productinfo_cssstyles.evencols + ' col-xl-6 col-lg-6 col-md-12 col-sm-12 mb-md-5 pb-md-5 pl-1 pr-1 evencols ' : 'col-xl-5 col-lg-5 col-md-12 col-sm-12 mb-md-5 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',
     style: {
@@ -2472,7 +2507,7 @@ var Product_itemtype = function Product_itemtype(props) {
     showFullscreenButton: true,
     startIndex: currentshowingimageindex
   })))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: sectionproperties.gallerystyle == 'Style 1' ? sectionproperties.evencols == 'Yes' ? langdetect == 'en' ? 'col-xl-6 col-lg-6 col-md-12 col-sm-12 pl-4 pr-0 pl-md-0 pr-md-0 pt-md-5' : 'col-xl-6 col-lg-6 col-md-12 col-sm-12 pl-0 pr-4 pl-md-0 pr-md-0 pt-md-5' : langdetect == 'en' ? 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-4 pr-0 p-md-0' : 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-0 pr-4 p-md-0' : 'col-xl-12 col-lg-12 col-md-12 col-sm-12 px-3 px-md-2'
+    className: sectionproperties.gallerystyle == 'Style 1' ? sectionproperties.evencols == 'Yes' ? langdetect == 'en' ? 'col-xl-6 col-lg-6 col-md-12 col-sm-12 pl-4 pr-0 pl-md-0 pr-md-0 pt-md-5' : 'col-xl-6 col-lg-6 col-md-12 col-sm-12 pl-0 pr-4 pl-md-0 pr-md-0 pt-md-5' : langdetect == 'en' ? 'col-xl-7 col-lg-7 col-md-12 col-sm-12 pl-4 pr-0 p-md-0' : 'col-xl-7 col-lg-7 col-md-12 col-sm-12 pl-0 pr-4 p-md-0' : 'col-xl-12 col-lg-12 col-md-12 col-sm-12 px-3 px-md-2'
     // className={
     //     sectionproperties.gallerystyle == 'Style 1'
     //         ? langdetect == 'en'
@@ -2485,9 +2520,11 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.productcanrate) == 1 ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.btnposition == 'Top' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center'
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    className: props.srcfromprops == 'templatedraftrouter' ? "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer  font-sm-15 ' : "".concat(productinfo_cssstyles.productname) + ' m-0 p-0 wordbreak d-flex justify-content-start font-sm-15 ',
+    className: props.srcfromprops != 'templatedraftrouter' ? "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer  font-sm-15 ' : "".concat(productinfo_cssstyles.productname) + ' m-0 p-0 wordbreak d-flex justify-content-start font-sm-15 ',
     onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.productinfo, true, fetchProductInfoQueryContext.data.data.productinfo.productid);
+      if (props.srcfromprops != 'templatedraftrouter') {
+        routingcountext(StaticPagesLinksContext.productinfo, true, fetchProductInfoQueryContext.data.data.productinfo.productid);
+      }
     },
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
@@ -2630,7 +2667,7 @@ var Product_itemtype = function Product_itemtype(props) {
     actions: props.actions
   }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : _fetchProductInfoQuer17.hasvariants) == 1 && sectionproperties.productInformationType == 'Profile' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 d-flex align-items-start"
-  }, ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data = ProductInfoObj.data) === null || _ProductInfoObj$data === void 0 || (_ProductInfoObj$data = _ProductInfoObj$data.productinfo) === null || _ProductInfoObj$data === void 0 || (_ProductInfoObj$data = _ProductInfoObj$data.productoptions) === null || _ProductInfoObj$data === void 0 ? void 0 : _ProductInfoObj$data.map(function (item, index) {
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer18 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.productoptions) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "col-lg-12 p-0 d-flex justify-content-start",
       style: {
@@ -2709,7 +2746,7 @@ var Product_itemtype = function Product_itemtype(props) {
       marginTop: sectionproperties.ctabuttnnsmarginvertical + 'px',
       marginBottom: sectionproperties.ctabuttnnsmarginvertical + 'px'
     }
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer18 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.isproducthasquantitychange) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.productinfo) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.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",
@@ -2726,7 +2763,7 @@ var Product_itemtype = function Product_itemtype(props) {
     style: {
       justifyContent: sectionproperties.cartbtncentered == 'Centered' ? 'center' : 'start'
     }
-  }, sectionproperties.quantitybtn_show == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.productinfo) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer21 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : _fetchProductInfoQuer21.isproducthasquantitychange) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
+  }, sectionproperties.quantitybtn_show == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer21 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : _fetchProductInfoQuer21.isproducttobesold) == 1 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.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',
@@ -2791,12 +2828,12 @@ var Product_itemtype = function Product_itemtype(props) {
         setaddtocardpayloadobj(_objectSpread$2q({}, tempaddtocardpayloadobj));
       }
     }
-  })), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
+  })), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.productinfo) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : _fetchProductInfoQuer23.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
     className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
     onClick: function onClick() {
       if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
-        var _fetchProductInfoQuer23;
-        window.open('tel:' + ((_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : _fetchProductInfoQuer23.product_phonenumber), '_blank');
+        var _fetchProductInfoQuer24;
+        window.open('tel:' + ((_fetchProductInfoQuer24 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.product_phonenumber), '_blank');
       } else {
         if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
           addtocartfunc();
@@ -2827,7 +2864,7 @@ var Product_itemtype = function Product_itemtype(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer24 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.productinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.productinfo) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : _fetchProductInfoQuer25.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.productinfo) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : _fetchProductInfoQuer25.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer26 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.productinfo) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : _fetchProductInfoQuer26.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' d-flex align-items-center justify-content-center '
   }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
     color: "white",
@@ -2872,7 +2909,7 @@ var Product_itemtype = function Product_itemtype(props) {
     style: {
       fontSize: sectionproperties.favBtnTextfontsize + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.favbtnaddedcontent_en : sectionproperties.favbtnaddedcontent_ar))), sectionproperties.cartbtnalone == 'Alone' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer26 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.productinfo) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : _fetchProductInfoQuer26.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.favbtnaddedcontent_en : sectionproperties.favbtnaddedcontent_ar))), sectionproperties.cartbtnalone == 'Alone' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer27 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer27 === void 0 || (_fetchProductInfoQuer27 = _fetchProductInfoQuer27.data) === null || _fetchProductInfoQuer27 === void 0 || (_fetchProductInfoQuer27 = _fetchProductInfoQuer27.productinfo) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 mt-3",
     style: {
       overflow: 'hidden'
@@ -2884,8 +2921,8 @@ var Product_itemtype = function Product_itemtype(props) {
     },
     onClick: function onClick() {
       if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
-        var _fetchProductInfoQuer27;
-        window.open('tel:' + ((_fetchProductInfoQuer27 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.product_phonenumber), '_blank');
+        var _fetchProductInfoQuer28;
+        window.open('tel:' + ((_fetchProductInfoQuer28 = fetchProductInfoQueryContext.data.data.productinfo) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : _fetchProductInfoQuer28.product_phonenumber), '_blank');
       } else {
         if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
           addtocartfunc();
@@ -2916,7 +2953,7 @@ var Product_itemtype = function Product_itemtype(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer28 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.data) === null || _fetchProductInfoQuer28 === void 0 || (_fetchProductInfoQuer28 = _fetchProductInfoQuer28.productinfo) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : _fetchProductInfoQuer28.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer29 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : _fetchProductInfoQuer29.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer29 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.data) === null || _fetchProductInfoQuer29 === void 0 || (_fetchProductInfoQuer29 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : _fetchProductInfoQuer29.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer30 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.productinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' d-flex align-items-center justify-content-center '
   }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
     color: "white",
@@ -2951,7 +2988,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 || (_fetchProductInfoQuer30 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.data) === null || _fetchProductInfoQuer30 === void 0 || (_fetchProductInfoQuer30 = _fetchProductInfoQuer30.productinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.isproducttobesold) == 1 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })))))))), sectionproperties.productInformationType == 'Product/Service Information' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer31 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.productinfo) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : _fetchProductInfoQuer31.isproducttobesold) == 1 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 mb-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 d-flex flex-row"
@@ -2974,7 +3011,7 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right ' : ' d-flex align-items-center justify-content-end wordbreak text-left '
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer31 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.data) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.productinfo) === null || _fetchProductInfoQuer31 === void 0 || (_fetchProductInfoQuer31 = _fetchProductInfoQuer31.variants[variantindexcompleted]) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : _fetchProductInfoQuer31.hassale) == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer32 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.productinfo) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.variants[variantindexcompleted]) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : _fetchProductInfoQuer32.hassale) == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React__default["default"].createElement("p", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length == 0 && fetchProductInfoQueryContext.data.data.productinfo.hassale == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer32 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.productinfo) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.variants[variantindexcompleted]) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : _fetchProductInfoQuer32.hassale) == 1 && parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer33 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.productinfo) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.variants[variantindexcompleted]) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : _fetchProductInfoQuer33.hassale) == 0 && parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2), langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), /*#__PURE__*/React__default["default"].createElement("p", {
     className: 'm-0 p-0 linethrough wordbreak',
     style: {
       color: sectionproperties.prodsalePriceColor,
@@ -2988,14 +3025,14 @@ var Product_itemtype = function Product_itemtype(props) {
     style: {
       textDecoration: 'none'
     }
-  }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer33 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.productinfo) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.variants[variantindexcompleted]) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : _fetchProductInfoQuer33.hassale) == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), variantindexcompleted != undefined && variantindexcompleted.length != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer34 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.productinfo) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.variants[variantindexcompleted]) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : _fetchProductInfoQuer34.hassale) == 1 && /*#__PURE__*/React__default["default"].createElement("span", {
     className: langdetect == 'en' ? ' d-flex align-items-center justify-content-end wordbreak text-right wordbreak ' : ' d-flex align-items-center justify-content-end wordbreak text-left wordbreak '
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "ml-2 mr-2",
     style: {
       textDecoration: 'none'
     }
-  }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), sectionproperties.availabilitybtnposition == 'Bottom' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer34 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.productinfo) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : _fetchProductInfoQuer34.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, "-"), langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))), sectionproperties.availabilitybtnposition == 'Bottom' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer35 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer35 === void 0 || (_fetchProductInfoQuer35 = _fetchProductInfoQuer35.data) === null || _fetchProductInfoQuer35 === void 0 || (_fetchProductInfoQuer35 = _fetchProductInfoQuer35.productinfo) === null || _fetchProductInfoQuer35 === void 0 ? void 0 : _fetchProductInfoQuer35.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 mb-3 mt-2"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
@@ -4635,7 +4672,11 @@ var ProductReviews = function ProductReviews(props) {
 function ownKeys$2m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2m(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Productinfo = function Productinfo(props) {
-  var _css, _ref, _ref2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12;
+  var _css, _ref, _ref2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12;
+  var _useState = React.useState({}),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    ProductInfoObj = _useState2[0],
+    setProductInfoObj = _useState2[1];
   props.actions.srcfromprops;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
@@ -4651,55 +4692,66 @@ var Productinfo = function Productinfo(props) {
   var ProductIdProdutInfoModalContext = props.actions.ProductIdProdutInfoModalContext;
   var AddtoCartContext = props.actions.AddtoCartContext;
   var addtofavoritescontext = props.actions.addtofavoritescontext;
-  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
+  var fetchProductInfoQueryContextProps = props.actions.fetchProductInfoQueryContext;
+  var _useState3 = React.useState({}),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    fetchProductInfoQueryContext = _useState4[0],
+    setfetchProductInfoQueryContext = _useState4[1];
+  React.useEffect(function () {
+    if (fetchProductInfoQueryContextProps.isSuccess) {
+      setProductInfoObj(_objectSpread$2m({}, fetchProductInfoQueryContextProps.data));
+      setfetchProductInfoQueryContext(fetchProductInfoQueryContextProps);
+    }
+  }, [props.actions, props, fetchProductInfoQueryContextProps.data, fetchProductInfoQueryContextProps.isSuccess]);
   var fetchproductinfoObjContext = props.actions.fetchproductinfoObjContext;
   var setfetchproductinfoObjContext = props.actions.setfetchproductinfoObjContext;
   var pageindexcontext = props.actions.pageindexcontext;
   var setpageindexcontext = props.actions.setpageindexcontext;
   var authdetailsContext = props.actions.authdetailsContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var Pixel_EventsContext = props.actions.Pixel_EventsContext;
   var actions = props.actions;
   var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
   var setCurrentPageIdContext = props.actions.setCurrentPageIdContext;
   var NotificationManager = props.actions.NotificationManager;
   var productidparam = props.productidparam;
-  var _useState = React.useState(''),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
-    sectionproperties = _useState2[0],
-    setsectionproperties = _useState2[1];
-  var _useState3 = React.useState(''),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2);
-    _useState4[0];
-    var setCurrentPageId = _useState4[1];
-  var _useState5 = React.useState(''),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2);
-    _useState6[0];
-    var setRelatedProductsTagid = _useState6[1];
-  var _useState7 = React.useState({}),
+  var _useState5 = React.useState(false),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    isoutofstock = _useState6[0],
+    setisoutofstock = _useState6[1];
+  var _useState7 = React.useState(''),
     _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    ProductInfoObj = _useState8[0],
-    setProductInfoObj = _useState8[1];
-  var _useState9 = React.useState('all'),
+    sectionproperties = _useState8[0],
+    setsectionproperties = _useState8[1];
+  var _useState9 = React.useState(''),
     _useState10 = _slicedToArray__default["default"](_useState9, 2);
     _useState10[0];
-    _useState10[1];
-  var _useState11 = React.useState([]),
+    var setCurrentPageId = _useState10[1];
+  var _useState11 = React.useState(''),
     _useState12 = _slicedToArray__default["default"](_useState11, 2);
     _useState12[0];
-    _useState12[1];
-  var _useState13 = React.useState([]),
-    _useState14 = _slicedToArray__default["default"](_useState13, 2),
-    Relatedproducts = _useState14[0],
-    setRelatedproducts = _useState14[1];
+    var setRelatedProductsTagid = _useState12[1];
+  var _useState13 = React.useState('all'),
+    _useState14 = _slicedToArray__default["default"](_useState13, 2);
+    _useState14[0];
+    _useState14[1];
   var _useState15 = React.useState([]),
-    _useState16 = _slicedToArray__default["default"](_useState15, 2),
-    productimagesarray = _useState16[0],
-    setproductimagesarray = _useState16[1];
-  var _useState17 = React.useState(null),
+    _useState16 = _slicedToArray__default["default"](_useState15, 2);
+    _useState16[0];
+    _useState16[1];
+  var _useState17 = React.useState([]),
     _useState18 = _slicedToArray__default["default"](_useState17, 2),
-    quantityconditionfoundobj = _useState18[0],
-    setquantityconditionfoundobj = _useState18[1];
-  var _useState19 = React.useState({
+    Relatedproducts = _useState18[0],
+    setRelatedproducts = _useState18[1];
+  var _useState19 = React.useState([]),
+    _useState20 = _slicedToArray__default["default"](_useState19, 2),
+    productimagesarray = _useState20[0],
+    setproductimagesarray = _useState20[1];
+  var _useState21 = React.useState(null),
+    _useState22 = _slicedToArray__default["default"](_useState21, 2),
+    quantityconditionfoundobj = _useState22[0],
+    setquantityconditionfoundobj = _useState22[1];
+  var _useState23 = React.useState({
       functype: 'add',
       item_type: 'product',
       productid: '',
@@ -4711,41 +4763,41 @@ var Productinfo = function Productinfo(props) {
       to: '',
       extrafields: []
     }),
-    _useState20 = _slicedToArray__default["default"](_useState19, 2),
-    addtocardpayloadobj = _useState20[0],
-    setaddtocardpayloadobj = _useState20[1];
-  var _useState21 = React.useState(''),
-    _useState22 = _slicedToArray__default["default"](_useState21, 2),
-    variantindexcompleted = _useState22[0],
-    setvariantindexcompleted = _useState22[1];
-  var _useState23 = React.useState(''),
     _useState24 = _slicedToArray__default["default"](_useState23, 2),
-    variantindex = _useState24[0],
-    setvariantindex = _useState24[1];
-  var _useState25 = React.useState(false),
+    addtocardpayloadobj = _useState24[0],
+    setaddtocardpayloadobj = _useState24[1];
+  var _useState25 = React.useState(''),
     _useState26 = _slicedToArray__default["default"](_useState25, 2),
-    isloaded = _useState26[0],
-    setisloaded = _useState26[1];
-  var _useState27 = React.useState(false),
-    _useState28 = _slicedToArray__default["default"](_useState27, 2);
-    _useState28[0];
-    _useState28[1];
-  var _useState29 = React.useState(0),
+    variantindexcompleted = _useState26[0],
+    setvariantindexcompleted = _useState26[1];
+  var _useState27 = React.useState(''),
+    _useState28 = _slicedToArray__default["default"](_useState27, 2),
+    variantindex = _useState28[0],
+    setvariantindex = _useState28[1];
+  var _useState29 = React.useState(false),
     _useState30 = _slicedToArray__default["default"](_useState29, 2),
-    currentshowingimageindex = _useState30[0],
-    setcurrentshowingimageindex = _useState30[1];
-  var _useState31 = React.useState(''),
-    _useState32 = _slicedToArray__default["default"](_useState31, 2),
-    tabIndex = _useState32[0],
-    setTabIndex = _useState32[1];
-  var _useState33 = React.useState(''),
+    isloaded = _useState30[0],
+    setisloaded = _useState30[1];
+  var _useState31 = React.useState(false),
+    _useState32 = _slicedToArray__default["default"](_useState31, 2);
+    _useState32[0];
+    _useState32[1];
+  var _useState33 = React.useState(0),
     _useState34 = _slicedToArray__default["default"](_useState33, 2),
-    tabname = _useState34[0],
-    settabname = _useState34[1];
-  var _useState35 = React.useState([]),
+    currentshowingimageindex = _useState34[0],
+    setcurrentshowingimageindex = _useState34[1];
+  var _useState35 = React.useState(''),
     _useState36 = _slicedToArray__default["default"](_useState35, 2),
-    productVideos = _useState36[0],
-    setproductVideos = _useState36[1];
+    tabIndex = _useState36[0],
+    setTabIndex = _useState36[1];
+  var _useState37 = React.useState(''),
+    _useState38 = _slicedToArray__default["default"](_useState37, 2),
+    tabname = _useState38[0],
+    settabname = _useState38[1];
+  var _useState39 = React.useState([]),
+    _useState40 = _slicedToArray__default["default"](_useState39, 2),
+    productVideos = _useState40[0],
+    setproductVideos = _useState40[1];
   var handleTabChange = function handleTabChange(event, newTabIndex) {
     setTabIndex(newTabIndex);
   };
@@ -4804,11 +4856,11 @@ var Productinfo = function Productinfo(props) {
       productidassigner(productidparam);
     }
   }, []);
-  React.useEffect(function () {
-    if (fetchProductInfoQueryContext.isSuccess) {
-      setProductInfoObj(fetchProductInfoQueryContext.data);
-    }
-  }, [fetchProductInfoQueryContext.isSuccess, fetchProductInfoQueryContext.data]);
+  // useEffect(() => {
+  //     if (fetchProductInfoQueryContext.isSuccess) {
+  //         setProductInfoObj({ ...fetchProductInfoQueryContext.data });
+  //     }
+  // }, [fetchProductInfoQueryContext.isSuccess, fetchProductInfoQueryContext.data, props, props.actions]);
   React.useEffect(function () {
     if (Object.keys(ProductInfoObj).length != 0 && !isloaded) {
       variantchecker();
@@ -5018,6 +5070,7 @@ var Productinfo = function Productinfo(props) {
         var variantobj = fetchProductInfoQueryContext.data.data.productinfo.variants[ProductVariantIndex];
         var variantid = '';
         if (variantobj == undefined) {
+          setisoutofstock(false);
           NotificationManager.warning('', 'Variant Not Found');
         } else {
           variantid = variantobj.variantid;
@@ -5029,6 +5082,11 @@ var Productinfo = function Productinfo(props) {
               variantimageindex = tempimageindex;
             }
           });
+          if (variantobj.current_quantity <= 0) {
+            setisoutofstock(true);
+          } else {
+            setisoutofstock(false);
+          }
           setcurrentshowingimageindex(variantimageindex);
           setaddtocardpayloadobj(_objectSpread$2m({}, tempaddtocardpayloadobj));
           setvariantindexcompleted(ProductVariantIndex);
@@ -5062,17 +5120,27 @@ var Productinfo = function Productinfo(props) {
       tempaddtocardpayloadobj.vendorid = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.vendorproviderid;
       var Extrafieldvalidationresponse = validateextrafields();
       if (Extrafieldvalidationresponse.status) {
+        var _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14;
+        Pixel_EventsContext('AddToCart', {
+          content_ids: [fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.productid],
+          content_name: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.name_en) + ' - ' + (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.name_ar),
+          content_sku: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.sku,
+          content_type: 'product',
+          currency: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.currencyname_en,
+          value: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.defaultprice,
+          quantity: addtocardpayloadobj.quantity
+        });
         AddtoCartContext(tempaddtocardpayloadobj);
       }
     }
   };
   var validateextrafields = function validateextrafields() {
-    var _fetchProductInfoQuer9;
+    var _fetchProductInfoQuer15;
     var tempaddtocardpayloadobj = _objectSpread$2m({}, addtocardpayloadobj);
     var status = false;
     var reason = '';
     var missingitemsfound = [];
-    var extrafields = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.productextrafields;
+    var extrafields = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer15 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.productinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.productextrafields;
     if ((extrafields === null || extrafields === void 0 ? void 0 : extrafields.length) == 0) {
       status = true;
     } else {
@@ -5552,6 +5620,7 @@ var Productinfo = function Productinfo(props) {
     productnamehover: glamor.css({
       transition: '.3s',
       ':hover': {
+        cursor: 'pointer',
         color: sectionproperties.prodNameColorOnHover
       }
     }),
@@ -5667,24 +5736,24 @@ var Productinfo = function Productinfo(props) {
     }
   }));
   var getprice_discountpriceprops = function getprice_discountpriceprops(type, withtotal, variantindexcompleted) {
-    var _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13;
+    var _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19;
     var price = 0;
     var quantityconditions = [];
     var quantity = 0;
     if (addtocardpayloadobj.quantity != undefined && addtocardpayloadobj.quantity != null) {
       quantity = parseFloat(addtocardpayloadobj.quantity);
     }
-    if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.productquantityoptions) != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.productquantityoptions) != null && Array.isArray(fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.productquantityoptions) && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productquantityoptions) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.length) != 0) {
+    if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.productinfo) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.productquantityoptions) != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : _fetchProductInfoQuer17.productquantityoptions) != null && Array.isArray(fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer18 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.productquantityoptions) && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productinfo) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productquantityoptions) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.length) != 0) {
       quantityconditions = fetchProductInfoQueryContext.data.data.productinfo.productquantityoptions;
     }
     if (type == 'defaultprice') {
       price = fetchProductInfoQueryContext.data.data.productinfo.defaultprice;
       if (fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1) {
         if (variantindexcompleted != undefined) {
-          var _fetchProductInfoQuer14;
-          if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.variants[variantindexcompleted]) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.variantprice) != undefined) {
-            var _fetchProductInfoQuer15;
-            price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer15 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.productinfo) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.variants[variantindexcompleted]) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.variantprice;
+          var _fetchProductInfoQuer20;
+          if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.productinfo) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.variants[variantindexcompleted]) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.variantprice) != undefined) {
+            var _fetchProductInfoQuer21;
+            price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer21 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.variants[variantindexcompleted]) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : _fetchProductInfoQuer21.variantprice;
           }
         }
       }
@@ -5692,10 +5761,10 @@ var Productinfo = function Productinfo(props) {
       price = fetchProductInfoQueryContext.data.data.productinfo.defaultsaleprice;
       if (fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1) {
         if (variantindexcompleted != undefined) {
-          var _fetchProductInfoQuer16;
-          if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.productinfo) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.variants[variantindexcompleted]) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.variantsaleprice) != undefined) {
-            var _fetchProductInfoQuer17;
-            price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer17 === void 0 || (_fetchProductInfoQuer17 = _fetchProductInfoQuer17.variants[variantindexcompleted]) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : _fetchProductInfoQuer17.variantsaleprice;
+          var _fetchProductInfoQuer22;
+          if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.variants[variantindexcompleted]) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.variantsaleprice) != undefined) {
+            var _fetchProductInfoQuer23;
+            price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.productinfo) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.variants[variantindexcompleted]) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : _fetchProductInfoQuer23.variantsaleprice;
           }
         }
       }
@@ -5725,7 +5794,7 @@ var Productinfo = function Productinfo(props) {
     }
   };
   var getQuantityCondition = function getQuantityCondition() {
-    var _fetchProductInfoQuer18;
+    var _fetchProductInfoQuer24;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0",
       style: {
@@ -5755,12 +5824,12 @@ var Productinfo = function Productinfo(props) {
         height: 1,
         background: sectionproperties.pricelisttitlecolor
       }
-    })), fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer18 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.data) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer18 === void 0 || (_fetchProductInfoQuer18 = _fetchProductInfoQuer18.productquantityoptions) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.map(function (item, index) {
-      var _fetchProductInfoQuer19;
+    })), fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer24 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.productinfo) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.productquantityoptions) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.map(function (item, index) {
+      var _fetchProductInfoQuer25;
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0 w-100 d-flex align-items-center",
         style: {
-          marginBottom: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productinfo) === null || _fetchProductInfoQuer19 === void 0 || (_fetchProductInfoQuer19 = _fetchProductInfoQuer19.productquantityoptions) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : _fetchProductInfoQuer19.length) - 1 != index ? '1rem' : 0
+          marginBottom: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.productinfo) === null || _fetchProductInfoQuer25 === void 0 || (_fetchProductInfoQuer25 = _fetchProductInfoQuer25.productquantityoptions) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : _fetchProductInfoQuer25.length) - 1 != index ? '1rem' : 0
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "d-flex align-items-center",
@@ -5794,7 +5863,7 @@ var Productinfo = function Productinfo(props) {
     })));
   };
   var StoreInfo = function StoreInfo() {
-    var _fetchProductInfoQuer20, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i6;
+    var _fetchProductInfoQuer26, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i6;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -5841,7 +5910,7 @@ var Productinfo = function Productinfo(props) {
       style: {
         textAlign: langdetect == 'en' ? 'left' : 'right'
       }
-    }, langdetect == 'en' ? sectionproperties.otherinfodesc2en : sectionproperties.otherinfodesc2ar))), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showpricinglist == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.productinfo) === null || _fetchProductInfoQuer20 === void 0 || (_fetchProductInfoQuer20 = _fetchProductInfoQuer20.productquantityoptions) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, langdetect == 'en' ? sectionproperties.otherinfodesc2en : sectionproperties.otherinfodesc2ar))), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showpricinglist == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer26 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.data) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.productinfo) === null || _fetchProductInfoQuer26 === void 0 || (_fetchProductInfoQuer26 = _fetchProductInfoQuer26.productquantityoptions) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : _fetchProductInfoQuer26.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0 mb-4"
     }, getQuantityCondition()), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "".concat(productinfo_cssstyles.storeinfobtn, " ").concat(productinfo_cssstyles.storeinfocontainer) + ' mb-4 col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
@@ -5948,6 +6017,8 @@ var Productinfo = function Productinfo(props) {
     }
   }, fetchProductInfoQueryContext.data.data.productinfo.item_type == 'product' && /*#__PURE__*/React__default["default"].createElement(Product_itemtype, {
     actions: (_ref = {
+      setisoutofstock: setisoutofstock,
+      isoutofstock: isoutofstock,
       returnpolicyobj: returnpolicyobj,
       langdetect: langdetect,
       lang: lang,
@@ -5955,6 +6026,8 @@ var Productinfo = function Productinfo(props) {
     }, _defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), _defineProperty__default["default"](_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty__default["default"](_ref, "addtocartfunc", addtocartfunc), _defineProperty__default["default"](_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty__default["default"](_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty__default["default"](_ref, "productimagesarray", productimagesarray), _defineProperty__default["default"](_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty__default["default"](_ref, "ProductInfoObj", ProductInfoObj), _defineProperty__default["default"](_ref, "sectionproperties", sectionproperties), _defineProperty__default["default"](_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty__default["default"](_ref, "routingcountext", routingcountext), _defineProperty__default["default"](_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty__default["default"](_ref, "authdetailsContext", authdetailsContext), _defineProperty__default["default"](_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty__default["default"](_ref, "variantindexcompleted", variantindexcompleted), _defineProperty__default["default"](_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty__default["default"](_ref, "NotificationManager", NotificationManager), _defineProperty__default["default"](_ref, "GeneralAPIMutationContext", GeneralAPIMutationContext), _defineProperty__default["default"](_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), _defineProperty__default["default"](_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty__default["default"](_ref, "StoreInfoprops", StoreInfo), _defineProperty__default["default"](_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty__default["default"](_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _defineProperty__default["default"](_ref, "templatepropcontext", templatepropcontext), _defineProperty__default["default"](_ref, "ikimagecredcontext", ikimagecredcontext), _defineProperty__default["default"](_ref, "variantindex", variantindex), _defineProperty__default["default"](_ref, "setvariantindex", setvariantindex), _ref)
   }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'service' && /*#__PURE__*/React__default["default"].createElement(Service_itemtype, {
     actions: (_ref2 = {
+      setisoutofstock: setisoutofstock,
+      isoutofstock: isoutofstock,
       returnpolicyobj: returnpolicyobj,
       langdetect: langdetect,
       lang: lang,
@@ -6028,12 +6101,12 @@ var Productinfo = function Productinfo(props) {
     onClick: function onClick() {
       settabname('refundpolicytab');
     }
-  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer21 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.data) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer21 === void 0 || (_fetchProductInfoQuer21 = _fetchProductInfoQuer21.product_videos) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : _fetchProductInfoQuer21.length) != 0 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer32 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.data) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.productinfo) === null || _fetchProductInfoQuer32 === void 0 || (_fetchProductInfoQuer32 = _fetchProductInfoQuer32.product_videos) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : _fetchProductInfoQuer32.length) != 0 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
     label: langdetect == 'en' ? sectionproperties.videostitleen : sectionproperties.videostitlear,
     onClick: function onClick() {
       settabname('videostab');
     }
-  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.productcanrate) == 1 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer33 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.data) === null || _fetchProductInfoQuer33 === void 0 || (_fetchProductInfoQuer33 = _fetchProductInfoQuer33.productinfo) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : _fetchProductInfoQuer33.productcanrate) == 1 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
     label: langdetect == 'en' ? 'Reviews' : 'التقييمات',
     onClick: function onClick() {
       settabname('reviewstab');
@@ -6088,12 +6161,12 @@ var Productinfo = function Productinfo(props) {
     onClick: function onClick() {
       settabname('refundpolicytab');
     }
-  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.data) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.productinfo) === null || _fetchProductInfoQuer23 === void 0 || (_fetchProductInfoQuer23 = _fetchProductInfoQuer23.product_videos) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : _fetchProductInfoQuer23.length) != 0 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer34 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.data) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.productinfo) === null || _fetchProductInfoQuer34 === void 0 || (_fetchProductInfoQuer34 = _fetchProductInfoQuer34.product_videos) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : _fetchProductInfoQuer34.length) != 0 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
     label: langdetect == 'en' ? 'Videos' : 'فيديوهات',
     onClick: function onClick() {
       settabname('videostab');
     }
-  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer24 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.data) === null || _fetchProductInfoQuer24 === void 0 || (_fetchProductInfoQuer24 = _fetchProductInfoQuer24.productinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.productcanrate) == 1 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer35 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer35 === void 0 || (_fetchProductInfoQuer35 = _fetchProductInfoQuer35.data) === null || _fetchProductInfoQuer35 === void 0 || (_fetchProductInfoQuer35 = _fetchProductInfoQuer35.productinfo) === null || _fetchProductInfoQuer35 === void 0 ? void 0 : _fetchProductInfoQuer35.productcanrate) == 1 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
     label: langdetect == 'en' ? 'Reviews' : 'التقييمات',
     onClick: function onClick() {
       settabname('reviewstab');
@@ -8491,6 +8564,7 @@ var Checkout = function Checkout(props) {
   var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
   var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
   var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
+  var Pixel_EventsContext = props.actions.Pixel_EventsContext;
   var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
   var fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
   var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
@@ -8575,6 +8649,7 @@ var Checkout = function Checkout(props) {
         routingcountext(StaticPagesLinksContext.Login);
       }
     }
+    Pixel_EventsContext('InitiateCheckout', {});
   }, [authdetailsContext]);
   var cartinfoupdater = function cartinfoupdater(key, value) {
     var _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14, _fetchcustomercartQue15, _fetchcustomercartQue16, _fetchcustomercartQue17, _fetchcustomercartQue18;
@@ -57224,9 +57299,10 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
         cursor: ((_arrayofobjectimageso = arrayofobjectimagesonly2[0]) === null || _arrayofobjectimageso === void 0 ? void 0 : _arrayofobjectimageso.IsClickableimg) == 'Yes' ? 'pointer' : 'default'
       },
       onClick: function onClick() {
-        if (arrayofobjectimagesonly2[0].IsClickableimg2 == 'Yes') {
-          if (arrayofobjectimagesonly2[0].clickableimg_page_route2 && arrayofobjectimagesonly2[0].clickableimg_page_route2.length != 0) {
-            routingcountext(arrayofobjectimagesonly2[0].clickableimg_page_route2, false, '');
+        if (arrayofobjectimagesonly2[0].IsClickableimg == 'Yes') {
+          if (arrayofobjectimagesonly2[0].clickableimg_page_route != undefined && arrayofobjectimagesonly2[0].clickableimg_page_route.length != 0) {
+            // routingcountext(arrayofobjectimagesonly2[0].clickableimg_page_route, false, '');
+            window.open(arrayofobjectimagesonly2[0].clickableimg_page_route, '_blank');
           } else {
             routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + arrayofobjectimagesonly2[0].Clickableimg_getcoection2);
           }
@@ -57253,9 +57329,10 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
         cursor: ((_arrayofobjectimageso4 = arrayofobjectimagesonly2[1]) === null || _arrayofobjectimageso4 === void 0 ? void 0 : _arrayofobjectimageso4.IsClickableimg) == 'Yes' ? 'pointer' : 'default'
       },
       onClick: function onClick() {
-        if (arrayofobjectimagesonly2[1].IsClickableimg2 == 'Yes') {
-          if (arrayofobjectimagesonly2[1].clickableimg_page_route2 && arrayofobjectimagesonly2[1].clickableimg_page_route2.length != 0) {
-            routingcountext(arrayofobjectimagesonly2[1].clickableimg_page_route2, false, '');
+        if (arrayofobjectimagesonly2[1].IsClickableimg == 'Yes') {
+          if (arrayofobjectimagesonly2[1].clickableimg_page_route != undefined && arrayofobjectimagesonly2[1].clickableimg_page_route.length != 0) {
+            // routingcountext(arrayofobjectimagesonly2[1].clickableimg_page_route, false, '');
+            window.open(arrayofobjectimagesonly2[1].clickableimg_page_route, '_blank');
           } else {
             routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + arrayofobjectimagesonly2[1].Clickableimg_getcoection2);
           }