tabexseriescomponents 0.0.249 → 0.0.251

package/dist/index.esm.js

@@ -31,6 +31,7 @@ import { AiFillStar } from '@react-icons/all-files/ai/AiFillStar';
 import { AiOutlineStar } from '@react-icons/all-files/ai/AiOutlineStar';
 import { FacebookShareButton, FacebookIcon, TwitterShareButton, TwitterIcon, WhatsappShareButton, WhatsappIcon } from 'react-share';
 import { IKImage } from 'imagekitio-react';
+import ReactStars from 'react-rating-stars-component';
 import { Box, Tabs, Tab } from '@mui/material';
 import { AiOutlineClockCircle } from '@react-icons/all-files/ai/AiOutlineClockCircle';
 import { AiOutlinePlus } from '@react-icons/all-files/ai/AiOutlinePlus';
@@ -40,6 +41,7 @@ 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';
 import { RiSecurePaymentLine } from '@react-icons/all-files/ri/RiSecurePaymentLine';
+import TextareaAutosize from 'react-textarea-autosize';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { AiOutlineSecurityScan } from '@react-icons/all-files/ai/AiOutlineSecurityScan';
 import { FaStar } from '@react-icons/all-files/fa/FaStar';
@@ -52,7 +54,6 @@ import { FiLayers } from '@react-icons/all-files/fi/FiLayers';
 import { HiOutlineTrash } from '@react-icons/all-files/hi/HiOutlineTrash';
 import { BiSad } from '@react-icons/all-files/bi/BiSad';
 import { FiCalendar } from '@react-icons/all-files/fi/FiCalendar';
-import TextareaAutosize from 'react-textarea-autosize';
 import { HiUser } from '@react-icons/all-files/hi/HiUser';
 import { GrMail } from '@react-icons/all-files/gr/GrMail';
 import { FiCheckCircle } from '@react-icons/all-files/fi/FiCheckCircle';
@@ -69,6 +70,7 @@ import { IoBagRemoveOutline } from '@react-icons/all-files/io5/IoBagRemoveOutlin
 import Dropdown from 'react-bootstrap/Dropdown';
 import { FiChevronUp } from '@react-icons/all-files/fi/FiChevronUp';
 import { FiChevronDown } from '@react-icons/all-files/fi/FiChevronDown';
+import InputRange from 'react-input-range';
 import { useInView } from 'react-intersection-observer';
 import { FaArrowAltCircleRight } from '@react-icons/all-files/fa/FaArrowAltCircleRight';
 import { FaArrowAltCircleLeft } from '@react-icons/all-files/fa/FaArrowAltCircleLeft';
@@ -262,8 +264,9 @@ var LanguageProvider = /*#__PURE__*/function (_Component) {
           loginwithfacebook: 'Sign in with facebook',
           orsigninwith: 'Or Sign in with',
           orsignupwith: 'Or Sign up with'
-        }, _defineProperty(_en, "price", 'Price'), _defineProperty(_en, "relatedproducts", 'Related products'), _defineProperty(_en, "qty", 'QTY'), _defineProperty(_en, "emptyshoppingcart", 'Your shopping cart is empty'), _defineProperty(_en, "shopnow", 'Shop now'), _defineProperty(_en, "total", 'Total'), _defineProperty(_en, "otherinformation", 'Other information'), _defineProperty(_en, "productname", 'Product name'), _defineProperty(_en, "quantity", 'Quantity'), _defineProperty(_en, "orderid", 'Order ID'), _defineProperty(_en, "numberofproducts", 'Number of products'), _defineProperty(_en, "checkyourorder", 'Check your order'), _defineProperty(_en, "search", 'Search'), _defineProperty(_en, "searchproducts", 'Search for products...'), _defineProperty(_en, "choosecity", 'Choose city'), _defineProperty(_en, "choosestategov", 'Choose state/governorate'), _defineProperty(_en, "choosecountry", 'Choose country'), _defineProperty(_en, "giftcarddicountcode", 'Gift Card Or Discount Code...'), _defineProperty(_en, "nosearchresults", 'No search results'), _defineProperty(_en, "sale", 'Sale'), _defineProperty(_en, "nofavoriteproducts", 'Your wishlist is empty'), _defineProperty(_en, "loggedoutsuccess", 'Logged out successfully'), _defineProperty(_en, "addedtocartsuccess", 'Cart is updated successfully'), _defineProperty(_en, "promocodeapplied", 'Promo code is applied.'), _defineProperty(_en, "promocoderemoved", 'Promo code is removed'), _defineProperty(_en, "countryandstateupdatedsuccess", 'Country and state are updated successfully'), _defineProperty(_en, "orderaddedsuccess", 'Order is added successfully'), _defineProperty(_en, "addedtowishlist", 'Added to your favourites'), _defineProperty(_en, "productrmovedfromwishlist", 'Removed from your favourites'), _defineProperty(_en, "fillthemissingfields", 'Please complete the missing fields'), _defineProperty(_en, "passwordsdontmatch", "Passwords don't match"), _defineProperty(_en, "loggedinsuccess", 'Logged in successfully'), _defineProperty(_en, "subtotal", 'Sub total'), _defineProperty(_en, "discount", 'Discount'), _defineProperty(_en, "outofzone", 'Out of zone'), _defineProperty(_en, "total", 'Total'), _defineProperty(_en, "cod", 'Cash on Delivery'), _defineProperty(_en, "cardondelivery", 'Credit Card On Delivery'), _defineProperty(_en, "onlinepayment", 'Online Payment'), _defineProperty(_en, "paymentcardinformation", 'Payment Card Information'), _defineProperty(_en, "shippingfees", 'Shipping fees'), _defineProperty(_en, "shippingaddress", 'Shipping address'), _defineProperty(_en, "cardnumber", 'Card number'), _defineProperty(_en, "year", 'Year'), _defineProperty(_en, "month", 'Month'), _defineProperty(_en, "cvv", 'CVV'), _defineProperty(_en, "nameoncard", 'Name On Card'), _defineProperty(_en, "country", 'Country'), _defineProperty(_en, "addressdetails", 'ِAddress details'), _defineProperty(_en, "stategov", 'State/Governorate'), _defineProperty(_en, "city", 'City'), _defineProperty(_en, "paymentmethod", 'Payment method'), _defineProperty(_en, "productimage", 'Product image'), _defineProperty(_en, "orderdetails", 'Order details'), _defineProperty(_en, "orderinvoice", 'Order invoice'), _defineProperty(_en, "promocodediscount", 'Promo code discount'), _defineProperty(_en, "address", 'Address'), _defineProperty(_en, "update", 'Update'), _defineProperty(_en, "phonenumber", 'Mobile number'), _defineProperty(_en, "completerequiredfields", 'Please complete all required fields'), _defineProperty(_en, "name", 'Name'), _defineProperty(_en, "email", 'Email'), _defineProperty(_en, "password", 'Password'), _defineProperty(_en, "confirmpassword", 'Confirm password'), _defineProperty(_en, "showmore", 'Show more'), _defineProperty(_en, "showless", 'Show less'), _defineProperty(_en, "contactdetails", 'Contact Information'), _defineProperty(_en, "asaguest", 'As a guest'), _defineProperty(_en, "choosecountryfirst", 'Please choose country first'), _defineProperty(_en, "security", 'Security'), _defineProperty(_en, "personalinformation", 'Personal Information'), _defineProperty(_en, "contactus", 'Contact us'), _defineProperty(_en, "slogan", 'Your website & mobile application in one place'), _defineProperty(_en, "recent", 'Recent'), _defineProperty(_en, "oldest", 'Oldest'), _defineProperty(_en, "pricehightolow", 'High to low'), _defineProperty(_en, "pricelowtohigh", 'Low to High'), _en),
+        }, _defineProperty(_en, "price", 'Price'), _defineProperty(_en, "relatedproducts", 'Related products'), _defineProperty(_en, "qty", 'QTY'), _defineProperty(_en, "emptyshoppingcart", 'Your shopping cart is empty'), _defineProperty(_en, "shopnow", 'Shop now'), _defineProperty(_en, "total", 'Total'), _defineProperty(_en, "otherinformation", 'Other information'), _defineProperty(_en, "productname", 'Product name'), _defineProperty(_en, "quantity", 'Quantity'), _defineProperty(_en, "orderid", 'Order ID'), _defineProperty(_en, "numberofproducts", 'Number of products'), _defineProperty(_en, "checkyourorder", 'Check your order'), _defineProperty(_en, "search", 'Search'), _defineProperty(_en, "searchproducts", 'Search for products...'), _defineProperty(_en, "choosecity", 'Choose city'), _defineProperty(_en, "choosestategov", 'Choose state/governorate'), _defineProperty(_en, "choosecountry", 'Choose country'), _defineProperty(_en, "giftcarddicountcode", 'Gift Card Or Discount Code...'), _defineProperty(_en, "nosearchresults", 'No search results'), _defineProperty(_en, "sale", 'Sale'), _defineProperty(_en, "nofavoriteproducts", 'Your wishlist is empty'), _defineProperty(_en, "loggedoutsuccess", 'Logged out successfully'), _defineProperty(_en, "addedtocartsuccess", 'Cart is updated successfully'), _defineProperty(_en, "promocodeapplied", 'Promo code is applied.'), _defineProperty(_en, "promocoderemoved", 'Promo code is removed'), _defineProperty(_en, "countryandstateupdatedsuccess", 'Country and state are updated successfully'), _defineProperty(_en, "orderaddedsuccess", 'Order is added successfully'), _defineProperty(_en, "addedtowishlist", 'Added to your favourites'), _defineProperty(_en, "productrmovedfromwishlist", 'Removed from your favourites'), _defineProperty(_en, "fillthemissingfields", 'Please complete the missing fields'), _defineProperty(_en, "passwordsdontmatch", "Passwords don't match"), _defineProperty(_en, "loggedinsuccess", 'Logged in successfully'), _defineProperty(_en, "subtotal", 'Sub total'), _defineProperty(_en, "discount", 'Discount'), _defineProperty(_en, "outofzone", 'Out of zone'), _defineProperty(_en, "total", 'Total'), _defineProperty(_en, "cod", 'Cash on Delivery'), _defineProperty(_en, "cardondelivery", 'Credit Card On Delivery'), _defineProperty(_en, "onlinepayment", 'Online Payment'), _defineProperty(_en, "paymentcardinformation", 'Payment Card Information'), _defineProperty(_en, "shippingfees", 'Shipping fees'), _defineProperty(_en, "shippingaddress", 'Shipping address'), _defineProperty(_en, "cardnumber", 'Card number'), _defineProperty(_en, "year", 'Year'), _defineProperty(_en, "month", 'Month'), _defineProperty(_en, "cvv", 'CVV'), _defineProperty(_en, "nameoncard", 'Name On Card'), _defineProperty(_en, "country", 'Country'), _defineProperty(_en, "addressdetails", 'ِAddress details'), _defineProperty(_en, "stategov", 'State/Governorate'), _defineProperty(_en, "city", 'City'), _defineProperty(_en, "paymentmethod", 'Payment method'), _defineProperty(_en, "productimage", 'Product image'), _defineProperty(_en, "orderdetails", 'Order details'), _defineProperty(_en, "orderinvoice", 'Order invoice'), _defineProperty(_en, "promocodediscount", 'Promo code discount'), _defineProperty(_en, "address", 'Address'), _defineProperty(_en, "update", 'Update'), _defineProperty(_en, "phonenumber", 'Mobile number'), _defineProperty(_en, "completerequiredfields", 'Please complete all required fields'), _defineProperty(_en, "name", 'Name'), _defineProperty(_en, "email", 'Email'), _defineProperty(_en, "password", 'Password'), _defineProperty(_en, "confirmpassword", 'Confirm password'), _defineProperty(_en, "showmore", 'Show more'), _defineProperty(_en, "showless", 'Show less'), _defineProperty(_en, "contactdetails", 'Contact Information'), _defineProperty(_en, "asaguest", 'As a guest'), _defineProperty(_en, "choosecountryfirst", 'Please choose country first'), _defineProperty(_en, "security", 'Security'), _defineProperty(_en, "personalinformation", 'Personal Information'), _defineProperty(_en, "contactus", 'Contact us'), _defineProperty(_en, "slogan", 'Your website & mobile application in one place'), _defineProperty(_en, "recent", 'Recent'), _defineProperty(_en, "oldest", 'Oldest'), _defineProperty(_en, "pricehightolow", 'High to low'), _defineProperty(_en, "pricelowtohigh", 'Low to High'), _defineProperty(_en, "pleasecompleteaddressmissingfields", 'Please complete the missing address fields'), _en),
         ar: (_ar = {
+          pleasecompleteaddressmissingfields: 'من فضلك اكمل باقى بيانات العنوان',
           loginregister: 'تسجيل الدخول/إنشاء حساب جديد',
           pleaselogintocheckout: 'قم بتسجيل دخول لاستكمال طلبك',
           reservationtime: 'ميعاد الحجز',
@@ -411,7 +414,9 @@ var ProductsCardsSectionContext_Provider = function ProductsCardsSectionContext_
       sortprice: '',
       sortdates: '',
       page: 0,
-      vendorsarr: []
+      vendorsarr: [],
+      minrate: 0,
+      maxrate: 5
     }),
     _useState4 = _slicedToArray(_useState3, 2),
     ProductFilterObjContext = _useState4[0],
@@ -534,8 +539,8 @@ var FacebookLoginButton = function FacebookLoginButton(props) {
   }));
 };
 
