tabexseriescomponents 0.60.1 → 0.60.3

package/dist/index.cjs.js

@@ -75,7 +75,7 @@ var HiUser = require('@react-icons/all-files/hi/HiUser');
 var GrMail = require('@react-icons/all-files/gr/GrMail');
 var FiCheckCircle = require('@react-icons/all-files/fi/FiCheckCircle');
 var BiPhone = require('@react-icons/all-files/bi/BiPhone');
-var Select$4 = require('react-select');
+var Select$5 = require('react-select');
 var PhoneInput = require('react-phone-input-2');
 require('@mui/system');
 var BsChevronLeft = require('@react-icons/all-files/bs/BsChevronLeft');
@@ -219,7 +219,7 @@ var ReactPlayer__default = /*#__PURE__*/_interopDefaultLegacy(ReactPlayer);
 var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
 var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
 var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
-var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select$4);
+var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select$5);
 var PhoneInput__default = /*#__PURE__*/_interopDefaultLegacy(PhoneInput);
 var ReactPaginate__default = /*#__PURE__*/_interopDefaultLegacy(ReactPaginate);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
@@ -779,8 +779,8 @@ var Imagekitimagecomp = function Imagekitimagecomp(props) {
   })));
 };
 
-function ownKeys$2G(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$2G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2G(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2I(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$2I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2I(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Login = function Login(props) {
   var _css;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -856,7 +856,7 @@ var Login = function Login(props) {
       StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$2G({}, secpropobj));
+      setsectionproperties(_objectSpread$2I({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -1024,9 +1024,9 @@ var Login = function Login(props) {
       className: "".concat(loginstyles2.form_control),
       value: payloadobj.email,
       onChange: function onChange(event) {
-        var temppayloadobj = _objectSpread$2G({}, payloadobj);
+        var temppayloadobj = _objectSpread$2I({}, payloadobj);
         temppayloadobj.email = event.target.value;
-        setpayloadobj(_objectSpread$2G({}, temppayloadobj));
+        setpayloadobj(_objectSpread$2I({}, temppayloadobj));
       },
       style: {
         background: sectionproperties.input_bgcolor
@@ -1048,9 +1048,9 @@ var Login = function Login(props) {
       textplaceholder: "",
       value: payloadobj.password,
       onChange: function onChange(event) {
-        var temppayloadobj = _objectSpread$2G({}, payloadobj);
+        var temppayloadobj = _objectSpread$2I({}, payloadobj);
         temppayloadobj.password = event.target.value;
-        setpayloadobj(_objectSpread$2G({}, temppayloadobj));
+        setpayloadobj(_objectSpread$2I({}, temppayloadobj));
       },
       style: {
         background: sectionproperties.input_bgcolor
@@ -1227,9 +1227,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.email,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2G({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2I({}, forgotpasswordpayload);
       temppayloadobj.email = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2G({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2I({}, temppayloadobj));
     },
     disabled: forgetpasswordstage == 'verify' ? true : false,
     style: {
@@ -1244,9 +1244,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.code,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2G({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2I({}, forgotpasswordpayload);
       temppayloadobj.code = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2G({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2I({}, temppayloadobj));
     },
     style: {
       background: sectionproperties.input_bgcolor
@@ -1260,9 +1260,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.newpassword,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2G({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2I({}, forgotpasswordpayload);
       temppayloadobj.newpassword = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2G({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2I({}, temppayloadobj));
     },
     style: {
       background: sectionproperties.input_bgcolor
@@ -1276,9 +1276,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.confirmnewpassword,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2G({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2I({}, forgotpasswordpayload);
       temppayloadobj.confirmnewpassword = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2G({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2I({}, temppayloadobj));
     },
     style: {
       background: sectionproperties.input_bgcolor
@@ -1290,7 +1290,7 @@ var Login = function Login(props) {
     onClick: function onClick() {
       if (forgotpasswordpayload.email.length != 0) {
         var runfunc = false;
-        var tempforgotpasswordpayload = _objectSpread$2G({}, forgotpasswordpayload);
+        var tempforgotpasswordpayload = _objectSpread$2I({}, forgotpasswordpayload);
         tempforgotpasswordpayload.functype = forgetpasswordstage;
         if (forgetpasswordstage == 'verify') {
           if (tempforgotpasswordpayload.newpassword.length != 0 && tempforgotpasswordpayload.code.length != 0) {
@@ -1341,11 +1341,11 @@ var css_248z$J = "@media screen and (max-width: 800px) {\r\n    .signup-module_r
 var loginstyles = {"rightContainer":"signup-module_rightContainer__yEcoL","rightContainerTrans":"signup-module_rightContainerTrans__fkdBH","rightContainerText":"signup-module_rightContainerText__-pvN-","form_control":"signup-module_form_control__7s76W","anim-shadow":"signup-module_anim-shadow__CsxhG","login_input_icon":"signup-module_login_input_icon__RDTS0","form_control_border_none":"signup-module_form_control_border_none__HjUMS","disabled":"signup-module_disabled__h55ao","leftcontainer":"signup-module_leftcontainer__bqfnN","form_controltextarea":"signup-module_form_controltextarea__-LGz6","checkbox":"signup-module_checkbox__8ejBx","checkbox_label":"signup-module_checkbox_label__d84Q2","checkbox_sub":"signup-module_checkbox_sub__WQLUX","checkboxtranslated":"signup-module_checkboxtranslated__4xHR-","showpassword_input_icon":"signup-module_showpassword_input_icon__cVHRS","showpassword_input_icontrans":"signup-module_showpassword_input_icontrans__vmV5q"};
 styleInject(css_248z$J);
 
-function ownKeys$2F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2F(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2H(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$2H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2H(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var selectcustomStyles = {
   option: function option(provided, state) {
-    return _objectSpread$2F(_objectSpread$2F({}, provided), {}, {
+    return _objectSpread$2H(_objectSpread$2H({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -1374,7 +1374,7 @@ var selectcustomStyles = {
 };
 var selectcustomStylesTranslated = {
   option: function option(provided, state) {
-    return _objectSpread$2F(_objectSpread$2F({}, provided), {}, {
+    return _objectSpread$2H(_objectSpread$2H({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -1403,14 +1403,14 @@ var selectcustomStylesTranslated = {
     };
   },
   placeholder: function placeholder(provided, state) {
-    return _objectSpread$2F(_objectSpread$2F({}, provided), {}, {
+    return _objectSpread$2H(_objectSpread$2H({}, provided), {}, {
       textAlign: 'right'
     });
   }
 };
 var defaultstyles = {
   option: function option(provided, state) {
-    return _objectSpread$2F(_objectSpread$2F({}, provided), {}, {
+    return _objectSpread$2H(_objectSpread$2H({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -1437,21 +1437,21 @@ var defaultstyles = {
     });
   },
   dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$2F(_objectSpread$2F({}, provided), {}, {
+    return _objectSpread$2H(_objectSpread$2H({}, provided), {}, {
       '&:hover': {
         // color: '#eac435',
       }
     });
   },
   placeholder: function placeholder(provided, state) {
-    return _objectSpread$2F(_objectSpread$2F({}, provided), {}, {
+    return _objectSpread$2H(_objectSpread$2H({}, provided), {}, {
       color: '#000000'
     });
   }
 };
 var defaultstylestranslated = {
   option: function option(provided, state) {
-    return _objectSpread$2F(_objectSpread$2F({}, provided), {}, {
+    return _objectSpread$2H(_objectSpread$2H({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -1482,14 +1482,14 @@ var defaultstylestranslated = {
     };
   },
   dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$2F(_objectSpread$2F({}, provided), {}, {
+    return _objectSpread$2H(_objectSpread$2H({}, provided), {}, {
       '&:hover': {
         // color: '#eac435',
       }
     });
   },
   placeholder: function placeholder(provided, state) {
-    return _objectSpread$2F(_objectSpread$2F({}, provided), {}, {
+    return _objectSpread$2H(_objectSpread$2H({}, provided), {}, {
       textAlign: 'right',
       color: '#000000'
     });
@@ -1497,7 +1497,7 @@ var defaultstylestranslated = {
 };
 var defaultstylesnone = {
   option: function option(provided, state) {
-    return _objectSpread$2F(_objectSpread$2F({}, provided), {}, {
+    return _objectSpread$2H(_objectSpread$2H({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -1525,7 +1525,7 @@ var defaultstylesnone = {
     };
   },
   dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$2F(_objectSpread$2F({}, provided), {}, {
+    return _objectSpread$2H(_objectSpread$2H({}, provided), {}, {
       '&:hover': {
         // color: '#eac435',
       }
@@ -1533,7 +1533,7 @@ var defaultstylesnone = {
   }
 };
 
-var Select$3 = /*#__PURE__*/React__default["default"].lazy(function () {
+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) {
@@ -1988,7 +1988,7 @@ var Variantoptions = function Variantoptions(props) {
         width: '100%'
       },
       className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control) + ' variantselectbox '
-    }, /*#__PURE__*/React__default["default"].createElement(Select$3, {
+    }, /*#__PURE__*/React__default["default"].createElement(Select$4, {
       options: orgselectoptions,
       getOptionLabel: function getOptionLabel(option) {
         var crname = '';
@@ -2066,7 +2066,7 @@ var Variantoptions = function Variantoptions(props) {
 };
 
 var ProductExtras = function ProductExtras(props) {
-  var _fetchProductInfoQuer, _fetchProductInfoQuer2;
+  var _fetchProductInfoQuer;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
   var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
@@ -2076,8 +2076,10 @@ var ProductExtras = function ProductExtras(props) {
   props.actions.addtocardpayloadobj;
   props.actions.setaddtocardpayloadobj;
   props.actions;
-  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.productid;
+  var productid = 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.productid;
   // const templatepropcontext = props.actions.templatepropcontext;
+
+  var addtocartfunc = props.addtocartfunc;
   var authdetailsContext = props.actions.authdetailsContext;
   props.actions.productinfo_cssstyles;
   var _useState = React.useState([]),
@@ -2100,9 +2102,20 @@ var ProductExtras = function ProductExtras(props) {
     _useState0 = _slicedToArray__default["default"](_useState9, 2);
     _useState0[0];
     _useState0[1];
+  var _useState1 = React.useState([]),
+    _useState10 = _slicedToArray__default["default"](_useState1, 2),
+    product_prod_extras_array = _useState10[0],
+    setproduct_prod_extras_array = _useState10[1];
   React.useEffect(function () {
     if (fetchProductInfoQueryContext.isSuccess) ;
   }, [filterproductreviews]);
+  React.useEffect(function () {
+    if (fetchProductInfoQueryContext.isSuccess) {
+      var _fetchProductInfoQuer2;
+      var tempprodextraarr = _toConsumableArray__default["default"](fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.product_extras);
+      setproduct_prod_extras_array(_toConsumableArray__default["default"](tempprodextraarr));
+    }
+  }, [fetchProductInfoQueryContext.isSuccess, fetchProductInfoQueryContext.data]);
   var formstyles = {
     input_label_name: glamor.css({
       color: sectionproperties.form_labelcolor,
@@ -2119,7 +2132,7 @@ var ProductExtras = function ProductExtras(props) {
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: 'row w-100 ml-0 mr-0 mt-3'
-  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.product_extras) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.map(function (item, index) {
+  }, product_prod_extras_array === null || product_prod_extras_array === void 0 ? void 0 : product_prod_extras_array.map(function (item, index) {
     var _item$productinfo, _item$productinfo2, _item$productinfo3, _item$productinfo4;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": props.srcfromprops == 'servicestyle2' ? 'col-lg-12 col-sm-12 p-0 mb-3' : 'col-lg-6 col-sm-12 p-0 mb-3'
@@ -2163,7 +2176,32 @@ var ProductExtras = function ProductExtras(props) {
       style: {
         flex: 1
       },
-      "class": "text-black cursor-pointer "
+      "class": "text-black cursor-pointer ",
+      onClick: function onClick() {
+        var _item$productinfo5;
+        var quantity = 0;
+        var tempproduct_prod_extras_array = _toConsumableArray__default["default"](product_prod_extras_array);
+        if (parseFloat(tempproduct_prod_extras_array[index].quantity) <= 0) {
+          quantity = 0;
+        } else {
+          quantity = parseFloat(tempproduct_prod_extras_array[index].quantity);
+        }
+        quantity = quantity - 1;
+        tempproduct_prod_extras_array[index].quantity = quantity;
+        addtocartfunc(false, {
+          functype: 'add',
+          item_type: 'Extras',
+          productid: item === null || item === void 0 || (_item$productinfo5 = item.productinfo) === null || _item$productinfo5 === void 0 ? void 0 : _item$productinfo5.productid,
+          main_ref_productid: productid,
+          variantid: '',
+          quantity: quantity,
+          date: '',
+          time: '',
+          from: '',
+          to: '',
+          extrafields: []
+        });
+      }
     }, /*#__PURE__*/React__default["default"].createElement("i", {
       className: 'h-100 allcentered'
     }, /*#__PURE__*/React__default["default"].createElement(FiMinus.FiMinus, {
@@ -2174,11 +2212,34 @@ var ProductExtras = function ProductExtras(props) {
         flex: 1,
         fontSize: 18
       }
-    }, "0"), /*#__PURE__*/React__default["default"].createElement("span", {
+    }, item === null || item === void 0 ? void 0 : item.quantity), /*#__PURE__*/React__default["default"].createElement("span", {
       style: {
         flex: 1
       },
-      "class": "text-black cursor-pointer "
+      "class": "text-black cursor-pointer ",
+      onClick: function onClick() {
+        var _item$productinfo6;
+        var quantity = 0;
+        var tempproduct_prod_extras_array = _toConsumableArray__default["default"](product_prod_extras_array);
+        if (tempproduct_prod_extras_array[index].quantity != undefined && tempproduct_prod_extras_array[index].quantity != null && tempproduct_prod_extras_array[index].quantity != 0) {
+          quantity = parseFloat(tempproduct_prod_extras_array[index].quantity);
+        }
+        quantity = quantity + 1;
+        tempproduct_prod_extras_array[index].quantity = quantity;
+        addtocartfunc(false, {
+          functype: 'add',
+          item_type: 'Extras',
+          productid: item === null || item === void 0 || (_item$productinfo6 = item.productinfo) === null || _item$productinfo6 === void 0 ? void 0 : _item$productinfo6.productid,
+          main_ref_productid: productid,
+          variantid: '',
+          quantity: quantity,
+          date: '',
+          time: '',
+          from: '',
+          to: '',
+          extrafields: []
+        });
+      }
     }, /*#__PURE__*/React__default["default"].createElement("i", {
       className: 'h-100 allcentered'
     }, /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, {
@@ -2372,8 +2433,8 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
   }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(Math.round(parseInt(fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 ? parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2) : parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2)) * (fetchProductInfoQueryContext.data.data.productinfo.prodaffpercentprofit / 100))).toFixed(0), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))));
 };
 
-function ownKeys$2E(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$2E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2E(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2G(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$2G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2G(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ProductExtraFields = function ProductExtraFields(props) {
   var _fetchProductInfoQuer, _css, _fetchProductInfoQuer2;
   props.actions.lang;
@@ -2428,9 +2489,9 @@ var ProductExtraFields = function ProductExtraFields(props) {
       });
     }
     setproductextravaluesarray(_toConsumableArray__default["default"](tempproductextravaluesarray));
-    var tempaddtocardpayloadobj = _objectSpread$2E({}, addtocardpayloadobj);
+    var tempaddtocardpayloadobj = _objectSpread$2G({}, addtocardpayloadobj);
     tempaddtocardpayloadobj.extrafields = tempproductextravaluesarray;
-    setaddtocardpayloadobj(_objectSpread$2E({}, tempaddtocardpayloadobj));
+    setaddtocardpayloadobj(_objectSpread$2G({}, tempaddtocardpayloadobj));
   };
   var formstyles = {
     input_label_name: glamor.css({
@@ -2663,8 +2724,8 @@ var DescriptionContent = function DescriptionContent(props) {
   })))));
 };
 
-function ownKeys$2D(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$2D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2D(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2F(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AddReview = function AddReview(props) {
   var _css;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -2716,7 +2777,7 @@ var AddReview = function AddReview(props) {
       StatePagePropertiesContext.pageobj != undefined && StatePagePropertiesContext.pageobj.pageproperties != undefined && StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$2D({}, secpropobj));
+      setsectionproperties(_objectSpread$2F({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -2725,7 +2786,7 @@ var AddReview = function AddReview(props) {
     templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$ = templatepropcontext.pagesnprop[pageindexcontext]) === null || _templatepropcontext$ === void 0 || (_templatepropcontext$ = _templatepropcontext$.pageproperties) === null || _templatepropcontext$ === void 0 || _templatepropcontext$.forEach(function (arrayItem, arrayindex) {
       secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
     });
-    setsectionproperties(_objectSpread$2D({}, secpropobj));
+    setsectionproperties(_objectSpread$2F({}, secpropobj));
   }, [pageindexcontext]);
   var reviewstyles = {
     submitreviewbtn: glamor.css({
@@ -2851,9 +2912,9 @@ var AddReview = function AddReview(props) {
     }),
     activeColor: "#ffd700",
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$2D({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$2F({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewrate = event;
-      setreviewpayloadobj(_objectSpread$2D({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$2F({}, tempreviewpayloadobj));
     }
   })))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12"
@@ -2867,9 +2928,9 @@ var AddReview = function AddReview(props) {
     "class": reviewstyles.form_control,
     value: reviewpayloadobj.reviewname,
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$2D({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$2F({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewname = event.target.value;
-      setreviewpayloadobj(_objectSpread$2D({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$2F({}, tempreviewpayloadobj));
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 mb-4"
@@ -2879,9 +2940,9 @@ var AddReview = function AddReview(props) {
     "class": reviewstyles.form_control,
     value: reviewpayloadobj.reviewtitle,
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$2D({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$2F({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewtitle = event.target.value;
-      setreviewpayloadobj(_objectSpread$2D({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$2F({}, tempreviewpayloadobj));
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 mb-4"
@@ -2892,9 +2953,9 @@ var AddReview = function AddReview(props) {
     "class": reviewstyles.form_control + ' form_control ',
     value: reviewpayloadobj.reviewbody,
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$2D({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$2F({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewbody = event.target.value;
-      setreviewpayloadobj(_objectSpread$2D({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$2F({}, tempreviewpayloadobj));
     },
     style: {
       resize: 'none',
@@ -2929,8 +2990,8 @@ var AddReview = function AddReview(props) {
   }, langdetect == 'en' ? sectionproperties.reviewbtn_contenten : sectionproperties.reviewbtn_contentar)));
 };
 
-function ownKeys$2C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2C(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2E(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$2E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2E(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ProductReviews = function ProductReviews(props) {
   var _fetchProductInfoQuer, _fetchProductInfoQuer3, _fetchProductInfoQuer4;
   props.actions.lang;
@@ -3178,7 +3239,7 @@ var ProductReviews = function ProductReviews(props) {
     size: "md",
     "class": "reviewmodal"
   }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement(AddReview, {
-    actions: _objectSpread$2C(_objectSpread$2C({}, actions), {}, {
+    actions: _objectSpread$2E(_objectSpread$2E({}, actions), {}, {
       productid: productid,
       canuserreview: canuserreview,
       addreviewcallback: addreviewcallback
@@ -3186,10 +3247,1009 @@ var ProductReviews = function ProductReviews(props) {
   }))));
 };
 
+function ownKeys$2D(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$2D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2D(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Select$3 = /*#__PURE__*/React__default["default"].lazy(function () {
+  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-select')); });
+});
+var Variantoptions_f_quantity_cond = function Variantoptions_f_quantity_cond(props) {
+  var _css, _ProductInfoObj$data5, _ProductInfoObj$data6, _ProductInfoObj$data7, _ProductInfoObj$data8, _ProductInfoObj$data9, _ProductInfoObj$data0, _ProductInfoObj$data1, _ProductInfoObj$data10, _ProductInfoObj$data11, _ProductInfoObj$data12, _sizeguideimage$;
+  var productinfo_cssstyles = props.actions.productinfo_cssstyles;
+  var lang = props.actions.lang;
+  var langdetect = props.actions.langdetect;
+  var _useState = React.useState([]),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    variantvalueidentifier = _useState2[0],
+    setvariantvalueidentifier = _useState2[1];
+
+  // const variantvalueidentifier = props.actions.variantvalueidentifier;
+  // const selectproductoptionvalue = props.actions.selectproductoptionvalue;
+  // const clearchoosenvaluesbutkeepcurrentvalue = props.actions.clearchoosenvaluesbutkeepcurrentvalue;
+  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
+  // const variant_id_return = props.variant_id_return;
+  var sectionproperties = props.actions.sectionproperties;
+  var ikimagecredcontext = props.actions.ikimagecredcontext;
+  // const ProductInfoObj = props.actions.ProductInfoObj;
+  var _useState3 = React.useState({}),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    ProductInfoObj = _useState4[0],
+    setProductInfoObj = _useState4[1];
+  var _useState5 = React.useState(false),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2);
+    _useState6[0];
+    var setisloaded = _useState6[1];
+  var _useState7 = React.useState(false),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2);
+    _useState8[0];
+    var setisoutofstock = _useState8[1];
+  var _useState9 = React.useState(''),
+    _useState0 = _slicedToArray__default["default"](_useState9, 2);
+    _useState0[0];
+    _useState0[1];
+  var _useState1 = React.useState([]),
+    _useState10 = _slicedToArray__default["default"](_useState1, 2),
+    productimagesarray = _useState10[0];
+    _useState10[1];
+  var _useState11 = React.useState(false),
+    _useState12 = _slicedToArray__default["default"](_useState11, 2),
+    opensizeguidemodal = _useState12[0],
+    setopensizeguidemodal = _useState12[1];
+  var _useState13 = React.useState(''),
+    _useState14 = _slicedToArray__default["default"](_useState13, 2);
+    _useState14[0];
+    var setvariantindex = _useState14[1];
+  var _useState15 = React.useState(''),
+    _useState16 = _slicedToArray__default["default"](_useState15, 2),
+    addtocardpayloadobj = _useState16[0],
+    setaddtocardpayloadobj = _useState16[1];
+  var _useState17 = React.useState(''),
+    _useState18 = _slicedToArray__default["default"](_useState17, 2),
+    variantindexcompleted = _useState18[0],
+    setvariantindexcompleted = _useState18[1];
+  var initializedRef = React__default["default"].useRef(false);
+
+  // const variantindexcompleted = props.actions.variantindexcompleted;
+  var sizeguideimage = props.actions.sizeguideimage;
+  React.useEffect(function () {
+    if (!initializedRef.current && fetchProductInfoQueryContext.isSuccess) {
+      setProductInfoObj(_objectSpread$2D({}, fetchProductInfoQueryContext.data)); // shallow clone
+      initializedRef.current = true; // mark as initialized
+    }
+  }, [fetchProductInfoQueryContext.isSuccess]);
+  var clearchoosenvaluesbutkeepcurrentvalue = function clearchoosenvaluesbutkeepcurrentvalue(optionindex, optionvaluesitem, optionvaluesindex) {
+    var _productarr$data;
+    var productarr = ProductInfoObj;
+    productarr === null || productarr === void 0 || (_productarr$data = productarr.data) === null || _productarr$data === void 0 || (_productarr$data = _productarr$data.productinfo) === null || _productarr$data === void 0 || (_productarr$data = _productarr$data.productoptions) === null || _productarr$data === void 0 || _productarr$data.forEach(function (item, index) {
+      var _item$optionvalues;
+      item.isselected = 0;
+      item === null || item === void 0 || (_item$optionvalues = item.optionvalues) === null || _item$optionvalues === void 0 || _item$optionvalues.forEach(function (valueitem, valueindex) {
+        valueitem.isselected = 0;
+      });
+    });
+    selectproductoptionvalue(optionindex, optionvaluesitem, optionvaluesindex, productarr);
+  };
+  var variantchecker = function variantchecker() {
+    var productarr = ProductInfoObj;
+    if (Object.keys(productarr).length != 0) {
+      var _productarr$data2;
+      if ((productarr === null || productarr === void 0 || (_productarr$data2 = productarr.data) === null || _productarr$data2 === void 0 || (_productarr$data2 = _productarr$data2.productinfo) === null || _productarr$data2 === void 0 ? void 0 : _productarr$data2.hasvariants) == 1) {
+        var selectedoptionsvalues = [];
+        var variantsaccessible = [];
+        productarr.data.productinfo.productoptions.forEach(function (productoptionsitem, productoptionsindex) {
+          productoptionsitem.optionvalues.forEach(function (ProductOptionValuesitem, ProductOptionValuesIndex) {
+            if (ProductOptionValuesitem.isselected == 1) {
+              selectedoptionsvalues.push(ProductOptionValuesitem);
+            }
+          });
+        });
+        if (selectedoptionsvalues.length == 0) {
+          productarr.data.productinfo.variants.forEach(function (ProductVariantItem, ProductVariantIndex) {
+            ProductVariantItem.variantoptions.forEach(function (varinatoptionitem, variantoptionindex) {
+              productarr.data.productinfo.productoptions.forEach(function (productoptionsitem, productoptionsindex) {
+                productoptionsitem.optionvalues.forEach(function (ProductOptionValuesitem, ProductOptionValuesIndex) {
+                  if (ProductOptionValuesitem.valueid == varinatoptionitem.valueid) {
+                    ProductOptionValuesitem.isenabled = 1;
+                  }
+                });
+              });
+            });
+          });
+        } else {
+          productarr.data.productinfo.productoptions.forEach(function (productoptionsitem, productoptionsindex) {
+            productoptionsitem.optionvalues.forEach(function (ProductOptionValuesitem, ProductOptionValuesIndex) {
+              ProductOptionValuesitem.isenabled = 0;
+            });
+          });
+          productarr.data.productinfo.variants.forEach(function (ProductVariantItem, ProductVariantIndex) {
+            var variantcommonvalues = [];
+            ProductVariantItem.variantoptions.forEach(function (varinatoptionitem, variantoptionindex) {
+              selectedoptionsvalues.forEach(function (ProductOptionValuesitem, ProductOptionValuesIndex) {
+                if (ProductOptionValuesitem.optionid == varinatoptionitem.optionid) {
+                  variantcommonvalues.push(varinatoptionitem);
+                }
+              });
+            });
+            var addvariantcount = [];
+            var addvariant = false;
+            selectedoptionsvalues.forEach(function (ProductOptionValuesitem, ProductOptionValuesIndex) {
+              addvariant = false;
+              variantcommonvalues.forEach(function (varinatoptionitem, variantoptionindex) {
+                if (ProductOptionValuesitem.optionid == varinatoptionitem.optionid) {
+                  if (ProductOptionValuesitem.valueid == varinatoptionitem.valueid) {
+                    addvariant = true;
+                  } else {
+                    addvariantcount.push(varinatoptionitem);
+                  }
+                }
+              });
+            });
+            if (addvariant && addvariantcount.length == 0) {
+              variantsaccessible.push(ProductVariantItem);
+            }
+          });
+          variantsaccessible.forEach(function (ProductVariantItem, ProductVariantIndex) {
+            ProductVariantItem.variantoptions.forEach(function (varinatoptionitem, variantoptionindex) {
+              productarr.data.productinfo.productoptions.forEach(function (productoptionsitem, productoptionsindex) {
+                productoptionsitem.optionvalues.forEach(function (ProductOptionValuesitem, ProductOptionValuesIndex) {
+                  if (ProductOptionValuesitem.valueid == varinatoptionitem.valueid) {
+                    ProductOptionValuesitem.isenabled = 1;
+                  }
+                });
+              });
+            });
+          });
+        }
+        // queryClient.setQueryData('fetchProductInfo_API' + JSON.stringify(fetchproductinfoObjContext), productarr);
+        setProductInfoObj(_objectSpread$2D({}, productarr));
+        setisloaded(true);
+      }
+    }
+  };
+  var variantcompleting = function variantcompleting() {
+    props.variant_id_return('');
+    setvariantindexcompleted('');
+    var tempaddtocardpayloadobj = _objectSpread$2D({}, addtocardpayloadobj);
+    tempaddtocardpayloadobj.variantid = '';
+    setaddtocardpayloadobj(_objectSpread$2D({}, tempaddtocardpayloadobj));
+    var productarr = ProductInfoObj;
+    var selectedoptionsvalues = [];
+    productarr.data.productinfo.productoptions.forEach(function (productoptionsitem, productoptionsindex) {
+      productoptionsitem.optionvalues.forEach(function (ProductOptionValuesitem, ProductOptionValuesIndex) {
+        if (ProductOptionValuesitem.isselected == 1) {
+          selectedoptionsvalues.push(ProductOptionValuesitem);
+        }
+      });
+    });
+    productarr.data.productinfo.variants.forEach(function (ProductVariantItem, ProductVariantIndex) {
+      var isvariant = false;
+      var variantnotmatch = [];
+      if (selectedoptionsvalues.length == ProductVariantItem.variantoptions.length) {
+        isvariant = true;
+        ProductVariantItem.variantoptions.forEach(function (varinatoptionitem, variantoptionindex) {
+          selectedoptionsvalues.forEach(function (ProductOptionValuesitem, ProductOptionValuesIndex) {
+            if (ProductOptionValuesitem.optionid == varinatoptionitem.optionid) {
+              if (ProductOptionValuesitem.valueid == varinatoptionitem.valueid) ; else {
+                variantnotmatch.push('s');
+              }
+            }
+          });
+        });
+      }
+      if (variantnotmatch.length == 0 && isvariant == true) {
+        var _ProductInfoObj$data;
+        var variantobj = ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data = ProductInfoObj.data) === null || _ProductInfoObj$data === void 0 || (_ProductInfoObj$data = _ProductInfoObj$data.productinfo) === null || _ProductInfoObj$data === void 0 ? void 0 : _ProductInfoObj$data.variants[ProductVariantIndex];
+        var variantid = '';
+        if (variantobj == undefined) {
+          setisoutofstock(false);
+          NotificationManager.warning('', 'Variant Not Found');
+        } else {
+          variantid = variantobj.variantid;
+          var tempaddtocardpayloadobj = _objectSpread$2D({}, addtocardpayloadobj);
+          tempaddtocardpayloadobj.variantid = variantid;
+          productimagesarray === null || productimagesarray === void 0 || productimagesarray.forEach(function (tempimageitem, tempimageindex) {
+            if (tempimageitem.galleryid == (variantobj === null || variantobj === void 0 ? void 0 : variantobj.variantgalleryid)) ;
+          });
+          if (variantobj.current_quantity <= 0) {
+            setisoutofstock(true);
+          } else {
+            setisoutofstock(false);
+          }
+          props.variant_id_return(variantid);
+          // setvariantsku(variantobj?.sku);
+          // setcurrentshowingimageindex(variantimageindex);
+          setaddtocardpayloadobj(_objectSpread$2D({}, tempaddtocardpayloadobj));
+          setvariantindexcompleted(ProductVariantIndex);
+          setvariantindex(ProductVariantIndex);
+        }
+      }
+    });
+    // queryClient.setQueryData('fetchProductInfo_API' + JSON.stringify(fetchproductinfoObjContext), productarr);
+    setProductInfoObj(_objectSpread$2D({}, productarr));
+  };
+  var selectproductoptionvalue = function selectproductoptionvalue(optionindex, optionvaluesitem, optionvaluesindex, productarrtobepassed) {
+    if (productarrtobepassed == undefined || productarrtobepassed == null) {
+      var productarr = ProductInfoObj;
+    } else {
+      var productarr = productarrtobepassed;
+    }
+    var isselected = productarr.data.productinfo.productoptions[optionindex].optionvalues[optionvaluesindex].isselected;
+    if (isselected == 1) {
+      productarr.data.productinfo.productoptions[optionindex].optionvalues[optionvaluesindex].isselected = 0;
+    } else {
+      productarr.data.productinfo.productoptions[optionindex].optionvalues[optionvaluesindex].isselected = 1;
+    }
+    if (productarr.data.productinfo.productoptions[optionindex].optionname == 'color' || productarr.data.productinfo.productoptions[optionindex].optionname == 'Color' || productarr.data.productinfo.productoptions[optionindex].optionname == 'Colour') {
+      var _productarr$data$prod;
+      setvariantvalueidentifier((_productarr$data$prod = productarr.data.productinfo.productoptions[optionindex].optionvalues[optionvaluesindex]) === null || _productarr$data$prod === void 0 ? void 0 : _productarr$data$prod.value_identifier);
+      var variantImageMatching = null;
+      productarr.data.productinfo.variants.forEach(function (ProductVariantItem, ProductVariantIndex) {
+        ProductVariantItem.variantoptions.forEach(function (varinatoptionitem, variantoptionindex) {
+          if (optionvaluesitem.valueid == varinatoptionitem.valueid) {
+            variantImageMatching = ProductVariantItem;
+          }
+        });
+      });
+      if (variantImageMatching != null) {
+        productimagesarray === null || productimagesarray === void 0 || productimagesarray.forEach(function (tempimageitem, tempimageindex) {
+          var _variantImageMatching;
+          if (tempimageitem.galleryid == ((_variantImageMatching = variantImageMatching) === null || _variantImageMatching === void 0 ? void 0 : _variantImageMatching.variantgalleryid)) ;
+        });
+
+        // setcurrentshowingimageindex(variantimageindex);
+      }
+    }
+    productarr.data.productinfo.productoptions[optionindex].optionvalues.forEach(function (arrayItem, arrayindex) {
+      if (optionvaluesindex != arrayindex) {
+        arrayItem.isselected = 0;
+      }
+    });
+    variantchecker();
+    variantcompleting();
+    setProductInfoObj(_objectSpread$2D({}, productarr));
+  };
+  // productimagesarray
+  var formstyles = {
+    input_label_name: glamor.css({
+      color: sectionproperties.form_labelcolor,
+      textTransform: sectionproperties.form_labeltexttransform,
+      fontWeight: sectionproperties.form_labelfontweight,
+      fontSize: sectionproperties.form_labelfontsize + 'px',
+      marginBottom: sectionproperties.inputfieldbordertype == 'All' ? 10 : 0
+    }),
+    form_control: glamor.css((_css = {
+      background: 'transparent',
+      color: sectionproperties.inputfieldcolor,
+      fontSize: sectionproperties.inputfieldfontsize + 'px',
+      position: 'relative',
+      display: 'flex',
+      alignItems: 'center'
+    }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_css, "display", 'block'), "width", '100%'), "padding", '0 10px'), "transition", '.3s'), "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), "borderRadius", sectionproperties.inputfieldborderradius + 'px'), "height", sectionproperties.inputfieldheight + 'px'), "background", sectionproperties.input_bgcolor), "color", sectionproperties.inputfieldcolor), _defineProperty__default["default"](_defineProperty__default["default"](_css, ':focus', {
+      borderColor: sectionproperties.inputfeildbordercoloronfocus
+    }), ':focus .login_input_icon', {
+      color: sectionproperties.inputfeildbordercoloronfocus
+    }))),
+    sizeguidebtn: glamor.css({
+      color: sectionproperties.sizeguidebtncolor,
+      fontSize: sectionproperties.sizeguidebtnfontsize + 'px',
+      transition: '.3s',
+      textDecoration: 'underline',
+      ':hover': {
+        color: sectionproperties.sizeguidebtncoloronhover,
+        fontWeight: sectionproperties.sizeguidebtnfontweight
+      }
+    }),
+    closemodalbtn: glamor.css({
+      color: sectionproperties.sizeguidebtncolor,
+      transition: '.3s',
+      ':hover': {
+        color: sectionproperties.sizeguidebtncoloronhover
+      }
+    })
+  };
+  var issingleoptionoutofstock = function issingleoptionoutofstock(valueitem) {
+    var _ProductInfoObj$data2;
+    var current_quantity = 0;
+    var isoutofstock = false;
+    if ((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.length) == 1) {
+      var _ProductInfoObj$data3;
+      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.variants) === null || _ProductInfoObj$data3 === void 0 || _ProductInfoObj$data3.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$data4;
+              if ((ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data4 = ProductInfoObj.data) === null || _ProductInfoObj$data4 === void 0 || (_ProductInfoObj$data4 = _ProductInfoObj$data4.productinfo) === null || _ProductInfoObj$data4 === void 0 ? void 0 : _ProductInfoObj$data4.quantavailtype) == 'limit') {
+                isoutofstock = true;
+              }
+            }
+          }
+        });
+      });
+    }
+    return {
+      isoutofstock: isoutofstock,
+      current_quantity: current_quantity
+    };
+  };
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data5 = ProductInfoObj.data) === null || _ProductInfoObj$data5 === void 0 || (_ProductInfoObj$data5 = _ProductInfoObj$data5.productinfo) === null || _ProductInfoObj$data5 === void 0 ? void 0 : _ProductInfoObj$data5.hasvariants) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: props.srcprops == 'reservation' ? 'row mx-0 mt-3 w-100 d-flex align-items-start' : 'row m-0 w-100 d-flex align-items-start'
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.showsizeguidebtn == 'Show' ? 'col-9 p-0' : 'col-lg-12 p-0'
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, sectionproperties.variantstyle == 'Slider' && (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) {
+    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", {
+      className: "row m-0 w-100 d-flex align-items-start"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-12 col-md-12 p-0 d-flex"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      className: ' m-0 p-0 wordbreak',
+      style: {
+        color: sectionproperties.varianttitle_color,
+        fontWeight: sectionproperties.varianttitle_fontweight,
+        textTransform: sectionproperties.varianttitle_texttransform,
+        fontSize: sectionproperties.varianttitle_fontSize + 'px'
+      }
+    }, sectionproperties.showselect == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", null, lang.select), " ", '', " ", langdetect == 'en' ? item.optionname : item.optionname_ar, ":", ' ', item.optionname == 'color' && /*#__PURE__*/React__default["default"].createElement("span", {
+      style: {
+        color: '#62554a'
+      }
+    }, variantvalueidentifier))), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-12 col-md-12 d-flex pb-md-3 justify-content-start align-items-start scrollhorixontalcontainer pt-1",
+      style: {
+        paddingTop: sectionproperties.showRemovebutton == 'Show' ? '1rem' : 0
+      }
+    }, item.optionvalues.map(function (optionvaluesitem, optionvaluesindex) {
+      var isoptionvalueselected = 0;
+      if (optionvaluesitem.isselected == 1) {
+        isoptionvalueselected = 1;
+      } else {
+        isoptionvalueselected = 0;
+      }
+      var isoptionvaluedenabled = 0;
+      if (optionvaluesitem.isenabled == 1) {
+        isoptionvaluedenabled = 1;
+      } else {
+        isoptionvaluedenabled = 0;
+      }
+      if (item.optionname == 'color' || item.optionname == 'Color') {
+        return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show' ? productinfostyles.color_container + ' mr-2 variabttcontainer showcrossiconcolor ' + "".concat(productinfostyles.color_container_active) : productinfostyles.color_container + ' mr-2 variabttcontainer ' + "".concat(productinfostyles.color_container_active)
+          // `${isoptionvalueselected == 1 ? productinfostyles.color_container_active : ''}`
+          ,
+          onClick: function onClick() {
+            // here
+            if (optionvaluesitem.isenabled == 1) {
+              selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
+            } else {
+              clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
+            }
+          },
+          style: {
+            background: optionvaluesitem.valuename,
+            border: isoptionvalueselected == 1 ? '2px solid ' + sectionproperties.activeproductcolor : '1px solid #ccc'
+
+            // borderWidth: isoptionvalueselected == 1 ? '2px' : 0,
+            // 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: 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 (issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show') ; else {
+              if (optionvaluesitem.isenabled == 1) {
+                selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
+              } else {
+                clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
+              }
+            }
+          },
+          style: {
+            // activeproductcolor
+            // cursor:
+            //     issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true &&
+            //     sectionproperties.showoutofstockwithoutselection == 'Show'
+            //         ? 'not-allowed'
+            //         : isoptionvaluedenabled == 1
+            //         ? 'pointer'
+            //         : 'not-allowed',
+            cursor: issingleoptionoutofstock(optionvaluesitem)['isoutofstock'] == true && sectionproperties.showoutofstockwithoutselection == 'Show' ? 'not-allowed' : 'pointer',
+            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 ? '2px solid ' + sectionproperties.activeproductcolor : 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",
+          style: {
+            position: 'absolute',
+            top: '-15px',
+            right: '-5px',
+            width: '3vh',
+            height: '3vh',
+            borderRadius: 100
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("i", {
+          "class": "h-100 allcentered"
+        }, /*#__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.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null && isoptionvalueselected == 1 ? sectionproperties.activeproductcolor : sectionproperties.variantcontainer_color,
+            fontSize: sectionproperties.variantcontainer_fontSize + 'px',
+            fontWeight: 500
+          }
+        }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
+      } else {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: productinfostyles.variant_container + ' mr-2 variabttcontainer allcentered pl-2 pr-2 ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
+          onClick: function onClick() {
+            if (optionvaluesitem.isenabled == 1) {
+              selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
+            } else {
+              clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
+            }
+          },
+          style: {
+            backgroundColor: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null ? sectionproperties.variantcontainer_bgcolor : isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
+            width: 'auto',
+            height: sectionproperties.variantcontainer_height + 'px',
+            borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
+            position: 'relative',
+            // border:
+            //     isoptionvalueselected == 1
+            //         ? '2px solid green'
+            //         : isoptionvaluedenabled == 1
+            //         ? '1px solid ' + sectionproperties.variantcontainerbordercolor
+            //         : '1px solid ' + ' grey ',
+            border: isoptionvalueselected == 1 ? '2px solid ' + sectionproperties.activeproductcolor : '1px solid #ccc'
+          }
+        }, isoptionvalueselected == 1 && sectionproperties.showRemovebutton == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": "m-0 p-0 bg-danger bgdanger-hover",
+          style: {
+            position: 'absolute',
+            top: '-15px',
+            right: '-5px',
+            width: '3vh',
+            height: '3vh',
+            borderRadius: 100
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("i", {
+          "class": "h-100 allcentered"
+        }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, null))), /*#__PURE__*/React__default["default"].createElement("p", {
+          className: 'm-0 p-0 allcentered',
+          style: {
+            fontWeight: 500,
+            // color: sectionproperties.variantcontainer_color,
+            fontSize: sectionproperties.variantcontainer_fontSize + 'px',
+            color: sectionproperties.variantcontainerbordercolor != undefined && sectionproperties.variantcontainerbordercolor != null && isoptionvalueselected == 1 ? sectionproperties.activeproductcolor : sectionproperties.variantcontainer_color
+          }
+        }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
+      }
+    }))));
+  })))), sectionproperties.showsizeguidebtn == 'Show' && sizeguideimage.length != 0 && sectionproperties.sizeguideposition == 'Besides Variants' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-3 text-end"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": formstyles.sizeguidebtn + ' m-0 p-0 cursor-pointer mb-auto ',
+    onClick: function onClick() {
+      setopensizeguidemodal(true);
+    }
+  }, langdetect == 'en' ? sectionproperties.sizeguidecontentenglish : sectionproperties.sizeguidecontentarabic))), langdetect == 'en' && (ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data7 = ProductInfoObj.data) === null || _ProductInfoObj$data7 === void 0 || (_ProductInfoObj$data7 = _ProductInfoObj$data7.productinfo) === null || _ProductInfoObj$data7 === void 0 || (_ProductInfoObj$data7 = _ProductInfoObj$data7.variants[variantindexcompleted]) === null || _ProductInfoObj$data7 === void 0 ? void 0 : _ProductInfoObj$data7.variantdescription_en) && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "my-3 col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: 'm-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      color: '#000000'
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data8 = ProductInfoObj.data) === null || _ProductInfoObj$data8 === void 0 || (_ProductInfoObj$data8 = _ProductInfoObj$data8.productinfo) === null || _ProductInfoObj$data8 === void 0 || (_ProductInfoObj$data8 = _ProductInfoObj$data8.variants[variantindexcompleted]) === null || _ProductInfoObj$data8 === void 0 ? void 0 : _ProductInfoObj$data8.variantdescription_en : ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data9 = ProductInfoObj.data) === null || _ProductInfoObj$data9 === void 0 || (_ProductInfoObj$data9 = _ProductInfoObj$data9.productinfo) === null || _ProductInfoObj$data9 === void 0 || (_ProductInfoObj$data9 = _ProductInfoObj$data9.variants[variantindexcompleted]) === null || _ProductInfoObj$data9 === void 0 ? void 0 : _ProductInfoObj$data9.variantdescription_ar
+    }
+  })), langdetect == 'ar' && (ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data0 = ProductInfoObj.data) === null || _ProductInfoObj$data0 === void 0 || (_ProductInfoObj$data0 = _ProductInfoObj$data0.productinfo) === null || _ProductInfoObj$data0 === void 0 || (_ProductInfoObj$data0 = _ProductInfoObj$data0.variants[variantindexcompleted]) === null || _ProductInfoObj$data0 === void 0 ? void 0 : _ProductInfoObj$data0.variantdescription_ar) && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "my-3 col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: 'm-0 p-0 wordbreak',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      color: '#000000'
+    },
+    dangerouslySetInnerHTML: {
+      __html: langdetect == 'en' ? ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data1 = ProductInfoObj.data) === null || _ProductInfoObj$data1 === void 0 || (_ProductInfoObj$data1 = _ProductInfoObj$data1.productinfo) === null || _ProductInfoObj$data1 === void 0 || (_ProductInfoObj$data1 = _ProductInfoObj$data1.variants[variantindexcompleted]) === null || _ProductInfoObj$data1 === void 0 ? void 0 : _ProductInfoObj$data1.variantdescription_en : ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data10 = ProductInfoObj.data) === null || _ProductInfoObj$data10 === void 0 || (_ProductInfoObj$data10 = _ProductInfoObj$data10.productinfo) === null || _ProductInfoObj$data10 === void 0 || (_ProductInfoObj$data10 = _ProductInfoObj$data10.variants[variantindexcompleted]) === null || _ProductInfoObj$data10 === void 0 ? void 0 : _ProductInfoObj$data10.variantdescription_ar
+    }
+  })), sectionproperties.variantstyle == 'Vertical' && (ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data11 = ProductInfoObj.data) === null || _ProductInfoObj$data11 === void 0 || (_ProductInfoObj$data11 = _ProductInfoObj$data11.productinfo) === null || _ProductInfoObj$data11 === void 0 || (_ProductInfoObj$data11 = _ProductInfoObj$data11.productoptions) === null || _ProductInfoObj$data11 === void 0 ? void 0 : _ProductInfoObj$data11.map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement("ul", {
+      "class": "thwvsf-wrapper-ul"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "row m-0 w-100 d-flex align-items-start mb-2"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-12 col-md-12 p-0 d-flex"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      className: ' m-0 p-0 wordbreak',
+      style: {
+        color: sectionproperties.varianttitle_color,
+        fontWeight: sectionproperties.varianttitle_fontweight,
+        textTransform: sectionproperties.varianttitle_texttransform,
+        fontSize: sectionproperties.varianttitle_fontSize + 'px'
+      }
+    }, sectionproperties.showselect == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", null, lang.select), " ", '', " ", langdetect == 'en' ? item.optionname : item.optionname_ar, ":"))), item.optionvalues.map(function (optionvaluesitem, optionvaluesindex) {
+      var isoptionvalueselected = 0;
+      if (optionvaluesitem.isselected == 1) {
+        isoptionvalueselected = 1;
+      } else {
+        isoptionvalueselected = 0;
+      }
+      var isoptionvaluedenabled = 0;
+      if (optionvaluesitem.isenabled == 1) {
+        isoptionvaluedenabled = 1;
+      } else {
+        isoptionvaluedenabled = 0;
+      }
+      if (item.optionname == 'color' || item.optionname == 'Color') {
+        return /*#__PURE__*/React__default["default"].createElement("li", {
+          style: {
+            width: 'auto'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: productinfostyles.color_container + ' mx-1 mb-2 variabttcontainer ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.color_container_active : ''),
+          onClick: function onClick() {
+            if (optionvaluesitem.isenabled == 1) {
+              selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
+            } else {
+              clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
+            }
+          },
+          style: {
+            background: optionvaluesitem.valuename,
+            opacity: isoptionvaluedenabled == 1 ? 1 : 0.2
+            // cursor: isoptionvaluedenabled == 1 ? 'pointer' : 'not-allowed',
+          }
+        }));
+      } else {
+        // else if (item.optionname == 'size' || item.optionname == 'Size') {
+        return /*#__PURE__*/React__default["default"].createElement("li", {
+          style: {
+            width: 'auto'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "".concat(productinfo_cssstyles.variant_container) + ' mx-1 mb-2 variabttcontainer allcentered px-2 ' + "".concat(isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''),
+          onClick: function onClick() {
+            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',
+            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 '
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          className: 'wordbreak m-0 p-0 d-flex align-items-center justify-content-center',
+          style: {}
+        }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar)));
+      }
+      // else {
+      //     return (
+      //         <li
+      //             style={{
+      //                 width: 'auto',
+      //             }}
+      //         >
+      //             <div
+      //                 className={
+      //                     productinfostyles.variant_container +
+      //                     ' mx-2 mb-2 variabttcontainer allcentered pl-2 pr-2 ' +
+      //                     `${isoptionvalueselected == 1 ? productinfostyles.variant_container_active : ''}`
+      //                 }
+      //                 onClick={() => {
+      //                     if (optionvaluesitem.isenabled == 1) {
+      //                         selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
+      //                     } else {
+      //                         clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
+      //                     }
+      //                 }}
+      //                 style={{
+      //                     backgroundColor: isoptionvalueselected == 1 ? 'green' : isoptionvaluedenabled == 1 ? sectionproperties.variantcontainer_bgcolor : 'grey',
+      //                     width: 'auto',
+      //                     height: sectionproperties.variantcontainer_height + 'px',
+      //                     borderRadius: sectionproperties.variantcontainer_borderBottomLeftRadius + 'px',
+      //                     position: 'relative',
+      //                 }}
+      //             >
+      //                 {isoptionvalueselected == 1 && sectionproperties.showRemovebutton == 'Show' && (
+      //                     <p
+      //                         class="m-0 p-0 bg-danger bgdanger-hover"
+      //                         style={{
+      //                             position: 'absolute',
+      //                             top: '-15px',
+      //                             right: '-5px',
+      //                             width: '3vh',
+      //                             height: '3vh',
+      //                             borderRadius: 100,
+      //                         }}
+      //                     >
+      //                         <i class="h-100 allcentered">
+      //                             <IoMdClose />
+      //                         </i>
+      //                     </p>
+      //                 )}
+      //                 <p
+      //                     className={'m-0 p-0 allcentered'}
+      //                     style={{
+      //                         color: sectionproperties.variantcontainer_color,
+      //                         fontSize: sectionproperties.variantcontainer_fontSize + 'px',
+      //                     }}
+      //                 >
+      //                     {langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar}
+      //                 </p>
+      //             </div>
+      //         </li>
+      //     );
+      // }
+    }));
+  })), sectionproperties.variantstyle == 'Select Box' && (ProductInfoObj === null || ProductInfoObj === void 0 || (_ProductInfoObj$data12 = ProductInfoObj.data) === null || _ProductInfoObj$data12 === void 0 || (_ProductInfoObj$data12 = _ProductInfoObj$data12.productinfo) === null || _ProductInfoObj$data12 === void 0 || (_ProductInfoObj$data12 = _ProductInfoObj$data12.productoptions) === null || _ProductInfoObj$data12 === void 0 ? void 0 : _ProductInfoObj$data12.map(function (item, index) {
+    var orgselectoptions = [];
+    var selecteditemid = null;
+    var placeholdervalue = '';
+    placeholdervalue = 'Choose' + ' ' + (langdetect == 'en' ? item.optionname : item.optionname_ar);
+    if (item.optionvalues != undefined && Array.isArray(item.optionvalues)) {
+      orgselectoptions = item.optionvalues;
+      // optionvaluesitem.isselected
+    }
+    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;
+      }
+    });
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": sectionproperties.numberofcolsperrow == '2' ? 'col-lg-2 col-md-3 col-sm-12 mb-3 p-sm-0' : sectionproperties.numberofcolsperrow == '3' ? ' col-lg-3 col-md-3 col-sm-12 mb-3 p-sm-0' : sectionproperties.numberofcolsperrow == '4' ? 'col-lg-4 col-md-4 col-sm-12 mb-3 p-sm-0' : sectionproperties.numberofcolsperrow == '6' ? 'col-lg-6 col-md-6 col-sm-12 mb-3 p-sm-0' : 'col-lg-12 col-md-12 col-sm-12 mb-3 p-sm-0'
+    }, /*#__PURE__*/React__default["default"].createElement("label", {
+      className: ' d-flex align-items-start mb-2 ',
+      style: {
+        color: sectionproperties.varianttitle_color,
+        fontWeight: sectionproperties.varianttitle_fontweight,
+        textTransform: sectionproperties.varianttitle_texttransform,
+        fontSize: sectionproperties.varianttitle_fontSize + 'px'
+      }
+    }, langdetect == 'en' ? item.optionname : item.optionname_ar), /*#__PURE__*/React__default["default"].createElement("div", {
+      style: {
+        width: '100%'
+      },
+      className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control) + ' variantselectbox '
+    }, /*#__PURE__*/React__default["default"].createElement(Select$3, {
+      options: orgselectoptions,
+      getOptionLabel: function getOptionLabel(option) {
+        var crname = '';
+        if (langdetect == 'en') {
+          crname = option.valuename;
+        } else if (langdetect == 'ar') {
+          crname = option.valuename_ar;
+        }
+        return crname;
+      },
+      getOptionValue: function getOptionValue(option) {
+        return option.valueid;
+      },
+      value: orgselectoptions.filter(function (option) {
+        return option.valueid == selecteditemid;
+      }),
+      onChange: function onChange(optionvaluesitem) {
+        var _orgselectoptions;
+        var optionvaluesindex = null;
+        (_orgselectoptions = orgselectoptions) === null || _orgselectoptions === void 0 || _orgselectoptions.forEach(function (tempitm, tempind) {
+          if (tempitm.valueid == optionvaluesitem.valueid) {
+            optionvaluesindex = tempind;
+          }
+        });
+        if (optionvaluesindex != null) {
+          if (optionvaluesitem.isenabled == 1) {
+            selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
+          } else {
+            clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
+          }
+        }
+      },
+      styles: defaultstylesnone,
+      placeholder: placeholdervalue,
+      isSearchable: true
+    })));
+  }))), sizeguideimage.length != 0 && /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
+    show: opensizeguidemodal,
+    onHide: function onHide() {
+      setopensizeguidemodal(false);
+    },
+    centered: true,
+    size: 'lg'
+  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "allcentered cursor-pointer",
+    onClick: function onClick() {
+      setopensizeguidemodal(false);
+    },
+    style: {
+      position: 'absolute',
+      top: 10,
+      width: 35,
+      height: 35,
+      right: 10
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": ' h-100 allcentered text-black '
+  }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
+    size: 25,
+    "class": formstyles.closemodalbtn
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": ' w-100 h-100 px-4 py-5 ',
+    style: {}
+  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: (_sizeguideimage$ = sizeguideimage[0]) === null || _sizeguideimage$ === void 0 ? void 0 : _sizeguideimage$.original,
+    style: {
+      width: '100%',
+      height: '100%',
+      objectFit: 'contain'
+    },
+    loading: "lazy"
+  }))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
+};
+
+function ownKeys$2C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2C(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ProductQuantityConditions_W_Variants = function ProductQuantityConditions_W_Variants(props) {
+  var _fetchProductInfoQuer, _fetchProductInfoQuer0, _fetchProductInfoQuer1;
+  props.actions.lang;
+  var langdetect = props.actions.langdetect;
+  var authdetailsContext = props.actions.authdetailsContext;
+  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
+  props.actions.GeneralAPIMutationContext;
+  var NotificationManager = props.actions.NotificationManager;
+  props.actions.sectionproperties;
+  props.actions.setaddtocardpayloadobj;
+  props.actions;
+  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.productid;
+  // const templatepropcontext = props.actions.templatepropcontext;
+  var AddtoCartContext = props.actions.AddtoCartContext;
+  var productinfo_cssstyles = props.actions.productinfo_cssstyles;
+  var _useState = React.useState([]),
+    _useState2 = _slicedToArray__default["default"](_useState, 2);
+    _useState2[0];
+    _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2);
+    _useState4[0];
+    _useState4[1];
+  var _useState5 = React.useState(false),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2);
+    _useState6[0];
+    _useState6[1];
+  var _useState7 = React.useState('all'),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2);
+    _useState8[0];
+    _useState8[1];
+  var _useState9 = React.useState([]),
+    _useState0 = _slicedToArray__default["default"](_useState9, 2);
+    _useState0[0];
+    _useState0[1];
+  var _useState1 = React.useState([]),
+    _useState10 = _slicedToArray__default["default"](_useState1, 2);
+    _useState10[0];
+    _useState10[1];
+  var _useState11 = React.useState([]),
+    _useState12 = _slicedToArray__default["default"](_useState11, 2),
+    quantityconditions = _useState12[0],
+    setquantityconditions = _useState12[1];
+  var choosen_variant_ids_Ref = React.useRef([]);
+  var _useState13 = React.useState(null),
+    _useState14 = _slicedToArray__default["default"](_useState13, 2),
+    expandedItem = _useState14[0],
+    setExpandedItem = _useState14[1];
+  var handleChange = function handleChange(uuid) {
+    setExpandedItem(function (prev) {
+      return prev === uuid ? null : uuid;
+    }); // toggle
+  };
+  var handleVariantId = function handleVariantId(index, variantid) {
+    var temp = _toConsumableArray__default["default"](choosen_variant_ids_Ref.current);
+    if (variantid && variantid.trim() !== '') {
+      temp[index] = variantid;
+    } else {
+      temp[index] = null;
+    }
+    choosen_variant_ids_Ref.current = temp;
+    console.log('Current IDs:', choosen_variant_ids_Ref.current);
+  };
+  React.useEffect(function () {
+    if (fetchProductInfoQueryContext.isSuccess) {
+      var _fetchProductInfoQuer2;
+      setquantityconditions((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.productquantityoptions) || []);
+    }
+  }, [fetchProductInfoQueryContext.isSuccess]);
+  var addtocartfunc = function addtocartfunc(forcetocheckout, variantid, quantity) {
+    var _fetchProductInfoQuer3;
+    var addtocardpayloadobj = {
+      functype: 'add',
+      item_type: 'product',
+      productid: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.productid,
+      variantid: variantid,
+      quantity: quantity,
+      date: '',
+      time: '',
+      from: '',
+      to: '',
+      extrafields: []
+    };
+    var runfunc = false;
+    var forcetocheckoutvalue = forcetocheckout;
+    // alert(addtocardpayloadobj.quantity + 'sad');
+    if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
+      var _fetchProductInfoQuer4;
+      if ((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.hasvariants) == 1) {
+        if (variantid.length != 0) {
+          runfunc = true;
+        } else {
+          var _authdetailsContext$i;
+          // here
+          setvariantnotchosendisclaimer('This field is required');
+          NotificationManager.warning('', (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.contactinfo.instid) == '674f0617c7811' ? 'Please Choose Size & Color' : 'Please Choose Product Options');
+        }
+      } else {
+        runfunc = true;
+      }
+    } else {
+      NotificationManager.warning('', 'Please Choose Quantity');
+    }
+    if (runfunc == true) {
+      var _fetchProductInfoQuer5, _fetchProductInfoQuer6;
+      var tempaddtocardpayloadobj = _objectSpread$2C({}, addtocardpayloadobj);
+      tempaddtocardpayloadobj.isproductforcedtocheckout = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.isproductforcedtocheckout;
+      tempaddtocardpayloadobj.vendorid = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer6 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.data) === null || _fetchProductInfoQuer6 === void 0 || (_fetchProductInfoQuer6 = _fetchProductInfoQuer6.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.vendorproviderid;
+      if (forcetocheckoutvalue != undefined) {
+        tempaddtocardpayloadobj.forcetocheckoutvalue = forcetocheckoutvalue;
+      }
+
+      // var finalprice = 0;
+      // if (fetchProductInfoQueryContext?.data?.data?.productinfo?.hassale == 1) {
+      //     finalprice = getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted);
+      // } else {
+      //     finalprice = getprice_discountpriceprops('defaultprice', 0, variantindexcompleted);
+      // }
+      // Pixel_EventsContext('AddToCart', {
+      //     content_ids: [fetchProductInfoQueryContext?.data?.data?.productinfo?.productid],
+      //     content_name: fetchProductInfoQueryContext?.data?.data?.productinfo?.name_en + ' - ' + fetchProductInfoQueryContext?.data?.data?.productinfo?.name_ar,
+      //     content_sku: fetchProductInfoQueryContext?.data?.data?.productinfo?.sku,
+      //     content_type: 'product',
+      //     currency: fetchProductInfoQueryContext?.data?.data?.currencyname_en,
+      //     value: finalprice,
+      //     quantity: addtocardpayloadobj.quantity,
+      // });
+      AddtoCartContext(tempaddtocardpayloadobj);
+    }
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: 'row w-100 ml-0 mr-0'
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: 'row w-100 ml-0 mr-0'
+  }, quantityconditions === null || quantityconditions === void 0 ? void 0 : quantityconditions.map(function (item, index) {
+    var _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9;
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-3 mb-3",
+      style: {
+        border: '3px solid #5f848e',
+        borderRadius: 20
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
+      allowMultipleExpanded: false,
+      allowZeroExpanded: true,
+      preExpanded: expandedItem ? [expandedItem] : []
+    }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
+      uuid: 0
+    }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, {
+      onClick: function onClick() {
+        return handleChange(index);
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      // class="mb-3"
+      style: {
+        color: '#000',
+        fontSize: 25,
+        fontWeight: 700,
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
+    }, "\u0627\u0634\u062A\u0631\u064A ", item.toq, " \u0642\u0637\u0639\u0629 \u0628\u0633\u0639\u0631", ' ', /*#__PURE__*/React__default["default"].createElement("span", {
+      style: {
+        color: '#5f848e'
+      }
+    }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.defaultsaleprice, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), ' ', "\u0628\u062F\u0644\u0627 \u0645\u0646", ' ', /*#__PURE__*/React__default["default"].createElement("span", {
+      style: {
+        color: '#5f848e'
+      }
+    }, (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.defaultsaleprice) - (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.defaultsaleprice) * item.value / 100, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
+      className: "p-0"
+    }, _toConsumableArray__default["default"](Array(item.toq)).map(function (_, index) {
+      return /*#__PURE__*/React__default["default"].createElement(Variantoptions_f_quantity_cond, {
+        key: index,
+        actions: props.actions,
+        variant_id_return: function variant_id_return(id) {
+          return handleVariantId(index, id);
+        }
+      });
+    })))))
+    // <div
+    //     class="col-lg-12 p-3 mb-3"
+    //     style={{
+    //         border: '3px solid #5f848e',
+    //         borderRadius: 20,
+    //     }}
+    // >
+    //     <p
+    //         class="mb-3"
+    //         style={{
+    //             color: '#000',
+    //             fontSize: 25,
+    //             fontWeight: 700,
+    //         }}
+    //     >
+    //         اشتري 1 {item.toq} بسعر كذا بدلا من كذا
+    //         {/* اشتري  طقم بسعر1600جنيه بدل من 1900جنية */}
+    //         {/* buy {item.toq} get {item.value}% free */}
+    //     </p>
+    //     {[...Array(item.toq)].map((_, index) => (
+    //         <Variantoptions_f_quantity_cond key={index} actions={props.actions} variant_id_return={(id) => handleVariantId(index, id)} />
+    //     ))}
+    // </div>
+    ;
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-12 allcentered cursor-pointer mt-3",
+    onClick: function onClick() {
+      var variantIds = choosen_variant_ids_Ref.current || [];
+      var counts = {};
+
+      // Count occurrences of each ID
+      variantIds.forEach(function (id) {
+        if (id != null && id !== '') {
+          counts[id] = (counts[id] || 0) + 1;
+        }
+      });
+
+      // Call addtocartfunc with quantity for each unique ID
+      Object.entries(counts).forEach(function (_ref) {
+        var _ref2 = _slicedToArray__default["default"](_ref, 2),
+          id = _ref2[0],
+          quantity = _ref2[1];
+        addtocartfunc(false, id, quantity);
+      });
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' w-100 m-0 p-0 d-flex align-items-center justify-content-center mb-sm-2 '
+  }, langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer0 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer0 === void 0 || (_fetchProductInfoQuer0 = _fetchProductInfoQuer0.data) === null || _fetchProductInfoQuer0 === void 0 || (_fetchProductInfoQuer0 = _fetchProductInfoQuer0.productinfo) === null || _fetchProductInfoQuer0 === void 0 ? void 0 : _fetchProductInfoQuer0.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer1 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer1 === void 0 || (_fetchProductInfoQuer1 = _fetchProductInfoQuer1.data) === null || _fetchProductInfoQuer1 === void 0 || (_fetchProductInfoQuer1 = _fetchProductInfoQuer1.productinfo) === null || _fetchProductInfoQuer1 === void 0 ? void 0 : _fetchProductInfoQuer1.productactionbuttontext_ar)))));
+};
+
 function ownKeys$2B(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$2B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2B(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Product_itemtype = function Product_itemtype(props) {
-  var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i0, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _authdetailsContext$i1, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _fetchProductInfoQuer72, _fetchProductInfoQuer73, _fetchProductInfoQuer74, _fetchProductInfoQuer75, _fetchProductInfoQuer76, _fetchProductInfoQuer77, _fetchProductInfoQuer79, _fetchProductInfoQuer80, _fetchProductInfoQuer81, _fetchProductInfoQuer82, _fetchProductInfoQuer83, _fetchProductInfoQuer84, _fetchProductInfoQuer85, _fetchProductInfoQuer86, _fetchProductInfoQuer87, _fetchProductInfoQuer88, _fetchProductInfoQuer89, _fetchProductInfoQuer90, _fetchProductInfoQuer91, _fetchProductInfoQuer93, _fetchProductInfoQuer94, _fetchProductInfoQuer95, _fetchProductInfoQuer97, _fetchProductInfoQuer98, _fetchProductInfoQuer99, _fetchProductInfoQuer100, _fetchProductInfoQuer101, _fetchProductInfoQuer102, _fetchProductInfoQuer103, _fetchProductInfoQuer104, _fetchProductInfoQuer105, _returnpolicyobj9, _returnpolicyobj0, _returnpolicyobj1, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _fetchProductInfoQuer106, _fetchProductInfoQuer107, _fetchProductInfoQuer108, _fetchProductInfoQuer109, _fetchProductInfoQuer110, _fetchProductInfoQuer111, _authdetailsContext$i10, _authdetailsContext$i11, _fetchProductInfoQuer112, _fetchProductInfoQuer113, _fetchProductInfoQuer114, _fetchProductInfoQuer115, _fetchProductInfoQuer116, _fetchProductInfoQuer117, _fetchProductInfoQuer118, _fetchProductInfoQuer119, _authdetailsContext$i12, _fetchProductInfoQuer120, _fetchProductInfoQuer121, _fetchProductInfoQuer122, _fetchProductInfoQuer123, _fetchProductInfoQuer124, _fetchProductInfoQuer127, _fetchProductInfoQuer128, _authdetailsContext$i13, _fetchProductInfoQuer129, _fetchProductInfoQuer130, _fetchProductInfoQuer131, _fetchProductInfoQuer132, _fetchProductInfoQuer133, _fetchProductInfoQuer134, _fetchProductInfoQuer135, _fetchProductInfoQuer138, _fetchProductInfoQuer139, _sizeguideimage$, _authdetailsContext$i14, _fetchProductInfoQuer141, _fetchProductInfoQuer142;
+  var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i0, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _authdetailsContext$i1, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _authdetailsContext$i10, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _fetchProductInfoQuer72, _fetchProductInfoQuer73, _fetchProductInfoQuer74, _fetchProductInfoQuer75, _fetchProductInfoQuer76, _fetchProductInfoQuer77, _fetchProductInfoQuer79, _fetchProductInfoQuer80, _fetchProductInfoQuer81, _fetchProductInfoQuer82, _fetchProductInfoQuer83, _fetchProductInfoQuer84, _fetchProductInfoQuer85, _fetchProductInfoQuer86, _fetchProductInfoQuer87, _fetchProductInfoQuer88, _fetchProductInfoQuer89, _fetchProductInfoQuer90, _fetchProductInfoQuer91, _fetchProductInfoQuer93, _fetchProductInfoQuer94, _fetchProductInfoQuer95, _fetchProductInfoQuer97, _fetchProductInfoQuer98, _fetchProductInfoQuer99, _fetchProductInfoQuer100, _fetchProductInfoQuer101, _fetchProductInfoQuer102, _fetchProductInfoQuer103, _fetchProductInfoQuer104, _fetchProductInfoQuer105, _returnpolicyobj9, _returnpolicyobj0, _returnpolicyobj1, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _fetchProductInfoQuer106, _fetchProductInfoQuer107, _fetchProductInfoQuer108, _fetchProductInfoQuer109, _fetchProductInfoQuer110, _fetchProductInfoQuer111, _authdetailsContext$i11, _authdetailsContext$i12, _fetchProductInfoQuer112, _fetchProductInfoQuer113, _fetchProductInfoQuer114, _fetchProductInfoQuer115, _fetchProductInfoQuer116, _fetchProductInfoQuer117, _fetchProductInfoQuer118, _fetchProductInfoQuer119, _authdetailsContext$i13, _fetchProductInfoQuer120, _fetchProductInfoQuer121, _fetchProductInfoQuer122, _fetchProductInfoQuer123, _fetchProductInfoQuer124, _fetchProductInfoQuer127, _fetchProductInfoQuer128, _authdetailsContext$i14, _fetchProductInfoQuer129, _fetchProductInfoQuer130, _fetchProductInfoQuer131, _fetchProductInfoQuer132, _fetchProductInfoQuer133, _fetchProductInfoQuer134, _fetchProductInfoQuer135, _fetchProductInfoQuer138, _fetchProductInfoQuer139, _sizeguideimage$, _authdetailsContext$i15, _fetchProductInfoQuer141, _fetchProductInfoQuer142;
   var lang = props.actions.lang;
   var actions = props.actions;
   var langdetect = props.actions.langdetect;
@@ -3226,6 +4286,7 @@ var Product_itemtype = function Product_itemtype(props) {
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     opensizeguidemodal = _useState2[0],
     setopensizeguidemodal = _useState2[1];
+  props.actions.AddtoCartContext;
   var whatsappUrl = "https://wa.me/".concat(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber, "?text=").concat(sectionproperties.directwabtnmessageen + ' ' + 'https://' + authdetailsContext.instinfo.instcred.instexternaldomain + '/productinform/' + fetchProductInfoQueryContext.data.data.productinfo.productid);
   var whatsappUrl_ar = "https://wa.me/".concat(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.whatsappnumber, "?text=").concat(sectionproperties.directwabtnmessagear + ' ' + 'https://' + authdetailsContext.instinfo.instcred.instexternaldomain + '/productinform/' + fetchProductInfoQueryContext.data.data.productinfo.productid);
   var _useState3 = React.useState(currentshowingimageindex_pro),
@@ -4180,9 +5241,12 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
     actions: props.actions,
     srcfromprops: 'undername'
-  })))), /*#__PURE__*/React__default["default"].createElement(Variantoptions, {
+  })))), /*#__PURE__*/React__default["default"].createElement(ProductQuantityConditions_W_Variants, {
+    actions: props.actions
+  }), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.contactinfo.instid) != '685d6e2b7e2e8' && /*#__PURE__*/React__default["default"].createElement(Variantoptions, {
     actions: props.actions
   }), /*#__PURE__*/React__default["default"].createElement(ProductExtras, {
+    addtocartfunc: addtocartfunc,
     actions: props.actions
   }), sectionproperties.showextrafield == 'Show' && /*#__PURE__*/React__default["default"].createElement(ProductExtraFields, {
     actions: props.actions
@@ -4788,7 +5852,7 @@ var Product_itemtype = function Product_itemtype(props) {
     "class": "my-3"
   })), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 allcentered mt-2"
-  }, ShareButtonsContainer())))))), Object.keys(sectionproperties).length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.contactinfo.instid) == '684fdf3f9e856' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, ShareButtonsContainer())))))), Object.keys(sectionproperties).length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.contactinfo.instid) == '684fdf3f9e856' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-2 pr-md-2 px-1025-1 ',
     style: {
       minHeight: sectionproperties.height + 'vh'
@@ -5892,7 +6956,7 @@ var Product_itemtype = function Product_itemtype(props) {
     "class": "my-3"
   })), sectionproperties.showShareButton == 'Show' && sectionproperties.sharebtnstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 allcentered mt-2"
-  }, ShareButtonsContainer())))))), Object.keys(sectionproperties).length != 0 && sectionproperties.productInformationType == 'Portfolio' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.contactinfo.instid) != '678d1831ef638' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.contactinfo.instid) != '680a0b8a31930' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, ShareButtonsContainer())))))), Object.keys(sectionproperties).length != 0 && sectionproperties.productInformationType == 'Portfolio' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.contactinfo.instid) != '678d1831ef638' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.contactinfo.instid) != '680a0b8a31930' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 ',
     style: {
       minHeight: sectionproperties.height + 'vh',
@@ -6019,7 +7083,7 @@ var Product_itemtype = function Product_itemtype(props) {
     dangerouslySetInnerHTML: {
       __html: langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer118 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer118 === void 0 || (_fetchProductInfoQuer118 = _fetchProductInfoQuer118.data) === null || _fetchProductInfoQuer118 === void 0 || (_fetchProductInfoQuer118 = _fetchProductInfoQuer118.productinfo) === null || _fetchProductInfoQuer118 === void 0 ? void 0 : _fetchProductInfoQuer118.description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer119 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer119 === void 0 || (_fetchProductInfoQuer119 = _fetchProductInfoQuer119.data) === null || _fetchProductInfoQuer119 === void 0 || (_fetchProductInfoQuer119 = _fetchProductInfoQuer119.productinfo) === null || _fetchProductInfoQuer119 === void 0 ? void 0 : _fetchProductInfoQuer119.description_ar
     }
-  }))))), Object.keys(sectionproperties).length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.contactinfo.instid) == '680a0b8a31930' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))))), Object.keys(sectionproperties).length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.contactinfo.instid) == '680a0b8a31930' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-2 pr-md-2 px-0 ',
     style: {
       minHeight: '100vh'
@@ -6286,7 +7350,7 @@ var Product_itemtype = function Product_itemtype(props) {
     width: "20px",
     height: "20px",
     duration: "1s"
-  }))))))))), Object.keys(sectionproperties).length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.contactinfo.instid) == '678d1831ef638' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))))))))), Object.keys(sectionproperties).length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.contactinfo.instid) == '678d1831ef638' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(productinfo_cssstyles.cardcontainer) + ' row ml-0 mr-0 w-100 pl-md-2 pr-md-2 px-0 ',
     style: {
       minHeight: '100vh'
@@ -6665,7 +7729,7 @@ var Product_itemtype = function Product_itemtype(props) {
       objectFit: 'contain'
     },
     loading: "lazy"
-  }))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)), Object.keys(sectionproperties).length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.contactinfo.instid) == '68319d088f13e' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)), Object.keys(sectionproperties).length != 0 && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.contactinfo.instid) == '68319d088f13e' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-12 p-0",
     style: {
       position: 'fixed',
@@ -8442,6 +9506,7 @@ var Service_itemtype = function Service_itemtype(props) {
   }, langdetect == 'en' ? sectionproperties.sizeguidecontentenglish : sectionproperties.sizeguidecontentarabic))), /*#__PURE__*/React__default["default"].createElement(Variantoptions, {
     actions: props.actions
   }), /*#__PURE__*/React__default["default"].createElement(ProductExtras, {
+    addtocartfunc: addtocartfunc,
     actions: props.actions
   }), /*#__PURE__*/React__default["default"].createElement(Serviceinfotabs, {
     actions: {
@@ -8490,6 +9555,7 @@ var Service_itemtype = function Service_itemtype(props) {
     actions: props.actions,
     srcprops: 'reservation'
   }), /*#__PURE__*/React__default["default"].createElement(ProductExtras, {
+    addtocartfunc: addtocartfunc,
     actions: props.actions
   }), /*#__PURE__*/React__default["default"].createElement(Serviceinfotabs, {
     actions: {
@@ -8674,7 +9740,8 @@ var Service_itemtype = function Service_itemtype(props) {
     "class": "col-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("hr", null)), /*#__PURE__*/React__default["default"].createElement(ProductExtras, {
     actions: props.actions,
-    srcfromprops: 'servicestyle2'
+    srcfromprops: 'servicestyle2',
+    addtocartfunc: addtocartfunc
   }), /*#__PURE__*/React__default["default"].createElement(Serviceinfotabs, {
     actions: {
       fetchProductInfoQueryContext: fetchProductInfoQueryContext,
@@ -8918,7 +9985,7 @@ var Article_itemtype = function Article_itemtype(props) {
 function ownKeys$2z(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$2z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Productinfo = function Productinfo(props) {
-  var _css, _fetchProductInfoQuer77, _ref, _fetchProductInfoQuer78, _ref2, _fetchProductInfoQuer79, _ref3, _fetchProductInfoQuer80, _fetchProductInfoQuer81, _fetchProductInfoQuer82, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer83, _fetchProductInfoQuer84, _returnpolicyobj9, _returnpolicyobj0, _returnpolicyobj1, _returnpolicyobj10, _fetchProductInfoQuer85, _fetchProductInfoQuer86, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14;
+  var _css, _fetchProductInfoQuer86, _ref, _fetchProductInfoQuer87, _ref2, _fetchProductInfoQuer88, _ref3, _fetchProductInfoQuer89, _fetchProductInfoQuer90, _fetchProductInfoQuer91, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer92, _fetchProductInfoQuer93, _returnpolicyobj9, _returnpolicyobj0, _returnpolicyobj1, _returnpolicyobj10, _fetchProductInfoQuer94, _fetchProductInfoQuer95, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14;
   var _useState = React.useState({}),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     ProductInfoObj = _useState2[0],
@@ -9538,13 +10605,20 @@ var Productinfo = function Productinfo(props) {
     setProductInfoObj(_objectSpread$2z({}, productarr));
   };
   var addtocartfunc = function addtocartfunc(forcetocheckout) {
+    var addtocartobj_param = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    var addtocartobj_to_be_used = null;
+    if (addtocartobj_param != null) {
+      addtocartobj_to_be_used = addtocartobj_param;
+    } else {
+      addtocartobj_to_be_used = addtocardpayloadobj;
+    }
     var runfunc = false;
     var forcetocheckoutvalue = forcetocheckout;
     // alert(addtocardpayloadobj.quantity + 'sad');
-    if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
+    if (addtocartobj_to_be_used.productid.length != 0 && addtocartobj_to_be_used.quantity > 0) {
       var _fetchProductInfoQuer32;
       if ((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 ? void 0 : _fetchProductInfoQuer32.hasvariants) == 1) {
-        if (addtocardpayloadobj.variantid.length != 0) {
+        if (addtocartobj_to_be_used.variantid.length != 0) {
           runfunc = true;
         } else {
           var _authdetailsContext$i2;
@@ -9560,7 +10634,7 @@ var Productinfo = function Productinfo(props) {
     }
     if (runfunc == true) {
       var _fetchProductInfoQuer33, _fetchProductInfoQuer34;
-      var tempaddtocardpayloadobj = _objectSpread$2z({}, addtocardpayloadobj);
+      var tempaddtocardpayloadobj = _objectSpread$2z({}, addtocartobj_to_be_used);
       tempaddtocardpayloadobj.isproductforcedtocheckout = 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.isproductforcedtocheckout;
       tempaddtocardpayloadobj.vendorid = 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.vendorproviderid;
       if (forcetocheckoutvalue != undefined) {
@@ -9582,19 +10656,19 @@ var Productinfo = function Productinfo(props) {
           content_type: 'product',
           currency: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer40 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer40 === void 0 || (_fetchProductInfoQuer40 = _fetchProductInfoQuer40.data) === null || _fetchProductInfoQuer40 === void 0 ? void 0 : _fetchProductInfoQuer40.currencyname_en,
           value: finalprice,
-          quantity: addtocardpayloadobj.quantity
+          quantity: addtocartobj_to_be_used.quantity
         });
         AddtoCartContext(tempaddtocardpayloadobj);
       }
     }
   };
   var validateextrafields = function validateextrafields() {
-    var _fetchProductInfoQuer41;
+    var _fetchProductInfoQuer50;
     var tempaddtocardpayloadobj = _objectSpread$2z({}, addtocardpayloadobj);
     var status = false;
     var reason = '';
     var missingitemsfound = [];
-    var extrafields = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer41 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer41 === void 0 || (_fetchProductInfoQuer41 = _fetchProductInfoQuer41.data) === null || _fetchProductInfoQuer41 === void 0 || (_fetchProductInfoQuer41 = _fetchProductInfoQuer41.productinfo) === null || _fetchProductInfoQuer41 === void 0 ? void 0 : _fetchProductInfoQuer41.productextrafields;
+    var extrafields = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer50 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer50 === void 0 || (_fetchProductInfoQuer50 = _fetchProductInfoQuer50.data) === null || _fetchProductInfoQuer50 === void 0 || (_fetchProductInfoQuer50 = _fetchProductInfoQuer50.productinfo) === null || _fetchProductInfoQuer50 === void 0 ? void 0 : _fetchProductInfoQuer50.productextrafields;
     if ((extrafields === null || extrafields === void 0 ? void 0 : extrafields.length) == 0) {
       status = true;
     } else {
@@ -9634,9 +10708,9 @@ var Productinfo = function Productinfo(props) {
     };
   };
   var returnpolicyobj = function returnpolicyobj(policytype) {
-    var _authdetailsContext$i3;
+    var _authdetailsContext$i4;
     var policyobj = {};
-    authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instpolicies) === null || _authdetailsContext$i3 === void 0 || _authdetailsContext$i3.forEach(function (item, index) {
+    authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 || (_authdetailsContext$i4 = _authdetailsContext$i4.instpolicies) === null || _authdetailsContext$i4 === void 0 || _authdetailsContext$i4.forEach(function (item, index) {
       if (item.policytype == policytype) {
         policyobj = item;
       }
@@ -9645,7 +10719,7 @@ var Productinfo = function Productinfo(props) {
   };
   var relatedproducts = function relatedproducts() {
     if (Relatedproducts.length != 0) {
-      var _authdetailsContext$i4;
+      var _authdetailsContext$i5;
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "w-100 row ml-0 mr-0 d-flex justify-content-start pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
         style: {
@@ -9687,12 +10761,12 @@ var Productinfo = function Productinfo(props) {
       }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
         transitionBehavior: 'auto',
         wrapperClassName: '',
-        itemClassName: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.contactinfo.instid) == '67dc756de56bd' ? 'scrollmenuclassnameitemrelatedproductkingtut' : 'scrollmenuclassnameitemrelatedproduct',
+        itemClassName: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.contactinfo.instid) == '67dc756de56bd' ? 'scrollmenuclassnameitemrelatedproductkingtut' : 'scrollmenuclassnameitemrelatedproduct',
         scrollContainerClassName: 'scrollmenuclasssubscrollbarrelatedproducts'
       }, Relatedproducts.map(function (item, index) {
         if (item.productinfo != null) {
-          var _fetchProductInfoQuer42;
-          if (item.productid != (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer42 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer42 === void 0 || (_fetchProductInfoQuer42 = _fetchProductInfoQuer42.data) === null || _fetchProductInfoQuer42 === void 0 || (_fetchProductInfoQuer42 = _fetchProductInfoQuer42.productinfo) === null || _fetchProductInfoQuer42 === void 0 ? void 0 : _fetchProductInfoQuer42.productid)) {
+          var _fetchProductInfoQuer51;
+          if (item.productid != (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer51 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer51 === void 0 || (_fetchProductInfoQuer51 = _fetchProductInfoQuer51.data) === null || _fetchProductInfoQuer51 === void 0 || (_fetchProductInfoQuer51 = _fetchProductInfoQuer51.productinfo) === null || _fetchProductInfoQuer51 === void 0 ? void 0 : _fetchProductInfoQuer51.productid)) {
             return /*#__PURE__*/React__default["default"].createElement("div", {
               className: "col-lg-12 mb-3 px-1",
               onClick: function onClick() {
@@ -10267,37 +11341,37 @@ var Productinfo = function Productinfo(props) {
     }
   }));
   var getprice_discountpriceprops = function getprice_discountpriceprops(type, withtotal, variantindexcompleted) {
-    var _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46;
+    var _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _fetchProductInfoQuer55;
     var price = 0;
     var quantity = 0;
     if (addtocardpayloadobj.quantity != undefined && addtocardpayloadobj.quantity != null) {
       quantity = parseFloat(addtocardpayloadobj.quantity);
     }
-    if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer43 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer43 === void 0 || (_fetchProductInfoQuer43 = _fetchProductInfoQuer43.data) === null || _fetchProductInfoQuer43 === void 0 || (_fetchProductInfoQuer43 = _fetchProductInfoQuer43.productinfo) === null || _fetchProductInfoQuer43 === void 0 ? void 0 : _fetchProductInfoQuer43.productquantityoptions) != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer44 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer44 === void 0 || (_fetchProductInfoQuer44 = _fetchProductInfoQuer44.data) === null || _fetchProductInfoQuer44 === void 0 || (_fetchProductInfoQuer44 = _fetchProductInfoQuer44.productinfo) === null || _fetchProductInfoQuer44 === void 0 ? void 0 : _fetchProductInfoQuer44.productquantityoptions) != null && Array.isArray(fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer45 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer45 === void 0 || (_fetchProductInfoQuer45 = _fetchProductInfoQuer45.data) === null || _fetchProductInfoQuer45 === void 0 || (_fetchProductInfoQuer45 = _fetchProductInfoQuer45.productinfo) === null || _fetchProductInfoQuer45 === void 0 ? void 0 : _fetchProductInfoQuer45.productquantityoptions) && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer46 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer46 === void 0 || (_fetchProductInfoQuer46 = _fetchProductInfoQuer46.data) === null || _fetchProductInfoQuer46 === void 0 || (_fetchProductInfoQuer46 = _fetchProductInfoQuer46.productinfo) === null || _fetchProductInfoQuer46 === void 0 || (_fetchProductInfoQuer46 = _fetchProductInfoQuer46.productquantityoptions) === null || _fetchProductInfoQuer46 === void 0 ? void 0 : _fetchProductInfoQuer46.length) != 0) {
-      var _fetchProductInfoQuer47;
-      fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer47 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer47 === void 0 || (_fetchProductInfoQuer47 = _fetchProductInfoQuer47.data) === null || _fetchProductInfoQuer47 === void 0 || (_fetchProductInfoQuer47 = _fetchProductInfoQuer47.productinfo) === null || _fetchProductInfoQuer47 === void 0 ? void 0 : _fetchProductInfoQuer47.productquantityoptions;
+    if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer52 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer52 === void 0 || (_fetchProductInfoQuer52 = _fetchProductInfoQuer52.data) === null || _fetchProductInfoQuer52 === void 0 || (_fetchProductInfoQuer52 = _fetchProductInfoQuer52.productinfo) === null || _fetchProductInfoQuer52 === void 0 ? void 0 : _fetchProductInfoQuer52.productquantityoptions) != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer53 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer53 === void 0 || (_fetchProductInfoQuer53 = _fetchProductInfoQuer53.data) === null || _fetchProductInfoQuer53 === void 0 || (_fetchProductInfoQuer53 = _fetchProductInfoQuer53.productinfo) === null || _fetchProductInfoQuer53 === void 0 ? void 0 : _fetchProductInfoQuer53.productquantityoptions) != null && Array.isArray(fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer54 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer54 === void 0 || (_fetchProductInfoQuer54 = _fetchProductInfoQuer54.data) === null || _fetchProductInfoQuer54 === void 0 || (_fetchProductInfoQuer54 = _fetchProductInfoQuer54.productinfo) === null || _fetchProductInfoQuer54 === void 0 ? void 0 : _fetchProductInfoQuer54.productquantityoptions) && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer55 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer55 === void 0 || (_fetchProductInfoQuer55 = _fetchProductInfoQuer55.data) === null || _fetchProductInfoQuer55 === void 0 || (_fetchProductInfoQuer55 = _fetchProductInfoQuer55.productinfo) === null || _fetchProductInfoQuer55 === void 0 || (_fetchProductInfoQuer55 = _fetchProductInfoQuer55.productquantityoptions) === null || _fetchProductInfoQuer55 === void 0 ? void 0 : _fetchProductInfoQuer55.length) != 0) {
+      var _fetchProductInfoQuer56;
+      fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer56 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer56 === void 0 || (_fetchProductInfoQuer56 = _fetchProductInfoQuer56.data) === null || _fetchProductInfoQuer56 === void 0 || (_fetchProductInfoQuer56 = _fetchProductInfoQuer56.productinfo) === null || _fetchProductInfoQuer56 === void 0 ? void 0 : _fetchProductInfoQuer56.productquantityoptions;
     }
     if (type == 'defaultprice') {
-      var _fetchProductInfoQuer48, _fetchProductInfoQuer49;
-      price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer48 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer48 === void 0 || (_fetchProductInfoQuer48 = _fetchProductInfoQuer48.data) === null || _fetchProductInfoQuer48 === void 0 || (_fetchProductInfoQuer48 = _fetchProductInfoQuer48.productinfo) === null || _fetchProductInfoQuer48 === void 0 ? void 0 : _fetchProductInfoQuer48.defaultprice;
-      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer49 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer49 === void 0 || (_fetchProductInfoQuer49 = _fetchProductInfoQuer49.data) === null || _fetchProductInfoQuer49 === void 0 || (_fetchProductInfoQuer49 = _fetchProductInfoQuer49.productinfo) === null || _fetchProductInfoQuer49 === void 0 ? void 0 : _fetchProductInfoQuer49.hasvariants) == 1) {
+      var _fetchProductInfoQuer57, _fetchProductInfoQuer58;
+      price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer57 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer57 === void 0 || (_fetchProductInfoQuer57 = _fetchProductInfoQuer57.data) === null || _fetchProductInfoQuer57 === void 0 || (_fetchProductInfoQuer57 = _fetchProductInfoQuer57.productinfo) === null || _fetchProductInfoQuer57 === void 0 ? void 0 : _fetchProductInfoQuer57.defaultprice;
+      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer58 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer58 === void 0 || (_fetchProductInfoQuer58 = _fetchProductInfoQuer58.data) === null || _fetchProductInfoQuer58 === void 0 || (_fetchProductInfoQuer58 = _fetchProductInfoQuer58.productinfo) === null || _fetchProductInfoQuer58 === void 0 ? void 0 : _fetchProductInfoQuer58.hasvariants) == 1) {
         if (variantindexcompleted != undefined) {
-          var _fetchProductInfoQuer50;
-          if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer50 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer50 === void 0 || (_fetchProductInfoQuer50 = _fetchProductInfoQuer50.data) === null || _fetchProductInfoQuer50 === void 0 || (_fetchProductInfoQuer50 = _fetchProductInfoQuer50.productinfo) === null || _fetchProductInfoQuer50 === void 0 || (_fetchProductInfoQuer50 = _fetchProductInfoQuer50.variants[variantindexcompleted]) === null || _fetchProductInfoQuer50 === void 0 ? void 0 : _fetchProductInfoQuer50.variantprice) != undefined) {
-            var _fetchProductInfoQuer51;
-            price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer51 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer51 === void 0 || (_fetchProductInfoQuer51 = _fetchProductInfoQuer51.data) === null || _fetchProductInfoQuer51 === void 0 || (_fetchProductInfoQuer51 = _fetchProductInfoQuer51.productinfo) === null || _fetchProductInfoQuer51 === void 0 || (_fetchProductInfoQuer51 = _fetchProductInfoQuer51.variants[variantindexcompleted]) === null || _fetchProductInfoQuer51 === void 0 ? void 0 : _fetchProductInfoQuer51.variantprice;
+          var _fetchProductInfoQuer59;
+          if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer59 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.data) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.productinfo) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.variants[variantindexcompleted]) === null || _fetchProductInfoQuer59 === void 0 ? void 0 : _fetchProductInfoQuer59.variantprice) != undefined) {
+            var _fetchProductInfoQuer60;
+            price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer60 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.data) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.productinfo) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.variants[variantindexcompleted]) === null || _fetchProductInfoQuer60 === void 0 ? void 0 : _fetchProductInfoQuer60.variantprice;
           }
         }
       }
     } else if (type == 'defaultsaleprice') {
-      var _fetchProductInfoQuer52, _fetchProductInfoQuer53;
-      price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer52 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer52 === void 0 || (_fetchProductInfoQuer52 = _fetchProductInfoQuer52.data) === null || _fetchProductInfoQuer52 === void 0 || (_fetchProductInfoQuer52 = _fetchProductInfoQuer52.productinfo) === null || _fetchProductInfoQuer52 === void 0 ? void 0 : _fetchProductInfoQuer52.defaultsaleprice;
-      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer53 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer53 === void 0 || (_fetchProductInfoQuer53 = _fetchProductInfoQuer53.data) === null || _fetchProductInfoQuer53 === void 0 || (_fetchProductInfoQuer53 = _fetchProductInfoQuer53.productinfo) === null || _fetchProductInfoQuer53 === void 0 ? void 0 : _fetchProductInfoQuer53.hasvariants) == 1) {
+      var _fetchProductInfoQuer61, _fetchProductInfoQuer62;
+      price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer61 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer61 === void 0 || (_fetchProductInfoQuer61 = _fetchProductInfoQuer61.data) === null || _fetchProductInfoQuer61 === void 0 || (_fetchProductInfoQuer61 = _fetchProductInfoQuer61.productinfo) === null || _fetchProductInfoQuer61 === void 0 ? void 0 : _fetchProductInfoQuer61.defaultsaleprice;
+      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer62 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.data) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.productinfo) === null || _fetchProductInfoQuer62 === void 0 ? void 0 : _fetchProductInfoQuer62.hasvariants) == 1) {
         if (variantindexcompleted != undefined) {
-          var _fetchProductInfoQuer54;
-          if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer54 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer54 === void 0 || (_fetchProductInfoQuer54 = _fetchProductInfoQuer54.data) === null || _fetchProductInfoQuer54 === void 0 || (_fetchProductInfoQuer54 = _fetchProductInfoQuer54.productinfo) === null || _fetchProductInfoQuer54 === void 0 || (_fetchProductInfoQuer54 = _fetchProductInfoQuer54.variants[variantindexcompleted]) === null || _fetchProductInfoQuer54 === void 0 ? void 0 : _fetchProductInfoQuer54.variantsaleprice) != undefined) {
-            var _fetchProductInfoQuer55;
-            price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer55 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer55 === void 0 || (_fetchProductInfoQuer55 = _fetchProductInfoQuer55.data) === null || _fetchProductInfoQuer55 === void 0 || (_fetchProductInfoQuer55 = _fetchProductInfoQuer55.productinfo) === null || _fetchProductInfoQuer55 === void 0 || (_fetchProductInfoQuer55 = _fetchProductInfoQuer55.variants[variantindexcompleted]) === null || _fetchProductInfoQuer55 === void 0 ? void 0 : _fetchProductInfoQuer55.variantsaleprice;
+          var _fetchProductInfoQuer63;
+          if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer63 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.data) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.productinfo) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.variants[variantindexcompleted]) === null || _fetchProductInfoQuer63 === void 0 ? void 0 : _fetchProductInfoQuer63.variantsaleprice) != undefined) {
+            var _fetchProductInfoQuer64;
+            price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer64 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.data) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.productinfo) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.variants[variantindexcompleted]) === null || _fetchProductInfoQuer64 === void 0 ? void 0 : _fetchProductInfoQuer64.variantsaleprice;
           }
         }
       }
