tabexseriescomponents 0.0.358 → 0.0.360

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.umd.js CHANGED
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- 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('imagekitio-react'), require('@babel/runtime/helpers/toConsumableArray'), 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('@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('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-player'), 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('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), 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-query'), 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/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/fa/FaFacebook'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), 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/ai/AiOutlineClose'), require('@react-icons/all-files/vsc/VscMenu'), require('@react-icons/all-files/vsc/VscHeart'), require('@react-icons/all-files/io5/IoSearchOutline'), require('@react-icons/all-files/ai/AiFillYoutube'), require('@react-icons/all-files/io5/IoLogoTiktok'), require('@react-icons/all-files/fi/FiMenu'), 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/go/GoSearch'), require('@react-icons/all-files/ai/AiOutlineInstagram'), require('@react-icons/all-files/bs/BsChevronDown'), 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/bi/BiUserCircle'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/ri/RiRoadMapLine'), require('@react-icons/all-files/hi/HiOutlineClock'), require('@react-icons/all-files/ai/AiOutlineLinkedin'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('react-select'), 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')) :
3
- 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', 'imagekitio-react', '@babel/runtime/helpers/toConsumableArray', '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', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus', 'react-rating-stars-component', '@react-icons/all-files/fi/FiLayers', '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-player', '@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', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', '@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-query', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-input-range', 'react-intersection-observer', '@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/fa/FaFacebook', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@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/ai/AiOutlineClose', '@react-icons/all-files/vsc/VscMenu', '@react-icons/all-files/vsc/VscHeart', '@react-icons/all-files/io5/IoSearchOutline', '@react-icons/all-files/ai/AiFillYoutube', '@react-icons/all-files/io5/IoLogoTiktok', '@react-icons/all-files/fi/FiMenu', '@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/go/GoSearch', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/bs/BsChevronDown', '@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/bi/BiUserCircle', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/ri/RiRoadMapLine', '@react-icons/all-files/hi/HiOutlineClock', '@react-icons/all-files/ai/AiOutlineLinkedin', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', 'react-select', '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) :
4
- (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, global.imagekitioReact, global._toConsumableArray, 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.FiMinus, global.FiPlus, global.ReactStars, global.FiLayers, global.TextareaAutosize, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, global.reactHorizontalScrollingMenu, global.material, global.HiOutlinePhone, global.AiOutlineMail, global.FaShippingFast, global.RiSecurePaymentLine, global.ReactPlayer, global.AiOutlineSecurityScan, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.HiOutlineTrash, global.BiSad, global.FiCalendar, global.Dropdown, global._asyncToGenerator, global._regeneratorRuntime, 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, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.InputRange, global.reactIntersectionObserver, global.FiFilter, global.FiChevronLeft, global.FiChevronRight, global.HiOutlineArrowRight, global.HiOutlineArrowLeft, global.ReactPaginate, global.FaFacebook, global.AiFillInstagram, global.FaWhatsapp, 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.AiOutlineClose, global.VscMenu, global.VscHeart, global.IoSearchOutline, global.AiFillYoutube, global.IoLogoTiktok, global.FiMenu, global.BiSearch, global.FiUser, global.AiOutlineHeart, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.GoSearch, global.AiOutlineInstagram, global.BsChevronDown, global.RiUserSettingsLine, global.IoClose, global.HiUserCircle, global.MdKeyboardArrowUp, global.BsInfoCircle, global.AiFillPhone, global.FaTelegramPlane, global.FaPhoneAlt, global.FaPhone, global.AiOutlinePhone, global.BiUserCircle, global.GoLocation, global.RiRoadMapLine, global.HiOutlineClock, global.AiOutlineLinkedin, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.Select$5, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.HiOutlineLocationMarker, global.FiPhoneCall, global.FaRegEye, global.BsArrowRight, global.BsArrowLeft, global.BsEye, global.BiTimeFive, global.IoIosArrowUp));
5
- })(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, IoMdClose, reactBootstrap, imagekitioReact, _toConsumableArray, ImageGallery, MdAddShoppingCart, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart$1, FiShoppingBag, FiShoppingCart, AiFillStar$1, AiOutlineStar, reactShare, FiMinus, FiPlus, ReactStars, FiLayers, TextareaAutosize, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, reactHorizontalScrollingMenu, material, HiOutlinePhone, AiOutlineMail, FaShippingFast, RiSecurePaymentLine, ReactPlayer, AiOutlineSecurityScan, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, HiOutlineTrash, BiSad, FiCalendar, Dropdown, _asyncToGenerator, _regeneratorRuntime, HiUser, GrMail, FiCheckCircle, BiPhone, PhoneInput, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, IoIosArrowRoundForward, IoIosArrowRoundBack, reactAccessibleAccordion, FiChevronUp, FiChevronDown, HiOutlinePlus, AiOutlineMinus, reactRouterDom, reactQuery, IoBagCheckOutline, IoBagRemoveOutline, InputRange, reactIntersectionObserver, FiFilter, FiChevronLeft, FiChevronRight, HiOutlineArrowRight, HiOutlineArrowLeft, ReactPaginate, FaFacebook, AiFillInstagram, FaWhatsapp, BiGlobe, MdKeyboardArrowDown, FaMoneyBillWave, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, AiOutlineClose, VscMenu, VscHeart, IoSearchOutline, AiFillYoutube, IoLogoTiktok, FiMenu, BiSearch, FiUser, AiOutlineHeart, FiPhone, HiMenuAlt4, FiSearch, BsSearch, GoSearch, AiOutlineInstagram, BsChevronDown, RiUserSettingsLine, IoClose, HiUserCircle, MdKeyboardArrowUp, BsInfoCircle, AiFillPhone, FaTelegramPlane, FaPhoneAlt, FaPhone, AiOutlinePhone, BiUserCircle, GoLocation, RiRoadMapLine, HiOutlineClock, AiOutlineLinkedin, FaArrowAltCircleRight, FaArrowAltCircleLeft, Select$5, BackgroundSlideshow, _extends, reactSlideshowImage, HiOutlineLocationMarker, FiPhoneCall, FaRegEye, BsArrowRight, BsArrowLeft, BsEye, BiTimeFive, IoIosArrowUp) { 'use strict';
2
+ 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('imagekitio-react'), require('@babel/runtime/helpers/toConsumableArray'), 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('@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('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-player'), 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('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), 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-query'), 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/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/fa/FaFacebook'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), 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/ai/AiOutlineClose'), require('@react-icons/all-files/vsc/VscMenu'), require('@react-icons/all-files/vsc/VscHeart'), require('@react-icons/all-files/io5/IoSearchOutline'), require('@react-icons/all-files/ai/AiFillYoutube'), require('@react-icons/all-files/io5/IoLogoTiktok'), require('@react-icons/all-files/fi/FiMenu'), 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/AiOutlinePhone'), 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/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/bi/BiUserCircle'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/ri/RiRoadMapLine'), require('@react-icons/all-files/hi/HiOutlineClock'), require('@react-icons/all-files/ai/AiOutlineLinkedin'), require('@react-icons/all-files/fa/FaLinkedinIn'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('react-select'), 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')) :
3
+ 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', 'imagekitio-react', '@babel/runtime/helpers/toConsumableArray', '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', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus', 'react-rating-stars-component', '@react-icons/all-files/fi/FiLayers', '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-player', '@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', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', '@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-query', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-input-range', 'react-intersection-observer', '@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/fa/FaFacebook', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@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/ai/AiOutlineClose', '@react-icons/all-files/vsc/VscMenu', '@react-icons/all-files/vsc/VscHeart', '@react-icons/all-files/io5/IoSearchOutline', '@react-icons/all-files/ai/AiFillYoutube', '@react-icons/all-files/io5/IoLogoTiktok', '@react-icons/all-files/fi/FiMenu', '@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/AiOutlinePhone', '@react-icons/all-files/go/GoSearch', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/bs/BsChevronDown', '@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/bi/BiUserCircle', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/ri/RiRoadMapLine', '@react-icons/all-files/hi/HiOutlineClock', '@react-icons/all-files/ai/AiOutlineLinkedin', '@react-icons/all-files/fa/FaLinkedinIn', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', 'react-select', '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) :
4
+ (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, global.imagekitioReact, global._toConsumableArray, 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.FiMinus, global.FiPlus, global.ReactStars, global.FiLayers, global.TextareaAutosize, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, global.reactHorizontalScrollingMenu, global.material, global.HiOutlinePhone, global.AiOutlineMail, global.FaShippingFast, global.RiSecurePaymentLine, global.ReactPlayer, global.AiOutlineSecurityScan, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.HiOutlineTrash, global.BiSad, global.FiCalendar, global.Dropdown, global._asyncToGenerator, global._regeneratorRuntime, 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, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.InputRange, global.reactIntersectionObserver, global.FiFilter, global.FiChevronLeft, global.FiChevronRight, global.HiOutlineArrowRight, global.HiOutlineArrowLeft, global.ReactPaginate, global.FaFacebook, global.AiFillInstagram, global.FaWhatsapp, 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.AiOutlineClose, global.VscMenu, global.VscHeart, global.IoSearchOutline, global.AiFillYoutube, global.IoLogoTiktok, global.FiMenu, global.BiSearch, global.FiUser, global.AiOutlineHeart, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiOutlinePhone, global.GoSearch, global.AiOutlineInstagram, global.BsChevronDown, global.RiUserSettingsLine, global.IoClose, global.HiUserCircle, global.MdKeyboardArrowUp, global.BsInfoCircle, global.AiFillPhone, global.FaTelegramPlane, global.FaPhoneAlt, global.FaPhone, global.BiUserCircle, global.GoLocation, global.RiRoadMapLine, global.HiOutlineClock, global.AiOutlineLinkedin, global.FaLinkedinIn, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.Select$5, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.HiOutlineLocationMarker, global.FiPhoneCall, global.FaRegEye, global.BsArrowRight, global.BsArrowLeft, global.BsEye, global.BiTimeFive, global.IoIosArrowUp));
5
+ })(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, IoMdClose, reactBootstrap, imagekitioReact, _toConsumableArray, ImageGallery, MdAddShoppingCart, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart$1, FiShoppingBag, FiShoppingCart, AiFillStar$1, AiOutlineStar, reactShare, FiMinus, FiPlus, ReactStars, FiLayers, TextareaAutosize, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, reactHorizontalScrollingMenu, material, HiOutlinePhone, AiOutlineMail, FaShippingFast, RiSecurePaymentLine, ReactPlayer, AiOutlineSecurityScan, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, HiOutlineTrash, BiSad, FiCalendar, Dropdown, _asyncToGenerator, _regeneratorRuntime, HiUser, GrMail, FiCheckCircle, BiPhone, PhoneInput, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, IoIosArrowRoundForward, IoIosArrowRoundBack, reactAccessibleAccordion, FiChevronUp, FiChevronDown, HiOutlinePlus, AiOutlineMinus, reactRouterDom, reactQuery, IoBagCheckOutline, IoBagRemoveOutline, InputRange, reactIntersectionObserver, FiFilter, FiChevronLeft, FiChevronRight, HiOutlineArrowRight, HiOutlineArrowLeft, ReactPaginate, FaFacebook, AiFillInstagram, FaWhatsapp, BiGlobe, MdKeyboardArrowDown, FaMoneyBillWave, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, AiOutlineClose, VscMenu, VscHeart, IoSearchOutline, AiFillYoutube, IoLogoTiktok, FiMenu, BiSearch, FiUser, AiOutlineHeart, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiOutlinePhone, GoSearch, AiOutlineInstagram, BsChevronDown, RiUserSettingsLine, IoClose, HiUserCircle, MdKeyboardArrowUp, BsInfoCircle, AiFillPhone, FaTelegramPlane, FaPhoneAlt, FaPhone, BiUserCircle, GoLocation, RiRoadMapLine, HiOutlineClock, AiOutlineLinkedin, FaLinkedinIn, FaArrowAltCircleRight, FaArrowAltCircleLeft, Select$5, BackgroundSlideshow, _extends, reactSlideshowImage, HiOutlineLocationMarker, FiPhoneCall, FaRegEye, BsArrowRight, BsArrowLeft, BsEye, BiTimeFive, IoIosArrowUp) { 'use strict';
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
@@ -11865,6 +11865,12 @@
11865
11865
  marginRight: sectionproperties.sectionTitleMarginRight + 'px',
11866
11866
  fontWeight: sectionproperties.sectionTitleFontWeight,
11867
11867
  position: 'relative'
11868
+ }),
11869
+ cartslider_container: glamor.css({
11870
+ paddingBottom: '1rem',
11871
+ '@media (max-width: 800px)': {
11872
+ paddingBottom: '18rem'
11873
+ }
11868
11874
  })