-function ownKeys$1$(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$1$(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1$(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$21(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$21(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$21(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$21(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Login = function Login(props) {
   var _css;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -604,7 +609,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$1$({}, secpropobj));
+      setsectionproperties(_objectSpread$21({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   useEffect(function () {
@@ -763,9 +768,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: payloadobj.email,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$1$({}, payloadobj);
+      var temppayloadobj = _objectSpread$21({}, payloadobj);
       temppayloadobj.email = event.target.value;
-      setpayloadobj(_objectSpread$1$({}, temppayloadobj));
+      setpayloadobj(_objectSpread$21({}, temppayloadobj));
     },
     style: {
       background: 'transparent'
@@ -786,9 +791,9 @@ var Login = function Login(props) {
     textplaceholder: "",
     value: payloadobj.password,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$1$({}, payloadobj);
+      var temppayloadobj = _objectSpread$21({}, payloadobj);
       temppayloadobj.password = event.target.value;
-      setpayloadobj(_objectSpread$1$({}, temppayloadobj));
+      setpayloadobj(_objectSpread$21({}, temppayloadobj));
     }
   }), /*#__PURE__*/React.createElement("span", {
     className: langdetect == 'en' ? loginstyles$1.login_input_icon : loginstyles$1.login_input_icontrans
@@ -921,9 +926,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.email,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$1$({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$21({}, forgotpasswordpayload);
       temppayloadobj.email = event.target.value;
-      setforgotpasswordpayload(_objectSpread$1$({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$21({}, temppayloadobj));
     },
     disabled: forgetpasswordstage == 'verify' ? true : false
   }), /*#__PURE__*/React.createElement("span", {
@@ -941,9 +946,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.code,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$1$({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$21({}, forgotpasswordpayload);
       temppayloadobj.code = event.target.value;
-      setforgotpasswordpayload(_objectSpread$1$({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$21({}, temppayloadobj));
     }
   })), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 mb-3 p-sm-0"
@@ -954,9 +959,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.newpassword,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$1$({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$21({}, forgotpasswordpayload);
       temppayloadobj.newpassword = event.target.value;
-      setforgotpasswordpayload(_objectSpread$1$({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$21({}, temppayloadobj));
     }
   })), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0"
@@ -967,9 +972,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.confirmnewpassword,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$1$({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$21({}, forgotpasswordpayload);
       temppayloadobj.confirmnewpassword = event.target.value;
-      setforgotpasswordpayload(_objectSpread$1$({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$21({}, temppayloadobj));
     }
   }))))), /*#__PURE__*/React.createElement(Modal.Footer, null, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 "
@@ -978,7 +983,7 @@ var Login = function Login(props) {
     onClick: function onClick() {
       if (forgotpasswordpayload.email.length != 0) {
         var runfunc = false;
-        var tempforgotpasswordpayload = _objectSpread$1$({}, forgotpasswordpayload);
+        var tempforgotpasswordpayload = _objectSpread$21({}, forgotpasswordpayload);
         tempforgotpasswordpayload.functype = forgetpasswordstage;
         if (forgetpasswordstage == 'verify') {
           if (tempforgotpasswordpayload.newpassword.length != 0 && tempforgotpasswordpayload.code.length != 0) {
@@ -1272,10 +1277,10 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
   }, '-' + Math.round(10.0 * ((parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted)) - parseFloat(getprice_discountpriceprops('defaultsaleprice', 0, variantindexcompleted))) / parseFloat(getprice_discountpriceprops('defaultprice', 0, variantindexcompleted))) * 100) / 10.0 + '%'))))));
 };
 
-function ownKeys$1_(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$1_(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1_(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$20(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$20(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$20(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$20(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Product_itemtype = function Product_itemtype(props) {
-  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2;
+  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var srcfromprops = props.actions.srcfromprops;
@@ -1301,6 +1306,8 @@ var Product_itemtype = function Product_itemtype(props) {
   var getprice_discountpriceprops = props.actions.getprice_discountpriceprops;
   props.actions.quantityconditionfoundobjprops;
   props.actions.ikimagecredcontext;
+  var currentshowingimageindex = props.actions.currentshowingimageindex;
+  props.actions.setcurrentshowingimageindex;
   var StoreInfoprops = props.actions.StoreInfoprops;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2);
@@ -1378,13 +1385,14 @@ var Product_itemtype = function Product_itemtype(props) {
     thumbnailPosition: sectionproperties.thumbnailposition == 'Bottom' ? 'bottom' : 'left',
     showNav: false,
     showPlayButton: false,
-    showFullscreenButton: true
+    showFullscreenButton: true,
+    startIndex: currentshowingimageindex
   }))), /*#__PURE__*/React.createElement("div", {
     className: langdetect == 'en' ? 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-4 pr-0 p-md-0' : 'col-xl-7 col-lg-8 col-md-12 col-sm-12 pl-0 pr-4 p-md-0'
   }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100"
-  }, srcfromprops != 'templatdraftrouter' && /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-10 col-md-10 col-sm-10 p-0 mb-1 d-flex justify-content-start align-items-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: (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.productcanrate) == 1 ? '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'
   }, /*#__PURE__*/React.createElement("p", {
     className: "".concat(productinfo_cssstyles.productname, " ").concat(productinfo_cssstyles.productnamehover) + ' m-0 p-0 wordbreak d-flex justify-content-start cursor-pointer  font-sm-15 ',
     onClick: function onClick() {
@@ -1393,12 +1401,31 @@ var Product_itemtype = function Product_itemtype(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), srcfromprops == 'templatdraftrouter' && /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-10 col-md-10 col-sm-10 p-0 mb-2 d-flex justify-content-start align-items-center"
-  }, /*#__PURE__*/React.createElement("p", {
-    className: "".concat(productinfo_cssstyles.productname) + ' m-0 p-0 wordbreak d-flex justify-content-start '
-  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.deliverytimeshow == 'Show' && (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.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'
+  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), (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.productcanrate) == 1 && /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-4 col-md-4 col-sm-4 p-0 mb-1 d-flex justify-content-end align-items-center"
+  }, /*#__PURE__*/React.createElement(ReactStars, {
+    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,
+    edit: false,
+    size: 18,
+    emptyIcon: /*#__PURE__*/React.createElement("i", {
+      className: "far fa-star",
+      style: {
+        color: '#FAB400'
+      }
+    }),
+    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"
+  })), sectionproperties.showSKU == 'Show' && sectionproperties.productInformationType == 'Product/Service Information' && /*#__PURE__*/React.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'
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0 d-flex justify-content-start"
   }, /*#__PURE__*/React.createElement("span", {
@@ -1416,7 +1443,7 @@ var Product_itemtype = function Product_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 : (_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.deliverydatetext) != null && /*#__PURE__*/React.createElement("div", {
+  }, 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.createElement("div", {
     "class": "mb-4 col-lg-12",
     style: {
       width: '100%',
@@ -1436,9 +1463,9 @@ var Product_itemtype = function Product_itemtype(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, langdetect == 'en' ? 'Delivery Time' : 'مدة الشحن', ": ", 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.deliverydatetext)), /*#__PURE__*/React.createElement(ProductHeaderPricing, {
+  }, langdetect == 'en' ? 'Delivery Time' : 'مدة الشحن', ": ", 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.createElement(ProductHeaderPricing, {
     actions: props.actions
-  }), (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.hasvariants) == 1 && sectionproperties.productInformationType == 'Profile' && /*#__PURE__*/React.createElement("div", {
+  }), (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.hasvariants) == 1 && sectionproperties.productInformationType == 'Profile' && /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 d-flex align-items-start"
   }, ProductInfoObj === null || ProductInfoObj === void 0 ? void 0 : (_ProductInfoObj$data = ProductInfoObj.data) === null || _ProductInfoObj$data === void 0 ? void 0 : (_ProductInfoObj$data$ = _ProductInfoObj$data.productinfo) === null || _ProductInfoObj$data$ === void 0 ? void 0 : (_ProductInfoObj$data$2 = _ProductInfoObj$data$.productoptions) === null || _ProductInfoObj$data$2 === void 0 ? void 0 : _ProductInfoObj$data$2.map(function (item, index) {
     return /*#__PURE__*/React.createElement("div", {
@@ -1532,11 +1559,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$1_({}, addtocardpayloadobj);
+      var tempaddtocardpayloadobj = _objectSpread$20({}, addtocardpayloadobj);
       if (tempaddtocardpayloadobj.quantity > 0) {
         tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity - 1;
       }
-      setaddtocardpayloadobj(_objectSpread$1_({}, tempaddtocardpayloadobj));
+      setaddtocardpayloadobj(_objectSpread$20({}, tempaddtocardpayloadobj));
     }
   }, /*#__PURE__*/React.createElement("i", {
     className: "fa fa-chevron-down",
@@ -1548,9 +1575,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$1_({}, addtocardpayloadobj);
+      var tempaddtocardpayloadobj = _objectSpread$20({}, addtocardpayloadobj);
       tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity + 1;
-      setaddtocardpayloadobj(_objectSpread$1_({}, tempaddtocardpayloadobj));
+      setaddtocardpayloadobj(_objectSpread$20({}, tempaddtocardpayloadobj));
     }
   }, /*#__PURE__*/React.createElement("i", {
     className: "fa fa-chevron-up",
@@ -1751,8 +1778,8 @@ var Product_itemtype = function Product_itemtype(props) {
   }, StoreInfoprops())))));
 };
 
-function ownKeys$1Z(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$1Z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1$(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1$(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1$(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var 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;
@@ -1793,7 +1820,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     slots = _useState6[0],
     setslots = _useState6[1];
   useEffect(function () {
-    setaddtocardpayloadobj(_objectSpread$1Z(_objectSpread$1Z({}, addtocardpayloadobj), {}, {
+    setaddtocardpayloadobj(_objectSpread$1$(_objectSpread$1$({}, addtocardpayloadobj), {}, {
       item_type: 'service'
     }));
   }, [tabsarray]);
@@ -1805,16 +1832,16 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     if (diffDays.toString() != 'NaN') {
       if (date2 <= date1) {
         NotificationManager.warning('', 'Please choose another date.');
-        setaddtocardpayloadobj(_objectSpread$1Z(_objectSpread$1Z({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$1$(_objectSpread$1$({}, addtocardpayloadobj), {}, {
           quantity: 0
         }));
       } else {
         if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= diffDays && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= diffDays) {
-          setaddtocardpayloadobj(_objectSpread$1Z(_objectSpread$1Z({}, addtocardpayloadobj), {}, {
+          setaddtocardpayloadobj(_objectSpread$1$(_objectSpread$1$({}, addtocardpayloadobj), {}, {
             quantity: diffDays
           }));
         } else {
-          setaddtocardpayloadobj(_objectSpread$1Z(_objectSpread$1Z({}, addtocardpayloadobj), {}, {
+          setaddtocardpayloadobj(_objectSpread$1$(_objectSpread$1$({}, addtocardpayloadobj), {}, {
             quantity: 0
           }));
           NotificationManager.warning('', 'Max: ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', Min: ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
@@ -1950,7 +1977,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$1Z(_objectSpread$1Z({}, addtocardpayloadobj), {}, {
+      setaddtocardpayloadobj(_objectSpread$1$(_objectSpread$1$({}, addtocardpayloadobj), {}, {
         from: event.target.value
       }));
     }
@@ -1970,7 +1997,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$1Z(_objectSpread$1Z({}, addtocardpayloadobj), {}, {
+      setaddtocardpayloadobj(_objectSpread$1$(_objectSpread$1$({}, addtocardpayloadobj), {}, {
         to: event.target.value
       }));
     }
@@ -1990,7 +2017,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$1Z(_objectSpread$1Z({}, addtocardpayloadobj), {}, {
+      setaddtocardpayloadobj(_objectSpread$1$(_objectSpread$1$({}, addtocardpayloadobj), {}, {
         date: event.target.value
       }));
       setcurrentmutatestate('/fetchserviceslots');
@@ -2041,7 +2068,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
         color: ischoosed ? sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? sectionproperties.generalbtn_textColoronhover : sectionproperties.generalbtn_textColor : ''
       },
       onClick: function onClick() {
-        setaddtocardpayloadobj(_objectSpread$1Z(_objectSpread$1Z({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$1$(_objectSpread$1$({}, addtocardpayloadobj), {}, {
           time: item.slot
         }));
       }
@@ -2050,7 +2077,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     }, /*#__PURE__*/React.createElement("button", {
       "class": TabsStyles.booknow_btn_resp + ' allcentered  ',
       onClick: function onClick() {
-        setaddtocardpayloadobj(_objectSpread$1Z(_objectSpread$1Z({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$1$(_objectSpread$1$({}, addtocardpayloadobj), {}, {
           time: item.slot
         }));
       }
@@ -2092,7 +2119,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$1Z(_objectSpread$1Z({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$1$(_objectSpread$1$({}, addtocardpayloadobj), {}, {
           time: item.slot
         }));
       }
@@ -2635,10 +2662,520 @@ var Service_itemtype = function Service_itemtype(props) {
   }, StoreInfoprops()))));
 };
 
+function ownKeys$1_(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1_(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1_(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var AddReview = function AddReview(props) {
+  var _css;
+  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
+  props.actions;
+  props.actions.lang;
+  var langdetect = props.actions.langdetect;
+  var productid = props.actions.productid;
+  var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
+  var NotificationManager = props.actions.NotificationManager;
+  var canuserreview = props.actions.canuserreview;
+  var addreviewcallback = props.actions.addreviewcallback;
+  var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
+  var pageindexcontext = props.actions.pageindexcontext;
+  var setpageindexcontext = props.actions.setpageindexcontext;
+  var setCurrentPageIdContext = props.actions.setCurrentPageIdContext;
+  var templatepropcontext = props.actions.templatepropcontext;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray(_useState, 2),
+    sectionproperties = _useState2[0],
+    setsectionproperties = _useState2[1];
+  var _useState3 = useState(''),
+    _useState4 = _slicedToArray(_useState3, 2);
+    _useState4[0];
+    var setCurrentPageId = _useState4[1];
+  var _useState5 = useState({
+      reviewtitle: '',
+      reviewbody: '',
+      reviewrate: 0,
+      reviewname: '',
+      hasreview: 0
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    reviewpayloadobj = _useState6[0],
+    setreviewpayloadobj = _useState6[1];
+  useEffect(function () {
+    var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
+      return x.staticpageid == '63fcbef36eebe';
+    });
+    if (cartindex >= 0) {
+      setpageindexcontext(cartindex);
+      setCurrentPageId(templatepropcontext.pagesnprop[cartindex].pageid);
+      if (props.srcfromprops != 'templatedraftrouter') {
+        setCurrentPageIdContext(templatepropcontext.pagesnprop[cartindex].pageid);
+      }
+    }
+  }, []);
+  useEffect(function () {
+    if (Object.keys(StatePagePropertiesContext).length != 0) {
+      var secpropobj = {};
+      StatePagePropertiesContext.pageobj != undefined && StatePagePropertiesContext.pageobj.pageproperties != undefined && StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
+        secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
+      });
+      setsectionproperties(_objectSpread$1_({}, secpropobj));
+    }
+  }, [StatePagePropertiesContext]);
+  useEffect(function () {
+    var _templatepropcontext$, _templatepropcontext$2;
+    var secpropobj = {};
+    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$1_({}, secpropobj));
+  }, [pageindexcontext]);
+  var reviewstyles = {
+    submitreviewbtn: css({
+      width: sectionproperties.reviewbtn_width + 'px',
+      height: sectionproperties.reviewbtn_height + 'px',
+      borderRadius: sectionproperties.reviewbtn_borderradius + 'px',
+      fontSize: sectionproperties.reviewbtn_fontsize + 'px',
+      color: sectionproperties.reviewbtn_color,
+      fontWeight: sectionproperties.reviewbtn_fontweight,
+      backgroundColor: sectionproperties.reviewbtn_bgcolor,
+      border: sectionproperties.reviewbtn_borderwidth + 'px solid ' + sectionproperties.reviewbtn_bordercolor,
+      ':hover': {
+        transition: '.3s',
+        backgroundColor: sectionproperties.reviewbtn_bgcoloronhover,
+        color: sectionproperties.reviewbtn_coloronhover
+      }
+    }),
+    form_control: css((_css = {
+      position: 'relative',
+      display: 'flex',
+      alignItems: 'center'
+    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "padding", '0 10px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "fontWeight", 500), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", sectionproperties.input_bgcolor), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, ':focus', {
+      borderColor: sectionproperties.inputfeildbordercoloronfocus
+    }), _defineProperty(_css, ':focus .login_input_icon', {
+      color: sectionproperties.inputfeildbordercoloronfocus
+    }), _css)),
+    inputfield_label: css({
+      color: sectionproperties.form_labelcolor,
+      fontWeight: sectionproperties.form_labelfontweight,
+      fontSize: sectionproperties.form_labelfontsize + 'px',
+      textTransform: sectionproperties.form_labeltexttransform,
+      marginBottom: sectionproperties.inputfieldbordertype == 'All' ? 10 : 0
+    }),
+    reviewbutton: css({
+      width: sectionproperties.reviewbtn_width + 'px',
+      height: sectionproperties.reviewbtn_height + 'px',
+      background: sectionproperties.reviewbtn_bgcolor,
+      color: sectionproperties.reviewbtn_color,
+      fontSize: sectionproperties.reviewbtn_fontsize + 'px',
+      borderRadius: sectionproperties.reviewbtn_borderradius + 'px',
+      border: sectionproperties.reviewbtn_borderwidth + 'px solid ' + sectionproperties.reviewbtn_bordercolor,
+      fontWeight: sectionproperties.reviewbtn_fontweight,
+      ':hover': {
+        transition: '.3s',
+        color: sectionproperties.reviewbtn_coloronhover,
+        borderColor: sectionproperties.reviewbtn_coloronhover,
+        backgroundColor: sectionproperties.reviewbtn_bgcoloronhover
+      }
+    }),
+    productname: css({
+      fontSize: sectionproperties.prodNameFontSize + 'px',
+      textTransform: sectionproperties.prodNameTextTranform,
+      fontWeight: sectionproperties.prodNameFontWeight,
+      color: sectionproperties.prodNameColor
+    })
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: 'row w-100 ml-0 mr-0 pb-5',
+    style: {
+      marginTop: sectionproperties.marginTop + 'px'
+    }
+  }, sectionproperties.sectionTitleFontSize != 0 && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 mt-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 allcentered"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12"
+  }, /*#__PURE__*/React.createElement("hr", null))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 mb-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 d-flex justify-content-start align-items-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "d-flex justify-content-start align-items-center",
+    style: {
+      width: '9vh',
+      height: '9vh'
+    }
+  }, /*#__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: fetchProductInfoQueryContext.data.data.productinfo.productmainimage,
+    style: {
+      width: '100%',
+      height: '100%',
+      objectFit: 'contain'
+    },
+    loading: "lazy"
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-9 co-md-9 col-sm-9 d-flex justify-content-start align-items-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start align-items-center"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": reviewstyles.productname + ' m-0 p-0 '
+  }, langdetect == 'en' ? fetchProductInfoQueryContext.data.data.productinfo.name_en : fetchProductInfoQueryContext.data.data.productinfo.name_ar)), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start align-items-center"
+  }, /*#__PURE__*/React.createElement(ReactStars, {
+    count: 5,
+    value: reviewpayloadobj.reviewrate,
+    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) {
+      var tempreviewpayloadobj = _objectSpread$1_({}, reviewpayloadobj);
+      tempreviewpayloadobj.reviewrate = event;
+      setreviewpayloadobj(_objectSpread$1_({}, tempreviewpayloadobj));
+    }
+  })))))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 mb-4"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(reviewstyles.inputfield_label) + ' text-transform-none d-flex justify-content-start '
+  }, langdetect == 'en' ? 'Your Name' : 'اسمك'), /*#__PURE__*/React.createElement("input", {
+    "class": reviewstyles.form_control,
+    value: reviewpayloadobj.reviewname,
+    onChange: function onChange(event) {
+      var tempreviewpayloadobj = _objectSpread$1_({}, reviewpayloadobj);
+      tempreviewpayloadobj.reviewname = event.target.value;
+      setreviewpayloadobj(_objectSpread$1_({}, tempreviewpayloadobj));
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 mb-4"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(reviewstyles.inputfield_label) + ' text-transform-none d-flex justify-content-start '
+  }, langdetect == 'en' ? 'Review title' : 'عنوان التقييم'), /*#__PURE__*/React.createElement("input", {
+    "class": reviewstyles.form_control,
+    value: reviewpayloadobj.reviewtitle,
+    onChange: function onChange(event) {
+      var tempreviewpayloadobj = _objectSpread$1_({}, reviewpayloadobj);
+      tempreviewpayloadobj.reviewtitle = event.target.value;
+      setreviewpayloadobj(_objectSpread$1_({}, tempreviewpayloadobj));
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 mb-4"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "".concat(reviewstyles.inputfield_label) + ' text-transform-none d-flex justify-content-start '
+  }, langdetect == 'en' ? 'Your Review' : 'تقييمك'), /*#__PURE__*/React.createElement(TextareaAutosize, {
+    type: 'text',
+    "class": reviewstyles.form_control + ' form_control ',
+    value: reviewpayloadobj.reviewbody,
+    onChange: function onChange(event) {
+      var tempreviewpayloadobj = _objectSpread$1_({}, reviewpayloadobj);
+      tempreviewpayloadobj.reviewbody = event.target.value;
+      setreviewpayloadobj(_objectSpread$1_({}, tempreviewpayloadobj));
+    },
+    style: {
+      resize: 'none',
+      minRows: 5
+    }
+  })))), canuserreview && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 allcentered mt-3"
+  }, /*#__PURE__*/React.createElement("button", {
+    "class": "".concat(reviewstyles.submitreviewbtn),
+    onClick: function onClick() {
+      if (reviewpayloadobj.reviewtitle.length != 0 && reviewpayloadobj.reviewbody.length != 0 && reviewpayloadobj.reviewrate.length != 0 && parseInt(reviewpayloadobj.reviewrate) > 0 && reviewpayloadobj.reviewname.length != 0) {
+        GeneralAPIMutationContext.mutate({
+          endpointurl: '/addproductreview',
+          productid: productid,
+          reviewpayloadobj: reviewpayloadobj,
+          mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
+            if (data.data.status) {
+              NotificationManager.success('', 'Success');
+              addreviewcallback();
+            } else {
+              NotificationManager.warning('', data.data.reason);
+            }
+          }
+        });
+      } else {
+        NotificationManager.warning('', langdetect == 'en' ? 'Please complete the missing fields' : 'من فضلك اكمل باقى البيانات');
+
+        // alert('Please fill the missing fields');
+      }
+    }
+  }, langdetect == 'en' ? sectionproperties.reviewbtn_contenten : sectionproperties.reviewbtn_contentar)));
+};
+
+function ownKeys$1Z(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$1Z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Z(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$1Z(_objectSpread$1Z({}, actions), {}, {
+      productid: productid,
+      canuserreview: canuserreview,
+      addreviewcallback: addreviewcallback
+    })
+  }))));
+};
+
 function ownKeys$1Y(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$1Y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1Y(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Productinfo = function Productinfo(props) {
-  var _ref, _ref2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _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, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer96, _fetchProductInfoQuer97, _fetchProductInfoQuer98;
+  var _css, _ref, _ref2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _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, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -2660,6 +3197,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;
   var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
   var setCurrentPageIdContext = props.actions.setCurrentPageIdContext;
   var NotificationManager = props.actions.NotificationManager;
@@ -2681,13 +3219,13 @@ var Productinfo = function Productinfo(props) {
     ProductInfoObj = _useState8[0],
     setProductInfoObj = _useState8[1];
   var _useState9 = useState('all'),
-    _useState10 = _slicedToArray(_useState9, 2),
-    filterproductreviews = _useState10[0],
-    setfilterproductreviews = _useState10[1];
+    _useState10 = _slicedToArray(_useState9, 2);
+    _useState10[0];
+    _useState10[1];
   var _useState11 = useState([]),
-    _useState12 = _slicedToArray(_useState11, 2),
-    productreviews = _useState12[0],
-    setproductreviews = _useState12[1];
+    _useState12 = _slicedToArray(_useState11, 2);
+    _useState12[0];
+    _useState12[1];
   var _useState13 = useState([]),
     _useState14 = _slicedToArray(_useState13, 2),
     Relatedproducts = _useState14[0],
@@ -2728,12 +3266,16 @@ var Productinfo = function Productinfo(props) {
     setShowMore = _useState26[1];
   var _useState27 = useState(0),
     _useState28 = _slicedToArray(_useState27, 2),
-    tabIndex = _useState28[0],
-    setTabIndex = _useState28[1];
-  var _useState29 = useState('descriptiontab'),
+    currentshowingimageindex = _useState28[0],
+    setcurrentshowingimageindex = _useState28[1];
+  var _useState29 = useState(0),
     _useState30 = _slicedToArray(_useState29, 2),
-    tabname = _useState30[0],
-    settabname = _useState30[1];
+    tabIndex = _useState30[0],
+    setTabIndex = _useState30[1];
+  var _useState31 = useState('descriptiontab'),
+    _useState32 = _slicedToArray(_useState31, 2),
+    tabname = _useState32[0],
+    settabname = _useState32[1];
   var handleTabChange = function handleTabChange(event, newTabIndex) {
     setTabIndex(newTabIndex);
   };
@@ -2791,41 +3333,17 @@ var Productinfo = function Productinfo(props) {
     tempfetchproductinfoObjContext.productid = productid;
     setfetchproductinfoObjContext(_objectSpread$1Y({}, tempfetchproductinfoObjContext));
   };
-  useEffect(function () {
-    if (fetchProductInfoQueryContext.isSuccess && tabname == 'reviewstab') {
-      if (Array.isArray(productreviews) && productreviews.length == 0) {
-        getreviewsassignermutationfunc();
-      }
-    }
-  }, [tabname, fetchProductInfoQueryContext.isSuccess]);
-  useEffect(function () {
-    if (fetchProductInfoQueryContext.isSuccess && tabname == 'reviewstab') {
-      getreviewsassignermutationfunc();
-    }
-  }, [filterproductreviews]);
-  var getreviewsassignermutationfunc = function getreviewsassignermutationfunc() {
-    var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3;
-    GeneralAPIMutationContext.mutate({
-      endpointurl: '/fetchproductreviews',
-      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,
-      filterproductreviews: filterproductreviews,
-      mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
-        if (data.data.status) {
-          setproductreviews(data.data.productreviews);
-        }
-      }
-    });
-  };
   useEffect(function () {
     if (!fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess) {
       if (fetchProductInfoQueryContext.data.data.productinfo != null) {
-        var _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10;
+        var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7;
         var tempproductimagesarray = [];
         if (Array.isArray(fetchProductInfoQueryContext.data.data.productinfo.productimages)) {
           fetchProductInfoQueryContext.data.data.productinfo.productimages.forEach(function (arrayItem, arrayindex) {
             var productimagesarrayobj = {
               thumbnail: serverbaselink + arrayItem.path,
-              original: serverbaselink + arrayItem.path
+              original: serverbaselink + arrayItem.path,
+              galleryid: arrayItem.galleryid
               // description:
               //     //    { dangerouslySetInnerHTML={{
               //     //         __html:
@@ -2843,7 +3361,7 @@ var Productinfo = function Productinfo(props) {
         tempaddtocardpayloadobj.productid = fetchProductInfoQueryContext.data.data.productinfo.productid;
         setaddtocardpayloadobj(_objectSpread$1Y({}, tempaddtocardpayloadobj));
         setRelatedProductsTagid(fetchProductInfoQueryContext.data.data.productinfo.maintagid);
-        if ((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.maintagid) != null && (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 : (_fetchProductInfoQuer10 = _fetchProductInfoQuer9.maintagid) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.length) != 0) {
+        if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 ? void 0 : (_fetchProductInfoQuer2 = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : (_fetchProductInfoQuer3 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.maintagid) != null && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : (_fetchProductInfoQuer5 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : (_fetchProductInfoQuer6 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : (_fetchProductInfoQuer7 = _fetchProductInfoQuer6.maintagid) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.length) != 0) {
           GeneralAPIMutationContext.mutate({
             endpointurl: '/FetchRelatedProducts',
             tagid: fetchProductInfoQueryContext.data.data.productinfo.maintagid,
@@ -3005,6 +3523,13 @@ var Productinfo = function Productinfo(props) {
           variantid = variantobj.variantid;
           var tempaddtocardpayloadobj = _objectSpread$1Y({}, addtocardpayloadobj);
           tempaddtocardpayloadobj.variantid = variantid;
+          var variantimageindex = 0;
+          productimagesarray === null || productimagesarray === void 0 ? void 0 : productimagesarray.forEach(function (tempimageitem, tempimageindex) {
+            if (tempimageitem.galleryid == (variantobj === null || variantobj === void 0 ? void 0 : variantobj.variantgalleryid)) {
+              variantimageindex = tempimageindex;
+            }
+          });
+          setcurrentshowingimageindex(variantimageindex);
           setaddtocardpayloadobj(_objectSpread$1Y({}, tempaddtocardpayloadobj));
           setvariantindexcompleted(ProductVariantIndex);
         }
@@ -3016,8 +3541,8 @@ var Productinfo = function Productinfo(props) {
   var addtocartfunc = function addtocartfunc() {
     var runfunc = false;
     if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
-      var _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13;
-      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : (_fetchProductInfoQuer13 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.hasvariants) == 1) {
+      var _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10;
+      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : (_fetchProductInfoQuer9 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : (_fetchProductInfoQuer10 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.hasvariants) == 1) {
         if (addtocardpayloadobj.variantid.length != 0) {
           runfunc = true;
         } else {
@@ -3140,6 +3665,54 @@ var Productinfo = function Productinfo(props) {
     }
   };
   var productinfo_cssstyles = {
+    submitreviewbtn: css({
+      width: sectionproperties.applybtn_width + 'px',
+      height: sectionproperties.applybtn_height + 'px',
+      borderRadius: sectionproperties.applybtn_borderBottomLeftRadius + 'px',
+      fontSize: sectionproperties.applybtn_fontsize + 'px',
+      color: sectionproperties.applybtn_textColor,
+      fontWeight: sectionproperties.applybtn_Textfontweight,
+      backgroundColor: sectionproperties.applybtn_bgColor,
+      border: sectionproperties.applybtnborderwidth + 'px solid ' + sectionproperties.applybtnbordercolor,
+      textTransform: sectionproperties.applybtn_texttransform,
+      ':hover': {
+        transition: '.3s',
+        backgroundColor: sectionproperties.applybtn_bgColoronhover,
+        color: sectionproperties.applybtn_Textcoloronhover
+      }
+    }),
+    form_control: css((_css = {
+      position: 'relative',
+      display: 'flex',
+      alignItems: 'center'
+    }, _defineProperty(_css, "display", 'block'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "padding", '0 10px'), _defineProperty(_css, "transition", '.3s'), _defineProperty(_css, "fontWeight", 500), _defineProperty(_css, "border", sectionproperties.inputfieldbordertype == 'All' ? sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor : 0), _defineProperty(_css, "borderBottom", sectionproperties.inputfieldborderWidth + 'px solid ' + sectionproperties.inputfieldborderColor), _defineProperty(_css, "borderRadius", sectionproperties.inputfieldborderradius + 'px'), _defineProperty(_css, "height", sectionproperties.inputfieldheight + 'px'), _defineProperty(_css, "background", sectionproperties.input_bgcolor), _defineProperty(_css, "color", sectionproperties.inputfieldcolor), _defineProperty(_css, ':focus', {
+      borderColor: sectionproperties.inputfeildbordercoloronfocus
+    }), _defineProperty(_css, ':focus .login_input_icon', {
+      color: sectionproperties.inputfeildbordercoloronfocus
+    }), _css)),
+    inputfield_label: css({
+      color: sectionproperties.form_labelcolor,
+      fontWeight: sectionproperties.form_labelfontweight,
+      fontSize: sectionproperties.form_labelfontsize + 'px',
+      textTransform: sectionproperties.form_labeltexttransform,
+      marginBottom: sectionproperties.inputfieldbordertype == 'All' ? 10 : 0
+    }),
+    reviewbutton: css({
+      width: sectionproperties.reviewbtn_width + 'px',
+      height: sectionproperties.reviewbtn_height + 'px',
+      background: sectionproperties.reviewbtn_bgcolor,
+      color: sectionproperties.reviewbtn_color,
+      fontSize: sectionproperties.reviewbtn_fontsize + 'px',
+      borderRadius: sectionproperties.reviewbtn_borderradius + 'px',
+      border: sectionproperties.reviewbtn_borderwidth + 'px solid ' + sectionproperties.reviewbtn_bordercolor,
+      fontWeight: sectionproperties.reviewbtn_fontweight,
+      ':hover': {
+        transition: '.3s',
+        color: sectionproperties.reviewbtn_coloronhover,
+        borderColor: sectionproperties.reviewbtn_coloronhover,
+        backgroundColor: sectionproperties.reviewbtn_bgcoloronhover
+      }
+    }),
     before: css({
       ':before': {
         background: sectionproperties.activetabbordercolor
@@ -3352,24 +3925,24 @@ var Productinfo = function Productinfo(props) {
     })
   };
   var getprice_discountpriceprops = function getprice_discountpriceprops(type, withtotal, variantindexcompleted) {
-    var _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26;
+    var _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23;
     var price = 0;
     var quantityconditions = [];
     var quantity = 0;
     if (addtocardpayloadobj.quantity != undefined && addtocardpayloadobj.quantity != null) {
       quantity = parseFloat(addtocardpayloadobj.quantity);
     }
-    if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : (_fetchProductInfoQuer15 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : (_fetchProductInfoQuer16 = _fetchProductInfoQuer15.productinfo) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.productquantityoptions) != undefined && (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 : _fetchProductInfoQuer19.productquantityoptions) != null && Array.isArray(fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : (_fetchProductInfoQuer21 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : (_fetchProductInfoQuer22 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.productquantityoptions) && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer23 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : (_fetchProductInfoQuer24 = _fetchProductInfoQuer23.data) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : (_fetchProductInfoQuer25 = _fetchProductInfoQuer24.productinfo) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : (_fetchProductInfoQuer26 = _fetchProductInfoQuer25.productquantityoptions) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : _fetchProductInfoQuer26.length) != 0) {
+    if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : (_fetchProductInfoQuer13 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.productquantityoptions) != undefined && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : (_fetchProductInfoQuer15 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : (_fetchProductInfoQuer16 = _fetchProductInfoQuer15.productinfo) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.productquantityoptions) != null && Array.isArray(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 : _fetchProductInfoQuer19.productquantityoptions) && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer20 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer20 === void 0 ? void 0 : (_fetchProductInfoQuer21 = _fetchProductInfoQuer20.data) === null || _fetchProductInfoQuer21 === void 0 ? void 0 : (_fetchProductInfoQuer22 = _fetchProductInfoQuer21.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : (_fetchProductInfoQuer23 = _fetchProductInfoQuer22.productquantityoptions) === null || _fetchProductInfoQuer23 === void 0 ? void 0 : _fetchProductInfoQuer23.length) != 0) {
       quantityconditions = fetchProductInfoQueryContext.data.data.productinfo.productquantityoptions;
     }
     if (type == 'defaultprice') {
       price = fetchProductInfoQueryContext.data.data.productinfo.defaultprice;
       if (fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1) {
         if (variantindexcompleted != undefined) {
-          var _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30;
-          if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer27 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : (_fetchProductInfoQuer28 = _fetchProductInfoQuer27.data) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : (_fetchProductInfoQuer29 = _fetchProductInfoQuer28.productinfo) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : (_fetchProductInfoQuer30 = _fetchProductInfoQuer29.variants[variantindexcompleted]) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : _fetchProductInfoQuer30.variantprice) != undefined) {
-            var _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34;
-            price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer31 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : (_fetchProductInfoQuer32 = _fetchProductInfoQuer31.data) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : (_fetchProductInfoQuer33 = _fetchProductInfoQuer32.productinfo) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : (_fetchProductInfoQuer34 = _fetchProductInfoQuer33.variants[variantindexcompleted]) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : _fetchProductInfoQuer34.variantprice;
+          var _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27;
+          if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer24 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer24 === void 0 ? void 0 : (_fetchProductInfoQuer25 = _fetchProductInfoQuer24.data) === null || _fetchProductInfoQuer25 === void 0 ? void 0 : (_fetchProductInfoQuer26 = _fetchProductInfoQuer25.productinfo) === null || _fetchProductInfoQuer26 === void 0 ? void 0 : (_fetchProductInfoQuer27 = _fetchProductInfoQuer26.variants[variantindexcompleted]) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.variantprice) != undefined) {
+            var _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31;
+            price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer28 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer28 === void 0 ? void 0 : (_fetchProductInfoQuer29 = _fetchProductInfoQuer28.data) === null || _fetchProductInfoQuer29 === void 0 ? void 0 : (_fetchProductInfoQuer30 = _fetchProductInfoQuer29.productinfo) === null || _fetchProductInfoQuer30 === void 0 ? void 0 : (_fetchProductInfoQuer31 = _fetchProductInfoQuer30.variants[variantindexcompleted]) === null || _fetchProductInfoQuer31 === void 0 ? void 0 : _fetchProductInfoQuer31.variantprice;
           }
         }
       }
@@ -3377,10 +3950,10 @@ var Productinfo = function Productinfo(props) {
       price = fetchProductInfoQueryContext.data.data.productinfo.defaultsaleprice;
       if (fetchProductInfoQueryContext.data.data.productinfo.hasvariants == 1) {
         if (variantindexcompleted != undefined) {
-          var _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38;
-          if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer35 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer35 === void 0 ? void 0 : (_fetchProductInfoQuer36 = _fetchProductInfoQuer35.data) === null || _fetchProductInfoQuer36 === void 0 ? void 0 : (_fetchProductInfoQuer37 = _fetchProductInfoQuer36.productinfo) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : (_fetchProductInfoQuer38 = _fetchProductInfoQuer37.variants[variantindexcompleted]) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : _fetchProductInfoQuer38.variantsaleprice) != undefined) {
-            var _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42;
-            price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer39 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : (_fetchProductInfoQuer40 = _fetchProductInfoQuer39.data) === null || _fetchProductInfoQuer40 === void 0 ? void 0 : (_fetchProductInfoQuer41 = _fetchProductInfoQuer40.productinfo) === null || _fetchProductInfoQuer41 === void 0 ? void 0 : (_fetchProductInfoQuer42 = _fetchProductInfoQuer41.variants[variantindexcompleted]) === null || _fetchProductInfoQuer42 === void 0 ? void 0 : _fetchProductInfoQuer42.variantsaleprice;
+          var _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35;
+          if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer32 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer32 === void 0 ? void 0 : (_fetchProductInfoQuer33 = _fetchProductInfoQuer32.data) === null || _fetchProductInfoQuer33 === void 0 ? void 0 : (_fetchProductInfoQuer34 = _fetchProductInfoQuer33.productinfo) === null || _fetchProductInfoQuer34 === void 0 ? void 0 : (_fetchProductInfoQuer35 = _fetchProductInfoQuer34.variants[variantindexcompleted]) === null || _fetchProductInfoQuer35 === void 0 ? void 0 : _fetchProductInfoQuer35.variantsaleprice) != undefined) {
+            var _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39;
+            price = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer36 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer36 === void 0 ? void 0 : (_fetchProductInfoQuer37 = _fetchProductInfoQuer36.data) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : (_fetchProductInfoQuer38 = _fetchProductInfoQuer37.productinfo) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : (_fetchProductInfoQuer39 = _fetchProductInfoQuer38.variants[variantindexcompleted]) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : _fetchProductInfoQuer39.variantsaleprice;
           }
         }
       }
@@ -3406,7 +3979,7 @@ var Productinfo = function Productinfo(props) {
     return price;
   };
   var getQuantityCondition = function getQuantityCondition() {
-    var _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46;
+    var _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43;
     return /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0",
       style: {
@@ -3436,12 +4009,12 @@ var Productinfo = function Productinfo(props) {
         height: 1,
         background: sectionproperties.pricelisttitlecolor
       }
-    })), fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer43 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer43 === void 0 ? void 0 : (_fetchProductInfoQuer44 = _fetchProductInfoQuer43.data) === null || _fetchProductInfoQuer44 === void 0 ? void 0 : (_fetchProductInfoQuer45 = _fetchProductInfoQuer44.productinfo) === null || _fetchProductInfoQuer45 === void 0 ? void 0 : (_fetchProductInfoQuer46 = _fetchProductInfoQuer45.productquantityoptions) === null || _fetchProductInfoQuer46 === void 0 ? void 0 : _fetchProductInfoQuer46.map(function (item, index) {
-      var _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50;
+    })), fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer40 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer40 === void 0 ? void 0 : (_fetchProductInfoQuer41 = _fetchProductInfoQuer40.data) === null || _fetchProductInfoQuer41 === void 0 ? void 0 : (_fetchProductInfoQuer42 = _fetchProductInfoQuer41.productinfo) === null || _fetchProductInfoQuer42 === void 0 ? void 0 : (_fetchProductInfoQuer43 = _fetchProductInfoQuer42.productquantityoptions) === null || _fetchProductInfoQuer43 === void 0 ? void 0 : _fetchProductInfoQuer43.map(function (item, index) {
+      var _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47;
       return /*#__PURE__*/React.createElement("div", {
         className: "col-lg-12 p-0 w-100 d-flex align-items-center",
         style: {
-          marginBottom: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer47 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer47 === void 0 ? void 0 : (_fetchProductInfoQuer48 = _fetchProductInfoQuer47.data) === null || _fetchProductInfoQuer48 === void 0 ? void 0 : (_fetchProductInfoQuer49 = _fetchProductInfoQuer48.productinfo) === null || _fetchProductInfoQuer49 === void 0 ? void 0 : (_fetchProductInfoQuer50 = _fetchProductInfoQuer49.productquantityoptions) === null || _fetchProductInfoQuer50 === void 0 ? void 0 : _fetchProductInfoQuer50.length) - 1 != index ? '1rem' : 0
+          marginBottom: (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer44 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer44 === void 0 ? void 0 : (_fetchProductInfoQuer45 = _fetchProductInfoQuer44.data) === null || _fetchProductInfoQuer45 === void 0 ? void 0 : (_fetchProductInfoQuer46 = _fetchProductInfoQuer45.productinfo) === null || _fetchProductInfoQuer46 === void 0 ? void 0 : (_fetchProductInfoQuer47 = _fetchProductInfoQuer46.productquantityoptions) === null || _fetchProductInfoQuer47 === void 0 ? void 0 : _fetchProductInfoQuer47.length) - 1 != index ? '1rem' : 0
         }
       }, /*#__PURE__*/React.createElement("div", {
         "class": "d-flex align-items-center",
@@ -3475,7 +4048,7 @@ var Productinfo = function Productinfo(props) {
     })));
   };
   var StoreInfo = function StoreInfo() {
-    var _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _authdetailsContext$i5, _authdetailsContext$i6;
+    var _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _authdetailsContext$i5, _authdetailsContext$i6;
     return /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100"
     }, sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showstoreinfo1 == 'Show' && /*#__PURE__*/React.createElement("div", {
@@ -3518,7 +4091,7 @@ var Productinfo = function Productinfo(props) {
       style: {
         textAlign: langdetect == 'en' ? 'left' : 'right'
       }
-    }, langdetect == 'en' ? sectionproperties.otherinfodesc2en : sectionproperties.otherinfodesc2ar))), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showpricinglist == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer51 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer51 === void 0 ? void 0 : (_fetchProductInfoQuer52 = _fetchProductInfoQuer51.data) === null || _fetchProductInfoQuer52 === void 0 ? void 0 : (_fetchProductInfoQuer53 = _fetchProductInfoQuer52.productinfo) === null || _fetchProductInfoQuer53 === void 0 ? void 0 : (_fetchProductInfoQuer54 = _fetchProductInfoQuer53.productquantityoptions) === null || _fetchProductInfoQuer54 === void 0 ? void 0 : _fetchProductInfoQuer54.length) != 0 && /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? sectionproperties.otherinfodesc2en : sectionproperties.otherinfodesc2ar))), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showpricinglist == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer48 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer48 === void 0 ? void 0 : (_fetchProductInfoQuer49 = _fetchProductInfoQuer48.data) === null || _fetchProductInfoQuer49 === void 0 ? void 0 : (_fetchProductInfoQuer50 = _fetchProductInfoQuer49.productinfo) === null || _fetchProductInfoQuer50 === void 0 ? void 0 : (_fetchProductInfoQuer51 = _fetchProductInfoQuer50.productquantityoptions) === null || _fetchProductInfoQuer51 === void 0 ? void 0 : _fetchProductInfoQuer51.length) != 0 && /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0 mb-4"
     }, getQuantityCondition()), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React.createElement("div", {
       className: productinfo_cssstyles.storeinfocontainer + ' mb-4 col-lg-12 p-0 d-flex align-items-center cursor-pointer ',
@@ -3584,7 +4157,7 @@ var Productinfo = function Productinfo(props) {
     width: "10px",
     height: "10px",
     duration: "1s"
-  })), /*#__PURE__*/React.createElement("div", {
+  })), Object.keys(sectionproperties).length != 0 && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0"
   }, !fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess && fetchProductInfoQueryContext.data.data.productinfo != null && /*#__PURE__*/React.createElement("div", {
     className: sectionproperties.card_marginLeft != 0 ? ' row m-0 w-100 pl-lg-3 pr-lg-3 pl-md-4 pr-md-4 pl-sm-1 pr-sm-1 ' : ' row m-0 w-100 p-sm-0 ',
@@ -3598,7 +4171,7 @@ var Productinfo = function Productinfo(props) {
       langdetect: langdetect,
       lang: lang,
       srcfromprops: props.srcfromprops
-    }, _defineProperty(_ref, "returnpolicyobj", returnpolicyobj), _defineProperty(_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty(_ref, "addtocartfunc", addtocartfunc), _defineProperty(_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty(_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty(_ref, "productimagesarray", productimagesarray), _defineProperty(_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty(_ref, "ProductInfoObj", ProductInfoObj), _defineProperty(_ref, "sectionproperties", sectionproperties), _defineProperty(_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty(_ref, "routingcountext", routingcountext), _defineProperty(_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty(_ref, "authdetailsContext", authdetailsContext), _defineProperty(_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty(_ref, "variantindexcompleted", variantindexcompleted), _defineProperty(_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty(_ref, "NotificationManager", NotificationManager), _defineProperty(_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_ref, "relatedproducts", relatedproducts), _defineProperty(_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty(_ref, "StoreInfoprops", StoreInfo), _ref)
+    }, _defineProperty(_ref, "returnpolicyobj", returnpolicyobj), _defineProperty(_ref, "productinfo_cssstyles", productinfo_cssstyles), _defineProperty(_ref, "addtocartfunc", addtocartfunc), _defineProperty(_ref, "selectproductoptionvalue", selectproductoptionvalue), _defineProperty(_ref, "clearchoosenvaluesbutkeepcurrentvalue", clearchoosenvaluesbutkeepcurrentvalue), _defineProperty(_ref, "productimagesarray", productimagesarray), _defineProperty(_ref, "fetchProductInfoQueryContext", fetchProductInfoQueryContext), _defineProperty(_ref, "ProductInfoObj", ProductInfoObj), _defineProperty(_ref, "sectionproperties", sectionproperties), _defineProperty(_ref, "addtocardpayloadobj", addtocardpayloadobj), _defineProperty(_ref, "setaddtocardpayloadobj", setaddtocardpayloadobj), _defineProperty(_ref, "routingcountext", routingcountext), _defineProperty(_ref, "AddtoCartMutationContext", AddtoCartMutationContext), _defineProperty(_ref, "authdetailsContext", authdetailsContext), _defineProperty(_ref, "addtofavoritescontext", addtofavoritescontext), _defineProperty(_ref, "variantindexcompleted", variantindexcompleted), _defineProperty(_ref, "StaticPagesLinksContext", StaticPagesLinksContext), _defineProperty(_ref, "NotificationManager", NotificationManager), _defineProperty(_ref, "quantityconditionfoundobjprops", quantityconditionfoundobj), _defineProperty(_ref, "relatedproducts", relatedproducts), _defineProperty(_ref, "getprice_discountpriceprops", getprice_discountpriceprops), _defineProperty(_ref, "StoreInfoprops", StoreInfo), _defineProperty(_ref, "currentshowingimageindex", currentshowingimageindex), _defineProperty(_ref, "setcurrentshowingimageindex", setcurrentshowingimageindex), _ref)
   }), fetchProductInfoQueryContext.data.data.productinfo.item_type == 'service' && /*#__PURE__*/React.createElement(Service_itemtype, {
     actions: (_ref2 = {
       returnpolicyobj: returnpolicyobj,
@@ -3671,18 +4244,18 @@ var Productinfo = function Productinfo(props) {
     onClick: function onClick() {
       settabname('refundpolicytab');
     }
-  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer55 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer55 === void 0 ? void 0 : (_fetchProductInfoQuer56 = _fetchProductInfoQuer55.data) === null || _fetchProductInfoQuer56 === void 0 ? void 0 : (_fetchProductInfoQuer57 = _fetchProductInfoQuer56.productinfo) === null || _fetchProductInfoQuer57 === void 0 ? void 0 : _fetchProductInfoQuer57.productcanrate) == 1 && /*#__PURE__*/React.createElement(Tab, {
-    label: 'Reviews',
+  }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer52 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer52 === void 0 ? void 0 : (_fetchProductInfoQuer53 = _fetchProductInfoQuer52.data) === null || _fetchProductInfoQuer53 === void 0 ? void 0 : (_fetchProductInfoQuer54 = _fetchProductInfoQuer53.productinfo) === null || _fetchProductInfoQuer54 === void 0 ? void 0 : _fetchProductInfoQuer54.productcanrate) == 1 && /*#__PURE__*/React.createElement(Tab, {
+    label: langdetect == 'en' ? 'Reviews' : 'التقييمات',
     onClick: function onClick() {
       settabname('reviewstab');
     }
-  }))), tabname == 'descriptiontab' && /*#__PURE__*/React.createElement(Box, {
-    "class": "w-100"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 pl-5 pr-5 p-md-0 w-100 mt-3 mb-4"
+  }))), /*#__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 : (_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.description_en) != '' && (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.description_en) != null && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, langdetect == 'en' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer55 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer55 === void 0 ? void 0 : (_fetchProductInfoQuer56 = _fetchProductInfoQuer55.data) === null || _fetchProductInfoQuer56 === void 0 ? void 0 : (_fetchProductInfoQuer57 = _fetchProductInfoQuer56.productinfo) === null || _fetchProductInfoQuer57 === void 0 ? void 0 : _fetchProductInfoQuer57.description_en) != '' && (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.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"
@@ -3694,16 +4267,16 @@ var Productinfo = function Productinfo(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     },
     dangerouslySetInnerHTML: {
-      __html: showMore == true ? 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.slice(0, 1000)
+      __html: showMore == true ? 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.description_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.slice(0, 1000)
     }
   })), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 allcentered"
-  }, (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.length) > 1000 && /*#__PURE__*/React.createElement("p", {
+  }, (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.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 : (_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_ar) != '' && (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_ar) != null && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
+  }, showMore ? lang.showless : lang.showmore)))), langdetect == 'ar' && (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_ar) != '' && (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_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"
@@ -3715,16 +4288,16 @@ var Productinfo = function Productinfo(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     },
     dangerouslySetInnerHTML: {
-      __html: showMore == true ? 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.slice(0, 1000)
+      __html: showMore == true ? 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_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.slice(0, 1000)
     }
   })), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 allcentered"
-  }, (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.length) > 1000 && /*#__PURE__*/React.createElement("p", {
+  }, (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.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 : (_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 : (_fetchProductInfoQuer91 = _fetchProductInfoQuer90.productimages) === null || _fetchProductInfoQuer91 === void 0 ? void 0 : _fetchProductInfoQuer91.length) != 0 && /*#__PURE__*/React.createElement("div", {
+  }, showMore ? lang.showless : lang.showmore)))), sectionproperties.showGallery == 'Show' && (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 : (_fetchProductInfoQuer88 = _fetchProductInfoQuer87.productimages) === null || _fetchProductInfoQuer88 === void 0 ? void 0 : _fetchProductInfoQuer88.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",
@@ -3732,7 +4305,7 @@ var Productinfo = function Productinfo(props) {
       paddingLeft: sectionproperties.galleryPaddingHorizontal + 'px',
       paddingRight: sectionproperties.galleryPaddingHorizontal + 'px'
     }
-  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer92 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer92 === void 0 ? void 0 : (_fetchProductInfoQuer93 = _fetchProductInfoQuer92.data) === null || _fetchProductInfoQuer93 === void 0 ? void 0 : (_fetchProductInfoQuer94 = _fetchProductInfoQuer93.productinfo) === null || _fetchProductInfoQuer94 === void 0 ? void 0 : (_fetchProductInfoQuer95 = _fetchProductInfoQuer94.productimages) === null || _fetchProductInfoQuer95 === void 0 ? void 0 : _fetchProductInfoQuer95.map(function (item, index) {
+  }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer89 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer89 === void 0 ? void 0 : (_fetchProductInfoQuer90 = _fetchProductInfoQuer89.data) === null || _fetchProductInfoQuer90 === void 0 ? void 0 : (_fetchProductInfoQuer91 = _fetchProductInfoQuer90.productinfo) === null || _fetchProductInfoQuer91 === void 0 ? void 0 : (_fetchProductInfoQuer92 = _fetchProductInfoQuer91.productimages) === null || _fetchProductInfoQuer92 === void 0 ? void 0 : _fetchProductInfoQuer92.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,
@@ -3751,8 +4324,8 @@ var Productinfo = function Productinfo(props) {
         loading: "lazy"
       }));
     }
-  })))))), tabname == 'shippingpolicytab' && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 pl-5 pr-5 p-md-0 w-100 mt-3 mb-4"
+  }))))), 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: {
@@ -3763,8 +4336,8 @@ var Productinfo = function Productinfo(props) {
     dangerouslySetInnerHTML: {
       __html: langdetect == 'en' ? (_returnpolicyobj5 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj5 === void 0 ? void 0 : _returnpolicyobj5.policycontent_en : (_returnpolicyobj6 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj6 === void 0 ? void 0 : _returnpolicyobj6.policycontent_ar
     }
-  }))), tabname == 'refundpolicytab' && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0 w-100 mt-3 mb-4 pl-5 pr-5 p-md-0"
+  })), 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: {
@@ -3775,35 +4348,14 @@ var Productinfo = function Productinfo(props) {
     dangerouslySetInnerHTML: {
       __html: langdetect == 'en' ? (_returnpolicyobj7 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj7 === void 0 ? void 0 : _returnpolicyobj7.policycontent_en : (_returnpolicyobj8 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj8 === void 0 ? void 0 : _returnpolicyobj8.policycontent_ar
     }
-  }))), tabname == 'reviewstab' && /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0 w-100 mt-3 mb-4 pl-5 pr-5 p-md-0"
-  }, /*#__PURE__*/React.createElement("p", null, "Reviews tab"), /*#__PURE__*/React.createElement("p", null, " Overall rate: ", fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer96 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer96 === void 0 ? void 0 : (_fetchProductInfoQuer97 = _fetchProductInfoQuer96.data) === null || _fetchProductInfoQuer97 === void 0 ? void 0 : (_fetchProductInfoQuer98 = _fetchProductInfoQuer97.productinfo) === null || _fetchProductInfoQuer98 === void 0 ? void 0 : _fetchProductInfoQuer98.productoverallrate, "/5"), "Ratings Filter", /*#__PURE__*/React.createElement("select", {
-    value: filterproductreviews,
-    onChange: function onChange(event) {
-      setfilterproductreviews(event.target.value);
-    }
-  }, /*#__PURE__*/React.createElement("option", {
-    value: "all"
-  }, "All"), /*#__PURE__*/React.createElement("option", {
-    value: "5"
-  }, "5"), /*#__PURE__*/React.createElement("option", {
-    value: "4"
-  }, "4"), /*#__PURE__*/React.createElement("option", {
-    value: "3"
-  }, "3"), /*#__PURE__*/React.createElement("option", {
-    value: "2"
-  }, "2"), /*#__PURE__*/React.createElement("option", {
-    value: "1"
-  }, "1")), GeneralAPIMutationContext.isLoading && /*#__PURE__*/React.createElement("p", null, "Loading.."), !GeneralAPIMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
-    "class": "row w-100"
-  }, productreviews === null || productreviews === void 0 ? void 0 : productreviews.map(function (reviewitem, reviewindex) {
-    return /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-12",
-      style: {
-        backgroundColor: 'grey'
-      }
-    }, /*#__PURE__*/React.createElement("p", null, "Title:", reviewitem.reviewtitle), /*#__PURE__*/React.createElement("p", null, "Body:", reviewitem.reviewbody), /*#__PURE__*/React.createElement("p", null, "Name:", reviewitem.review_name), /*#__PURE__*/React.createElement("p", null, "Rating:", reviewitem.review_rating), /*#__PURE__*/React.createElement("p", null, "date:", reviewitem.reviewtimestmap));
-  })))))), /*#__PURE__*/React.createElement("div", {
+  })), 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$1Y(_objectSpread$1Y({}, 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,
@@ -4043,32 +4595,36 @@ var Ordershistory = function Ordershistory(props) {
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2);
     _useState2[0];
-    var setCurrentPageId = _useState2[1];
-  var _useState3 = useState(false),
+    _useState2[1];
+  var _useState3 = useState(''),
     _useState4 = _slicedToArray(_useState3, 2);
     _useState4[0];
-    var setopenorderitemsmodalshow = _useState4[1];
-  var _useState5 = useState({
+    var setCurrentPageId = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2);
+    _useState6[0];
+    var setopenorderitemsmodalshow = _useState6[1];
+  var _useState7 = useState({
       reviewtitle: '',
       reviewbody: '',
       reviewrate: 0,
       reviewname: ''
     }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    reviewpayloadobj = _useState6[0],
-    setreviewpayloadobj = _useState6[1];
-  var _useState7 = useState({}),
-    _useState8 = _slicedToArray(_useState7, 2),
-    openreviewmodalproductobj = _useState8[0],
-    setopenreviewmodalproductobj = _useState8[1];
-  var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    openreviewmodal = _useState10[0],
-    setopenreviewmodal = _useState10[1];
-  var _useState11 = useState(''),
-    _useState12 = _slicedToArray(_useState11, 2),
-    orderindex = _useState12[0],
-    setorderindex = _useState12[1];
+    _useState8 = _slicedToArray(_useState7, 2);
+    _useState8[0];
+    _useState8[1];
+  var _useState9 = useState({}),
+    _useState10 = _slicedToArray(_useState9, 2);
+    _useState10[0];
+    _useState10[1];
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2);
+    _useState12[0];
+    _useState12[1];
+  var _useState13 = useState(''),
+    _useState14 = _slicedToArray(_useState13, 2),
+    orderindex = _useState14[0],
+    setorderindex = _useState14[1];
   useEffect(function () {
     if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.loggedin) == true) {
       var tempFetchQueriesEngineContext = _objectSpread$1W({}, FetchQueriesEngineContext);
@@ -4076,10 +4632,10 @@ var Ordershistory = function Ordershistory(props) {
       setFetchQueriesEngineContext(_objectSpread$1W({}, tempFetchQueriesEngineContext));
     }
   }, []);
-  var _useState13 = useState(''),
-    _useState14 = _slicedToArray(_useState13, 2),
-    sectionproperties = _useState14[0],
-    setsectionproperties = _useState14[1];
+  var _useState15 = useState(''),
+    _useState16 = _slicedToArray(_useState15, 2),
+    sectionproperties = _useState16[0],
+    setsectionproperties = _useState16[1];
   useEffect(function () {
     var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
       return x.staticpageid == '6218bccb81d1c';
@@ -4236,10 +4792,10 @@ var Ordershistory = function Ordershistory(props) {
       }
     })
   };
-  var _useState15 = useState([]),
-    _useState16 = _slicedToArray(_useState15, 2),
-    bgimagesarray = _useState16[0],
-    setbgimagesarray = _useState16[1];
+  var _useState17 = useState([]),
+    _useState18 = _slicedToArray(_useState17, 2),
+    bgimagesarray = _useState18[0],
+    setbgimagesarray = _useState18[1];
   useEffect(function () {
     if (sectionproperties.length != 0) {
       if (sectionproperties.arrayofobjectimagesonly != null) {
@@ -4645,7 +5201,7 @@ var Ordershistory = function Ordershistory(props) {
     }, /*#__PURE__*/React.createElement("div", {
       className: "row m-0 w-100 d-flex align-items-start"
     }, /*#__PURE__*/React.createElement("div", {
-      className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-start"
+      className: "col-lg-9 col-md-9 col-sm-9 p-0 d-flex align-items-start"
     }, /*#__PURE__*/React.createElement("p", {
       className: orderhistory_cssstyles.productNameStyles + ' p-0 m-0 wordbreak wordbreak3 ',
       style: {
@@ -4668,26 +5224,7 @@ var Ordershistory = function Ordershistory(props) {
       }, /*#__PURE__*/React.createElement("p", {
         className: ' m-0 p-0 font-13 fontfamilymedium wordbreak allcentered '
       }, variantoptionitem.valuename));
-    })))))), item.productcanrate == 1 && /*#__PURE__*/React.createElement("div", null, item.hasreview == 0 && /*#__PURE__*/React.createElement("p", {
-      onClick: function onClick() {
-        setopenreviewmodal(true);
-        setopenreviewmodalproductobj(item);
-      }
-    }, "Rate item"), item.hasreview == 1 && /*#__PURE__*/React.createElement("p", {
-      style: {
-        color: 'green'
-      },
-      onClick: function onClick() {
-        setopenreviewmodal(true);
-        setopenreviewmodalproductobj(item);
-        setreviewpayloadobj({
-          reviewtitle: item.reviewtitle,
-          reviewbody: item.reviewbody,
-          reviewrate: item.review_rating,
-          reviewname: item.review_name
-        });
-      }
-    }, "View Rate")), /*#__PURE__*/React.createElement("div", {
+    })))))), /*#__PURE__*/React.createElement("div", {
       className: "col-lg-12 p-0"
     }, /*#__PURE__*/React.createElement("hr", {
       className: "mt- mb-3"
@@ -4950,77 +5487,7 @@ var Ordershistory = function Ordershistory(props) {
       color: sectionproperties.paymenttextcolor,
       fontWeight: sectionproperties.paymenttextfontweight
     }
-  }, langdetect == 'en' ? sectionproperties.cod_text_en : sectionproperties.cod_text_ar)))))))), /*#__PURE__*/React.createElement(Modal, {
-    show: openreviewmodal,
-    onHide: function onHide() {
-      return setopenreviewmodal(false);
-    },
-    centered: true,
-    size: "lg"
-  }, /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement("p", null, "Review modal"), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12"
-  }, /*#__PURE__*/React.createElement("p", null, "Review title"), /*#__PURE__*/React.createElement("input", {
-    disabled: openreviewmodalproductobj.hasreview == 1 ? true : false,
-    value: reviewpayloadobj.reviewtitle,
-    onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$1W({}, reviewpayloadobj);
-      tempreviewpayloadobj.reviewtitle = event.target.value;
-      setreviewpayloadobj(_objectSpread$1W({}, tempreviewpayloadobj));
-    }
-  })), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12"
-  }, /*#__PURE__*/React.createElement("p", null, "Review body"), /*#__PURE__*/React.createElement("input", {
-    disabled: openreviewmodalproductobj.hasreview == 1 ? true : false,
-    value: reviewpayloadobj.reviewbody,
-    onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$1W({}, reviewpayloadobj);
-      tempreviewpayloadobj.reviewbody = event.target.value;
-      setreviewpayloadobj(_objectSpread$1W({}, tempreviewpayloadobj));
-    }
-  })), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12"
-  }, /*#__PURE__*/React.createElement("p", null, "Review rate"), /*#__PURE__*/React.createElement("input", {
-    disabled: openreviewmodalproductobj.hasreview == 1 ? true : false,
-    value: reviewpayloadobj.reviewrate,
-    type: "number",
-    onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$1W({}, reviewpayloadobj);
-      tempreviewpayloadobj.reviewrate = event.target.value;
-      setreviewpayloadobj(_objectSpread$1W({}, tempreviewpayloadobj));
-    }
-  })), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12"
-  }, /*#__PURE__*/React.createElement("p", null, "Review name"), /*#__PURE__*/React.createElement("input", {
-    disabled: openreviewmodalproductobj.hasreview == 1 ? true : false,
-    value: reviewpayloadobj.reviewname,
-    onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$1W({}, reviewpayloadobj);
-      tempreviewpayloadobj.reviewname = event.target.value;
-      setreviewpayloadobj(_objectSpread$1W({}, tempreviewpayloadobj));
-    }
-  })), openreviewmodalproductobj.hasreview == 0 && /*#__PURE__*/React.createElement("button", {
-    onClick: function onClick() {
-      if (reviewpayloadobj.reviewtitle.length != 0 && reviewpayloadobj.reviewbody.length != 0 && reviewpayloadobj.reviewrate.length != 0 && parseInt(reviewpayloadobj.reviewrate) > 0 && reviewpayloadobj.reviewname.length != 0) {
-        var tempreviewpayloadobj = reviewpayloadobj;
-        tempreviewpayloadobj.endpointurl = '/addproductreview';
-        tempreviewpayloadobj.orderitemid = openreviewmodalproductobj.orderitemid;
-        GeneralAPIMutationContext.mutate({
-          endpointurl: '/addproductreview',
-          orderitemid: openreviewmodalproductobj.orderitemid,
-          reviewpayloadobj: reviewpayloadobj,
-          mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
-            if (data.data.status) {
-              NotificationManager.success('', 'Success');
-            } else {
-              NotificationManager.warning('', data.data.reason);
-            }
-          }
-        });
-      } else {
-        alert('Please fill the missing fields');
-      }
-    }
-  }, "Submit")))))));
+  }, langdetect == 'en' ? sectionproperties.cod_text_en : sectionproperties.cod_text_ar))))))))))));
 };
 
 var css_248z$G = ".wishlist-module_wishlist_card__sUXul .wishlist-module_image_container__FuptA {\n    height: 300px;\n    border-radius: 10px;\n    background-size: cover !important;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-color: #e6e6e6;\n    width: 100% !important;\n    box-shadow: 0 0 10px #e6e6e6;\n}\n.wishlist-module_floatbtn__PZDvQ {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: 0.3s;\n    opacity: 0;\n}\n.wishlist-module_wishlist_card__sUXul:hover .wishlist-module_floatbtn__PZDvQ {\n    opacity: 1;\n}\n@media screen and (max-width: 800px) {\n    .wishlist-module_floatbtn__PZDvQ {\n        opacity: 1 !important;\n    }\n}\n";
