tabexseriescomponents 0.0.298 → 0.0.299

package/dist/index.umd.js

@@ -1,7 +1,7 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('@react-icons/all-files/fa/FaFacebookF'), require('@react-icons/all-files/ai/AiOutlineUser'), require('@react-icons/all-files/io/IoMdClose'), require('react-bootstrap'), require('react-query'), require('react-image-gallery'), require('@react-icons/all-files/md/MdAddShoppingCart'), require('@react-icons/all-files/io5/IoBagHandleOutline'), require('@react-icons/all-files/bs/BsBag'), require('@react-icons/all-files/cg/CgShoppingBag'), require('@react-icons/all-files/fa/FaRegHeart'), require('@react-icons/all-files/fa/FaHeart'), require('@react-icons/all-files/fi/FiShoppingBag'), require('@react-icons/all-files/fi/FiShoppingCart'), require('@react-icons/all-files/ai/AiFillStar'), require('@react-icons/all-files/ai/AiOutlineStar'), require('react-share'), require('imagekitio-react'), require('@react-icons/all-files/fi/FiMinus'), require('@react-icons/all-files/fi/FiPlus'), require('react-rating-stars-component'), require('@react-icons/all-files/fi/FiLayers'), require('@babel/runtime/helpers/toConsumableArray'), require('react-textarea-autosize'), require('@react-icons/all-files/ai/AiOutlineClockCircle'), require('@react-icons/all-files/ai/AiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineCheck'), require('react-horizontal-scrolling-menu'), require('@mui/material'), require('@react-icons/all-files/hi/HiOutlinePhone'), require('@react-icons/all-files/ai/AiOutlineMail'), require('@react-icons/all-files/fa/FaShippingFast'), require('@react-icons/all-files/ri/RiSecurePaymentLine'), require('@react-icons/all-files/ai/AiOutlineSecurityScan'), require('@react-icons/all-files/fa/FaStar'), require('@react-icons/all-files/io5/IoLocationSharp'), require('@react-icons/all-files/hi/HiOutlineChevronRight'), require('@react-icons/all-files/hi/HiOutlineChevronLeft'), require('@react-icons/all-files/go/GoGlobe'), require('@react-icons/all-files/vsc/VscGlobe'), require('@react-icons/all-files/hi/HiOutlineTrash'), require('@react-icons/all-files/bi/BiSad'), require('@react-icons/all-files/fi/FiCalendar'), require('react-bootstrap/Dropdown'), require('@react-icons/all-files/hi/HiUser'), require('@react-icons/all-files/gr/GrMail'), require('@react-icons/all-files/fi/FiCheckCircle'), require('@react-icons/all-files/bi/BiPhone'), require('react-phone-input-2'), require('@react-icons/all-files/bs/BsChevronLeft'), require('@react-icons/all-files/bs/BsChevronRight'), require('@react-icons/all-files/ri/RiArrowUpSLine'), require('@react-icons/all-files/ri/RiArrowDownSLine'), require('@react-icons/all-files/io/IoIosArrowRoundForward'), require('@react-icons/all-files/io/IoIosArrowRoundBack'), require('react-accessible-accordion'), require('@react-icons/all-files/fi/FiChevronUp'), require('@react-icons/all-files/fi/FiChevronDown'), require('@react-icons/all-files/hi/HiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineMinus'), require('react-router-dom'), require('@react-icons/all-files/io5/IoBagCheckOutline'), require('@react-icons/all-files/io5/IoBagRemoveOutline'), require('react-input-range'), require('react-intersection-observer'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('@react-icons/all-files/fi/FiFilter'), require('@react-icons/all-files/fi/FiChevronLeft'), require('@react-icons/all-files/fi/FiChevronRight'), require('@react-icons/all-files/hi/HiOutlineArrowRight'), require('@react-icons/all-files/hi/HiOutlineArrowLeft'), require('react-paginate'), require('@react-icons/all-files/bi/BiGlobe'), require('@react-icons/all-files/md/MdKeyboardArrowDown'), require('@react-icons/all-files/fa/FaMoneyBillWave'), require('@react-icons/all-files/bi/BiLogOutCircle'), require('@react-icons/all-files/bi/BiChevronDown'), require('@react-icons/all-files/bi/BiUser'), require('@react-icons/all-files/ai/AiOutlineLogin'), require('@react-icons/all-files/ai/AiOutlineUserAdd'), require('@react-icons/all-files/ri/RiSearchLine'), require('@react-icons/all-files/cg/CgMenuLeft'), require('@react-icons/all-files/cg/CgMenuRight'), require('@react-icons/all-files/hi/HiOutlineShoppingBag'), require('@react-icons/all-files/ri/RiHandbagLine'), require('@react-icons/all-files/bi/BiSearch'), require('@react-icons/all-files/fi/FiUser'), require('@react-icons/all-files/ai/AiOutlineHeart'), require('@react-icons/all-files/fi/FiPhone'), require('@react-icons/all-files/hi/HiMenuAlt4'), require('@react-icons/all-files/fi/FiSearch'), require('@react-icons/all-files/bs/BsSearch'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), require('@react-icons/all-files/go/GoSearch'), require('@react-icons/all-files/ai/AiOutlineInstagram'), require('@react-icons/all-files/bs/BsChevronDown'), require('@react-icons/all-files/bs/BsChevronUp'), require('@react-icons/all-files/ri/RiUserSettingsLine'), require('@react-icons/all-files/io5/IoClose'), require('@react-icons/all-files/hi/HiUserCircle'), require('@react-icons/all-files/md/MdKeyboardArrowUp'), require('@react-icons/all-files/bs/BsInfoCircle'), require('@react-icons/all-files/ai/AiFillPhone'), require('@react-icons/all-files/fa/FaTelegramPlane'), require('@react-icons/all-files/fa/FaPhoneAlt'), require('@react-icons/all-files/fa/FaPhone'), require('@react-icons/all-files/ai/AiOutlinePhone'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/ri/RiRoadMapLine'), require('@react-icons/all-files/hi/HiOutlineClock'), require('react-select'), require('react-player'), require('react-background-slideshow'), require('@babel/runtime/helpers/extends'), require('react-slideshow-image'), require('@react-icons/all-files/hi/HiOutlineLocationMarker'), require('@react-icons/all-files/fi/FiPhoneCall'), require('@react-icons/all-files/fa/FaRegEye'), require('@react-icons/all-files/bs/BsArrowRight'), require('@react-icons/all-files/bs/BsArrowLeft'), require('@react-icons/all-files/bs/BsEye'), require('@react-icons/all-files/bi/BiTimeFive'), require('@react-icons/all-files/io/IoIosArrowUp')) :
     typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', '@react-icons/all-files/fa/FaFacebookF', '@react-icons/all-files/ai/AiOutlineUser', '@react-icons/all-files/io/IoMdClose', 'react-bootstrap', 'react-query', 'react-image-gallery', '@react-icons/all-files/md/MdAddShoppingCart', '@react-icons/all-files/io5/IoBagHandleOutline', '@react-icons/all-files/bs/BsBag', '@react-icons/all-files/cg/CgShoppingBag', '@react-icons/all-files/fa/FaRegHeart', '@react-icons/all-files/fa/FaHeart', '@react-icons/all-files/fi/FiShoppingBag', '@react-icons/all-files/fi/FiShoppingCart', '@react-icons/all-files/ai/AiFillStar', '@react-icons/all-files/ai/AiOutlineStar', 'react-share', 'imagekitio-react', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus', 'react-rating-stars-component', '@react-icons/all-files/fi/FiLayers', '@babel/runtime/helpers/toConsumableArray', 'react-textarea-autosize', '@react-icons/all-files/ai/AiOutlineClockCircle', '@react-icons/all-files/ai/AiOutlinePlus', '@react-icons/all-files/ai/AiOutlineCheck', 'react-horizontal-scrolling-menu', '@mui/material', '@react-icons/all-files/hi/HiOutlinePhone', '@react-icons/all-files/ai/AiOutlineMail', '@react-icons/all-files/fa/FaShippingFast', '@react-icons/all-files/ri/RiSecurePaymentLine', '@react-icons/all-files/ai/AiOutlineSecurityScan', '@react-icons/all-files/fa/FaStar', '@react-icons/all-files/io5/IoLocationSharp', '@react-icons/all-files/hi/HiOutlineChevronRight', '@react-icons/all-files/hi/HiOutlineChevronLeft', '@react-icons/all-files/go/GoGlobe', '@react-icons/all-files/vsc/VscGlobe', '@react-icons/all-files/hi/HiOutlineTrash', '@react-icons/all-files/bi/BiSad', '@react-icons/all-files/fi/FiCalendar', 'react-bootstrap/Dropdown', '@react-icons/all-files/hi/HiUser', '@react-icons/all-files/gr/GrMail', '@react-icons/all-files/fi/FiCheckCircle', '@react-icons/all-files/bi/BiPhone', 'react-phone-input-2', '@react-icons/all-files/bs/BsChevronLeft', '@react-icons/all-files/bs/BsChevronRight', '@react-icons/all-files/ri/RiArrowUpSLine', '@react-icons/all-files/ri/RiArrowDownSLine', '@react-icons/all-files/io/IoIosArrowRoundForward', '@react-icons/all-files/io/IoIosArrowRoundBack', 'react-accessible-accordion', '@react-icons/all-files/fi/FiChevronUp', '@react-icons/all-files/fi/FiChevronDown', '@react-icons/all-files/hi/HiOutlinePlus', '@react-icons/all-files/ai/AiOutlineMinus', 'react-router-dom', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-input-range', 'react-intersection-observer', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', '@react-icons/all-files/fi/FiFilter', '@react-icons/all-files/fi/FiChevronLeft', '@react-icons/all-files/fi/FiChevronRight', '@react-icons/all-files/hi/HiOutlineArrowRight', '@react-icons/all-files/hi/HiOutlineArrowLeft', 'react-paginate', '@react-icons/all-files/bi/BiGlobe', '@react-icons/all-files/md/MdKeyboardArrowDown', '@react-icons/all-files/fa/FaMoneyBillWave', '@react-icons/all-files/bi/BiLogOutCircle', '@react-icons/all-files/bi/BiChevronDown', '@react-icons/all-files/bi/BiUser', '@react-icons/all-files/ai/AiOutlineLogin', '@react-icons/all-files/ai/AiOutlineUserAdd', '@react-icons/all-files/ri/RiSearchLine', '@react-icons/all-files/cg/CgMenuLeft', '@react-icons/all-files/cg/CgMenuRight', '@react-icons/all-files/hi/HiOutlineShoppingBag', '@react-icons/all-files/ri/RiHandbagLine', '@react-icons/all-files/bi/BiSearch', '@react-icons/all-files/fi/FiUser', '@react-icons/all-files/ai/AiOutlineHeart', '@react-icons/all-files/fi/FiPhone', '@react-icons/all-files/hi/HiMenuAlt4', '@react-icons/all-files/fi/FiSearch', '@react-icons/all-files/bs/BsSearch', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@react-icons/all-files/go/GoSearch', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/bs/BsChevronDown', '@react-icons/all-files/bs/BsChevronUp', '@react-icons/all-files/ri/RiUserSettingsLine', '@react-icons/all-files/io5/IoClose', '@react-icons/all-files/hi/HiUserCircle', '@react-icons/all-files/md/MdKeyboardArrowUp', '@react-icons/all-files/bs/BsInfoCircle', '@react-icons/all-files/ai/AiFillPhone', '@react-icons/all-files/fa/FaTelegramPlane', '@react-icons/all-files/fa/FaPhoneAlt', '@react-icons/all-files/fa/FaPhone', '@react-icons/all-files/ai/AiOutlinePhone', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/ri/RiRoadMapLine', '@react-icons/all-files/hi/HiOutlineClock', 'react-select', 'react-player', 'react-background-slideshow', '@babel/runtime/helpers/extends', 'react-slideshow-image', '@react-icons/all-files/hi/HiOutlineLocationMarker', '@react-icons/all-files/fi/FiPhoneCall', '@react-icons/all-files/fa/FaRegEye', '@react-icons/all-files/bs/BsArrowRight', '@react-icons/all-files/bs/BsArrowLeft', '@react-icons/all-files/bs/BsEye', '@react-icons/all-files/bi/BiTimeFive', '@react-icons/all-files/io/IoIosArrowUp'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.FaFacebookF, global.AiOutlineUser, global.IoMdClose, global.reactBootstrap, null, global.ImageGallery, global.MdAddShoppingCart, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart$1, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar$1, global.AiOutlineStar, global.reactShare, global.imagekitioReact, global.FiMinus, global.FiPlus, global.ReactStars, global.FiLayers, global._toConsumableArray, global.TextareaAutosize, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, global.reactHorizontalScrollingMenu, null, global.HiOutlinePhone, global.AiOutlineMail, global.FaShippingFast, global.RiSecurePaymentLine, global.AiOutlineSecurityScan, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.HiOutlineTrash, global.BiSad, global.FiCalendar, global.Dropdown, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.PhoneInput, global.BsChevronLeft, global.BsChevronRight, null, null, global.IoIosArrowRoundForward, global.IoIosArrowRoundBack, global.reactAccessibleAccordion, global.FiChevronUp, global.FiChevronDown, global.HiOutlinePlus, global.AiOutlineMinus, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.InputRange, global.reactIntersectionObserver, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.FiFilter, global.FiChevronLeft, global.FiChevronRight, global.HiOutlineArrowRight, global.HiOutlineArrowLeft, global.ReactPaginate, global.BiGlobe, global.MdKeyboardArrowDown, global.FaMoneyBillWave, global.BiLogOutCircle, global.BiChevronDown, global.BiUser, global.AiOutlineLogin, global.AiOutlineUserAdd, global.RiSearchLine, global.CgMenuLeft, global.CgMenuRight, global.HiOutlineShoppingBag, global.RiHandbagLine, global.BiSearch, global.FiUser, global.AiOutlineHeart, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiFillInstagram, global.FaWhatsapp, global.GoSearch, global.AiOutlineInstagram, global.BsChevronDown, null, global.RiUserSettingsLine, global.IoClose, global.HiUserCircle, global.MdKeyboardArrowUp, global.BsInfoCircle, global.AiFillPhone, global.FaTelegramPlane, global.FaPhoneAlt, global.FaPhone, global.AiOutlinePhone, global.GoLocation, global.RiRoadMapLine, global.HiOutlineClock, global.Select$4, global.ReactPlayer, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.HiOutlineLocationMarker, global.FiPhoneCall, global.FaRegEye, global.BsArrowRight, global.BsArrowLeft, global.BsEye, global.BiTimeFive, global.IoIosArrowUp));
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.FaFacebookF, global.AiOutlineUser, global.IoMdClose, global.reactBootstrap, null, global.ImageGallery, global.MdAddShoppingCart, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart$1, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar$1, global.AiOutlineStar, global.reactShare, global.imagekitioReact, global.FiMinus, global.FiPlus, global.ReactStars, global.FiLayers, global._toConsumableArray, global.TextareaAutosize, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, global.reactHorizontalScrollingMenu, global.material, global.HiOutlinePhone, global.AiOutlineMail, global.FaShippingFast, global.RiSecurePaymentLine, global.AiOutlineSecurityScan, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.HiOutlineTrash, global.BiSad, global.FiCalendar, global.Dropdown, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.PhoneInput, global.BsChevronLeft, global.BsChevronRight, null, null, global.IoIosArrowRoundForward, global.IoIosArrowRoundBack, global.reactAccessibleAccordion, global.FiChevronUp, global.FiChevronDown, global.HiOutlinePlus, global.AiOutlineMinus, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.InputRange, global.reactIntersectionObserver, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.FiFilter, global.FiChevronLeft, global.FiChevronRight, global.HiOutlineArrowRight, global.HiOutlineArrowLeft, global.ReactPaginate, global.BiGlobe, global.MdKeyboardArrowDown, global.FaMoneyBillWave, global.BiLogOutCircle, global.BiChevronDown, global.BiUser, global.AiOutlineLogin, global.AiOutlineUserAdd, global.RiSearchLine, global.CgMenuLeft, global.CgMenuRight, global.HiOutlineShoppingBag, global.RiHandbagLine, global.BiSearch, global.FiUser, global.AiOutlineHeart, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiFillInstagram, global.FaWhatsapp, global.GoSearch, global.AiOutlineInstagram, global.BsChevronDown, null, global.RiUserSettingsLine, global.IoClose, global.HiUserCircle, global.MdKeyboardArrowUp, global.BsInfoCircle, global.AiFillPhone, global.FaTelegramPlane, global.FaPhoneAlt, global.FaPhone, global.AiOutlinePhone, global.GoLocation, global.RiRoadMapLine, global.HiOutlineClock, global.Select$4, global.ReactPlayer, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.HiOutlineLocationMarker, global.FiPhoneCall, global.FaRegEye, global.BsArrowRight, global.BsArrowLeft, global.BsEye, global.BiTimeFive, global.IoIosArrowUp));
 })(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, IoMdClose, reactBootstrap, reactQuery, ImageGallery, MdAddShoppingCart, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart$1, FiShoppingBag, FiShoppingCart, AiFillStar$1, AiOutlineStar, reactShare, imagekitioReact, FiMinus, FiPlus, ReactStars, FiLayers, _toConsumableArray, TextareaAutosize, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, reactHorizontalScrollingMenu, material, HiOutlinePhone, AiOutlineMail, FaShippingFast, RiSecurePaymentLine, AiOutlineSecurityScan, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, HiOutlineTrash, BiSad, FiCalendar, Dropdown, HiUser, GrMail, FiCheckCircle, BiPhone, PhoneInput, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, IoIosArrowRoundForward, IoIosArrowRoundBack, reactAccessibleAccordion, FiChevronUp, FiChevronDown, HiOutlinePlus, AiOutlineMinus, reactRouterDom, IoBagCheckOutline, IoBagRemoveOutline, InputRange, reactIntersectionObserver, FaArrowAltCircleRight, FaArrowAltCircleLeft, FiFilter, FiChevronLeft, FiChevronRight, HiOutlineArrowRight, HiOutlineArrowLeft, ReactPaginate, BiGlobe, MdKeyboardArrowDown, FaMoneyBillWave, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, BiSearch, FiUser, AiOutlineHeart, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiFillInstagram, FaWhatsapp, GoSearch, AiOutlineInstagram, BsChevronDown, BsChevronUp, RiUserSettingsLine, IoClose, HiUserCircle, MdKeyboardArrowUp, BsInfoCircle, AiFillPhone, FaTelegramPlane, FaPhoneAlt, FaPhone, AiOutlinePhone, GoLocation, RiRoadMapLine, HiOutlineClock, Select$4, ReactPlayer, BackgroundSlideshow, _extends, reactSlideshowImage, HiOutlineLocationMarker, FiPhoneCall, FaRegEye, BsArrowRight, BsArrowLeft, BsEye, BiTimeFive, IoIosArrowUp) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -450,8 +450,8 @@
       }));
     };
 
