tabexseriescomponents 0.0.288 → 0.0.289

package/dist/index.cjs.js

@@ -125,7 +125,7 @@ var AiOutlinePhone = require('@react-icons/all-files/ai/AiOutlinePhone');
 var GoLocation = require('@react-icons/all-files/go/GoLocation');
 var RiRoadMapLine = require('@react-icons/all-files/ri/RiRoadMapLine');
 var HiOutlineClock = require('@react-icons/all-files/hi/HiOutlineClock');
-var Select$3 = require('react-select');
+var Select$4 = require('react-select');
 var ReactPlayer = require('react-player');
 var BackgroundSlideshow = require('react-background-slideshow');
 var _extends = require('@babel/runtime/helpers/extends');
@@ -181,7 +181,7 @@ var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
 var PhoneInput__default = /*#__PURE__*/_interopDefaultLegacy(PhoneInput);
 var InputRange__default = /*#__PURE__*/_interopDefaultLegacy(InputRange);
 var ReactPaginate__default = /*#__PURE__*/_interopDefaultLegacy(ReactPaginate);
-var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select$3);
+var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select$4);
 var ReactPlayer__default = /*#__PURE__*/_interopDefaultLegacy(ReactPlayer);
 var BackgroundSlideshow__default = /*#__PURE__*/_interopDefaultLegacy(BackgroundSlideshow);
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
@@ -524,8 +524,8 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$L = ".login-module_login_input_icon__hETpJ {\n    font-size: 15px;\n    color: #999999;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: flex;\n    align-items: center;\n    position: absolute;\n    border-radius: 25px;\n    bottom: 10px;\n    left: 0;\n    padding-left: 15px;\n    pointer-events: none;\n    -webkit-transition: all 0.4s;\n    -o-transition: all 0.4s;\n    -moz-transition: all 0.4s;\n    transition: all 0.4s;\n}\n.login-module_login_input_icontrans__8whFD{\n    font-size: 15px;\n    color: #999999;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: flex;\n    align-items: center;\n    position: absolute;\n    border-radius: 25px;\n    bottom: 10px;\n    right: 5;\n    pointer-events: none;\n    -webkit-transition: all 0.4s;\n    -o-transition: all 0.4s;\n    -moz-transition: all 0.4s;\n    transition: all 0.4s;\n\n}\n.login-module_form_control__-41tV:focus + .login-module_login_input_icontrans__8whFD {\n    /* padding-right: 10px; */\n}\n@media screen and (max-width: 500px) {\n    .login-module_login_input_icon__hETpJ {\n        padding-left: 0 !important;\n    }\n    .login-module_rightContainer__Nt9tD {\n        border-radius: 0 0 15px 15px !important;\n    }\n    .login-module_leftcontainer__Rlat- {\n        border-radius: 15px 15px 0 0 !important;\n    }\n}\n.login-module_form_control__-41tV:focus {\n    -webkit-animation: login-module_anim-shadow__4SiKH 0.5s ease-in-out forwards;\n    animation: login-module_anim-shadow__4SiKH 0.5s ease-in-out forwards;\n}\n.login-module_form_control__-41tV:focus + .login-module_login_input_icon__hETpJ {\n    /* padding-left: 20px; */\n}\n\n/* Forms */\n@media screen and (prefers-reduced-motion: reduce) {\n    .login-module_form_control__-41tV {\n        transition: none;\n    }\n}\n.login-module_form_control__-41tV::-ms-expand {\n    background-color: transparent;\n    border: 0;\n}\n.login-module_form_control__-41tV:focus {\n    outline: 0;\n}\n.login-module_form_control__-41tV::placeholder {\n    opacity: 1;\n}\n.login-module_form_control__-41tV:disabled,\n.login-module_form_control__-41tV[readonly] {\n    opacity: 1;\n    cursor: not-allowed;\n}\ntextarea.login-module_form_control__-41tV {\n    height: auto;\n}\n.login-module_form_control__-41tV:focus {\n    transition-duration: 0.3s;\n    box-shadow: none;\n}\n.login-module_form_control__-41tV::-moz-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.login-module_form_control__-41tV:-ms-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.login-module_form_control__-41tV::-webkit-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.login-module_form_control_border_none__dkr-m {\n    background-image: none;\n}\n.login-module_form_control__-41tV.login-module_disabled__fUlAg,\n.login-module_form_control__-41tV:disabled,\n.login-module_form_control__-41tV[disabled] {\n    cursor: not-allowed;\n}\n";
-var loginstyles$1 = {"login_input_icon":"login-module_login_input_icon__hETpJ","login_input_icontrans":"login-module_login_input_icontrans__8whFD","form_control":"login-module_form_control__-41tV","rightContainer":"login-module_rightContainer__Nt9tD","leftcontainer":"login-module_leftcontainer__Rlat-","anim-shadow":"login-module_anim-shadow__4SiKH","form_control_border_none":"login-module_form_control_border_none__dkr-m","disabled":"login-module_disabled__fUlAg"};
+var css_248z$L = ".login-module_login_input_icon__hETpJ {\n    font-size: 15px;\n    color: #999999;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: flex;\n    align-items: center;\n    position: absolute;\n    border-radius: 25px;\n    bottom: 10px;\n    left: 0;\n    padding-left: 15px;\n    pointer-events: none;\n    -webkit-transition: all 0.4s;\n    -o-transition: all 0.4s;\n    -moz-transition: all 0.4s;\n    transition: all 0.4s;\n}\n.login-module_showpassword_input_icon__5lPiH {\n    font-size: 15px;\n    color: #999999;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: flex;\n    align-items: center;\n    position: absolute;\n    border-radius: 25px;\n    bottom: 15px;\n    right: 25px;\n    padding-left: 15px;\n\n    -webkit-transition: all 0.4s;\n    -o-transition: all 0.4s;\n    -moz-transition: all 0.4s;\n    transition: all 0.4s;\n    cursor: pointer !important;\n    z-index: 10000000000000000000000 !important;\n}\n.login-module_login_input_icontrans__8whFD {\n    font-size: 15px;\n    color: #999999;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: flex;\n    align-items: center;\n    position: absolute;\n    border-radius: 25px;\n    bottom: 10px;\n    right: 5;\n    pointer-events: none;\n    -webkit-transition: all 0.4s;\n    -o-transition: all 0.4s;\n    -moz-transition: all 0.4s;\n    transition: all 0.4s;\n}\n.login-module_showpassword_input_icontrans__hKlPg {\n    font-size: 15px;\n    color: #999999;\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -moz-box;\n    display: -ms-flexbox;\n    display: flex;\n    align-items: center;\n    position: absolute;\n    border-radius: 25px;\n    bottom: 15px;\n    left: 25px;\n\n    -webkit-transition: all 0.4s;\n    -o-transition: all 0.4s;\n    -moz-transition: all 0.4s;\n    transition: all 0.4s;\n    cursor: pointer !important;\n    z-index: 10000000000000000000000 !important;\n}\n.login-module_form_control__-41tV:focus + .login-module_login_input_icontrans__8whFD {\n    /* padding-right: 10px; */\n}\n@media screen and (max-width: 500px) {\n    .login-module_login_input_icon__hETpJ {\n        padding-left: 0 !important;\n    }\n    .login-module_rightContainer__Nt9tD {\n        border-radius: 0 0 15px 15px !important;\n    }\n    .login-module_leftcontainer__Rlat- {\n        border-radius: 15px 15px 0 0 !important;\n    }\n}\n.login-module_form_control__-41tV:focus {\n    -webkit-animation: login-module_anim-shadow__4SiKH 0.5s ease-in-out forwards;\n    animation: login-module_anim-shadow__4SiKH 0.5s ease-in-out forwards;\n}\n.login-module_form_control__-41tV:focus + .login-module_login_input_icon__hETpJ {\n    /* padding-left: 20px; */\n}\n\n/* Forms */\n@media screen and (prefers-reduced-motion: reduce) {\n    .login-module_form_control__-41tV {\n        transition: none;\n    }\n}\n.login-module_form_control__-41tV::-ms-expand {\n    background-color: transparent;\n    border: 0;\n}\n.login-module_form_control__-41tV:focus {\n    outline: 0;\n}\n.login-module_form_control__-41tV::placeholder {\n    opacity: 1;\n}\n.login-module_form_control__-41tV:disabled,\n.login-module_form_control__-41tV[readonly] {\n    opacity: 1;\n    cursor: not-allowed;\n}\ntextarea.login-module_form_control__-41tV {\n    height: auto;\n}\n.login-module_form_control__-41tV:focus {\n    transition-duration: 0.3s;\n    box-shadow: none;\n}\n.login-module_form_control__-41tV::-moz-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.login-module_form_control__-41tV:-ms-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.login-module_form_control__-41tV::-webkit-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.login-module_form_control_border_none__dkr-m {\n    background-image: none;\n}\n.login-module_form_control__-41tV.login-module_disabled__fUlAg,\n.login-module_form_control__-41tV:disabled,\n.login-module_form_control__-41tV[disabled] {\n    cursor: not-allowed;\n}\n";
+var loginstyles$1 = {"login_input_icon":"login-module_login_input_icon__hETpJ","showpassword_input_icon":"login-module_showpassword_input_icon__5lPiH","login_input_icontrans":"login-module_login_input_icontrans__8whFD","showpassword_input_icontrans":"login-module_showpassword_input_icontrans__hKlPg","form_control":"login-module_form_control__-41tV","rightContainer":"login-module_rightContainer__Nt9tD","leftcontainer":"login-module_leftcontainer__Rlat-","anim-shadow":"login-module_anim-shadow__4SiKH","form_control_border_none":"login-module_form_control_border_none__dkr-m","disabled":"login-module_disabled__fUlAg"};
 styleInject(css_248z$L);
 
 var GoogleLoginButton = function GoogleLoginButton(props) {
@@ -626,40 +626,44 @@ var Login = function Login(props) {
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     statusreason = _useState2[0];
     _useState2[1];
-  var _useState3 = React.useState({
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    showpassword = _useState4[0],
+    setshowpassword = _useState4[1];
+  var _useState5 = React.useState({
       instapikey: instapikey,
       email: '',
       code: '',
       newpassword: '',
       confirmnewpassword: ''
     }),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    forgotpasswordpayload = _useState4[0],
-    setforgotpasswordpayload = _useState4[1];
-  var _useState5 = React.useState({
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    forgotpasswordpayload = _useState6[0],
+    setforgotpasswordpayload = _useState6[1];
+  var _useState7 = React.useState({
       instapikey: instapikey,
       email: '',
       password: ''
     }),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    payloadobj = _useState6[0],
-    setpayloadobj = _useState6[1];
-  var _useState7 = React.useState('send'),
     _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    forgetpasswordstage = _useState8[0],
-    setforgetpasswordstage = _useState8[1];
-  var _useState9 = React.useState(false),
+    payloadobj = _useState8[0],
+    setpayloadobj = _useState8[1];
+  var _useState9 = React.useState('send'),
     _useState10 = _slicedToArray__default["default"](_useState9, 2),
-    forgetpasswordmodal = _useState10[0],
-    setforgetpasswordmodal = _useState10[1];
-  var _useState11 = React.useState(''),
-    _useState12 = _slicedToArray__default["default"](_useState11, 2);
-    _useState12[0];
-    var setCurrentPageId = _useState12[1];
+    forgetpasswordstage = _useState10[0],
+    setforgetpasswordstage = _useState10[1];
+  var _useState11 = React.useState(false),
+    _useState12 = _slicedToArray__default["default"](_useState11, 2),
+    forgetpasswordmodal = _useState12[0],
+    setforgetpasswordmodal = _useState12[1];
   var _useState13 = React.useState(''),
-    _useState14 = _slicedToArray__default["default"](_useState13, 2),
-    sectionproperties = _useState14[0],
-    setsectionproperties = _useState14[1];
+    _useState14 = _slicedToArray__default["default"](_useState13, 2);
+    _useState14[0];
+    var setCurrentPageId = _useState14[1];
+  var _useState15 = React.useState(''),
+    _useState16 = _slicedToArray__default["default"](_useState15, 2),
+    sectionproperties = _useState16[0],
+    setsectionproperties = _useState16[1];
   React.useEffect(function () {
     var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
       return x.staticpageid == '6218bccb77283';
@@ -845,9 +849,16 @@ var Login = function Login(props) {
     className: "col-lg-12 col-md-12 col-sm-12 p-sm-0"
   }, /*#__PURE__*/React__default["default"].createElement("label", {
     className: "".concat(loginstyles2.logininputLabel) + ' text-transform-none d-flex justify-content-start '
-  }, langdetect == 'en' ? 'Password' : 'كلمة السر'), /*#__PURE__*/React__default["default"].createElement("input", {
+  }, langdetect == 'en' ? 'Password' : 'كلمة السر'), /*#__PURE__*/React__default["default"].createElement("div", {
+    onClick: function onClick() {
+      setshowpassword(!showpassword);
+    },
+    className: langdetect == 'en' ? loginstyles$1.showpassword_input_icon : loginstyles$1.showpassword_input_icontrans
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    className: "fa fa-eye h-100 d-flex align-items-center justify-content-center"
+  })), /*#__PURE__*/React__default["default"].createElement("input", {
     className: "".concat(loginstyles$1.form_control, " ").concat(loginstyles2.form_control),
-    type: "password",
+    type: showpassword ? 'text' : 'password',
     textplaceholder: "",
     value: payloadobj.password,
     onChange: function onChange(event) {
@@ -1115,8 +1126,133 @@ var css_248z$H = "@media screen and (max-width: 800px) {\n    .signup-module_rig
 var loginstyles = {"rightContainer":"signup-module_rightContainer__yEcoL","rightContainerTrans":"signup-module_rightContainerTrans__fkdBH","rightContainerText":"signup-module_rightContainerText__-pvN-","form_control":"signup-module_form_control__7s76W","anim-shadow":"signup-module_anim-shadow__CsxhG","login_input_icon":"signup-module_login_input_icon__RDTS0","form_control_border_none":"signup-module_form_control_border_none__HjUMS","disabled":"signup-module_disabled__h55ao","leftcontainer":"signup-module_leftcontainer__bqfnN","form_controltextarea":"signup-module_form_controltextarea__-LGz6","checkbox":"signup-module_checkbox__8ejBx","checkbox_label":"signup-module_checkbox_label__d84Q2","checkbox_sub":"signup-module_checkbox_sub__WQLUX","checkboxtranslated":"signup-module_checkboxtranslated__4xHR-"};
 styleInject(css_248z$H);
 
+function ownKeys$29(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$29(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$29(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$29(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var defaultstyles = {
+  option: function option(provided, state) {
+    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+      borderBottom: '1px solid #e6e6e6',
+      backgroundColor: state.isSelected ? '' : '',
+      padding: 5,
+      textTransform: 'capitalize',
+      color: state.isSelected ? '#eac435' : 'black',
+      transition: '.3s',
+      '&:hover': {
+        // color: '#eac435',
+        cursor: 'pointer'
+      }
+    });
+  },
+  control: function control() {
+    return {
+      borderBottom: '1px solid #ccc',
+      backgroundColor: 'white',
+      display: 'flex',
+      cursor: 'pointer',
+      padding: 0,
+      transition: '.3s',
+      '&:hover': {
+        // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
+        // borderRadius: '10px',
+      }
+    };
+  },
+  dropdownIndicator: function dropdownIndicator(provided) {
+    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+      '&:hover': {
+        // color: '#eac435',
+      }
+    });
+  }
+};
+var defaultstylestranslated = {
+  option: function option(provided, state) {
+    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+      borderBottom: '1px solid #e6e6e6',
+      backgroundColor: state.isSelected ? '' : '',
+      padding: 5,
+      textTransform: 'capitalize',
+      // color: state.isSelected ? '#eac435' : '#022648',
+      color: state.isSelected ? '#eac435' : 'black',
+      transition: '.3s',
+      textAlign: 'right',
+      '&:hover': {
+        // color: '#eac435',
+        cursor: 'pointer'
+      }
+    });
+  },
+  control: function control() {
+    return {
+      borderBottom: '1px solid #ccc',
+      backgroundColor: 'white',
+      display: 'flex',
+      cursor: 'pointer',
+      padding: 0,
+      transition: '.3s',
+      textAlign: 'right',
+      '&:hover': {
+        // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
+        // borderRadius: '10px',
+      }
+    };
+  },
+  dropdownIndicator: function dropdownIndicator(provided) {
+    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+      '&:hover': {
+        // color: '#eac435',
+      }
+    });
+  },
+  placeholder: function placeholder(provided, state) {
+    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+      textAlign: 'right'
+    });
+  }
+};
+var defaultstylesnone = {
+  option: function option(provided, state) {
+    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+      borderBottom: '1px solid #e6e6e6',
+      backgroundColor: state.isSelected ? '' : '',
+      padding: 5,
+      textTransform: 'capitalize',
+      color: state.isSelected ? '#eac435' : 'black',
+      transition: '.3s',
+      '&:hover': {
+        // color: '#eac435',
+        cursor: 'pointer'
+      }
+    });
+  },
+  control: function control() {
+    return {
+      borderBottom: 'none',
+      backgroundColor: 'transparent',
+      display: 'flex',
+      cursor: 'pointer',
+      padding: 0,
+      transition: '.3s',
+      '&:hover': {
+        // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
+        // borderRadius: '10px',
+      }
+    };
+  },
+  dropdownIndicator: function dropdownIndicator(provided) {
+    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+      '&:hover': {
+        // color: '#eac435',
+      }
+    });
+  }
+};
+
+var Select$3 = /*#__PURE__*/React__default["default"].lazy(function () {
+  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-select')); });
+});
 var Variantoptions = function Variantoptions(props) {
-  var _css, _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2;
+  var _css, _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _ProductInfoObj$data2, _ProductInfoObj$data3, _ProductInfoObj$data4;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var selectproductoptionvalue = props.actions.selectproductoptionvalue;
@@ -1272,23 +1408,74 @@ var Variantoptions = function Variantoptions(props) {
         }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
       }
     }))));