@@ -7216,7 +7683,7 @@ var Select = /*#__PURE__*/React.lazy(function () {
   return import('react-select');
 });
 var CustomerInformationForm = function CustomerInformationForm(props) {
-  var _css;
+  var _fetchAuthorizationQu, _fetchAuthorizationQu2, _fetchAuthorizationQu3, _fetchAuthorizationQu4, _fetchAuthorizationQu5, _fetchAuthorizationQu6, _css;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   props.actions.routingcountext;
@@ -7229,21 +7696,34 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   var FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
   var setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
   var CustomerSignUpMutationContext = props.actions.CustomerSignUpMutationContext;
+  var fetchAuthorizationQueryContext = props.actions.fetchAuthorizationQueryContext;
   var authdetailsContext = props.actions.authdetailsContext;
   var instapikey = props.actions.instapikey;
   var templatepropcontext = props.actions.templatepropcontext;
   props.actions.ikimagecredcontext;
   var NotificationManager = props.actions.NotificationManager;
   var actions = props.actions;
-  var _useState = useState(''),
+  var _useState = useState(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : (_fetchAuthorizationQu = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu === void 0 ? void 0 : (_fetchAuthorizationQu2 = _fetchAuthorizationQu.data) === null || _fetchAuthorizationQu2 === void 0 ? void 0 : (_fetchAuthorizationQu3 = _fetchAuthorizationQu2.instinfo) === null || _fetchAuthorizationQu3 === void 0 ? void 0 : _fetchAuthorizationQu3.customerAddressrequiered),
     _useState2 = _slicedToArray(_useState, 2),
-    sectionproperties = _useState2[0],
-    setsectionproperties = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    dataloaded = _useState4[0],
-    setdataloaded = _useState4[1];
-  var _useState5 = useState({
+    customeraddressrequierd = _useState2[0],
+    setcustomeraddressrequierd = _useState2[1];
+  var _useState3 = useState(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : (_fetchAuthorizationQu4 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu4 === void 0 ? void 0 : (_fetchAuthorizationQu5 = _fetchAuthorizationQu4.data) === null || _fetchAuthorizationQu5 === void 0 ? void 0 : (_fetchAuthorizationQu6 = _fetchAuthorizationQu5.instinfo) === null || _fetchAuthorizationQu6 === void 0 ? void 0 : _fetchAuthorizationQu6.customervalidateemail),
+    _useState4 = _slicedToArray(_useState3, 2);
+    _useState4[0];
+    var setcustomervalidateemail = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    validateemailmodal = _useState6[0],
+    setvalidateemailmodal = _useState6[1];
+  var _useState7 = useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    sectionproperties = _useState8[0],
+    setsectionproperties = _useState8[1];
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    dataloaded = _useState10[0],
+    setdataloaded = _useState10[1];
+  var _useState11 = useState({
       instapikey: instapikey,
       name: '',
       email: '',
@@ -7258,9 +7738,16 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       cityid: '',
       countrydialcode: ''
     }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    payloadobj = _useState6[0],
-    setpayloadobj = _useState6[1];
+    _useState12 = _slicedToArray(_useState11, 2),
+    payloadobj = _useState12[0],
+    setpayloadobj = _useState12[1];
+  useEffect(function () {
+    if (fetchAuthorizationQueryContext.isSuccess) {
+      var _fetchAuthorizationQu7, _fetchAuthorizationQu8, _fetchAuthorizationQu9, _fetchAuthorizationQu10, _fetchAuthorizationQu11, _fetchAuthorizationQu12;
+      setcustomeraddressrequierd(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : (_fetchAuthorizationQu7 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu7 === void 0 ? void 0 : (_fetchAuthorizationQu8 = _fetchAuthorizationQu7.data) === null || _fetchAuthorizationQu8 === void 0 ? void 0 : (_fetchAuthorizationQu9 = _fetchAuthorizationQu8.instinfo) === null || _fetchAuthorizationQu9 === void 0 ? void 0 : _fetchAuthorizationQu9.customerAddressrequiered);
+      setcustomervalidateemail(fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : (_fetchAuthorizationQu10 = fetchAuthorizationQueryContext.data) === null || _fetchAuthorizationQu10 === void 0 ? void 0 : (_fetchAuthorizationQu11 = _fetchAuthorizationQu10.data) === null || _fetchAuthorizationQu11 === void 0 ? void 0 : (_fetchAuthorizationQu12 = _fetchAuthorizationQu11.instinfo) === null || _fetchAuthorizationQu12 === void 0 ? void 0 : _fetchAuthorizationQu12.customervalidateemail);
+    }
+  }, [fetchAuthorizationQueryContext.isSuccess]);
   useEffect(function () {
     var tempFetchQueriesEngineContext = _objectSpread$1R({}, FetchQueriesEngineContext);
     tempFetchQueriesEngineContext.institutecustomerinfosignup = true;
@@ -7454,7 +7941,12 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-4 col-md-12 col-sm-12 mb-4 p-sm-0' : 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
     }, /*#__PURE__*/React.createElement("label", {
       className: formstyles.input_label_name + ' d-flex justify-content-start '
-    }, lang.country), fetchTabexCountriesQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
+    }, lang.country, customeraddressrequierd == 1 && /*#__PURE__*/React.createElement("span", {
+      "class": "ml-1 mr-1",
+      style: {
+        color: 'red'
+      }
+    }, "*")), fetchTabexCountriesQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
       className: "col-lg-4 col-md-12 col-sm-12 mb-3 p-sm-0 d-flex justify-content-center align-items-center"
     }, /*#__PURE__*/React.createElement(CircularProgress, {
       color: "black",
@@ -7497,7 +7989,12 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-4 col-md-12 col-sm-12 mb-4 p-sm-0' : 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
     }, /*#__PURE__*/React.createElement("label", {
       className: formstyles.input_label_name + ' d-flex justify-content-start '
-    }, lang.choosestategov), fetchTabexStatesQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
+    }, lang.choosestategov, ' ', customeraddressrequierd == 1 && /*#__PURE__*/React.createElement("span", {
+      "class": "ml-1 mr-1",
+      style: {
+        color: 'red'
+      }
+    }, "*")), fetchTabexStatesQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
       className: "col-lg-12 col-md-12 col-sm-12 mb-3 p-sm-0 d-flex justify-content-center align-items-center"
     }, /*#__PURE__*/React.createElement(CircularProgress, {
       color: "black",
@@ -7544,7 +8041,12 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       className: sectionproperties.cardstyletype == 'Style 1' ? 'col-lg-4 col-md-12 col-sm-12 mb-4 p-sm-0' : 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
     }, /*#__PURE__*/React.createElement("label", {
       className: formstyles.input_label_name + ' d-flex justify-content-start '
-    }, lang.city), fetchTabexCitiesQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
+    }, lang.city, customeraddressrequierd == 1 && /*#__PURE__*/React.createElement("span", {
+      "class": "ml-1 mr-1",
+      style: {
+        color: 'red'
+      }
+    }, "*")), fetchTabexCitiesQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
       className: "col-lg-12 col-md-12 col-sm-12 mb-3 p-sm-0 d-flex justify-content-center align-items-center"
     }, /*#__PURE__*/React.createElement(CircularProgress, {
       color: "black",
@@ -7587,7 +8089,12 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       className: 'col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0'
     }, /*#__PURE__*/React.createElement("label", {
       className: "".concat(formstyles.input_label_name) + ' mb-1 text-transform-none d-flex align-items-start '
-    }, lang.address), /*#__PURE__*/React.createElement("div", {
+    }, lang.address, ' ', customeraddressrequierd == 1 && /*#__PURE__*/React.createElement("span", {
+      "class": "ml-1 mr-1",
+      style: {
+        color: 'red'
+      }
+    }, "*")), /*#__PURE__*/React.createElement("div", {
       className: loginstyles.wrap_input100
     }, /*#__PURE__*/React.createElement(TextareaAutosize, {
       type: "text",
@@ -7848,6 +8355,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     className: "".concat(formstyles.signupbtn) + ' d-flex align-items-center justify-content-center ',
     disabled: CustomerSignUpMutationContext.isLoading ? true : false,
     onClick: function onClick() {
+      var isshippingaddresscompleted = false;
       var passwordvalidation = false;
       if (authdetailsContext.loggedin == false) {
         if (payloadobj.password.length != 0) {
@@ -7867,27 +8375,38 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       if (passwordvalidation == false) {
         NotificationManager.warning('', lang.passwordsdontmatch);
       }
-      if (payloadobj.email.length != 0 && payloadobj.name.length != 0 && payloadobj.mobile.length != 0 && passwordvalidation == true && payloadobj.countryid.length != 0 && payloadobj.stateid.length != 0 && payloadobj.cityid.length != 0) {
-        var signupformismissing = true;
-        payloadobj.instsignupformvalues.forEach(function (arrayItem) {
-          if (arrayItem.optional == 1) {
-            if (arrayItem.customersignupvalue == undefined || arrayItem.customersignupvalue.length == 0) {
-              signupformismissing = false;
+      if (customeraddressrequierd == 1) {
+        if (payloadobj.countryid.length != 0 && payloadobj.stateid.length != 0 && payloadobj.cityid.length != 0 && payloadobj.shippingaddress.length != 0) {
+          isshippingaddresscompleted = true;
+        }
+      } else {
+        isshippingaddresscompleted = true;
+      }
+      if (payloadobj.email.length != 0 && payloadobj.name.length != 0 && payloadobj.mobile.length != 0 && passwordvalidation == true) {
+        if (isshippingaddresscompleted) {
+          var signupformismissing = true;
+          payloadobj.instsignupformvalues.forEach(function (arrayItem) {
+            if (arrayItem.optional == 1) {
+              if (arrayItem.customersignupvalue == undefined || arrayItem.customersignupvalue.length == 0) {
+                signupformismissing = false;
+              }
             }
-          }
-        });
-        if (signupformismissing) {
-          var temppayloadobj = _objectSpread$1R({}, payloadobj);
-          if (authdetailsContext.loggedin == true) {
-            temppayloadobj.functype = 'edit';
+          });
+          if (signupformismissing) {
+            var temppayloadobj = _objectSpread$1R({}, payloadobj);
+            if (authdetailsContext.loggedin == true) {
+              temppayloadobj.functype = 'edit';
+            } else {
+              temppayloadobj.functype = 'add';
+            }
+            temppayloadobj.addedsourcetype = 'Webapp';
+            temppayloadobj.instapikey = instapikey;
+            CustomerSignUpMutationContext.mutate(temppayloadobj);
           } else {
-            temppayloadobj.functype = 'add';
+            NotificationManager.warning('', lang.completerequiredfields);
           }
-          temppayloadobj.addedsourcetype = 'Webapp';
-          temppayloadobj.instapikey = instapikey;
-          CustomerSignUpMutationContext.mutate(temppayloadobj);
         } else {
-          NotificationManager.warning('', lang.completerequiredfields);
+          NotificationManager.warning('', lang.pleasecompleteaddressmissingfields);
         }
       } else {
         NotificationManager.warning('', lang.fillthemissingfields);
@@ -7930,7 +8449,31 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     className: "ml-1 mr-1"
   }, /*#__PURE__*/React.createElement(GoogleLoginButton, {
     actions: actions
-  })))));
+  })))), /*#__PURE__*/React.createElement(Modal, {
+    show: validateemailmodal,
+    onHide: function onHide() {
+      return setvalidateemailmodal(false);
+    },
+    centered: true,
+    size: 'md'
+  }, /*#__PURE__*/React.createElement(Modal.Body, null, /*#__PURE__*/React.createElement("div", {
+    "class": "d-flex align-items-center justify-content-center bgdanger-hover",
+    style: {
+      position: 'absolute',
+      right: -15,
+      top: -15,
+      width: '4vh',
+      height: '4vh',
+      background: '#000',
+      borderRadius: '50%'
+    },
+    onClick: function onClick() {
+      return setvalidateemailmodal(false);
+    }
+  }, /*#__PURE__*/React.createElement(IoMdClose, {
+    size: 15,
+    color: "white"
+  }))), /*#__PURE__*/React.createElement(Modal.Footer, null)));
 };
 
 function ownKeys$1Q(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; }
@@ -8441,7 +8984,7 @@ var Policies = function Policies(props) {
   }), /*#__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: bgimagesarray.length != 0 ? langdetect == 'en' ? (_bgimagesarray$7 = bgimagesarray[0]) === null || _bgimagesarray$7 === void 0 ? void 0 : _bgimagesarray$7.bgsection_imageresponsive : (_bgimagesarray$8 = bgimagesarray[0]) === null || _bgimagesarray$8 === void 0 ? void 0 : _bgimagesarray$8.bgsection_imageresponsive_ar : '',
+    path: bgimagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_bgimagesarray$7 = bgimagesarray[0]) === null || _bgimagesarray$7 === void 0 ? void 0 : _bgimagesarray$7.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_bgimagesarray$8 = bgimagesarray[0]) === null || _bgimagesarray$8 === void 0 ? void 0 : _bgimagesarray$8.bgsection_image_ar) : '',
     "class": "d-none d-sm-flex",
     style: {
       height: '100%',
@@ -9331,7 +9874,14 @@ var Filter$1 = function Filter(props) {
     _useState10 = _slicedToArray(_useState9, 2);
     _useState10[0];
     _useState10[1];
-  var _useState11 = useState([{
+  var _useState11 = useState({
+      min: 0,
+      max: 5
+    }),
+    _useState12 = _slicedToArray(_useState11, 2),
+    raterangevalue = _useState12[0],
+    setraterangevalue = _useState12[1];
+  var _useState13 = useState([{
       payloadvalue: 'sortprice',
       name: lang.price,
       filterarray: [{
@@ -9356,9 +9906,9 @@ var Filter$1 = function Filter(props) {
         isfilterselected: false
       }]
     }]),
-    _useState12 = _slicedToArray(_useState11, 2),
-    otherfilters = _useState12[0];
-    _useState12[1];
+    _useState14 = _slicedToArray(_useState13, 2),
+    otherfilters = _useState14[0];
+    _useState14[1];
   useEffect(function () {
     filterupdater();
   }, []);
@@ -9376,6 +9926,22 @@ var Filter$1 = function Filter(props) {
   useEffect(function () {
     filterupdater();
   }, [ProductFilterObjContext]);
+  var timeoutRef = React.useRef(null);
+  React.useEffect(function () {
+    if (timeoutRef.current !== null) {
+      clearTimeout(timeoutRef.current);
+    }
+    timeoutRef.current = setTimeout(function () {
+      if (raterangevalue.min != 0 || raterangevalue.max != 5) {
+        var tempfetchproductsfilerobjcontext = _objectSpread$1L({}, ProductFilterObjContext);
+        tempfetchproductsfilerobjcontext.minrate = raterangevalue.min;
+        tempfetchproductsfilerobjcontext.maxrate = raterangevalue.max;
+        tempfetchproductsfilerobjcontext.page = 0;
+        setProductFilterObjContext(_objectSpread$1L({}, tempfetchproductsfilerobjcontext));
+        // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
+      }
+    }, 500);
+  }, [raterangevalue]);
   var filterupdater = function filterupdater() {
     if (instfilters.length != 0) {
       var _ProductFilterObjCont;
@@ -10006,7 +10572,28 @@ var Filter$1 = function Filter(props) {
         }
       }, valueitem.name)));
     }))))))));
-  })), /*#__PURE__*/React.createElement("div", {
+  }), sectionproperties.showfilterbyrating == 'Show' && /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 pl-4 pr-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3  '
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 p-0 mb-3"
+  }, /*#__PURE__*/React.createElement("p", {
+    className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 collapsetitle ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
+  }, langdetect == 'en' ? 'Ratings' : 'التقييمات')), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 mb-4"
+  }, /*#__PURE__*/React.createElement(InputRange, {
+    draggableTrack: true,
+    formatLabel: function formatLabel(value) {
+      return "".concat(value);
+    },
+    maxValue: 5,
+    minValue: 0,
+    value: raterangevalue,
+    onChange: function onChange(value) {
+      setraterangevalue(_objectSpread$1L({}, value));
+    }
+  }))))), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-9 col-md-9 col-sm-9 d-flex align-items-center d-md-none"
   }, /*#__PURE__*/React.createElement("p", {
     className: "m-0 p-0 font-16 font-weight-600",
@@ -10945,7 +11532,10 @@ var CardsSection = function CardsSection(props) {
           }, /*#__PURE__*/React.createElement(ScrollMenu, {
             transitionBehavior: 'auto',
             wrapperClassName: '',
-            itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcard_with_circularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' :
+            itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcard_with_circularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' :
+            // : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation'
+            // ? 'scrollmenuclassnameitemProductcard_with_slideanimation'
+            item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' :
             // : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons'
             // ? 'scrollmenuclassnameitemProductcard_animatedbuttons'
             item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' :
@@ -11695,7 +12285,7 @@ var usflag = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAAEECAYAAADOCEoK
 function ownKeys$1H(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$1H(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1H(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Headerresponsive = function Headerresponsive(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6;
+  var _logoarrayofobjects$, _logoarrayofobjects$2, _logoarrayofobjects$3, _logoarrayofobjects$4, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6;
   var actions = props.actions;
   var LogoutMutationContext = props.actions.LogoutMutationContext;
   var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -11904,6 +12494,69 @@ var Headerresponsive = function Headerresponsive(props) {
       }
     })
   };
+  var CartButton = function CartButton() {
+    var _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10;
+    return /*#__PURE__*/React.createElement("div", {
+      "class": "d-flex align-items-center",
+      style: {
+        position: 'relative'
+      }
+    }, /*#__PURE__*/React.createElement("button", {
+      className: "".concat(header_cssstyles.addtocartbtn_resp) + ' d-flex align-items-center justify-content-center ml-1 p-0 ',
+      onClick: function onClick() {
+        var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4;
+        if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : (_fetchcustomercartQue3 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue4 === void 0 ? void 0 : _fetchcustomercartQue4.length) > 7) {
+          routingcountext(StaticPagesLinksContext.viewcart);
+        } else {
+          setsidecartnavshowcontext(true);
+        }
+      }
+    }, /*#__PURE__*/React.createElement("i", {
+      className: ' h-100 d-flex align-items-center justify-content-center '
+    }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
+      size: sectionproperties.cartBtniconresp_size
+    }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
+      size: sectionproperties.cartBtniconresp_size
+    }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
+      size: sectionproperties.cartBtniconresp_size
+    }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, {
+      size: sectionproperties.cartBtniconresp_size
+    }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
+      size: sectionproperties.cartBtniconresp_size
+    }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
+      size: sectionproperties.cartBtniconresp_size
+    }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
+      size: sectionproperties.cartBtniconresp_size
+    }))), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(header_cssstyles.badge_counter_header_notifications),
+      style: {
+        top: sectionproperties.cartbadgefromtop + 'px',
+        right: sectionproperties.cartbadgefromright + 'px'
+      }
+    }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue5 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue5 === void 0 ? void 0 : (_fetchcustomercartQue6 = _fetchcustomercartQue5.data) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 ? void 0 : (_fetchcustomercartQue8 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue8 === void 0 ? void 0 : (_fetchcustomercartQue9 = _fetchcustomercartQue8.customercart) === null || _fetchcustomercartQue9 === void 0 ? void 0 : (_fetchcustomercartQue10 = _fetchcustomercartQue9.cartitems) === null || _fetchcustomercartQue10 === void 0 ? void 0 : _fetchcustomercartQue10.length : 0));
+  };
+  var FavButton = function FavButton() {
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        position: 'relative',
+        marginLeft: langdetect == 'en' ? '12px' : '16px',
+        marginRight: langdetect == 'en' ? '16px' : '16px'
+      }
+    }, /*#__PURE__*/React.createElement("button", {
+      className: header_cssstyles.wishlistbtn + ' d-flex align-items-center justify-content-center ml-1 p-0 ',
+      onClick: function onClick() {
+        routingcountext(StaticPagesLinksContext.Wishlist);
+      }
+    }, /*#__PURE__*/React.createElement("i", {
+      className: ' h-100 d-flex align-items-center justify-content-center '
+    }, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, null), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar, null))), /*#__PURE__*/React.createElement("div", {
+      className: "".concat(header_cssstyles.badge_counter_header_notifications),
+      style: {
+        top: sectionproperties.wishlistresponsivebadgefromtop + 'px',
+        right: sectionproperties.wishlistresponsivebadgefromright + 'px'
+      }
+    }, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length));
+  };
   return /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("div", {
@@ -11918,7 +12571,7 @@ var Headerresponsive = function Headerresponsive(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 p-0 pl-2 pr-2 "
   }, /*#__PURE__*/React.createElement("div", {
-    className: "col-md-6 col-sm-5 d-flex filter align-items-center p-0"
+    className: sectionproperties.searchbar_show == 'Show' ? 'col-md-6 col-sm-5 d-flex filter align-items-center p-0' : 'col-md-4 col-sm-4 d-flex filter align-items-center p-0'
   }, /*#__PURE__*/React.createElement("div", {
     className: langdetect == 'en' ? 'mr-1' : 'ml-1',
     onClick: function onClick() {
@@ -11940,7 +12593,7 @@ var Headerresponsive = function Headerresponsive(props) {
     style: {
       color: sectionproperties.resp_sidenav_color
     }
-  }))), /*#__PURE__*/React.createElement("div", {
+  }))), sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     className: header_cssstyles.header_logo + ' d-flex align-items-center justify-content-start ',
     style: {
       cursor: 'pointer'
@@ -11956,8 +12609,26 @@ var Headerresponsive = function Headerresponsive(props) {
       maxWidth: '100%',
       maxHeight: '100%'
     }
+  }))), sectionproperties.searchbar_show == 'Hide' && /*#__PURE__*/React.createElement("div", {
+    className: 'col-md-4 col-sm-4 allcentered p-0'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: header_cssstyles.header_logo + ' d-flex align-items-center justify-content-start ',
+    style: {
+      cursor: 'pointer'
+    },
+    onClick: function onClick() {
+      routingcountext('home');
+    }
+  }, /*#__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: langdetect == 'en' ? (_logoarrayofobjects$3 = logoarrayofobjects[0]) === null || _logoarrayofobjects$3 === void 0 ? void 0 : _logoarrayofobjects$3.englishlogo : (_logoarrayofobjects$4 = logoarrayofobjects[0]) === null || _logoarrayofobjects$4 === void 0 ? void 0 : _logoarrayofobjects$4.arabiclogo,
+    style: {
+      maxWidth: '100%',
+      maxHeight: '100%'
+    }
   }))), /*#__PURE__*/React.createElement("div", {
-    className: "col-md-6 col-sm-7 d-flex align-items-center justify-content-end p-0"
+    className: sectionproperties.searchbar_show == 'Show' ? 'col-md-6 col-sm-7 d-flex align-items-center justify-content-end p-0' : 'col-md-4 col-sm-4 d-flex align-items-center justify-content-end p-0'
   }, sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("button", {
     "class": "".concat(header_cssstyles.userbtn_respContainer) + ' d-flex align-items-center justify-content-center p-0 m-0 font-weight-600 mt-1 '
   }, /*#__PURE__*/React.createElement("p", {
@@ -12118,69 +12789,13 @@ var Headerresponsive = function Headerresponsive(props) {
     className: ' d-flex align-items-center m-0 p-0 '
   }, /*#__PURE__*/React.createElement(BiLogOutCircle, null), /*#__PURE__*/React.createElement("span", {
     className: langdetect == 'en' ? 'ml-2' : 'mr-2'
-  }, lang.logout)))))), sectionproperties.faviconshape != null && /*#__PURE__*/React.createElement("div", {
-    style: {
-      position: 'relative',
-      marginLeft: langdetect == 'en' ? '12px' : '16px',
-      marginRight: langdetect == 'en' ? '16px' : '16px'
-    }
-  }, /*#__PURE__*/React.createElement("button", {
-    className: header_cssstyles.wishlistbtn + ' d-flex align-items-center justify-content-center ml-1 p-0 ',
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.Wishlist);
-    }
-  }, /*#__PURE__*/React.createElement("i", {
-    className: ' h-100 d-flex align-items-center justify-content-center '
-  }, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, null), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React.createElement(AiFillStar, null))), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(header_cssstyles.badge_counter_header_notifications),
-    style: {
-      top: sectionproperties.wishlistresponsivebadgefromtop + 'px',
-      right: sectionproperties.wishlistresponsivebadgefromright + 'px'
-    }
-  }, favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("div", {
-    style: {
-      position: 'relative'
-    },
-    "class": "d-flex align-items-center"
-  }, /*#__PURE__*/React.createElement("button", {
-    className: "".concat(header_cssstyles.addtocartbtn_resp) + ' d-flex align-items-center justify-content-center ml-1 p-0 ',
-    onClick: function onClick() {
-      var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4;
-      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : (_fetchcustomercartQue3 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue4 === void 0 ? void 0 : _fetchcustomercartQue4.length) > 7) {
-        routingcountext(StaticPagesLinksContext.viewcart);
-      } else {
-        setsidecartnavshowcontext(true);
-      }
-    }
-  }, /*#__PURE__*/React.createElement("i", {
-    className: ' h-100 d-flex align-items-center justify-content-center '
-  }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React.createElement(FiShoppingBag, {
-    size: sectionproperties.cartBtniconresp_size
-  }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React.createElement(CgShoppingBag, {
-    size: sectionproperties.cartBtniconresp_size
-  }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React.createElement(BsBag, {
-    size: sectionproperties.cartBtniconresp_size
-  }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React.createElement(RiHandbagLine, {
-    size: sectionproperties.cartBtniconresp_size
-  }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React.createElement(FiShoppingCart, {
-    size: sectionproperties.cartBtniconresp_size
-  }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React.createElement(MdAddShoppingCart, {
-    size: sectionproperties.cartBtniconresp_size
-  }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React.createElement(FiCalendar, {
-    size: sectionproperties.cartBtniconresp_size
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(header_cssstyles.badge_counter_header_notifications),
-    style: {
-      top: sectionproperties.cartbadgefromtop + 'px',
-      right: sectionproperties.cartbadgefromright + 'px'
-    }
-  }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue5 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue5 === void 0 ? void 0 : (_fetchcustomercartQue6 = _fetchcustomercartQue5.data) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 ? void 0 : (_fetchcustomercartQue8 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue8 === void 0 ? void 0 : (_fetchcustomercartQue9 = _fetchcustomercartQue8.customercart) === null || _fetchcustomercartQue9 === void 0 ? void 0 : (_fetchcustomercartQue10 = _fetchcustomercartQue9.cartitems) === null || _fetchcustomercartQue10 === void 0 ? void 0 : _fetchcustomercartQue10.length : 0)))), /*#__PURE__*/React.createElement("div", {
+  }, lang.logout)))))), sectionproperties.faviconshape != null && sectionproperties.searchbar_show == 'Show' && FavButton(), sectionproperties.cartBtnShow == 'Show' && sectionproperties.searchbar_show == 'Show' && CartButton())), /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 p-0",
     style: {
       borderTop: '1px solid ' + sectionproperties.searchbarcont_bordercolorresponsive,
       borderBottom: '1px solid ' + sectionproperties.searchbarcont_bordercolorresponsive
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     className: authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : (_authdetailsContext$i2 = _authdetailsContext$i.instcurrencies) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.length) > 1 ? 'col-md-8 p-0' : 'col-md-10 p-0',
     style: {
       borderRight: langdetect == 'en' ? '1px solid ' + sectionproperties.searchbarcont_bordercolorresponsive : 0,
@@ -12207,12 +12822,27 @@ var Headerresponsive = function Headerresponsive(props) {
     sectionpropertiesprops: sectionproperties,
     actions: actions,
     srcfromprops: 'respheader'
-  }))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : (_authdetailsContext$i4 = _authdetailsContext$i3.instcurrencies) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.length) > 1 && /*#__PURE__*/React.createElement("div", {
-    "class": 'col-md-2 d-flex align-items-center justify-content-center pl-1 pr-1 pt-1',
+  }))), sectionproperties.faviconshape != null && sectionproperties.searchbar_show == 'Hide' && /*#__PURE__*/React.createElement("div", {
+    "class": "allcentered pt-2 pb-2",
     style: {
+      flex: 1,
+      borderRight: langdetect == 'en' ? '1px solid ' + sectionproperties.searchbarcont_bordercolorresponsive : 0,
+      borderLeft: langdetect == 'en' ? 0 : '1px solid ' + sectionproperties.searchbarcont_bordercolorresponsive
+    }
+  }, FavButton()), sectionproperties.faviconshape != null && sectionproperties.searchbar_show == 'Hide' && /*#__PURE__*/React.createElement("div", {
+    "class": "allcentered pt-2 pb-2",
+    style: {
+      flex: 1,
       borderRight: langdetect == 'en' ? '1px solid ' + sectionproperties.searchbarcont_bordercolorresponsive : 0,
       borderLeft: langdetect == 'en' ? 0 : '1px solid ' + sectionproperties.searchbarcont_bordercolorresponsive
     }
+  }, CartButton()), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : (_authdetailsContext$i4 = _authdetailsContext$i3.instcurrencies) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.length) > 1 && /*#__PURE__*/React.createElement("div", {
+    "class": sectionproperties.searchbar_show == 'Show' ? 'col-md-2 d-flex align-items-center justify-content-center pl-1 pr-1 pt-1' : 'd-flex align-items-center justify-content-center pl-1 pr-1 pt-2 pb-2',
+    style: {
+      borderRight: langdetect == 'en' ? '1px solid ' + sectionproperties.searchbarcont_bordercolorresponsive : 0,
+      borderLeft: langdetect == 'en' ? 0 : '1px solid ' + sectionproperties.searchbarcont_bordercolorresponsive,
+      flex: sectionproperties.searchbar_show == 'Show' ? '' : 1
+    }
   }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
     "class": ' d-flex align-items-center justify-content-center '
   }, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