-    function ownKeys$2a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-    function _objectSpread$2a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2a(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function ownKeys$2b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+    function _objectSpread$2b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2b(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var Login = function Login(props) {
       var _css;
       var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -524,7 +524,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$2a({}, secpropobj));
+          setsectionproperties(_objectSpread$2b({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -683,9 +683,9 @@
         className: "".concat(loginstyles2.form_control),
         value: payloadobj.email,
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$2a({}, payloadobj);
+          var temppayloadobj = _objectSpread$2b({}, payloadobj);
           temppayloadobj.email = event.target.value;
-          setpayloadobj(_objectSpread$2a({}, temppayloadobj));
+          setpayloadobj(_objectSpread$2b({}, temppayloadobj));
         },
         style: {
           background: 'transparent'
@@ -707,9 +707,9 @@
         textplaceholder: "",
         value: payloadobj.password,
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$2a({}, payloadobj);
+          var temppayloadobj = _objectSpread$2b({}, payloadobj);
           temppayloadobj.password = event.target.value;
-          setpayloadobj(_objectSpread$2a({}, temppayloadobj));
+          setpayloadobj(_objectSpread$2b({}, temppayloadobj));
         },
         style: {
           background: 'transparent'
@@ -841,9 +841,9 @@
         className: "".concat(loginstyles2.form_control),
         value: forgotpasswordpayload.email,
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
+          var temppayloadobj = _objectSpread$2b({}, forgotpasswordpayload);
           temppayloadobj.email = event.target.value;
-          setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
+          setforgotpasswordpayload(_objectSpread$2b({}, temppayloadobj));
         },
         disabled: forgetpasswordstage == 'verify' ? true : false,
         style: {
@@ -858,9 +858,9 @@
         className: "".concat(loginstyles2.form_control),
         value: forgotpasswordpayload.code,
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
+          var temppayloadobj = _objectSpread$2b({}, forgotpasswordpayload);
           temppayloadobj.code = event.target.value;
-          setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
+          setforgotpasswordpayload(_objectSpread$2b({}, temppayloadobj));
         },
         style: {
           background: 'transparent'
@@ -874,9 +874,9 @@
         className: "".concat(loginstyles2.form_control),
         value: forgotpasswordpayload.newpassword,
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
+          var temppayloadobj = _objectSpread$2b({}, forgotpasswordpayload);
           temppayloadobj.newpassword = event.target.value;
-          setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
+          setforgotpasswordpayload(_objectSpread$2b({}, temppayloadobj));
         },
         style: {
           background: 'transparent'
@@ -890,9 +890,9 @@
         className: "".concat(loginstyles2.form_control),
         value: forgotpasswordpayload.confirmnewpassword,
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$2a({}, forgotpasswordpayload);
+          var temppayloadobj = _objectSpread$2b({}, forgotpasswordpayload);
           temppayloadobj.confirmnewpassword = event.target.value;
-          setforgotpasswordpayload(_objectSpread$2a({}, temppayloadobj));
+          setforgotpasswordpayload(_objectSpread$2b({}, temppayloadobj));
         },
         style: {
           background: 'transparent'
@@ -904,7 +904,7 @@
         onClick: function onClick() {
           if (forgotpasswordpayload.email.length != 0) {
             var runfunc = false;
-            var tempforgotpasswordpayload = _objectSpread$2a({}, forgotpasswordpayload);
+            var tempforgotpasswordpayload = _objectSpread$2b({}, forgotpasswordpayload);
             tempforgotpasswordpayload.functype = forgetpasswordstage;
             if (forgetpasswordstage == 'verify') {
               if (tempforgotpasswordpayload.newpassword.length != 0 && tempforgotpasswordpayload.code.length != 0) {
@@ -971,11 +971,11 @@
     var loginstyles = {"rightContainer":"signup-module_rightContainer__yEcoL","rightContainerTrans":"signup-module_rightContainerTrans__fkdBH","rightContainerText":"signup-module_rightContainerText__-pvN-","form_control":"signup-module_form_control__7s76W","anim-shadow":"signup-module_anim-shadow__CsxhG","login_input_icon":"signup-module_login_input_icon__RDTS0","form_control_border_none":"signup-module_form_control_border_none__HjUMS","disabled":"signup-module_disabled__h55ao","leftcontainer":"signup-module_leftcontainer__bqfnN","form_controltextarea":"signup-module_form_controltextarea__-LGz6","checkbox":"signup-module_checkbox__8ejBx","checkbox_label":"signup-module_checkbox_label__d84Q2","checkbox_sub":"signup-module_checkbox_sub__WQLUX","checkboxtranslated":"signup-module_checkboxtranslated__4xHR-"};
     styleInject(css_248z$J);
 
-    function ownKeys$29(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-    function _objectSpread$29(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$29(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$29(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function ownKeys$2a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+    function _objectSpread$2a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2a(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var defaultstyles = {
       option: function option(provided, state) {
-        return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+        return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
           borderBottom: '1px solid #e6e6e6',
           backgroundColor: state.isSelected ? '' : '',
           padding: 5,
@@ -1003,7 +1003,7 @@
         };
       },
       dropdownIndicator: function dropdownIndicator(provided) {
-        return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+        return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
           '&:hover': {
             // color: '#eac435',
           }
@@ -1012,7 +1012,7 @@
     };
     var defaultstylestranslated = {
       option: function option(provided, state) {
-        return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+        return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
           borderBottom: '1px solid #e6e6e6',
           backgroundColor: state.isSelected ? '' : '',
           padding: 5,
@@ -1043,21 +1043,21 @@
         };
       },
       dropdownIndicator: function dropdownIndicator(provided) {
-        return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+        return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
           '&:hover': {
             // color: '#eac435',
           }
         });
       },
       placeholder: function placeholder(provided, state) {
-        return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+        return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
           textAlign: 'right'
         });
       }
     };
     var defaultstylesnone = {
       option: function option(provided, state) {
-        return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+        return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
           borderBottom: '1px solid #e6e6e6',
           backgroundColor: state.isSelected ? '' : '',
           padding: 5,
@@ -1085,7 +1085,7 @@
         };
       },
       dropdownIndicator: function dropdownIndicator(provided) {
-        return _objectSpread$29(_objectSpread$29({}, provided), {}, {
+        return _objectSpread$2a(_objectSpread$2a({}, provided), {}, {
           '&:hover': {
             // color: '#eac435',
           }
@@ -1445,8 +1445,8 @@
       }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(Math.round(parseInt(fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 ? parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2) : parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2)) * (fetchProductInfoQueryContext.data.data.productinfo.prodaffpercentprofit / 100))).toFixed(0), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))));
     };
 
-    function ownKeys$28(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-    function _objectSpread$28(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$28(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$28(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function ownKeys$29(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+    function _objectSpread$29(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$29(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$29(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var ProductExtraFields = function ProductExtraFields(props) {
       var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _css, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7;
       props.actions.lang;
@@ -1501,9 +1501,9 @@
           });
         }
         setproductextravaluesarray(_toConsumableArray__default["default"](tempproductextravaluesarray));
-        var tempaddtocardpayloadobj = _objectSpread$28({}, addtocardpayloadobj);
+        var tempaddtocardpayloadobj = _objectSpread$29({}, addtocardpayloadobj);
         tempaddtocardpayloadobj.extrafields = tempproductextravaluesarray;
-        setaddtocardpayloadobj(_objectSpread$28({}, tempaddtocardpayloadobj));
+        setaddtocardpayloadobj(_objectSpread$29({}, tempaddtocardpayloadobj));
       };
       var formstyles = {
         input_label_name: glamor.css({
@@ -1608,8 +1608,8 @@
       }))));
     };
 
-    function ownKeys$27(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-    function _objectSpread$27(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$27(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$27(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function ownKeys$28(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+    function _objectSpread$28(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$28(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$28(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var Product_itemtype = function Product_itemtype(props) {
       var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer28, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _ProductInfoObj$data, _ProductInfoObj$data$, _ProductInfoObj$data$2, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42, _fetchProductInfoQuer43, _fetchProductInfoQuer44, _fetchProductInfoQuer45, _fetchProductInfoQuer46, _fetchProductInfoQuer47, _fetchProductInfoQuer48, _fetchProductInfoQuer49, _fetchProductInfoQuer50, _fetchProductInfoQuer51, _fetchProductInfoQuer52, _fetchProductInfoQuer53, _fetchProductInfoQuer54, _fetchProductInfoQuer55, _fetchProductInfoQuer56, _fetchProductInfoQuer57, _fetchProductInfoQuer58;
       var lang = props.actions.lang;
@@ -1971,11 +1971,11 @@
       }, /*#__PURE__*/React__default["default"].createElement("span", {
         className: "".concat(productinfo_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
         onClick: function onClick() {
-          var tempaddtocardpayloadobj = _objectSpread$27({}, addtocardpayloadobj);
+          var tempaddtocardpayloadobj = _objectSpread$28({}, addtocardpayloadobj);
           if (tempaddtocardpayloadobj.quantity > 0) {
             tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity - 1;
           }
-          setaddtocardpayloadobj(_objectSpread$27({}, tempaddtocardpayloadobj));
+          setaddtocardpayloadobj(_objectSpread$28({}, tempaddtocardpayloadobj));
         }
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-down' : 'h-100 allcentered',
@@ -1989,9 +1989,9 @@
       }, addtocardpayloadobj.quantity), /*#__PURE__*/React__default["default"].createElement("span", {
         className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
         onClick: function onClick() {
-          var tempaddtocardpayloadobj = _objectSpread$27({}, addtocardpayloadobj);
+          var tempaddtocardpayloadobj = _objectSpread$28({}, addtocardpayloadobj);
           tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity + 1;
-          setaddtocardpayloadobj(_objectSpread$27({}, tempaddtocardpayloadobj));
+          setaddtocardpayloadobj(_objectSpread$28({}, tempaddtocardpayloadobj));
         }
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-up' : 'h-100 allcentered'
@@ -2271,8 +2271,8 @@
       }, StoreInfoprops())))));
     };
 
-    function ownKeys$26(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-    function _objectSpread$26(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$26(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$26(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function ownKeys$27(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+    function _objectSpread$27(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$27(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$27(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var 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;
@@ -2313,7 +2313,7 @@
         slots = _useState6[0],
         setslots = _useState6[1];
       React.useEffect(function () {
-        setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
           item_type: 'service'
         }));
       }, [tabsarray]);
@@ -2325,16 +2325,16 @@
         if (diffDays.toString() != 'NaN') {
           if (date2 <= date1) {
             NotificationManager.warning('', 'Please choose another date.');
-            setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+            setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
               quantity: 0
             }));
           } else {
             if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= diffDays && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= diffDays) {
-              setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+              setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
                 quantity: diffDays
               }));
             } else {
-              setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+              setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
                 quantity: 0
               }));
               NotificationManager.warning('', 'Max: ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', Min: ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
@@ -2470,7 +2470,7 @@
         min: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : (_fetchProductInfoQuer10 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : (_fetchProductInfoQuer11 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.serviceinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.reservationstarts,
         max: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : (_fetchProductInfoQuer14 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : (_fetchProductInfoQuer15 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : (_fetchProductInfoQuer16 = _fetchProductInfoQuer15.serviceinfo) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.reservationends,
         onChange: function onChange(event) {
-          setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+          setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
             from: event.target.value
           }));
         }
@@ -2490,7 +2490,7 @@
         min: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationstarts,
         max: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationends,
         onChange: function onChange(event) {
-          setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+          setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
             to: event.target.value
           }));
         }
@@ -2510,7 +2510,7 @@
         min: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationstarts,
         max: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationends,
         onChange: function onChange(event) {
-          setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+          setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
             date: event.target.value
           }));
           setcurrentmutatestate('/fetchserviceslots');
@@ -2561,7 +2561,7 @@
             color: ischoosed ? sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? sectionproperties.generalbtn_textColoronhover : sectionproperties.generalbtn_textColor : ''
           },
           onClick: function onClick() {
-            setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+            setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
               time: item.slot
             }));
           }
@@ -2570,7 +2570,7 @@
         }, /*#__PURE__*/React__default["default"].createElement("button", {
           "class": TabsStyles.booknow_btn_resp + ' allcentered  ',
           onClick: function onClick() {
-            setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+            setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
               time: item.slot
             }));
           }
@@ -2612,7 +2612,7 @@
           "class": ischoosed == true ? TabsStyles.timeSlotContainer_active + ' allcentered cursor-pointer px-1 ' : TabsStyles.timeSlotContainer + ' allcentered cursor-pointer px-1 ',
           style: {},
           onClick: function onClick() {
-            setaddtocardpayloadobj(_objectSpread$26(_objectSpread$26({}, addtocardpayloadobj), {}, {
+            setaddtocardpayloadobj(_objectSpread$27(_objectSpread$27({}, addtocardpayloadobj), {}, {
               time: item.slot
             }));
           }
@@ -3265,8 +3265,8 @@
       }, StoreInfoprops()))));
     };
 