11869
11875
  };
11870
11876
  return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -11932,7 +11938,7 @@
11932
11938
  }))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue4 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue4 === void 0 || (_fetchcustomercartQue4 = _fetchcustomercartQue4.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : _fetchcustomercartQue4.status) && /*#__PURE__*/React__default["default"].createElement("div", {
11933
11939
  "class": "row m-0 w-100 h-100 px-2"
11934
11940
  }, /*#__PURE__*/React__default["default"].createElement("div", {
11935
- className: "".concat(cartstyles.cartslider_container, " ") + ' pb-3 h-100 w-100 ',
11941
+ className: "".concat(cartstyles.cartslider_container, " ").concat(cart_cssstyles.cartslider_container) + ' h-100 w-100 ',
11936
11942
  style: {
11937
11943
  paddingLeft: '15px',
11938
11944
  paddingRight: '15px',
@@ -12685,7 +12691,7 @@
12685
12691
  return import('react-select');
12686
12692
  });
12687
12693
  var Filter$1 = function Filter(props) {
12688
- var _authdetailsContext$i;
12694
+ var _authdetailsContext$i, _css;
12689
12695
  var lang = props.actions.lang;
12690
12696
  var langdetect = props.actions.langdetect;
12691
12697
  props.actions.productfiltercontext;
@@ -12700,9 +12706,13 @@
12700
12706
  min: 0,
12701
12707
  max: 10000
12702
12708
  }),
12703
- _useState2 = _slicedToArray__default["default"](_useState, 2),
12704
- pricevalue = _useState2[0],
12705
- setpricevalue = _useState2[1];
12709
+ _useState2 = _slicedToArray__default["default"](_useState, 2);
12710
+ _useState2[0];
12711
+ _useState2[1];
12712
+ var _useState3 = React.useState([]),
12713
+ _useState4 = _slicedToArray__default["default"](_useState3, 2),
12714
+ productfeatuesarr = _useState4[0],
12715
+ setproductfeatuesarr = _useState4[1];
12706
12716
  var fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
12707
12717
  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
12708
12718
  var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
@@ -12710,40 +12720,41 @@
12710
12720
  var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
12711
12721
  var FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
12712
12722
  var setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
12713
- var _useState3 = React.useState(''),
12714
- _useState4 = _slicedToArray__default["default"](_useState3, 2),
12715
- sectionproperties = _useState4[0],
12716
- setsectionproperties = _useState4[1];
12717
- var _useState5 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instfilters)),
12723
+ var fetchProductFeaturesQueryContext = props.actions.fetchProductFeaturesQueryContext;
12724
+ var _useState5 = React.useState(''),
12718
12725
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
12719
- instfilters = _useState6[0],
12720
- setinstfilters = _useState6[1];
12721
- var _useState7 = React.useState([]),
12726
+ sectionproperties = _useState6[0],
12727
+ setsectionproperties = _useState6[1];
12728
+ var _useState7 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instfilters)),
12722
12729
  _useState8 = _slicedToArray__default["default"](_useState7, 2),