@@ -12251,7 +12881,10 @@ var Headerresponsive = function Headerresponsive(props) {
       "class": "m-0"
     }))));
   })))), /*#__PURE__*/React.createElement("div", {
-    className: langdetect == 'en' ? 'col-md-2 allcentered pl-1 pr-1 pt-1 resposiveheader_languagedropdown' : 'col-md-2 allcentered pl-1 pr-1 pt-1'
+    className: sectionproperties.searchbar_show == 'Show' ? langdetect == 'en' ? 'col-md-2 allcentered pl-1 pr-1 pt-1 resposiveheader_languagedropdown' : 'col-md-2 allcentered pl-1 pr-1 pt-1' : 'allcentered pl-1 pr-1 pt-2 pb-2 resposiveheader_languagedropdown',
+    style: {
+      flex: sectionproperties.searchbar_show == 'Show' ? '' : 1
+    }
   }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("div", {
     className: 'allcentered m-0 cursor-pointer'
   }, langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
@@ -24549,7 +25182,7 @@ styleInject(css_248z$m);
 function ownKeys$1s(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$1s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1s(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
-  var _css, _authdetailsContext$i3, _authdetailsContext$i4, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6;
+  var _css, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i8, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -24570,6 +25203,7 @@ var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   var actions = props.actions;
+  var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
   useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -25004,7 +25638,50 @@ var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
     "class": "ml-2 mr-2"
   }), /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0"
-  }, "En")))))))), /*#__PURE__*/React.createElement("div", {
+  }, "En"))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : (_authdetailsContext$i6 = _authdetailsContext$i5.instcurrencies) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.length) > 1 && /*#__PURE__*/React.createElement("div", {
+    "class": 'd-flex align-items-center justify-content-center pl-3 pr-3'
+  }, /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
+    "class": ' d-flex align-items-center justify-content-center '
+  }, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0 mr-2 ml-2",
+    style: {
+      fontSize: '16px'
+    }
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, {
+    size: 16
+  })), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0 ml-2 mr-2",
+    style: {
+      fontSize: '16px'
+    }
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, {
+    size: 16
+  })))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : (_authdetailsContext$i8 = _authdetailsContext$i7.instcurrencies) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.map(function (item, index) {
+    var _authdetailsContext$i9, _authdetailsContext$i10;
+    return /*#__PURE__*/React.createElement(Dropdown.Item, {
+      onClick: function onClick() {
+        setcurrencyfunccontext(item);
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 d-flex justify-content-start"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem allcenetered m-0 p-0 '
+    }, /*#__PURE__*/React.createElement(FaMoneyBillWave, null), /*#__PURE__*/React.createElement("span", {
+      "class": 'ml-2 mr-2'
+    }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar)))), index != (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : (_authdetailsContext$i10 = _authdetailsContext$i9.instcurrencies) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.length) - 1 && /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React.createElement("hr", {
+      "class": "m-0"
+    }))));
+  }))))))))), /*#__PURE__*/React.createElement("div", {
     "class": ' col-lg-12 p-0 allcentered '
   }, /*#__PURE__*/React.createElement("div", {
     "class": header_cssstyles.divider
@@ -39233,7 +39910,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
   };
   var Content = function Content() {
     return /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0",
+      "class": sectionproperties.image_show == 'show' ? 'col-lg-6 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0' : 'col-lg-12 col-md-12 d-flex justify-content-start h-100 h-md-auto justify-content-md-center pl-0 pr-0',
       style: {
         background: sectionproperties.reservation_bgcolor,
         alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
@@ -39401,7 +40078,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       width: sectionproperties.width + 'vw'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.paddingLeft != 0 ? langdetect == 'en' ? 'row m-0 w-100 d-flex justify-content-between pl-1025-1 pl-md-3' : 'row m-0 w-100 d-flex justify-content-between pr-1025-1 pr-md-3' : sectionproperties.paddingRight != 0 ? langdetect == 'en' ? 'row m-0 w-100 d-flex justify-content-between pr-1025-1 pr-md-3' : 'row m-0 w-100 d-flex justify-content-between pl-1025-1 pl-md-3' : 'row m-0 w-100 d-flex justify-content-between',
+    "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? 'row m-0 w-100 d-flex justify-content-between plr-1025-1 pr-md-3 pl-md-3' : sectionproperties.paddingLeft != 0 ? langdetect == 'en' ? 'row m-0 w-100 d-flex justify-content-between pl-1025-1 pl-md-3' : 'row m-0 w-100 d-flex justify-content-between pr-1025-1 pr-md-3' : sectionproperties.paddingRight != 0 ? langdetect == 'en' ? 'row m-0 w-100 d-flex justify-content-between pr-1025-1 pr-md-3' : 'row m-0 w-100 d-flex justify-content-between pl-1025-1 pl-md-3' : 'row m-0 w-100 d-flex justify-content-between',
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
@@ -39422,7 +40099,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
       justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
     }
-  }, Content(), Image())), sectionproperties.sectionstyle == 'Image on left' && /*#__PURE__*/React.createElement("div", {
+  }, Content(), sectionproperties.image_show == 'show' && Image())), sectionproperties.sectionstyle == 'Image on left' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0 d-flex justify-content-between"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 d-flex justify-content-between",
@@ -39430,7 +40107,7 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       alignItems: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
       justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
     }
