tabexseriescomponents 0.0.296 → 0.0.298

package/dist/index.cjs.js

@@ -43,7 +43,7 @@ var AiOutlineClockCircle = require('@react-icons/all-files/ai/AiOutlineClockCirc
 var AiOutlinePlus = require('@react-icons/all-files/ai/AiOutlinePlus');
 var AiOutlineCheck = require('@react-icons/all-files/ai/AiOutlineCheck');
 var reactHorizontalScrollingMenu = require('react-horizontal-scrolling-menu');
-var material = require('@mui/material');
+require('@mui/material');
 var HiOutlinePhone = require('@react-icons/all-files/hi/HiOutlinePhone');
 var AiOutlineMail = require('@react-icons/all-files/ai/AiOutlineMail');
 var FaShippingFast = require('@react-icons/all-files/fa/FaShippingFast');
@@ -605,8 +605,8 @@ var FacebookLoginButton = function FacebookLoginButton(props) {
   }));
 };
 
-function ownKeys$2b(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$2b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2b(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$2a(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$2a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2a(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Login = function Login(props) {
   var _css;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -679,7 +679,7 @@ var Login = function Login(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$2b({}, secpropobj));
+      setsectionproperties(_objectSpread$2a({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -838,9 +838,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: payloadobj.email,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2b({}, payloadobj);
+      var temppayloadobj = _objectSpread$2a({}, payloadobj);
       temppayloadobj.email = event.target.value;
-      setpayloadobj(_objectSpread$2b({}, temppayloadobj));
+      setpayloadobj(_objectSpread$2a({}, temppayloadobj));
     },
     style: {
       background: 'transparent'
@@ -862,9 +862,9 @@ var Login = function Login(props) {
     textplaceholder: "",
     value: payloadobj.password,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2b({}, payloadobj);
+      var temppayloadobj = _objectSpread$2a({}, payloadobj);
       temppayloadobj.password = event.target.value;
-      setpayloadobj(_objectSpread$2b({}, temppayloadobj));
+      setpayloadobj(_objectSpread$2a({}, temppayloadobj));
     },
     style: {
       background: 'transparent'
@@ -996,9 +996,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.email,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2b({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
       temppayloadobj.email = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2b({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
     },
     disabled: forgetpasswordstage == 'verify' ? true : false,
     style: {
@@ -1013,9 +1013,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.code,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2b({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
       temppayloadobj.code = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2b({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
     },
     style: {
       background: 'transparent'
@@ -1029,9 +1029,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.newpassword,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2b({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
       temppayloadobj.newpassword = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2b({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
     },
     style: {
       background: 'transparent'
@@ -1045,9 +1045,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.confirmnewpassword,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2b({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
       temppayloadobj.confirmnewpassword = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2b({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
     },
     style: {
       background: 'transparent'
@@ -1059,7 +1059,7 @@ var Login = function Login(props) {
     onClick: function onClick() {
       if (forgotpasswordpayload.email.length != 0) {
         var runfunc = false;
-        var tempforgotpasswordpayload = _objectSpread$2b({}, forgotpasswordpayload);
+        var tempforgotpasswordpayload = _objectSpread$2a({}, forgotpasswordpayload);
         tempforgotpasswordpayload.functype = forgetpasswordstage;
         if (forgetpasswordstage == 'verify') {
           if (tempforgotpasswordpayload.newpassword.length != 0 && tempforgotpasswordpayload.code.length != 0) {
@@ -1126,11 +1126,11 @@ var css_248z$J = "@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$J);
 
-function ownKeys$2a(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$2a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2a(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$29(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$29(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$29(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$29(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var defaultstyles = {
   option: function option(provided, state) {
-    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
+    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -1158,7 +1158,7 @@ var defaultstyles = {
     };
   },
   dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
+    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
       '&:hover': {
         // color: '#eac435',
       }
@@ -1167,7 +1167,7 @@ var defaultstyles = {
 };
 var defaultstylestranslated = {
   option: function option(provided, state) {
-    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
+    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -1198,21 +1198,21 @@ var defaultstylestranslated = {
     };
   },
   dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
+    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
       '&:hover': {
         // color: '#eac435',
       }
     });
   },
   placeholder: function placeholder(provided, state) {
-    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
+    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
       textAlign: 'right'
     });
   }
 };
 var defaultstylesnone = {
   option: function option(provided, state) {
-    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
+    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -1240,7 +1240,7 @@ var defaultstylesnone = {
     };
   },
   dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
+    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
       '&:hover': {
         // color: '#eac435',
       }
@@ -1600,8 +1600,8 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
   }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(Math.round(parseInt(fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 ? parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2) : parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2)) * (fetchProductInfoQueryContext.data.data.productinfo.prodaffpercentprofit / 100))).toFixed(0), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))));
 };
 
-function ownKeys$29(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$29(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$29(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$29(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$28(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$28(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$28(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$28(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ProductExtraFields = function ProductExtraFields(props) {
   var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _css, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7;
   props.actions.lang;
@@ -1656,9 +1656,9 @@ var ProductExtraFields = function ProductExtraFields(props) {
       });
     }
     setproductextravaluesarray(_toConsumableArray__default["default"](tempproductextravaluesarray));
-    var tempaddtocardpayloadobj = _objectSpread$29({}, addtocardpayloadobj);
+    var tempaddtocardpayloadobj = _objectSpread$28({}, addtocardpayloadobj);
     tempaddtocardpayloadobj.extrafields = tempproductextravaluesarray;
-    setaddtocardpayloadobj(_objectSpread$29({}, tempaddtocardpayloadobj));
+    setaddtocardpayloadobj(_objectSpread$28({}, tempaddtocardpayloadobj));
   };
   var formstyles = {
     input_label_name: glamor.css({
@@ -1763,8 +1763,8 @@ var ProductExtraFields = function ProductExtraFields(props) {
   }))));
 };
 
-function ownKeys$28(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$28(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$28(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$28(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$27(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$27(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$27(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$27(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Product_itemtype = function Product_itemtype(props) {
   var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58;
   var lang = props.actions.lang;
@@ -2126,11 +2126,11 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(productinfo_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
-      var tempaddtocardpayloadobj = _objectSpread$28({}, addtocardpayloadobj);
+      var tempaddtocardpayloadobj = _objectSpread$27({}, addtocardpayloadobj);
       if (tempaddtocardpayloadobj.quantity > 0) {
         tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity - 1;
       }
-      setaddtocardpayloadobj(_objectSpread$28({}, tempaddtocardpayloadobj));
+      setaddtocardpayloadobj(_objectSpread$27({}, tempaddtocardpayloadobj));
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-down' : 'h-100 allcentered',
@@ -2144,9 +2144,9 @@ var Product_itemtype = function Product_itemtype(props) {
   }, addtocardpayloadobj.quantity), /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
-      var tempaddtocardpayloadobj = _objectSpread$28({}, addtocardpayloadobj);
+      var tempaddtocardpayloadobj = _objectSpread$27({}, addtocardpayloadobj);
       tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity + 1;
-      setaddtocardpayloadobj(_objectSpread$28({}, tempaddtocardpayloadobj));
+      setaddtocardpayloadobj(_objectSpread$27({}, tempaddtocardpayloadobj));
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-up' : 'h-100 allcentered'
@@ -2426,8 +2426,8 @@ var Product_itemtype = function Product_itemtype(props) {
   }, StoreInfoprops())))));
 };
 
-function ownKeys$27(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$27(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$27(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$27(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$26(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$26(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$26(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$26(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Serviceinfotabs = function Serviceinfotabs(props) {
   var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24;
   var langdetect = props.actions.langdetect;
@@ -2468,7 +2468,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     slots = _useState6[0],
     setslots = _useState6[1];
   React.useEffect(function () {
-    setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
+    setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
       item_type: 'service'
     }));
   }, [tabsarray]);
@@ -2480,16 +2480,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);
@@ -2625,7 +2625,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
       }));
     }
@@ -2645,11 +2645,11 @@ 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
       }));
     }
-  }))))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : (_fetchProductInfoQuer18 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : (_fetchProductInfoQuer19 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : (_fetchProductInfoQuer20 = _fetchProductInfoQuer19.serviceinfo) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.scheduletype) == 'minutes' && slots.length != 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+  }))))), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer17 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : (_fetchProductInfoQuer18 = _fetchProductInfoQuer17.data) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : (_fetchProductInfoQuer19 = _fetchProductInfoQuer18.productinfo) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : (_fetchProductInfoQuer20 = _fetchProductInfoQuer19.serviceinfo) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : _fetchProductInfoQuer20.scheduletype) == 'minutes' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 mb-2"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
@@ -2665,7 +2665,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');
@@ -2678,7 +2678,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
         }
       });
     }
-  })))), /*#__PURE__*/React__default["default"].createElement("div", {
+  })))), slots.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": TabsStyles.inputfield_label + ' p-0 d-flex justify-content-start m-0 '
@@ -2716,7 +2716,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
         }));
       }
@@ -2725,7 +2725,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       "class": TabsStyles.booknow_btn_resp + ' allcentered  ',
       onClick: function onClick() {
-        setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
           time: item.slot
         }));
       }
@@ -2767,7 +2767,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
         }));
       }
@@ -3030,7 +3030,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
 };
 
 var Service_itemtype = function Service_itemtype(props) {
-  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18;
+  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;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -3112,7 +3112,8 @@ var Service_itemtype = function Service_itemtype(props) {
       minHeight: '70vh'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: langdetect == 'en' ? 'col-lg-9 pl-0 mb-md-3 p-md-0' : 'col-lg-9 pr-0 mb-md-3 p-md-0'
+    className: sectionproperties.showfooterphonenumber == 'Hide' && sectionproperties.showfooteremail == 'Hide' && sectionproperties.showstoreinfo2 == 'Hide' && sectionproperties.showstoreinfo1 == 'Hide' ? 'col-lg-12 p-0' : langdetect == 'en' ? 'col-lg-9 pl-0 mb-md-3 p-md-0' : 'col-lg-9 pr-0 mb-md-3 p-md-0'
+    // className={langdetect == 'en' ? 'col-lg-9 pl-0 mb-md-3 p-md-0' : 'col-lg-9 pr-0 mb-md-3 p-md-0'}
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: 'row m-0 w-100'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -3130,7 +3131,7 @@ var Service_itemtype = function Service_itemtype(props) {
     showPlayButton: false,
     showFullscreenButton: true
   })), sectionproperties.showShareButton == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 d-flex justify-content-center flex-column align-items-center p-0 mt-2"