12723
- collectionstobevisible = _useState8[0],
12724
- setcollectionstobevisible = _useState8[1];
12725
- var _useState9 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instcollections)),
12730
+ instfilters = _useState8[0],
12731
+ setinstfilters = _useState8[1];
12732
+ var _useState9 = React.useState([]),
12726
12733
  _useState10 = _slicedToArray__default["default"](_useState9, 2),
12727
- instcollections = _useState10[0],
12728
- setinstcollections = _useState10[1];
12729
- var _useState11 = React.useState(_toConsumableArray__default["default"](authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories)),
12734
+ collectionstobevisible = _useState10[0],
12735
+ setcollectionstobevisible = _useState10[1];
12736
+ var _useState11 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instcollections)),
12730
12737
  _useState12 = _slicedToArray__default["default"](_useState11, 2),
12731
- instcategories = _useState12[0],
12732
- setinstcategories = _useState12[1];
12738
+ instcollections = _useState12[0],
12739
+ setinstcollections = _useState12[1];
12740
+ var _useState13 = React.useState(_toConsumableArray__default["default"](authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instcategories)),
12741
+ _useState14 = _slicedToArray__default["default"](_useState13, 2),
12742
+ instcategories = _useState14[0],
12743
+ setinstcategories = _useState14[1];
12733
12744
  // const [sortby, setSortby] = useState('Sort by');