-  }, Image(), Content())))));
+  }, sectionproperties.image_show == 'show' && Image(), Content())))));
 };
 
 function ownKeys$Q(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; }
@@ -44300,8 +44977,8 @@ var NewProductcard = function NewProductcard(props) {
       minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
       maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
       '@media (max-width: 800px)': {
-        minWidth: sectionproperties.widthresponsive + 'px',
-        maxWidth: sectionproperties.widthresponsive + 'px'
+        minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
+        maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
       }
     }),
     innerproductcard: css((_css = {
@@ -47090,7 +47767,7 @@ var Categorycard_with_twolinestransition = function Categorycard_with_twolinestr
   }, langdetect == 'en' ? sectionproperties.slideshow_btn_text : sectionproperties.slideshow_btn_text_ar)))))));
 };
 
-var css_248z$a = ".Categorcycard_fullimage-module_categorycardtext__WLY3- {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    top: 0;\n    display: flex;\n    justify-content: center;\n    width: 100%;\n}";
+var css_248z$a = ".Categorcycard_fullimage-module_categorycardtext__WLY3- {\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    top: 0;\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    width: 100%;\n}";
 var cardstyles$5 = {"categorycardtext":"Categorcycard_fullimage-module_categorycardtext__WLY3-"};
 styleInject(css_248z$a);
 