@@ -10334,37 +11408,37 @@ var Productinfo = function Productinfo(props) {
     }
   };
   var getprice_discountpricepropsnormalonly = function getprice_discountpricepropsnormalonly(type, withtotal, variantindexcompleted) {
-    var _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _fetchProductInfoQuer59;
+    var _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67, _fetchProductInfoQuer68;
     var price = 0;
     var quantity = 0;
     if (addtocardpayloadobj.quantity != undefined && addtocardpayloadobj.quantity != null) {
       quantity = parseFloat(addtocardpayloadobj.quantity);
     }
-    if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer56 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer56 === void 0 || (_fetchProductInfoQuer56 = _fetchProductInfoQuer56.data) === null || _fetchProductInfoQuer56 === void 0 || (_fetchProductInfoQuer56 = _fetchProductInfoQuer56.productinfo) === null || _fetchProductInfoQuer56 === void 0 ? void 0 : _fetchProductInfoQuer56.productquantityoptions) != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer57 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer57 === void 0 || (_fetchProductInfoQuer57 = _fetchProductInfoQuer57.data) === null || _fetchProductInfoQuer57 === void 0 || (_fetchProductInfoQuer57 = _fetchProductInfoQuer57.productinfo) === null || _fetchProductInfoQuer57 === void 0 ? void 0 : _fetchProductInfoQuer57.productquantityoptions) != null && Array.isArray(fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer58 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer58 === void 0 || (_fetchProductInfoQuer58 = _fetchProductInfoQuer58.data) === null || _fetchProductInfoQuer58 === void 0 || (_fetchProductInfoQuer58 = _fetchProductInfoQuer58.productinfo) === null || _fetchProductInfoQuer58 === void 0 ? void 0 : _fetchProductInfoQuer58.productquantityoptions) && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer59 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.data) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.productinfo) === null || _fetchProductInfoQuer59 === void 0 || (_fetchProductInfoQuer59 = _fetchProductInfoQuer59.productquantityoptions) === null || _fetchProductInfoQuer59 === void 0 ? void 0 : _fetchProductInfoQuer59.length) != 0) {
-      var _fetchProductInfoQuer60;
-      fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer60 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.data) === null || _fetchProductInfoQuer60 === void 0 || (_fetchProductInfoQuer60 = _fetchProductInfoQuer60.productinfo) === null || _fetchProductInfoQuer60 === void 0 ? void 0 : _fetchProductInfoQuer60.productquantityoptions;
+    if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer65 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer65 === void 0 || (_fetchProductInfoQuer65 = _fetchProductInfoQuer65.data) === null || _fetchProductInfoQuer65 === void 0 || (_fetchProductInfoQuer65 = _fetchProductInfoQuer65.productinfo) === null || _fetchProductInfoQuer65 === void 0 ? void 0 : _fetchProductInfoQuer65.productquantityoptions) != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer66 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer66 === void 0 || (_fetchProductInfoQuer66 = _fetchProductInfoQuer66.data) === null || _fetchProductInfoQuer66 === void 0 || (_fetchProductInfoQuer66 = _fetchProductInfoQuer66.productinfo) === null || _fetchProductInfoQuer66 === void 0 ? void 0 : _fetchProductInfoQuer66.productquantityoptions) != null && Array.isArray(fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer67 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer67 === void 0 || (_fetchProductInfoQuer67 = _fetchProductInfoQuer67.data) === null || _fetchProductInfoQuer67 === void 0 || (_fetchProductInfoQuer67 = _fetchProductInfoQuer67.productinfo) === null || _fetchProductInfoQuer67 === void 0 ? void 0 : _fetchProductInfoQuer67.productquantityoptions) && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer68 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer68 === void 0 || (_fetchProductInfoQuer68 = _fetchProductInfoQuer68.data) === null || _fetchProductInfoQuer68 === void 0 || (_fetchProductInfoQuer68 = _fetchProductInfoQuer68.productinfo) === null || _fetchProductInfoQuer68 === void 0 || (_fetchProductInfoQuer68 = _fetchProductInfoQuer68.productquantityoptions) === null || _fetchProductInfoQuer68 === void 0 ? void 0 : _fetchProductInfoQuer68.length) != 0) {
+      var _fetchProductInfoQuer69;
+      fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer69 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer69 === void 0 || (_fetchProductInfoQuer69 = _fetchProductInfoQuer69.data) === null || _fetchProductInfoQuer69 === void 0 || (_fetchProductInfoQuer69 = _fetchProductInfoQuer69.productinfo) === null || _fetchProductInfoQuer69 === void 0 ? void 0 : _fetchProductInfoQuer69.productquantityoptions;
     }
     if (type == 'defaultprice') {
-      var _fetchProductInfoQuer61, _fetchProductInfoQuer62;
-      price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer61 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer61 === void 0 || (_fetchProductInfoQuer61 = _fetchProductInfoQuer61.data) === null || _fetchProductInfoQuer61 === void 0 || (_fetchProductInfoQuer61 = _fetchProductInfoQuer61.productinfo) === null || _fetchProductInfoQuer61 === void 0 ? void 0 : _fetchProductInfoQuer61.defaultprice;
-      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer62 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.data) === null || _fetchProductInfoQuer62 === void 0 || (_fetchProductInfoQuer62 = _fetchProductInfoQuer62.productinfo) === null || _fetchProductInfoQuer62 === void 0 ? void 0 : _fetchProductInfoQuer62.hasvariants) == 1) {
+      var _fetchProductInfoQuer70, _fetchProductInfoQuer71;
+      price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer70 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer70 === void 0 || (_fetchProductInfoQuer70 = _fetchProductInfoQuer70.data) === null || _fetchProductInfoQuer70 === void 0 || (_fetchProductInfoQuer70 = _fetchProductInfoQuer70.productinfo) === null || _fetchProductInfoQuer70 === void 0 ? void 0 : _fetchProductInfoQuer70.defaultprice;
+      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer71 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer71 === void 0 || (_fetchProductInfoQuer71 = _fetchProductInfoQuer71.data) === null || _fetchProductInfoQuer71 === void 0 || (_fetchProductInfoQuer71 = _fetchProductInfoQuer71.productinfo) === null || _fetchProductInfoQuer71 === void 0 ? void 0 : _fetchProductInfoQuer71.hasvariants) == 1) {
         if (variantindexcompleted != undefined) {
-          var _fetchProductInfoQuer63;
-          if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer63 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.data) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.productinfo) === null || _fetchProductInfoQuer63 === void 0 || (_fetchProductInfoQuer63 = _fetchProductInfoQuer63.variants[variantindexcompleted]) === null || _fetchProductInfoQuer63 === void 0 ? void 0 : _fetchProductInfoQuer63.variantprice) != undefined) {
-            var _fetchProductInfoQuer64;
-            price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer64 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.data) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.productinfo) === null || _fetchProductInfoQuer64 === void 0 || (_fetchProductInfoQuer64 = _fetchProductInfoQuer64.variants[variantindexcompleted]) === null || _fetchProductInfoQuer64 === void 0 ? void 0 : _fetchProductInfoQuer64.variantprice;
+          var _fetchProductInfoQuer72;
+          if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer72 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer72 === void 0 || (_fetchProductInfoQuer72 = _fetchProductInfoQuer72.data) === null || _fetchProductInfoQuer72 === void 0 || (_fetchProductInfoQuer72 = _fetchProductInfoQuer72.productinfo) === null || _fetchProductInfoQuer72 === void 0 || (_fetchProductInfoQuer72 = _fetchProductInfoQuer72.variants[variantindexcompleted]) === null || _fetchProductInfoQuer72 === void 0 ? void 0 : _fetchProductInfoQuer72.variantprice) != undefined) {
+            var _fetchProductInfoQuer73;
+            price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer73 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer73 === void 0 || (_fetchProductInfoQuer73 = _fetchProductInfoQuer73.data) === null || _fetchProductInfoQuer73 === void 0 || (_fetchProductInfoQuer73 = _fetchProductInfoQuer73.productinfo) === null || _fetchProductInfoQuer73 === void 0 || (_fetchProductInfoQuer73 = _fetchProductInfoQuer73.variants[variantindexcompleted]) === null || _fetchProductInfoQuer73 === void 0 ? void 0 : _fetchProductInfoQuer73.variantprice;
           }
         }
       }
     } else if (type == 'defaultsaleprice') {
-      var _fetchProductInfoQuer65, _fetchProductInfoQuer66;
-      price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer65 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer65 === void 0 || (_fetchProductInfoQuer65 = _fetchProductInfoQuer65.data) === null || _fetchProductInfoQuer65 === void 0 || (_fetchProductInfoQuer65 = _fetchProductInfoQuer65.productinfo) === null || _fetchProductInfoQuer65 === void 0 ? void 0 : _fetchProductInfoQuer65.defaultsaleprice;
-      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer66 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer66 === void 0 || (_fetchProductInfoQuer66 = _fetchProductInfoQuer66.data) === null || _fetchProductInfoQuer66 === void 0 || (_fetchProductInfoQuer66 = _fetchProductInfoQuer66.productinfo) === null || _fetchProductInfoQuer66 === void 0 ? void 0 : _fetchProductInfoQuer66.hasvariants) == 1) {
+      var _fetchProductInfoQuer74, _fetchProductInfoQuer75;
+      price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer74 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer74 === void 0 || (_fetchProductInfoQuer74 = _fetchProductInfoQuer74.data) === null || _fetchProductInfoQuer74 === void 0 || (_fetchProductInfoQuer74 = _fetchProductInfoQuer74.productinfo) === null || _fetchProductInfoQuer74 === void 0 ? void 0 : _fetchProductInfoQuer74.defaultsaleprice;
+      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer75 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer75 === void 0 || (_fetchProductInfoQuer75 = _fetchProductInfoQuer75.data) === null || _fetchProductInfoQuer75 === void 0 || (_fetchProductInfoQuer75 = _fetchProductInfoQuer75.productinfo) === null || _fetchProductInfoQuer75 === void 0 ? void 0 : _fetchProductInfoQuer75.hasvariants) == 1) {
         if (variantindexcompleted != undefined) {
-          var _fetchProductInfoQuer67;
-          if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer67 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer67 === void 0 || (_fetchProductInfoQuer67 = _fetchProductInfoQuer67.data) === null || _fetchProductInfoQuer67 === void 0 || (_fetchProductInfoQuer67 = _fetchProductInfoQuer67.productinfo) === null || _fetchProductInfoQuer67 === void 0 || (_fetchProductInfoQuer67 = _fetchProductInfoQuer67.variants[variantindexcompleted]) === null || _fetchProductInfoQuer67 === void 0 ? void 0 : _fetchProductInfoQuer67.variantsaleprice) != undefined) {
-            var _fetchProductInfoQuer68;
-            price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer68 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer68 === void 0 || (_fetchProductInfoQuer68 = _fetchProductInfoQuer68.data) === null || _fetchProductInfoQuer68 === void 0 || (_fetchProductInfoQuer68 = _fetchProductInfoQuer68.productinfo) === null || _fetchProductInfoQuer68 === void 0 || (_fetchProductInfoQuer68 = _fetchProductInfoQuer68.variants[variantindexcompleted]) === null || _fetchProductInfoQuer68 === void 0 ? void 0 : _fetchProductInfoQuer68.variantsaleprice;
+          var _fetchProductInfoQuer76;
+          if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer76 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer76 === void 0 || (_fetchProductInfoQuer76 = _fetchProductInfoQuer76.data) === null || _fetchProductInfoQuer76 === void 0 || (_fetchProductInfoQuer76 = _fetchProductInfoQuer76.productinfo) === null || _fetchProductInfoQuer76 === void 0 || (_fetchProductInfoQuer76 = _fetchProductInfoQuer76.variants[variantindexcompleted]) === null || _fetchProductInfoQuer76 === void 0 ? void 0 : _fetchProductInfoQuer76.variantsaleprice) != undefined) {
+            var _fetchProductInfoQuer77;
+            price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer77 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer77 === void 0 || (_fetchProductInfoQuer77 = _fetchProductInfoQuer77.data) === null || _fetchProductInfoQuer77 === void 0 || (_fetchProductInfoQuer77 = _fetchProductInfoQuer77.productinfo) === null || _fetchProductInfoQuer77 === void 0 || (_fetchProductInfoQuer77 = _fetchProductInfoQuer77.variants[variantindexcompleted]) === null || _fetchProductInfoQuer77 === void 0 ? void 0 : _fetchProductInfoQuer77.variantsaleprice;
           }
         }
       }