-    function ownKeys$25(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-    function _objectSpread$25(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$25(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$25(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    function ownKeys$26(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+    function _objectSpread$26(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$26(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$26(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var AddReview = function AddReview(props) {
       var _css;
       var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -3320,7 +3320,7 @@
           StatePagePropertiesContext.pageobj != undefined && StatePagePropertiesContext.pageobj.pageproperties != undefined && StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$25({}, secpropobj));
+          setsectionproperties(_objectSpread$26({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -3329,7 +3329,7 @@
         templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop[pageindexcontext]) === null || _templatepropcontext$ === void 0 ? void 0 : (_templatepropcontext$2 = _templatepropcontext$.pageproperties) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$25({}, secpropobj));
+        setsectionproperties(_objectSpread$26({}, secpropobj));
       }, [pageindexcontext]);
       var reviewstyles = {
         submitreviewbtn: glamor.css({
@@ -3455,9 +3455,9 @@
         }),
         activeColor: "#ffd700",
         onChange: function onChange(event) {
-          var tempreviewpayloadobj = _objectSpread$25({}, reviewpayloadobj);
+          var tempreviewpayloadobj = _objectSpread$26({}, reviewpayloadobj);
           tempreviewpayloadobj.reviewrate = event;
-          setreviewpayloadobj(_objectSpread$25({}, tempreviewpayloadobj));
+          setreviewpayloadobj(_objectSpread$26({}, tempreviewpayloadobj));
         }
       })))))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12"
@@ -3471,9 +3471,9 @@
         "class": reviewstyles.form_control,
         value: reviewpayloadobj.reviewname,
         onChange: function onChange(event) {
-          var tempreviewpayloadobj = _objectSpread$25({}, reviewpayloadobj);
+          var tempreviewpayloadobj = _objectSpread$26({}, reviewpayloadobj);
           tempreviewpayloadobj.reviewname = event.target.value;
-          setreviewpayloadobj(_objectSpread$25({}, tempreviewpayloadobj));
+          setreviewpayloadobj(_objectSpread$26({}, tempreviewpayloadobj));
         }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 mb-4"
@@ -3483,9 +3483,9 @@
         "class": reviewstyles.form_control,
         value: reviewpayloadobj.reviewtitle,
         onChange: function onChange(event) {
-          var tempreviewpayloadobj = _objectSpread$25({}, reviewpayloadobj);
+          var tempreviewpayloadobj = _objectSpread$26({}, reviewpayloadobj);
           tempreviewpayloadobj.reviewtitle = event.target.value;
-          setreviewpayloadobj(_objectSpread$25({}, tempreviewpayloadobj));
+          setreviewpayloadobj(_objectSpread$26({}, tempreviewpayloadobj));
         }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 mb-4"
@@ -3496,9 +3496,9 @@
         "class": reviewstyles.form_control + ' form_control ',
         value: reviewpayloadobj.reviewbody,
         onChange: function onChange(event) {
-          var tempreviewpayloadobj = _objectSpread$25({}, reviewpayloadobj);
+          var tempreviewpayloadobj = _objectSpread$26({}, reviewpayloadobj);
           tempreviewpayloadobj.reviewbody = event.target.value;
-          setreviewpayloadobj(_objectSpread$25({}, tempreviewpayloadobj));
+          setreviewpayloadobj(_objectSpread$26({}, tempreviewpayloadobj));
         },
         style: {
           resize: 'none',
@@ -3533,10 +3533,253 @@
       }, langdetect == 'en' ? sectionproperties.reviewbtn_contenten : sectionproperties.reviewbtn_contentar)));
     };
 
