tabexseriescomponents 0.0.298 → 0.0.299

package/dist/index.esm.js

@@ -41,7 +41,7 @@ import { AiOutlineClockCircle } from '@react-icons/all-files/ai/AiOutlineClockCi
 import { AiOutlinePlus } from '@react-icons/all-files/ai/AiOutlinePlus';
 import { AiOutlineCheck } from '@react-icons/all-files/ai/AiOutlineCheck';
 import { ScrollMenu } from 'react-horizontal-scrolling-menu';
-import '@mui/material';
+import { Box, Tabs, Tab } from '@mui/material';
 import { HiOutlinePhone } from '@react-icons/all-files/hi/HiOutlinePhone';
 import { AiOutlineMail } from '@react-icons/all-files/ai/AiOutlineMail';
 import { FaShippingFast } from '@react-icons/all-files/fa/FaShippingFast';
@@ -558,8 +558,8 @@ var FacebookLoginButton = function FacebookLoginButton(props) {
   }));
 };
 
-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(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$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(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; }
 var Login = function Login(props) {
   var _css;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -632,7 +632,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$2a({}, secpropobj));
+      setsectionproperties(_objectSpread$2b({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   useEffect(function () {
@@ -791,9 +791,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: payloadobj.email,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2a({}, payloadobj);
+      var temppayloadobj = _objectSpread$2b({}, payloadobj);
       temppayloadobj.email = event.target.value;
-      setpayloadobj(_objectSpread$2a({}, temppayloadobj));
+      setpayloadobj(_objectSpread$2b({}, temppayloadobj));
     },
     style: {
       background: 'transparent'
@@ -815,9 +815,9 @@ var Login = function Login(props) {
     textplaceholder: "",
     value: payloadobj.password,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2a({}, payloadobj);
+      var temppayloadobj = _objectSpread$2b({}, payloadobj);
       temppayloadobj.password = event.target.value;
-      setpayloadobj(_objectSpread$2a({}, temppayloadobj));
+      setpayloadobj(_objectSpread$2b({}, temppayloadobj));
     },
     style: {
       background: 'transparent'
@@ -949,9 +949,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.email,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2b({}, forgotpasswordpayload);
       temppayloadobj.email = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2b({}, temppayloadobj));
     },
     disabled: forgetpasswordstage == 'verify' ? true : false,
     style: {
@@ -966,9 +966,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.code,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2b({}, forgotpasswordpayload);
       temppayloadobj.code = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2b({}, temppayloadobj));
     },
     style: {
       background: 'transparent'
@@ -982,9 +982,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.newpassword,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2b({}, forgotpasswordpayload);
       temppayloadobj.newpassword = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2b({}, temppayloadobj));
     },
     style: {
       background: 'transparent'
@@ -998,9 +998,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.confirmnewpassword,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2b({}, forgotpasswordpayload);
       temppayloadobj.confirmnewpassword = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2b({}, temppayloadobj));
     },
     style: {
       background: 'transparent'
@@ -1012,7 +1012,7 @@ var Login = function Login(props) {
     onClick: function onClick() {
       if (forgotpasswordpayload.email.length != 0) {
         var runfunc = false;
-        var tempforgotpasswordpayload = _objectSpread$2a({}, forgotpasswordpayload);
+        var tempforgotpasswordpayload = _objectSpread$2b({}, forgotpasswordpayload);
         tempforgotpasswordpayload.functype = forgetpasswordstage;
         if (forgetpasswordstage == 'verify') {
           if (tempforgotpasswordpayload.newpassword.length != 0 && tempforgotpasswordpayload.code.length != 0) {
@@ -1079,11 +1079,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$29(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$29(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$29(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$29(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$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(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 defaultstyles = {
   option: function option(provided, state) {
-    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -1111,7 +1111,7 @@ var defaultstyles = {
     };
   },
   dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
       '&:hover': {
         // color: '#eac435',
       }
@@ -1120,7 +1120,7 @@ var defaultstyles = {
 };
 var defaultstylestranslated = {
   option: function option(provided, state) {
-    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -1151,21 +1151,21 @@ var defaultstylestranslated = {
     };
   },
   dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
       '&:hover': {
         // color: '#eac435',
       }
     });
   },
   placeholder: function placeholder(provided, state) {
-    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
       textAlign: 'right'
     });
   }
 };
 var defaultstylesnone = {
   option: function option(provided, state) {
-    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -1193,7 +1193,7 @@ var defaultstylesnone = {
     };
   },
   dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+    return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
       '&:hover': {
         // color: '#eac435',
       }
@@ -1553,8 +1553,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$28(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$28(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$28(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$28(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$29(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$29(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$29(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$29(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ProductExtraFields = function ProductExtraFields(props) {
   var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _css, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7;
   props.actions.lang;
@@ -1609,9 +1609,9 @@ var ProductExtraFields = function ProductExtraFields(props) {
       });
     }
     setproductextravaluesarray(_toConsumableArray(tempproductextravaluesarray));
-    var tempaddtocardpayloadobj = _objectSpread$28({}, addtocardpayloadobj);
+    var tempaddtocardpayloadobj = _objectSpread$29({}, addtocardpayloadobj);
     tempaddtocardpayloadobj.extrafields = tempproductextravaluesarray;
-    setaddtocardpayloadobj(_objectSpread$28({}, tempaddtocardpayloadobj));
+    setaddtocardpayloadobj(_objectSpread$29({}, tempaddtocardpayloadobj));
   };
   var formstyles = {
     input_label_name: css({
@@ -1716,8 +1716,8 @@ var ProductExtraFields = function ProductExtraFields(props) {
   }))));
 };
 
-function ownKeys$27(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$27(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$27(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$27(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$28(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$28(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$28(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$28(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var 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;
@@ -2079,11 +2079,11 @@ var Product_itemtype = function Product_itemtype(props) {
   }, /*#__PURE__*/React.createElement("span", {
     className: "".concat(productinfo_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
-      var tempaddtocardpayloadobj = _objectSpread$27({}, addtocardpayloadobj);
+      var tempaddtocardpayloadobj = _objectSpread$28({}, addtocardpayloadobj);
       if (tempaddtocardpayloadobj.quantity > 0) {
         tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity - 1;
       }
-      setaddtocardpayloadobj(_objectSpread$27({}, tempaddtocardpayloadobj));
+      setaddtocardpayloadobj(_objectSpread$28({}, tempaddtocardpayloadobj));
     }
   }, /*#__PURE__*/React.createElement("i", {
     className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-down' : 'h-100 allcentered',
@@ -2097,9 +2097,9 @@ var Product_itemtype = function Product_itemtype(props) {
   }, addtocardpayloadobj.quantity), /*#__PURE__*/React.createElement("span", {
     className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
-      var tempaddtocardpayloadobj = _objectSpread$27({}, addtocardpayloadobj);
+      var tempaddtocardpayloadobj = _objectSpread$28({}, addtocardpayloadobj);
       tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity + 1;
-      setaddtocardpayloadobj(_objectSpread$27({}, tempaddtocardpayloadobj));
+      setaddtocardpayloadobj(_objectSpread$28({}, tempaddtocardpayloadobj));
     }
   }, /*#__PURE__*/React.createElement("i", {
     className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-up' : 'h-100 allcentered'
@@ -2379,8 +2379,8 @@ var Product_itemtype = function Product_itemtype(props) {
   }, StoreInfoprops())))));
 };
 
-function ownKeys$26(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$26(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$26(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$26(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$27(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$27(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$27(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$27(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var 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;
@@ -2421,7 +2421,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     slots = _useState6[0],
     setslots = _useState6[1];
   useEffect(function () {
-    setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+    setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
       item_type: 'service'
     }));
   }, [tabsarray]);
@@ -2433,16 +2433,16 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     if (diffDays.toString() != 'NaN') {
       if (date2 <= date1) {
         NotificationManager.warning('', 'Please choose another date.');
-        setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
           quantity: 0
         }));
       } else {
         if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= diffDays && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= diffDays) {
-          setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+          setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
             quantity: diffDays
           }));
         } else {
-          setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+          setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
             quantity: 0
           }));
           NotificationManager.warning('', 'Max: ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', Min: ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
@@ -2578,7 +2578,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$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+      setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
         from: event.target.value
       }));
     }
@@ -2598,7 +2598,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$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+      setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
         to: event.target.value
       }));
     }
@@ -2618,7 +2618,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$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+      setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
         date: event.target.value
       }));
       setcurrentmutatestate('/fetchserviceslots');
@@ -2669,7 +2669,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
         color: ischoosed ? sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? sectionproperties.generalbtn_textColoronhover : sectionproperties.generalbtn_textColor : ''
       },
       onClick: function onClick() {
-        setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
           time: item.slot
         }));
       }
@@ -2678,7 +2678,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     }, /*#__PURE__*/React.createElement("button", {
       "class": TabsStyles.booknow_btn_resp + ' allcentered  ',
       onClick: function onClick() {
-        setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
           time: item.slot
         }));
       }
@@ -2720,7 +2720,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$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
           time: item.slot
         }));
       }