@@ -10395,7 +11469,7 @@ var Productinfo = function Productinfo(props) {
     }
   };
   var getQuantityCondition = function getQuantityCondition() {
-    var _fetchProductInfoQuer69;
+    var _fetchProductInfoQuer78;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0",
       style: {
@@ -10425,12 +11499,12 @@ var Productinfo = function Productinfo(props) {
         height: 1,
         background: sectionproperties.pricelisttitlecolor
       }
-    })), fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer69 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer69 === void 0 || (_fetchProductInfoQuer69 = _fetchProductInfoQuer69.data) === null || _fetchProductInfoQuer69 === void 0 || (_fetchProductInfoQuer69 = _fetchProductInfoQuer69.productinfo) === null || _fetchProductInfoQuer69 === void 0 || (_fetchProductInfoQuer69 = _fetchProductInfoQuer69.productquantityoptions) === null || _fetchProductInfoQuer69 === void 0 ? void 0 : _fetchProductInfoQuer69.map(function (item, index) {
-      var _fetchProductInfoQuer70;
+    })), fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer78 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer78 === void 0 || (_fetchProductInfoQuer78 = _fetchProductInfoQuer78.data) === null || _fetchProductInfoQuer78 === void 0 || (_fetchProductInfoQuer78 = _fetchProductInfoQuer78.productinfo) === null || _fetchProductInfoQuer78 === void 0 || (_fetchProductInfoQuer78 = _fetchProductInfoQuer78.productquantityoptions) === null || _fetchProductInfoQuer78 === void 0 ? void 0 : _fetchProductInfoQuer78.map(function (item, index) {
+      var _fetchProductInfoQuer79;
       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 || (_fetchProductInfoQuer70 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer70 === void 0 || (_fetchProductInfoQuer70 = _fetchProductInfoQuer70.data) === null || _fetchProductInfoQuer70 === void 0 || (_fetchProductInfoQuer70 = _fetchProductInfoQuer70.productinfo) === null || _fetchProductInfoQuer70 === void 0 || (_fetchProductInfoQuer70 = _fetchProductInfoQuer70.productquantityoptions) === null || _fetchProductInfoQuer70 === void 0 ? void 0 : _fetchProductInfoQuer70.length) - 1 != index ? '1rem' : 0
+          marginBottom: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer79 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer79 === void 0 || (_fetchProductInfoQuer79 = _fetchProductInfoQuer79.data) === null || _fetchProductInfoQuer79 === void 0 || (_fetchProductInfoQuer79 = _fetchProductInfoQuer79.productinfo) === null || _fetchProductInfoQuer79 === void 0 || (_fetchProductInfoQuer79 = _fetchProductInfoQuer79.productquantityoptions) === null || _fetchProductInfoQuer79 === void 0 ? void 0 : _fetchProductInfoQuer79.length) - 1 != index ? '1rem' : 0
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "d-flex align-items-center",
@@ -10464,7 +11538,7 @@ var Productinfo = function Productinfo(props) {
     })));
   };
   var StoreInfo = function StoreInfo(position) {
-    var _fetchProductInfoQuer71, _authdetailsContext$i6, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _authdetailsContext$i7, _authdetailsContext$i9;
+    var _fetchProductInfoQuer80, _authdetailsContext$i7, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _authdetailsContext$i8, _authdetailsContext$i0;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.storeinformationcontainerborderwidth != 0 ? 'row m-0 w-100 p-3' : 'row m-0 w-100',
       style: {
@@ -10515,7 +11589,7 @@ var Productinfo = function Productinfo(props) {
       style: {
         textAlign: langdetect == 'en' ? 'left' : 'right'
       }
-    }, langdetect == 'en' ? sectionproperties.otherinfodesc2en : sectionproperties.otherinfodesc2ar))), sectionproperties.showpricinglist == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer71 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer71 === void 0 || (_fetchProductInfoQuer71 = _fetchProductInfoQuer71.data) === null || _fetchProductInfoQuer71 === void 0 || (_fetchProductInfoQuer71 = _fetchProductInfoQuer71.productinfo) === null || _fetchProductInfoQuer71 === void 0 || (_fetchProductInfoQuer71 = _fetchProductInfoQuer71.productquantityoptions) === null || _fetchProductInfoQuer71 === void 0 ? void 0 : _fetchProductInfoQuer71.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, langdetect == 'en' ? sectionproperties.otherinfodesc2en : sectionproperties.otherinfodesc2ar))), sectionproperties.showpricinglist == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer80 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer80 === void 0 || (_fetchProductInfoQuer80 = _fetchProductInfoQuer80.data) === null || _fetchProductInfoQuer80 === void 0 || (_fetchProductInfoQuer80 = _fetchProductInfoQuer80.productinfo) === null || _fetchProductInfoQuer80 === void 0 || (_fetchProductInfoQuer80 = _fetchProductInfoQuer80.productquantityoptions) === null || _fetchProductInfoQuer80 === void 0 ? void 0 : _fetchProductInfoQuer80.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) + ' mt-4 col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
@@ -10543,8 +11617,8 @@ var Productinfo = function Productinfo(props) {
     }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber))), sectionproperties.showfooteremail == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "".concat(productinfo_cssstyles.storeinfobtn, " ").concat(productinfo_cssstyles.storeinfocontainer) + ' mb-t col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
       onClick: function onClick() {
-        var _authdetailsContext$i5;
-        window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 || (_authdetailsContext$i5 = _authdetailsContext$i5.contactinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.email), '_self');
+        var _authdetailsContext$i6;
+        window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 || (_authdetailsContext$i6 = _authdetailsContext$i6.contactinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.email), '_self');
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": productinfo_cssstyles.iconContainer + ' iconContainer '
@@ -10564,7 +11638,7 @@ var Productinfo = function Productinfo(props) {
       style: {
         textAlign: langdetect == 'en' ? 'left' : 'right'
       }
-    }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 || (_authdetailsContext$i6 = _authdetailsContext$i6.contactinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.email))), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 || (_authdetailsContext$i7 = _authdetailsContext$i7.contactinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.email))), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 my-2",
       style: {
         display: sectionproperties.showfirstpolicy_storeinfo == 'Hide' && sectionproperties.showsecondpolicy_storeinfo == 'Hide' ? 'none' : 'block'
@@ -10616,25 +11690,25 @@ var Productinfo = function Productinfo(props) {
       }
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": "m-0 p-0"
-    }, langdetect == 'en' ? sectionproperties.phonetitle_en : sectionproperties.phonetitle_ar))), sectionproperties.showfooteremail == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 || (_authdetailsContext$i7 = _authdetailsContext$i7.contactinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.email) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, langdetect == 'en' ? sectionproperties.phonetitle_en : sectionproperties.phonetitle_ar))), sectionproperties.showfooteremail == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 || (_authdetailsContext$i8 = _authdetailsContext$i8.contactinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.email) != null && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": position == 'belowinfo' ? 'col-lg-12 allcentered mb-2 p-0' : 'col-lg-12 allcentered mb-2 p-sm-0'
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
       onClick: function onClick() {
-        var _authdetailsContext$i8;
-        window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 || (_authdetailsContext$i8 = _authdetailsContext$i8.contactinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.email), '_self');
+        var _authdetailsContext$i9;
+        window.open('mailto:' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 || (_authdetailsContext$i9 = _authdetailsContext$i9.contactinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.email), '_self');
       }
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": "m-0 p-0"
-    }, langdetect == 'en' ? sectionproperties.emailtitle_en : sectionproperties.emailtitle_ar))), sectionproperties.showwhatsapp == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, langdetect == 'en' ? sectionproperties.emailtitle_en : sectionproperties.emailtitle_ar))), sectionproperties.showwhatsapp == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": position == 'belowinfo' ? 'col-lg-12 allcentered mb-2 p-0' : 'col-lg-12 allcentered mb-2 p-sm-0'
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
       onClick: function onClick() {
-        var _authdetailsContext$i0;
-        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.whatsappnumber) != null) {
-          var _authdetailsContext$i1;
-          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.whatsappnumber), '_blank');
+        var _authdetailsContext$i1;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.whatsappnumber) != null) {
+          var _authdetailsContext$i10;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.whatsappnumber), '_blank');
         }
       }
     }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -10708,8 +11782,9 @@ var Productinfo = function Productinfo(props) {
       paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
       paddingRight: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
     }
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer77 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer77 === void 0 || (_fetchProductInfoQuer77 = _fetchProductInfoQuer77.data) === null || _fetchProductInfoQuer77 === void 0 || (_fetchProductInfoQuer77 = _fetchProductInfoQuer77.productinfo) === null || _fetchProductInfoQuer77 === void 0 ? void 0 : _fetchProductInfoQuer77.item_type) == 'product' && /*#__PURE__*/React__default["default"].createElement(Product_itemtype, {
+  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer86 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer86 === void 0 || (_fetchProductInfoQuer86 = _fetchProductInfoQuer86.data) === null || _fetchProductInfoQuer86 === void 0 || (_fetchProductInfoQuer86 = _fetchProductInfoQuer86.productinfo) === null || _fetchProductInfoQuer86 === void 0 ? void 0 : _fetchProductInfoQuer86.item_type) == 'product' && /*#__PURE__*/React__default["default"].createElement(Product_itemtype, {
     actions: (_ref = {
+      AddtoCartContext: AddtoCartContext,
       variantnotchosendisclaimer: variantnotchosendisclaimer,
       setisoutofstock: setisoutofstock,
       isoutofstock: isoutofstock,
@@ -10718,7 +11793,7 @@ var Productinfo = function Productinfo(props) {
       lang: lang,
       srcfromprops: props.srcfromprops
     }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "ProductInfoObj", ProductInfoObj), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "variantindexcompleted", variantindexcompleted), "StaticPagesLinksContext", StaticPagesLinksContext), "NotificationManager", NotificationManager), "GeneralAPIMutationContext", GeneralAPIMutationContext), "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "relatedproducts", relatedproducts), "getprice_discountpriceprops", getprice_discountpriceprops), "getprice_discountpricepropsnormalonly", getprice_discountpricepropsnormalonly), "StoreInfoprops", StoreInfo), "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "variantindex", variantindex), "setvariantindex", setvariantindex), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref, "variantsku", variantsku), "variantvalueidentifier", variantvalueidentifier), "sizeguideimage", sizeguideimage), "setopensizeguidemodal", setopensizeguidemodal))
