tabexseriescomponents 0.0.288 → 0.0.291

package/dist/index.esm.js

@@ -33,13 +33,13 @@ import { FacebookShareButton, FacebookIcon, TwitterShareButton, TwitterIcon, Wha
 import { IKImage } from 'imagekitio-react';
 import ReactStars from 'react-rating-stars-component';
 import { FiLayers } from '@react-icons/all-files/fi/FiLayers';
-import { Box, Tabs, Tab } from '@mui/material';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import TextareaAutosize from 'react-textarea-autosize';
 import { AiOutlineClockCircle } from '@react-icons/all-files/ai/AiOutlineClockCircle';
 import { AiOutlinePlus } from '@react-icons/all-files/ai/AiOutlinePlus';
 import { AiOutlineCheck } from '@react-icons/all-files/ai/AiOutlineCheck';
 import { ScrollMenu } from 'react-horizontal-scrolling-menu';
+import { Box, Tabs, Tab } from '@mui/material';
 import { HiOutlinePhone } from '@react-icons/all-files/hi/HiOutlinePhone';
 import { AiOutlineMail } from '@react-icons/all-files/ai/AiOutlineMail';
 import { FaShippingFast } from '@react-icons/all-files/fa/FaShippingFast';
@@ -123,7 +123,7 @@ import { AiOutlinePhone } from '@react-icons/all-files/ai/AiOutlinePhone';
 import { GoLocation } from '@react-icons/all-files/go/GoLocation';
 import { RiRoadMapLine } from '@react-icons/all-files/ri/RiRoadMapLine';
 import { HiOutlineClock } from '@react-icons/all-files/hi/HiOutlineClock';
-import Select$3 from 'react-select';
+import Select$4 from 'react-select';
 import ReactPlayer from 'react-player';
 import BackgroundSlideshow from 'react-background-slideshow';
 import _extends from '@babel/runtime/helpers/extends';
@@ -477,8 +477,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) {
@@ -579,40 +579,44 @@ var Login = function Login(props) {
     _useState2 = _slicedToArray(_useState, 2),
     statusreason = _useState2[0];
     _useState2[1];
-  var _useState3 = useState({
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showpassword = _useState4[0],
+    setshowpassword = _useState4[1];
+  var _useState5 = useState({
       instapikey: instapikey,
       email: '',
       code: '',
       newpassword: '',
       confirmnewpassword: ''
     }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    forgotpasswordpayload = _useState4[0],
-    setforgotpasswordpayload = _useState4[1];
-  var _useState5 = useState({
+    _useState6 = _slicedToArray(_useState5, 2),
+    forgotpasswordpayload = _useState6[0],
+    setforgotpasswordpayload = _useState6[1];
+  var _useState7 = useState({
       instapikey: instapikey,
       email: '',
       password: ''
     }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    payloadobj = _useState6[0],
-    setpayloadobj = _useState6[1];
-  var _useState7 = useState('send'),
     _useState8 = _slicedToArray(_useState7, 2),
-    forgetpasswordstage = _useState8[0],
-    setforgetpasswordstage = _useState8[1];
-  var _useState9 = useState(false),
+    payloadobj = _useState8[0],
+    setpayloadobj = _useState8[1];
+  var _useState9 = useState('send'),
     _useState10 = _slicedToArray(_useState9, 2),
-    forgetpasswordmodal = _useState10[0],
-    setforgetpasswordmodal = _useState10[1];
-  var _useState11 = useState(''),
-    _useState12 = _slicedToArray(_useState11, 2);
-    _useState12[0];
-    var setCurrentPageId = _useState12[1];
+    forgetpasswordstage = _useState10[0],
+    setforgetpasswordstage = _useState10[1];
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    forgetpasswordmodal = _useState12[0],
+    setforgetpasswordmodal = _useState12[1];
   var _useState13 = useState(''),
-    _useState14 = _slicedToArray(_useState13, 2),
-    sectionproperties = _useState14[0],
-    setsectionproperties = _useState14[1];
+    _useState14 = _slicedToArray(_useState13, 2);
+    _useState14[0];
+    var setCurrentPageId = _useState14[1];
+  var _useState15 = useState(''),
+    _useState16 = _slicedToArray(_useState15, 2),
+    sectionproperties = _useState16[0],
+    setsectionproperties = _useState16[1];
   useEffect(function () {
     var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
       return x.staticpageid == '6218bccb77283';
@@ -798,9 +802,16 @@ var Login = function Login(props) {
     className: "col-lg-12 col-md-12 col-sm-12 p-sm-0"
   }, /*#__PURE__*/React.createElement("label", {
     className: "".concat(loginstyles2.logininputLabel) + ' text-transform-none d-flex justify-content-start '
-  }, langdetect == 'en' ? 'Password' : 'كلمة السر'), /*#__PURE__*/React.createElement("input", {
+  }, langdetect == 'en' ? 'Password' : 'كلمة السر'), /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick() {
+      setshowpassword(!showpassword);
+    },
+    className: langdetect == 'en' ? loginstyles$1.showpassword_input_icon : loginstyles$1.showpassword_input_icontrans
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "fa fa-eye h-100 d-flex align-items-center justify-content-center"
+  })), /*#__PURE__*/React.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) {
@@ -1068,8 +1079,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(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.lazy(function () {
+  return import('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;
@@ -1225,23 +1361,74 @@ var Variantoptions = function Variantoptions(props) {
         }, langdetect == 'en' ? optionvaluesitem.valuename : optionvaluesitem.valuename_ar));
       }
     }))));
-  })), sectionproperties.variantstyle == 'Select Box' && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12"
-  }, /*#__PURE__*/React.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.createElement("select", {
-    className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control)
-  }, /*#__PURE__*/React.createElement("option", {
-    value: ''
-  }, langdetect == 'en' ? 'Choose' : 'إختر'), /*#__PURE__*/React.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.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.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.createElement("div", {
+      style: {
+        width: '100%'
+      },
+      className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control) + ' variantselectbox '
+    }, /*#__PURE__*/React.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
@@ -1252,10 +1439,26 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
   var sectionproperties = props.actions.sectionproperties;
   var authdetailsContext = props.actions.authdetailsContext;
   var variantindexcompleted = props.actions.variantindexcompleted;
