tabexseriescomponents 0.60.2 → 0.60.4

package/dist/index.cjs.js

@@ -49,6 +49,8 @@ require('@react-icons/all-files/hi/HiOutlinePlusCircle');
 require('@react-icons/all-files/hi/HiOutlineMinusCircle');
 var TextareaAutosize = require('react-textarea-autosize');
 var InputRange = require('react-input-range');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var AiOutlineClockCircle = require('@react-icons/all-files/ai/AiOutlineClockCircle');
 var AiOutlinePlus = require('@react-icons/all-files/ai/AiOutlinePlus');
 var AiOutlineCheck = require('@react-icons/all-files/ai/AiOutlineCheck');
@@ -69,13 +71,11 @@ var HiOutlineChevronLeft = require('@react-icons/all-files/hi/HiOutlineChevronLe
 var GoGlobe = require('@react-icons/all-files/go/GoGlobe');
 var VscGlobe = require('@react-icons/all-files/vsc/VscGlobe');
 var Dropdown = require('react-bootstrap/Dropdown');
-var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
-var _regeneratorRuntime = require('@babel/runtime/regenerator');
 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');
@@ -214,12 +214,12 @@ var ImageGallery__default = /*#__PURE__*/_interopDefaultLegacy(ImageGallery);
 var ReactStars__default = /*#__PURE__*/_interopDefaultLegacy(ReactStars);
 var TextareaAutosize__default = /*#__PURE__*/_interopDefaultLegacy(TextareaAutosize);
 var InputRange__default = /*#__PURE__*/_interopDefaultLegacy(InputRange);
+var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
 var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
 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 = '';
@@ -2433,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;
@@ -2489,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({
@@ -2724,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;
@@ -2777,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 () {
@@ -2786,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({
@@ -2912,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"
@@ -2928,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"
@@ -2940,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"
@@ -2953,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',
@@ -2990,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;
@@ -3239,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
@@ -3247,135 +3247,1171 @@ var ProductReviews = function ProductReviews(props) {
   }))));
 };
 
-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;
+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 actions = props.actions;
   var langdetect = props.actions.langdetect;
-  var srcfromprops = props.actions.srcfromprops;
-  var returnpolicyobj = props.actions.returnpolicyobj;
-  var productinfo_cssstyles = props.actions.productinfo_cssstyles;
-  var addtocartfunc = props.actions.addtocartfunc;
-  props.actions.selectproductoptionvalue;
-  props.actions.clearchoosenvaluesbutkeepcurrentvalue;
-  var productimagesarray = props.actions.productimagesarray;
+  var _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 addtocardpayloadobj = props.actions.addtocardpayloadobj;
-  var setaddtocardpayloadobj = props.actions.setaddtocardpayloadobj;
-  var routingcountext = props.actions.routingcountext;
-  var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
-  var authdetailsContext = props.actions.authdetailsContext;
-  var variantsku = props.actions.variantsku;
-  var addtofavoritescontext = props.actions.addtofavoritescontext;
-  var variantindexcompleted = props.actions.variantindexcompleted;
-  props.actions.ProductInfoObj;
-  var NotificationManager = props.actions.NotificationManager;
-  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
-  var getprice_discountpriceprops = props.actions.getprice_discountpriceprops;
-  props.actions.getprice_discountpricepropsnormalonly;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
-  var currentshowingimageindex_pro = props.actions.currentshowingimageindex;
-  var StoreInfoprops = props.actions.StoreInfoprops;
-  props.actions.productimagesarray;
-  var sizeguideimage = props.actions.sizeguideimage;
-  // const setopensizeguidemodal = props.actions.setopensizeguidemodal;
-  // const opensizeguidemodal = props.actions.opensizeguidemodal;
-  var _useState = React.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
-    opensizeguidemodal = _useState2[0],
-    setopensizeguidemodal = _useState2[1];
-  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),
+  // const ProductInfoObj = props.actions.ProductInfoObj;
+  var _useState3 = React.useState({}),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    currentshowingimageindex = _useState4[0],
-    setcurrentshowingimageindex = _useState4[1];
-  // const DescriptionContent = props.actions.DescriptionContent;
-  var _useState5 = React.useState(''),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    shareUrl = _useState6[0],
-    setshareUrl = _useState6[1];
-  var _useState7 = React.useState(''),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    title = _useState8[0],
-    settitle = _useState8[1];
-  var _useState9 = React.useState(fetchProductInfoQueryContext.data.data.productinfo),
+    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];
-    var setitem = _useState0[1];
-  var _useState1 = React.useState(''),
-    _useState10 = _slicedToArray__default["default"](_useState1, 2);
-    _useState10[0];
-    var settotalprice = _useState10[1];
-  var _useState11 = React.useState(null),
+    _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),
-    gallery = _useState12[0],
-    setGallery = _useState12[1]; // Store reference to the gallery
-  var Slideshowsettings = {
-    indicators: true,
-    arrows: true,
-    pauseOnHover: false,
-    scale: 2
-  };
-  var toggleFullScreen = function toggleFullScreen() {
-    if (gallery) {
-      gallery.toggleFullScreen();
-    }
-  };
+    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 () {
-    var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
-    if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
-      itemobj.titlelang = 'en';
-    } else {
-      itemobj.titlelang = 'ar';
-    }
-    if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.description_en)) {
-      itemobj.decriptionlang = 'en';
-    } else {
-      itemobj.decriptionlang = 'ar';
-    }
-    setitem(itemobj);
-    settitle(fetchProductInfoQueryContext.data.data.productinfo.name_en);
-    setshareUrl('https://' + authdetailsContext.instinfo.instcred.instexternaldomain + '/productinform/' + fetchProductInfoQueryContext.data.data.productinfo.productid);
-  }, [props.itemprops]);
-  function stringIsEnglish(str) {
-    var titlelang = 'English';
-    var arabic = /[\u0600-\u06FF]/;
-    if (!arabic.test(str)) {
-      titlelang = true;
-    } else {
-      titlelang = false;
+    if (!initializedRef.current && fetchProductInfoQueryContext.isSuccess) {
+      setProductInfoObj(_objectSpread$2D({}, fetchProductInfoQueryContext.data)); // shallow clone
+      initializedRef.current = true; // mark as initialized
     }
-    return titlelang;
-  }
-  var Ar_redirector = function Ar_redirector() {
-    // var instapikey = authdetailsContext?.instinfo?.instcred?.webapp_apikey;
-    // var productid = fetchProductInfoQueryContext?.data?.data?.productinfo?.productid;
-
-    // const url = https://3d-tryon.vercel.app/?i=${instapikey}&p=${productid};
-    var url = 'https://3d-tryon.vercel.app/?i=68319d088f13f&p=6832fc16af9d7';
-    window.open(url, '_blank');
+  }, [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 ShareButtonsContainer = function ShareButtonsContainer() {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "row m-0 w-100"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 d-flex justify-content-center flex-column align-items-center p-0"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "m-0 p-0",
-      style: {
-        fontWeight: sectionproperties.sharebtn_FontWeight,
-        color: sectionproperties.sharebtn_color,
-        fontSize: sectionproperties.sharebtn_fontSize + 'px'
+  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);
       }
-    }, langdetect == 'en' ? sectionproperties.sharebtn_contentEn : sectionproperties.sharebtn_contentAr), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "Demo__container w-100 m-0 allcentered mt-3"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "Demo__some-network ml-2 mr-2"
-    }, /*#__PURE__*/React__default["default"].createElement(reactShare.FacebookShareButton, {
+    }
+  };
+  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, _fetchProductInfoQuer8, _fetchProductInfoQuer9;
+  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 getprice_discountpriceprops = props.actions.getprice_discountpriceprops;
+  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
+  };
+  function sleep(ms) {
+    return new Promise(function (resolve) {
+      return setTimeout(resolve, ms);
+    });
+  }
+  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;
+    var price = 0;
+    if ((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.hassale) == 1) {
+      price = getprice_discountpriceprops('defaultsaleprice', 0, undefined);
+    } else {
+      price = getprice_discountpriceprops('defaultprice', 0, undefined);
+    }
+    var pricewithtotal = price * item.toq;
+    var discountedPrice = pricewithtotal * (item.value / 100);
+    var priceafterdiscount = pricewithtotal - discountedPrice;
+    priceafterdiscount = priceafterdiscount.toFixed(2);
+    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'
+      }
+    }, priceafterdiscount, 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'
+      }
+    }, pricewithtotal, 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: /*#__PURE__*/_asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
+      var variantIds, counts, _i, _Object$entries, _Object$entries$_i, id, quantity;
+      return _regeneratorRuntime__default["default"].wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            variantIds = choosen_variant_ids_Ref.current || [];
+            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(([id, quantity]) => {
+            //     addtocartfunc(false, id, quantity);
+            // });
+            _i = 0, _Object$entries = Object.entries(counts);
+          case 1:
+            if (!(_i < _Object$entries.length)) {
+              _context.next = 4;
+              break;
+            }
+            _Object$entries$_i = _slicedToArray__default["default"](_Object$entries[_i], 2), id = _Object$entries$_i[0], quantity = _Object$entries$_i[1];
+            _context.next = 2;
+            return addtocartfunc(false, id, quantity);
+          case 2:
+            _context.next = 3;
+            return sleep(1500);
+          case 3:
+            _i++;
+            _context.next = 1;
+            break;
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }))
+  }, /*#__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 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.productactionbuttontext_en : 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.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, _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;
+  var srcfromprops = props.actions.srcfromprops;
+  var returnpolicyobj = props.actions.returnpolicyobj;
+  var productinfo_cssstyles = props.actions.productinfo_cssstyles;
+  var addtocartfunc = props.actions.addtocartfunc;
+  props.actions.selectproductoptionvalue;
+  props.actions.clearchoosenvaluesbutkeepcurrentvalue;
+  var productimagesarray = props.actions.productimagesarray;
+  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
+  var sectionproperties = props.actions.sectionproperties;
+  var addtocardpayloadobj = props.actions.addtocardpayloadobj;
+  var setaddtocardpayloadobj = props.actions.setaddtocardpayloadobj;
+  var routingcountext = props.actions.routingcountext;
+  var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
+  var authdetailsContext = props.actions.authdetailsContext;
+  var variantsku = props.actions.variantsku;
+  var addtofavoritescontext = props.actions.addtofavoritescontext;
+  var variantindexcompleted = props.actions.variantindexcompleted;
+  props.actions.ProductInfoObj;
+  var NotificationManager = props.actions.NotificationManager;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  var getprice_discountpriceprops = props.actions.getprice_discountpriceprops;
+  props.actions.getprice_discountpricepropsnormalonly;
+  var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var currentshowingimageindex_pro = props.actions.currentshowingimageindex;
+  var StoreInfoprops = props.actions.StoreInfoprops;
+  props.actions.productimagesarray;
+  var sizeguideimage = props.actions.sizeguideimage;
+  // const setopensizeguidemodal = props.actions.setopensizeguidemodal;
+  // const opensizeguidemodal = props.actions.opensizeguidemodal;
+  var _useState = React.useState(false),
+    _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),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    currentshowingimageindex = _useState4[0],
+    setcurrentshowingimageindex = _useState4[1];
+  // const DescriptionContent = props.actions.DescriptionContent;
+  var _useState5 = React.useState(''),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    shareUrl = _useState6[0],
+    setshareUrl = _useState6[1];
+  var _useState7 = React.useState(''),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    title = _useState8[0],
+    settitle = _useState8[1];
+  var _useState9 = React.useState(fetchProductInfoQueryContext.data.data.productinfo),
+    _useState0 = _slicedToArray__default["default"](_useState9, 2);
+    _useState0[0];
+    var setitem = _useState0[1];
+  var _useState1 = React.useState(''),
+    _useState10 = _slicedToArray__default["default"](_useState1, 2);
+    _useState10[0];
+    var settotalprice = _useState10[1];
+  var _useState11 = React.useState(null),
+    _useState12 = _slicedToArray__default["default"](_useState11, 2),
+    gallery = _useState12[0],
+    setGallery = _useState12[1]; // Store reference to the gallery
+  var Slideshowsettings = {
+    indicators: true,
+    arrows: true,
+    pauseOnHover: false,
+    scale: 2
+  };
+  var toggleFullScreen = function toggleFullScreen() {
+    if (gallery) {
+      gallery.toggleFullScreen();
+    }
+  };
+  React.useEffect(function () {
+    var itemobj = fetchProductInfoQueryContext.data.data.productinfo;
+    if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.name_en)) {
+      itemobj.titlelang = 'en';
+    } else {
+      itemobj.titlelang = 'ar';
+    }
+    if (stringIsEnglish(fetchProductInfoQueryContext.data.data.productinfo.description_en)) {
+      itemobj.decriptionlang = 'en';
+    } else {
+      itemobj.decriptionlang = 'ar';
+    }
+    setitem(itemobj);
+    settitle(fetchProductInfoQueryContext.data.data.productinfo.name_en);
+    setshareUrl('https://' + authdetailsContext.instinfo.instcred.instexternaldomain + '/productinform/' + fetchProductInfoQueryContext.data.data.productinfo.productid);
+  }, [props.itemprops]);
+  function stringIsEnglish(str) {
+    var titlelang = 'English';
+    var arabic = /[\u0600-\u06FF]/;
+    if (!arabic.test(str)) {
+      titlelang = true;
+    } else {
+      titlelang = false;
+    }
+    return titlelang;
+  }
+  var Ar_redirector = function Ar_redirector() {
+    // var instapikey = authdetailsContext?.instinfo?.instcred?.webapp_apikey;
+    // var productid = fetchProductInfoQueryContext?.data?.data?.productinfo?.productid;
+
+    // const url = https://3d-tryon.vercel.app/?i=${instapikey}&p=${productid};
+    var url = 'https://3d-tryon.vercel.app/?i=68319d088f13f&p=6832fc16af9d7';
+    window.open(url, '_blank');
+  };
+  var ShareButtonsContainer = function ShareButtonsContainer() {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 d-flex justify-content-center flex-column align-items-center p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": "m-0 p-0",
+      style: {
+        fontWeight: sectionproperties.sharebtn_FontWeight,
+        color: sectionproperties.sharebtn_color,
+        fontSize: sectionproperties.sharebtn_fontSize + 'px'
+      }
+    }, langdetect == 'en' ? sectionproperties.sharebtn_contentEn : sectionproperties.sharebtn_contentAr), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "Demo__container w-100 m-0 allcentered mt-3"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "Demo__some-network ml-2 mr-2"
+    }, /*#__PURE__*/React__default["default"].createElement(reactShare.FacebookShareButton, {
       url: shareUrl,
       quote: title,
       className: "Demo__some-network__share-button"
@@ -4241,7 +5277,9 @@ 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,
@@ -4850,7 +5888,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'
@@ -5954,7 +6992,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',
@@ -6081,7 +7119,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'
@@ -6348,7 +7386,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'
@@ -6727,7 +7765,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',
@@ -10782,6 +11820,7 @@ var Productinfo = function Productinfo(props) {
     }
   }, (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,