-  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer78 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer78 === void 0 || (_fetchProductInfoQuer78 = _fetchProductInfoQuer78.data) === null || _fetchProductInfoQuer78 === void 0 || (_fetchProductInfoQuer78 = _fetchProductInfoQuer78.productinfo) === null || _fetchProductInfoQuer78 === void 0 ? void 0 : _fetchProductInfoQuer78.item_type) == 'Article' && /*#__PURE__*/React__default["default"].createElement(Article_itemtype, {
+  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer87 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer87 === void 0 || (_fetchProductInfoQuer87 = _fetchProductInfoQuer87.data) === null || _fetchProductInfoQuer87 === void 0 || (_fetchProductInfoQuer87 = _fetchProductInfoQuer87.productinfo) === null || _fetchProductInfoQuer87 === void 0 ? void 0 : _fetchProductInfoQuer87.item_type) == 'Article' && /*#__PURE__*/React__default["default"].createElement(Article_itemtype, {
     actions: (_ref2 = {
       variantnotchosendisclaimer: variantnotchosendisclaimer,
       setisoutofstock: setisoutofstock,
@@ -10728,7 +11803,7 @@ var Productinfo = function Productinfo(props) {
       lang: lang,
       srcfromprops: props.srcfromprops
     }, _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref2, "returnpolicyobj", returnpolicyobj), "productinfo_cssstyles", productinfo_cssstyles), "addtocartfunc", addtocartfunc), "selectproductoptionvalue", selectproductoptionvalue), "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), "productimagesarray", productimagesarray), "fetchProductInfoQueryContext", fetchProductInfoQueryContext), "ProductInfoObj", ProductInfoObj), "sectionproperties", sectionproperties), "addtocardpayloadobj", addtocardpayloadobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref2, "setaddtocardpayloadobj", setaddtocardpayloadobj), "routingcountext", routingcountext), "AddtoCartMutationContext", AddtoCartMutationContext), "authdetailsContext", authdetailsContext), "addtofavoritescontext", addtofavoritescontext), "variantindexcompleted", variantindexcompleted), "StaticPagesLinksContext", StaticPagesLinksContext), "NotificationManager", NotificationManager), "GeneralAPIMutationContext", GeneralAPIMutationContext), "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_ref2, "relatedproducts", relatedproducts), "getprice_discountpriceprops", getprice_discountpriceprops), "StoreInfoprops", StoreInfo), "currentshowingimageindex", currentshowingimageindex), "setcurrentshowingimageindex", setcurrentshowingimageindex), "templatepropcontext", templatepropcontext), "ikimagecredcontext", ikimagecredcontext), "variantindex", variantindex), "setvariantindex", setvariantindex), "variantsku", variantsku), _defineProperty__default["default"](_ref2, "variantvalueidentifier", variantvalueidentifier))