@@ -3373,8 +3373,8 @@ var Service_itemtype = function Service_itemtype(props) {
   }, StoreInfoprops()))));
 };
 
-function ownKeys$25(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$25(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$25(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$25(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$26(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$26(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$26(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$26(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var AddReview = function AddReview(props) {
   var _css;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -3428,7 +3428,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$25({}, secpropobj));
+      setsectionproperties(_objectSpread$26({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   useEffect(function () {
@@ -3437,7 +3437,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$25({}, secpropobj));
+    setsectionproperties(_objectSpread$26({}, secpropobj));
   }, [pageindexcontext]);
   var reviewstyles = {
     submitreviewbtn: css({
@@ -3563,9 +3563,9 @@ var AddReview = function AddReview(props) {
     }),
     activeColor: "#ffd700",
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$25({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$26({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewrate = event;
-      setreviewpayloadobj(_objectSpread$25({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$26({}, tempreviewpayloadobj));
     }
   })))))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12"
@@ -3579,9 +3579,9 @@ var AddReview = function AddReview(props) {
     "class": reviewstyles.form_control,
     value: reviewpayloadobj.reviewname,
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$25({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$26({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewname = event.target.value;
-      setreviewpayloadobj(_objectSpread$25({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$26({}, tempreviewpayloadobj));
     }
   })), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 mb-4"
@@ -3591,9 +3591,9 @@ var AddReview = function AddReview(props) {
     "class": reviewstyles.form_control,
     value: reviewpayloadobj.reviewtitle,
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$25({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$26({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewtitle = event.target.value;
-      setreviewpayloadobj(_objectSpread$25({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$26({}, tempreviewpayloadobj));
     }
   })), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 mb-4"
@@ -3604,9 +3604,9 @@ var AddReview = function AddReview(props) {
     "class": reviewstyles.form_control + ' form_control ',
     value: reviewpayloadobj.reviewbody,
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$25({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$26({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewbody = event.target.value;
-      setreviewpayloadobj(_objectSpread$25({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$26({}, tempreviewpayloadobj));
     },
     style: {
       resize: 'none',
@@ -3641,10 +3641,253 @@ var AddReview = function AddReview(props) {
   }, langdetect == 'en' ? sectionproperties.reviewbtn_contenten : sectionproperties.reviewbtn_contentar)));
 };
 
+function ownKeys$25(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$25(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$25(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$25(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    canuserreview = _useState2[0],
+    setcanuserreview = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    openreviewmodal = _useState4[0],
+    setopenreviewmodal = _useState4[1];
+  var _useState5 = useState('all'),
+    _useState6 = _slicedToArray(_useState5, 2),
+    filterproductreviews = _useState6[0],
+    setfilterproductreviews = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    productreviews = _useState8[0],
+    setproductreviews = _useState8[1];
+  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.createElement("div", {
+    className: 'row w-100 ml-0 mr-0',
+    style: {
+      marginTop: sectionproperties.marginTop + 'px'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 w-100 pl-5 pr-5 p-md-0 plr-1025-0"
+  }, GeneralAPIMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 allcentered",
+    style: {
+      height: '20vh'
+    }
+  }, /*#__PURE__*/React.createElement(Messaging, {
+    color: "#ccc",
+    width: "10px",
+    height: "10px",
+    duration: "1s"
+  })), !GeneralAPIMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 allcentered"
+  }, canuserreview && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 allcentered mb-3 p-0"
+  }, /*#__PURE__*/React.createElement("button", {
+    "class": "".concat(productinfo_cssstyles.reviewbutton) + ' ',
+    onClick: function onClick() {
+      setopenreviewmodal(true);
+    }
+  }, langdetect == 'en' ? sectionproperties.reviewbtn_contenten : sectionproperties.reviewbtn_contentar)), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 mb-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 py-3 px-2",
+    style: {
+      borderRadius: 10,
+      background: '#eee'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 allcentered"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 font-weight-600 text-uppercase",
+    style: {
+      fontSize: '17px'
+    }
+  }, langdetect == 'en' ? 'Overall Ratings' : 'جميع التقييمات')), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 pl-3 pr-3"
+  }, /*#__PURE__*/React.createElement("hr", null)), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 allcentered"
+  }, /*#__PURE__*/React.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.createElement("div", {
+    "class": "col-lg-12 p-0 allcentered"
+  }, /*#__PURE__*/React.createElement(ReactStars, {
+    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.createElement("i", {
+      className: "far fa-star",
+      style: {
+        color: '#bfbfbf'
+      }
+    }),
+    halfIcon: /*#__PURE__*/React.createElement("i", {
+      className: "fa fa-star-half-alt style={{ color: '#FAB400' }}"
+    }),
+    filledIcon: /*#__PURE__*/React.createElement("i", {
+      className: "fa fa-star",
+      style: {
+        color: '#FAB400'
+      }
+    }),
+    activeColor: "#ffd700"
+  })))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start mb-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 py-3 px-2",
+    style: {
+      borderRadius: 10,
+      background: '#eee'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 allcentered"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 font-weight-600 text-uppercase",
+    style: {
+      fontSize: '17px'
+    }
+  }, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 pl-3 pr-3"
+  }, /*#__PURE__*/React.createElement("hr", null)), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 d-flex justify-content-center"
+  }, /*#__PURE__*/React.createElement(ReactStars, {
+    count: 5,
+    value: filterproductreviews
+    // edit={false}
+    ,
+    size: 18,
+    emptyIcon: /*#__PURE__*/React.createElement("i", {
+      className: "far fa-star",
+      style: {
+        color: '#bfbfbf'
+      }
+    }),
+    halfIcon: /*#__PURE__*/React.createElement("i", {
+      className: "fa fa-star-half-alt style={{ color: '#FAB400' }}"
+    }),
+    filledIcon: /*#__PURE__*/React.createElement("i", {
+      className: "fa fa-star",
+      style: {
+        color: '#FAB400'
+      }
+    }),
+    activeColor: "#ffd700",
+    onChange: function onChange(event) {
+      setfilterproductreviews(event);
+    }
+  })))))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-9"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, productreviews === null || productreviews === void 0 ? void 0 : productreviews.map(function (reviewitem, reviewindex) {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 flex-column"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 d-flex justify-content-start p-0 mb-2"
+    }, /*#__PURE__*/React.createElement(ReactStars, {
+      count: 5,
+      value: reviewitem.review_rating,
+      edit: false,
+      size: 18,
+      emptyIcon: /*#__PURE__*/React.createElement("i", {
+        className: "far fa-star",
+        style: {
+          color: '#bfbfbf'
+        }
+      }),
+      halfIcon: /*#__PURE__*/React.createElement("i", {
+        className: "fa fa-star-half-alt style={{ color: '#FAB400' }}"
+      }),
+      filledIcon: /*#__PURE__*/React.createElement("i", {
+        className: "fa fa-star",
+        style: {
+          color: '#FAB400'
+        }
+      }),
+      activeColor: "#ffd700"
+    })), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 mb-2 d-flex justify-content-start "
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "m-0 p-0 font-weight-600",
+      style: {
+        fontSize: '17px'
+      }
+    }, reviewitem.reviewtitle)), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "m-0 p-0 font-weight-500"
+    }, reviewitem.reviewbody)), /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-6 d-flex align-items-center justify-content-start p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "m-0 p-0 font-weight-600"
+    }, langdetect == 'en' ? 'By' : 'عن طريق', ": ", reviewitem.review_name)), /*#__PURE__*/React.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.createElement("i", {
+      "class": "fa fa-clock text-light ml-2 mr-2"
+    }), " ", reviewitem.timestamp)), /*#__PURE__*/React.createElement("hr", null));
+  }))))), /*#__PURE__*/React.createElement(Modal, {
+    show: openreviewmodal,
+    onHide: function onHide() {
+      return setopenreviewmodal(false);
+    },
+    centered: true,
+    size: "md",
+    "class": "reviewmodal"
+  }, /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.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(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;
+  var _css, _ref, _ref2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _fetchProductInfoQuer72, _fetchProductInfoQuer73, _fetchProductInfoQuer74, _fetchProductInfoQuer75, _fetchProductInfoQuer76, _fetchProductInfoQuer77, _fetchProductInfoQuer78, _fetchProductInfoQuer79, _fetchProductInfoQuer80, _fetchProductInfoQuer81, _fetchProductInfoQuer82, _fetchProductInfoQuer83, _fetchProductInfoQuer84, _fetchProductInfoQuer85, _fetchProductInfoQuer86, _fetchProductInfoQuer87, _fetchProductInfoQuer88, _fetchProductInfoQuer89, _fetchProductInfoQuer90, _fetchProductInfoQuer91, _fetchProductInfoQuer92, _fetchProductInfoQuer93, _fetchProductInfoQuer94, _fetchProductInfoQuer95, _fetchProductInfoQuer96, _fetchProductInfoQuer97, _fetchProductInfoQuer98, _fetchProductInfoQuer99, _fetchProductInfoQuer100, _fetchProductInfoQuer101, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -3666,7 +3909,7 @@ var Productinfo = function Productinfo(props) {
   var setpageindexcontext = props.actions.setpageindexcontext;
   var authdetailsContext = props.actions.authdetailsContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
-  props.actions;
+  var actions = props.actions;
   var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
   var setCurrentPageIdContext = props.actions.setCurrentPageIdContext;
   var NotificationManager = props.actions.NotificationManager;
@@ -3731,21 +3974,24 @@ var Productinfo = function Productinfo(props) {
     isloaded = _useState24[0],
     setisloaded = _useState24[1];
   var _useState25 = useState(false),
-    _useState26 = _slicedToArray(_useState25, 2);
-    _useState26[0];
-    _useState26[1];
+    _useState26 = _slicedToArray(_useState25, 2),
+    showMore = _useState26[0],
+    setShowMore = _useState26[1];
   var _useState27 = useState(0),
     _useState28 = _slicedToArray(_useState27, 2),
     currentshowingimageindex = _useState28[0],
     setcurrentshowingimageindex = _useState28[1];
   var _useState29 = useState(0),
-    _useState30 = _slicedToArray(_useState29, 2);
-    _useState30[0];
-    _useState30[1];
+    _useState30 = _slicedToArray(_useState29, 2),
+    tabIndex = _useState30[0],
+    setTabIndex = _useState30[1];
   var _useState31 = useState('descriptiontab'),
-    _useState32 = _slicedToArray(_useState31, 2);
-    _useState32[0];
-    _useState32[1];
+    _useState32 = _slicedToArray(_useState31, 2),
+    tabname = _useState32[0],
+    settabname = _useState32[1];
+  var handleTabChange = function handleTabChange(event, newTabIndex) {
+    setTabIndex(newTabIndex);
+  };
   useEffect(function () {
     if (Object.keys(StatePagePropertiesContext).length != 0) {
       var secpropobj = {};
@@ -4703,7 +4949,234 @@ 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.createElement("div", {
+  }, /*#__PURE__*/React.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.createElement(Box, null, /*#__PURE__*/React.createElement(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.createElement(Tab, {
+    label: langdetect == 'en' ? sectionproperties.tabsdescEn : sectionproperties.tabsdescAr,
+    onClick: function onClick() {
+      settabname('descriptiontab');
+    }
+  }), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showfirstpolicy == 'Show' && /*#__PURE__*/React.createElement(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.createElement(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.createElement(Tab, {
+    label: langdetect == 'en' ? 'Reviews' : 'التقييمات',
+    onClick: function onClick() {
+      settabname('reviewstab');
+    }
+  }))), sectionproperties.tabsfullwidth != 'Full Width' && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(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.createElement(Tab, {
+    label: langdetect == 'en' ? sectionproperties.tabsdescEn : sectionproperties.tabsdescAr,
+    onClick: function onClick() {
+      settabname('descriptiontab');
+    }
+  }), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showfirstpolicy == 'Show' && /*#__PURE__*/React.createElement(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.createElement(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.createElement(Tab, {
+    label: langdetect == 'en' ? 'Reviews' : 'التقييمات',
+    onClick: function onClick() {
+      settabname('reviewstab');
+    }
+  }))), /*#__PURE__*/React.createElement(Box, {
+    "class": "w-100 mt-5 mb-4"
+  }, tabname == 'descriptiontab' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 pl-5 pr-5 p-md-0 w-100"
+  }, /*#__PURE__*/React.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.createElement("div", {
+    className: "col-lg-12 p-0 mb-4 d-flex justify-content-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100 d-flex"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start"
+  }, /*#__PURE__*/React.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.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.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.createElement("div", {
+    className: "col-lg-12 p-0 mb-4 d-flex justify-content-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100 d-flex"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start flex-column"
+  }, /*#__PURE__*/React.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.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.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.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.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.createElement("div", {
+        "class": ' col-md-4 col-sm-12 mb-3 col-lg-' + sectionproperties.galleryNoOfCols,
+        style: {
+          height: sectionproperties.galleryHeight + 'px'
+        }
+      }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+        path: '/tr:w-' + sectionproperties.galleryWidthDimension + ',h-' + sectionproperties.galleryHeightDimension + '/' + item.path,
+        style: {
+          width: '100%',
+          height: '100%',
+          objectFit: 'contain'
+        },
+        loading: "lazy"
+      }));
+    }
+  }))))), tabname == 'shippingpolicytab' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 pl-5 pr-5 p-md-0 w-100"
+  }, /*#__PURE__*/React.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.createElement("div", {
+    "class": "col-lg-12 p-0 w-100 pl-5 pr-5 p-md-0"
+  }, /*#__PURE__*/React.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.createElement("div", {
+    "class": "col-lg-12 p-0 w-100 pl-5 pr-5 p-md-0"
+  }, /*#__PURE__*/React.createElement(ProductReviews, {
+    actions: _objectSpread$24(_objectSpread$24({}, actions), {}, {
+      productinfo_cssstyles: productinfo_cssstyles,
+      sectionproperties: sectionproperties
+    })
+  }))))), /*#__PURE__*/React.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,