tabexseriescomponents 0.0.359 → 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/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/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/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.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.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, GoSearch, AiOutlineInstagram, BsChevronDown, RiUserSettingsLine, IoClose, HiUserCircle, MdKeyboardArrowUp, BsInfoCircle, AiFillPhone, FaTelegramPlane, FaPhoneAlt, FaPhone, AiOutlinePhone, BiUserCircle, GoLocation, RiRoadMapLine, HiOutlineClock, AiOutlineLinkedin, FaLinkedinIn, 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
 
@@ -12691,7 +12691,7 @@
12691
12691
  return import('react-select');
12692
12692
  });
12693
12693
  var Filter$1 = function Filter(props) {
12694
- var _authdetailsContext$i;
12694
+ var _authdetailsContext$i, _css;
12695
12695
  var lang = props.actions.lang;
12696
12696
  var langdetect = props.actions.langdetect;
12697
12697
  props.actions.productfiltercontext;
@@ -12706,9 +12706,13 @@
12706
12706
  min: 0,
12707
12707
  max: 10000
12708
12708
  }),
12709
- _useState2 = _slicedToArray__default["default"](_useState, 2),
12710
- pricevalue = _useState2[0],
12711
- 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];
12712
12716
  var fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
12713
12717
  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
12714
12718
  var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
@@ -12716,40 +12720,41 @@
12716
12720
  var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
12717
12721
  var FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
12718
12722
  var setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
12719
- var _useState3 = React.useState(''),
12720
- _useState4 = _slicedToArray__default["default"](_useState3, 2),
12721
- sectionproperties = _useState4[0],
12722
- setsectionproperties = _useState4[1];
12723
- var _useState5 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instfilters)),
12723
+ var fetchProductFeaturesQueryContext = props.actions.fetchProductFeaturesQueryContext;
12724
+ var _useState5 = React.useState(''),
12724
12725
  _useState6 = _slicedToArray__default["default"](_useState5, 2),
12725
- instfilters = _useState6[0],
12726
- setinstfilters = _useState6[1];
12727
- var _useState7 = React.useState([]),
12726
+ sectionproperties = _useState6[0],
12727
+ setsectionproperties = _useState6[1];
12728
+ var _useState7 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instfilters)),
12728
12729
  _useState8 = _slicedToArray__default["default"](_useState7, 2),
12729
- collectionstobevisible = _useState8[0],
12730
- setcollectionstobevisible = _useState8[1];
12731
- var _useState9 = React.useState(_toConsumableArray__default["default"](authdetailsContext.instinfo.instcollections)),
12730
+ instfilters = _useState8[0],
12731
+ setinstfilters = _useState8[1];
12732
+ var _useState9 = React.useState([]),
12732
12733
  _useState10 = _slicedToArray__default["default"](_useState9, 2),
12733
- instcollections = _useState10[0],
12734
- setinstcollections = _useState10[1];
12735
- 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)),
12736
12737
  _useState12 = _slicedToArray__default["default"](_useState11, 2),
12737
- instcategories = _useState12[0],
12738
- 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];
12739
12744
  // const [sortby, setSortby] = useState('Sort by');
12740
- var _useState13 = React.useState({
12745
+ var _useState15 = React.useState({
12741
12746
  min: 0,
12742
12747
  max: 5
12743
12748
  }),
12744
- _useState14 = _slicedToArray__default["default"](_useState13, 2),
12745
- raterangevalue = _useState14[0],
12746
- setraterangevalue = _useState14[1];
12749
+ _useState16 = _slicedToArray__default["default"](_useState15, 2),
12750
+ raterangevalue = _useState16[0],
12751
+ setraterangevalue = _useState16[1];
12747
12752
  var timeoutRef = React__default["default"].useRef(null);
12748
- var _useState15 = React.useState(''),
12749
- _useState16 = _slicedToArray__default["default"](_useState15, 2);
12750
- _useState16[0];
12751
- var setsortbycontext = _useState16[1];
12752
- 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([{
12753
12758
  payloadvalue: 'sortprice',
12754
12759
  name: lang.price,
12755
12760
  filterarray: [{
@@ -12774,9 +12779,9 @@
12774
12779
  isfilterselected: false
12775
12780
  }]
12776
12781
  }]),
12777
- _useState18 = _slicedToArray__default["default"](_useState17, 2),
12778
- otherfilters = _useState18[0];
12779
- _useState18[1];
12782
+ _useState20 = _slicedToArray__default["default"](_useState19, 2),
12783
+ otherfilters = _useState20[0];
12784
+ _useState20[1];
12780
12785
  React.useEffect(function () {
12781
12786
  filterupdater();
12782
12787
  }, []);
@@ -12886,6 +12891,14 @@
12886
12891
  setcollectionstobevisible(instcollections);
12887
12892
  }
12888
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]);
12889
12902
  React.useEffect(function () {
12890
12903
  if (fetchTabexStatesQueryContext.isSuccess) {
12891
12904
  if (ProductFilterObjContext.stateid != undefined && ProductFilterObjContext.stateid != null && ProductFilterObjContext.stateid != '' && ProductFilterObjContext.stateid != 'all') {
@@ -13225,308 +13238,159 @@
13225
13238
  })));