-  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer79 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer79 === void 0 || (_fetchProductInfoQuer79 = _fetchProductInfoQuer79.data) === null || _fetchProductInfoQuer79 === void 0 || (_fetchProductInfoQuer79 = _fetchProductInfoQuer79.productinfo) === null || _fetchProductInfoQuer79 === void 0 ? void 0 : _fetchProductInfoQuer79.item_type) == 'service' && /*#__PURE__*/React__default["default"].createElement(Service_itemtype, {
+  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer88 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer88 === void 0 || (_fetchProductInfoQuer88 = _fetchProductInfoQuer88.data) === null || _fetchProductInfoQuer88 === void 0 || (_fetchProductInfoQuer88 = _fetchProductInfoQuer88.productinfo) === null || _fetchProductInfoQuer88 === void 0 ? void 0 : _fetchProductInfoQuer88.item_type) == 'service' && /*#__PURE__*/React__default["default"].createElement(Service_itemtype, {
     actions: (_ref3 = {
       variantnotchosendisclaimer: variantnotchosendisclaimer,
       variantsku: variantsku,
@@ -10744,7 +11819,7 @@ var Productinfo = function Productinfo(props) {
     style: {
       paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
       paddingRight: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0,
-      display: sectionproperties.showfirstpolicy == 'Hide' && sectionproperties.showsecondpolicy == 'Hide' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer80 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer80 === void 0 || (_fetchProductInfoQuer80 = _fetchProductInfoQuer80.data) === null || _fetchProductInfoQuer80 === void 0 || (_fetchProductInfoQuer80 = _fetchProductInfoQuer80.productinfo) === null || _fetchProductInfoQuer80 === void 0 || (_fetchProductInfoQuer80 = _fetchProductInfoQuer80.product_videos) === null || _fetchProductInfoQuer80 === void 0 ? void 0 : _fetchProductInfoQuer80.length) != 0 ? 'flex' : (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer81 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer81 === void 0 || (_fetchProductInfoQuer81 = _fetchProductInfoQuer81.data) === null || _fetchProductInfoQuer81 === void 0 || (_fetchProductInfoQuer81 = _fetchProductInfoQuer81.productinfo) === null || _fetchProductInfoQuer81 === void 0 ? void 0 : _fetchProductInfoQuer81.productcanrate) == 1 ? 'flex' : sectionproperties.showfirstpolicy == 'Hide' && sectionproperties.showsecondpolicy == 'Hide' ? 'none' : sectionproperties.showfirstpolicy == 'Hide' && sectionproperties.showsecondpolicy == 'Hide' && sectionproperties.descriptionposition != 'Bottom' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer82 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer82 === void 0 || (_fetchProductInfoQuer82 = _fetchProductInfoQuer82.data) === null || _fetchProductInfoQuer82 === void 0 || (_fetchProductInfoQuer82 = _fetchProductInfoQuer82.productinfo) === null || _fetchProductInfoQuer82 === void 0 || (_fetchProductInfoQuer82 = _fetchProductInfoQuer82.product_videos) === null || _fetchProductInfoQuer82 === void 0 ? void 0 : _fetchProductInfoQuer82.length) == 0 ? 'none' : 'flex'
+      display: sectionproperties.showfirstpolicy == 'Hide' && sectionproperties.showsecondpolicy == 'Hide' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer89 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer89 === void 0 || (_fetchProductInfoQuer89 = _fetchProductInfoQuer89.data) === null || _fetchProductInfoQuer89 === void 0 || (_fetchProductInfoQuer89 = _fetchProductInfoQuer89.productinfo) === null || _fetchProductInfoQuer89 === void 0 || (_fetchProductInfoQuer89 = _fetchProductInfoQuer89.product_videos) === null || _fetchProductInfoQuer89 === void 0 ? void 0 : _fetchProductInfoQuer89.length) != 0 ? 'flex' : (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer90 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer90 === void 0 || (_fetchProductInfoQuer90 = _fetchProductInfoQuer90.data) === null || _fetchProductInfoQuer90 === void 0 || (_fetchProductInfoQuer90 = _fetchProductInfoQuer90.productinfo) === null || _fetchProductInfoQuer90 === void 0 ? void 0 : _fetchProductInfoQuer90.productcanrate) == 1 ? 'flex' : sectionproperties.showfirstpolicy == 'Hide' && sectionproperties.showsecondpolicy == 'Hide' ? 'none' : sectionproperties.showfirstpolicy == 'Hide' && sectionproperties.showsecondpolicy == 'Hide' && sectionproperties.descriptionposition != 'Bottom' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer91 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer91 === void 0 || (_fetchProductInfoQuer91 = _fetchProductInfoQuer91.data) === null || _fetchProductInfoQuer91 === void 0 || (_fetchProductInfoQuer91 = _fetchProductInfoQuer91.productinfo) === null || _fetchProductInfoQuer91 === void 0 || (_fetchProductInfoQuer91 = _fetchProductInfoQuer91.product_videos) === null || _fetchProductInfoQuer91 === void 0 ? void 0 : _fetchProductInfoQuer91.length) == 0 ? 'none' : 'flex'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(productinfo_cssstyles.cardcontainer) + ' ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
@@ -10806,12 +11881,12 @@ var Productinfo = function Productinfo(props) {
     onClick: function onClick() {
       settabname('refundpolicytab');
     }
-  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer83 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer83 === void 0 || (_fetchProductInfoQuer83 = _fetchProductInfoQuer83.data) === null || _fetchProductInfoQuer83 === void 0 || (_fetchProductInfoQuer83 = _fetchProductInfoQuer83.productinfo) === null || _fetchProductInfoQuer83 === void 0 || (_fetchProductInfoQuer83 = _fetchProductInfoQuer83.product_videos) === null || _fetchProductInfoQuer83 === void 0 ? void 0 : _fetchProductInfoQuer83.length) != 0 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer92 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer92 === void 0 || (_fetchProductInfoQuer92 = _fetchProductInfoQuer92.data) === null || _fetchProductInfoQuer92 === void 0 || (_fetchProductInfoQuer92 = _fetchProductInfoQuer92.productinfo) === null || _fetchProductInfoQuer92 === void 0 || (_fetchProductInfoQuer92 = _fetchProductInfoQuer92.product_videos) === null || _fetchProductInfoQuer92 === void 0 ? void 0 : _fetchProductInfoQuer92.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 || (_fetchProductInfoQuer84 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer84 === void 0 || (_fetchProductInfoQuer84 = _fetchProductInfoQuer84.data) === null || _fetchProductInfoQuer84 === void 0 || (_fetchProductInfoQuer84 = _fetchProductInfoQuer84.productinfo) === null || _fetchProductInfoQuer84 === void 0 ? void 0 : _fetchProductInfoQuer84.productcanrate) == 1 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer93 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer93 === void 0 || (_fetchProductInfoQuer93 = _fetchProductInfoQuer93.data) === null || _fetchProductInfoQuer93 === void 0 || (_fetchProductInfoQuer93 = _fetchProductInfoQuer93.productinfo) === null || _fetchProductInfoQuer93 === void 0 ? void 0 : _fetchProductInfoQuer93.productcanrate) == 1 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
     label: langdetect == 'en' ? 'Reviews' : 'التقييمات',
     onClick: function onClick() {
       settabname('reviewstab');
@@ -10865,12 +11940,12 @@ var Productinfo = function Productinfo(props) {
     onClick: function onClick() {
       settabname('refundpolicytab');
     }
-  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer85 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer85 === void 0 || (_fetchProductInfoQuer85 = _fetchProductInfoQuer85.data) === null || _fetchProductInfoQuer85 === void 0 || (_fetchProductInfoQuer85 = _fetchProductInfoQuer85.productinfo) === null || _fetchProductInfoQuer85 === void 0 || (_fetchProductInfoQuer85 = _fetchProductInfoQuer85.product_videos) === null || _fetchProductInfoQuer85 === void 0 ? void 0 : _fetchProductInfoQuer85.length) != 0 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer94 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer94 === void 0 || (_fetchProductInfoQuer94 = _fetchProductInfoQuer94.data) === null || _fetchProductInfoQuer94 === void 0 || (_fetchProductInfoQuer94 = _fetchProductInfoQuer94.productinfo) === null || _fetchProductInfoQuer94 === void 0 || (_fetchProductInfoQuer94 = _fetchProductInfoQuer94.product_videos) === null || _fetchProductInfoQuer94 === void 0 ? void 0 : _fetchProductInfoQuer94.length) != 0 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
     label: langdetect == 'en' ? 'Videos' : 'فيديوهات',
     onClick: function onClick() {
       settabname('videostab');
     }
-  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer86 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer86 === void 0 || (_fetchProductInfoQuer86 = _fetchProductInfoQuer86.data) === null || _fetchProductInfoQuer86 === void 0 || (_fetchProductInfoQuer86 = _fetchProductInfoQuer86.productinfo) === null || _fetchProductInfoQuer86 === void 0 ? void 0 : _fetchProductInfoQuer86.productcanrate) == 1 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer95 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer95 === void 0 || (_fetchProductInfoQuer95 = _fetchProductInfoQuer95.data) === null || _fetchProductInfoQuer95 === void 0 || (_fetchProductInfoQuer95 = _fetchProductInfoQuer95.productinfo) === null || _fetchProductInfoQuer95 === void 0 ? void 0 : _fetchProductInfoQuer95.productcanrate) == 1 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
     label: langdetect == 'en' ? 'Reviews' : 'التقييمات',
     onClick: function onClick() {
       settabname('reviewstab');
@@ -11146,13 +12221,10 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
   }))))));
 };
 