+    function ownKeys$25(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+    function _objectSpread$25(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$25(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$25(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    var ProductReviews = function ProductReviews(props) {
+      var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12;
+      props.actions.lang;
+      var langdetect = props.actions.langdetect;
+      var fetchProductInfoQueryContext = props.actions.fetchProductInfoQueryContext;
+      var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
+      props.actions.NotificationManager;
+      var sectionproperties = props.actions.sectionproperties;
+      var actions = props.actions;
+      var productid = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer === void 0 ? void 0 : (_fetchProductInfoQuer2 = _fetchProductInfoQuer.data) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : (_fetchProductInfoQuer3 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.productid;
+      var productinfo_cssstyles = props.actions.productinfo_cssstyles;
+      var _useState = React.useState(false),
+        _useState2 = _slicedToArray__default["default"](_useState, 2),
+        canuserreview = _useState2[0],
+        setcanuserreview = _useState2[1];
+      var _useState3 = React.useState(false),
+        _useState4 = _slicedToArray__default["default"](_useState3, 2),
+        openreviewmodal = _useState4[0],
+        setopenreviewmodal = _useState4[1];
+      var _useState5 = React.useState('all'),
+        _useState6 = _slicedToArray__default["default"](_useState5, 2),
+        filterproductreviews = _useState6[0],
+        setfilterproductreviews = _useState6[1];
+      var _useState7 = React.useState([]),
+        _useState8 = _slicedToArray__default["default"](_useState7, 2),
+        productreviews = _useState8[0],
+        setproductreviews = _useState8[1];
+      React.useEffect(function () {
+        if (fetchProductInfoQueryContext.isSuccess) {
+          getreviewsassignermutationfunc();
+        }
+      }, [filterproductreviews]);
+      var getreviewsassignermutationfunc = function getreviewsassignermutationfunc() {
+        var _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6;
+        GeneralAPIMutationContext.mutate({
+          endpointurl: '/fetchproductreviews',
+          productid: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : (_fetchProductInfoQuer5 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : (_fetchProductInfoQuer6 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer6 === void 0 ? void 0 : _fetchProductInfoQuer6.productid,
+          filterproductreviews: filterproductreviews,
+          mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
+            if (data.data.status) {
+              setproductreviews(data.data.productreviews);
+              setcanuserreview(data.data.canuserAddReview);
+            }
+          }
+        });
+      };
+      var addreviewcallback = function addreviewcallback() {
+        setopenreviewmodal(false);
+        getreviewsassignermutationfunc();
+        fetchProductInfoQueryContext.refetch();
+      };
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: 'row w-100 ml-0 mr-0',
+        style: {
+          marginTop: sectionproperties.marginTop + 'px'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 w-100 pl-5 pr-5 p-md-0 plr-1025-0"
+      }, GeneralAPIMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 allcentered",
+        style: {
+          height: '20vh'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.Messaging, {
+        color: "#ccc",
+        width: "10px",
+        height: "10px",
+        duration: "1s"
+      })), !GeneralAPIMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-3"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 allcentered"
+      }, canuserreview && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 allcentered mb-3 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("button", {
+        "class": "".concat(productinfo_cssstyles.reviewbutton) + ' ',
+        onClick: function onClick() {
+          setopenreviewmodal(true);
+        }
+      }, langdetect == 'en' ? sectionproperties.reviewbtn_contenten : sectionproperties.reviewbtn_contentar)), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 mb-3"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 py-3 px-2",
+        style: {
+          borderRadius: 10,
+          background: '#eee'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 allcentered"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 font-weight-600 text-uppercase",
+        style: {
+          fontSize: '17px'
+        }
+      }, langdetect == 'en' ? 'Overall Ratings' : 'جميع التقييمات')), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 pl-3 pr-3"
+      }, /*#__PURE__*/React__default["default"].createElement("hr", null)), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 allcentered"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0 font-weight-600",
+        style: {
+          fontSize: '20px'
+        }
+      }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : (_fetchProductInfoQuer8 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : (_fetchProductInfoQuer9 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.productoverallrate, "/5")), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 allcentered"
+      }, /*#__PURE__*/React__default["default"].createElement(ReactStars__default["default"], {
+        count: 5,
+        value: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : (_fetchProductInfoQuer11 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : (_fetchProductInfoQuer12 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.productoverallrate,
+        edit: false,
+        size: 18,
+        emptyIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+          className: "far fa-star",
+          style: {
+            color: '#bfbfbf'
+          }
+        }),
+        halfIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+          className: "fa fa-star-half-alt style={{ color: '#FAB400' }}"
+        }),
+        filledIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+          className: "fa fa-star",
+          style: {
+            color: '#FAB400'
+          }
+        }),
+        activeColor: "#ffd700"
+      })))), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 d-flex justify-content-start mb-3"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 py-3 px-2",
+        style: {
+          borderRadius: 10,
+          background: '#eee'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 allcentered"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 font-weight-600 text-uppercase",
+        style: {
+          fontSize: '17px'
+        }
+      }, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 pl-3 pr-3"
+      }, /*#__PURE__*/React__default["default"].createElement("hr", null)), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 d-flex justify-content-center"
+      }, /*#__PURE__*/React__default["default"].createElement(ReactStars__default["default"], {
+        count: 5,
+        value: filterproductreviews
+        // edit={false}
+        ,
+        size: 18,
+        emptyIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+          className: "far fa-star",
+          style: {
+            color: '#bfbfbf'
+          }
+        }),
+        halfIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+          className: "fa fa-star-half-alt style={{ color: '#FAB400' }}"
+        }),
+        filledIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+          className: "fa fa-star",
+          style: {
+            color: '#FAB400'
+          }
+        }),
+        activeColor: "#ffd700",
+        onChange: function onChange(event) {
+          setfilterproductreviews(event);
+        }
+      })))))), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-9"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100"
+      }, productreviews === null || productreviews === void 0 ? void 0 : productreviews.map(function (reviewitem, reviewindex) {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 flex-column"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 d-flex justify-content-start p-0 mb-2"
+        }, /*#__PURE__*/React__default["default"].createElement(ReactStars__default["default"], {
+          count: 5,
+          value: reviewitem.review_rating,
+          edit: false,
+          size: 18,
+          emptyIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+            className: "far fa-star",
+            style: {
+              color: '#bfbfbf'
+            }
+          }),
+          halfIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+            className: "fa fa-star-half-alt style={{ color: '#FAB400' }}"
+          }),
+          filledIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+            className: "fa fa-star",
+            style: {
+              color: '#FAB400'
+            }
+          }),
+          activeColor: "#ffd700"
+        })), /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0 mb-2 d-flex justify-content-start "
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": "m-0 p-0 font-weight-600",
+          style: {
+            fontSize: '17px'
+          }
+        }, reviewitem.reviewtitle)), /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0 d-flex justify-content-start mb-2"
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": "m-0 p-0 font-weight-500"
+        }, reviewitem.reviewbody)), /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-6 d-flex align-items-center justify-content-start p-0"
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": "m-0 p-0 font-weight-600"
+        }, langdetect == 'en' ? 'By' : 'عن طريق', ": ", reviewitem.review_name)), /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-6 d-flex align-items-center justify-content-end justify-content-md-start p-0 font-weight-500 text-light"
+        }, /*#__PURE__*/React__default["default"].createElement("i", {
+          "class": "fa fa-clock text-light ml-2 mr-2"
+        }), " ", reviewitem.timestamp)), /*#__PURE__*/React__default["default"].createElement("hr", null));
+      }))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal, {
+        show: openreviewmodal,
+        onHide: function onHide() {
+          return setopenreviewmodal(false);
+        },
+        centered: true,
+        size: "md",
+        "class": "reviewmodal"
+      }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement(AddReview, {
+        actions: _objectSpread$25(_objectSpread$25({}, actions), {}, {
+          productid: productid,
+          canuserreview: canuserreview,
+          addreviewcallback: addreviewcallback
+        })
+      }))));
+    };
+
     function ownKeys$24(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
     function _objectSpread$24(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$24(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$24(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
     var Productinfo = function Productinfo(props) {
-      var _css, _ref, _ref2;
+      var _css, _ref, _ref2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer58, _fetchProductInfoQuer59, _fetchProductInfoQuer60, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer61, _fetchProductInfoQuer62, _fetchProductInfoQuer63, _fetchProductInfoQuer64, _fetchProductInfoQuer65, _fetchProductInfoQuer66, _fetchProductInfoQuer67, _fetchProductInfoQuer68, _fetchProductInfoQuer69, _fetchProductInfoQuer70, _fetchProductInfoQuer71, _fetchProductInfoQuer72, _fetchProductInfoQuer73, _fetchProductInfoQuer74, _fetchProductInfoQuer75, _fetchProductInfoQuer76, _fetchProductInfoQuer77, _fetchProductInfoQuer78, _fetchProductInfoQuer79, _fetchProductInfoQuer80, _fetchProductInfoQuer81, _fetchProductInfoQuer82, _fetchProductInfoQuer83, _fetchProductInfoQuer84, _fetchProductInfoQuer85, _fetchProductInfoQuer86, _fetchProductInfoQuer87, _fetchProductInfoQuer88, _fetchProductInfoQuer89, _fetchProductInfoQuer90, _fetchProductInfoQuer91, _fetchProductInfoQuer92, _fetchProductInfoQuer93, _fetchProductInfoQuer94, _fetchProductInfoQuer95, _fetchProductInfoQuer96, _fetchProductInfoQuer97, _fetchProductInfoQuer98, _fetchProductInfoQuer99, _fetchProductInfoQuer100, _fetchProductInfoQuer101, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12;
       var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
       var lang = props.actions.lang;
       var langdetect = props.actions.langdetect;
@@ -3558,7 +3801,7 @@
       var setpageindexcontext = props.actions.setpageindexcontext;
       var authdetailsContext = props.actions.authdetailsContext;
       var ikimagecredcontext = props.actions.ikimagecredcontext;
-      props.actions;
+      var actions = props.actions;
       var GeneralAPIMutationContext = props.actions.GeneralAPIMutationContext;
       var setCurrentPageIdContext = props.actions.setCurrentPageIdContext;
       var NotificationManager = props.actions.NotificationManager;
@@ -3623,21 +3866,24 @@
         isloaded = _useState24[0],
         setisloaded = _useState24[1];
       var _useState25 = React.useState(false),
-        _useState26 = _slicedToArray__default["default"](_useState25, 2);
-        _useState26[0];
-        _useState26[1];
+        _useState26 = _slicedToArray__default["default"](_useState25, 2),
+        showMore = _useState26[0],
+        setShowMore = _useState26[1];
       var _useState27 = React.useState(0),
         _useState28 = _slicedToArray__default["default"](_useState27, 2),
         currentshowingimageindex = _useState28[0],
         setcurrentshowingimageindex = _useState28[1];
       var _useState29 = React.useState(0),
-        _useState30 = _slicedToArray__default["default"](_useState29, 2);
-        _useState30[0];
-        _useState30[1];
+        _useState30 = _slicedToArray__default["default"](_useState29, 2),
+        tabIndex = _useState30[0],
+        setTabIndex = _useState30[1];
       var _useState31 = React.useState('descriptiontab'),
-        _useState32 = _slicedToArray__default["default"](_useState31, 2);
-        _useState32[0];
-        _useState32[1];
+        _useState32 = _slicedToArray__default["default"](_useState31, 2),
+        tabname = _useState32[0],
+        settabname = _useState32[1];
+      var handleTabChange = function handleTabChange(event, newTabIndex) {
+        setTabIndex(newTabIndex);
+      };
       React.useEffect(function () {
         if (Object.keys(StatePagePropertiesContext).length != 0) {
           var secpropobj = {};
@@ -4595,7 +4841,234 @@
           paddingLeft: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px' : 0,
           paddingRight: props.srcfromprops == 'Productinfomodel' ? langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px' : 0
         }
-      }), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "".concat(productinfo_cssstyles.cardcontainer) + ' ml-0 mr-0 w-100 pl-md-3 pr-md-3 px-1025-1 ',
+        style: {
+          paddingLeft: sectionproperties.tabspaddinghorizontal + 'px',
+          paddingRight: sectionproperties.tabspaddinghorizontal + 'px',
+          marginBottom: sectionproperties.tabsmb + 'px',
+          paddingTop: sectionproperties.tabsPt + 'px',
+          paddingBottom: sectionproperties.tabsPb + 'px'
+        }
+      }, sectionproperties.tabsfullwidth == 'Full Width' && /*#__PURE__*/React__default["default"].createElement(material.Box, null, /*#__PURE__*/React__default["default"].createElement(material.Tabs, {
+        value: tabIndex,
+        onChange: handleTabChange,
+        scrollButtons: "auto",
+        TabIndicatorProps: {
+          style: {
+            background: sectionproperties.activetabbordercolor
+            // right: sectionproperties.showfirstpolicy == 'Hide' ? 0 : sectionproperties.showsecondpolicy == 'Hide' ? 0 : '',
+            // margin: sectionproperties.showfirstpolicy == 'Hide' ? 'auto' : sectionproperties.showsecondpolicy == 'Hide' ? 'auto' : '',
+          }
+        },
+
+        sx: {
+          '& button': {
+            color: sectionproperties.tabtextcolor,
+            fontWeight: sectionproperties.tabtextfontweight,
+            background: sectionproperties.tabcontainerbgcolor,
+            textTransform: sectionproperties.tabtexttexttransform,
+            borderRadius: sectionproperties.tabcontainerborderradius + 'px',
+            fontFamily: 'Poppins',
+            transition: '.3s',
+            fontSize: sectionproperties.tabtextfontsize + 'px'
+          },
+          '& button:hover': {
+            color: sectionproperties.tabscoloronhover,
+            fontFamily: 'Poppins',
+            transition: '.3s'
+          },
+          '& button.Mui-selected': {
+            color: sectionproperties.tabtextactivecolor,
+            background: sectionproperties.activetabbgcolor,
+            fontFamily: 'Poppins',
+            transition: '.3s'
+          }
+        },
+        variant: 'fullWidth'
+        // tabsfullwidth
+      }, sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+        label: langdetect == 'en' ? sectionproperties.tabsdescEn : sectionproperties.tabsdescAr,
+        onClick: function onClick() {
+          settabname('descriptiontab');
+        }
+      }), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showfirstpolicy == 'Show' && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+        label: langdetect == 'en' ? (_returnpolicyobj = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj === void 0 ? void 0 : _returnpolicyobj.policypagename_en : (_returnpolicyobj2 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj2 === void 0 ? void 0 : _returnpolicyobj2.policypagename_ar,
+        onClick: function onClick() {
+          settabname('shippingpolicytab');
+        }
+      }), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showsecondpolicy == 'Show' && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+        label: langdetect == 'en' ? (_returnpolicyobj3 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj3 === void 0 ? void 0 : _returnpolicyobj3.policypagename_en : (_returnpolicyobj4 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj4 === void 0 ? void 0 : _returnpolicyobj4.policypagename_ar,
+        onClick: function onClick() {
+          settabname('refundpolicytab');
+        }
+      }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer58 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer58 === void 0 ? void 0 : (_fetchProductInfoQuer59 = _fetchProductInfoQuer58.data) === null || _fetchProductInfoQuer59 === void 0 ? void 0 : (_fetchProductInfoQuer60 = _fetchProductInfoQuer59.productinfo) === null || _fetchProductInfoQuer60 === void 0 ? void 0 : _fetchProductInfoQuer60.productcanrate) == 1 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+        label: langdetect == 'en' ? 'Reviews' : 'التقييمات',
+        onClick: function onClick() {
+          settabname('reviewstab');
+        }
+      }))), sectionproperties.tabsfullwidth != 'Full Width' && /*#__PURE__*/React__default["default"].createElement(material.Box, null, /*#__PURE__*/React__default["default"].createElement(material.Tabs, {
+        value: tabIndex,
+        onChange: handleTabChange,
+        scrollButtons: "auto",
+        TabIndicatorProps: {
+          style: {
+            background: sectionproperties.activetabbordercolor
+            // right: sectionproperties.showfirstpolicy == 'Hide' ? 0 : sectionproperties.showsecondpolicy == 'Hide' ? 0 : '',
+            // margin: sectionproperties.showfirstpolicy == 'Hide' ? 'auto' : sectionproperties.showsecondpolicy == 'Hide' ? 'auto' : '',
+          }
+        },
+
+        sx: {
+          '& button': {
+            color: sectionproperties.tabtextcolor,
+            fontWeight: sectionproperties.tabtextfontweight,
+            background: sectionproperties.tabcontainerbgcolor,
+            textTransform: sectionproperties.tabtexttexttransform,
+            borderRadius: sectionproperties.tabcontainerborderradius + 'px',
+            fontFamily: 'Poppins',
+            transition: '.3s',
+            fontSize: sectionproperties.tabtextfontsize + 'px'
+          },
+          '& button:hover': {
+            color: sectionproperties.tabscoloronhover,
+            fontFamily: 'Poppins',
+            transition: '.3s'
+          },
+          '& button.Mui-selected': {
+            color: sectionproperties.tabtextactivecolor,
+            background: sectionproperties.activetabbgcolor,
+            fontFamily: 'Poppins',
+            transition: '.3s'
+          }
+        }
+      }, sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+        label: langdetect == 'en' ? sectionproperties.tabsdescEn : sectionproperties.tabsdescAr,
+        onClick: function onClick() {
+          settabname('descriptiontab');
+        }
+      }), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showfirstpolicy == 'Show' && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+        label: langdetect == 'en' ? (_returnpolicyobj5 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj5 === void 0 ? void 0 : _returnpolicyobj5.policypagename_en : (_returnpolicyobj6 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj6 === void 0 ? void 0 : _returnpolicyobj6.policypagename_ar,
+        onClick: function onClick() {
+          settabname('shippingpolicytab');
+        }
+      }), sectionproperties.productInformationType == 'Product/Service Information' && sectionproperties.showsecondpolicy == 'Show' && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+        label: langdetect == 'en' ? (_returnpolicyobj7 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj7 === void 0 ? void 0 : _returnpolicyobj7.policypagename_en : (_returnpolicyobj8 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj8 === void 0 ? void 0 : _returnpolicyobj8.policypagename_ar,
+        onClick: function onClick() {
+          settabname('refundpolicytab');
+        }
+      }), (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer61 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer61 === void 0 ? void 0 : (_fetchProductInfoQuer62 = _fetchProductInfoQuer61.data) === null || _fetchProductInfoQuer62 === void 0 ? void 0 : (_fetchProductInfoQuer63 = _fetchProductInfoQuer62.productinfo) === null || _fetchProductInfoQuer63 === void 0 ? void 0 : _fetchProductInfoQuer63.productcanrate) == 1 && /*#__PURE__*/React__default["default"].createElement(material.Tab, {
+        label: langdetect == 'en' ? 'Reviews' : 'التقييمات',
+        onClick: function onClick() {
+          settabname('reviewstab');
+        }
+      }))), /*#__PURE__*/React__default["default"].createElement(material.Box, {
+        "class": "w-100 mt-5 mb-4"
+      }, tabname == 'descriptiontab' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 pl-5 pr-5 p-md-0 w-100"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100"
+      }, langdetect == 'en' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer64 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer64 === void 0 ? void 0 : (_fetchProductInfoQuer65 = _fetchProductInfoQuer64.data) === null || _fetchProductInfoQuer65 === void 0 ? void 0 : (_fetchProductInfoQuer66 = _fetchProductInfoQuer65.productinfo) === null || _fetchProductInfoQuer66 === void 0 ? void 0 : _fetchProductInfoQuer66.description_en) != '' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer67 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer67 === void 0 ? void 0 : (_fetchProductInfoQuer68 = _fetchProductInfoQuer67.data) === null || _fetchProductInfoQuer68 === void 0 ? void 0 : (_fetchProductInfoQuer69 = _fetchProductInfoQuer68.productinfo) === null || _fetchProductInfoQuer69 === void 0 ? void 0 : _fetchProductInfoQuer69.description_en) != null && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-12 p-0 mb-4 d-flex justify-content-center"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "row m-0 w-100 d-flex"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 d-flex justify-content-start"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: 'text-black text-capitalize m-0 p-0 wordbreak',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        },
+        dangerouslySetInnerHTML: {
+          __html: showMore == true ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer70 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer70 === void 0 ? void 0 : (_fetchProductInfoQuer71 = _fetchProductInfoQuer70.data) === null || _fetchProductInfoQuer71 === void 0 ? void 0 : (_fetchProductInfoQuer72 = _fetchProductInfoQuer71.productinfo) === null || _fetchProductInfoQuer72 === void 0 ? void 0 : _fetchProductInfoQuer72.description_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer73 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer73 === void 0 ? void 0 : (_fetchProductInfoQuer74 = _fetchProductInfoQuer73.data) === null || _fetchProductInfoQuer74 === void 0 ? void 0 : (_fetchProductInfoQuer75 = _fetchProductInfoQuer74.productinfo) === null || _fetchProductInfoQuer75 === void 0 ? void 0 : _fetchProductInfoQuer75.description_en.slice(0, 1000)
+        }
+      })), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 allcentered"
+      }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer76 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer76 === void 0 ? void 0 : (_fetchProductInfoQuer77 = _fetchProductInfoQuer76.data) === null || _fetchProductInfoQuer77 === void 0 ? void 0 : (_fetchProductInfoQuer78 = _fetchProductInfoQuer77.productinfo) === null || _fetchProductInfoQuer78 === void 0 ? void 0 : _fetchProductInfoQuer78.description_en.length) > 1000 && /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0 cursor-pointer text-grey font-weight-600",
+        onClick: function onClick() {
+          return setShowMore(!showMore);
+        }
+      }, showMore ? lang.showless : lang.showmore)))), langdetect == 'ar' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer79 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer79 === void 0 ? void 0 : (_fetchProductInfoQuer80 = _fetchProductInfoQuer79.data) === null || _fetchProductInfoQuer80 === void 0 ? void 0 : (_fetchProductInfoQuer81 = _fetchProductInfoQuer80.productinfo) === null || _fetchProductInfoQuer81 === void 0 ? void 0 : _fetchProductInfoQuer81.description_ar) != '' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer82 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer82 === void 0 ? void 0 : (_fetchProductInfoQuer83 = _fetchProductInfoQuer82.data) === null || _fetchProductInfoQuer83 === void 0 ? void 0 : (_fetchProductInfoQuer84 = _fetchProductInfoQuer83.productinfo) === null || _fetchProductInfoQuer84 === void 0 ? void 0 : _fetchProductInfoQuer84.description_ar) != null && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-12 p-0 mb-4 d-flex justify-content-center"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "row m-0 w-100 d-flex"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 d-flex justify-content-start flex-column"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: 'text-black text-capitalize m-0 p-0 wordbreak',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        },
+        dangerouslySetInnerHTML: {
+          __html: showMore == true ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer85 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer85 === void 0 ? void 0 : (_fetchProductInfoQuer86 = _fetchProductInfoQuer85.data) === null || _fetchProductInfoQuer86 === void 0 ? void 0 : (_fetchProductInfoQuer87 = _fetchProductInfoQuer86.productinfo) === null || _fetchProductInfoQuer87 === void 0 ? void 0 : _fetchProductInfoQuer87.description_ar : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer88 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer88 === void 0 ? void 0 : (_fetchProductInfoQuer89 = _fetchProductInfoQuer88.data) === null || _fetchProductInfoQuer89 === void 0 ? void 0 : (_fetchProductInfoQuer90 = _fetchProductInfoQuer89.productinfo) === null || _fetchProductInfoQuer90 === void 0 ? void 0 : _fetchProductInfoQuer90.description_ar.slice(0, 1000)
+        }
+      })), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 allcentered"
+      }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer91 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer91 === void 0 ? void 0 : (_fetchProductInfoQuer92 = _fetchProductInfoQuer91.data) === null || _fetchProductInfoQuer92 === void 0 ? void 0 : (_fetchProductInfoQuer93 = _fetchProductInfoQuer92.productinfo) === null || _fetchProductInfoQuer93 === void 0 ? void 0 : _fetchProductInfoQuer93.description_ar.length) > 1000 && /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0 cursor-pointer text-grey font-weight-600 text-right",
+        onClick: function onClick() {
+          return setShowMore(!showMore);
+        }
+      }, showMore ? lang.showless : lang.showmore)))), sectionproperties.showGallery == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer94 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer94 === void 0 ? void 0 : (_fetchProductInfoQuer95 = _fetchProductInfoQuer94.data) === null || _fetchProductInfoQuer95 === void 0 ? void 0 : (_fetchProductInfoQuer96 = _fetchProductInfoQuer95.productinfo) === null || _fetchProductInfoQuer96 === void 0 ? void 0 : (_fetchProductInfoQuer97 = _fetchProductInfoQuer96.productimages) === null || _fetchProductInfoQuer97 === void 0 ? void 0 : _fetchProductInfoQuer97.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 allcentered pl-md-3 pr-md-3",
+        style: {
+          paddingLeft: sectionproperties.galleryPaddingHorizontal + 'px',
+          paddingRight: sectionproperties.galleryPaddingHorizontal + 'px'
+        }
+      }, fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer98 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer98 === void 0 ? void 0 : (_fetchProductInfoQuer99 = _fetchProductInfoQuer98.data) === null || _fetchProductInfoQuer99 === void 0 ? void 0 : (_fetchProductInfoQuer100 = _fetchProductInfoQuer99.productinfo) === null || _fetchProductInfoQuer100 === void 0 ? void 0 : (_fetchProductInfoQuer101 = _fetchProductInfoQuer100.productimages) === null || _fetchProductInfoQuer101 === void 0 ? void 0 : _fetchProductInfoQuer101.map(function (item, index) {
+        if (index <= 6) {
+          return /*#__PURE__*/React__default["default"].createElement("div", {
+            "class": ' col-md-4 col-sm-12 mb-3 col-lg-' + sectionproperties.galleryNoOfCols,
+            style: {
+              height: sectionproperties.galleryHeight + 'px'
+            }
+          }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+            urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+            publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+            path: '/tr:w-' + sectionproperties.galleryWidthDimension + ',h-' + sectionproperties.galleryHeightDimension + '/' + item.path,
+            style: {
+              width: '100%',
+              height: '100%',
+              objectFit: 'contain'
+            },
+            loading: "lazy"
+          }));
+        }
+      }))))), tabname == 'shippingpolicytab' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 pl-5 pr-5 p-md-0 w-100"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: ' m-0 p-0 wordbreak ',
+        style: {
+          lineClamp: 10,
+          WebkitLineClamp: 10,
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        },
+        dangerouslySetInnerHTML: {
+          __html: langdetect == 'en' ? (_returnpolicyobj9 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj9 === void 0 ? void 0 : _returnpolicyobj9.policycontent_en : (_returnpolicyobj10 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj10 === void 0 ? void 0 : _returnpolicyobj10.policycontent_ar
+        }
+      })), tabname == 'refundpolicytab' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 w-100 pl-5 pr-5 p-md-0"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: ' m-0 p-0 wordbreak ',
+        style: {
+          lineClamp: 10,
+          WebkitLineClamp: 10,
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        },
+        dangerouslySetInnerHTML: {
+          __html: langdetect == 'en' ? (_returnpolicyobj11 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj11 === void 0 ? void 0 : _returnpolicyobj11.policycontent_en : (_returnpolicyobj12 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj12 === void 0 ? void 0 : _returnpolicyobj12.policycontent_ar
+        }
+      })), tabname == 'reviewstab' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 w-100 pl-5 pr-5 p-md-0"
+      }, /*#__PURE__*/React__default["default"].createElement(ProductReviews, {
+        actions: _objectSpread$24(_objectSpread$24({}, actions), {}, {
+          productinfo_cssstyles: productinfo_cssstyles,
+          sectionproperties: sectionproperties
+        })
+      }))))), /*#__PURE__*/React__default["default"].createElement("div", {
         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,