13226
13239
  };
13227
13240
  var DynamicFilter = function DynamicFilter() {
13228
- var _ref, _ref3, _ref4, _ref5, _ref6, _ref7;
13241
+ var _fetchProductFeatures;
13229
13242
  return /*#__PURE__*/React__default["default"].createElement("div", {
13230
13243
  "class": "row m-0 w-100"
13231
13244
  }, /*#__PURE__*/React__default["default"].createElement("div", {
13232
13245
  "class": "col-lg-12 p-0 mb-3"
13233
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13234
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13235
- style: (_ref = {
13236
- color: sectionproperties.filtertitle_color
13237
- }, _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)
13238
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13239
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13240
- }, /*#__PURE__*/React__default["default"].createElement("p", {
13241
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13242
- }, 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", {
13243
13247
  className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13244
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13245
- className: 'col-lg-12 p-0'
13246
- }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13247
- options: [{
13248
- name: 'Tesla',
13249
- value: 'Tesla'
13250
- }, {
13251
- name: 'VW',
13252
- value: 'VW'
13253
- }, {
13254
- name: 'Mercedes',
13255
- value: 'Mercedes'
13256
- }],
13257
- getOptionLabel: function getOptionLabel(option) {
13258
- var crname = '';
13259
- if (langdetect == 'en') {
13260
- crname = option.name;
13261
- } else if (langdetect == 'ar') {
13262
- if (option.name_ar != null) {
13263
- 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;
13264
13256
  } else {
13265
- crname = option.name;
13257
+ itemlabel = slecitem.value_ar;
13266
13258
  }
13267
- }
13268
- return crname;
13269
- },
13270
- getOptionValue: function getOptionValue(option) {
13271
- return option.id;
13272
- },
13273
- value: '',
13274
- onChange: function onChange(option) {},
13275
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13276
- isSearchable: true,
13277
- placeholder: ''
13278
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
13279
- "class": "col-lg-12 p-0 mb-3"
13280
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13281
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13282
- style: _defineProperty__default["default"]({
13283
- color: sectionproperties.filtertitle_color,
13284
- fontSize: sectionproperties.filtertitle_fontsize + 'px',
13285
- fontWeight: sectionproperties.filtertitle_fontweight
13286
- }, "color", sectionproperties.filtertitle_color)
13287
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13288
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13289
- }, /*#__PURE__*/React__default["default"].createElement("p", {
13290
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13291
- }, langdetect == 'en' ? 'Car Model' : 'النوع'))), /*#__PURE__*/React__default["default"].createElement("div", {
13292
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13293
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13294
- className: 'col-lg-12 p-0'
13295
- }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13296
- options: [{
13297
- name: 'ID.4',
13298
- value: 'ID.4'
13299
- }, {
13300
- name: 'ID.6',
13301
- value: 'ID.6'
13302
- }],
13303
- getOptionLabel: function getOptionLabel(option) {
13304
- var crname = '';
13305
- if (langdetect == 'en') {
13306
- crname = option.name;
13307
- } else if (langdetect == 'ar') {
13308
- if (option.name_ar != null) {
13309
- crname = option.name_ar;
13310
- } else {
13311
- 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));
13312
13294
  }
13313
- }
13314
- return crname;
13315
- },
13316
- getOptionValue: function getOptionValue(option) {
13317
- return option.id;
13318
- },
13319
- value: '',
13320
- onChange: function onChange(option) {},
13321
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13322
- isSearchable: true,
13323
- placeholder: ''
13324
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
13325
- "class": "col-lg-12 p-0 mb-3"
13326
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13327
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13328
- style: (_ref3 = {
13329
- color: sectionproperties.filtertitle_color
13330
- }, _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)
13331
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13332
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13333
- }, /*#__PURE__*/React__default["default"].createElement("p", {
13334
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13335
- }, " ", langdetect == 'en' ? 'Kilometers (From)' : 'كيلومترات (من)'))), /*#__PURE__*/React__default["default"].createElement("div", {
13336
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13337
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13338
- className: 'col-lg-12 p-0'
13339
- }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13340
- options: [{
13341
- name: '10000',
13342
- value: '10000'
13343
- }, {
13344
- name: '20000',
13345
- value: '20000'
13346
- }],
13347
- getOptionLabel: function getOptionLabel(option) {
13348
- var crname = '';
13349
- if (langdetect == 'en') {
13350
- crname = option.name;
13351
- } else if (langdetect == 'ar') {
13352
- if (option.name_ar != null) {
13353
- crname = option.name_ar;
13354
- } else {
13355
- 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));
13356
13329
  }
13357
- }
13358
- return crname;
13359
- },
13360
- getOptionValue: function getOptionValue(option) {
13361
- return option.id;
13362
- },
13363
- value: '',
13364
- onChange: function onChange(option) {},
13365
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13366
- isSearchable: true,
13367
- placeholder: ''
13368
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
13369
- "class": "col-lg-12 p-0 mb-3"
13370
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13371
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13372
- style: (_ref4 = {
13373
- color: sectionproperties.filtertitle_color
13374
- }, _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)
13375
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13376
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13377
- }, /*#__PURE__*/React__default["default"].createElement("p", {
13378
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13379
- }, langdetect == 'en' ? 'Kilometers (To)' : 'كيلومترات (الى)'))), /*#__PURE__*/React__default["default"].createElement("div", {
13380
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13381
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13382
- className: 'col-lg-12 p-0'
13383
- }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13384
- options: [{
13385
- name: '10000',
13386
- value: '10000'
13387
- }, {
13388
- name: '20000',
13389
- value: '20000'
13390
- }],
13391
- getOptionLabel: function getOptionLabel(option) {
13392
- var crname = '';
13393
- if (langdetect == 'en') {
13394
- crname = option.name;
13395
- } else if (langdetect == 'ar') {
13396
- if (option.name_ar != null) {
13397
- crname = option.name_ar;
13398
- } else {
13399
- 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
+ }
13400
13348
  }
13401
- }
13402
- return crname;
13403
- },
13404
- getOptionValue: function getOptionValue(option) {
13405
- return option.id;
13406
- },
13407
- value: '',
13408
- onChange: function onChange(option) {},
13409
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13410
- isSearchable: true,
13411
- placeholder: ''
13412
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
13413
- "class": "col-lg-12 p-0 mb-3"
13414
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13415
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13416
- style: (_ref5 = {
13417
- color: sectionproperties.filtertitle_color
13418
- }, _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)
13419
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13420
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13421
- }, /*#__PURE__*/React__default["default"].createElement("p", {
13422
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13423
- }, langdetect == 'en' ? 'Year of built (From)' : 'سنة الصنع (من)'))), /*#__PURE__*/React__default["default"].createElement("div", {
13424
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13425
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13426
- className: 'col-lg-12 p-0'
13427
- }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13428
- options: [{
13429
- name: '2020',
13430
- value: '2020'
13431
- }, {
13432
- name: '2021',
13433
- value: '2021'
13434
- }],
13435
- getOptionLabel: function getOptionLabel(option) {
13436
- var crname = '';
13437
- if (langdetect == 'en') {
13438
- crname = option.name;
13439
- } else if (langdetect == 'ar') {
13440
- if (option.name_ar != null) {
13441
- crname = option.name_ar;
13442
- } else {
13443
- 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'
13444
13362
  }
13445
- }
13446
- return crname;
13447
- },
13448
- getOptionValue: function getOptionValue(option) {
13449
- return option.id;
13450
- },
13451
- value: '',
13452
- onChange: function onChange(option) {},
13453
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13454
- isSearchable: true,
13455
- placeholder: ''
13456
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
13457
- "class": "col-lg-12 p-0 mb-3"
13458
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13459
- className: ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 ',
13460
- style: (_ref6 = {
13461
- color: sectionproperties.filtertitle_color
13462
- }, _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)
13463
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13464
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13465
- }, /*#__PURE__*/React__default["default"].createElement("p", {
13466
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13467
- }, langdetect == 'en' ? 'Year of built (To)' : 'سنة الصنع (الى)'))), /*#__PURE__*/React__default["default"].createElement("div", {
13468
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13469
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13470
- className: 'col-lg-12 p-0'
13471
- }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
13472
- options: [{
13473
- name: '2020',
13474
- value: '2020'
13475
- }, {
13476
- name: '2021',
13477
- value: '2021'
13478
- }],
13479
- getOptionLabel: function getOptionLabel(option) {
13480
- var crname = '';
13481
- if (langdetect == 'en') {
13482
- crname = option.name;
13483
- } else if (langdetect == 'ar') {
13484
- if (option.name_ar != null) {
13485
- crname = option.name_ar;
13486
- } else {
13487
- 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));
13488
13390
  }
13489
- }
13490
- return crname;
13491
- },
13492
- getOptionValue: function getOptionValue(option) {
13493
- return option.id;
13494
- },
13495
- value: '',
13496
- onChange: function onChange(option) {},
13497
- styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
13498
- isSearchable: true,
13499
- placeholder: ''
13500
- })))), /*#__PURE__*/React__default["default"].createElement("div", {
13501
- "class": "col-lg-12 p-0 mb-3"
13502
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13503
- className: ' row m-0 p-0 mb-4 pl-md-3 pr-md-3 ',
13504
- style: (_ref7 = {
13505
- color: sectionproperties.filtertitle_color
13506
- }, _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)
13507
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13508
- className: "col-lg-10 col-md-10 col-sm-10 p-0"
13509
- }, /*#__PURE__*/React__default["default"].createElement("p", {
13510
- className: langdetect == 'en' ? ' m-0 p-0 ' : ' m-0 p-0 text-right'
13511
- }, langdetect == 'en' ? 'Price' : 'السعر'))), /*#__PURE__*/React__default["default"].createElement("div", {
13512
- className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
13513
- }, /*#__PURE__*/React__default["default"].createElement("div", {
13514
- className: 'col-lg-12 p-0 px-md-4',
13515
- style: {
13516
- direction: 'ltr'
13517
- }
13518
- }, /*#__PURE__*/React__default["default"].createElement(InputRange__default["default"], {
13519
- draggableTrack: true,
13520
- formatLabel: function formatLabel(value) {
13521
- return "".concat(value);
13522
- },
13523
- maxValue: parseInt(sectionproperties.filterpricemaxvalue),
13524
- minValue: parseInt(sectionproperties.filterpriceminvalue),
13525
- value: pricevalue,
13526
- onChange: function onChange(value) {
13527
- setpricevalue(_objectSpread$26({}, value));
13391
+ })));
13528
13392
  }