+    "class": sectionproperties.thumbnailposition == 'Bottom' ? 'col-lg-12 d-flex justify-content-center flex-column align-items-center p-0 mt-5' : 'col-lg-12 d-flex justify-content-center flex-column align-items-center p-0 mt-2'
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0",
     style: {
@@ -3173,7 +3174,7 @@ var Service_itemtype = function Service_itemtype(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-8 col-md-8 col-sm-12 p-0 mb-1 d-flex d-sm-none justify-content-start align-items-center"
+    className: "col-xl-8 col-lg-7 col-md-8 col-sm-12 p-0 mb-1 d-flex d-md-none justify-content-start align-items-center"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -3202,9 +3203,9 @@ var Service_itemtype = function Service_itemtype(props) {
     }),
     activeColor: "#ffd700"
   })))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-4 col-md-4 col-sm-4 p-0 mb-1 d-flex justify-content-end align-items-center"
-  }, sectionproperties.show_availability == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "d-flex justify-content-center align-items-center ml-2 mr-2",
+    className: "col-xl-4 col-lg-5 col-md-4 col-sm-4 p-0 mb-1 d-flex justify-content-end justify-content-md-start align-items-center"
+  }, sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : (_fetchProductInfoQuer8 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : (_fetchProductInfoQuer9 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "d-flex justify-content-center align-items-center ml-2 mr-2 m-md-0",
     style: {
       minWidth: sectionproperties.availability_width + 'px',
       height: sectionproperties.availability_height + 'px',
@@ -3219,7 +3220,7 @@ var Service_itemtype = function Service_itemtype(props) {
       fontSize: sectionproperties.availability_fontsize + 'px'
     }
   }, fetchProductInfoQueryContext.data.data.productinfo.quantavailtype == 'nolimit' ? lang.available : lang.limitedquantity)), sectionproperties.btnposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: productinfo_cssstyles.wishlist_btn + ' d-flex justify-content-center align-items-center ml-2 mr-2 ',
+    className: productinfo_cssstyles.wishlist_btn + ' d-flex d-md-none justify-content-center align-items-center ml-2 mr-2 ',
     onClick: function onClick() {
       addtofavoritescontext(fetchProductInfoQueryContext.data.data.productinfo.productid);
     },
@@ -3248,15 +3249,49 @@ var Service_itemtype = function Service_itemtype(props) {
     size: sectionproperties.favBtnIconfontsize
   }))))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-8 col-md-8 col-sm-12 p-0 mb-1 d-none d-sm-flex justify-content-start align-items-center"
-  }, ' ', /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : (_fetchProductInfoQuer11 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.productcanrate) == 1 ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.btnposition == 'Top' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : sectionproperties.availabilitybtnposition == 'Top' && sectionproperties.show_availability == 'Show' ? 'col-lg-8 col-md-8 col-sm-8 p-0 mb-1 d-flex justify-content-start align-items-center' : 'col-lg-12 p-0 mb-1 d-flex justify-content-start align-items-center'
   }, ProductName()), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-4 col-md-4 col-sm-4 p-0 mb-1 d-flex justify-content-end align-items-center"
+  }, sectionproperties.btnposition == 'Top' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: productinfo_cssstyles.wishlist_btn + ' d-flex justify-content-center align-items-center ml-2 mr-2 ',
+    onClick: function onClick() {
+      addtofavoritescontext(fetchProductInfoQueryContext.data.data.productinfo.productid);
+    },
+    style: {
+      background: fetchProductInfoQueryContext.data.data.productinfo.IsFavExists == true ? sectionproperties.activebgcolor : ''
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    className: "h-100 d-flex align-items-center justify-content-center"
+  }, fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
+    className: "h-100 d-flex align-items-center justify-content-center"
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiFillStar, {
+    size: sectionproperties.favBtnIconfontsize,
+    style: {
+      color: sectionproperties.activefaviconcolor
+    }
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaHeart, {
+    size: sectionproperties.favBtnIconfontsize,
+    style: {
+      color: sectionproperties.activefaviconcolor
+    }
+  })), !fetchProductInfoQueryContext.data.data.productinfo.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
+    className: "h-100 d-flex align-items-center justify-content-center"
+  }, sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(AiOutlineStar.AiOutlineStar, {
+    size: sectionproperties.favBtnIconfontsize
+  }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
+    size: sectionproperties.favBtnIconfontsize
+  }))))))), (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 : _fetchProductInfoQuer15.productcanrate) == 1 && sectionproperties.showrating == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-start"
   }, /*#__PURE__*/React__default["default"].createElement(ReactStars__default["default"], {
     count: 5,
-    value: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : (_fetchProductInfoQuer8 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : (_fetchProductInfoQuer9 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.productoverallrate,
+    value: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : (_fetchProductInfoQuer17 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : (_fetchProductInfoQuer18 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.productoverallrate,
     edit: false,
     size: 18,
     emptyIcon: /*#__PURE__*/React__default["default"].createElement("i", {
@@ -3276,7 +3311,7 @@ var Service_itemtype = function Service_itemtype(props) {
     }),
     activeColor: "#ffd700"
   })))), sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : (_fetchProductInfoQuer11 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.deliverydatetext) != null ? 'col-lg-12 p-0 mb-2 d-flex justify-content-start' : 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
+    "class": sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer19 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer19 === void 0 ? void 0 : (_fetchProductInfoQuer20 = _fetchProductInfoQuer19.data) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : (_fetchProductInfoQuer21 = _fetchProductInfoQuer20.productinfo) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : _fetchProductInfoQuer21.deliverydatetext) != null ? 'col-lg-12 p-0 mb-2 d-flex justify-content-start' : 'col-lg-12 p-0 mb-3 d-flex justify-content-start'
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0 d-flex justify-content-start"
   }, /*#__PURE__*/React__default["default"].createElement("span", {
@@ -3294,7 +3329,7 @@ var Service_itemtype = function Service_itemtype(props) {
       fontSize: sectionproperties.skuFontSize + 'px',
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, fetchProductInfoQueryContext.data.data.productinfo.sku))), sectionproperties.deliverytimeshow == 'Show' && (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 : _fetchProductInfoQuer15.deliverydatetext) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, fetchProductInfoQueryContext.data.data.productinfo.sku))), sectionproperties.deliverytimeshow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : (_fetchProductInfoQuer23 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : (_fetchProductInfoQuer24 = _fetchProductInfoQuer23.productinfo) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : _fetchProductInfoQuer24.deliverydatetext) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "mb-4 col-lg-12 d-flex flex-row flex-sm-column allcentered",
     style: {
       width: '100%',
@@ -3319,7 +3354,7 @@ var Service_itemtype = function Service_itemtype(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : (_fetchProductInfoQuer17 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer17 === void 0 ? void 0 : (_fetchProductInfoQuer18 = _fetchProductInfoQuer17.productinfo) === null || _fetchProductInfoQuer18 === void 0 ? void 0 : _fetchProductInfoQuer18.deliverydatetext)), /*#__PURE__*/React__default["default"].createElement(ProductHeaderPricing, {
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer25 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : (_fetchProductInfoQuer26 = _fetchProductInfoQuer25.data) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : (_fetchProductInfoQuer27 = _fetchProductInfoQuer26.productinfo) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.deliverydatetext)), /*#__PURE__*/React__default["default"].createElement(ProductHeaderPricing, {
     actions: props.actions
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex align-items-center justify-content-start p-0 flex-column"
@@ -3385,8 +3420,8 @@ var Service_itemtype = function Service_itemtype(props) {
   }, StoreInfoprops()))));
 };
 