-  })), sectionproperties.variantstyle == 'Select Box' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12"
-  }, /*#__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'
-    }
-  }, "label"), /*#__PURE__*/React__default["default"].createElement("select", {
-    className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control)
-  }, /*#__PURE__*/React__default["default"].createElement("option", {
-    value: ''
-  }, langdetect == 'en' ? 'Choose' : 'إختر'), /*#__PURE__*/React__default["default"].createElement("option", {
-    value: 'asd'
-  }, "asdasd")))));
+  })), sectionproperties.variantstyle == 'Select Box' && (ProductInfoObj === null || ProductInfoObj === void 0 ? void 0 : (_ProductInfoObj$data2 = ProductInfoObj.data) === null || _ProductInfoObj$data2 === void 0 ? void 0 : (_ProductInfoObj$data3 = _ProductInfoObj$data2.productinfo) === null || _ProductInfoObj$data3 === void 0 ? void 0 : (_ProductInfoObj$data4 = _ProductInfoObj$data3.productoptions) === null || _ProductInfoObj$data4 === void 0 ? void 0 : _ProductInfoObj$data4.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) {
+        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 ? 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
+    })));
+  }))));
 };
 
 //productidprops
@@ -1382,8 +1569,8 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
   }, '-' + parseFloat(Math.round(10.0 * ((parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted)) - parseFloat(getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted))) / parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted))) * 100) / 10.0).toFixed(0) + '%'))))));
 };
 