13529
- })))));
13393
+ }))));
13530
13394
  };
13531
13395
  var InstFilters = function InstFilters() {
13532
13396
  return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
@@ -13585,6 +13449,15 @@
13585
13449
  }));
13586
13450
  };
13587
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)),
13588
13461
  collapsetitle: glamor.css({
13589
13462
  fontSize: sectionproperties.filtertitle_fontsize + 'px',
13590
13463
  fontWeight: sectionproperties.filtertitle_fontweight,
@@ -13847,10 +13720,10 @@
13847
13720
  isSearchable: true
13848
13721
  })))));
13849
13722
  };
13850
- var _useState19 = React.useState(false),
13851
- _useState20 = _slicedToArray__default["default"](_useState19, 2),
13852
- checked = _useState20[0],
13853
- setChecked = _useState20[1];
13723
+ var _useState21 = React.useState(false),
13724
+ _useState22 = _slicedToArray__default["default"](_useState21, 2),
13725
+ checked = _useState22[0],
13726
+ setChecked = _useState22[1];
13854
13727
  // const queryParameters = new URLSearchParams(window.location.search);
13855
13728
  // useEffect(() => {
13856
13729
  // // setsortbycontext('Sort By');
@@ -15742,7 +15615,8 @@
15742
15615
  borderTopLeftRadius: langdetect == 'en' ? sectionproperties.borderTopLeftRadius + 'px' : sectionproperties.borderTopRightRadius + 'px',