-var serverbaselink$1 = 'https://tabex-co.com';
-var image_serverbaselink = 'https://tabexseriesmedia.s3.eu-north-1.amazonaws.com';
-
 function ownKeys$2x(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$2x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2x(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Ordershistory = function Ordershistory(props) {
-  var _props$actions2, _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _authdetailsContext$i2, _fetchorderhistoryQue3, _fetchorderhistoryQue4, _authdetailsContext$i6, _fetchorderhistoryQue5, _fetchorderhistoryQue6, _authdetailsContext$i7;
+  var _props$actions2, _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchorderhistoryQue2, _fetchorderhistoryQue3, _authdetailsContext$i5, _fetchorderhistoryQue4, _fetchorderhistoryQue5, _authdetailsContext$i6;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var routingcountext = props.actions.routingcountext;
@@ -11416,24 +12488,6 @@ var Ordershistory = function Ordershistory(props) {
     }
     return showbutton;
   };
-  var printOrder = function printOrder() {
-    if (orderindex != undefined && orderindex != null) {
-      var _fetchorderhistoryQue2;
-      var orderinfo = fetchorderhistoryQueryContext === null || fetchorderhistoryQueryContext === void 0 || (_fetchorderhistoryQue2 = fetchorderhistoryQueryContext.data) === null || _fetchorderhistoryQue2 === void 0 || (_fetchorderhistoryQue2 = _fetchorderhistoryQue2.data) === null || _fetchorderhistoryQue2 === void 0 ? void 0 : _fetchorderhistoryQue2.ordershistory[orderindex];
-      if (orderinfo != undefined && orderinfo != null && orderinfo != '') {
-        var _orderinfo$orderitems;
-        var orderids = orderinfo === null || orderinfo === void 0 || (_orderinfo$orderitems = orderinfo.orderitems) === null || _orderinfo$orderitems === void 0 ? void 0 : _orderinfo$orderitems.map(function (item) {
-          return item.orderitemid;
-        });
-        var itemsJSON = encodeURIComponent(JSON.stringify(orderids));
-        var url = "https://tabapv.site/printorder/guest/".concat(orderinfo.instid, "/").concat(orderinfo.orderid, "/").concat(orderinfo.customerid, "/").concat(itemsJSON, "?lang=").concat(langdetect);
-        window.open(url, '_blank');
-        // Linking.openURL(url).catch((err) => {
-        //     console.error('Failed to open URL:', err);
-        // });
-      }
-    }
-  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: orderhistory_cssstyles.containerstyles + ' row ml-0 mr-0 w-100 '
   }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -11835,19 +12889,7 @@ var Ordershistory = function Ordershistory(props) {
       color: sectionproperties.sectiontitlesecondarycolor,
       direction: 'ltr'
     }
-  }, fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].timestamp))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instid) == '6808c6295b598' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-12 allcentered mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
-    style: {
-      backgroundColor: 'green',
-      borderRadius: 10,
-      width: 100,
-      height: 40
-    },
-    onClick: function onClick() {
-      printOrder();
-    }
-  }, langdetect == 'en' ? 'Print' : 'عرض الفاتورة')), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].timestamp))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: sectionproperties.shownotes == 'Hide' && sectionproperties.showtotalsection == 'Hide' && sectionproperties.showpayemntsection == 'Hide' && sectionproperties.hidecountrystatecity == 'Hide' && sectionproperties.hideshipping == 'Hide' && sectionproperties.hideaddress == 'Hide' ? 'col-lg-12 p-0' : langdetect == 'en' ? 'col-lg-9 pl-0 p-md-0 mb-md-3' : 'col-lg-9 pr-0 p-md-0 mb-md-3'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100"
@@ -11889,7 +12931,7 @@ var Ordershistory = function Ordershistory(props) {
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100"
   }, fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].orderitems.map(function (item, index) {
-    var _authdetailsContext$i4, _authdetailsContext$i5;
+    var _authdetailsContext$i3, _authdetailsContext$i4;
     var variantoptions = [];
     if (item.isvariant == 1) {
       var decodevariantoptions = JSON.parse(item.variantoptions);
@@ -11976,8 +13018,8 @@ var Ordershistory = function Ordershistory(props) {
         textAlign: langdetect == 'en' ? 'left' : 'right'
       },
       onClick: function onClick() {
-        var _authdetailsContext$i3;
-        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instid) == '68248846ec6bc') ; else {
+        var _authdetailsContext$i2;
+        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instid) == '68248846ec6bc') ; else {
           routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
         }
       }
@@ -12007,7 +13049,7 @@ var Ordershistory = function Ordershistory(props) {
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         className: ' m-0 p-0 font-13 fontfamilymedium wordbreak allcentered '
       }, variantoptionitem.optionname, ": ", variantoptionitem.optionvalue));
-    }))), item.product_extrafields != null && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instid) != '68248846ec6bc' && /*#__PURE__*/React__default["default"].createElement("div", {
+    }))), item.product_extrafields != null && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instid) != '68248846ec6bc' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0 d-flex align-items-center"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100"
@@ -12028,7 +13070,7 @@ var Ordershistory = function Ordershistory(props) {
           fontWeight: sectionproperties.varianttext_fontweight
         }
       }, extrafielditem.value)));
-    }))), item.product_extrafields != null && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instid) == '68248846ec6bc' && /*#__PURE__*/React__default["default"].createElement("div", {
+    }))), item.product_extrafields != null && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instid) == '68248846ec6bc' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0 d-flex align-items-center"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100"
@@ -12166,7 +13208,7 @@ var Ordershistory = function Ordershistory(props) {
     style: {
       color: sectionproperties.userinfotextsecondarycolor
     }
-  }, fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].address))))), sectionproperties.shownotes == 'Show' && (fetchorderhistoryQueryContext === null || fetchorderhistoryQueryContext === void 0 || (_fetchorderhistoryQue3 = fetchorderhistoryQueryContext.data) === null || _fetchorderhistoryQue3 === void 0 || (_fetchorderhistoryQue3 = _fetchorderhistoryQue3.data) === null || _fetchorderhistoryQue3 === void 0 ? void 0 : _fetchorderhistoryQue3.ordershistory[orderindex].notes) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].address))))), sectionproperties.shownotes == 'Show' && (fetchorderhistoryQueryContext === null || fetchorderhistoryQueryContext === void 0 || (_fetchorderhistoryQue2 = fetchorderhistoryQueryContext.data) === null || _fetchorderhistoryQue2 === void 0 || (_fetchorderhistoryQue2 = _fetchorderhistoryQue2.data) === null || _fetchorderhistoryQue2 === void 0 ? void 0 : _fetchorderhistoryQue2.ordershistory[orderindex].notes) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 mb-3",
     style: {
       background: sectionproperties.userinfo_sectionbgcolor,
@@ -12198,7 +13240,7 @@ var Ordershistory = function Ordershistory(props) {
       fontWeight: sectionproperties.userinfo_fontweight,
       fontSize: sectionproperties.userinfo_fontsize + 'px'
     }
-  }, fetchorderhistoryQueryContext === null || fetchorderhistoryQueryContext === void 0 || (_fetchorderhistoryQue4 = fetchorderhistoryQueryContext.data) === null || _fetchorderhistoryQue4 === void 0 || (_fetchorderhistoryQue4 = _fetchorderhistoryQue4.data) === null || _fetchorderhistoryQue4 === void 0 || (_fetchorderhistoryQue4 = _fetchorderhistoryQue4.ordershistory[orderindex]) === null || _fetchorderhistoryQue4 === void 0 ? void 0 : _fetchorderhistoryQue4.notes))))), sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, fetchorderhistoryQueryContext === null || fetchorderhistoryQueryContext === void 0 || (_fetchorderhistoryQue3 = fetchorderhistoryQueryContext.data) === null || _fetchorderhistoryQue3 === void 0 || (_fetchorderhistoryQue3 = _fetchorderhistoryQue3.data) === null || _fetchorderhistoryQue3 === void 0 || (_fetchorderhistoryQue3 = _fetchorderhistoryQue3.ordershistory[orderindex]) === null || _fetchorderhistoryQue3 === void 0 ? void 0 : _fetchorderhistoryQue3.notes))))), sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 mb-3",
     style: {
       background: sectionproperties.summary_sectionbgcolor,
@@ -12224,11 +13266,11 @@ var Ordershistory = function Ordershistory(props) {
     className: "col-lg-6 col-md-6 col-sm-6 d-flex p-0"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     className: "".concat(orderhistory_cssstyles.summarysectionstyles) + ' m-0 p-0 d-flex align-items-center '
-  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.contactinfo.instid) == '6808c6295b598' ? langdetect == 'en' ? 'Sub Total' : 'تكلفة المنتجات' : lang.subtotal)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.contactinfo.instid) == '6808c6295b598' ? langdetect == 'en' ? 'Sub Total' : 'تكلفة المنتجات' : lang.subtotal)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     className: "".concat(orderhistory_cssstyles.summarysectionstyles) + ' m-0 p-0 text-capitalize '
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].orderitemstotalprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), (fetchorderhistoryQueryContext === null || fetchorderhistoryQueryContext === void 0 || (_fetchorderhistoryQue5 = fetchorderhistoryQueryContext.data) === null || _fetchorderhistoryQue5 === void 0 || (_fetchorderhistoryQue5 = _fetchorderhistoryQue5.data) === null || _fetchorderhistoryQue5 === void 0 || (_fetchorderhistoryQue5 = _fetchorderhistoryQue5.ordershistory[orderindex]) === null || _fetchorderhistoryQue5 === void 0 ? void 0 : _fetchorderhistoryQue5.usewalletpoints) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].orderitemstotalprice, ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), (fetchorderhistoryQueryContext === null || fetchorderhistoryQueryContext === void 0 || (_fetchorderhistoryQue4 = fetchorderhistoryQueryContext.data) === null || _fetchorderhistoryQue4 === void 0 || (_fetchorderhistoryQue4 = _fetchorderhistoryQue4.data) === null || _fetchorderhistoryQue4 === void 0 || (_fetchorderhistoryQue4 = _fetchorderhistoryQue4.ordershistory[orderindex]) === null || _fetchorderhistoryQue4 === void 0 ? void 0 : _fetchorderhistoryQue4.usewalletpoints) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 mb-2"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-6 col-md-6 col-sm-6 d-flex p-0"
@@ -12241,7 +13283,7 @@ var Ordershistory = function Ordershistory(props) {
     style: {
       color: 'red'
     }
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " -", ' ', fetchorderhistoryQueryContext === null || fetchorderhistoryQueryContext === void 0 || (_fetchorderhistoryQue6 = fetchorderhistoryQueryContext.data) === null || _fetchorderhistoryQue6 === void 0 || (_fetchorderhistoryQue6 = _fetchorderhistoryQue6.data) === null || _fetchorderhistoryQue6 === void 0 || (_fetchorderhistoryQue6 = _fetchorderhistoryQue6.ordershistory[orderindex]) === null || _fetchorderhistoryQue6 === void 0 ? void 0 : _fetchorderhistoryQue6.walletpointsused, langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].haspromocode == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " -", ' ', fetchorderhistoryQueryContext === null || fetchorderhistoryQueryContext === void 0 || (_fetchorderhistoryQue5 = fetchorderhistoryQueryContext.data) === null || _fetchorderhistoryQue5 === void 0 || (_fetchorderhistoryQue5 = _fetchorderhistoryQue5.data) === null || _fetchorderhistoryQue5 === void 0 || (_fetchorderhistoryQue5 = _fetchorderhistoryQue5.ordershistory[orderindex]) === null || _fetchorderhistoryQue5 === void 0 ? void 0 : _fetchorderhistoryQue5.walletpointsused, langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))), fetchorderhistoryQueryContext.data.data.ordershistory[orderindex].haspromocode == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 mb-2"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-6 col-md-6 col-sm-6 d-flex p-0"
@@ -12277,7 +13319,7 @@ var Ordershistory = function Ordershistory(props) {
       textTransform: sectionproperties.total_texttransform,
       color: sectionproperties.total_color
     }