-function ownKeys$29(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$29(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$29(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$29(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$28(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$28(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$28(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$28(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ProductExtraFields = function ProductExtraFields(props) {
   var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _css, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7;
   props.actions.lang;
@@ -1437,9 +1624,9 @@ var ProductExtraFields = function ProductExtraFields(props) {
       });
     }
     setproductextravaluesarray(_toConsumableArray__default["default"](tempproductextravaluesarray));
-    var tempaddtocardpayloadobj = _objectSpread$29({}, addtocardpayloadobj);
+    var tempaddtocardpayloadobj = _objectSpread$28({}, addtocardpayloadobj);
     tempaddtocardpayloadobj.extrafields = tempproductextravaluesarray;
-    setaddtocardpayloadobj(_objectSpread$29({}, tempaddtocardpayloadobj));
+    setaddtocardpayloadobj(_objectSpread$28({}, tempaddtocardpayloadobj));
   };
   var formstyles = {
     loginbtn: glamor.css({
@@ -1622,8 +1809,8 @@ var ProductExtraFields = function ProductExtraFields(props) {
   }))));
 };
 
-function ownKeys$28(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$28(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$28(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$28(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$27(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$27(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$27(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$27(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Product_itemtype = function Product_itemtype(props) {
   var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52;
   var lang = props.actions.lang;
@@ -1929,11 +2116,11 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(productinfo_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
-      var tempaddtocardpayloadobj = _objectSpread$28({}, addtocardpayloadobj);
+      var tempaddtocardpayloadobj = _objectSpread$27({}, addtocardpayloadobj);
       if (tempaddtocardpayloadobj.quantity > 0) {
         tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity - 1;
       }
-      setaddtocardpayloadobj(_objectSpread$28({}, tempaddtocardpayloadobj));
+      setaddtocardpayloadobj(_objectSpread$27({}, tempaddtocardpayloadobj));
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     className: "fa fa-chevron-down",
@@ -1945,9 +2132,9 @@ var Product_itemtype = function Product_itemtype(props) {
   }, addtocardpayloadobj.quantity), /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
-      var tempaddtocardpayloadobj = _objectSpread$28({}, addtocardpayloadobj);
+      var tempaddtocardpayloadobj = _objectSpread$27({}, addtocardpayloadobj);
       tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity + 1;
-      setaddtocardpayloadobj(_objectSpread$28({}, tempaddtocardpayloadobj));
+      setaddtocardpayloadobj(_objectSpread$27({}, tempaddtocardpayloadobj));
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     className: "fa fa-chevron-up",
@@ -1985,7 +2172,7 @@ var Product_itemtype = function Product_itemtype(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  })), lang.addtocart), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' d-flex align-items-center justify-content-center '
   }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
     color: "white",
@@ -2149,8 +2336,8 @@ var Product_itemtype = function Product_itemtype(props) {
   }, StoreInfoprops())))));
 };
 
-function ownKeys$27(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$27(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$27(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$27(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$26(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$26(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$26(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$26(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Serviceinfotabs = function Serviceinfotabs(props) {
   var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24;
   var langdetect = props.actions.langdetect;
@@ -2191,7 +2378,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     slots = _useState6[0],
     setslots = _useState6[1];
   React.useEffect(function () {
-    setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
+    setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
       item_type: 'service'
     }));
   }, [tabsarray]);
@@ -2203,16 +2390,16 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     if (diffDays.toString() != 'NaN') {
       if (date2 <= date1) {
         NotificationManager.warning('', 'Please choose another date.');
-        setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
           quantity: 0
         }));
       } else {
         if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= diffDays && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= diffDays) {
-          setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
+          setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
             quantity: diffDays
           }));
         } else {
-          setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
+          setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
             quantity: 0
           }));
           NotificationManager.warning('', 'Max: ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', Min: ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
@@ -2348,7 +2535,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     min: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : (_fetchProductInfoQuer10 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : (_fetchProductInfoQuer11 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.serviceinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.reservationstarts,
     max: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : (_fetchProductInfoQuer14 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : (_fetchProductInfoQuer15 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : (_fetchProductInfoQuer16 = _fetchProductInfoQuer15.serviceinfo) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.reservationends,
     onChange: function onChange(event) {
-      setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
+      setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
         from: event.target.value
       }));
     }
@@ -2368,7 +2555,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     min: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationstarts,
     max: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationends,
     onChange: function onChange(event) {
-      setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
+      setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
         to: event.target.value
       }));
     }
@@ -2388,7 +2575,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     min: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationstarts,
     max: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationends,
     onChange: function onChange(event) {
-      setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
+      setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
         date: event.target.value
       }));
       setcurrentmutatestate('/fetchserviceslots');