15743
15616
  borderTopRightRadius: langdetect == 'en' ? sectionproperties.borderTopRightRadius + 'px' : sectionproperties.borderTopLeftRadius + 'px',
15744
15617
  marginTop: sectionproperties.marginTop + 'px',
15745
- marginBottom: sectionproperties.marginBottom + 'px'
15618
+ marginBottom: sectionproperties.marginBottom + 'px',
15619
+ minHeight: sectionproperties.height == null || sectionproperties.height == 0 ? 'auto' : sectionproperties.height + 'vh'
15746
15620
  }
15747
15621
  }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
15748
15622
  "class": section_cssstyles.innercardssection + ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100 '
@@ -21599,6 +21473,32 @@
21599
21473
  }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
21600
21474
  size: 25,
21601
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
+ }
21602
21502
  })))), /*#__PURE__*/React__default["default"].createElement("div", {
21603
21503
  "class": "row m-0",
21604
21504
  style: {
@@ -47565,6 +47465,7 @@
47565
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; }
47566
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; }
47567
47467
  var BackgroundImageWithTopContent = function BackgroundImageWithTopContent(props) {
47468
+ var _css, _fetchProductFeatures;
47568
47469
  var _useState = React.useState(''),
47569
47470
  _useState2 = _slicedToArray__default["default"](_useState, 2),
47570
47471
  sectionproperties = _useState2[0],
@@ -47591,6 +47492,7 @@
47591
47492
  var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
47592
47493
  var fetchTabexCitiesQueryContext = props.actions.fetchTabexCitiesQueryContext;
47593
47494
  var fetchproductsfilerobjcontext = props.actions.fetchproductsfilerobjcontext;
47495
+ var fetchProductFeaturesQueryContext = props.actions.fetchProductFeaturesQueryContext;
47594
47496
  var routingcountext = props.actions.routingcountext;
47595
47497
  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
47596
47498
  // const fetchcollectionsQueryContext = props.actions.fetchcollectionsQueryContext;
@@ -47610,6 +47512,10 @@
47610
47512
  _useState12 = _slicedToArray__default["default"](_useState11, 2);
47611
47513
  _useState12[0];
47612
47514
  _useState12[1];
47515
+ var _useState13 = React.useState([]),
47516
+ _useState14 = _slicedToArray__default["default"](_useState13, 2),
47517
+ productfeatuesarr = _useState14[0],
47518
+ setproductfeatuesarr = _useState14[1];
47613
47519
  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
47614
47520
  var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
47615
47521
  var authdetailsContext = props.actions.authdetailsContext;
@@ -47653,6 +47559,15 @@
47653
47559
  }
47654
47560
  }, [sectionproperties]);