-function ownKeys$26(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$26(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$26(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$26(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$25(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$25(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$25(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$25(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var AddReview = function AddReview(props) {
   var _css;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -3440,7 +3475,7 @@ var AddReview = function AddReview(props) {
       StatePagePropertiesContext.pageobj != undefined && StatePagePropertiesContext.pageobj.pageproperties != undefined && StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$26({}, secpropobj));
+      setsectionproperties(_objectSpread$25({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -3449,7 +3484,7 @@ var AddReview = function AddReview(props) {
     templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop[pageindexcontext]) === null || _templatepropcontext$ === void 0 ? void 0 : (_templatepropcontext$2 = _templatepropcontext$.pageproperties) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.forEach(function (arrayItem, arrayindex) {
       secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
     });
-    setsectionproperties(_objectSpread$26({}, secpropobj));
+    setsectionproperties(_objectSpread$25({}, secpropobj));
   }, [pageindexcontext]);
   var reviewstyles = {
     submitreviewbtn: glamor.css({
@@ -3575,9 +3610,9 @@ var AddReview = function AddReview(props) {
     }),
     activeColor: "#ffd700",
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$26({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$25({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewrate = event;
-      setreviewpayloadobj(_objectSpread$26({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$25({}, tempreviewpayloadobj));
     }
   })))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12"
@@ -3591,9 +3626,9 @@ var AddReview = function AddReview(props) {
     "class": reviewstyles.form_control,
     value: reviewpayloadobj.reviewname,
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$26({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$25({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewname = event.target.value;
-      setreviewpayloadobj(_objectSpread$26({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$25({}, tempreviewpayloadobj));
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 mb-4"
@@ -3603,9 +3638,9 @@ var AddReview = function AddReview(props) {
     "class": reviewstyles.form_control,
     value: reviewpayloadobj.reviewtitle,
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$26({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$25({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewtitle = event.target.value;
-      setreviewpayloadobj(_objectSpread$26({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$25({}, tempreviewpayloadobj));
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 mb-4"
@@ -3616,9 +3651,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',
@@ -3653,253 +3688,10 @@ var AddReview = function AddReview(props) {
   }, langdetect == 'en' ? sectionproperties.reviewbtn_contenten : sectionproperties.reviewbtn_contentar)));
 };
 
-function ownKeys$25(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$25(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$25(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$25(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var ProductReviews = function ProductReviews(props) {
-  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12;
-  props.actions.lang;
-  var langdetect = props.actions.langdetect;
-  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
-  var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
-  props.actions.NotificationManager;
-  var sectionproperties = props.actions.sectionproperties;
-  var actions = props.actions;
-  var productid = 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.productid;
-  var productinfo_cssstyles = props.actions.productinfo_cssstyles;
-  var _useState = React.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
-    canuserreview = _useState2[0],
-    setcanuserreview = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    openreviewmodal = _useState4[0],
-    setopenreviewmodal = _useState4[1];
-  var _useState5 = React.useState('all'),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    filterproductreviews = _useState6[0],
-    setfilterproductreviews = _useState6[1];
-  var _useState7 = React.useState([]),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    productreviews = _useState8[0],
-    setproductreviews = _useState8[1];
-  React.useEffect(function () {
-    if (fetchProductInfoQueryContext.isSuccess) {
-      getreviewsassignermutationfunc();
-    }
-  }, [filterproductreviews]);
-  var getreviewsassignermutationfunc = function getreviewsassignermutationfunc() {
-    var _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6;
-    GeneralAPIMutationContext.mutate({
-      endpointurl: '/fetchproductreviews',
-      productid: 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 : _fetchProductInfoQuer6.productid,
-      filterproductreviews: filterproductreviews,
-      mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
-        if (data.data.status) {
-          setproductreviews(data.data.productreviews);
-          setcanuserreview(data.data.canuserAddReview);
-        }
-      }
-    });
-  };
-  var addreviewcallback = function addreviewcallback() {
-    setopenreviewmodal(false);
-    getreviewsassignermutationfunc();
-    fetchProductInfoQueryContext.refetch();
-  };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: 'row w-100 ml-0 mr-0',
-    style: {
-      marginTop: sectionproperties.marginTop + 'px'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 w-100 pl-5 pr-5 p-md-0 plr-1025-0"
-  }, GeneralAPIMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 allcentered",
-    style: {
-      height: '20vh'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.Messaging, {
-    color: "#ccc",
-    width: "10px",
-    height: "10px",
-    duration: "1s"
-  })), !GeneralAPIMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-3"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 allcentered"
-  }, canuserreview && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 allcentered mb-3 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
-    "class": "".concat(productinfo_cssstyles.reviewbutton) + ' ',
-    onClick: function onClick() {
-      setopenreviewmodal(true);
-    }
-  }, langdetect == 'en' ? sectionproperties.reviewbtn_contenten : sectionproperties.reviewbtn_contentar)), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 py-3 px-2",
-    style: {
-      borderRadius: 10,
-      background: '#eee'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 allcentered"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 font-weight-600 text-uppercase",
-    style: {
-      fontSize: '17px'
-    }
-  }, langdetect == 'en' ? 'Overall Ratings' : 'جميع التقييمات')), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 pl-3 pr-3"
-  }, /*#__PURE__*/React__default["default"].createElement("hr", null)), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 allcentered"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0 font-weight-600",
-    style: {
-      fontSize: '20px'
-    }
-  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : (_fetchProductInfoQuer8 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : (_fetchProductInfoQuer9 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.productoverallrate, "/5")), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 allcentered"
-  }, /*#__PURE__*/React__default["default"].createElement(ReactStars__default["default"], {
-    count: 5,
-    value: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : (_fetchProductInfoQuer11 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.productoverallrate,
-    edit: false,
-    size: 18,
-    emptyIcon: /*#__PURE__*/React__default["default"].createElement("i", {
-      className: "far fa-star",
-      style: {
-        color: '#bfbfbf'
-      }
-    }),
-    halfIcon: /*#__PURE__*/React__default["default"].createElement("i", {
-      className: "fa fa-star-half-alt style={{ color: '#FAB400' }}"
-    }),
-    filledIcon: /*#__PURE__*/React__default["default"].createElement("i", {
-      className: "fa fa-star",
-      style: {
-        color: '#FAB400'
-      }
-    }),
-    activeColor: "#ffd700"
-  })))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 d-flex justify-content-start mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 py-3 px-2",
-    style: {
-      borderRadius: 10,
-      background: '#eee'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 allcentered"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 font-weight-600 text-uppercase",
-    style: {
-      fontSize: '17px'
-    }
-  }, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 pl-3 pr-3"
-  }, /*#__PURE__*/React__default["default"].createElement("hr", null)), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 d-flex justify-content-center"
-  }, /*#__PURE__*/React__default["default"].createElement(ReactStars__default["default"], {
-    count: 5,
-    value: filterproductreviews
-    // edit={false}
-    ,
-    size: 18,
-    emptyIcon: /*#__PURE__*/React__default["default"].createElement("i", {
-      className: "far fa-star",
-      style: {
-        color: '#bfbfbf'
-      }
-    }),
-    halfIcon: /*#__PURE__*/React__default["default"].createElement("i", {
-      className: "fa fa-star-half-alt style={{ color: '#FAB400' }}"
-    }),
-    filledIcon: /*#__PURE__*/React__default["default"].createElement("i", {
-      className: "fa fa-star",
-      style: {
-        color: '#FAB400'
-      }
-    }),
-    activeColor: "#ffd700",
-    onChange: function onChange(event) {
-      setfilterproductreviews(event);
-    }
-  })))))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-9"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
-  }, productreviews === null || productreviews === void 0 ? void 0 : productreviews.map(function (reviewitem, reviewindex) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 flex-column"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "row m-0 w-100"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 d-flex justify-content-start p-0 mb-2"
-    }, /*#__PURE__*/React__default["default"].createElement(ReactStars__default["default"], {
-      count: 5,
-      value: reviewitem.review_rating,
-      edit: false,
-      size: 18,
-      emptyIcon: /*#__PURE__*/React__default["default"].createElement("i", {
-        className: "far fa-star",
-        style: {
-          color: '#bfbfbf'
-        }
-      }),
-      halfIcon: /*#__PURE__*/React__default["default"].createElement("i", {
-        className: "fa fa-star-half-alt style={{ color: '#FAB400' }}"
-      }),
-      filledIcon: /*#__PURE__*/React__default["default"].createElement("i", {
-        className: "fa fa-star",
-        style: {
-          color: '#FAB400'
-        }
-      }),
-      activeColor: "#ffd700"
-    })), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 p-0 mb-2 d-flex justify-content-start "
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "m-0 p-0 font-weight-600",
-      style: {
-        fontSize: '17px'
-      }
-    }, reviewitem.reviewtitle)), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "m-0 p-0 font-weight-500"
-    }, reviewitem.reviewbody)), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-6 d-flex align-items-center justify-content-start p-0"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "m-0 p-0 font-weight-600"
-    }, langdetect == 'en' ? 'By' : 'عن طريق', ": ", reviewitem.review_name)), /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-6 d-flex align-items-center justify-content-end justify-content-md-start p-0 font-weight-500 text-light"
-    }, /*#__PURE__*/React__default["default"].createElement("i", {
-      "class": "fa fa-clock text-light ml-2 mr-2"
-    }), " ", reviewitem.timestamp)), /*#__PURE__*/React__default["default"].createElement("hr", null));
-  }))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
-    show: openreviewmodal,
-    onHide: function onHide() {
-      return setopenreviewmodal(false);
-    },
-    centered: true,
-    size: "md",
-    "class": "reviewmodal"
-  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement(AddReview, {
-    actions: _objectSpread$25(_objectSpread$25({}, actions), {}, {
-      productid: productid,
-      canuserreview: canuserreview,
-      addreviewcallback: addreviewcallback
-    })
-  }))));
-};
-
 function ownKeys$24(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$24(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$24(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$24(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var 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 _css, _ref, _ref2;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -3921,7 +3713,7 @@ var Productinfo = function Productinfo(props) {
   var setpageindexcontext = props.actions.setpageindexcontext;
   var authdetailsContext = props.actions.authdetailsContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
-  var actions = props.actions;
+  props.actions;
   var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
   var setCurrentPageIdContext = props.actions.setCurrentPageIdContext;
   var NotificationManager = props.actions.NotificationManager;
@@ -3986,24 +3778,21 @@ var Productinfo = function Productinfo(props) {
     isloaded = _useState24[0],
     setisloaded = _useState24[1];
   var _useState25 = React.useState(false),
-    _useState26 = _slicedToArray__default["default"](_useState25, 2),
-    showMore = _useState26[0],
-    setShowMore = _useState26[1];
+    _useState26 = _slicedToArray__default["default"](_useState25, 2);
+    _useState26[0];
+    _useState26[1];
   var _useState27 = React.useState(0),
     _useState28 = _slicedToArray__default["default"](_useState27, 2),
     currentshowingimageindex = _useState28[0],
     setcurrentshowingimageindex = _useState28[1];
   var _useState29 = React.useState(0),
-    _useState30 = _slicedToArray__default["default"](_useState29, 2),
-    tabIndex = _useState30[0],
-    setTabIndex = _useState30[1];
+    _useState30 = _slicedToArray__default["default"](_useState29, 2);
+    _useState30[0];
+    _useState30[1];
   var _useState31 = React.useState('descriptiontab'),
-    _useState32 = _slicedToArray__default["default"](_useState31, 2),
-    tabname = _useState32[0],
-    settabname = _useState32[1];
-  var handleTabChange = function handleTabChange(event, newTabIndex) {
-    setTabIndex(newTabIndex);
-  };
+    _useState32 = _slicedToArray__default["default"](_useState31, 2);
+    _useState32[0];
+    _useState32[1];
   React.useEffect(function () {
     if (Object.keys(StatePagePropertiesContext).length != 0) {
       var secpropobj = {};
@@ -4961,234 +4750,7 @@ var Productinfo = function Productinfo(props) {
       paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
       paddingRight: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
     }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(productinfo_cssstyles.cardcontainer) + ' ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
-    style: {
-      paddingLeft: sectionproperties.tabspaddinghorizontal + 'px',
-      paddingRight: sectionproperties.tabspaddinghorizontal + 'px',
-      marginBottom: sectionproperties.tabsmb + 'px',
-      paddingTop: sectionproperties.tabsPt + 'px',
-      paddingBottom: sectionproperties.tabsPb + 'px'
-    }
-  }, sectionproperties.tabsfullwidth == 'Full Width' && /*#__PURE__*/React__default["default"].createElement(material.Box, null, /*#__PURE__*/React__default["default"].createElement(material.Tabs, {
-    value: tabIndex,
-    onChange: handleTabChange,
-    scrollButtons: "auto",
-    TabIndicatorProps: {
-      style: {
-        background: sectionproperties.activetabbordercolor
-        // right: sectionproperties.showfirstpolicy == 'Hide' ? 0 : sectionproperties.showsecondpolicy == 'Hide' ? 0 : '',
-        // margin: sectionproperties.showfirstpolicy == 'Hide' ? 'auto' : sectionproperties.showsecondpolicy == 'Hide' ? 'auto' : '',
-      }
-    },
-
-    sx: {
-      '& button': {
-        color: sectionproperties.tabtextcolor,
-        fontWeight: sectionproperties.tabtextfontweight,
-        background: sectionproperties.tabcontainerbgcolor,
-        textTransform: sectionproperties.tabtexttexttransform,
-        borderRadius: sectionproperties.tabcontainerborderradius + 'px',
-        fontFamily: 'Poppins',
-        transition: '.3s',
-        fontSize: sectionproperties.tabtextfontsize + 'px'
-      },
-      '& button:hover': {
-        color: sectionproperties.tabscoloronhover,
-        fontFamily: 'Poppins',
-        transition: '.3s'
-      },
-      '& button.Mui-selected': {
-        color: sectionproperties.tabtextactivecolor,
-        background: sectionproperties.activetabbgcolor,
-        fontFamily: 'Poppins',
-        transition: '.3s'
-      }
-    },
-    variant: 'fullWidth'
-    // tabsfullwidth
-  }, sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
-    label: langdetect == 'en' ? sectionproperties.tabsdescEn : sectionproperties.tabsdescAr,
-    onClick: function onClick() {
-      settabname('descriptiontab');
-    }
-  }), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showfirstpolicy == 'Show' && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
-    label: langdetect == 'en' ? (_returnpolicyobj = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj === void 0 ? void 0 : _returnpolicyobj.policypagename_en : (_returnpolicyobj2 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj2 === void 0 ? void 0 : _returnpolicyobj2.policypagename_ar,
-    onClick: function onClick() {
-      settabname('shippingpolicytab');
-    }
-  }), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showsecondpolicy == 'Show' && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
-    label: langdetect == 'en' ? (_returnpolicyobj3 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj3 === void 0 ? void 0 : _returnpolicyobj3.policypagename_en : (_returnpolicyobj4 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj4 === void 0 ? void 0 : _returnpolicyobj4.policypagename_ar,
-    onClick: function onClick() {
-      settabname('refundpolicytab');
-    }
-  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer58 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer58 === void 0 ? void 0 : (_fetchProductInfoQuer59 = _fetchProductInfoQuer58.data) === null || _fetchProductInfoQuer59 === void 0 ? void 0 : (_fetchProductInfoQuer60 = _fetchProductInfoQuer59.productinfo) === null || _fetchProductInfoQuer60 === void 0 ? void 0 : _fetchProductInfoQuer60.productcanrate) == 1 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
-    label: langdetect == 'en' ? 'Reviews' : 'التقييمات',
-    onClick: function onClick() {
-      settabname('reviewstab');
-    }
-  }))), sectionproperties.tabsfullwidth != 'Full Width' && /*#__PURE__*/React__default["default"].createElement(material.Box, null, /*#__PURE__*/React__default["default"].createElement(material.Tabs, {
-    value: tabIndex,
-    onChange: handleTabChange,
-    scrollButtons: "auto",
-    TabIndicatorProps: {
-      style: {
-        background: sectionproperties.activetabbordercolor
-        // right: sectionproperties.showfirstpolicy == 'Hide' ? 0 : sectionproperties.showsecondpolicy == 'Hide' ? 0 : '',
-        // margin: sectionproperties.showfirstpolicy == 'Hide' ? 'auto' : sectionproperties.showsecondpolicy == 'Hide' ? 'auto' : '',
-      }
-    },
-
-    sx: {
-      '& button': {
-        color: sectionproperties.tabtextcolor,
-        fontWeight: sectionproperties.tabtextfontweight,
-        background: sectionproperties.tabcontainerbgcolor,
-        textTransform: sectionproperties.tabtexttexttransform,
-        borderRadius: sectionproperties.tabcontainerborderradius + 'px',
-        fontFamily: 'Poppins',
-        transition: '.3s',
-        fontSize: sectionproperties.tabtextfontsize + 'px'
-      },
-      '& button:hover': {
-        color: sectionproperties.tabscoloronhover,
-        fontFamily: 'Poppins',
-        transition: '.3s'
-      },
-      '& button.Mui-selected': {
-        color: sectionproperties.tabtextactivecolor,
-        background: sectionproperties.activetabbgcolor,
-        fontFamily: 'Poppins',
-        transition: '.3s'
-      }
-    }
-  }, sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
-    label: langdetect == 'en' ? sectionproperties.tabsdescEn : sectionproperties.tabsdescAr,
-    onClick: function onClick() {
-      settabname('descriptiontab');
-    }
-  }), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showfirstpolicy == 'Show' && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
-    label: langdetect == 'en' ? (_returnpolicyobj5 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj5 === void 0 ? void 0 : _returnpolicyobj5.policypagename_en : (_returnpolicyobj6 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj6 === void 0 ? void 0 : _returnpolicyobj6.policypagename_ar,
-    onClick: function onClick() {
-      settabname('shippingpolicytab');
-    }
-  }), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showsecondpolicy == 'Show' && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
-    label: langdetect == 'en' ? (_returnpolicyobj7 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj7 === void 0 ? void 0 : _returnpolicyobj7.policypagename_en : (_returnpolicyobj8 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj8 === void 0 ? void 0 : _returnpolicyobj8.policypagename_ar,
-    onClick: function onClick() {
-      settabname('refundpolicytab');
-    }
-  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer61 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer61 === void 0 ? void 0 : (_fetchProductInfoQuer62 = _fetchProductInfoQuer61.data) === null || _fetchProductInfoQuer62 === void 0 ? void 0 : (_fetchProductInfoQuer63 = _fetchProductInfoQuer62.productinfo) === null || _fetchProductInfoQuer63 === void 0 ? void 0 : _fetchProductInfoQuer63.productcanrate) == 1 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
-    label: langdetect == 'en' ? 'Reviews' : 'التقييمات',
-    onClick: function onClick() {
-      settabname('reviewstab');
-    }
-  }))), /*#__PURE__*/React__default["default"].createElement(material.Box, {
-    "class": "w-100 mt-5 mb-4"
-  }, tabname == 'descriptiontab' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 pl-5 pr-5 p-md-0 w-100"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100"
-  }, langdetect == 'en' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer64 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer64 === void 0 ? void 0 : (_fetchProductInfoQuer65 = _fetchProductInfoQuer64.data) === null || _fetchProductInfoQuer65 === void 0 ? void 0 : (_fetchProductInfoQuer66 = _fetchProductInfoQuer65.productinfo) === null || _fetchProductInfoQuer66 === void 0 ? void 0 : _fetchProductInfoQuer66.description_en) != '' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer67 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer67 === void 0 ? void 0 : (_fetchProductInfoQuer68 = _fetchProductInfoQuer67.data) === null || _fetchProductInfoQuer68 === void 0 ? void 0 : (_fetchProductInfoQuer69 = _fetchProductInfoQuer68.productinfo) === null || _fetchProductInfoQuer69 === void 0 ? void 0 : _fetchProductInfoQuer69.description_en) != null && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 p-0 mb-4 d-flex justify-content-center"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "row m-0 w-100 d-flex"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 d-flex justify-content-start"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    className: 'text-black text-capitalize m-0 p-0 wordbreak',
-    style: {
-      textAlign: langdetect == 'en' ? 'left' : 'right'
-    },
-    dangerouslySetInnerHTML: {
-      __html: showMore == true ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer70 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer70 === void 0 ? void 0 : (_fetchProductInfoQuer71 = _fetchProductInfoQuer70.data) === null || _fetchProductInfoQuer71 === void 0 ? void 0 : (_fetchProductInfoQuer72 = _fetchProductInfoQuer71.productinfo) === null || _fetchProductInfoQuer72 === void 0 ? void 0 : _fetchProductInfoQuer72.description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer73 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer73 === void 0 ? void 0 : (_fetchProductInfoQuer74 = _fetchProductInfoQuer73.data) === null || _fetchProductInfoQuer74 === void 0 ? void 0 : (_fetchProductInfoQuer75 = _fetchProductInfoQuer74.productinfo) === null || _fetchProductInfoQuer75 === void 0 ? void 0 : _fetchProductInfoQuer75.description_en.slice(0, 1000)
-    }
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 allcentered"
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer76 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer76 === void 0 ? void 0 : (_fetchProductInfoQuer77 = _fetchProductInfoQuer76.data) === null || _fetchProductInfoQuer77 === void 0 ? void 0 : (_fetchProductInfoQuer78 = _fetchProductInfoQuer77.productinfo) === null || _fetchProductInfoQuer78 === void 0 ? void 0 : _fetchProductInfoQuer78.description_en.length) > 1000 && /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0 cursor-pointer text-grey font-weight-600",
-    onClick: function onClick() {
-      return setShowMore(!showMore);
-    }
-  }, showMore ? lang.showless : lang.showmore)))), langdetect == 'ar' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer79 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer79 === void 0 ? void 0 : (_fetchProductInfoQuer80 = _fetchProductInfoQuer79.data) === null || _fetchProductInfoQuer80 === void 0 ? void 0 : (_fetchProductInfoQuer81 = _fetchProductInfoQuer80.productinfo) === null || _fetchProductInfoQuer81 === void 0 ? void 0 : _fetchProductInfoQuer81.description_ar) != '' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer82 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer82 === void 0 ? void 0 : (_fetchProductInfoQuer83 = _fetchProductInfoQuer82.data) === null || _fetchProductInfoQuer83 === void 0 ? void 0 : (_fetchProductInfoQuer84 = _fetchProductInfoQuer83.productinfo) === null || _fetchProductInfoQuer84 === void 0 ? void 0 : _fetchProductInfoQuer84.description_ar) != null && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 p-0 mb-4 d-flex justify-content-center"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "row m-0 w-100 d-flex"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 d-flex justify-content-start flex-column"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    className: 'text-black text-capitalize m-0 p-0 wordbreak',
-    style: {
-      textAlign: langdetect == 'en' ? 'left' : 'right'
-    },
-    dangerouslySetInnerHTML: {
-      __html: showMore == true ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer85 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer85 === void 0 ? void 0 : (_fetchProductInfoQuer86 = _fetchProductInfoQuer85.data) === null || _fetchProductInfoQuer86 === void 0 ? void 0 : (_fetchProductInfoQuer87 = _fetchProductInfoQuer86.productinfo) === null || _fetchProductInfoQuer87 === void 0 ? void 0 : _fetchProductInfoQuer87.description_ar : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer88 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer88 === void 0 ? void 0 : (_fetchProductInfoQuer89 = _fetchProductInfoQuer88.data) === null || _fetchProductInfoQuer89 === void 0 ? void 0 : (_fetchProductInfoQuer90 = _fetchProductInfoQuer89.productinfo) === null || _fetchProductInfoQuer90 === void 0 ? void 0 : _fetchProductInfoQuer90.description_ar.slice(0, 1000)
-    }
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 allcentered"
-  }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer91 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer91 === void 0 ? void 0 : (_fetchProductInfoQuer92 = _fetchProductInfoQuer91.data) === null || _fetchProductInfoQuer92 === void 0 ? void 0 : (_fetchProductInfoQuer93 = _fetchProductInfoQuer92.productinfo) === null || _fetchProductInfoQuer93 === void 0 ? void 0 : _fetchProductInfoQuer93.description_ar.length) > 1000 && /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0 cursor-pointer text-grey font-weight-600 text-right",
-    onClick: function onClick() {
-      return setShowMore(!showMore);
-    }
-  }, showMore ? lang.showless : lang.showmore)))), sectionproperties.showGallery == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer94 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer94 === void 0 ? void 0 : (_fetchProductInfoQuer95 = _fetchProductInfoQuer94.data) === null || _fetchProductInfoQuer95 === void 0 ? void 0 : (_fetchProductInfoQuer96 = _fetchProductInfoQuer95.productinfo) === null || _fetchProductInfoQuer96 === void 0 ? void 0 : (_fetchProductInfoQuer97 = _fetchProductInfoQuer96.productimages) === null || _fetchProductInfoQuer97 === void 0 ? void 0 : _fetchProductInfoQuer97.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 allcentered pl-md-3 pr-md-3",
-    style: {
-      paddingLeft: sectionproperties.galleryPaddingHorizontal + 'px',
-      paddingRight: sectionproperties.galleryPaddingHorizontal + 'px'
-    }
-  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer98 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer98 === void 0 ? void 0 : (_fetchProductInfoQuer99 = _fetchProductInfoQuer98.data) === null || _fetchProductInfoQuer99 === void 0 ? void 0 : (_fetchProductInfoQuer100 = _fetchProductInfoQuer99.productinfo) === null || _fetchProductInfoQuer100 === void 0 ? void 0 : (_fetchProductInfoQuer101 = _fetchProductInfoQuer100.productimages) === null || _fetchProductInfoQuer101 === void 0 ? void 0 : _fetchProductInfoQuer101.map(function (item, index) {
-    if (index <= 6) {
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": ' col-md-4 col-sm-12 mb-3 col-lg-' + sectionproperties.galleryNoOfCols,
-        style: {
-          height: sectionproperties.galleryHeight + 'px'
-        }
-      }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-        path: '/tr:w-' + sectionproperties.galleryWidthDimension + ',h-' + sectionproperties.galleryHeightDimension + '/' + item.path,
-        style: {
-          width: '100%',
-          height: '100%',
-          objectFit: 'contain'
-        },
-        loading: "lazy"
-      }));
-    }
-  }))))), tabname == 'shippingpolicytab' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 pl-5 pr-5 p-md-0 w-100"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    className: ' m-0 p-0 wordbreak ',
-    style: {
-      lineClamp: 10,
-      WebkitLineClamp: 10,
-      textAlign: langdetect == 'en' ? 'left' : 'right'
-    },
-    dangerouslySetInnerHTML: {
-      __html: langdetect == 'en' ? (_returnpolicyobj9 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj9 === void 0 ? void 0 : _returnpolicyobj9.policycontent_en : (_returnpolicyobj10 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj10 === void 0 ? void 0 : _returnpolicyobj10.policycontent_ar
-    }
-  })), tabname == 'refundpolicytab' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 w-100 pl-5 pr-5 p-md-0"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    className: ' m-0 p-0 wordbreak ',
-    style: {
-      lineClamp: 10,
-      WebkitLineClamp: 10,
-      textAlign: langdetect == 'en' ? 'left' : 'right'
-    },
-    dangerouslySetInnerHTML: {
-      __html: langdetect == 'en' ? (_returnpolicyobj11 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj11 === void 0 ? void 0 : _returnpolicyobj11.policycontent_en : (_returnpolicyobj12 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj12 === void 0 ? void 0 : _returnpolicyobj12.policycontent_ar
-    }
-  })), tabname == 'reviewstab' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 w-100 pl-5 pr-5 p-md-0"
-  }, /*#__PURE__*/React__default["default"].createElement(ProductReviews, {
-    actions: _objectSpread$24(_objectSpread$24({}, actions), {}, {
-      productinfo_cssstyles: productinfo_cssstyles,
-      sectionproperties: sectionproperties
-    })
-  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: sectionproperties.card_marginLeft != 0 ? ' col-lg-12 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' col-lg-12 p-sm-0 ',
     style: {
       paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
@@ -35498,6 +35060,22 @@ var ModernFooter = function ModernFooter(props) {
       width: '100%',
       height: '100%',
       objectFit: 'contain'
+    }),
+    apptore: glamor.css({
+      width: '40%',
+      height: '40%',
+      '@media (max-width: 800px)': {
+        width: '35%',
+        height: '35%'
+      }
+    }),
+    playstore: glamor.css({
+      width: '40%',
+      height: '40%',
+      '@media (max-width: 800px)': {
+        width: '35%',
+        height: '35%'
+      }
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("footer", {
@@ -35690,10 +35268,6 @@ var ModernFooter = function ModernFooter(props) {
     onClick: function onClick() {
       var _authdetailsContext$i17;
       window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.mobileapplink_appstore, '_blank');
-    },
-    style: {
-      width: '40%',
-      height: '40%'
     }
   }), /*#__PURE__*/React__default["default"].createElement("img", {
     "class": "".concat(footerStyles.apptore) + ' cursor-pointer d-none d-md-flex ',
@@ -35701,34 +35275,22 @@ var ModernFooter = function ModernFooter(props) {
     onClick: function onClick() {
       var _authdetailsContext$i18;
       window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.mobileapplink_appstore, '_blank');
-    },
-    style: {
-      width: '20%',
-      height: '20%'
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": 'col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start'
   }, /*#__PURE__*/React__default["default"].createElement("img", {
-    "class": "".concat(footerStyles.googleplay) + ' cursor-pointer d-flex d-md-none ',
+    "class": "".concat(footerStyles.playstore) + ' cursor-pointer d-flex d-md-none ',
     src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
     onClick: function onClick() {
       var _authdetailsContext$i19;
       window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.mobileapplink_playstore, '_blank');
-    },
-    style: {
-      width: '40%',
-      height: '40%'
     }
   }), /*#__PURE__*/React__default["default"].createElement("img", {
-    "class": "".concat(footerStyles.googleplay) + ' cursor-pointer d-none d-md-flex ',
+    "class": "".concat(footerStyles.playstore) + ' cursor-pointer d-none d-md-flex ',
     src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
     onClick: function onClick() {
       var _authdetailsContext$i20;
       window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.mobileapplink_playstore, '_blank');
-    },
-    style: {
-      width: '20%',
-      height: '20%'
     }
   }))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-3 col-md-12 col-sm-12 mt-md-3 px-lg-5 px-md-2",
@@ -51277,7 +50839,7 @@ var Card23 = function Card23(props) {
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(cardsstyles2.card) + '  '
+    "class": "".concat(cardsstyles2.card) + ' w-100 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": item.IsFavExists == true ? "".concat(cardsstyles2.iconsContainer, " ").concat(cardsstyles2.iconsContainer2) + ' iconsContainer d-flex d-md-none ' : "".concat(cardsstyles2.iconsContainer) + ' iconsContainer d-flex d-md-none ',
     style: {
@@ -51355,13 +50917,13 @@ var Card23 = function Card23(props) {
   }, /*#__PURE__*/React__default["default"].createElement(BsEye.BsEye, {
     size: sectionproperties.generalbtn_fontsize
   })))), sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 col-md-12 col-sm-12 pl-0 pr-0 pl-sm-2 pr-sm-2",
+    "class": "col-lg-12 col-md-12 col-sm-12 pl-0 pr-0 ",
     style: {
       paddingTop: sectionproperties.paddingTop + 'px',
       paddingBottom: sectionproperties.paddingBottom + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.hideshowcardtransition == 'Show' ? "".concat(cardsstyles2.productPricestyles, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : "".concat(cardsstyles2.productPricestyles, " ") + ' d-flex d-md-none ',
+    "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(cardsstyles2.imageContainer, " ").concat(cardstyles$7.imagecontainer) + ' d-flex d-md-none ' : " ".concat(cardsstyles2.imageContainer, " ") + ' d-flex d-md-none ',
     style: {
       height: sectionproperties.image_height + 'px'
     }
@@ -51371,7 +50933,7 @@ var Card23 = function Card23(props) {
       height: sectionproperties.height_responsive + 'px'
     }
   }, Image('responsive')), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": 'row m-0 w-100 pl-sm-0 pr-sm-0',
+    "class": 'row m-0 w-100 pl-sm-2 pr-sm-2',
     style: {
       paddingLeft: '10px',
       paddingRight: '10px',
@@ -51443,6 +51005,748 @@ var Card23 = function Card23(props) {
   }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))))))));
 };
 