-  props.actions.ikimagecredcontext;
   var getprice_discountpriceprops = props.actions.getprice_discountpriceprops;
   var quantityconditionfoundobjprops = props.actions.quantityconditionfoundobjprops;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, sectionproperties.showDefaultPricingSection == 'Show' && /*#__PURE__*/React.createElement("div", {
+  var productinfo_cssstyles = {
+    profitcontainer: css({
+      width: sectionproperties.profitcontainerwidth + '%',
+      height: sectionproperties.profitcontainerheight + 'px',
+      background: sectionproperties.profitcontainerbgcolor,
+      border: sectionproperties.profitcontainerborderwidth + 'px solid' + sectionproperties.profitcontainerbordercolor,
+      borderRadius: sectionproperties.profitcontainerborderradius + 'px',
+      color: sectionproperties.profitcontainercolor,
+      '@media (max-width: 800px)': {
+        width: '90%'
+      }
+    })
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, sectionproperties.showDefaultPricingSection == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 mb-3 d-flex justift-content-start",
     style: {
       background: sectionproperties.reservation_bgcolor,
@@ -1332,11 +1535,26 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
       fontSize: '13px',
       lineHeight: '25px'
     }
-  }, '-' + parseFloat(Math.round(10.0 * ((parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted)) - parseFloat(getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted))) / parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted))) * 100) / 10.0).toFixed(0) + '%'))))));
+  }, '-' + parseFloat(Math.round(10.0 * ((parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted)) - parseFloat(getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted))) / parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted))) * 100) / 10.0).toFixed(0) + '%'))))), sectionproperties.showprofitcontainer == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mb-2"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": productinfo_cssstyles.profitcontainer + ' allcentered '
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": ' m-0 p-0 d-flex align-items-center justify-content-center '
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontWeight: sectionproperties.profitcontainerfontweight
+    }
+  }, langdetect == 'en' ? sectionproperties.profitcontainercontenten : sectionproperties.profitcontainercontentar, ":", ' '), /*#__PURE__*/React.createElement("span", {
+    "class": "mx-1",
+    style: {
+      fontWeight: sectionproperties.profitcontainersecondaryfontweight
+    }
+  }, 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$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(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(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;
@@ -1390,9 +1608,9 @@ var ProductExtraFields = function ProductExtraFields(props) {
       });
     }
     setproductextravaluesarray(_toConsumableArray(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: css({
@@ -1575,8 +1793,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(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(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;
@@ -1882,11 +2100,11 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React.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.createElement("i", {
     className: "fa fa-chevron-down",
@@ -1898,9 +2116,9 @@ var Product_itemtype = function Product_itemtype(props) {
   }, addtocardpayloadobj.quantity), /*#__PURE__*/React.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.createElement("i", {
     className: "fa fa-chevron-up",
@@ -1938,7 +2156,7 @@ var Product_itemtype = function Product_itemtype(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  })), lang.addtocart), AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
+  })), langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic), AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
     className: ' d-flex align-items-center justify-content-center '
   }, /*#__PURE__*/React.createElement(CircularProgress, {
     color: "white",
@@ -2102,8 +2320,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(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(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;
@@ -2144,7 +2362,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     slots = _useState6[0],
     setslots = _useState6[1];
   useEffect(function () {
-    setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
+    setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
       item_type: 'service'
     }));
   }, [tabsarray]);
@@ -2156,16 +2374,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);
@@ -2301,7 +2519,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
       }));
     }