12734
- var _useState13 = React.useState({
12745
+ var _useState15 = React.useState({
12735
12746
  min: 0,
12736
12747
  max: 5
12737
12748
  }),
12738
- _useState14 = _slicedToArray__default["default"](_useState13, 2),
12739
- raterangevalue = _useState14[0],
12740
- setraterangevalue = _useState14[1];
12749
+ _useState16 = _slicedToArray__default["default"](_useState15, 2),
12750
+ raterangevalue = _useState16[0],
12751
+ setraterangevalue = _useState16[1];
12741
12752
  var timeoutRef = React__default["default"].useRef(null);
12742
- var _useState15 = React.useState(''),
12743
- _useState16 = _slicedToArray__default["default"](_useState15, 2);
12744
- _useState16[0];
12745
- var setsortbycontext = _useState16[1];
12746
- var _useState17 = React.useState([{
12753
+ var _useState17 = React.useState(''),
12754
+ _useState18 = _slicedToArray__default["default"](_useState17, 2);
12755
+ _useState18[0];
12756
+ var setsortbycontext = _useState18[1];
12757
+ var _useState19 = React.useState([{
12747
12758
  payloadvalue: 'sortprice',
12748
12759
  name: lang.price,
12749
12760
  filterarray: [{
@@ -12768,9 +12779,9 @@
12768
12779
  isfilterselected: false
12769
12780
  }]
12770
12781
  }]),
12771
- _useState18 = _slicedToArray__default["default"](_useState17, 2),
12772
- otherfilters = _useState18[0];
12773
- _useState18[1];
12782
+ _useState20 = _slicedToArray__default["default"](_useState19, 2),
12783
+ otherfilters = _useState20[0];
12784
+ _useState20[1];
12774
12785
  React.useEffect(function () {
12775
12786
  filterupdater();
12776
12787
  }, []);
@@ -12880,6 +12891,14 @@
12880
12891
  setcollectionstobevisible(instcollections);
12881
12892
  }
12882
12893
  }, [ProductFilterObjContext]);
12894
+ React.useEffect(function () {
12895
+ if (productfeatuesarr.length != 0) {
12896
+ var tempfetchproductsfilerobjcontext = _objectSpread$26({}, ProductFilterObjContext);
12897
+ tempfetchproductsfilerobjcontext.prod_featruesar = productfeatuesarr;
12898
+ setProductFilterObjContext(_objectSpread$26({}, tempfetchproductsfilerobjcontext));
12899
+ filterrouting(tempfetchproductsfilerobjcontext);
12900
+ }
12901
+ }, [productfeatuesarr]);
12883
12902
  React.useEffect(function () {
12884
12903
  if (fetchTabexStatesQueryContext.isSuccess) {
12885
12904
  if (ProductFilterObjContext.stateid != undefined && ProductFilterObjContext.stateid != null && ProductFilterObjContext.stateid != '' && ProductFilterObjContext.stateid != 'all') {
@@ -13219,308 +13238,159 @@
13219
13238
  })));
13220
13239
  };
13221
13240
  var DynamicFilter = function DynamicFilter() {
13222
- var _ref, _ref3, _ref4, _ref5, _ref6, _ref7;
13241
+ var _fetchProductFeatures;
13223
13242
  return /*#__PURE__*/React__default["default"].createElement("div", {
13224
13243
  "class": "row m-0 w-100"
13225
13244
  }, /*#__PURE__*/React__default["default"].createElement("div", {
13226
13245
  "class": "col-lg-12 p-0 mb-3"
13227
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13228
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13229
- style: (_ref = {
13230
- color: sectionproperties.filtertitle_color
13231
- }, _defineProperty__default["default"](_ref, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref, "color", sectionproperties.filtertitle_color), _ref)
13232
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13233
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13234
- }, /*#__PURE__*/React__default["default"].createElement("p", {
13235
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13236
- }, langdetect == 'en' ? 'Car Brand' : 'الماركة'))), /*#__PURE__*/React__default["default"].createElement("div", {
13246
+ }, (fetchProductFeaturesQueryContext === null || fetchProductFeaturesQueryContext === void 0 ? void 0 : fetchProductFeaturesQueryContext.isSuccess) && /*#__PURE__*/React__default["default"].createElement("div", {
13237
13247
  className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13238
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13239
- className: 'col-lg-12 p-0'
13240
- }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13241
- options: [{
13242
- name: 'Tesla',
13243
- value: 'Tesla'
13244
- }, {
13245
- name: 'VW',
13246
- value: 'VW'
13247
- }, {
13248
- name: 'Mercedes',
13249
- value: 'Mercedes'
13250
- }],
13251
- getOptionLabel: function getOptionLabel(option) {
13252
- var crname = '';
13253
- if (langdetect == 'en') {
13254
- crname = option.name;
13255
- } else if (langdetect == 'ar') {
13256
- if (option.name_ar != null) {
13257
- crname = option.name_ar;
13248
+ }, fetchProductFeaturesQueryContext === null || fetchProductFeaturesQueryContext === void 0 || (_fetchProductFeatures = fetchProductFeaturesQueryContext.data) === null || _fetchProductFeatures === void 0 || (_fetchProductFeatures = _fetchProductFeatures.data) === null || _fetchProductFeatures === void 0 || (_fetchProductFeatures = _fetchProductFeatures.productfeatues) === null || _fetchProductFeatures === void 0 ? void 0 : _fetchProductFeatures.map(function (item, index) {
13249
+ if (item.type == 'Selectbox') {
13250
+ var _item$featuresselectb, _ref;
13251
+ var selectboxarr = [];
13252
+ item === null || item === void 0 || (_item$featuresselectb = item.featuresselectbovalue) === null || _item$featuresselectb === void 0 || _item$featuresselectb.forEach(function (slecitem) {
13253
+ var itemlabel = '';
13254
+ if (langdetect == 'en') {
13255
+ itemlabel = slecitem.value_en;
13258
13256
  } else {
13259
- crname = option.name;
13257
+ itemlabel = slecitem.value_ar;
13260
13258
  }
13261
- }
13262
- return crname;
13263
- },
13264
- getOptionValue: function getOptionValue(option) {
13265
- return option.id;
13266
- },
13267
- value: '',
13268
- onChange: function onChange(option) {},
13269
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13270
- isSearchable: true,
13271
- placeholder: ''
13272
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
13273
- "class": "col-lg-12 p-0 mb-3"
13274
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13275
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13276
- style: _defineProperty__default["default"]({
13277
- color: sectionproperties.filtertitle_color,
13278
- fontSize: sectionproperties.filtertitle_fontsize + 'px',
13279
- fontWeight: sectionproperties.filtertitle_fontweight
13280
- }, "color", sectionproperties.filtertitle_color)
13281
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13282
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13283
- }, /*#__PURE__*/React__default["default"].createElement("p", {
13284
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13285
- }, langdetect == 'en' ? 'Car Model' : 'النوع'))), /*#__PURE__*/React__default["default"].createElement("div", {
13286
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13287
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13288
- className: 'col-lg-12 p-0'
13289
- }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13290
- options: [{
13291
- name: 'ID.4',
13292
- value: 'ID.4'
13293
- }, {
13294
- name: 'ID.6',
13295
- value: 'ID.6'
13296
- }],
13297
- getOptionLabel: function getOptionLabel(option) {
13298
- var crname = '';
13299
- if (langdetect == 'en') {
13300
- crname = option.name;
13301
- } else if (langdetect == 'ar') {
13302
- if (option.name_ar != null) {
13303
- crname = option.name_ar;
13304
- } else {
13305
- crname = option.name;
13259
+ selectboxarr.push({
13260
+ label: itemlabel,
13261
+ value: slecitem.value_en
13262
+ });
13263
+ });
13264
+ return /*#__PURE__*/React__default["default"].createElement("div", {
13265
+ "class": "col-lg-12 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3 p-0"
13266
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
13267
+ className: ' mb-3 w-100 ',
13268
+ style: (_ref = {
13269
+ textAlign: langdetect == 'en' ? 'left' : 'right',
13270
+ color: sectionproperties.filtertitle_color
13271
+ }, _defineProperty__default["default"](_ref, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref, "textTransform", 'capitalize'), _ref)
13272
+ }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React__default["default"].createElement("div", {
13273
+ "class": 'col-lg-12 p-0'
13274
+ }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13275
+ options: selectboxarr,
13276
+ styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13277
+ placeholder: '',
13278
+ onChange: function onChange(e) {
13279
+ var isattrexists = false;
13280
+ var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
13281
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
13282
+ if (attritem.id == item.id) {
13283
+ tempproductfeatuesarr[attrindex].value = e.value;
13284
+ isattrexists = true;
13285
+ }
13286
+ });
13287
+ if (isattrexists == false) {
13288
+ tempproductfeatuesarr.push({
13289
+ id: item.id,
13290
+ value: e.value
13291
+ });
13292
+ }
13293
+ setproductfeatuesarr(_toConsumableArray__default["default"](tempproductfeatuesarr));
13306
13294
  }
13307
- }
13308
- return crname;
13309
- },
13310
- getOptionValue: function getOptionValue(option) {
13311
- return option.id;
13312
- },
13313
- value: '',
13314
- onChange: function onChange(option) {},
13315
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13316
- isSearchable: true,
13317
- placeholder: ''
13318
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
13319
- "class": "col-lg-12 p-0 mb-3"
13320
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13321
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13322
- style: (_ref3 = {
13323
- color: sectionproperties.filtertitle_color
13324
- }, _defineProperty__default["default"](_ref3, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref3, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref3, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref3, "color", sectionproperties.filtertitle_color), _ref3)
13325
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13326
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13327
- }, /*#__PURE__*/React__default["default"].createElement("p", {
13328
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13329
- }, " ", langdetect == 'en' ? 'Kilometers (From)' : 'كيلومترات (من)'))), /*#__PURE__*/React__default["default"].createElement("div", {
13330
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13331
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13332
- className: 'col-lg-12 p-0'
13333
- }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13334
- options: [{
13335
- name: '10000',
13336
- value: '10000'
13337
- }, {
13338
- name: '20000',
13339
- value: '20000'
13340
- }],
13341
- getOptionLabel: function getOptionLabel(option) {
13342
- var crname = '';
13343
- if (langdetect == 'en') {
13344
- crname = option.name;
13345
- } else if (langdetect == 'ar') {
13346
- if (option.name_ar != null) {
13347
- crname = option.name_ar;
13348
- } else {
13349
- crname = option.name;
13295
+ })));
13296
+ }
13297
+ if (item.type == 'Number') {
13298
+ var _ref2;
13299
+ return /*#__PURE__*/React__default["default"].createElement("div", {
13300
+ "class": "col-lg-12 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3 p-0"
13301
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
13302
+ className: "".concat(filter_cssstyles.input_label_name) + ' mb-3 w-100 ',
13303
+ style: (_ref2 = {
13304
+ textAlign: langdetect == 'en' ? 'left' : 'right',
13305
+ color: sectionproperties.filtertitle_color
13306
+ }, _defineProperty__default["default"](_ref2, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref2, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref2, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref2, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref2, "textTransform", 'capitalize'), _ref2)
13307
+ }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React__default["default"].createElement("div", {
13308
+ "class": 'col-lg-12 p-0'
13309
+ }, /*#__PURE__*/React__default["default"].createElement("input", {
13310
+ type: "number",
13311
+ className: "".concat(formstyles.form_control, " ").concat(filter_cssstyles.form_control),
13312
+ placeholder: '',
13313
+ onChange: function onChange(e) {
13314
+ var isattrexists = false;
13315
+ var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
13316
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
13317
+ if (attritem.id == item.id) {
13318
+ tempproductfeatuesarr[attrindex].value = e.target.value;
13319
+ isattrexists = true;
13320
+ }
13321
+ });
13322
+ if (isattrexists == false) {
13323
+ tempproductfeatuesarr.push({
13324
+ id: item.id,
13325
+ value: e.target.value
13326
+ });
13327
+ }
13328
+ setproductfeatuesarr(_toConsumableArray__default["default"](tempproductfeatuesarr));
13350
13329
  }
13351
- }
13352
- return crname;
13353
- },
13354
- getOptionValue: function getOptionValue(option) {
13355
- return option.id;
13356
- },
13357
- value: '',
13358
- onChange: function onChange(option) {},
13359
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13360
- isSearchable: true,
13361
- placeholder: ''
13362
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
13363
- "class": "col-lg-12 p-0 mb-3"
13364
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13365
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13366
- style: (_ref4 = {
13367
- color: sectionproperties.filtertitle_color
13368
- }, _defineProperty__default["default"](_ref4, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref4, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref4, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref4, "color", sectionproperties.filtertitle_color), _ref4)
13369
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13370
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13371
- }, /*#__PURE__*/React__default["default"].createElement("p", {
13372
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13373
- }, langdetect == 'en' ? 'Kilometers (To)' : 'كيلومترات (الى)'))), /*#__PURE__*/React__default["default"].createElement("div", {
13374
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13375
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13376
- className: 'col-lg-12 p-0'
13377
- }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13378
- options: [{
13379
- name: '10000',
13380
- value: '10000'
13381
- }, {
13382
- name: '20000',
13383
- value: '20000'
13384
- }],
13385
- getOptionLabel: function getOptionLabel(option) {
13386
- var crname = '';
13387
- if (langdetect == 'en') {
13388
- crname = option.name;
13389
- } else if (langdetect == 'ar') {
13390
- if (option.name_ar != null) {
13391
- crname = option.name_ar;
13392
- } else {
13393
- crname = option.name;
13330
+ })));
13331
+ }
13332
+ if (item.type == 'NumberRange') {
13333
+ var _ref3;
13334
+ var temppricevalue = {
13335
+ min: 0,
13336
+ max: 10000
13337
+ };
13338
+ var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
13339
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
13340
+ if (attritem.id == item.id) {
13341
+ var _attritem$value, _attritem$valuemax;
13342
+ if (attritem.value != undefined && attritem.value != null && (attritem === null || attritem === void 0 || (_attritem$value = attritem.value) === null || _attritem$value === void 0 ? void 0 : _attritem$value.length) != 0) {
13343
+ temppricevalue.min = attritem.value;
13344
+ }
13345
+ if (attritem.valuemax != undefined && attritem.valuemax != null && (attritem === null || attritem === void 0 || (_attritem$valuemax = attritem.valuemax) === null || _attritem$valuemax === void 0 ? void 0 : _attritem$valuemax.length) != 0) {
13346
+ temppricevalue.max = attritem.valuemax;
13347
+ }
13394
13348
  }
13395
- }
13396
- return crname;
13397
- },
13398
- getOptionValue: function getOptionValue(option) {
13399
- return option.id;
13400
- },
13401
- value: '',
13402
- onChange: function onChange(option) {},
13403
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13404
- isSearchable: true,
13405
- placeholder: ''
13406
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
13407
- "class": "col-lg-12 p-0 mb-3"
13408
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13409
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13410
- style: (_ref5 = {
13411
- color: sectionproperties.filtertitle_color
13412
- }, _defineProperty__default["default"](_ref5, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref5, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref5, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref5, "color", sectionproperties.filtertitle_color), _ref5)
13413
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13414
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13415
- }, /*#__PURE__*/React__default["default"].createElement("p", {
13416
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13417
- }, langdetect == 'en' ? 'Year of built (From)' : 'سنة الصنع (من)'))), /*#__PURE__*/React__default["default"].createElement("div", {
13418
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13419
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13420
- className: 'col-lg-12 p-0'
13421
- }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13422
- options: [{
13423
- name: '2020',
13424
- value: '2020'
13425
- }, {
13426
- name: '2021',
13427
- value: '2021'
13428
- }],
13429
- getOptionLabel: function getOptionLabel(option) {
13430
- var crname = '';
13431
- if (langdetect == 'en') {
13432
- crname = option.name;
13433
- } else if (langdetect == 'ar') {
13434
- if (option.name_ar != null) {
13435
- crname = option.name_ar;
13436
- } else {
13437
- crname = option.name;
13349
+ });
13350
+ return /*#__PURE__*/React__default["default"].createElement("div", {
13351
+ className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-12 col-md-12 col-sm-12 mb-3 '
13352
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
13353
+ className: "".concat(filter_cssstyles.input_label_name) + ' mb-3 w-100',
13354
+ style: (_ref3 = {
13355
+ textAlign: langdetect == 'en' ? 'left' : 'right',
13356
+ color: sectionproperties.filtertitle_color
13357
+ }, _defineProperty__default["default"](_ref3, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref3, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref3, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref3, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref3, "textTransform", 'capitalize'), _ref3)
13358
+ }, langdetect == 'en' ? item.name_en : item.name_ar, item.type), /*#__PURE__*/React__default["default"].createElement("div", {
13359
+ "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
13360
+ style: {
13361
+ direction: 'ltr'
13438
13362
  }
13439
- }
13440
- return crname;
13441
- },
13442
- getOptionValue: function getOptionValue(option) {
13443
- return option.id;
13444
- },
13445
- value: '',
13446
- onChange: function onChange(option) {},
13447
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13448
- isSearchable: true,
13449
- placeholder: ''
13450
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
13451
- "class": "col-lg-12 p-0 mb-3"
13452
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13453
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13454
- style: (_ref6 = {
13455
- color: sectionproperties.filtertitle_color
13456
- }, _defineProperty__default["default"](_ref6, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref6, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref6, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref6, "color", sectionproperties.filtertitle_color), _ref6)
13457
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13458
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13459
- }, /*#__PURE__*/React__default["default"].createElement("p", {
13460
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13461
- }, langdetect == 'en' ? 'Year of built (To)' : 'سنة الصنع (الى)'))), /*#__PURE__*/React__default["default"].createElement("div", {
13462
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13463
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13464
- className: 'col-lg-12 p-0'
13465
- }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13466
- options: [{
13467
- name: '2020',
13468
- value: '2020'
13469
- }, {
13470
- name: '2021',
13471
- value: '2021'
13472
- }],
13473
- getOptionLabel: function getOptionLabel(option) {
13474
- var crname = '';
13475
- if (langdetect == 'en') {
13476
- crname = option.name;
13477
- } else if (langdetect == 'ar') {
13478
- if (option.name_ar != null) {
13479
- crname = option.name_ar;
13480
- } else {
13481
- crname = option.name;
13363
+ }, /*#__PURE__*/React__default["default"].createElement(InputRange__default["default"], {
13364
+ draggableTrack: true,
13365
+ formatLabel: function formatLabel(value) {
13366
+ return "".concat(value);
13367
+ },
13368
+ maxValue: parseInt(sectionproperties.filterpricemaxvalue),
13369
+ minValue: parseInt(sectionproperties.filterpriceminvalue),
13370
+ value: temppricevalue,
13371
+ onChange: function onChange(e) {
13372
+ // setpricevalue({ ...value });
13373
+ var isattrexists = false;
13374
+ var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
13375
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
13376
+ if (attritem.id == item.id) {
13377
+ tempproductfeatuesarr[attrindex].value = e.min;
13378
+ tempproductfeatuesarr[attrindex].valuemax = e.max;
13379
+ isattrexists = true;
13380
+ }
13381
+ });
13382
+ if (isattrexists == false) {
13383
+ tempproductfeatuesarr.push({
13384
+ id: item.id,
13385
+ value: e.min,
13386
+ valuemax: e.max
13387
+ });
13388
+ }
13389
+ setproductfeatuesarr(_toConsumableArray__default["default"](tempproductfeatuesarr));
13482
13390
  }
13483
- }
13484
- return crname;
13485
- },
13486
- getOptionValue: function getOptionValue(option) {
13487
- return option.id;
13488
- },
13489
- value: '',
13490
- onChange: function onChange(option) {},
13491
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13492
- isSearchable: true,
13493
- placeholder: ''
13494
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
13495
- "class": "col-lg-12 p-0 mb-3"
13496
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13497
- className: ' row m-0 p-0 mb-4 pl-md-3 pr-md-3 ',
13498
- style: (_ref7 = {
13499
- color: sectionproperties.filtertitle_color
13500
- }, _defineProperty__default["default"](_ref7, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref7, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref7, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref7, "color", sectionproperties.filtertitle_color), _ref7)
13501
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13502
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13503
- }, /*#__PURE__*/React__default["default"].createElement("p", {
13504
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13505
- }, langdetect == 'en' ? 'Price' : 'السعر'))), /*#__PURE__*/React__default["default"].createElement("div", {
13506
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13507
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13508
- className: 'col-lg-12 p-0 px-md-4',
13509
- style: {
13510
- direction: 'ltr'
13511
- }
13512
- }, /*#__PURE__*/React__default["default"].createElement(InputRange__default["default"], {
13513
- draggableTrack: true,
13514
- formatLabel: function formatLabel(value) {
13515
- return "".concat(value);
13516
- },
13517
- maxValue: parseInt(sectionproperties.filterpricemaxvalue),
13518
- minValue: parseInt(sectionproperties.filterpriceminvalue),
13519
- value: pricevalue,
13520
- onChange: function onChange(value) {
13521
- setpricevalue(_objectSpread$26({}, value));
13391
+ })));
13522
13392
  }