47655
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)),
47656
47571
  btnstyles: glamor.css({
47657
47572
  width: sectionproperties.generalbtn_width + '%',
47658
47573
  height: sectionproperties.generalbtn_height + 'px',
@@ -47668,9 +47583,6 @@
47668
47583
  color: sectionproperties.generalbtn_textColoronhover
47669
47584
  }
47670
47585
  }),
47671
- form_control: glamor.css({
47672
- 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)'
47673
- }),
47674
47586
  input_label_name: glamor.css({
47675
47587
  color: sectionproperties.form_labelcolor,
47676
47588
  textTransform: sectionproperties.form_labeltexttransform,
@@ -48015,159 +47927,147 @@
48015
47927
  "class": "col-lg-12 p-0"
48016
47928
  }, /*#__PURE__*/React__default["default"].createElement("div", {
48017
47929
  "class": "row m-0 w-100 d-flex align-items-center justify-content-start"
48018
- }, /*#__PURE__*/React__default["default"].createElement("div", {
48019
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48020
- }, /*#__PURE__*/React__default["default"].createElement("label", {
48021
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48022
- style: {
48023
- textAlign: langdetect == 'en' ? 'left' : 'right'
48024
- }
48025
- }, langdetect == 'en' ? 'Car Brand' : 'الماركة'), /*#__PURE__*/React__default["default"].createElement("div", {
48026
- "class": 'col-lg-12 p-0'
48027
- }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48028
- options: [{
48029
- label: 'Tesla',
48030
- value: 1
48031
- }, {
48032
- label: 'VW',
48033
- value: 0
48034
- }, {
48035
- label: 'BYD',
48036
- value: 0
48037
- }],
48038
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48039
- placeholder: ''
48040
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
48041
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48042
- }, /*#__PURE__*/React__default["default"].createElement("label", {
48043
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48044
- style: {
48045
- textAlign: langdetect == 'en' ? 'left' : 'right'
48046
- }
48047
- }, langdetect == 'en' ? 'Car Model' : 'النوع'), /*#__PURE__*/React__default["default"].createElement("div", {
48048
- "class": 'col-lg-12 p-0'
48049
- }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48050
- options: [{
48051
- label: 'ID.4',
48052
- value: 1
48053
- }, {
48054
- label: 'ID.6',
48055
- value: 0
48056
- }],
48057
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48058
- placeholder: ''
48059
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
48060
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48061
- }, /*#__PURE__*/React__default["default"].createElement("label", {
48062
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48063
- style: {
48064
- textAlign: langdetect == 'en' ? 'left' : 'right'
48065
- }
48066
- }, langdetect == 'en' ? 'Kilometers (From)' : 'كيلومترات (من)'), /*#__PURE__*/React__default["default"].createElement("div", {
48067
- "class": 'col-lg-12 p-0'
48068
- }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48069
- options: [{
48070
- label: '100000',
48071
- value: 1
48072
- }, {
48073
- label: '50000',
48074
- value: 0
48075
- }, {
48076
- label: '30000',
48077
- value: 0
48078
- }],
48079
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48080
- placeholder: ''
48081
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
48082
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48083
- }, /*#__PURE__*/React__default["default"].createElement("label", {
48084
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48085
- style: {
48086
- textAlign: langdetect == 'en' ? 'left' : 'right'
48087
- }
48088
- }, langdetect == 'en' ? 'Kilometers (To)' : 'كيلومترات (الى)'), /*#__PURE__*/React__default["default"].createElement("div", {
48089
- "class": 'col-lg-12 p-0'
48090
- }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48091
- options: [{
48092
- label: '100000',
48093
- value: 1
48094
- }, {
48095
- label: '50000',
48096
- value: 0
48097
- }, {
48098
- label: '30000',
48099
- value: 0
48100
- }],
48101
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48102
- placeholder: ''
48103
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
48104
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48105
- }, /*#__PURE__*/React__default["default"].createElement("label", {
48106
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48107
- style: {
48108
- textAlign: langdetect == 'en' ? 'left' : 'right'
48109
- }
48110
- }, langdetect == 'en' ? 'Year of built (From)' : 'سنة الصنع (من)'), /*#__PURE__*/React__default["default"].createElement("div", {
48111
- "class": 'col-lg-12 p-0'
48112
- }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48113
- options: [{
48114
- label: '2023',
48115
- value: 1
48116
- }, {
48117
- label: '2022',
48118
- value: 0
48119
- }, {
48120
- label: '2021',
48121
- value: 0
48122
- }],
48123
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48124
- placeholder: ''
48125
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
48126
- "class": "col-lg-3 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3"
48127
- }, /*#__PURE__*/React__default["default"].createElement("label", {
48128
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100 ',
48129
- style: {
48130
- textAlign: langdetect == 'en' ? 'left' : 'right'
48131
- }
48132
- }, langdetect == 'en' ? 'Year of built (To)' : 'سنة الصنع (الى)'), /*#__PURE__*/React__default["default"].createElement("div", {
48133
- "class": 'col-lg-12 p-0'
48134
- }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
48135
- options: [{
48136
- label: '2023',
48137
- value: 1
48138
- }, {
48139
- label: '2022',
48140
- value: 0
48141
- }, {
48142
- label: '2021',
48143
- value: 0
48144
- }],
48145
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
48146
- placeholder: ''
48147
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
48148
- className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-3 col-md-12 col-sm-12 mb-3 '
48149
- }, /*#__PURE__*/React__default["default"].createElement("label", {
48150
- className: "".concat(sectionstyles.input_label_name) + ' mb-3 w-100',
48151
- style: {
48152
- 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
+ })));
48153
47977
  }
48154
- }, langdetect == 'en' ? 'Price' : 'السعر'), /*#__PURE__*/React__default["default"].createElement("div", {
48155
- "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
48156
- style: {
48157
- 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
+ })));
48158
48010
  }
48159
- }, /*#__PURE__*/React__default["default"].createElement(InputRange__default["default"], {
48160
- draggableTrack: true,
48161
- formatLabel: function formatLabel(value) {
48162
- return "".concat(value);
48163
- },
48164
- maxValue: parseInt(sectionproperties.filterpricemaxvalue),
48165
- minValue: parseInt(sectionproperties.filterpriceminvalue),
48166
- value: pricevalue,
48167
- onChange: function onChange(value) {
48168
- 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
+ })));
48169
48069
  }
48170
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
48070
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
48171
48071
  "class": "col-lg-2 col-md-12 text-end",
48172
48072
  style: {
48173
48073
  marginLeft: langdetect == 'en' ? 'auto' : '',
@@ -48212,6 +48112,9 @@
48212
48112
  tempfetchproductsfilerobjcontext.price_max = pricevalue.max;
48213
48113
  }
48214
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
+ }
48215
48118
  if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.generalbtnonclick) == 'Products') {
48216
48119
  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
48217
48120
  }