@@ -2321,7 +2539,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
       }));
     }
@@ -2341,7 +2559,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');
@@ -2392,7 +2610,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
         }));
       }
@@ -2401,7 +2619,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     }, /*#__PURE__*/React.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
         }));
       }
@@ -2443,7 +2661,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
         }));
       }
@@ -3028,8 +3246,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(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(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;
@@ -3083,7 +3301,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]);
   useEffect(function () {
@@ -3092,7 +3310,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: css({
@@ -3218,9 +3436,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.createElement("div", {
     "class": "col-lg-12"
@@ -3234,9 +3452,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.createElement("div", {
     "class": "col-lg-12 mb-4"
@@ -3246,9 +3464,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.createElement("div", {
     "class": "col-lg-12 mb-4"
@@ -3259,9 +3477,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',
@@ -3296,8 +3514,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(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(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;
@@ -3531,7 +3749,7 @@ var ProductReviews = function ProductReviews(props) {
     size: "md",
     "class": "reviewmodal"
   }, /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement(AddReview, {
-    actions: _objectSpread$25(_objectSpread$25({}, actions), {}, {
+    actions: _objectSpread$24(_objectSpread$24({}, actions), {}, {
       productid: productid,
       canuserreview: canuserreview,
       addreviewcallback: addreviewcallback
@@ -3539,8 +3757,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(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(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;
@@ -3653,7 +3871,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]);
   useEffect(function () {
@@ -3674,7 +3892,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]);
   useEffect(function () {
     if (productidparam == undefined) {
@@ -3694,12 +3912,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));
   };
   useEffect(function () {
     if (!fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess && ikimagecredcontext != undefined) {
@@ -3725,9 +3943,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({
@@ -3774,7 +3992,7 @@ var Productinfo = function Productinfo(props) {
     });
     variantchecker();
     variantcompleting();
-    setProductInfoObj(_objectSpread$24({}, productarr));
+    setProductInfoObj(_objectSpread$23({}, productarr));
   };
   var variantchecker = function variantchecker() {
     var productarr = ProductInfoObj;
@@ -3848,16 +4066,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) {
@@ -3889,7 +4107,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) {
@@ -3898,13 +4116,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;
@@ -3924,7 +4142,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) {
@@ -3934,7 +4152,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 = [];
@@ -4827,7 +5045,7 @@ var Productinfo = function Productinfo(props) {
   })), tabname == 'reviewstab' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 w-100 pl-5 pr-5 p-md-0"
   }, /*#__PURE__*/React.createElement(ProductReviews, {
-    actions: _objectSpread$24(_objectSpread$24({}, actions), {}, {
+    actions: _objectSpread$23(_objectSpread$23({}, actions), {}, {
       productinfo_cssstyles: productinfo_cssstyles,
       sectionproperties: sectionproperties
     })
@@ -4844,8 +5062,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(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(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 = useState(props.currentpageprops),
     _useState2 = _slicedToArray(_useState, 2),
@@ -4881,7 +5099,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 = {
@@ -5043,8 +5261,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(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(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;
@@ -5097,9 +5315,9 @@ var Ordershistory = function Ordershistory(props) {
     setorderindex = _useState14[1];
   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 = useState(''),
@@ -5120,7 +5338,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: css({
@@ -5977,8 +6195,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(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(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;
@@ -6006,13 +6224,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]);
   useEffect(function () {
-    var tempFetchQueriesEngineContext = _objectSpread$21({}, FetchQueriesEngineContext);
+    var tempFetchQueriesEngineContext = _objectSpread$20({}, FetchQueriesEngineContext);
     tempFetchQueriesEngineContext.fetchfavoriteproducts = true;
-    setFetchQueriesEngineContext(_objectSpread$21({}, tempFetchQueriesEngineContext));
+    setFetchQueriesEngineContext(_objectSpread$20({}, tempFetchQueriesEngineContext));
   }, []);
   useEffect(function () {
     if (Object.keys(StatePagePropertiesContext).length != 0) {
@@ -6021,7 +6239,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 = {
@@ -6426,8 +6644,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(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(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;
@@ -6459,7 +6677,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]);
   useEffect(function () {
@@ -7043,91 +7261,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(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(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.lazy(function () {
@@ -12523,6 +12656,7 @@ var CardsSection = function CardsSection(props) {
         cardobj.quantavailtype = arrayItem.productinfo.quantavailtype;
         cardobj.isproducttobesold = arrayItem.productinfo.isproducttobesold;
         cardobj.measurmentunit = arrayItem.productinfo.measurmentunit;
+        cardobj.prodaffpercentprofit = arrayItem.productinfo.prodaffpercentprofit;
         if (langdetect == 'en') {
           cardobj.currencyname = fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : fetchAuthorizationQueryContext.data.data.currencyname_en;
         } else {
@@ -40477,14 +40611,14 @@ var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props
     className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-12 col-md-12 col-sm-12 mb-3 p-0 '
   }, /*#__PURE__*/React.createElement("label", {
     className: "".concat(sectionstyles.input_label_name) + ' m-0 '
-  }, lang.country), /*#__PURE__*/React.createElement(Select$3, {
+  }, lang.country), /*#__PURE__*/React.createElement(Select$4, {
     options: countries,
     styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated
   })), /*#__PURE__*/React.createElement("div", {
     className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-12 col-md-12 col-sm-12 mb-3 p-0 '
   }, /*#__PURE__*/React.createElement("label", {
     className: "".concat(sectionstyles.input_label_name) + ' m-0 '
-  }, langdetect == 'en' ? 'State' : 'الولاية'), /*#__PURE__*/React.createElement(Select$3, {
+  }, langdetect == 'en' ? 'State' : 'الولاية'), /*#__PURE__*/React.createElement(Select$4, {
     options: states,
     styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated
   })), /*#__PURE__*/React.createElement("div", {
@@ -43288,7 +43422,18 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     })), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0"
     }, /*#__PURE__*/React.createElement("button", {
-      "class": "".concat(section_styles.btn)
+      "class": "".concat(section_styles.btn),
+      onClick: function onClick() {
+        if (sectionproperties.btntype == 'WhatsApp') {
+          var _authdetailsContext$i;
+          if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber) != null) {
+            var _authdetailsContext$i2;
+            window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.whatsappnumber), '_blank');
+          }
+        } else {
+          window.open(sectionproperties.btnlink, '_blank');
+        }
+      }
     }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 d-flex justify-content-sm-center mb-sm-4 align-items-center",
       style: {
@@ -43298,10 +43443,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
       "class": "".concat(section_styles.facebook_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
       onClick: function onClick() {
-        var _authdetailsContext$i;
-        if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.facebooklink) != null) {
-          var _authdetailsContext$i2;
-          window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink, '_blank');
+        var _authdetailsContext$i3;
+        if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null) {
+          var _authdetailsContext$i4;
+          window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink, '_blank');
         }
       }
     }, /*#__PURE__*/React.createElement(FaFacebookF, {
@@ -43309,10 +43454,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
       "class": "".concat(section_styles.instgram_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
       onClick: function onClick() {
-        var _authdetailsContext$i3;
-        if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instagramlink) != null) {
-          var _authdetailsContext$i4;
-          window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink, '_blank');
+        var _authdetailsContext$i5;
+        if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink) != null) {
+          var _authdetailsContext$i6;
+          window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink, '_blank');
         }
       }
     }, /*#__PURE__*/React.createElement(AiFillInstagram, {
@@ -43320,10 +43465,10 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
       "class": "".concat(section_styles.youtube_btn) + '  d-flex align-items-center justify-content-center ml-3 mr-3 ',
       onClick: function onClick() {
-        var _authdetailsContext$i5;
-        if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.whatsappnumber) != null) {
-          var _authdetailsContext$i6;
-          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber), '_blank');
+        var _authdetailsContext$i7;
+        if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber) != null) {
+          var _authdetailsContext$i8;
+          window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.whatsappnumber), '_blank');
         }
       }
     }, /*#__PURE__*/React.createElement(FaWhatsapp, {
@@ -48140,6 +48285,21 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
         transition: '.3s',
         color: sectionproperties.remove_quantitybtn_textcoloronhover
       }
+    }),
+    outstockbadge: css({
+      width: sectionproperties.outstock_width + 'px',
+      height: sectionproperties.outstock_height + 'px',
+      background: sectionproperties.outstock_bg,
+      color: sectionproperties.outstock_color,
+      fontSize: sectionproperties.outstock_fontSize + 'px',
+      borderRadius: sectionproperties.outstock_borderradius + 'px',
+      position: 'absolute',
+      zIndex: 2,
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0,
+      margin: 'auto'
     })
   };
   return /*#__PURE__*/React.createElement("div", {
@@ -48194,7 +48354,9 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
       borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
-      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px'
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
+      opacity: item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1
+
       // border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
     },
 
@@ -48226,7 +48388,11 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
       fontSize: sectionproperties.pillfontSize + 'px',
       direction: 'ltr'
     }
-  }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')))), /*#__PURE__*/React.createElement("div", {
+  }, '-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%')), item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0"
+  }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar)))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
   }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 align-items-center justify-content-center text-center mb-2"
@@ -48273,7 +48439,9 @@ var CircleCardWithVariants = function CircleCardWithVariants(props) {
   }))), sectionproperties.cartBtnShow == 'Show' && showquantity == false && /*#__PURE__*/React.createElement("button", {
     "class": "".concat(card_cssstyles.cart_btn) + ' ml-2 mr-2  ml-sm-1 mr-sm-1 w-md-130px w-sm-100px font-sm-12 ',
     onClick: function onClick() {
-      if (sectionproperties.quantitybtn_show == 'Show') {
+      if (item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0) {
+        NotificationManager.warning('', langdetect == 'en' ? 'Sold Out' : 'نفذت الكمية');
+      } else if (sectionproperties.quantitybtn_show == 'Show') {
         setshowquantity(true);
       } else {
         setShowProductInfoModalContext(true);
@@ -57526,7 +57694,10 @@ var Simpleproductcard = function Simpleproductcard(props) {
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
       transition: '.3s',
-      opacity: item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1
+      opacity: item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 ? 0.4 : 1,
+      '@media (max-width: 800px)': {
+        height: sectionproperties.height_responsive != null ? sectionproperties.height_responsive + 'px' : sectionproperties.image_height + 'px'
+      }
     }),
     productNameStyles: css({
       color: sectionproperties.prodNameColor,
@@ -57596,6 +57767,17 @@ var Simpleproductcard = function Simpleproductcard(props) {
       left: 0,
       right: 0,
       margin: 'auto'
+    }),
+    profitcontainer: css({
+      width: sectionproperties.profitcontainerwidth + '%',
+      height: sectionproperties.profitcontainerheight + 'px',
+      background: sectionproperties.profitcontainerbgcolor,
+      border: sectionproperties.profitcontainerborderwidth + 'px solid' + sectionproperties.profitcontainerbordercolor,
+      borderRadius: sectionproperties.profitcontainerborderradius + 'px',
+      color: sectionproperties.profitcontainercolor,
+      '@media (max-width: 800px)': {
+        width: '100%'
+      }
     })
   };
   return /*#__PURE__*/React.createElement("div", {
@@ -57708,7 +57890,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
         cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
       }
     },
-    "class": "".concat(card_cssstyles.productcardimagecont) + ' w-100 p-0 d-flex align-items-center justify-content-center d-md-none ',
+    "class": "".concat(card_cssstyles.productcardimagecont) + ' w-100 p-0 d-flex align-items-center justify-content-center ',
     style: {
       zIndex: 1,
       marginBottom: sectionproperties.image_mb + 'px'
@@ -57723,31 +57905,6 @@ var Simpleproductcard = function Simpleproductcard(props) {
       height: sectionproperties.imageInnerWidth_Height + '%',
       objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
     }
-  })), /*#__PURE__*/React.createElement("div", {
-    onClick: function onClick() {
-      if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == 'Product Information') {
-        setShowProductInfoModalContext(true);
-        setProductIdProdutInfoModalContext(item.productid);
-      } else {
-        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
-      }
-    },
-    "class": "".concat(card_cssstyles.productcardimagecont) + ' w-100 p-0 d-none d-md-flex align-items-center justify-content-center ',
-    style: {
-      zIndex: 1,
-      marginBottom: sectionproperties.image_mb + 'px',
-      height: sectionproperties.height_responsive == 0 ? 'auto' : sectionproperties.height_responsive
-    }
-  }, item.image != '' && /*#__PURE__*/React.createElement(Imagekitimagecomp, {
-    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-    path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
-    loading: "lazy",
-    style: {
-      width: sectionproperties.imageInnerWidth_Height + '%',
-      height: sectionproperties.imageInnerWidth_Height + '%',
-      objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
-    }
   })), item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0 && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React.createElement("p", {
@@ -57760,7 +57917,10 @@ var Simpleproductcard = function Simpleproductcard(props) {
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     },
-    "class": "".concat(card_cssstyles.productNameStyles) + '  wordbreak wordbreak1 text-center m-0 '
+    "class": "".concat(card_cssstyles.productNameStyles) + '  wordbreak wordbreak1 m-0 ',
+    style: {
+      textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+    }
   }, item.name)), /*#__PURE__*/React.createElement("div", {
     style: {
       flexDirection: 'column'
@@ -57769,16 +57929,46 @@ var Simpleproductcard = function Simpleproductcard(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 "
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "d-flex flex-row col-lg-12 m-0 p-0 align-items-center justify-content-center mb-1 "
+    "class": "d-flex flex-row col-lg-12 m-0 p-0 align-items-center mb-1 ",
+    style: {
+      justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
+    }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": props.sectiontypeprops2 == 'vertical' ? ' d-flex align-items-center justify-content-center p-0 mb-0 flex-sm-column ' : ' d-flex align-items-center justify-content-center p-0 mb-0 '
+    "class": props.sectiontypeprops2 == 'vertical' ? ' d-flex align-items-center p-0 mb-0 flex-sm-column ' : ' d-flex align-items-center p-0 mb-0 ',
+    style: {
+      textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+    }
   }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
     "class": "".concat(card_cssstyles.productPricestyles) + ' m-0 '
-  }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
-    "class": " d-flex align-items-center justify-content-center p-0 mb-0"
+  }, langdetect == 'en' ? item.currencyname : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'en' ? '' : item.currencyname), sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && /*#__PURE__*/React.createElement("div", {
+    "class": " d-flex align-items-center p-0 mb-0"
   }, /*#__PURE__*/React.createElement("p", {
     "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
-  }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'))))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("p", {
+  }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname)))), sectionproperties.showprofitcontainer == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0",
+    style: {
+      justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": card_cssstyles.profitcontainer + ' d-flex align-items-center flex-sm-column px-2',
+    style: {
+      justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": ' m-0 p-0 d-flex align-items-center ',
+    style: {
+      justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontWeight: sectionproperties.profitcontainerfontweight
+    }
+  }, langdetect == 'en' ? sectionproperties.profitcontainercontenten : sectionproperties.profitcontainercontentar, ":", ' '), /*#__PURE__*/React.createElement("span", {
+    "class": "mx-1",
+    style: {
+      fontWeight: sectionproperties.profitcontainersecondaryfontweight
+    }
+  }, langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(item.hassale == 1 ? item.defaultsaleprice : item.defaultprice) * (item.prodaffpercentprofit / 100))).toFixed(0), ' ', langdetect == 'en' ? '' : item.currencyname))))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("p", {
     "class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center mt-1 ',
     onClick: function onClick() {
       if (item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && item.hasvariants == 0) {