13523
- })))));
13393
+ }))));
13524
13394
  };
13525
13395
  var InstFilters = function InstFilters() {
13526
13396
  return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
@@ -13579,6 +13449,15 @@
13579
13449
  }));
13580
13450
  };
13581
13451
  var filter_cssstyles = {
13452
+ form_control: glamor.css((_css = {
13453
+ position: 'relative',
13454
+ display: 'flex',
13455
+ alignItems: 'center'
13456
+ }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 30px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", '1px solid #ccc'), _defineProperty__default["default"](_css, "borderRadius", '5px'), _defineProperty__default["default"](_css, "height", '40px'), _defineProperty__default["default"](_css, "background", 'transparent'), _defineProperty__default["default"](_css, "color", '#000'), _defineProperty__default["default"](_css, "fontSize", '14px'), _defineProperty__default["default"](_css, ':focus', {
13457
+ // borderColor: sectionproperties.inputfeildbordercoloronfocus,
13458
+ borderColor: '#eac435',
13459
+ boxShadow: 'none'
13460
+ }), _css)),
13582
13461
  collapsetitle: glamor.css({
13583
13462
  fontSize: sectionproperties.filtertitle_fontsize + 'px',
13584
13463
  fontWeight: sectionproperties.filtertitle_fontweight,
@@ -13841,10 +13720,10 @@
13841
13720
  isSearchable: true
13842
13721
  })))));