-  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.contactinfo.instid) == '6808c6295b598' ? langdetect == 'en' ? 'Total' : 'المبلغ الإجمالي' : lang.total)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.contactinfo.instid) == '6808c6295b598' ? langdetect == 'en' ? 'Total' : 'المبلغ الإجمالي' : lang.total)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     className: "m-0 p-0",
@@ -17944,7 +18986,7 @@ styleInject(css_248z$E);
 function ownKeys$2n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2n(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CartSlider = function CartSlider(props) {
-  var _authdetailsContext$i, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue0, _fetchcustomercartQue1, _authdetailsContext$i2, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13;
+  var _authdetailsContext$i, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue1, _fetchcustomercartQue10, _authdetailsContext$i2, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var authdetailsContext = props.actions.authdetailsContext;
@@ -18372,277 +19414,294 @@ var CartSlider = function CartSlider(props) {
       animationDuration: '.7s'
     }
   }, fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue8 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.customercart) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.cartitems) === null || _fetchcustomercartQue8 === void 0 ? void 0 : _fetchcustomercartQue8.map(function (item, index) {
-    var _item$productinfo, _item$variantoptions, _fetchcustomercartQue9;
     if (item.product_extrafields != null) {
       var product_extrafields = JSON.parse(item.product_extrafields);
       // var product_extrafields_parsed = JSON.stringify(product_extrafields);
       // alert(product_extrafields_parsed);
     }
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12 mb-3 p-0"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "row w-100 m-0"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: 'col-lg-4 col-md-4 col-sm-4 p-0'
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: cart_cssstyles.imagecont + ' mb-auto '
-    }, item.productinfo.hasvariants == 0 && item.productinfo.productmainimage != '' && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.productinfo.productmainimage,
-      loading: "lazy",
-      style: {
-        height: '90%',
-        width: '90%',
-        objectFit: 'contain',
-        borderRadius: sectionproperties.imageborderradius + 'px'
-      }
-    }), item.productinfo.hasvariants == 0 && item.productinfo.productmainimage == '' && /*#__PURE__*/React__default["default"].createElement("div", {
-      style: {
-        width: '100%',
-        height: '100%',
-        background: '#eee',
-        borderRadius: 10
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("i", {
-      "class": "h-100 allcentered text-light"
-    }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
-      size: 26
-    }))), item.productinfo.hasvariants == 1 && item.productinfo.variantinfo.variantimageurl == '' && /*#__PURE__*/React__default["default"].createElement("div", {
-      style: {
-        width: '100%',
-        height: '100%',
-        background: '#eee',
-        borderRadius: 10
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("i", {
-      "class": "h-100 allcentered text-light"
-    }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
-      size: 26
-    }))), item.productinfo.hasvariants == 1 && item.productinfo.variantinfo.variantimageurl != '' && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.productinfo.variantinfo.variantimageurl,
-      loading: "lazy",
-      style: {
-        height: '90%',
-        width: '90%',
-        objectFit: 'contain',
-        borderRadius: sectionproperties.imageborderradius + 'px'
-      }
-    }))), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-8 col-md-8 col-sm-8 pl-2"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "row m-0 w-100"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      className: "".concat(cart_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 d-flex align-items-start ',
-      style: {
-        textAlign: langdetect == 'en' ? 'left' : 'right'
-      },
-      onClick: function onClick() {
-        routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
-        setOpenCloseCartSlider(false);
-        setsidecartnavshowWorkplaceDesigncontext(false);
-        setsidecartnavshowcontext(false);
-      }
-    }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar)), sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "".concat(cart_cssstyles.productPricestyles) + ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex mt-1 '
-    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', sectionproperties.removedecimals == 'Without Decimals' ? parseFloat(Number(item.finalprice).toFixed(2)) : sectionproperties.removedecimals == 'Without Decimals and Separated With Comma' ? Math.floor(item.finalprice).toLocaleString() : parseFloat(item.finalprice).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), item.productinfo.hasvariants == 1 && item.variantoptions.map(function (variantitem, variantindex) {
+    var product_extras_array = [];
+    var is_extra_product = false;
+    if (item.item_type == 'Extras') {
+      is_extra_product = true;
+    }
+    if (item.item_type != 'Extras') {
+      var _fetchcustomercartQue9;
+      fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue9 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.customercart) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.cartitems) === null || _fetchcustomercartQue9 === void 0 || _fetchcustomercartQue9.forEach(function (cartitem) {
+        if (cartitem.item_type == 'Extras' && cartitem.main_ref_productid == item.productid) {
+          product_extras_array.push(cartitem);
+        }
+      });
+    }
+    if (is_extra_product == false) {
+      var _item$productinfo, _item$variantoptions, _fetchcustomercartQue0;
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
+        className: "col-lg-12 mb-3 p-0"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100",
+        className: "row w-100 m-0"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: 'col-lg-4 col-md-4 col-sm-4 p-0'
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: cart_cssstyles.imagecont + ' mb-auto '
+      }, item.productinfo.hasvariants == 0 && item.productinfo.productmainimage != '' && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+        path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.productinfo.productmainimage,
+        loading: "lazy",
         style: {
-          color: sectionproperties.prodNameColor
+          height: '90%',
+          width: '90%',
+          objectFit: 'contain',
+          borderRadius: sectionproperties.imageborderradius + 'px'
+        }
+      }), item.productinfo.hasvariants == 0 && item.productinfo.productmainimage == '' && /*#__PURE__*/React__default["default"].createElement("div", {
+        style: {
+          width: '100%',
+          height: '100%',
+          background: '#eee',
+          borderRadius: 10
         }
+      }, /*#__PURE__*/React__default["default"].createElement("i", {
+        "class": "h-100 allcentered text-light"
+      }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
+        size: 26
+      }))), item.productinfo.hasvariants == 1 && item.productinfo.variantinfo.variantimageurl == '' && /*#__PURE__*/React__default["default"].createElement("div", {
+        style: {
+          width: '100%',
+          height: '100%',
+          background: '#eee',
+          borderRadius: 10
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("i", {
+        "class": "h-100 allcentered text-light"
+      }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
+        size: 26
+      }))), item.productinfo.hasvariants == 1 && item.productinfo.variantinfo.variantimageurl != '' && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+        path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.productinfo.variantinfo.variantimageurl,
+        loading: "lazy",
+        style: {
+          height: '90%',
+          width: '90%',
+          objectFit: 'contain',
+          borderRadius: sectionproperties.imageborderradius + 'px'
+        }
+      }))), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-8 col-md-8 col-sm-8 pl-2"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "row m-0 w-100"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
-        className: 'text-capitalize m-0 p-0 font-weight-500 font-13 m-0 p-0 '
-      }, variantitem.optionname, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
-        className: ' font-weight-400 m-0 p-0 font-13 ml-1 mr-1 '
-      }, (variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier) != null ? variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier : variantitem === null || variantitem === void 0 ? void 0 : variantitem.optionvalue))));
-    }), item.product_extrafields != null && product_extrafields.map(function (extrafielditem, extrafieldindex) {
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "row m-0 w-100",
+        className: "".concat(cart_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 d-flex align-items-start ',
         style: {
-          color: sectionproperties.prodNameColor
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        },
+        onClick: function onClick() {
+          routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
+          setOpenCloseCartSlider(false);
+          setsidecartnavshowWorkplaceDesigncontext(false);
+          setsidecartnavshowcontext(false);
         }
+      }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar)), sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "".concat(cart_cssstyles.productPricestyles) + ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex mt-1 '
+      }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', sectionproperties.removedecimals == 'Without Decimals' ? parseFloat(Number(item.finalprice).toFixed(2)) : sectionproperties.removedecimals == 'Without Decimals and Separated With Comma' ? Math.floor(item.finalprice).toLocaleString() : parseFloat(item.finalprice).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), item.productinfo.hasvariants == 1 && item.variantoptions.map(function (variantitem, variantindex) {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100",
+          style: {
+            color: sectionproperties.prodNameColor
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          className: 'text-capitalize m-0 p-0 font-weight-500 font-13 m-0 p-0 '
+        }, variantitem.optionname, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
+          className: ' font-weight-400 m-0 p-0 font-13 ml-1 mr-1 '
+        }, (variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier) != null ? variantitem === null || variantitem === void 0 ? void 0 : variantitem.value_identifier : variantitem === null || variantitem === void 0 ? void 0 : variantitem.optionvalue))));
+      }), item.product_extrafields != null && product_extrafields.map(function (extrafielditem, extrafieldindex) {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100",
+          style: {
+            color: sectionproperties.prodNameColor
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          className: 'text-capitalize m-0 p-0 font-weight-500 font-13 m-0 p-0 '
+        }, langdetect == 'en' ? extrafielditem.title_en : extrafielditem.title_ar, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
+          className: ' font-weight-400 m-0 p-0 font-13 ml-1 mr-1 '
+        }, extrafielditem.value))));
+      }), product_extras_array === null || product_extras_array === void 0 ? void 0 : product_extras_array.map(function (extraitem, extraiindex) {
+        return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("p", null, " ", langdetect == 'en' ? extraitem.productinfo.name_en : extraitem.productinfo.name_ar), /*#__PURE__*/React__default["default"].createElement("p", null, " quantity: ", extraitem.quantity, " "));
+      }), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": (item === null || item === void 0 || (_item$productinfo = item.productinfo) === null || _item$productinfo === void 0 ? void 0 : _item$productinfo.hasvariants) == 1 && (item === null || item === void 0 || (_item$variantoptions = item.variantoptions) === null || _item$variantoptions === void 0 ? void 0 : _item$variantoptions.length) != 0 ? 'col-lg-12 p-0 mt-1' : 'col-lg-12 p-0 mt-4'
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
-      }, /*#__PURE__*/React__default["default"].createElement("p", {
-        className: 'text-capitalize m-0 p-0 font-weight-500 font-13 m-0 p-0 '
-      }, langdetect == 'en' ? extrafielditem.title_en : extrafielditem.title_ar, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
-        className: ' font-weight-400 m-0 p-0 font-13 ml-1 mr-1 '
-      }, extrafielditem.value))));
-    }), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": (item === null || item === void 0 || (_item$productinfo = item.productinfo) === null || _item$productinfo === void 0 ? void 0 : _item$productinfo.hasvariants) == 1 && (item === null || item === void 0 || (_item$variantoptions = item.variantoptions) === null || _item$variantoptions === void 0 ? void 0 : _item$variantoptions.length) != 0 ? 'col-lg-12 p-0 mt-1' : 'col-lg-12 p-0 mt-4'
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "row m-0 w-100"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-9 p-0 d-flex justify-content-start align-items-center"
-    }, item.productinfo.item_type == 'product' && item.productinfo.isproducthasquantitychange == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
-      className: " ".concat(cart_cssstyles.quantitybtn) + ' px-2 d-flex align-items-center justify-content-center '
-    }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
-      className: "".concat(cart_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
-      onClick: function onClick() {
-        var _item$productinfo2, _item$productinfo3, _item$productinfo4, _item$productinfo5;
-        var quantitystepincrearse = 1;
-        var quantity = parseFloat(item.quantity);
-        if ((item === null || item === void 0 || (_item$productinfo2 = item.productinfo) === null || _item$productinfo2 === void 0 ? void 0 : _item$productinfo2.quantitystepincrearse) != undefined && (item === null || item === void 0 || (_item$productinfo3 = item.productinfo) === null || _item$productinfo3 === void 0 ? void 0 : _item$productinfo3.quantitystepincrearse) != null && (item === null || item === void 0 || (_item$productinfo4 = item.productinfo) === null || _item$productinfo4 === void 0 ? void 0 : _item$productinfo4.quantitystepincrearse) != 1 && (item === null || item === void 0 || (_item$productinfo5 = item.productinfo) === null || _item$productinfo5 === void 0 ? void 0 : _item$productinfo5.quantitystepincrearse) != '') {
+        "class": "row m-0 w-100"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-9 p-0 d-flex justify-content-start align-items-center"
+      }, item.productinfo.item_type == 'product' && item.productinfo.isproducthasquantitychange == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
+        className: " ".concat(cart_cssstyles.quantitybtn) + ' px-2 d-flex align-items-center justify-content-center '
+      }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
+        className: "".concat(cart_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
+        onClick: function onClick() {
+          var _item$productinfo2, _item$productinfo3, _item$productinfo4, _item$productinfo5;
+          var quantitystepincrearse = 1;
+          var quantity = parseFloat(item.quantity);
+          if ((item === null || item === void 0 || (_item$productinfo2 = item.productinfo) === null || _item$productinfo2 === void 0 ? void 0 : _item$productinfo2.quantitystepincrearse) != undefined && (item === null || item === void 0 || (_item$productinfo3 = item.productinfo) === null || _item$productinfo3 === void 0 ? void 0 : _item$productinfo3.quantitystepincrearse) != null && (item === null || item === void 0 || (_item$productinfo4 = item.productinfo) === null || _item$productinfo4 === void 0 ? void 0 : _item$productinfo4.quantitystepincrearse) != 1 && (item === null || item === void 0 || (_item$productinfo5 = item.productinfo) === null || _item$productinfo5 === void 0 ? void 0 : _item$productinfo5.quantitystepincrearse) != '') {
+            if (sectionproperties.quantityacceptfloat != 'Accepts decimals') {
+              var _item$productinfo6;
+              quantitystepincrearse = parseInt(item === null || item === void 0 || (_item$productinfo6 = item.productinfo) === null || _item$productinfo6 === void 0 ? void 0 : _item$productinfo6.quantitystepincrearse);
+            } else {
+              var _item$productinfo7;
+              quantitystepincrearse = parseFloat(item === null || item === void 0 || (_item$productinfo7 = item.productinfo) === null || _item$productinfo7 === void 0 ? void 0 : _item$productinfo7.quantitystepincrearse);
+            }
+          }
+          quantity = quantity - quantitystepincrearse;
           if (sectionproperties.quantityacceptfloat != 'Accepts decimals') {
-            var _item$productinfo6;
-            quantitystepincrearse = parseInt(item === null || item === void 0 || (_item$productinfo6 = item.productinfo) === null || _item$productinfo6 === void 0 ? void 0 : _item$productinfo6.quantitystepincrearse);
+            ChangeCartItemQuantityContext(item, parseInt(quantity));
           } else {
-            var _item$productinfo7;
-            quantitystepincrearse = parseFloat(item === null || item === void 0 || (_item$productinfo7 = item.productinfo) === null || _item$productinfo7 === void 0 ? void 0 : _item$productinfo7.quantitystepincrearse);
+            ChangeCartItemQuantityContext(item, parseFloat(quantity).toFixed(3));
           }
         }
-        quantity = quantity - quantitystepincrearse;
-        if (sectionproperties.quantityacceptfloat != 'Accepts decimals') {
-          ChangeCartItemQuantityContext(item, parseInt(quantity));
-        } else {
-          ChangeCartItemQuantityContext(item, parseFloat(quantity).toFixed(3));
-        }
-      }
-    }, /*#__PURE__*/React__default["default"].createElement(FiMinus.FiMinus, {
-      size: sectionproperties.remove_quantitybtn_textfontsize
-    })), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
-      className: "".concat(cart_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
-      onClick: function onClick() {
-        var _item$productinfo8, _item$productinfo9, _item$productinfo0, _item$productinfo1;
-        var quantitystepincrearse = 1;
-        var quantity = parseFloat(item.quantity);
-        if ((item === null || item === void 0 || (_item$productinfo8 = item.productinfo) === null || _item$productinfo8 === void 0 ? void 0 : _item$productinfo8.quantitystepincrearse) != undefined && (item === null || item === void 0 || (_item$productinfo9 = item.productinfo) === null || _item$productinfo9 === void 0 ? void 0 : _item$productinfo9.quantitystepincrearse) != null && (item === null || item === void 0 || (_item$productinfo0 = item.productinfo) === null || _item$productinfo0 === void 0 ? void 0 : _item$productinfo0.quantitystepincrearse) != 1 && (item === null || item === void 0 || (_item$productinfo1 = item.productinfo) === null || _item$productinfo1 === void 0 ? void 0 : _item$productinfo1.quantitystepincrearse) != '') {
+      }, /*#__PURE__*/React__default["default"].createElement(FiMinus.FiMinus, {
+        size: sectionproperties.remove_quantitybtn_textfontsize
+      })), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
+        className: "".concat(cart_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
+        onClick: function onClick() {
+          var _item$productinfo8, _item$productinfo9, _item$productinfo0, _item$productinfo1;
+          var quantitystepincrearse = 1;
+          var quantity = parseFloat(item.quantity);
+          if ((item === null || item === void 0 || (_item$productinfo8 = item.productinfo) === null || _item$productinfo8 === void 0 ? void 0 : _item$productinfo8.quantitystepincrearse) != undefined && (item === null || item === void 0 || (_item$productinfo9 = item.productinfo) === null || _item$productinfo9 === void 0 ? void 0 : _item$productinfo9.quantitystepincrearse) != null && (item === null || item === void 0 || (_item$productinfo0 = item.productinfo) === null || _item$productinfo0 === void 0 ? void 0 : _item$productinfo0.quantitystepincrearse) != 1 && (item === null || item === void 0 || (_item$productinfo1 = item.productinfo) === null || _item$productinfo1 === void 0 ? void 0 : _item$productinfo1.quantitystepincrearse) != '') {
+            if (sectionproperties.quantityacceptfloat != 'Accepts decimals') {
+              var _item$productinfo10;
+              quantitystepincrearse = parseInt(item === null || item === void 0 || (_item$productinfo10 = item.productinfo) === null || _item$productinfo10 === void 0 ? void 0 : _item$productinfo10.quantitystepincrearse);
+            } else {
+              var _item$productinfo11;
+              quantitystepincrearse = parseFloat(item === null || item === void 0 || (_item$productinfo11 = item.productinfo) === null || _item$productinfo11 === void 0 ? void 0 : _item$productinfo11.quantitystepincrearse);
+            }
+          }
+          quantity = quantity + quantitystepincrearse;
           if (sectionproperties.quantityacceptfloat != 'Accepts decimals') {
-            var _item$productinfo10;
-            quantitystepincrearse = parseInt(item === null || item === void 0 || (_item$productinfo10 = item.productinfo) === null || _item$productinfo10 === void 0 ? void 0 : _item$productinfo10.quantitystepincrearse);
+            ChangeCartItemQuantityContext(item, parseInt(quantity));
           } else {
-            var _item$productinfo11;
-            quantitystepincrearse = parseFloat(item === null || item === void 0 || (_item$productinfo11 = item.productinfo) === null || _item$productinfo11 === void 0 ? void 0 : _item$productinfo11.quantitystepincrearse);
+            ChangeCartItemQuantityContext(item, parseFloat(quantity).toFixed(3));
           }
         }
-        quantity = quantity + quantitystepincrearse;
-        if (sectionproperties.quantityacceptfloat != 'Accepts decimals') {
-          ChangeCartItemQuantityContext(item, parseInt(quantity));
-        } else {
-          ChangeCartItemQuantityContext(item, parseFloat(quantity).toFixed(3));
+      }, /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, {
+        size: sectionproperties.add_quantitybtn_textfontsize
+      })), /*#__PURE__*/React__default["default"].createElement("span", {
+        className: "".concat(cart_cssstyles.quantitybtn_text) + ' d-flex align-items-center justify-content-center ',
+        style: {
+          background: 'transparent'
         }
-      }
-    }, /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, {
-      size: sectionproperties.add_quantitybtn_textfontsize
-    })), /*#__PURE__*/React__default["default"].createElement("span", {
-      className: "".concat(cart_cssstyles.quantitybtn_text) + ' d-flex align-items-center justify-content-center ',
-      style: {
-        background: 'transparent'
-      }
-    }, item.quantity), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
-      className: "".concat(cart_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
-      onClick: function onClick() {
-        var _item$productinfo12, _item$productinfo13, _item$productinfo14, _item$productinfo15;
-        var quantitystepincrearse = 1;
-        var quantity = parseFloat(item.quantity);
-        if ((item === null || item === void 0 || (_item$productinfo12 = item.productinfo) === null || _item$productinfo12 === void 0 ? void 0 : _item$productinfo12.quantitystepincrearse) != undefined && (item === null || item === void 0 || (_item$productinfo13 = item.productinfo) === null || _item$productinfo13 === void 0 ? void 0 : _item$productinfo13.quantitystepincrearse) != null && (item === null || item === void 0 || (_item$productinfo14 = item.productinfo) === null || _item$productinfo14 === void 0 ? void 0 : _item$productinfo14.quantitystepincrearse) != 1 && (item === null || item === void 0 || (_item$productinfo15 = item.productinfo) === null || _item$productinfo15 === void 0 ? void 0 : _item$productinfo15.quantitystepincrearse) != '') {
+      }, item.quantity), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
+        className: "".concat(cart_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
+        onClick: function onClick() {
+          var _item$productinfo12, _item$productinfo13, _item$productinfo14, _item$productinfo15;
+          var quantitystepincrearse = 1;
+          var quantity = parseFloat(item.quantity);
+          if ((item === null || item === void 0 || (_item$productinfo12 = item.productinfo) === null || _item$productinfo12 === void 0 ? void 0 : _item$productinfo12.quantitystepincrearse) != undefined && (item === null || item === void 0 || (_item$productinfo13 = item.productinfo) === null || _item$productinfo13 === void 0 ? void 0 : _item$productinfo13.quantitystepincrearse) != null && (item === null || item === void 0 || (_item$productinfo14 = item.productinfo) === null || _item$productinfo14 === void 0 ? void 0 : _item$productinfo14.quantitystepincrearse) != 1 && (item === null || item === void 0 || (_item$productinfo15 = item.productinfo) === null || _item$productinfo15 === void 0 ? void 0 : _item$productinfo15.quantitystepincrearse) != '') {
+            if (sectionproperties.quantityacceptfloat != 'Accepts decimals') {
+              var _item$productinfo16;
+              quantitystepincrearse = parseInt(item === null || item === void 0 || (_item$productinfo16 = item.productinfo) === null || _item$productinfo16 === void 0 ? void 0 : _item$productinfo16.quantitystepincrearse);
+            } else {
+              var _item$productinfo17;
+              quantitystepincrearse = parseFloat(item === null || item === void 0 || (_item$productinfo17 = item.productinfo) === null || _item$productinfo17 === void 0 ? void 0 : _item$productinfo17.quantitystepincrearse);
+            }
+          }
+          quantity = quantity + quantitystepincrearse;
           if (sectionproperties.quantityacceptfloat != 'Accepts decimals') {
-            var _item$productinfo16;
-            quantitystepincrearse = parseInt(item === null || item === void 0 || (_item$productinfo16 = item.productinfo) === null || _item$productinfo16 === void 0 ? void 0 : _item$productinfo16.quantitystepincrearse);
+            ChangeCartItemQuantityContext(item, parseInt(quantity));
           } else {
-            var _item$productinfo17;
-            quantitystepincrearse = parseFloat(item === null || item === void 0 || (_item$productinfo17 = item.productinfo) === null || _item$productinfo17 === void 0 ? void 0 : _item$productinfo17.quantitystepincrearse);
+            ChangeCartItemQuantityContext(item, parseFloat(quantity).toFixed(3));
           }
         }
-        quantity = quantity + quantitystepincrearse;
-        if (sectionproperties.quantityacceptfloat != 'Accepts decimals') {
-          ChangeCartItemQuantityContext(item, parseInt(quantity));
-        } else {
-          ChangeCartItemQuantityContext(item, parseFloat(quantity).toFixed(3));
-        }
-      }
-    }, /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, {
-      size: sectionproperties.add_quantitybtn_textfontsize
-    })), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
-      className: "".concat(cart_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
-      onClick: function onClick() {
-        var _item$productinfo18, _item$productinfo19, _item$productinfo20, _item$productinfo21;
-        var quantitystepincrearse = 1;
-        var quantity = parseFloat(item.quantity);
-        if ((item === null || item === void 0 || (_item$productinfo18 = item.productinfo) === null || _item$productinfo18 === void 0 ? void 0 : _item$productinfo18.quantitystepincrearse) != undefined && (item === null || item === void 0 || (_item$productinfo19 = item.productinfo) === null || _item$productinfo19 === void 0 ? void 0 : _item$productinfo19.quantitystepincrearse) != null && (item === null || item === void 0 || (_item$productinfo20 = item.productinfo) === null || _item$productinfo20 === void 0 ? void 0 : _item$productinfo20.quantitystepincrearse) != 1 && (item === null || item === void 0 || (_item$productinfo21 = item.productinfo) === null || _item$productinfo21 === void 0 ? void 0 : _item$productinfo21.quantitystepincrearse) != '') {
+      }, /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, {
+        size: sectionproperties.add_quantitybtn_textfontsize
+      })), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
+        className: "".concat(cart_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
+        onClick: function onClick() {
+          var _item$productinfo18, _item$productinfo19, _item$productinfo20, _item$productinfo21;
+          var quantitystepincrearse = 1;
+          var quantity = parseFloat(item.quantity);
+          if ((item === null || item === void 0 || (_item$productinfo18 = item.productinfo) === null || _item$productinfo18 === void 0 ? void 0 : _item$productinfo18.quantitystepincrearse) != undefined && (item === null || item === void 0 || (_item$productinfo19 = item.productinfo) === null || _item$productinfo19 === void 0 ? void 0 : _item$productinfo19.quantitystepincrearse) != null && (item === null || item === void 0 || (_item$productinfo20 = item.productinfo) === null || _item$productinfo20 === void 0 ? void 0 : _item$productinfo20.quantitystepincrearse) != 1 && (item === null || item === void 0 || (_item$productinfo21 = item.productinfo) === null || _item$productinfo21 === void 0 ? void 0 : _item$productinfo21.quantitystepincrearse) != '') {
+            if (sectionproperties.quantityacceptfloat != 'Accepts decimals') {
+              var _item$productinfo22;
+              quantitystepincrearse = parseInt(item === null || item === void 0 || (_item$productinfo22 = item.productinfo) === null || _item$productinfo22 === void 0 ? void 0 : _item$productinfo22.quantitystepincrearse);
+            } else {
+              var _item$productinfo23;
+              quantitystepincrearse = parseFloat(item === null || item === void 0 || (_item$productinfo23 = item.productinfo) === null || _item$productinfo23 === void 0 ? void 0 : _item$productinfo23.quantitystepincrearse);
+            }
+          }
+          quantity = quantity - quantitystepincrearse;
           if (sectionproperties.quantityacceptfloat != 'Accepts decimals') {
-            var _item$productinfo22;
-            quantitystepincrearse = parseInt(item === null || item === void 0 || (_item$productinfo22 = item.productinfo) === null || _item$productinfo22 === void 0 ? void 0 : _item$productinfo22.quantitystepincrearse);
+            ChangeCartItemQuantityContext(item, parseInt(quantity));
           } else {
-            var _item$productinfo23;
-            quantitystepincrearse = parseFloat(item === null || item === void 0 || (_item$productinfo23 = item.productinfo) === null || _item$productinfo23 === void 0 ? void 0 : _item$productinfo23.quantitystepincrearse);
+            ChangeCartItemQuantityContext(item, parseFloat(quantity).toFixed(3));
           }
         }
-        quantity = quantity - quantitystepincrearse;
-        if (sectionproperties.quantityacceptfloat != 'Accepts decimals') {
-          ChangeCartItemQuantityContext(item, parseInt(quantity));
-        } else {
-          ChangeCartItemQuantityContext(item, parseFloat(quantity).toFixed(3));
+      }, /*#__PURE__*/React__default["default"].createElement(FiMinus.FiMinus, {
+        size: sectionproperties.remove_quantitybtn_textfontsize
+      }))), item.productinfo.item_type == 'service' && item.reserv_fixeddate != null && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 text-start"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "row m-0 w-100 d-flex align-items-center justify-content-start",
+        style: {
+          color: sectionproperties.quantitybtn_textcolor
         }