+// import React, { useEffect, useState } from 'react';
+// import { css } from 'glamor';
+// import { Imagekitimagecomp } from '../../../Imagekitconfig.jsx';
+// import { FiShoppingCart } from '@react-icons/all-files/fi/FiShoppingCart';
+// import { FiShoppingBag } from '@react-icons/all-files/fi/FiShoppingBag';
+// import { FaRegHeart } from '@react-icons/all-files/fa/FaRegHeart';
+// import { FaHeart } from '@react-icons/all-files/fa/FaHeart';
+// import { CgShoppingBag } from '@react-icons/all-files/cg/CgShoppingBag';
+// import { AiFillStar } from '@react-icons/all-files/ai/AiFillStar';
+// import { AiOutlineStar } from '@react-icons/all-files/ai/AiOutlineStar';
+// import { MdAddShoppingCart } from '@react-icons/all-files/md/MdAddShoppingCart';
+// import { BsBag } from '@react-icons/all-files/bs/BsBag';
+// import { RiHandbagLine } from '@react-icons/all-files/ri/RiHandbagLine';
+// import { BsEye } from '@react-icons/all-files/bs/BsEye';
+
+// const Card23 = (props) => {
+//     const [sectionproperties, setsectionproperties] = useState('');
+//     const [item, setitem] = useState(props.cardinfoitemprops);
+//     const StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
+//     const lang = props.actions.lang;
+//     const langdetect = props.actions.langdetect;
+//     const addtofavoritescontext = props.actions.addtofavoritescontext;
+//     const setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
+//     const setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
+//     const cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
+//     const ikimagecredcontext = props.actions.ikimagecredcontext;
+//     const [index, setindex] = useState(props.cardinfoindexprops);
+//     useEffect(() => {
+//         var secpropobj = {};
+//         StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
+//             if (sectionitem.sectionid == props.sectionidprops) {
+//                 sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
+//                     secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
+//                 });
+//             }
+//         });
+//         setsectionproperties({ ...secpropobj });
+//     }, [StatePagePropertiesContext]);
+//     useEffect(() => {
+//         setitem(props.cardinfoitemprops);
+//     }, [props.cardinfoitemprops]);
+//     const cardsstyles2 = {
+//         showmodal: css({
+//             backgroundColor: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
+//             borderTopLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertopleftradius + 'px' : sectionproperties.generalbtn_bordertoprightradius + 'px',
+//             borderTopRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertoprightradius + 'px' : sectionproperties.generalbtn_bordertopleftradius + 'px',
+//             borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomleftradius + 'px' : sectionproperties.generalbtn_borderbottomrightradius + 'px',
+//             borderBottomRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomrightradius + 'px' : sectionproperties.generalbtn_borderbottomleftradius + 'px',
+//             height: sectionproperties.generalbtn_height + 'px',
+//             width: sectionproperties.generalbtn_width + 'px',
+//             fontSize: sectionproperties.generalbtn_fontsize + 'px',
+//             color: sectionproperties.generalbtn_textColor,
+//             cursor: 'pointer',
+//             transition: '0.3s',
+//             ':hover': {
+//                 backgroundColor: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
+//                 color: sectionproperties.generalbtn_textColoronhover,
+//             },
+//         }),
+//         productNameStyles: css({
+//             color: sectionproperties.prodNameColor,
+//             fontSize: sectionproperties.prodNameFontSize + 'px',
+//             textTransform: sectionproperties.prodNameTextTranform,
+//             fontWeight: sectionproperties.prodNameFontWeight,
+//             transition: '.3s',
+//             cursor: 'pointer',
+//             ':hover': {
+//                 color: sectionproperties.prodNameColorOnHover,
+//             },
+//         }),
+//         productDescStyles: css({
+//             color: sectionproperties.prodCatColor,
+//             fontSize: sectionproperties.prodCatFontSize + 'px',
+//             textTransform: sectionproperties.prodCatTextTranform,
+//             fontWeight: sectionproperties.prodCatFontWeight,
+//             transition: '.3s',
+//         }),
+//         productPricestyles: css({
+//             color: sectionproperties.prodPriceColor,
+//             fontSize: sectionproperties.prodpriceFontSize + 'px',
+//             fontWeight: sectionproperties.prodPriceFontWeight,
+//         }),
+//         productSalePricestyles: css({
+//             color: sectionproperties.prodsalePriceColor,
+//             fontSize: sectionproperties.prodsalepriceFontSize + 'px',
+//             fontWeight: sectionproperties.prodsalePriceFontWeight,
+//         }),
+//         wishlist_btn: css({
+//             width: sectionproperties.favBtnWidth + 'px',
+//             height: sectionproperties.favBtnHeight + 'px',
+//             background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : item.IsFavExists == true ? sectionproperties.activebgcolor : sectionproperties.favBtnbgColor,
+//             borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
+//             color: item.IsFavExists == true ? sectionproperties.activefaviconcolor : sectionproperties.favBtniconcolor,
+//             fontSize: sectionproperties.favBtnTextfontsize + 'px',
+//             textTransform: sectionproperties.favBtnTexttransform,
+//             fontWeight: sectionproperties.favBtnTextfontweight,
+//             border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
+//             transition: '.3s',
+//             ':hover': {
+//                 background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
+//                 color: sectionproperties.favBtnTextcoloronhover,
+//             },
+//             ':hover .icon': {
+//                 transition: 'all, 0.2s',
+//                 transform: ' rotate(360deg)',
+//             },
+//         }),
+//         cart_btn: css({
+//             width: sectionproperties.cartBtnWidth + 'px',
+//             height: sectionproperties.cartBtnHeight + 'px',
+//             background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
+//             borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
+//             color: sectionproperties.cartBtnTextcolor,
+//             fontSize: sectionproperties.cartBtnTextfontsize + 'px',
+//             fontWeight: sectionproperties.cartBtnTextfontweight,
+//             border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
+//             transition: '.3s',
+//             ':hover': {
+//                 background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
+//                 color: sectionproperties.cartBtnTextcoloronhover,
+//                 borderColor: sectionproperties.cartBtnTextcoloronhover,
+//             },
+//         }),
+//         iconsContainer: css({
+//             display: 'flex',
+//             flexDirection: 'column',
+//             position: 'absolute',
+//             top: 10,
+//             right: -15,
+//             opacity: 0,
+//             transform: `translateX(5px)`,
+//         }),
+//         card: css({
+//             marginBottom: sectionproperties.marginBottom + 'px',
+//             marginTop: sectionproperties.marginTop + 'px',
+//             backgroundColor: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
+//             borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.borderBottomLeftRadius + 'px' : sectionproperties.borderBottomRightRadius + 'px',
+//             borderBottomRightRadius: langdetect == 'en' ? sectionproperties.borderBottomRightRadius + 'px' : sectionproperties.borderBottomLeftRadius + 'px',
+//             borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
+//             borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
+//             border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
+//             paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+//             paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
+//             ':hover .iconsContainer': {
+//                 opacity: 1,
+//                 transition: 'all, 0.4s',
+//                 right: 10,
+//                 transform: `translateX(0px)`,
+//             },
+//         }),
+//         iconsContainer2: css({
+//             opacity: 1,
+//             transition: 'all, 0.4s',
+//             right: 10,
+//             transform: `translateX(0px)`,
+//         }),
+//         imageContainer: css({
+//             backgroundColor: sectionproperties.image_bgcolor,
+//             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',
+//         }),
+//     };
+
+//     const plainString = (html) => {
+//         var divContainer = document.createElement('div');
+//         divContainer.innerHTML = html;
+//         return divContainer.textContent || divContainer.innerText || '';
+//     };
+//     const Image = () => {
+//         return (
+//             <div class="w-100">
+//                 <Imagekitimagecomp
+//                     urlEndpoint={ikimagecredcontext?.ikimageendpoint}
+//                     publicKey={ikimagecredcontext?.ikimagepublickey}
+//                     path={'/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image}
+//                     style={{
+//                         width: sectionproperties.imageInnerWidth_Height + '%',
+//                         height: sectionproperties.imageInnerWidth_Height + '%',
+//                         objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
+//                         borderBottomLeftRadius:
+//                             sectionproperties.bgcovercontain == 'Cover'
+//                                 ? langdetect == 'en'
+//                                     ? sectionproperties.image_borderBottomLeftRadius + 'px'
+//                                     : sectionproperties.image_borderBottomRightRadius + 'px'
+//                                 : 0,
+//                         borderBottomRightRadius:
+//                             sectionproperties.bgcovercontain == 'Cover'
+//                                 ? langdetect == 'en'
+//                                     ? sectionproperties.image_borderBottomRightRadius + 'px'
+//                                     : sectionproperties.image_borderBottomLeftRadius + 'px'
+//                                 : 0,
+//                         borderTopLeftRadius:
+//                             sectionproperties.bgcovercontain == 'Cover'
+//                                 ? langdetect == 'en'
+//                                     ? sectionproperties.image_bordertopleftradius + 'px'
+//                                     : sectionproperties.image_bordertoprightradius + 'px'
+//                                 : 0,
+//                         borderTopRightRadius:
+//                             sectionproperties.bgcovercontain == 'Cover'
+//                                 ? langdetect == 'en'
+//                                     ? sectionproperties.image_bordertoprightradius + 'px'
+//                                     : sectionproperties.image_bordertopleftradius + 'px'
+//                                 : 0,
+//                     }}
+//                     loading="lazy"
+//                     onClick={() => {
+//                         setShowProductInfoModalContext(true);
+//                         setProductIdProdutInfoModalContext(item.productid);
+//                     }}
+//                 />
+//                 {item?.hassale == 1 && sectionproperties.prodsalePriceshow == 'Show' && (
+//                     <div
+//                         class="row m-0 align-items-center justify-content-center"
+//                         style={{
+//                             position: 'absolute',
+//                             top: 10,
+//                             left: 10,
+//                             height: sectionproperties.badge_height + 'px',
+//                             width: sectionproperties.badge_width + 'px',
+//                             backgroundColor: sectionproperties.badge_bgcolor,
+//                             borderRadius: sectionproperties.badge_borderradius + 'px',
+//                             paddingLeft: '10px',
+//                             paddingRight: '10px',
+//                             color: sectionproperties.badge_color,
+//                         }}
+//                     >
+//                         <div style={{ fontSize: sectionproperties.badge_fontsize + 'px' }}>{langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr}</div>
+//                     </div>
+//                 )}
+//                 {sectionproperties.showpill == 'Show' && item.hassale == 1 && (
+//                     <div
+//                         class="allcentered"
+//                         style={{
+//                             position: 'absolute',
+//                             top: sectionproperties.pillpositionfromtop + 'px',
+//                             left: sectionproperties.pillpositionfromright + 'px',
+//                             width: sectionproperties.pillwidth + 'px',
+//                             height: sectionproperties.pillheight + 'px',
+//                             background: sectionproperties.pillbgcolor,
+//                             borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px',
+//                         }}
+//                     >
+//                         <p class="m-0 p-0 text-uppercase" style={{ color: sectionproperties.pillcolor, fontSize: sectionproperties.pillfontSize + 'px', direction: 'ltr' }}>
+//                             {'-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%'}
+//                         </p>
+//                     </div>
+//                 )}
+//             </div>
+//         );
+//     };
+//     return (
+//         <div
+//             class={
+//                 langdetect == 'en'
+//                     ? sectionproperties.card_marginLeft != 0
+//                         ? 'row m-0 w-100 pl-sm-2'
+//                         : sectionproperties.card_marginRight != 0
+//                         ? 'row m-0 w-100 pr-sm-2'
+//                         : 'row m-0 w-100'
+//                     : langdetect == 'en'
+//                     ? sectionproperties.card_marginRight != 0
+//                         ? 'row m-0 w-100 pr-sm-2'
+//                         : sectionproperties.card_marginLeft != 0
+//                         ? 'row m-0 w-100 pl-sm-2'
+//                         : 'row m-0 w-100'
+//                     : 'row m-0 w-100'
+//             }
+//             style={{
+//                 paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+//                 paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
+//             }}
+//         >
+//             <div class={`${cardsstyles2.card}` + '  '}>
+//                 <div
+//                     class={
+//                         item.IsFavExists == true
+//                             ? `${cardsstyles2.iconsContainer} ${cardsstyles2.iconsContainer2}` + ' iconsContainer d-flex d-md-none '
+//                             : `${cardsstyles2.iconsContainer}` + ' iconsContainer d-flex d-md-none '
+//                     }
+//                     style={{ zIndex: 100 }}
+//                 >
+//                     {sectionproperties.favBtnShow == 'Show' && (
+//                         <button
+//                             class={`${cardsstyles2.wishlist_btn}` + ' mb-1 '}
+//                             onClick={() => {
+//                                 addtofavoritescontext(item.productid);
+//                             }}
+//                         >
+//                             {item.IsFavExists && (
+//                                 <i class="h-100 d-flex align-items-center justify-content-center icon">
+//                                     {sectionproperties.faviconshape == 'Star Shape' && (
+//                                         <AiFillStar size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />
+//                                     )}
+//                                     {sectionproperties.faviconshape == 'Heart Shape' && <FaHeart size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />}
+//                                 </i>
+//                             )}
+//                             {!item.IsFavExists && (
+//                                 <i class="h-100 d-flex align-items-center justify-content-center">
+//                                     {sectionproperties.faviconshape == 'Star Shape' && <AiOutlineStar size={sectionproperties.favBtnIconfontsize} />}
+//                                     {sectionproperties.faviconshape == 'Heart Shape' && <FaRegHeart size={sectionproperties.favBtnIconfontsize} />}
+//                                 </i>
+//                             )}
+//                         </button>
+//                     )}
+//                     {sectionproperties.generalbtn_show == 'Show' && (
+//                         <button
+//                             class={` ${cardsstyles2.showmodal}`}
+//                             onClick={(e) => {
+//                                 e.stopPropagation();
+//                                 cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+//                             }}
+//                         >
+//                             <i class="h-100 d-flex align-items-center justify-content-center">
+//                                 <BsEye size={sectionproperties.generalbtn_fontsize} />
+//                             </i>
+//                         </button>
+//                     )}
+//                 </div>
+//                 <div class={`${cardsstyles2.iconsContainer} ${cardsstyles2.iconsContainer2}` + ' iconsContainer d-none d-md-flex '} style={{ zIndex: 100 }}>
+//                     {sectionproperties.favBtnShow == 'Show' && (
+//                         <button
+//                             class={` ${cardsstyles2.wishlist_btn}` + ' mb-1 '}
+//                             onClick={() => {
+//                                 addtofavoritescontext(item.productid);
+//                             }}
+//                         >
+//                             {item.IsFavExists && (
+//                                 <i class="h-100 d-flex align-items-center justify-content-center icon">
+//                                     {sectionproperties.faviconshape == 'Star Shape' && (
+//                                         <AiFillStar size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />
+//                                     )}
+//                                     {sectionproperties.faviconshape == 'Heart Shape' && <FaHeart size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />}
+//                                 </i>
+//                             )}
+//                             {!item.IsFavExists && (
+//                                 <i class="h-100 d-flex align-items-center justify-content-center">
+//                                     {sectionproperties.faviconshape == 'Star Shape' && <AiOutlineStar size={sectionproperties.favBtnIconfontsize} />}
+//                                     {sectionproperties.faviconshape == 'Heart Shape' && <FaRegHeart size={sectionproperties.favBtnIconfontsize} />}
+//                                 </i>
+//                             )}
+//                         </button>
+//                     )}
+
+//                     {sectionproperties.generalbtn_show == 'Show' && (
+//                         <button
+//                             class={` ${cardsstyles2.showmodal}`}
+//                             onClick={(e) => {
+//                                 e.stopPropagation();
+//                                 cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+//                             }}
+//                         >
+//                             <i class="h-100 d-flex align-items-center justify-content-center">
+//                                 <BsEye size={sectionproperties.generalbtn_fontsize} />
+//                             </i>
+//                         </button>
+//                     )}
+//                 </div>
+//                 {sectionproperties.length != 0 && (
+//                     <div
+//                         class="col-lg-12 col-md-12 col-sm-12 pl-0 pr-0 pl-sm-2 pr-sm-2"
+//                         style={{
+//                             paddingTop: sectionproperties.paddingTop + 'px',
+//                             paddingBottom: sectionproperties.paddingBottom + 'px',
+//                         }}
+//                     >
+//                         <div
+//                             class={cardsstyles2.imageContainer + ' d-flex d-md-none '}
+//                             style={{
+//                                 height: sectionproperties.image_height + 'px',
+//                             }}
+//                         >
+//                             {Image()}
+//                         </div>
+//                         <div
+//                             class={cardsstyles2.imageContainer + ' d-none d-md-flex '}
+//                             style={{
+//                                 height: sectionproperties.height_responsive + 'px',
+//                             }}
+//                         >
+//                             {Image()}
+//                         </div>
+//                         <div
+//                             class={'row m-0 w-100 pl-sm-0 pr-sm-0'}
+//                             style={{
+//                                 paddingLeft: '10px',
+//                                 paddingRight: '10px',
+//                                 paddingTop: '10px',
+//                                 paddingBottom: '10px',
+//                             }}
+//                         >
+//                             <div class="col-lg-12 p-0">
+//                                 {sectionproperties.prodCatShow == 'Show' && (
+//                                     <p
+//                                         class={`${cardsstyles2.productDescStyles}` + ' col-lg-12 wordbreak wordbreak1 p-0 m-0 '}
+//                                         style={{
+//                                             textAlign: langdetect == 'en' ? 'left' : 'right',
+//                                         }}
+//                                     >
+//                                         {plainString(langdetect == 'en' ? item.description_en : item.description_ar)}
+//                                     </p>
+//                                 )}
+
+//                                 {sectionproperties.prodNameShow == 'Show' && (
+//                                     <div class="col-lg-12 p-0 " style={{ minHeight: '6vh' }}>
+//                                         <p
+//                                             onClick={() => {
+//                                                 cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+//                                             }}
+//                                             class={
+//                                                 sectionproperties.wordbreak == '1'
+//                                                     ? `${cardsstyles2.productNameStyles}` + '  wordbreak wordbreak2 m-0 '
+//                                                     : `${cardsstyles2.productNameStyles}` + '  wordbreak wordbreak2 m-0 '
+//                                             }
+//                                             style={{
+//                                                 textAlign: langdetect == 'en' ? 'left' : 'right',
+//                                             }}
+//                                         >
+//                                             {item.name}
+//                                         </p>
+//                                     </div>
+//                                 )}
+//                             </div>
+//                             <div class="row m-0 w-100 align-items-center mt-1 mb-1">
+//                                 {sectionproperties.prodPriceShow == 'Show' && (
+//                                     <p
+//                                         class={
+//                                             langdetect == 'en'
+//                                                 ? `${cardsstyles2.productPricestyles}` + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left '
+//                                                 : `${cardsstyles2.productPricestyles}` + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
+//                                         }
+//                                     >
+//                                         {langdetect == 'en' ? 'EGP' : ''} {item.hassale == 1 ? item.defaultsaleprice : item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
+//                                     </p>
+//                                 )}
+//                                 {sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && <span class={`${cardsstyles2.productSalePricestyles}`}>/</span>}
+//                                 {sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && (
+//                                     <p
+//                                         class={
+//                                             langdetect == 'en'
+//                                                 ? `${cardsstyles2.productSalePricestyles}` + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left '
+//                                                 : `${cardsstyles2.productSalePricestyles}` + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right '
+//                                         }
+//                                     >
+//                                         {langdetect == 'en' ? 'EGP' : ''} {item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
+//                                     </p>
+//                                 )}
+//                             </div>
+//                             <div class="d-flex align-items-center m-0">
+//                                 {sectionproperties.cartBtnShow == 'Show' && (
+//                                     <button
+//                                         class={`${cardsstyles2.cart_btn}` + ' allcentered '}
+//                                         onClick={() => {
+//                                             setShowProductInfoModalContext(true);
+//                                             setProductIdProdutInfoModalContext(item.productid);
+//                                         }}
+//                                     >
+//                                         <div class="d-flex align-items-center justify-content-center">
+//                                             {sectionproperties.cartBtn_iconFontSize != 0 && (
+//                                                 <i class="allcentered mr-2" style={{ color: sectionproperties.cart_iconcolor, fontSize: sectionproperties.cartBtn_iconFontSize }}>
+//                                                     {sectionproperties.carticonstyle == 'Shopping bag 1' && <FiShoppingBag class="" size={sectionproperties.cartBtn_iconFontSize} />}
+//                                                     {sectionproperties.carticonstyle == 'Shopping bag 2' && <CgShoppingBag class="" size={sectionproperties.cartBtn_iconFontSize} />}
+//                                                     {sectionproperties.carticonstyle == 'Shopping bag 3' && <BsBag class="" size={sectionproperties.cartBtn_iconFontSize} />}
+//                                                     {sectionproperties.carticonstyle == 'Shopping bag 4' && <RiHandbagLine size={sectionproperties.cartBtn_iconFontSize} />}
+//                                                     {sectionproperties.carticonstyle == 'Shopping cart 1' && <FiShoppingCart class="" size={sectionproperties.cartBtn_iconFontSize} />}
+//                                                     {sectionproperties.carticonstyle == 'Shopping cart 2' && <MdAddShoppingCart size={sectionproperties.cartBtn_iconFontSize} />}
+//                                                 </i>
+//                                             )}
+//                                             <p class="m-0 p-0">{langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic}</p>
+//                                         </div>
+//                                     </button>
+//                                 )}
+//                             </div>
+//                         </div>
+//                     </div>
+//                 )}
+//             </div>
+//             {/* <div
+//                 class={props.sectiontypeprops2 == 'vertical' ? `${cardsstyles2.card}` + ' d-none d-md-flex w-100 ' : `${cardsstyles2.card}` + ' d-none d-md-flex '}
+//                 style={{
+//                     minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
+//                     maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + ' px',
+//                 }}
+//             >
+//                 <div
+//                     class={
+//                         item.IsFavExists == true
+//                             ? `${cardsstyles2.iconsContainer} ${cardsstyles2.iconsContainer2}` + ' iconsContainer d-flex d-md-none '
+//                             : `${cardsstyles2.iconsContainer}` + ' iconsContainer d-flex d-md-none '
+//                     }
+//                     style={{ zIndex: 100 }}
+//                 >
+//                     {sectionproperties.favBtnShow == 'Show' && (
+//                         <button
+//                             class={`${cardsstyles2.wishlist_btn}` + ' mb-1 '}
+//                             onClick={() => {
+//                                 addtofavoritescontext(item.productid);
+//                             }}
+//                         >
+//                             {item.IsFavExists && (
+//                                 <i class="h-100 d-flex align-items-center justify-content-center icon">
+//                                     {sectionproperties.faviconshape == 'Star Shape' && (
+//                                         <AiFillStar size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />
+//                                     )}
+//                                     {sectionproperties.faviconshape == 'Heart Shape' && <FaHeart size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />}
+//                                 </i>
+//                             )}
+//                             {!item.IsFavExists && (
+//                                 <i class="h-100 d-flex align-items-center justify-content-center">
+//                                     {sectionproperties.faviconshape == 'Star Shape' && <AiOutlineStar size={sectionproperties.favBtnIconfontsize} />}
+//                                     {sectionproperties.faviconshape == 'Heart Shape' && <FaRegHeart size={sectionproperties.favBtnIconfontsize} />}
+//                                 </i>
+//                             )}
+//                         </button>
+//                     )}
+//                     {sectionproperties.generalbtn_show == 'Show' && (
+//                         <button
+//                             class={` ${cardsstyles2.showmodal}`}
+//                             onClick={(e) => {
+//                                 e.stopPropagation();
+//                                 cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+//                             }}
+//                         >
+//                             <i class="h-100 d-flex align-items-center justify-content-center">
+//                                 <BsEye size={sectionproperties.generalbtn_fontsize} />
+//                             </i>
+//                         </button>
+//                     )}
+//                 </div>
+//                 <div class={`${cardsstyles2.iconsContainer} ${cardsstyles2.iconsContainer2}` + ' iconsContainer d-none d-md-flex '} style={{ zIndex: 100 }}>
+//                     {sectionproperties.favBtnShow == 'Show' && (
+//                         <button
+//                             class={` ${cardsstyles2.wishlist_btn}` + ' mb-1 '}
+//                             onClick={() => {
+//                                 addtofavoritescontext(item.productid);
+//                             }}
+//                         >
+//                             {item.IsFavExists && (
+//                                 <i class="h-100 d-flex align-items-center justify-content-center icon">
+//                                     {sectionproperties.faviconshape == 'Star Shape' && (
+//                                         <AiFillStar size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />
+//                                     )}
+//                                     {sectionproperties.faviconshape == 'Heart Shape' && <FaHeart size={sectionproperties.favBtnIconfontsize} style={{ color: sectionproperties.activefaviconcolor }} />}
+//                                 </i>
+//                             )}
+//                             {!item.IsFavExists && (
+//                                 <i class="h-100 d-flex align-items-center justify-content-center">
+//                                     {sectionproperties.faviconshape == 'Star Shape' && <AiOutlineStar size={sectionproperties.favBtnIconfontsize} />}
+//                                     {sectionproperties.faviconshape == 'Heart Shape' && <FaRegHeart size={sectionproperties.favBtnIconfontsize} />}
+//                                 </i>
+//                             )}
+//                         </button>
+//                     )}
+
+//                     {sectionproperties.generalbtn_show == 'Show' && (
+//                         <button
+//                             class={` ${cardsstyles2.showmodal}`}
+//                             onClick={(e) => {
+//                                 e.stopPropagation();
+//                                 cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+//                             }}
+//                         >
+//                             <i class="h-100 d-flex align-items-center justify-content-center">
+//                                 <BsEye size={sectionproperties.generalbtn_fontsize} />
+//                             </i>
+//                         </button>
+//                     )}
+//                 </div>
+//                 {sectionproperties.length != 0 && (
+//                     <div
+//                         class="col-lg-12 col-md-12 col-sm-12 pl-0 pr-0 pl-sm-2 pr-sm-2"
+//                         style={{
+//                             paddingTop: sectionproperties.paddingTop + 'px',
+//                             paddingBottom: sectionproperties.paddingBottom + 'px',
+//                         }}
+//                     >
+//                         <div
+//                             class="cursor-pointer"
+//                             style={{
+//                                 backgroundColor: sectionproperties.image_bgcolor,
+//                                 height: sectionproperties.image_height + 'px',
+//                                 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',
+//                             }}
+//                         >
+
+//                             <Imagekitimagecomp
+//                     urlEndpoint={ikimagecredcontext?.ikimageendpoint}
+//                     publicKey={ikimagecredcontext?.ikimagepublickey}
+//                                 path={'/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image}
+//                                 style={{
+//                                     width: '100%',
+//                                     height: '100%',
+//                                     objectFit: 'contain',
+//                                 }}
+//                                 loading="lazy"
+//                                 onClick={() => {
+//                                     setShowProductInfoModalContext(true);
+//                                     setProductIdProdutInfoModalContext(item.productid);
+//                                 }}
+//                             ></IKImage>
+//                             {item?.hassale == 1 && sectionproperties.prodsalePriceshow == 'Show' && (
+//                                 <div
+//                                     class="row m-0 align-items-center justify-content-center"
+//                                     style={{
+//                                         position: 'absolute',
+//                                         top: 10,
+//                                         left: 10,
+//                                         height: sectionproperties.badge_height + 'px',
+//                                         width: sectionproperties.badge_width + 'px',
+//                                         backgroundColor: sectionproperties.badge_bgcolor,
+//                                         borderRadius: sectionproperties.badge_borderradius + 'px',
+//                                         paddingLeft: '10px',
+//                                         paddingRight: '10px',
+//                                         color: sectionproperties.badge_color,
+//                                     }}
+//                                 >
+//                                     <div style={{ fontSize: sectionproperties.badge_fontsize + 'px' }}>{langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr}</div>
+//                                 </div>
+//                             )}
+//                             {sectionproperties.showpill == 'Show' && item.hassale == 1 && (
+//                                 <div
+//                                     class="allcentered"
+//                                     style={{
+//                                         position: 'absolute',
+//                                         top: sectionproperties.pillpositionfromtop + 'px',
+//                                         left: sectionproperties.pillpositionfromright + 'px',
+//                                         width: sectionproperties.pillwidth + 'px',
+//                                         height: sectionproperties.pillheight + 'px',
+//                                         background: sectionproperties.pillbgcolor,
+//                                         borderRadius: sectionproperties.pillborderBottomLeftRadius + 'px',
+//                                     }}
+//                                 >
+//                                     <p class="m-0 p-0 text-uppercase" style={{ color: sectionproperties.pillcolor, fontSize: sectionproperties.pillfontSize + 'px', direction: 'ltr' }}>
+//                                         {'-' + Math.round(10.0 * ((parseInt(item.defaultprice) - parseInt(item.defaultsaleprice)) / parseInt(item.defaultprice)) * 100) / 10.0 + '%'}
+//                                     </p>
+//                                 </div>
+//                             )}
+//                         </div>
+//                         <div
+//                             class={'row m-0 w-100 pl-sm-0 pr-sm-0'}
+//                             style={{
+//                                 paddingLeft: '10px',
+//                                 paddingRight: '10px',
+//                                 paddingTop: '10px',
+//                                 paddingBottom: '10px',
+//                             }}
+//                         >
+//                             <div class="col-lg-12 p-0">
+//                                 {sectionproperties.prodCatShow == 'Show' && (
+//                                     <p
+//                                         class={`${cardsstyles2.productDescStyles}` + ' col-lg-12 wordbreak wordbreak1 p-0 m-0 '}
+//                                         style={{
+//                                             textAlign: langdetect == 'en' ? 'left' : 'right',
+//                                         }}
+//                                     >
+//                                         {plainString(langdetect == 'en' ? item.description_en : item.description_ar)}
+//                                     </p>
+//                                 )}
+
+//                                 {sectionproperties.prodNameShow == 'Show' && (
+//                                     <div class="col-lg-12 p-0 " style={{ minHeight: '6vh' }}>
+//                                         <p
+//                                             onClick={() => {
+//                                                 cardonclickfunctionContext(sectionproperties?.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+//                                             }}
+//                                             class={
+//                                                 sectionproperties.wordbreak == '1'
+//                                                     ? `${cardsstyles2.productNameStyles}` + '  wordbreak wordbreak2 m-0 '
+//                                                     : `${cardsstyles2.productNameStyles}` + '  wordbreak wordbreak2 m-0 '
+//                                             }
+//                                             style={{
+//                                                 textAlign: langdetect == 'en' ? 'left' : 'right',
+//                                             }}
+//                                         >
+//                                             {item.name}
+//                                         </p>
+//                                     </div>
+//                                 )}
+//                             </div>
+//                             <div class="row m-0 w-100 align-items-center mt-1 mb-1">
+//                                 {sectionproperties.prodPriceShow == 'Show' && (
+//                                     <p
+//                                         class={
+//                                             langdetect == 'en'
+//                                                 ? `${cardsstyles2.productPricestyles}` + ' m-0 wordbreak d-flex align-items-center text-right text-sm-left '
+//                                                 : `${cardsstyles2.productPricestyles}` + ' m-0 wordbreak d-flex align-items-center text-left text-sm-right '
+//                                         }
+//                                     >
+//                                         {langdetect == 'en' ? 'EGP' : ''} {item.hassale == 1 ? item.defaultsaleprice : item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
+//                                     </p>
+//                                 )}
+//                                 {sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && <span class={`${cardsstyles2.productSalePricestyles}`}>/</span>}
+//                                 {sectionproperties.prodsalePriceshow == 'Show' && item.hassale == 1 && (
+//                                     <p
+//                                         class={
+//                                             langdetect == 'en'
+//                                                 ? `${cardsstyles2.productSalePricestyles}` + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-right text-sm-left '
+//                                                 : `${cardsstyles2.productSalePricestyles}` + ' linethrough m-0 wordbreak d-flex mt-sm-auto mb-sm-auto text-left text-sm-right '
+//                                         }
+//                                     >
+//                                         {langdetect == 'en' ? 'EGP' : ''} {item.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
+//                                     </p>
+//                                 )}
+//                             </div>
+//                             <div class="d-flex align-items-center m-0">
+//                                 {sectionproperties.cartBtnShow == 'Show' && (
+//                                     <button
+//                                         class={`${cardsstyles2.cart_btn}` + ' allcentered '}
+//                                         onClick={() => {
+//                                             setShowProductInfoModalContext(true);
+//                                             setProductIdProdutInfoModalContext(item.productid);
+//                                         }}
+//                                     >
+//                                         <div class="d-flex align-items-center justify-content-center">
+//                                             {sectionproperties.cartBtn_iconFontSize != 0 && (
+//                                                 <i class="allcentered mr-2" style={{ color: sectionproperties.cart_iconcolor, fontSize: sectionproperties.cartBtn_iconFontSize }}>
+//                                                     {sectionproperties.carticonstyle == 'Shopping bag 1' && <FiShoppingBag class="" size={sectionproperties.cartBtn_iconFontSize} />}
+//                                                     {sectionproperties.carticonstyle == 'Shopping bag 2' && <CgShoppingBag class="" size={sectionproperties.cartBtn_iconFontSize} />}
+//                                                     {sectionproperties.carticonstyle == 'Shopping bag 3' && <BsBag class="" size={sectionproperties.cartBtn_iconFontSize} />}
+//                                                     {sectionproperties.carticonstyle == 'Shopping bag 4' && <RiHandbagLine size={sectionproperties.cartBtn_iconFontSize} />}
+//                                                     {sectionproperties.carticonstyle == 'Shopping cart 1' && <FiShoppingCart class="" size={sectionproperties.cartBtn_iconFontSize} />}
+//                                                     {sectionproperties.carticonstyle == 'Shopping cart 2' && <MdAddShoppingCart size={sectionproperties.cartBtn_iconFontSize} />}
+//                                                 </i>
+//                                             )}
+//                                             <p class="m-0 p-0">{langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic}</p>
+//                                         </div>
+//                                     </button>
+//                                 )}
+//                             </div>
+//                         </div>
+//                     </div>
+//                 )}
+//             </div> */}
+//         </div>
+//     );
+// };
+// export default Card23;
+
 function ownKeys$t(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$t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$t(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var CardBadgeSlideFromTop = function CardBadgeSlideFromTop(props) {