13843
13722
  };
13844
- var _useState19 = React.useState(false),
13845
- _useState20 = _slicedToArray__default["default"](_useState19, 2),
13846
- checked = _useState20[0],
13847
- setChecked = _useState20[1];
13723
+ var _useState21 = React.useState(false),
13724
+ _useState22 = _slicedToArray__default["default"](_useState21, 2),
13725
+ checked = _useState22[0],
13726
+ setChecked = _useState22[1];
13848
13727
  // const queryParameters = new URLSearchParams(window.location.search);
13849
13728
  // useEffect(() => {
13850
13729
  // // setsortbycontext('Sort By');
@@ -15736,7 +15615,8 @@
15736
15615
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
15737
15616
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
15738
15617
  marginTop: sectionproperties.marginTop + 'px',
15739
- marginBottom: sectionproperties.marginBottom + 'px'
15618
+ marginBottom: sectionproperties.marginBottom + 'px',
15619
+ minHeight: sectionproperties.height == null || sectionproperties.height == 0 ? 'auto' : sectionproperties.height + 'vh'
15740
15620
  }
15741
15621
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
15742
15622
  "class": section_cssstyles.innercardssection + ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 '
@@ -21593,6 +21473,32 @@
21593
21473
  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
21594
21474
  size: 25,
21595
21475
  color: '#fff'
21476
+ })))), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
21477
+ href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
21478
+ target: '_blank',
21479
+ style: {
21480
+ position: 'fixed',
21481
+ bottom: 60,
21482
+ right: 10,
21483
+ zIndex: 999999,
21484
+ transition: 'all 0.3s ease-out'
21485
+ }
21486
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
21487
+ style: {
21488
+ width: 40,
21489
+ height: 40,
21490
+ borderRadius: 100,
21491
+ background: '#000',
21492
+ cursor: 'pointer'
21493
+ }
21494
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
21495
+ "class": "h-100 allcentered"
21496
+ }, /*#__PURE__*/React__default["default"].createElement(AiOutlinePhone.AiOutlinePhone, {
21497
+ size: 25,
21498
+ color: '#fff',
21499
+ style: {
21500
+ transform: langdetect == 'en' ? 'scaleX(-1)' : 'scaleX(1)'
21501
+ }
21596
21502
  })))), /*#__PURE__*/React__default["default"].createElement("div", {
21597
21503
  "class": "row m-0",
21598
21504
  style: {
@@ -41612,7 +41518,7 @@
41612
41518
  function ownKeys$1m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
41613
41519
  function _objectSpread$1m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1m(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
41614
41520
  var Newsletterfooter = function Newsletterfooter(props) {
41615
- var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14;
41521
+ var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17;
41616
41522
  var _useState = React.useState(''),
41617
41523
  _useState2 = _slicedToArray__default["default"](_useState, 2),
41618
41524
  sectionproperties = _useState2[0],
@@ -42039,13 +41945,24 @@
42039
41945
  }
42040
41946
  }, /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
42041
41947
  size: sectionproperties.instgrambtniconfontsize
42042
- })), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("p", {
42043
- "class": footerStyles.youtube_btn + ' m-0 p-0 allcentered mx-2 ',
41948
+ })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
41949
+ "class": footerStyles.instgram_btn + ' m-0 p-0 allcentered mx-2 ',
42044
41950
  onClick: function onClick() {
42045
41951
  var _authdetailsContext$i15;
42046
- if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.whatsappnumber) != null) {
41952
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.tiktoklink) != null) {
42047
41953
  var _authdetailsContext$i16;
42048
- window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.whatsappnumber), '_blank');
41954
+ window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.linkedinlink, '_blank');
41955
+ }
41956
+ }
41957
+ }, /*#__PURE__*/React__default["default"].createElement(FaLinkedinIn.FaLinkedinIn, {
41958
+ size: sectionproperties.instgrambtniconfontsize
41959
+ })), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("p", {
41960
+ "class": footerStyles.youtube_btn + ' m-0 p-0 allcentered mx-2 ',
41961
+ onClick: function onClick() {
41962
+ var _authdetailsContext$i18;
41963
+ if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.whatsappnumber) != null) {
41964
+ var _authdetailsContext$i19;
41965
+ window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.whatsappnumber), '_blank');
42049
41966
  }
42050
41967
  }
42051
41968
  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