-      }
-    }, /*#__PURE__*/React__default["default"].createElement(FiMinus.FiMinus, {
-      size: sectionproperties.remove_quantitybtn_textfontsize
-    }))), item.productinfo.item_type == 'service' && item.reserv_fixeddate != null && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 p-0 text-start"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "row m-0 w-100 d-flex align-items-center justify-content-start",
-      style: {
-        color: sectionproperties.quantitybtn_textcolor
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 p-0 text-start flex-row"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "m-0 p-0",
-      style: {
-        textAlign: langdetect == 'en' ? 'left' : 'right'
-      }
-    }, item.reserv_fixeddate)), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 p-0 text-start flex-row"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "m-0 p-0",
-      style: {
-        textAlign: langdetect == 'en' ? 'left' : 'right'
-      }
-    }, item.reserv_time)))), item.productinfo.item_type == 'service' && item.reserv_fixeddate == null && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 p-0 text-start"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "row m-0 w-100 d-flex align-items-center justify-content-start",
-      style: {
-        color: sectionproperties.quantitybtn_textcolor
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 p-0 text-start flex-row"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "m-0 p-0",
-      style: {
-        textAlign: langdetect == 'en' ? 'left' : 'right'
-      }
-    }, langdetect == 'en' ? 'From' : 'من', ": ", item.reserv_fromdate)), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 p-0 text-start flex-row"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "m-0 p-0",
-      style: {
-        textAlign: langdetect == 'en' ? 'left' : 'right'
-      }
-    }, langdetect == 'en' ? 'To' : 'إلى', ": ", item.reserv_todate))))), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-3 p-0 d-flex justify-content-end align-items-center"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "".concat(cart_cssstyles.trash_btn) + ' cursor-pointer m-0 p-0 ',
-      onClick: function onClick() {
-        deletecartitemContext(item);
-      }
-    }, lang.remove))))))), index != (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue9 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.customercart) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.cartitems) === null || _fetchcustomercartQue9 === void 0 ? void 0 : _fetchcustomercartQue9.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12 mt-3 p-0"
-    }, /*#__PURE__*/React__default["default"].createElement("hr", {
-      className: "m-0"
-    })));
-  }))))), !AddtoCartMutationContext.isLoading && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue0 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue0 === void 0 || (_fetchcustomercartQue0 = _fetchcustomercartQue0.data) === null || _fetchcustomercartQue0 === void 0 ? void 0 : _fetchcustomercartQue0.customercart) != null && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue1 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue1 === void 0 || (_fetchcustomercartQue1 = _fetchcustomercartQue1.data) === null || _fetchcustomercartQue1 === void 0 || (_fetchcustomercartQue1 = _fetchcustomercartQue1.customercart) === null || _fetchcustomercartQue1 === void 0 || (_fetchcustomercartQue1 = _fetchcustomercartQue1.cartitems) === null || _fetchcustomercartQue1 === void 0 ? void 0 : _fetchcustomercartQue1.length) != 0 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 text-start flex-row"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0",
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        }
+      }, item.reserv_fixeddate)), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 text-start flex-row"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0",
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        }
+      }, item.reserv_time)))), item.productinfo.item_type == 'service' && item.reserv_fixeddate == null && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 text-start"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "row m-0 w-100 d-flex align-items-center justify-content-start",
+        style: {
+          color: sectionproperties.quantitybtn_textcolor
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 text-start flex-row"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0",
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        }
+      }, langdetect == 'en' ? 'From' : 'من', ": ", item.reserv_fromdate)), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 text-start flex-row"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0",
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        }
+      }, langdetect == 'en' ? 'To' : 'إلى', ": ", item.reserv_todate))))), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-3 p-0 d-flex justify-content-end align-items-center"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "".concat(cart_cssstyles.trash_btn) + ' cursor-pointer m-0 p-0 ',
+        onClick: function onClick() {
+          deletecartitemContext(item);
+        }
+      }, lang.remove))))))), index != (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue0 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue0 === void 0 || (_fetchcustomercartQue0 = _fetchcustomercartQue0.data) === null || _fetchcustomercartQue0 === void 0 || (_fetchcustomercartQue0 = _fetchcustomercartQue0.customercart) === null || _fetchcustomercartQue0 === void 0 || (_fetchcustomercartQue0 = _fetchcustomercartQue0.cartitems) === null || _fetchcustomercartQue0 === void 0 ? void 0 : _fetchcustomercartQue0.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-12 mt-3 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("hr", {
+        className: "m-0"
+      })));
+    }
+  }))))), !AddtoCartMutationContext.isLoading && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue1 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue1 === void 0 || (_fetchcustomercartQue1 = _fetchcustomercartQue1.data) === null || _fetchcustomercartQue1 === void 0 ? void 0 : _fetchcustomercartQue1.customercart) != null && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue10 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.data) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.customercart) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.cartitems) === null || _fetchcustomercartQue10 === void 0 ? void 0 : _fetchcustomercartQue10.length) != 0 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 mb-1 p-0 mt-auto anim mb-md-4",
     style: {
       animationDuration: '.8s'
@@ -18677,7 +19736,7 @@ var CartSlider = function CartSlider(props) {
       textTransform: sectionproperties.total_texttransform,
       color: sectionproperties.total_color
     }
-  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', sectionproperties.removedecimals == 'Without Decimals' ? parseFloat(Number(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue10 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.data) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.customercart) === null || _fetchcustomercartQue10 === void 0 ? void 0 : _fetchcustomercartQue10.totalprice).toFixed(2)) : sectionproperties.removedecimals == 'Without Decimals and Separated With Comma' ? Math.floor(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue11 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue11 === void 0 || (_fetchcustomercartQue11 = _fetchcustomercartQue11.data) === null || _fetchcustomercartQue11 === void 0 || (_fetchcustomercartQue11 = _fetchcustomercartQue11.customercart) === null || _fetchcustomercartQue11 === void 0 ? void 0 : _fetchcustomercartQue11.totalprice).toLocaleString() : parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue12 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue12 === void 0 || (_fetchcustomercartQue12 = _fetchcustomercartQue12.data) === null || _fetchcustomercartQue12 === void 0 || (_fetchcustomercartQue12 = _fetchcustomercartQue12.customercart) === null || _fetchcustomercartQue12 === void 0 ? void 0 : _fetchcustomercartQue12.totalprice).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), sectionproperties.hideshipping == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', sectionproperties.removedecimals == 'Without Decimals' ? parseFloat(Number(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue11 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue11 === void 0 || (_fetchcustomercartQue11 = _fetchcustomercartQue11.data) === null || _fetchcustomercartQue11 === void 0 || (_fetchcustomercartQue11 = _fetchcustomercartQue11.customercart) === null || _fetchcustomercartQue11 === void 0 ? void 0 : _fetchcustomercartQue11.totalprice).toFixed(2)) : sectionproperties.removedecimals == 'Without Decimals and Separated With Comma' ? Math.floor(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue12 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue12 === void 0 || (_fetchcustomercartQue12 = _fetchcustomercartQue12.data) === null || _fetchcustomercartQue12 === void 0 || (_fetchcustomercartQue12 = _fetchcustomercartQue12.customercart) === null || _fetchcustomercartQue12 === void 0 ? void 0 : _fetchcustomercartQue12.totalprice).toLocaleString() : parseFloat(fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue13 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue13 === void 0 || (_fetchcustomercartQue13 = _fetchcustomercartQue13.data) === null || _fetchcustomercartQue13 === void 0 || (_fetchcustomercartQue13 = _fetchcustomercartQue13.customercart) === null || _fetchcustomercartQue13 === void 0 ? void 0 : _fetchcustomercartQue13.totalprice).toFixed(2), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar)), sectionproperties.hideshipping == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 mt-1 d-flex align-items-center justify-content-start p-0"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0",
@@ -18686,7 +19745,7 @@ var CartSlider = function CartSlider(props) {
       fontSize: '13px',
       fontWeight: 500
     }
-  }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar)), !AddtoCartMutationContext.isLoading && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue13 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue13 === void 0 || (_fetchcustomercartQue13 = _fetchcustomercartQue13.data) === null || _fetchcustomercartQue13 === void 0 || (_fetchcustomercartQue13 = _fetchcustomercartQue13.customercart) === null || _fetchcustomercartQue13 === void 0 || (_fetchcustomercartQue13 = _fetchcustomercartQue13.cartitems) === null || _fetchcustomercartQue13 === void 0 ? void 0 : _fetchcustomercartQue13.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.general_text_content : sectionproperties.general_text_content_ar)), !AddtoCartMutationContext.isLoading && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue14 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue14 === void 0 || (_fetchcustomercartQue14 = _fetchcustomercartQue14.data) === null || _fetchcustomercartQue14 === void 0 || (_fetchcustomercartQue14 = _fetchcustomercartQue14.customercart) === null || _fetchcustomercartQue14 === void 0 || (_fetchcustomercartQue14 = _fetchcustomercartQue14.cartitems) === null || _fetchcustomercartQue14 === void 0 ? void 0 : _fetchcustomercartQue14.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 mt-4 d-flex flex-column align-items-center justify-content-center"
   }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
     className: " ".concat(cart_cssstyles.cart_btn) + ' mb-2 d-flex align-items-center justify-content-center ',
@@ -22332,6 +23391,9 @@ var CollectionsFilterHorizontal = function CollectionsFilterHorizontal(props) {
   }, CollectionsFilter()));
 };
 
+var serverbaselink$1 = 'https://tabex-co.com';
+var image_serverbaselink = 'https://tabexseriesmedia.s3.eu-north-1.amazonaws.com';
+
 function ownKeys$2i(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$2i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2i(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CardsSection = function CardsSection(props) {
@@ -22729,7 +23791,6 @@ var CardsSection = function CardsSection(props) {
           var _arrayItem$features2;
           cardobj.productfeature = arrayItem === null || arrayItem === void 0 || (_arrayItem$features2 = arrayItem.features) === null || _arrayItem$features2 === void 0 ? void 0 : _arrayItem$features2.value_ar;
         }
-        cardobj.productfeaturesarray = arrayItem === null || arrayItem === void 0 ? void 0 : arrayItem.features_a;
         cardobj.variants_w_options = variants_w_options;
         cardobj.feature_image_url = arrayItem === null || arrayItem === void 0 || (_arrayItem$features3 = arrayItem.features) === null || _arrayItem$features3 === void 0 || (_arrayItem$features3 = _arrayItem$features3.featureinfo) === null || _arrayItem$features3 === void 0 ? void 0 : _arrayItem$features3.feature_image_url;
         cardobj.productendpointurl = arrayItem.productinfo.productendpointurl;
@@ -38495,7 +39556,7 @@ var Simpleheader = function Simpleheader(props) {
 function ownKeys$1Y(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$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Header8 = function Header8(props) {
-  var _authdetailsContext$i2, _authdetailsContext$i3, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i4, _authdetailsContext$i6, _authdetailsContext$i8, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _authdetailsContext$i9, _authdetailsContext$i0, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i1, _authdetailsContext$i11, _authdetailsContext$i13, _authdetailsContext$i14, _authdetailsContext$i15, _fetchcustomercartQue4, _fetchcustomercartQue5;
+  var _authdetailsContext$i2, _authdetailsContext$i3, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i4, _authdetailsContext$i6, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _authdetailsContext$i0, _authdetailsContext$i1, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i10, _authdetailsContext$i12, _authdetailsContext$i14, _authdetailsContext$i15, _authdetailsContext$i16, _fetchcustomercartQue4, _fetchcustomercartQue5;
   var actions = props.actions;
   props.actions.history;
   var lang = props.actions.lang;
@@ -39190,7 +40251,7 @@ var Header8 = function Header8(props) {
   }, langdetect == 'en' ? sectionproperties.footerinfotext_en : sectionproperties.footerinfotext_ar)))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.showfooterphonenumber == 'Show' ? sectionproperties.btninsearch == 'Show' ? 'col-xl-3 col-lg-3 d-flex align-items-center p-0 pr-0' : langdetect == 'en' ? 'col-xl-3 col-lg-4 d-flex align-items-center p-0 pl-0' : 'col-xl-3 col-lg-4 d-flex align-items-center p-0 pr-0' : 'col-lg-4 d-flex align-items-center'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": 'row w-100 m-0 align-items-center justify-content-end plr-1025-0',
+    "class": sectionproperties.favBtnShow == 'Hide' && sectionproperties.cartBtnShow == 'Hide' ? 'row w-100 m-0 align-items-center justify-content-end plr-1025-0' : (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '687d262638f85' ? 'row w-100 m-0 align-items-center justify-content-end plr-1025-0' : 'row w-100 m-0 align-items-center justify-content-between plr-1025-0',
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.showfooterphonenumber == 'Show' ? authdetailsContext.loggedin == true ? '.3rem' : '3rem' : authdetailsContext.loggedin == true ? '4rem' : '6rem' : 0,
       paddingRight: langdetect == 'en' ? 0 : sectionproperties.showfooterphonenumber == 'Show' ? authdetailsContext.loggedin == true ? '1rem' : '3rem' : authdetailsContext.loggedin == true ? '4rem' : '6rem'
@@ -39304,9 +40365,9 @@ var Header8 = function Header8(props) {
     "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
-  }, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, null), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, null), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '6808c6295b598' && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, null), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar$1.AiFillStar, null), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.contactinfo.instid) == '6808c6295b598' && /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "ml-2 mr-2"
-  }, " ", langdetect == 'en' ? lang.wishlist : 'المفضلة'), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.contactinfo.instid) != '6808c6295b598' && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, " ", langdetect == 'en' ? lang.wishlist : 'المفضلة'), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.contactinfo.instid) != '6808c6295b598' && /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "ml-2 mr-2"
   }, lang.wishlist)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
     style: {
@@ -39450,9 +40511,9 @@ var Header8 = function Header8(props) {
     "class": langdetect == 'en' ? ' m-0 p-0 ml-2' : ' m-0 p-0 mr-2 '
   }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), /*#__PURE__*/React__default["default"].createElement("ul", {
     "class": "w-100 mt-2"
-  }, sectionproperties.fetchparenttype == 'Categories' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 || (_authdetailsContext$i1 = _authdetailsContext$i1.instcategories) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.map(function (item, index) {
-    var _authdetailsContext$i10;
-    var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.instcategories;
+  }, sectionproperties.fetchparenttype == 'Categories' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 || (_authdetailsContext$i10 = _authdetailsContext$i10.instcategories) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.map(function (item, index) {
+    var _authdetailsContext$i11;
+    var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.instcategories;
     if (item.isshowntocustomers == 1) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "w-100"
@@ -39465,16 +40526,16 @@ var Header8 = function Header8(props) {
         "class": "w-100"
       }, ButtonDropdown(item, index, fetchedarray));
     }
-  })), sectionproperties.fetchparenttype == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 || (_authdetailsContext$i11 = _authdetailsContext$i11.instcollections) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.map(function (item, index) {
-    var _authdetailsContext$i12;
-    var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instcollections;
+  })), sectionproperties.fetchparenttype == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 || (_authdetailsContext$i12 = _authdetailsContext$i12.instcollections) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.map(function (item, index) {
+    var _authdetailsContext$i13;
+    var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.instcollections;
     if (item.isshowntocustomers == 1) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "w-100"
       }, ButtonDropdown(item, index, fetchedarray));
     }
   }))))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 || (_authdetailsContext$i13 = _authdetailsContext$i13.instcurrencies) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.length) > 1 ? 'col-lg-8' : sectionproperties.btninsearch != 'Show' && sectionproperties.generalbtn_show == 'Show' ? 'col-xl-10 col-lg-9 flex-row d-flex align-items-center justify-content-start' : 'col-xl-12 col-lg-9 flex-row d-flex align-items-center justify-content-start'
+    "class": (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 || (_authdetailsContext$i14 = _authdetailsContext$i14.instcurrencies) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.length) > 1 ? 'col-lg-8' : sectionproperties.btninsearch != 'Show' && sectionproperties.generalbtn_show == 'Show' ? 'col-xl-10 col-lg-9 flex-row d-flex align-items-center justify-content-start' : 'col-xl-12 col-lg-9 flex-row d-flex align-items-center justify-content-start'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' w-100 align-items-center ',
     style: {
@@ -39509,7 +40570,7 @@ var Header8 = function Header8(props) {
       paddingLeftprops: '25px',
       paddingRightprops: '25px'
     }
-  })), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 || (_authdetailsContext$i14 = _authdetailsContext$i14.instcurrencies) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.length) > 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 || (_authdetailsContext$i15 = _authdetailsContext$i15.instcurrencies) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.length) > 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": 'col-lg-2 d-flex align-items-center justify-content-end '
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
     "class": ' d-flex align-items-center justify-content-center '
@@ -39521,8 +40582,8 @@ var Header8 = function Header8(props) {
     "class": ' row m-0 w-100 d-flex align-items-center '
   }, /*#__PURE__*/React__default["default"].createElement(FaMoneyBillWave.FaMoneyBillWave, null), /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0 ml-2 mr-2"
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 || (_authdetailsContext$i15 = _authdetailsContext$i15.instcurrencies) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.map(function (item, index) {
-    var _authdetailsContext$i16;
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 || (_authdetailsContext$i16 = _authdetailsContext$i16.instcurrencies) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.map(function (item, index) {
+    var _authdetailsContext$i17;
     return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
       onClick: function onClick() {
         setcurrencyfunccontext(item);
@@ -39542,7 +40603,7 @@ var Header8 = function Header8(props) {
       }
     }, /*#__PURE__*/React__default["default"].createElement(FaMoneyBillWave.FaMoneyBillWave, null), /*#__PURE__*/React__default["default"].createElement("span", {
       "class": 'ml-2 mr-2'
-    }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar)))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 || (_authdetailsContext$i16 = _authdetailsContext$i16.instcurrencies) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar)))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 || (_authdetailsContext$i17 = _authdetailsContext$i17.instcurrencies) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 p-0"
     }, /*#__PURE__*/React__default["default"].createElement("hr", {
       "class": "m-0"
@@ -52498,7 +53559,7 @@ var Allinonefooter = function Allinonefooter(props) {
     style: {
       position: 'fixed',
       bottom: 0,
-      background: sectionproperties.footerbgcolor,
+      background: 'white',
       borderTop: '1px solid #ccc',
       padding: '15px 0',
       zIndex: 9999
@@ -66522,8 +67583,7 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
   }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))), sectionproperties.sectionstyletype == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 allcentered",
     style: {
-      zIndex: 2,
-      background: sectionproperties.outerbgcolor
+      zIndex: 2
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 allcentered"
@@ -71898,7 +72958,7 @@ var Freetextsection = function Freetextsection(props) {
       fontWeight: sectionproperties.prodCatFontWeight,
       color: sectionproperties.prodCatColor
     }
-  }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '682c6a888d70e' && window.location.pathname == '/home' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, "A breakthrough in dental care: the first in Egypt to offer medical and cosmetic dental coverage in one cost-efficient, high-quality packages. Panacea makes the dental experince personal, seamless, and accessible for everyone.")))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '682c6a888d70e' && window.location.pathname == '/home' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 allcentered d-flex flex-column pt-5 pb-5 px-sm-3",
     style: {
       // background: 'white',
@@ -75447,7 +76507,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       style: {
         textDecoration: 'underline'
       }
-    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))));
+    }, 'More Details'))));
   })))));
 };
 
@@ -87208,30 +88268,27 @@ var ServiceCard = function ServiceCard(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, plainString(langdetect == 'en' ? item.shortdescription : item.shortdescription))), sectionproperties.showfeatures == 'Show' && (item === null || item === void 0 ? void 0 : item.productfeaturesarray.map(function (fitem, findex) {
-    var _fitem$featureinfo;
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "text-start col-lg-12 p-0",
-      style: {
-        height: 40
-      }
-    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: fitem === null || fitem === void 0 || (_fitem$featureinfo = fitem.featureinfo) === null || _fitem$featureinfo === void 0 ? void 0 : _fitem$featureinfo.feature_image_url,
-      loading: "lazy",
-      style: {
-        maxWidth: '50%',
-        maxHeight: '50%'
-      }
-    }), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "text-capitalize mx-2",
-      style: {
-        color: sectionproperties.featurecolor,
-        fontSize: sectionproperties.featurefontsize
-      }
-    }, langdetect == 'en' ? fitem === null || fitem === void 0 ? void 0 : fitem.value_en : fitem === null || fitem === void 0 ? void 0 : fitem.value_ar));
-  })))))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, plainString(langdetect == 'en' ? item.shortdescription : item.shortdescription))), sectionproperties.showfeatures == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "text-start col-lg-12 p-0",
+    style: {
+      height: 40
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: item === null || item === void 0 ? void 0 : item.feature_image_url,
+    loading: "lazy",
+    style: {
+      maxWidth: '50%',
+      maxHeight: '50%'
+    }
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "text-capitalize mx-2",
+    style: {
+      color: sectionproperties.featurecolor,
+      fontSize: sectionproperties.featurefontsize
+    }
+  }, (item === null || item === void 0 ? void 0 : item.productfeature) != undefined && (item === null || item === void 0 ? void 0 : item.productfeature) != null ? item === null || item === void 0 ? void 0 : item.productfeature : '')))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row w-100 m-0 d-flex"