@@ -47250,11 +47927,11 @@ var Categorycard_fullimage = function Categorycard_fullimage(props) {
   }, /*#__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: item.image,
+    path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
     style: {
       width: '100%',
       height: '100%',
-      objectFit: 'cover'
+      objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
     },
     loading: "lazy"
   }), /*#__PURE__*/React.createElement("div", {
@@ -48462,7 +49139,7 @@ var Horizontalcard = function Horizontalcard(props) {
       paddingBottom: sectionproperties.paddingBottom + 'px'
     }
   }, sectionproperties.image_show == 'show' && /*#__PURE__*/React.createElement("div", {
-    "class": props.numberOfColsvertical == '1' ? 'col-lg-2 col-md-2 col-sm-2 p-0 h-100' : 'col-lg-4 col-md-4 col-sm-4 p-0 h-100'
+    "class": props.numberOfColsvertical == '1' ? 'col-lg-2 col-md-3 col-sm-3 p-0 h-100' : 'col-lg-4 col-md-4 col-sm-4 p-0 h-100'
   }, /*#__PURE__*/React.createElement("div", {
     "class": "d-flex d-md-none",
     onClick: function onClick() {
@@ -48539,7 +49216,7 @@ var Horizontalcard = function Horizontalcard(props) {
       fontSize: sectionproperties.badge_fontsize + 'px'
     }
   }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr))), /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.image_show == 'show' ? props.numberOfColsvertical == '1' ? 'col-lg-10 col-md-8 col-sm-8 pt-2' : 'col-lg-8 col-md-8 col-sm-8 pt-2' : 'col-lg-12 col-md-12 col-sm-12 pt-2',
+    "class": sectionproperties.image_show == 'show' ? props.numberOfColsvertical == '1' ? 'col-lg-10 col-md-9 col-sm-9 pt-2' : 'col-lg-8 col-md-8 col-sm-8 pt-2' : 'col-lg-12 col-md-12 col-sm-12 pt-2',
     style: {
       paddingRight: langdetect == 'en' ? 0 : '',
       paddingLeft: langdetect == 'ar' ? 0 : '',
@@ -48602,7 +49279,7 @@ var Horizontalcard = function Horizontalcard(props) {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
   }, plainString(langdetect == 'en' ? item.description_en : item.description_ar))), sectionproperties.cartBtnShow == 'Show' && props.numberOfColsvertical == '1' && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-3 col-md-3 col-sm-3 p-0 d-flex align-items-center justify-content-end"