@@ -47548,6 +47465,7 @@
47548
47465
  function ownKeys$17(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
47549
47466
  function _objectSpread$17(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$17(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$17(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
47550
47467
  var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props) {
47468
+ var _css, _fetchProductFeatures;
47551
47469
  var _useState = React.useState(''),
47552
47470
  _useState2 = _slicedToArray__default["default"](_useState, 2),
47553
47471
  sectionproperties = _useState2[0],
@@ -47574,6 +47492,7 @@
47574
47492
  var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
47575
47493
  var fetchTabexCitiesQueryContext = props.actions.fetchTabexCitiesQueryContext;
47576
47494
  var fetchproductsfilerobjcontext = props.actions.fetchproductsfilerobjcontext;
47495
+ var fetchProductFeaturesQueryContext = props.actions.fetchProductFeaturesQueryContext;
47577
47496
  var routingcountext = props.actions.routingcountext;
47578
47497
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
47579
47498
  // const fetchcollectionsQueryContext = props.actions.fetchcollectionsQueryContext;
@@ -47593,6 +47512,10 @@
47593
47512
  _useState12 = _slicedToArray__default["default"](_useState11, 2);
47594
47513
  _useState12[0];
47595
47514
  _useState12[1];
47515
+ var _useState13 = React.useState([]),
47516
+ _useState14 = _slicedToArray__default["default"](_useState13, 2),
47517
+ productfeatuesarr = _useState14[0],
47518
+ setproductfeatuesarr = _useState14[1];
47596
47519
  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
47597
47520
  var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
47598
47521
  var authdetailsContext = props.actions.authdetailsContext;
@@ -47636,6 +47559,15 @@
47636
47559
  }
47637
47560
  }, [sectionproperties]);
47638
47561
  var sectionstyles = {
47562
+ form_control: glamor.css((_css = {
47563
+ position: 'relative',
47564
+ display: 'flex',
47565
+ alignItems: 'center'
47566
+ }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 30px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", '1px solid #e6e6e6'), _defineProperty__default["default"](_css, "borderRadius", '5px'), _defineProperty__default["default"](_css, "height", '38px'), _defineProperty__default["default"](_css, "background", 'transparent'), _defineProperty__default["default"](_css, "color", '#000'), _defineProperty__default["default"](_css, "fontSize", '14px'), _defineProperty__default["default"](_css, ':focus', {
47567
+ // borderColor: sectionproperties.inputfeildbordercoloronfocus,
47568
+ borderColor: '#eac435',
47569
+ boxShadow: 'none'
47570
+ }), _css)),
47639
47571
  btnstyles: glamor.css({
47640
47572
  width: sectionproperties.generalbtn_width + '%',
47641
47573
  height: sectionproperties.generalbtn_height + 'px',
@@ -47651,9 +47583,6 @@
47651
47583
  color: sectionproperties.generalbtn_textColoronhover
47652
47584
  }
47653
47585
  }),