@@ -2439,7 +2626,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
         color: ischoosed ? sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? sectionproperties.generalbtn_textColoronhover : sectionproperties.generalbtn_textColor : ''
       },
       onClick: function onClick() {
-        setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
           time: item.slot
         }));
       }
@@ -2448,7 +2635,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       "class": TabsStyles.booknow_btn_resp + ' allcentered  ',
       onClick: function onClick() {
-        setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
           time: item.slot
         }));
       }
@@ -2490,7 +2677,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
       "class": ischoosed == true ? TabsStyles.timeSlotContainer_active + ' allcentered cursor-pointer px-1 ' : TabsStyles.timeSlotContainer + ' allcentered cursor-pointer px-1 ',
       style: {},
       onClick: function onClick() {
-        setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
           time: item.slot
         }));
       }
@@ -3075,8 +3262,8 @@ var Service_itemtype = function Service_itemtype(props) {
   }, StoreInfoprops()))));
 };
 
-function ownKeys$26(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$26(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$26(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$26(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$25(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$25(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$25(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$25(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var AddReview = function AddReview(props) {
   var _css;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -3130,7 +3317,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$26({}, secpropobj));
+      setsectionproperties(_objectSpread$25({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -3139,7 +3326,7 @@ var AddReview = function AddReview(props) {
     templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop[pageindexcontext]) === null || _templatepropcontext$ === void 0 ? void 0 : (_templatepropcontext$2 = _templatepropcontext$.pageproperties) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.forEach(function (arrayItem, arrayindex) {
       secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
     });
-    setsectionproperties(_objectSpread$26({}, secpropobj));
+    setsectionproperties(_objectSpread$25({}, secpropobj));
   }, [pageindexcontext]);
   var reviewstyles = {
     submitreviewbtn: glamor.css({
@@ -3265,9 +3452,9 @@ var AddReview = function AddReview(props) {
     }),
     activeColor: "#ffd700",
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$26({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$25({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewrate = event;
-      setreviewpayloadobj(_objectSpread$26({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$25({}, tempreviewpayloadobj));
     }
   })))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12"
@@ -3281,9 +3468,9 @@ var AddReview = function AddReview(props) {
     "class": reviewstyles.form_control,
     value: reviewpayloadobj.reviewname,
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$26({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$25({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewname = event.target.value;
-      setreviewpayloadobj(_objectSpread$26({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$25({}, tempreviewpayloadobj));
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 mb-4"
@@ -3293,9 +3480,9 @@ var AddReview = function AddReview(props) {
     "class": reviewstyles.form_control,
     value: reviewpayloadobj.reviewtitle,
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$26({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$25({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewtitle = event.target.value;
-      setreviewpayloadobj(_objectSpread$26({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$25({}, tempreviewpayloadobj));
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 mb-4"
@@ -3306,9 +3493,9 @@ var AddReview = function AddReview(props) {
     "class": reviewstyles.form_control + ' form_control ',
     value: reviewpayloadobj.reviewbody,
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$26({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$25({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewbody = event.target.value;
-      setreviewpayloadobj(_objectSpread$26({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$25({}, tempreviewpayloadobj));
     },
     style: {
       resize: 'none',
@@ -3343,8 +3530,8 @@ var AddReview = function AddReview(props) {
   }, langdetect == 'en' ? sectionproperties.reviewbtn_contenten : sectionproperties.reviewbtn_contentar)));
 };
 
-function ownKeys$25(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$25(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$25(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$25(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$24(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$24(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$24(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$24(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ProductReviews = function ProductReviews(props) {
   var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12;
   props.actions.lang;
@@ -3578,7 +3765,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$25(_objectSpread$25({}, actions), {}, {
+    actions: _objectSpread$24(_objectSpread$24({}, actions), {}, {
       productid: productid,
       canuserreview: canuserreview,
       addreviewcallback: addreviewcallback
@@ -3586,8 +3773,8 @@ var ProductReviews = function ProductReviews(props) {
   }))));
 };
 
-function ownKeys$24(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$24(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$24(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$24(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$23(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$23(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$23(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$23(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Productinfo = function Productinfo(props) {
   var _css, _ref, _ref2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _fetchProductInfoQuer72, _fetchProductInfoQuer73, _fetchProductInfoQuer74, _fetchProductInfoQuer75, _fetchProductInfoQuer76, _fetchProductInfoQuer77, _fetchProductInfoQuer78, _fetchProductInfoQuer79, _fetchProductInfoQuer80, _fetchProductInfoQuer81, _fetchProductInfoQuer82, _fetchProductInfoQuer83, _fetchProductInfoQuer84, _fetchProductInfoQuer85, _fetchProductInfoQuer86, _fetchProductInfoQuer87, _fetchProductInfoQuer88, _fetchProductInfoQuer89, _fetchProductInfoQuer90, _fetchProductInfoQuer91, _fetchProductInfoQuer92, _fetchProductInfoQuer93, _fetchProductInfoQuer94, _fetchProductInfoQuer95, _fetchProductInfoQuer96, _fetchProductInfoQuer97, _fetchProductInfoQuer98, _fetchProductInfoQuer99, _fetchProductInfoQuer100, _fetchProductInfoQuer101, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -3700,7 +3887,7 @@ var Productinfo = function Productinfo(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$24({}, secpropobj));
+      setsectionproperties(_objectSpread$23({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -3721,7 +3908,7 @@ var Productinfo = function Productinfo(props) {
     templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop[pageindexcontext]) === null || _templatepropcontext$ === void 0 ? void 0 : (_templatepropcontext$2 = _templatepropcontext$.pageproperties) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.forEach(function (arrayItem, arrayindex) {
       secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
     });
-    setsectionproperties(_objectSpread$24({}, secpropobj));
+    setsectionproperties(_objectSpread$23({}, secpropobj));
   }, [pageindexcontext]);
   React.useEffect(function () {
     if (productidparam == undefined) {
@@ -3741,12 +3928,12 @@ var Productinfo = function Productinfo(props) {
     }
   }, [ProductInfoObj, isloaded]);
   var productidassigner = function productidassigner(productid) {
-    var tempFetchQueriesEngineContext = _objectSpread$24({}, FetchQueriesEngineContext);
+    var tempFetchQueriesEngineContext = _objectSpread$23({}, FetchQueriesEngineContext);
     tempFetchQueriesEngineContext.fetchproductinfo = true;
-    setFetchQueriesEngineContext(_objectSpread$24({}, tempFetchQueriesEngineContext));
-    var tempfetchproductinfoObjContext = _objectSpread$24({}, fetchproductinfoObjContext);
+    setFetchQueriesEngineContext(_objectSpread$23({}, tempFetchQueriesEngineContext));
+    var tempfetchproductinfoObjContext = _objectSpread$23({}, fetchproductinfoObjContext);
     tempfetchproductinfoObjContext.productid = productid;
-    setfetchproductinfoObjContext(_objectSpread$24({}, tempfetchproductinfoObjContext));
+    setfetchproductinfoObjContext(_objectSpread$23({}, tempfetchproductinfoObjContext));
   };
   React.useEffect(function () {
     if (!fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess && ikimagecredcontext != undefined) {
@@ -3772,9 +3959,9 @@ var Productinfo = function Productinfo(props) {
         }
         setproductimagesarray([].concat(tempproductimagesarray));
         variantchecker();
-        var tempaddtocardpayloadobj = _objectSpread$24({}, addtocardpayloadobj);
+        var tempaddtocardpayloadobj = _objectSpread$23({}, addtocardpayloadobj);
         tempaddtocardpayloadobj.productid = fetchProductInfoQueryContext.data.data.productinfo.productid;
-        setaddtocardpayloadobj(_objectSpread$24({}, tempaddtocardpayloadobj));
+        setaddtocardpayloadobj(_objectSpread$23({}, tempaddtocardpayloadobj));
         setRelatedProductsTagid(fetchProductInfoQueryContext.data.data.productinfo.maintagid);
         if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 ? void 0 : (_fetchProductInfoQuer2 = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : (_fetchProductInfoQuer3 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.maintagid) != null && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : (_fetchProductInfoQuer5 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : (_fetchProductInfoQuer6 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : (_fetchProductInfoQuer7 = _fetchProductInfoQuer6.maintagid) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.length) != 0) {
           GeneralAPIMutationContext.mutate({
@@ -3821,7 +4008,7 @@ var Productinfo = function Productinfo(props) {
     });
     variantchecker();
     variantcompleting();
-    setProductInfoObj(_objectSpread$24({}, productarr));
+    setProductInfoObj(_objectSpread$23({}, productarr));
   };
   var variantchecker = function variantchecker() {
     var productarr = ProductInfoObj;
@@ -3895,16 +4082,16 @@ var Productinfo = function Productinfo(props) {
           });
         }
         // queryClient.setQueryData('fetchProductInfo_API' + JSON.stringify(fetchproductinfoObjContext), productarr);
-        setProductInfoObj(_objectSpread$24({}, productarr));
+        setProductInfoObj(_objectSpread$23({}, productarr));
         setisloaded(true);
       }
     }
   };
   var variantcompleting = function variantcompleting() {
     setvariantindexcompleted('');
-    var tempaddtocardpayloadobj = _objectSpread$24({}, addtocardpayloadobj);
+    var tempaddtocardpayloadobj = _objectSpread$23({}, addtocardpayloadobj);
     tempaddtocardpayloadobj.variantid = '';
-    setaddtocardpayloadobj(_objectSpread$24({}, tempaddtocardpayloadobj));
+    setaddtocardpayloadobj(_objectSpread$23({}, tempaddtocardpayloadobj));
     var productarr = ProductInfoObj;
     var selectedoptionsvalues = [];
     productarr.data.productinfo.productoptions.forEach(function (productoptionsitem, productoptionsindex) {
@@ -3936,7 +4123,7 @@ var Productinfo = function Productinfo(props) {
           NotificationManager.warning('', 'Variant Not Found');
         } else {
           variantid = variantobj.variantid;
-          var tempaddtocardpayloadobj = _objectSpread$24({}, addtocardpayloadobj);
+          var tempaddtocardpayloadobj = _objectSpread$23({}, addtocardpayloadobj);
           tempaddtocardpayloadobj.variantid = variantid;
           var variantimageindex = 0;
           productimagesarray === null || productimagesarray === void 0 ? void 0 : productimagesarray.forEach(function (tempimageitem, tempimageindex) {
@@ -3945,13 +4132,13 @@ var Productinfo = function Productinfo(props) {
             }
           });
           setcurrentshowingimageindex(variantimageindex);
-          setaddtocardpayloadobj(_objectSpread$24({}, tempaddtocardpayloadobj));
+          setaddtocardpayloadobj(_objectSpread$23({}, tempaddtocardpayloadobj));
           setvariantindexcompleted(ProductVariantIndex);
         }
       }
     });
     // queryClient.setQueryData('fetchProductInfo_API' + JSON.stringify(fetchproductinfoObjContext), productarr);
-    setProductInfoObj(_objectSpread$24({}, productarr));
+    setProductInfoObj(_objectSpread$23({}, productarr));
   };
   var addtocartfunc = function addtocartfunc() {
     var runfunc = false;
@@ -3971,7 +4158,7 @@ var Productinfo = function Productinfo(props) {
     }
     if (runfunc == true) {
       var _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13;
-      var tempaddtocardpayloadobj = _objectSpread$24({}, addtocardpayloadobj);
+      var tempaddtocardpayloadobj = _objectSpread$23({}, addtocardpayloadobj);
       tempaddtocardpayloadobj.isproductforcedtocheckout = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : (_fetchProductInfoQuer13 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.isproductforcedtocheckout;
       var Extrafieldvalidationresponse = validateextrafields();
       if (Extrafieldvalidationresponse.status) {
@@ -3981,7 +4168,7 @@ var Productinfo = function Productinfo(props) {
   };
   var validateextrafields = function validateextrafields() {
     var _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16;
-    var tempaddtocardpayloadobj = _objectSpread$24({}, addtocardpayloadobj);
+    var tempaddtocardpayloadobj = _objectSpread$23({}, addtocardpayloadobj);
     var status = false;
     var reason = '';
     var missingitemsfound = [];
@@ -4874,7 +5061,7 @@ var Productinfo = function Productinfo(props) {
   })), tabname == 'reviewstab' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 w-100 pl-5 pr-5 p-md-0"
   }, /*#__PURE__*/React__default["default"].createElement(ProductReviews, {
-    actions: _objectSpread$24(_objectSpread$24({}, actions), {}, {
+    actions: _objectSpread$23(_objectSpread$23({}, actions), {}, {
       productinfo_cssstyles: productinfo_cssstyles,
       sectionproperties: sectionproperties
     })
@@ -4891,8 +5078,8 @@ var css_248z$G = "/* Side Nav */\n.staticroutersidenav-module_vertical_nav_menu_
 var staticroutersidenav = {"vertical_nav_menu":"staticroutersidenav-module_vertical_nav_menu__p0mIj","sidebar_item":"staticroutersidenav-module_sidebar_item__3F9Q1","sidenav_page_name":"staticroutersidenav-module_sidenav_page_name__46AJV","sidenav_icon_cont":"staticroutersidenav-module_sidenav_icon_cont__O8YSe","metismenu_icon":"staticroutersidenav-module_metismenu_icon__EcRZ1","sidenav_active":"staticroutersidenav-module_sidenav_active__IjRo0","horizontal_nav_menu":"staticroutersidenav-module_horizontal_nav_menu__6V32S","sidebar_itemlastchild":"staticroutersidenav-module_sidebar_itemlastchild__9O187"};
 styleInject(css_248z$G);
 
-function ownKeys$23(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$23(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$23(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$23(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$22(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$22(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$22(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$22(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Staticpagesrouter = function Staticpagesrouter(props) {
   var _useState = React.useState(props.currentpageprops),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -4928,7 +5115,7 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
       templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$ === void 0 ? void 0 : (_templatepropcontext$2 = _templatepropcontext$.pageproperties) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$23({}, secpropobj));
+      setsectionproperties(_objectSpread$22({}, secpropobj));
     }
   }, [CurrentPageId]);
   var styles = {
@@ -5090,8 +5277,8 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
   }))))));
 };
 
-function ownKeys$22(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$22(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$22(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$22(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$21(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$21(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$21(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$21(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Ordershistory = function Ordershistory(props) {
   var _props$actions2, _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchorderhistoryQue4, _fetchorderhistoryQue5, _fetchorderhistoryQue6, _fetchorderhistoryQue7, _fetchorderhistoryQue8, _fetchorderhistoryQue9, _fetchorderhistoryQue10, _fetchorderhistoryQue11, _fetchorderhistoryQue12, _fetchorderhistoryQue13, _fetchorderhistoryQue14;
   var lang = props.actions.lang;
@@ -5144,9 +5331,9 @@ var Ordershistory = function Ordershistory(props) {
     setorderindex = _useState14[1];
   React.useEffect(function () {
     if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.loggedin) == true) {
-      var tempFetchQueriesEngineContext = _objectSpread$22({}, FetchQueriesEngineContext);
+      var tempFetchQueriesEngineContext = _objectSpread$21({}, FetchQueriesEngineContext);
       tempFetchQueriesEngineContext.orderhistory = true;
-      setFetchQueriesEngineContext(_objectSpread$22({}, tempFetchQueriesEngineContext));
+      setFetchQueriesEngineContext(_objectSpread$21({}, tempFetchQueriesEngineContext));
     }
   }, []);
   var _useState15 = React.useState(''),
@@ -5167,7 +5354,7 @@ var Ordershistory = function Ordershistory(props) {
     props === null || props === void 0 ? void 0 : (_props$actions = props.actions) === null || _props$actions === void 0 ? void 0 : (_props$actions$StateP = _props$actions.StatePagePropertiesContext) === null || _props$actions$StateP === void 0 ? void 0 : (_props$actions$StateP2 = _props$actions$StateP.pageobj) === null || _props$actions$StateP2 === void 0 ? void 0 : (_props$actions$StateP3 = _props$actions$StateP2.pageproperties) === null || _props$actions$StateP3 === void 0 ? void 0 : _props$actions$StateP3.forEach(function (arrayItem, arrayindex) {
       secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
     });
-    setsectionproperties(_objectSpread$22({}, secpropobj));
+    setsectionproperties(_objectSpread$21({}, secpropobj));
   }, [props === null || props === void 0 ? void 0 : (_props$actions2 = props.actions) === null || _props$actions2 === void 0 ? void 0 : _props$actions2.StatePagePropertiesContext]);
   var orderhistory_cssstyles = {
     variantcontainer: glamor.css({
@@ -6024,8 +6211,8 @@ var css_248z$F = ".wishlist-module_wishlist_card__sUXul .wishlist-module_image_c
 var wishliststyles = {"wishlist_card":"wishlist-module_wishlist_card__sUXul","image_container":"wishlist-module_image_container__FuptA","floatbtn":"wishlist-module_floatbtn__PZDvQ"};
 styleInject(css_248z$F);
 
-function ownKeys$21(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$21(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$21(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$21(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$20(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$20(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$20(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$20(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Wishlist = function Wishlist(props) {
   var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8;
   var lang = props.actions.lang;
@@ -6053,13 +6240,13 @@ var Wishlist = function Wishlist(props) {
       StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$21({}, secpropobj));
+      setsectionproperties(_objectSpread$20({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
-    var tempFetchQueriesEngineContext = _objectSpread$21({}, FetchQueriesEngineContext);
+    var tempFetchQueriesEngineContext = _objectSpread$20({}, FetchQueriesEngineContext);
     tempFetchQueriesEngineContext.fetchfavoriteproducts = true;
-    setFetchQueriesEngineContext(_objectSpread$21({}, tempFetchQueriesEngineContext));
+    setFetchQueriesEngineContext(_objectSpread$20({}, tempFetchQueriesEngineContext));
   }, []);
   React.useEffect(function () {
     if (Object.keys(StatePagePropertiesContext).length != 0) {
@@ -6068,7 +6255,7 @@ var Wishlist = function Wishlist(props) {
       StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$21({}, secpropobj));
+      setsectionproperties(_objectSpread$20({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   var wishlist_cssstyles = {
@@ -6473,8 +6660,8 @@ var Wishlist = function Wishlist(props) {
   })));
 };
 
-function ownKeys$20(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$20(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$20(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$20(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1$(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1$(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1$(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Viewcart = function Viewcart(props) {
   var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchcustomercartQue19, _fetchcustomercartQue20, _fetchcustomercartQue21, _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24, _fetchcustomercartQue25;
   var lang = props.actions.lang;
@@ -6506,7 +6693,7 @@ var Viewcart = function Viewcart(props) {
       StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$20({}, secpropobj));
+      setsectionproperties(_objectSpread$1$({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -7090,91 +7277,6 @@ var css_248z$E = "/* Forms */\n.form-module_form_control__4-RGw {\n    display:
 var formstyles = {"form_control":"form-module_form_control__4-RGw","textarea":"form-module_textarea__zG0ed","form_control_border_none":"form-module_form_control_border_none__TJvdZ","disabled":"form-module_disabled__AtvSI","input_label_name":"form-module_input_label_name__416wN","input_label_name-bolder":"form-module_input_label_name-bolder__UQn0a","input_icon":"form-module_input_icon__X-CzC","radiobtn_label":"form-module_radiobtn_label__-4Hoi","text-grey":"form-module_text-grey__JdZMY","radiobtn_label_translated":"form-module_radiobtn_label_translated__WN5Jj","checkbox":"form-module_checkbox__XPkWy","checkbox_label":"form-module_checkbox_label__VvcKs","checkbox_sub":"form-module_checkbox_sub__QWYil","checkboxtranslated":"form-module_checkboxtranslated__zvEV-"};
 styleInject(css_248z$E);
 
-function ownKeys$1$(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$1$(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1$(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var defaultstyles = {
-  option: function option(provided, state) {
-    return _objectSpread$1$(_objectSpread$1$({}, provided), {}, {
-      borderBottom: '1px solid #e6e6e6',
-      backgroundColor: state.isSelected ? '' : '',
-      padding: 5,
-      textTransform: 'capitalize',
-      color: state.isSelected ? '#eac435' : 'black',
-      transition: '.3s',
-      '&:hover': {
-        // color: '#eac435',
-        cursor: 'pointer'
-      }
-    });
-  },
-  control: function control() {
-    return {
-      borderBottom: '1px solid #ccc',
-      backgroundColor: 'white',
-      display: 'flex',
-      cursor: 'pointer',
-      padding: 0,
-      transition: '.3s',
-      '&:hover': {
-        // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
-        // borderRadius: '10px',
-      }
-    };
-  },
-  dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$1$(_objectSpread$1$({}, provided), {}, {
-      '&:hover': {
-        // color: '#eac435',
-      }
-    });
-  }
-};
-var defaultstylestranslated = {
-  option: function option(provided, state) {
-    return _objectSpread$1$(_objectSpread$1$({}, provided), {}, {
-      borderBottom: '1px solid #e6e6e6',
-      backgroundColor: state.isSelected ? '' : '',
-      padding: 5,
-      textTransform: 'capitalize',
-      // color: state.isSelected ? '#eac435' : '#022648',
-      color: state.isSelected ? '#eac435' : 'black',
-      transition: '.3s',
-      textAlign: 'right',
-      '&:hover': {
-        // color: '#eac435',
-        cursor: 'pointer'
-      }
-    });
-  },
-  control: function control() {
-    return {
-      borderBottom: '1px solid #ccc',
-      backgroundColor: 'white',
-      display: 'flex',
-      cursor: 'pointer',
-      padding: 0,
-      transition: '.3s',
-      textAlign: 'right',
-      '&:hover': {
-        // boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
-        // borderRadius: '10px',
-      }
-    };
-  },
-  dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$1$(_objectSpread$1$({}, provided), {}, {
-      '&:hover': {
-        // color: '#eac435',
-      }
-    });
-  },
-  placeholder: function placeholder(provided, state) {
-    return _objectSpread$1$(_objectSpread$1$({}, provided), {}, {
-      textAlign: 'right'
-    });
-  }
-};
-
 function ownKeys$1_(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1_(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1_(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Select$2 = /*#__PURE__*/React__default["default"].lazy(function () {