+    "class": "col-lg-3 col-md-12 col-sm-12 p-0 d-flex align-items-center justify-content-end justify-content-md-start"
   }, /*#__PURE__*/React.createElement("button", {
     "class": card_cssstyles.cart_btn,
     onClick: function onClick() {
@@ -50898,28 +51575,23 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
   var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   useEffect(function () {
-    if (props.srcfrom == 'addsectionform') {
-      var secpropobj = {};
-      props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
-        secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
-      });
-      setsectionproperties(_objectSpread$b({}, secpropobj));
-    } else {
-      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(_objectSpread$b({}, secpropobj));
-    }
+    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(_objectSpread$b({}, secpropobj));
   }, [StatePagePropertiesContext]);
   useEffect(function () {
     setitem(props.cardinfoitemprops);
   }, [props.cardinfoitemprops]);
   var card_cssstyles = {
+    cardcont: css({
+      width: sectionproperties.width + 'px'
+    }),
     productcard: css({
       position: 'relative',
       background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
@@ -50999,8 +51671,8 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
       }
     }),
     cart_btn: css({
-      width: sectionproperties.cartBtnWidth + 'px',
-      height: sectionproperties.cartBtnHeight + 'px',
+      width: sectionproperties.cartBtnWidth == 0 ? 'auto' : sectionproperties.cartBtnWidth + 'px',
+      height: sectionproperties.cartBtnHeight == 0 ? 'auto' : sectionproperties.cartBtnHeight + 'px',
       background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
       borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.cartBtnTextcolor,
@@ -51016,7 +51688,9 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
     })
   };
   return /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100",
+    "class": props.sectiontypeprops2 == 'vertical' ? 'w-100' : "".concat(card_cssstyles.cardcont)
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 pl-sm-2 pr-sm-2",
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
@@ -51143,7 +51817,7 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
     size: sectionproperties.favBtnIconfontsize
   }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
-  }))))))));
+  })))))))));
 };
 
 function ownKeys$a(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; }
@@ -54081,6 +54755,7 @@ var returnLibrary = function returnLibrary() {
     AwesomeButton: AwesomeButton,
     Checkout: Checkout,
     Signup: Signup,
+    AddReview: AddReview,
     Productinfo: Productinfo,
     Ordershistory: Ordershistory,
     Wishlist: Wishlist,