47654
- form_control: glamor.css({
47655
- backgroundImage: 'linear-gradient(to top, #eac435 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px)'
47656
- }),
47657
47586
  input_label_name: glamor.css({
47658
47587
  color: sectionproperties.form_labelcolor,
47659
47588
  textTransform: sectionproperties.form_labeltexttransform,
@@ -47998,159 +47927,147 @@
47998
47927
  "class": "col-lg-12 p-0"
47999
47928
  }, /*#__PURE__*/React__default["default"].createElement("div", {
48000
47929
  "class": "row m-0 w-100 d-flex align-items-center justify-content-start"
48001
- }, /*#__PURE__*/React__default["default"].createElement("div", {
48002
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48003
- }, /*#__PURE__*/React__default["default"].createElement("label", {
48004
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48005
- style: {
48006
- textAlign: langdetect == 'en' ? 'left' : 'right'
48007
- }
48008
- }, langdetect == 'en' ? 'Car Brand' : 'الماركة'), /*#__PURE__*/React__default["default"].createElement("div", {
48009
- "class": 'col-lg-12 p-0'
48010
- }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48011
- options: [{
48012
- label: 'Tesla',
48013
- value: 1
48014
- }, {
48015
- label: 'VW',
48016
- value: 0
48017
- }, {
48018
- label: 'BYD',
48019
- value: 0
48020
- }],
48021
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48022
- placeholder: ''
48023
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
48024
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48025
- }, /*#__PURE__*/React__default["default"].createElement("label", {
48026
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48027
- style: {
48028
- textAlign: langdetect == 'en' ? 'left' : 'right'
48029
- }
48030
- }, langdetect == 'en' ? 'Car Model' : 'النوع'), /*#__PURE__*/React__default["default"].createElement("div", {
48031
- "class": 'col-lg-12 p-0'
48032
- }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48033
- options: [{
48034
- label: 'ID.4',
48035
- value: 1
48036
- }, {
48037
- label: 'ID.6',
48038
- value: 0
48039
- }],
48040
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48041
- placeholder: ''
48042
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
48043
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48044
- }, /*#__PURE__*/React__default["default"].createElement("label", {
48045
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48046
- style: {
48047
- textAlign: langdetect == 'en' ? 'left' : 'right'
48048
- }
48049
- }, langdetect == 'en' ? 'Kilometers (From)' : 'كيلومترات (من)'), /*#__PURE__*/React__default["default"].createElement("div", {
48050
- "class": 'col-lg-12 p-0'
48051
- }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48052
- options: [{
48053
- label: '100000',
48054
- value: 1
48055
- }, {
48056
- label: '50000',
48057
- value: 0
48058
- }, {
48059
- label: '30000',
48060
- value: 0
48061
- }],
48062
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48063
- placeholder: ''
48064
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
48065
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48066
- }, /*#__PURE__*/React__default["default"].createElement("label", {
48067
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48068
- style: {
48069
- textAlign: langdetect == 'en' ? 'left' : 'right'
48070
- }
48071
- }, langdetect == 'en' ? 'Kilometers (To)' : 'كيلومترات (الى)'), /*#__PURE__*/React__default["default"].createElement("div", {
48072
- "class": 'col-lg-12 p-0'
48073
- }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48074
- options: [{
48075
- label: '100000',
48076
- value: 1
48077
- }, {
48078
- label: '50000',
48079
- value: 0
48080
- }, {
48081
- label: '30000',
48082
- value: 0
48083
- }],
48084
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48085
- placeholder: ''
48086
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
48087
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48088
- }, /*#__PURE__*/React__default["default"].createElement("label", {
48089
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48090
- style: {
48091
- textAlign: langdetect == 'en' ? 'left' : 'right'
48092
- }
48093
- }, langdetect == 'en' ? 'Year of built (From)' : 'سنة الصنع (من)'), /*#__PURE__*/React__default["default"].createElement("div", {
48094
- "class": 'col-lg-12 p-0'
48095
- }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48096
- options: [{
48097
- label: '2023',
48098
- value: 1
48099
- }, {
48100
- label: '2022',
48101
- value: 0
48102
- }, {
48103
- label: '2021',
48104
- value: 0
48105
- }],
48106
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48107
- placeholder: ''
48108
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
48109
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48110
- }, /*#__PURE__*/React__default["default"].createElement("label", {
48111
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48112
- style: {
48113
- textAlign: langdetect == 'en' ? 'left' : 'right'
48114
- }
48115
- }, langdetect == 'en' ? 'Year of built (To)' : 'سنة الصنع (الى)'), /*#__PURE__*/React__default["default"].createElement("div", {
48116
- "class": 'col-lg-12 p-0'
48117
- }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48118
- options: [{
48119
- label: '2023',
48120
- value: 1
48121
- }, {
48122
- label: '2022',
48123
- value: 0
48124
- }, {
48125
- label: '2021',
48126
- value: 0
48127
- }],
48128
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48129
- placeholder: ''
48130
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
48131
- className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-3 '
48132
- }, /*#__PURE__*/React__default["default"].createElement("label", {
48133
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100',
48134
- style: {
48135
- textAlign: langdetect == 'en' ? 'left' : 'right'
47930
+ }, (fetchProductFeaturesQueryContext === null || fetchProductFeaturesQueryContext === void 0 ? void 0 : fetchProductFeaturesQueryContext.isSuccess) && (fetchProductFeaturesQueryContext === null || fetchProductFeaturesQueryContext === void 0 || (_fetchProductFeatures = fetchProductFeaturesQueryContext.data) === null || _fetchProductFeatures === void 0 || (_fetchProductFeatures = _fetchProductFeatures.data) === null || _fetchProductFeatures === void 0 || (_fetchProductFeatures = _fetchProductFeatures.productfeatues) === null || _fetchProductFeatures === void 0 ? void 0 : _fetchProductFeatures.map(function (item, index) {
47931
+ if (item.type == 'Selectbox') {
47932
+ var _item$featuresselectb;
47933
+ var selectboxarr = [];
47934
+ item === null || item === void 0 || (_item$featuresselectb = item.featuresselectbovalue) === null || _item$featuresselectb === void 0 || _item$featuresselectb.forEach(function (slecitem) {
47935
+ var itemlabel = '';
47936
+ if (langdetect == 'en') {
47937
+ itemlabel = slecitem.value_en;
47938
+ } else {
47939
+ itemlabel = slecitem.value_ar;
47940
+ }
47941
+ selectboxarr.push({
47942
+ label: itemlabel,
47943
+ value: slecitem.value_en
47944
+ });
47945
+ });
47946
+ return /*#__PURE__*/React__default["default"].createElement("div", {
47947
+ "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
47948
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
47949
+ className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
47950
+ style: {
47951
+ textAlign: langdetect == 'en' ? 'left' : 'right'
47952
+ }
47953
+ }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React__default["default"].createElement("div", {
47954
+ "class": 'col-lg-12 p-0'
47955
+ }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
47956
+ options: selectboxarr,
47957
+ styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
47958
+ placeholder: '',
47959
+ onChange: function onChange(e) {
47960
+ var isattrexists = false;
47961
+ var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
47962
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
47963
+ if (attritem.id == item.id) {
47964
+ tempproductfeatuesarr[attrindex].value = e.value;
47965
+ isattrexists = true;
47966
+ }
47967
+ });
47968
+ if (isattrexists == false) {
47969
+ tempproductfeatuesarr.push({
47970
+ id: item.id,
47971
+ value: e.value
47972
+ });
47973
+ }
47974
+ setproductfeatuesarr(_toConsumableArray__default["default"](tempproductfeatuesarr));
47975
+ }
47976
+ })));
48136
47977
  }
48137
- }, langdetect == 'en' ? 'Price' : 'السعر'), /*#__PURE__*/React__default["default"].createElement("div", {
48138
- "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
48139
- style: {
48140
- direction: 'ltr'
47978
+ if (item.type == 'Number') {
47979
+ return /*#__PURE__*/React__default["default"].createElement("div", {
47980
+ "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
47981
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
47982
+ className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
47983
+ style: {
47984
+ textAlign: langdetect == 'en' ? 'left' : 'right'
47985
+ }
47986
+ }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React__default["default"].createElement("div", {
47987
+ "class": 'col-lg-12 p-0 mt-1'
47988
+ }, /*#__PURE__*/React__default["default"].createElement("input", {
47989
+ type: "number",
47990
+ className: "".concat(formstyles.form_control, " ").concat(sectionstyles.form_control),
47991
+ placeholder: '',
47992
+ onChange: function onChange(e) {
47993
+ var isattrexists = false;
47994
+ var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
47995
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
47996
+ if (attritem.id == item.id) {
47997
+ tempproductfeatuesarr[attrindex].value = e.target.value;
47998
+ isattrexists = true;
47999
+ }
48000
+ });
48001
+ if (isattrexists == false) {
48002
+ tempproductfeatuesarr.push({
48003
+ id: item.id,
48004
+ value: e.target.value
48005
+ });
48006
+ }
48007
+ setproductfeatuesarr(_toConsumableArray__default["default"](tempproductfeatuesarr));
48008
+ }
48009
+ })));
48141
48010
  }
48142
- }, /*#__PURE__*/React__default["default"].createElement(InputRange__default["default"], {
48143
- draggableTrack: true,
48144
- formatLabel: function formatLabel(value) {
48145
- return "".concat(value);
48146
- },
48147
- maxValue: parseInt(sectionproperties.filterpricemaxvalue),
48148
- minValue: parseInt(sectionproperties.filterpriceminvalue),
48149
- value: pricevalue,
48150
- onChange: function onChange(value) {
48151
- setpricevalue(_objectSpread$17({}, value));
48011
+ if (item.type == 'NumberRange') {
48012
+ var temppricevalue = {
48013
+ min: 0,
48014
+ max: 10000
48015
+ };
48016
+ var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
48017
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
48018
+ if (attritem.id == item.id) {
48019
+ var _attritem$value, _attritem$valuemax;
48020
+ if (attritem.value != undefined && attritem.value != null && (attritem === null || attritem === void 0 || (_attritem$value = attritem.value) === null || _attritem$value === void 0 ? void 0 : _attritem$value.length) != 0) {
48021
+ temppricevalue.min = attritem.value;
48022
+ }
48023
+ if (attritem.valuemax != undefined && attritem.valuemax != null && (attritem === null || attritem === void 0 || (_attritem$valuemax = attritem.valuemax) === null || _attritem$valuemax === void 0 ? void 0 : _attritem$valuemax.length) != 0) {
48024
+ temppricevalue.max = attritem.valuemax;
48025
+ }
48026
+ }
48027
+ });
48028
+ return /*#__PURE__*/React__default["default"].createElement("div", {
48029
+ className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-3 '
48030
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
48031
+ className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100',
48032
+ style: {
48033
+ textAlign: langdetect == 'en' ? 'left' : 'right'
48034
+ }
48035
+ }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React__default["default"].createElement("div", {
48036
+ "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
48037
+ style: {
48038
+ direction: 'ltr'
48039
+ }
48040
+ }, /*#__PURE__*/React__default["default"].createElement(InputRange__default["default"], {
48041
+ draggableTrack: true,
48042
+ formatLabel: function formatLabel(value) {
48043
+ return "".concat(value);
48044
+ },
48045
+ maxValue: parseInt(sectionproperties.filterpricemaxvalue),
48046
+ minValue: parseInt(sectionproperties.filterpriceminvalue),
48047
+ value: temppricevalue,
48048
+ onChange: function onChange(e) {
48049
+ // setpricevalue({ ...value });
48050
+ var isattrexists = false;
48051
+ var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
48052
+ tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
48053
+ if (attritem.id == item.id) {
48054
+ tempproductfeatuesarr[attrindex].value = e.min;
48055
+ tempproductfeatuesarr[attrindex].valuemax = e.max;
48056
+ isattrexists = true;
48057
+ }
48058
+ });
48059
+ if (isattrexists == false) {
48060
+ tempproductfeatuesarr.push({
48061
+ id: item.id,
48062
+ value: e.min,
48063
+ valuemax: e.max
48064
+ });
48065
+ }
48066
+ setproductfeatuesarr(_toConsumableArray__default["default"](tempproductfeatuesarr));
48067
+ }
48068
+ })));
48152
48069
  }
48153
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
48070
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
48154
48071
  "class": "col-lg-2 col-md-12 text-end",
48155
48072
  style: {
48156
48073
  marginLeft: langdetect == 'en' ? 'auto' : '',
@@ -48195,6 +48112,9 @@
48195
48112
  tempfetchproductsfilerobjcontext.price_max = pricevalue.max;
48196
48113
  }
48197
48114
  }
48115
+ if (productfeatuesarr != undefined && productfeatuesarr != null && Array.isArray(productfeatuesarr) && (productfeatuesarr === null || productfeatuesarr === void 0 ? void 0 : productfeatuesarr.length) != 0) {
48116
+ tempfetchproductsfilerobjcontext.prod_featruesar = productfeatuesarr;
48117
+ }
48198
48118
  if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
48199
48119
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
48200
48120
  }