npm - @skodaflow/web-library - Versions diffs - 7.15.1 → 7.16.0 - Mend

@skodaflow/web-library 7.15.1 → 7.16.0

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.

Files changed (3903) hide show

package/organisms/heroImageCard/videoCardController.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{useState as n,useRef as i,useCallback as e,useEffect as c}from"react";import{Icon as t}from"../../components/icon/Icon.js";import"../../components/icon/FlowIcon.js";import"../../components/icon/icon.definitions.js";import"../../components/icon/filled/ATMFilledIcon.js";import"../../components/icon/filled/AddFilledIcon.js";import"../../components/icon/filled/AirFilterFilledIcon.js";import"../../components/icon/filled/AISuggestionFilledIcon.js";import"../../components/icon/filled/ArchiveFilledIcon.js";import"../../components/icon/filled/ArrowBottomLeftFilledIcon.js";import"../../components/icon/filled/ArrowBottomRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleBottomLeftFilledIcon.js";import"../../components/icon/filled/ArrowCircleBottomRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleDownFilledIcon.js";import"../../components/icon/filled/ArrowCircleLeftFilledIcon.js";import"../../components/icon/filled/ArrowCircleRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleTopLeftFilledIcon.js";import"../../components/icon/filled/ArrowCircleTopRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleUpFilledIcon.js";import"../../components/icon/filled/ArrowCurvedDownFilledIcon.js";import"../../components/icon/filled/ArrowCurvedDownFlippedFilledIcon.js";import"../../components/icon/filled/ArrowCurvedLeftFilledIcon.js";import"../../components/icon/filled/ArrowCurvedLeftFlippedFilledIcon.js";import"../../components/icon/filled/ArrowCurvedRightFilledIcon.js";import"../../components/icon/filled/ArrowCurvedRightFlippedFilledIcon.js";import"../../components/icon/filled/ArrowCurvedUpFilledIcon.js";import"../../components/icon/filled/ArrowCurvedUpFlippedFilledIcon.js";import"../../components/icon/filled/ArrowDownFilledIcon.js";import"../../components/icon/filled/ArrowLeftFilledIcon.js";import"../../components/icon/filled/ArrowRightFilledIcon.js";import"../../components/icon/filled/ArrowTopLeftFilledIcon.js";import"../../components/icon/filled/ArrowTopRightFilledIcon.js";import"../../components/icon/filled/ArrowUpFilledIcon.js";import"../../components/icon/filled/ArtboardFilledIcon.js";import"../../components/icon/filled/AssistanceFilledIcon.js";import"../../components/icon/filled/AudioMidFilledIcon.js";import"../../components/icon/filled/AudioMuteFilledIcon.js";import"../../components/icon/filled/AudioOffFilledIcon.js";import"../../components/icon/filled/AudioOnFilledIcon.js";import"../../components/icon/filled/BackToParentFilledIcon.js";import"../../components/icon/filled/BadgeFilledIcon.js";import"../../components/icon/filled/BalloonFilledIcon.js";import"../../components/icon/filled/BarFilledIcon.js";import"../../components/icon/filled/BarCodeFilledIcon.js";import"../../components/icon/filled/Battery0FilledIcon.js";import"../../components/icon/filled/Battery10FilledIcon.js";import"../../components/icon/filled/Battery100FilledIcon.js";import"../../components/icon/filled/Battery20FilledIcon.js";import"../../components/icon/filled/Battery30FilledIcon.js";import"../../components/icon/filled/Battery40FilledIcon.js";import"../../components/icon/filled/Battery50FilledIcon.js";import"../../components/icon/filled/Battery60FilledIcon.js";import"../../components/icon/filled/Battery70FilledIcon.js";import"../../components/icon/filled/Battery80FilledIcon.js";import"../../components/icon/filled/Battery90FilledIcon.js";import"../../components/icon/filled/BatteryChargingFilledIcon.js";import"../../components/icon/filled/BatteryDischargeFilledIcon.js";import"../../components/icon/filled/BatteryEmptyFilledIcon.js";import"../../components/icon/filled/BatteryErrorFilledIcon.js";import"../../components/icon/filled/BatteryFullFilledIcon.js";import"../../components/icon/filled/BatteryHighVoltageFilledIcon.js";import"../../components/icon/filled/BatteryOneThirdFilledIcon.js";import"../../components/icon/filled/BatteryTwoThirdsFilledIcon.js";import"../../components/icon/filled/BatteryFilledIcon.js";import"../../components/icon/filled/BellFilledIcon.js";import"../../components/icon/filled/BicycleFilledIcon.js";import"../../components/icon/filled/BoltDischargeFilledIcon.js";import"../../components/icon/filled/BoltFilledIcon.js";import"../../components/icon/filled/BoltMotionFilledIcon.js";import"../../components/icon/filled/BoltOffFilledIcon.js";import"../../components/icon/filled/BonnetClosedFilledIcon.js";import"../../components/icon/filled/BonnetOpenFilledIcon.js";import"../../components/icon/filled/BookmarkFilledIcon.js";import"../../components/icon/filled/BootClosedFilledIcon.js";import"../../components/icon/filled/BootOpenFilledIcon.js";import"../../components/icon/filled/BoxFilledIcon.js";import"../../components/icon/filled/BrakeFluidFilledIcon.js";import"../../components/icon/filled/BrakesFilledIcon.js";import"../../components/icon/filled/BrightnessFilledIcon.js";import"../../components/icon/filled/BuildingFilledIcon.js";import"../../components/icon/filled/CalculatorFilledIcon.js";import"../../components/icon/filled/CalendarCalendarFilledIcon.js";import"../../components/icon/filled/CalendarCheckFilledIcon.js";import"../../components/icon/filled/CalendarPointFilledIcon.js";import"../../components/icon/filled/CameraFilledIcon.js";import"../../components/icon/filled/CampingFilledIcon.js";import"../../components/icon/filled/CarAccidentFilledIcon.js";import"../../components/icon/filled/CarBackFilledIcon.js";import"../../components/icon/filled/CarComparisonFilledIcon.js";import"../../components/icon/filled/CarHandFilledIcon.js";import"../../components/icon/filled/CarInfoFilledIcon.js";import"../../components/icon/filled/CarMagnifierFilledIcon.js";import"../../components/icon/filled/CarSeatFilledIcon.js";import"../../components/icon/filled/CarSendFilledIcon.js";import"../../components/icon/filled/CarSideFilledIcon.js";import"../../components/icon/filled/CarStarFilledIcon.js";import"../../components/icon/filled/CarTechnicalInfoFilledIcon.js";import"../../components/icon/filled/CareMobilityFilledIcon.js";import"../../components/icon/filled/CarFilledIcon.js";import"../../components/icon/filled/CarDoorFilledIcon.js";import"../../components/icon/filled/CarStatusFilledIcon.js";import"../../components/icon/filled/CardFilledIcon.js";import"../../components/icon/filled/ChangeOrderFilledIcon.js";import"../../components/icon/filled/ChatFilledIcon.js";import"../../components/icon/filled/CheckFilledIcon.js";import"../../components/icon/filled/ChevronCircleDownFilledIcon.js";import"../../components/icon/filled/ChevronCircleLeftFilledIcon.js";import"../../components/icon/filled/ChevronCircleRightFilledIcon.js";import"../../components/icon/filled/ChevronCircleUpFilledIcon.js";import"../../components/icon/filled/ChevronDoubleDownFilledIcon.js";import"../../components/icon/filled/ChevronDoubleLeftFilledIcon.js";import"../../components/icon/filled/ChevronDoubleRightFilledIcon.js";import"../../components/icon/filled/ChevronDoubleUpFilledIcon.js";import"../../components/icon/filled/ChevronDownFilledIcon.js";import"../../components/icon/filled/ChevronLeftFilledIcon.js";import"../../components/icon/filled/ChevronNextFilledIcon.js";import"../../components/icon/filled/ChevronPreviousFilledIcon.js";import"../../components/icon/filled/ChevronRightFilledIcon.js";import"../../components/icon/filled/ChevronUpFilledIcon.js";import"../../components/icon/filled/CircleBluetoothFilledIcon.js";import"../../components/icon/filled/CircleCheckFilledIcon.js";import"../../components/icon/filled/CircleCloseFilledIcon.js";import"../../components/icon/filled/CircleDownloadFilledIcon.js";import"../../components/icon/filled/CircleExclamationFilledIcon.js";import"../../components/icon/filled/CircleInformationFilledIcon.js";import"../../components/icon/filled/CircleMinusFilledIcon.js";import"../../components/icon/filled/CirclePlusFilledIcon.js";import"../../components/icon/filled/CircleQuestionFilledIcon.js";import"../../components/icon/filled/CircleSlashFilledIcon.js";import"../../components/icon/filled/CircleUploadFilledIcon.js";import"../../components/icon/filled/ClipFilledIcon.js";import"../../components/icon/filled/ClockFilledIcon.js";import"../../components/icon/filled/CloseFilledIcon.js";import"../../components/icon/filled/ClosedcaptionsFilledIcon.js";import"../../components/icon/filled/CloudCO2FilledIcon.js";import"../../components/icon/filled/CloudDownloadFilledIcon.js";import"../../components/icon/filled/CloudUploadFilledIcon.js";import"../../components/icon/filled/ColoursFilledIcon.js";import"../../components/icon/filled/ComfortFilledIcon.js";import"../../components/icon/filled/ContrastFilledIcon.js";import"../../components/icon/filled/ControlsForwardFilledIcon.js";import"../../components/icon/filled/ControlsPauseFilledIcon.js";import"../../components/icon/filled/ControlsPlayFilledIcon.js";import"../../components/icon/filled/ControlsRecordFilledIcon.js";import"../../components/icon/filled/ControlsReverseFilledIcon.js";import"../../components/icon/filled/ControlsRewindFilledIcon.js";import"../../components/icon/filled/ControlsSkipNextFilledIcon.js";import"../../components/icon/filled/ControlsSkipPreviousFilledIcon.js";import"../../components/icon/filled/ControlsStopFilledIcon.js";import"../../components/icon/filled/CookieFilledIcon.js";import"../../components/icon/filled/CultureFilledIcon.js";import"../../components/icon/filled/CopyFilledIcon.js";import"../../components/icon/filled/CutFilledIcon.js";import"../../components/icon/filled/DealerFilledIcon.js";import"../../components/icon/filled/DealershipServiceFilledIcon.js";import"../../components/icon/filled/DeliveryFilledIcon.js";import"../../components/icon/filled/DetailsFilledIcon.js";import"../../components/icon/filled/DeviceSmartphoneFilledIcon.js";import"../../components/icon/filled/DoorsClosedFilledIcon.js";import"../../components/icon/filled/DoorsOpenFilledIcon.js";import"../../components/icon/filled/DownloadFilledIcon.js";import"../../components/icon/filled/DraghandleFilledIcon.js";import"../../components/icon/filled/EditFilledIcon.js";import"../../components/icon/filled/ElectricChargerFilledIcon.js";import"../../components/icon/filled/ElectricChargerOffFilledIcon.js";import"../../components/icon/filled/EmptystateFilledIcon.js";import"../../components/icon/filled/EngineFilledIcon.js";import"../../components/icon/filled/EngineOilFilledIcon.js";import"../../components/icon/filled/EntertainmentFilledIcon.js";import"../../components/icon/filled/EqualsignFilledIcon.js";import"../../components/icon/filled/ExportFilledIcon.js";import"../../components/icon/filled/ExternalLinkFilledIcon.js";import"../../components/icon/filled/FacebookFilledIcon.js";import"../../components/icon/filled/FactoryFilledIcon.js";import"../../components/icon/filled/FanFilledIcon.js";import"../../components/icon/filled/FeedbackFilledIcon.js";import"../../components/icon/filled/FileFilledIcon.js";import"../../components/icon/filled/FileMissingFilledIcon.js";import"../../components/icon/filled/FileNewFilledIcon.js";import"../../components/icon/filled/FilterFilledIcon.js";import"../../components/icon/filled/FiltersFilledIcon.js";import"../../components/icon/filled/FingerPrintFilledIcon.js";import"../../components/icon/filled/FirstAidFilledIcon.js";import"../../components/icon/filled/FlashFilledIcon.js";import"../../components/icon/filled/FolderFilledIcon.js";import"../../components/icon/filled/FolderShareFilledIcon.js";import"../../components/icon/filled/FoodFilledIcon.js";import"../../components/icon/filled/FourwheeldriveFilledIcon.js";import"../../components/icon/filled/FrontaxleFilledIcon.js";import"../../components/icon/filled/FuelSavingsFilledIcon.js";import"../../components/icon/filled/FullscreenEnterFilledIcon.js";import"../../components/icon/filled/FullscreenExitFilledIcon.js";import"../../components/icon/filled/GarageFilledIcon.js";import"../../components/icon/filled/GaugeFilledIcon.js";import"../../components/icon/filled/GlobeFilledIcon.js";import"../../components/icon/filled/GroupFilledIcon.js";import"../../components/icon/filled/HandkeyFilledIcon.js";import"../../components/icon/filled/HealthScanFilledIcon.js";import"../../components/icon/filled/HeartFilledIcon.js";import"../../components/icon/filled/HideFilledIcon.js";import"../../components/icon/filled/HistoryFilledIcon.js";import"../../components/icon/filled/HomeFilledIcon.js";import"../../components/icon/filled/HonkFilledIcon.js";import"../../components/icon/filled/HotelFilledIcon.js";import"../../components/icon/filled/HybridFilledIcon.js";import"../../components/icon/filled/IDCardFilledIcon.js";import"../../components/icon/filled/ImportFilledIcon.js";import"../../components/icon/filled/InboxFilledIcon.js";import"../../components/icon/filled/InstagramFilledIcon.js";import"../../components/icon/filled/LightsFilledIcon.js";import"../../components/icon/filled/LightsOffFilledIcon.js";import"../../components/icon/filled/LinkedInFilledIcon.js";import"../../components/icon/filled/ListFilledIcon.js";import"../../components/icon/filled/LockClosedFilledIcon.js";import"../../components/icon/filled/LockOpenedFilledIcon.js";import"../../components/icon/filled/LockOpenedAltFilledIcon.js";import"../../components/icon/filled/LockedSteeringWheelFilledIcon.js";import"../../components/icon/filled/LoginFilledIcon.js";import"../../components/icon/filled/LogoutFilledIcon.js";import"../../components/icon/filled/MaintenanceFilledIcon.js";import"../../components/icon/filled/ManualFilledIcon.js";import"../../components/icon/filled/MapCenterFilledIcon.js";import"../../components/icon/filled/MapCompassFilledIcon.js";import"../../components/icon/filled/MapFlagFilledIcon.js";import"../../components/icon/filled/MapLocationFilledIcon.js";import"../../components/icon/filled/MapFilledIcon.js";import"../../components/icon/filled/MapMarkerFilledIcon.js";import"../../components/icon/filled/MapMarkerLBOFilledIcon.js";import"../../components/icon/filled/MapPinFilledIcon.js";import"../../components/icon/filled/MapViewFilledIcon.js";import"../../components/icon/filled/MenuWaffleFilledIcon.js";import"../../components/icon/filled/MenuFilledIcon.js";import"../../components/icon/filled/MessageFilledIcon.js";import"../../components/icon/filled/MicrophoneFilledIcon.js";import"../../components/icon/filled/MinusFilledIcon.js";import"../../components/icon/filled/MoreHorizontalFilledIcon.js";import"../../components/icon/filled/MoreVerticalFilledIcon.js";import"../../components/icon/filled/MotionFilledIcon.js";import"../../components/icon/filled/MusicalNoteFilledIcon.js";import"../../components/icon/filled/MuteFilledIcon.js";import"../../components/icon/filled/NewsFilledIcon.js";import"../../components/icon/filled/NewspaperFilledIcon.js";import"../../components/icon/filled/OilFilledIcon.js";import"../../components/icon/filled/ParkingFilledIcon.js";import"../../components/icon/filled/PasteFilledIcon.js";import"../../components/icon/filled/PercentageFilledIcon.js";import"../../components/icon/filled/PetFilledIcon.js";import"../../components/icon/filled/PhoneFilledIcon.js";import"../../components/icon/filled/PictureFilledIcon.js";import"../../components/icon/filled/PiggybankFilledIcon.js";import"../../components/icon/filled/PlugCCSType1FilledIcon.js";import"../../components/icon/filled/PlugCCSType2FilledIcon.js";import"../../components/icon/filled/PlugCHAdeMOFilledIcon.js";import"../../components/icon/filled/PlugType1FilledIcon.js";import"../../components/icon/filled/PlugType2FilledIcon.js";import"../../components/icon/filled/PlugFilledIcon.js";import"../../components/icon/filled/PlusFilledIcon.js";import"../../components/icon/filled/PremiumLFilledIcon.js";import"../../components/icon/filled/PremiumMFilledIcon.js";import"../../components/icon/filled/PremiumSFilledIcon.js";import"../../components/icon/filled/PriceTagFilledIcon.js";import"../../components/icon/filled/PrintFilledIcon.js";import"../../components/icon/filled/ProductionFilledIcon.js";import"../../components/icon/filled/PublicplaceFilledIcon.js";import"../../components/icon/filled/PumpFilledIcon.js";import"../../components/icon/filled/PumpCNGFilledIcon.js";import"../../components/icon/filled/PumpLPGFilledIcon.js";import"../../components/icon/filled/QRCodeFilledIcon.js";import"../../components/icon/filled/QualityFilledIcon.js";import"../../components/icon/filled/QualityMedalFilledIcon.js";import"../../components/icon/filled/RadarFilledIcon.js";import"../../components/icon/filled/RefreshFilledIcon.js";import"../../components/icon/filled/ReloadFilledIcon.js";import"../../components/icon/filled/RevertFilledIcon.js";import"../../components/icon/filled/RoadBlockFilledIcon.js";import"../../components/icon/filled/SaveFilledIcon.js";import"../../components/icon/filled/SearchMinusFilledIcon.js";import"../../components/icon/filled/SearchPlusFilledIcon.js";import"../../components/icon/filled/SearchFilledIcon.js";import"../../components/icon/filled/SeatheaterFilledIcon.js";import"../../components/icon/filled/SelectFilledIcon.js";import"../../components/icon/filled/SelectAllFilledIcon.js";import"../../components/icon/filled/SendFilledIcon.js";import"../../components/icon/filled/SettingsFilledIcon.js";import"../../components/icon/filled/ShapeCircleFilledIcon.js";import"../../components/icon/filled/ShapeDropFilledIcon.js";import"../../components/icon/filled/ShapeRectangleHorizontalFilledIcon.js";import"../../components/icon/filled/ShapeRectangleRoundedFilledIcon.js";import"../../components/icon/filled/ShapeRectangleVerticalFilledIcon.js";import"../../components/icon/filled/ShapeRhombusFilledIcon.js";import"../../components/icon/filled/ShapeShapesFilledIcon.js";import"../../components/icon/filled/ShapeSquareFilledIcon.js";import"../../components/icon/filled/ShapeStarFilledIcon.js";import"../../components/icon/filled/ShapeStarhalfFilledIcon.js";import"../../components/icon/filled/ShapeTriangleFilledIcon.js";import"../../components/icon/filled/ShareFilledIcon.js";import"../../components/icon/filled/ShareSquareFilledIcon.js";import"../../components/icon/filled/ShieldCheckFilledIcon.js";import"../../components/icon/filled/ShieldEmptyFilledIcon.js";import"../../components/icon/filled/ShoppingBagFilledIcon.js";import"../../components/icon/filled/ShoppingCartFilledIcon.js";import"../../components/icon/filled/ShowFilledIcon.js";import"../../components/icon/filled/ShuffleFilledIcon.js";import"../../components/icon/filled/SignalFilledIcon.js";import"../../components/icon/filled/SortDownFilledIcon.js";import"../../components/icon/filled/SortUpFilledIcon.js";import"../../components/icon/filled/SoundwaveFilledIcon.js";import"../../components/icon/filled/SparkplugFilledIcon.js";import"../../components/icon/filled/SportFilledIcon.js";import"../../components/icon/filled/StatsFilledIcon.js";import"../../components/icon/filled/SteeringWheelFilledIcon.js";import"../../components/icon/filled/StopwatchFilledIcon.js";import"../../components/icon/filled/SubtractFilledIcon.js";import"../../components/icon/filled/SuitcaseFilledIcon.js";import"../../components/icon/filled/SunroofFilledIcon.js";import"../../components/icon/filled/TaskDoneFilledIcon.js";import"../../components/icon/filled/TaskNoneFilledIcon.js";import"../../components/icon/filled/TaskScheduledFilledIcon.js";import"../../components/icon/filled/TechnicalInfoFilledIcon.js";import"../../components/icon/filled/TelegramFilledIcon.js";import"../../components/icon/filled/ThumbDownFilledIcon.js";import"../../components/icon/filled/ThumbUpFilledIcon.js";import"../../components/icon/filled/TicketFilledIcon.js";import"../../components/icon/filled/TikTokFilledIcon.js";import"../../components/icon/filled/ToiletsFilledIcon.js";import"../../components/icon/filled/TransmissionAutomaticFilledIcon.js";import"../../components/icon/filled/TransmissionManualFilledIcon.js";import"../../components/icon/filled/TrashcanFilledIcon.js";import"../../components/icon/filled/TripCyclicFilledIcon.js";import"../../components/icon/filled/TripLongTermFilledIcon.js";import"../../components/icon/filled/TripSingleFilledIcon.js";import"../../components/icon/filled/TrophyFilledIcon.js";import"../../components/icon/filled/TwitterFilledIcon.js";import"../../components/icon/filled/TyreRepairFilledIcon.js";import"../../components/icon/filled/TyreTracksFilledIcon.js";import"../../components/icon/filled/TyresFilledIcon.js";import"../../components/icon/filled/UploadFilledIcon.js";import"../../components/icon/filled/UserFilledIcon.js";import"../../components/icon/filled/VentilationFilledIcon.js";import"../../components/icon/filled/VentilationOffFilledIcon.js";import"../../components/icon/filled/WalkFilledIcon.js";import"../../components/icon/filled/WallboxFilledIcon.js";import"../../components/icon/filled/WalletFilledIcon.js";import"../../components/icon/filled/WandFilledIcon.js";import"../../components/icon/filled/WarningFilledIcon.js";import"../../components/icon/filled/WeatherRainyFilledIcon.js";import"../../components/icon/filled/WeatherSnowFilledIcon.js";import"../../components/icon/filled/WellnessFilledIcon.js";import"../../components/icon/filled/WhatsAppFilledIcon.js";import"../../components/icon/filled/WheelchairFilledIcon.js";import"../../components/icon/filled/WheelsFilledIcon.js";import"../../components/icon/filled/WifiDisabledFilledIcon.js";import"../../components/icon/filled/WifiHighFilledIcon.js";import"../../components/icon/filled/WifiLowFilledIcon.js";import"../../components/icon/filled/WifiMediumFilledIcon.js";import"../../components/icon/filled/WifiNoSignalFilledIcon.js";import"../../components/icon/filled/WindowFilledIcon.js";import"../../components/icon/filled/WindowheaterFilledIcon.js";import"../../components/icon/filled/WindowsClosedFilledIcon.js";import"../../components/icon/filled/WindowsOpenFilledIcon.js";import"../../components/icon/filled/WindscreenWiperFilledIcon.js";import"../../components/icon/filled/WriteFilledIcon.js";import"../../components/icon/filled/XFilledIcon.js";import"../../components/icon/filled/YouTubeFilledIcon.js";import"../../components/icon/stroke/ATMIcon.js";import"../../components/icon/stroke/AddIcon.js";import"../../components/icon/stroke/AirFilterIcon.js";import"../../components/icon/stroke/AISuggestionIcon.js";import"../../components/icon/stroke/ArchiveIcon.js";import"../../components/icon/stroke/ArrowBottomLeftIcon.js";import"../../components/icon/stroke/ArrowBottomRightIcon.js";import"../../components/icon/stroke/ArrowCircleBottomLeftIcon.js";import"../../components/icon/stroke/ArrowCircleBottomRightIcon.js";import"../../components/icon/stroke/ArrowCircleDownIcon.js";import"../../components/icon/stroke/ArrowCircleLeftIcon.js";import"../../components/icon/stroke/ArrowCircleRightIcon.js";import"../../components/icon/stroke/ArrowCircleTopLeftIcon.js";import"../../components/icon/stroke/ArrowCircleTopRightIcon.js";import"../../components/icon/stroke/ArrowCircleUpIcon.js";import"../../components/icon/stroke/ArrowCurvedDownIcon.js";import"../../components/icon/stroke/ArrowCurvedDownFlippedIcon.js";import"../../components/icon/stroke/ArrowCurvedLeftIcon.js";import"../../components/icon/stroke/ArrowCurvedLeftFlippedIcon.js";import"../../components/icon/stroke/ArrowCurvedRightIcon.js";import"../../components/icon/stroke/ArrowCurvedRightFlippedIcon.js";import"../../components/icon/stroke/ArrowCurvedUpIcon.js";import"../../components/icon/stroke/ArrowCurvedUpFlippedIcon.js";import"../../components/icon/stroke/ArrowDownIcon.js";import"../../components/icon/stroke/ArrowLeftIcon.js";import"../../components/icon/stroke/ArrowRightIcon.js";import"../../components/icon/stroke/ArrowTopLeftIcon.js";import"../../components/icon/stroke/ArrowTopRightIcon.js";import"../../components/icon/stroke/ArrowUpIcon.js";import"../../components/icon/stroke/ArtboardIcon.js";import"../../components/icon/stroke/AssistanceIcon.js";import"../../components/icon/stroke/AudioMidIcon.js";import"../../components/icon/stroke/AudioMuteIcon.js";import"../../components/icon/stroke/AudioOffIcon.js";import"../../components/icon/stroke/AudioOnIcon.js";import"../../components/icon/stroke/BadgeIcon.js";import"../../components/icon/stroke/BackToParentIcon.js";import"../../components/icon/stroke/BalloonIcon.js";import"../../components/icon/stroke/BarIcon.js";import"../../components/icon/stroke/BarCodeIcon.js";import"../../components/icon/stroke/Battery0Icon.js";import"../../components/icon/stroke/Battery10Icon.js";import"../../components/icon/stroke/Battery100Icon.js";import"../../components/icon/stroke/Battery20Icon.js";import"../../components/icon/stroke/Battery30Icon.js";import"../../components/icon/stroke/Battery40Icon.js";import"../../components/icon/stroke/Battery50Icon.js";import"../../components/icon/stroke/Battery60Icon.js";import"../../components/icon/stroke/Battery70Icon.js";import"../../components/icon/stroke/Battery80Icon.js";import"../../components/icon/stroke/Battery90Icon.js";import"../../components/icon/stroke/BatteryEmptyIcon.js";import"../../components/icon/stroke/BatteryFullIcon.js";import"../../components/icon/stroke/BatteryHighVoltageIcon.js";import"../../components/icon/stroke/BatteryOneThirdIcon.js";import"../../components/icon/stroke/BatteryTwoThirdsIcon.js";import"../../components/icon/stroke/BatteryChargingIcon.js";import"../../components/icon/stroke/BatteryDischargeIcon.js";import"../../components/icon/stroke/BatteryErrorIcon.js";import"../../components/icon/stroke/BatteryIcon.js";import"../../components/icon/stroke/BellIcon.js";import"../../components/icon/stroke/BicycleIcon.js";import"../../components/icon/stroke/BoltDischargeIcon.js";import"../../components/icon/stroke/BoltIcon.js";import"../../components/icon/stroke/BoltMotionIcon.js";import"../../components/icon/stroke/BoltOffIcon.js";import"../../components/icon/stroke/BonnetClosedIcon.js";import"../../components/icon/stroke/BonnetOpenIcon.js";import"../../components/icon/stroke/BookmarkIcon.js";import"../../components/icon/stroke/BootClosedIcon.js";import"../../components/icon/stroke/BootOpenIcon.js";import"../../components/icon/stroke/BoxIcon.js";import"../../components/icon/stroke/BrakeFluidIcon.js";import"../../components/icon/stroke/BrakesIcon.js";import"../../components/icon/stroke/BrightnessIcon.js";import"../../components/icon/stroke/BuildingIcon.js";import"../../components/icon/stroke/CalculatorIcon.js";import"../../components/icon/stroke/CalendarCalendarIcon.js";import"../../components/icon/stroke/CalendarCheckIcon.js";import"../../components/icon/stroke/CalendarPointIcon.js";import"../../components/icon/stroke/CameraIcon.js";import"../../components/icon/stroke/CampingIcon.js";import"../../components/icon/stroke/CarAccidentIcon.js";import"../../components/icon/stroke/CarBackIcon.js";import"../../components/icon/stroke/CarComparisonIcon.js";import"../../components/icon/stroke/CarHandIcon.js";import"../../components/icon/stroke/CarInfoIcon.js";import"../../components/icon/stroke/CarMagnifierIcon.js";import"../../components/icon/stroke/CarSeatIcon.js";import"../../components/icon/stroke/CarSendIcon.js";import"../../components/icon/stroke/CarSideIcon.js";import"../../components/icon/stroke/CarStarIcon.js";import"../../components/icon/stroke/CarTechnicalInfoIcon.js";import"../../components/icon/stroke/CareMobilityIcon.js";import"../../components/icon/stroke/CarIcon.js";import"../../components/icon/stroke/CarDoorIcon.js";import"../../components/icon/stroke/CarStatusIcon.js";import"../../components/icon/stroke/CardIcon.js";import"../../components/icon/stroke/ChangeOrderIcon.js";import"../../components/icon/stroke/ChatIcon.js";import"../../components/icon/stroke/CheckIcon.js";import"../../components/icon/stroke/ChevronCircleDownIcon.js";import"../../components/icon/stroke/ChevronCircleLeftIcon.js";import"../../components/icon/stroke/ChevronCircleRightIcon.js";import"../../components/icon/stroke/ChevronCircleUpIcon.js";import"../../components/icon/stroke/ChevronDoubleDownIcon.js";import"../../components/icon/stroke/ChevronDoubleLeftIcon.js";import"../../components/icon/stroke/ChevronDoubleRightIcon.js";import"../../components/icon/stroke/ChevronDoubleUpIcon.js";import"../../components/icon/stroke/ChevronDownIcon.js";import"../../components/icon/stroke/ChevronLeftIcon.js";import"../../components/icon/stroke/ChevronNextIcon.js";import"../../components/icon/stroke/ChevronPreviousIcon.js";import"../../components/icon/stroke/ChevronRightIcon.js";import"../../components/icon/stroke/ChevronUpIcon.js";import"../../components/icon/stroke/CircleBluetoothIcon.js";import"../../components/icon/stroke/CircleCheckIcon.js";import"../../components/icon/stroke/CircleCloseIcon.js";import"../../components/icon/stroke/CircleDownloadIcon.js";import"../../components/icon/stroke/CircleExclamationIcon.js";import"../../components/icon/stroke/CircleInformationIcon.js";import"../../components/icon/stroke/CircleMinusIcon.js";import"../../components/icon/stroke/CirclePlusIcon.js";import"../../components/icon/stroke/CircleQuestionIcon.js";import"../../components/icon/stroke/CircleSlashIcon.js";import"../../components/icon/stroke/CircleUploadIcon.js";import"../../components/icon/stroke/ClipIcon.js";import"../../components/icon/stroke/ClockIcon.js";import"../../components/icon/stroke/CloseIcon.js";import"../../components/icon/stroke/ClosedcaptionsIcon.js";import"../../components/icon/stroke/CloudCO2Icon.js";import"../../components/icon/stroke/CloudDownloadIcon.js";import"../../components/icon/stroke/CloudUploadIcon.js";import"../../components/icon/stroke/ColoursIcon.js";import"../../components/icon/stroke/ComfortIcon.js";import"../../components/icon/stroke/ContrastIcon.js";import"../../components/icon/stroke/ControlsForwardIcon.js";import"../../components/icon/stroke/ControlsPauseIcon.js";import"../../components/icon/stroke/ControlsPlayIcon.js";import"../../components/icon/stroke/ControlsRecordIcon.js";import"../../components/icon/stroke/ControlsReverseIcon.js";import"../../components/icon/stroke/ControlsRewindIcon.js";import"../../components/icon/stroke/ControlsSkipNextIcon.js";import"../../components/icon/stroke/ControlsSkipPreviousIcon.js";import"../../components/icon/stroke/ControlsStopIcon.js";import"../../components/icon/stroke/CookieIcon.js";import"../../components/icon/stroke/CopyIcon.js";import"../../components/icon/stroke/CultureIcon.js";import"../../components/icon/stroke/CutIcon.js";import"../../components/icon/stroke/DealerIcon.js";import"../../components/icon/stroke/DealershipServiceIcon.js";import"../../components/icon/stroke/DeliveryIcon.js";import"../../components/icon/stroke/DetailsIcon.js";import"../../components/icon/stroke/DeviceSmartphoneIcon.js";import"../../components/icon/stroke/DoorsClosedIcon.js";import"../../components/icon/stroke/DoorsOpenIcon.js";import"../../components/icon/stroke/DownloadIcon.js";import"../../components/icon/stroke/DraghandleIcon.js";import"../../components/icon/stroke/EditIcon.js";import"../../components/icon/stroke/ElectricChargerIcon.js";import"../../components/icon/stroke/ElectricChargerOffIcon.js";import"../../components/icon/stroke/EmptystateIcon.js";import"../../components/icon/stroke/EngineIcon.js";import"../../components/icon/stroke/EngineOilIcon.js";import"../../components/icon/stroke/EntertainmentIcon.js";import"../../components/icon/stroke/EqualsignIcon.js";import"../../components/icon/stroke/ExportIcon.js";import"../../components/icon/stroke/ExternalLinkIcon.js";import"../../components/icon/stroke/FacebookIcon.js";import"../../components/icon/stroke/FactoryIcon.js";import"../../components/icon/stroke/FanIcon.js";import"../../components/icon/stroke/FeedbackIcon.js";import"../../components/icon/stroke/FileIcon.js";import"../../components/icon/stroke/FileMissingIcon.js";import"../../components/icon/stroke/FileNewIcon.js";import"../../components/icon/stroke/FilterIcon.js";import"../../components/icon/stroke/FiltersIcon.js";import"../../components/icon/stroke/FingerPrintIcon.js";import"../../components/icon/stroke/FirstAidIcon.js";import"../../components/icon/stroke/FlashIcon.js";import"../../components/icon/stroke/FolderIcon.js";import"../../components/icon/stroke/FolderShareIcon.js";import"../../components/icon/stroke/FoodIcon.js";import"../../components/icon/stroke/FourwheeldriveIcon.js";import"../../components/icon/stroke/FrontaxleIcon.js";import"../../components/icon/stroke/FuelSavingsIcon.js";import"../../components/icon/stroke/FullscreenEnterIcon.js";import"../../components/icon/stroke/FullscreenExitIcon.js";import"../../components/icon/stroke/GarageIcon.js";import"../../components/icon/stroke/GaugeIcon.js";import"../../components/icon/stroke/GlobeIcon.js";import"../../components/icon/stroke/GroupIcon.js";import"../../components/icon/stroke/HandkeyIcon.js";import"../../components/icon/stroke/HealthScanIcon.js";import"../../components/icon/stroke/HeartIcon.js";import"../../components/icon/stroke/HideIcon.js";import"../../components/icon/stroke/HistoryIcon.js";import"../../components/icon/stroke/HomeIcon.js";import"../../components/icon/stroke/HonkIcon.js";import"../../components/icon/stroke/HotelIcon.js";import"../../components/icon/stroke/HybridIcon.js";import"../../components/icon/stroke/IDCardIcon.js";import"../../components/icon/stroke/ImportIcon.js";import"../../components/icon/stroke/InboxIcon.js";import"../../components/icon/stroke/InstagramIcon.js";import"../../components/icon/stroke/LightsIcon.js";import"../../components/icon/stroke/LightsOffIcon.js";import"../../components/icon/stroke/LinkedInIcon.js";import"../../components/icon/stroke/ListIcon.js";import"../../components/icon/stroke/LockClosedIcon.js";import"../../components/icon/stroke/LockOpenedIcon.js";import"../../components/icon/stroke/LockOpenedAltIcon.js";import"../../components/icon/stroke/LockedSteeringWheelIcon.js";import"../../components/icon/stroke/LoginIcon.js";import"../../components/icon/stroke/LogoutIcon.js";import"../../components/icon/stroke/MaintenanceIcon.js";import"../../components/icon/stroke/ManualIcon.js";import"../../components/icon/stroke/MapCenterIcon.js";import"../../components/icon/stroke/MapCompassIcon.js";import"../../components/icon/stroke/MapFlagIcon.js";import"../../components/icon/stroke/MapLocationIcon.js";import"../../components/icon/stroke/MapIcon.js";import"../../components/icon/stroke/MapMarkerIcon.js";import"../../components/icon/stroke/MapMarkerLBOIcon.js";import"../../components/icon/stroke/MapPinIcon.js";import"../../components/icon/stroke/MapViewIcon.js";import"../../components/icon/stroke/MenuWaffleIcon.js";import"../../components/icon/stroke/MenuIcon.js";import"../../components/icon/stroke/MessageIcon.js";import"../../components/icon/stroke/MicrophoneIcon.js";import"../../components/icon/stroke/MinusIcon.js";import"../../components/icon/stroke/MoreHorizontalIcon.js";import"../../components/icon/stroke/MoreVerticalIcon.js";import"../../components/icon/stroke/MotionIcon.js";import"../../components/icon/stroke/MusicalNoteIcon.js";import"../../components/icon/stroke/MuteIcon.js";import"../../components/icon/stroke/NewsIcon.js";import"../../components/icon/stroke/NewspaperIcon.js";import"../../components/icon/stroke/OilIcon.js";import"../../components/icon/stroke/ParkingIcon.js";import"../../components/icon/stroke/PasteIcon.js";import"../../components/icon/stroke/PercentageIcon.js";import"../../components/icon/stroke/PetIcon.js";import"../../components/icon/stroke/PhoneIcon.js";import"../../components/icon/stroke/PictureIcon.js";import"../../components/icon/stroke/PiggybankIcon.js";import"../../components/icon/stroke/PlugCCSType1Icon.js";import"../../components/icon/stroke/PlugCCSType2Icon.js";import"../../components/icon/stroke/PlugCHAdeMOIcon.js";import"../../components/icon/stroke/PlugType1Icon.js";import"../../components/icon/stroke/PlugType2Icon.js";import"../../components/icon/stroke/PlugIcon.js";import"../../components/icon/stroke/PlusIcon.js";import"../../components/icon/stroke/PremiumLIcon.js";import"../../components/icon/stroke/PremiumMIcon.js";import"../../components/icon/stroke/PremiumSIcon.js";import"../../components/icon/stroke/PriceTagIcon.js";import"../../components/icon/stroke/PrintIcon.js";import"../../components/icon/stroke/ProductionIcon.js";import"../../components/icon/stroke/PublicplaceIcon.js";import"../../components/icon/stroke/PumpIcon.js";import"../../components/icon/stroke/PumpCNGIcon.js";import"../../components/icon/stroke/PumpLPGIcon.js";import"../../components/icon/stroke/QRCodeIcon.js";import"../../components/icon/stroke/QualityIcon.js";import"../../components/icon/stroke/QualityMedalIcon.js";import"../../components/icon/stroke/RadarIcon.js";import"../../components/icon/stroke/RefreshIcon.js";import"../../components/icon/stroke/ReloadIcon.js";import"../../components/icon/stroke/RevertIcon.js";import"../../components/icon/stroke/RoadBlockIcon.js";import"../../components/icon/stroke/SaveIcon.js";import"../../components/icon/stroke/SearchMinusIcon.js";import"../../components/icon/stroke/SearchPlusIcon.js";import"../../components/icon/stroke/SearchIcon.js";import"../../components/icon/stroke/SeatheaterIcon.js";import"../../components/icon/stroke/SelectIcon.js";import"../../components/icon/stroke/SelectAllIcon.js";import"../../components/icon/stroke/SendIcon.js";import"../../components/icon/stroke/SettingsIcon.js";import"../../components/icon/stroke/ShapeCircleIcon.js";import"../../components/icon/stroke/ShapeDropIcon.js";import"../../components/icon/stroke/ShapeRectangleHorizontalIcon.js";import"../../components/icon/stroke/ShapeRectangleRoundedIcon.js";import"../../components/icon/stroke/ShapeRectangleVerticalIcon.js";import"../../components/icon/stroke/ShapeRhombusIcon.js";import"../../components/icon/stroke/ShapeShapesIcon.js";import"../../components/icon/stroke/ShapeSquareIcon.js";import"../../components/icon/stroke/ShapeStarIcon.js";import"../../components/icon/stroke/ShapeStarhalfIcon.js";import"../../components/icon/stroke/ShapeTriangleIcon.js";import"../../components/icon/stroke/ShareIcon.js";import"../../components/icon/stroke/ShareSquareIcon.js";import"../../components/icon/stroke/ShieldCheckIcon.js";import"../../components/icon/stroke/ShieldEmptyIcon.js";import"../../components/icon/stroke/ShoppingBagIcon.js";import"../../components/icon/stroke/ShoppingCartIcon.js";import"../../components/icon/stroke/ShowIcon.js";import"../../components/icon/stroke/ShuffleIcon.js";import"../../components/icon/stroke/SignalIcon.js";import"../../components/icon/stroke/SortDownIcon.js";import"../../components/icon/stroke/SortUpIcon.js";import"../../components/icon/stroke/SoundwaveIcon.js";import"../../components/icon/stroke/SparkplugIcon.js";import"../../components/icon/stroke/SportIcon.js";import"../../components/icon/stroke/StatsIcon.js";import"../../components/icon/stroke/SteeringWheelIcon.js";import"../../components/icon/stroke/StopwatchIcon.js";import"../../components/icon/stroke/SubtractIcon.js";import"../../components/icon/stroke/SuitcaseIcon.js";import"../../components/icon/stroke/SunroofIcon.js";import"../../components/icon/stroke/TaskDoneIcon.js";import"../../components/icon/stroke/TaskNoneIcon.js";import"../../components/icon/stroke/TaskScheduledIcon.js";import"../../components/icon/stroke/TechnicalInfoIcon.js";import"../../components/icon/stroke/TelegramIcon.js";import"../../components/icon/stroke/ThumbDownIcon.js";import"../../components/icon/stroke/ThumbUpIcon.js";import"../../components/icon/stroke/TicketIcon.js";import"../../components/icon/stroke/TikTokIcon.js";import"../../components/icon/stroke/ToiletsIcon.js";import"../../components/icon/stroke/TransmissionAutomaticIcon.js";import"../../components/icon/stroke/TransmissionManualIcon.js";import"../../components/icon/stroke/TrashcanIcon.js";import"../../components/icon/stroke/TripCyclicIcon.js";import"../../components/icon/stroke/TripLongTermIcon.js";import"../../components/icon/stroke/TripSingleIcon.js";import"../../components/icon/stroke/TrophyIcon.js";import"../../components/icon/stroke/TwitterIcon.js";import"../../components/icon/stroke/TyreRepairIcon.js";import"../../components/icon/stroke/TyreTracksIcon.js";import"../../components/icon/stroke/TyresIcon.js";import"../../components/icon/stroke/UploadIcon.js";import"../../components/icon/stroke/UserIcon.js";import"../../components/icon/stroke/VentilationIcon.js";import"../../components/icon/stroke/VentilationOffIcon.js";import"../../components/icon/stroke/WalkIcon.js";import"../../components/icon/stroke/WallboxIcon.js";import"../../components/icon/stroke/WalletIcon.js";import"../../components/icon/stroke/WandIcon.js";import"../../components/icon/stroke/WarningIcon.js";import"../../components/icon/stroke/WeatherRainyIcon.js";import"../../components/icon/stroke/WeatherSnowIcon.js";import"../../components/icon/stroke/WellnessIcon.js";import"../../components/icon/stroke/WhatsAppIcon.js";import"../../components/icon/stroke/WheelchairIcon.js";import"../../components/icon/stroke/WheelsIcon.js";import"../../components/icon/stroke/WifiDisabledIcon.js";import"../../components/icon/stroke/WifiHighIcon.js";import"../../components/icon/stroke/WifiLowIcon.js";import"../../components/icon/stroke/WifiMediumIcon.js";import"../../components/icon/stroke/WifiNoSignalIcon.js";import"../../components/icon/stroke/WindowIcon.js";import"../../components/icon/stroke/WindowheaterIcon.js";import"../../components/icon/stroke/WindowsClosedIcon.js";import"../../components/icon/stroke/WindowsOpenIcon.js";import"../../components/icon/stroke/WindscreenWiperIcon.js";import"../../components/icon/stroke/WriteIcon.js";import"../../components/icon/stroke/XIcon.js";import"../../components/icon/stroke/YouTubeIcon.js";import{styled as s,useTheme as l}from"@mui/material";const r=({videoRef:s,playPauseCallback:r})=>{const[m,d]=n(!1),I=i(null),j=l(),a=e((o=>{m?(r&&r("play",o),s.current.play()):(r&&r("pause",o),s.current.pause()),d(!m)}),[m,r,s]);return c((()=>{window.innerWidth<j.breakpoints.values.md&&(s.current.pause(),d(!0))}),[s,j.breakpoints.values.md]),c((()=>{window.innerWidth<j.breakpoints.values.md?m?(I.current.style.transitionDelay="0s",I.current.style.opacity=1):(I.current.style.transitionDelay="2s",I.current.style.opacity=0):(I.current.style.transitionDelay="0s",I.current.style.opacity=1)}),[m,j.breakpoints.values.md]),o(p,{ref:I,onClick:o=>a(o),children:o("div",{children:o(t,{name:m?"play":"pause"})})})},p=s("div")((({theme:o})=>{let n={};return n={[o.breakpoints.up("md")]:Object.assign(Object.assign({},n),{position:"absolute",zIndex:1e3,cursor:"pointer",bottom:"24px",right:"24px","& > div":{width:"44px",height:"44px",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${o.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:o.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}),[o.breakpoints.down("md")]:{position:"absolute",zIndex:1e3,left:"50%",top:"50%",width:"312px",height:"132px",transform:" translate(-50%, -50%)",transitionDelay:"2s",transitionDuration:"0.3s",transitionProperty:"opacity",transitionTimingFunction:"ease-out","& > div":{position:"absolute",left:"50%",top:"50%",transform:" translate(-50%, -50%)",width:"44px",height:"44px",margin:"0 auto",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${o.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:o.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}},n}));export{r as default};
+import{jsx as o}from"react/jsx-runtime";import{useState as n,useRef as i,useCallback as e,useEffect as c}from"react";import{Icon as t}from"../../components/icon/Icon.js";import"../../components/icon/FlowIcon.js";import"../../components/icon/icon.definitions.js";import"../../components/icon/filled/ATMFilledIcon.js";import"../../components/icon/filled/AddFilledIcon.js";import"../../components/icon/filled/AirFilterFilledIcon.js";import"../../components/icon/filled/AISuggestionFilledIcon.js";import"../../components/icon/filled/ArchiveFilledIcon.js";import"../../components/icon/filled/ArrowBottomLeftFilledIcon.js";import"../../components/icon/filled/ArrowBottomRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleBottomLeftFilledIcon.js";import"../../components/icon/filled/ArrowCircleBottomRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleDownFilledIcon.js";import"../../components/icon/filled/ArrowCircleLeftFilledIcon.js";import"../../components/icon/filled/ArrowCircleRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleTopLeftFilledIcon.js";import"../../components/icon/filled/ArrowCircleTopRightFilledIcon.js";import"../../components/icon/filled/ArrowCircleUpFilledIcon.js";import"../../components/icon/filled/ArrowCurvedDownFilledIcon.js";import"../../components/icon/filled/ArrowCurvedDownFlippedFilledIcon.js";import"../../components/icon/filled/ArrowCurvedLeftFilledIcon.js";import"../../components/icon/filled/ArrowCurvedLeftFlippedFilledIcon.js";import"../../components/icon/filled/ArrowCurvedRightFilledIcon.js";import"../../components/icon/filled/ArrowCurvedRightFlippedFilledIcon.js";import"../../components/icon/filled/ArrowCurvedUpFilledIcon.js";import"../../components/icon/filled/ArrowCurvedUpFlippedFilledIcon.js";import"../../components/icon/filled/ArrowDownFilledIcon.js";import"../../components/icon/filled/ArrowLeftFilledIcon.js";import"../../components/icon/filled/ArrowRightFilledIcon.js";import"../../components/icon/filled/ArrowTopLeftFilledIcon.js";import"../../components/icon/filled/ArrowTopRightFilledIcon.js";import"../../components/icon/filled/ArrowUpFilledIcon.js";import"../../components/icon/filled/ArtboardFilledIcon.js";import"../../components/icon/filled/AssistanceFilledIcon.js";import"../../components/icon/filled/AudioMidFilledIcon.js";import"../../components/icon/filled/AudioMuteFilledIcon.js";import"../../components/icon/filled/AudioOffFilledIcon.js";import"../../components/icon/filled/AudioOnFilledIcon.js";import"../../components/icon/filled/BackToParentFilledIcon.js";import"../../components/icon/filled/BadgeFilledIcon.js";import"../../components/icon/filled/BalloonFilledIcon.js";import"../../components/icon/filled/BarFilledIcon.js";import"../../components/icon/filled/BarCodeFilledIcon.js";import"../../components/icon/filled/Battery0FilledIcon.js";import"../../components/icon/filled/Battery10FilledIcon.js";import"../../components/icon/filled/Battery100FilledIcon.js";import"../../components/icon/filled/Battery20FilledIcon.js";import"../../components/icon/filled/Battery30FilledIcon.js";import"../../components/icon/filled/Battery40FilledIcon.js";import"../../components/icon/filled/Battery50FilledIcon.js";import"../../components/icon/filled/Battery60FilledIcon.js";import"../../components/icon/filled/Battery70FilledIcon.js";import"../../components/icon/filled/Battery80FilledIcon.js";import"../../components/icon/filled/Battery90FilledIcon.js";import"../../components/icon/filled/BatteryChargingFilledIcon.js";import"../../components/icon/filled/BatteryDischargeFilledIcon.js";import"../../components/icon/filled/BatteryEmptyFilledIcon.js";import"../../components/icon/filled/BatteryErrorFilledIcon.js";import"../../components/icon/filled/BatteryFullFilledIcon.js";import"../../components/icon/filled/BatteryHighVoltageFilledIcon.js";import"../../components/icon/filled/BatteryOneThirdFilledIcon.js";import"../../components/icon/filled/BatteryTwoThirdsFilledIcon.js";import"../../components/icon/filled/BatteryFilledIcon.js";import"../../components/icon/filled/BellFilledIcon.js";import"../../components/icon/filled/BicycleFilledIcon.js";import"../../components/icon/filled/BoltDischargeFilledIcon.js";import"../../components/icon/filled/BoltFilledIcon.js";import"../../components/icon/filled/BoltMotionFilledIcon.js";import"../../components/icon/filled/BoltOffFilledIcon.js";import"../../components/icon/filled/BonnetClosedFilledIcon.js";import"../../components/icon/filled/BonnetOpenFilledIcon.js";import"../../components/icon/filled/BookmarkFilledIcon.js";import"../../components/icon/filled/BootClosedFilledIcon.js";import"../../components/icon/filled/BootOpenFilledIcon.js";import"../../components/icon/filled/BoxFilledIcon.js";import"../../components/icon/filled/BrakeFluidFilledIcon.js";import"../../components/icon/filled/BrakesFilledIcon.js";import"../../components/icon/filled/BrightnessFilledIcon.js";import"../../components/icon/filled/BuildingFilledIcon.js";import"../../components/icon/filled/CalculatorFilledIcon.js";import"../../components/icon/filled/CalendarCalendarFilledIcon.js";import"../../components/icon/filled/CalendarCheckFilledIcon.js";import"../../components/icon/filled/CalendarPointFilledIcon.js";import"../../components/icon/filled/CameraFilledIcon.js";import"../../components/icon/filled/CampingFilledIcon.js";import"../../components/icon/filled/CarAccidentFilledIcon.js";import"../../components/icon/filled/CarBackFilledIcon.js";import"../../components/icon/filled/CarComparisonFilledIcon.js";import"../../components/icon/filled/CarHandFilledIcon.js";import"../../components/icon/filled/CarInfoFilledIcon.js";import"../../components/icon/filled/CarMagnifierFilledIcon.js";import"../../components/icon/filled/CarSeatFilledIcon.js";import"../../components/icon/filled/CarSendFilledIcon.js";import"../../components/icon/filled/CarSideFilledIcon.js";import"../../components/icon/filled/CarStarFilledIcon.js";import"../../components/icon/filled/CarTechnicalInfoFilledIcon.js";import"../../components/icon/filled/CareMobilityFilledIcon.js";import"../../components/icon/filled/CarFilledIcon.js";import"../../components/icon/filled/CarDoorFilledIcon.js";import"../../components/icon/filled/CarStatusFilledIcon.js";import"../../components/icon/filled/CardFilledIcon.js";import"../../components/icon/filled/ChangeOrderFilledIcon.js";import"../../components/icon/filled/ChatFilledIcon.js";import"../../components/icon/filled/CheckFilledIcon.js";import"../../components/icon/filled/ChevronCircleDownFilledIcon.js";import"../../components/icon/filled/ChevronCircleLeftFilledIcon.js";import"../../components/icon/filled/ChevronCircleRightFilledIcon.js";import"../../components/icon/filled/ChevronCircleUpFilledIcon.js";import"../../components/icon/filled/ChevronDoubleDownFilledIcon.js";import"../../components/icon/filled/ChevronDoubleLeftFilledIcon.js";import"../../components/icon/filled/ChevronDoubleRightFilledIcon.js";import"../../components/icon/filled/ChevronDoubleUpFilledIcon.js";import"../../components/icon/filled/ChevronDownFilledIcon.js";import"../../components/icon/filled/ChevronLeftFilledIcon.js";import"../../components/icon/filled/ChevronNextFilledIcon.js";import"../../components/icon/filled/ChevronPreviousFilledIcon.js";import"../../components/icon/filled/ChevronRightFilledIcon.js";import"../../components/icon/filled/ChevronUpFilledIcon.js";import"../../components/icon/filled/CircleBluetoothFilledIcon.js";import"../../components/icon/filled/CircleCheckFilledIcon.js";import"../../components/icon/filled/CircleCloseFilledIcon.js";import"../../components/icon/filled/CircleDownloadFilledIcon.js";import"../../components/icon/filled/CircleExclamationFilledIcon.js";import"../../components/icon/filled/CircleInformationFilledIcon.js";import"../../components/icon/filled/CircleMinusFilledIcon.js";import"../../components/icon/filled/CirclePlusFilledIcon.js";import"../../components/icon/filled/CircleQuestionFilledIcon.js";import"../../components/icon/filled/CircleSlashFilledIcon.js";import"../../components/icon/filled/CircleUploadFilledIcon.js";import"../../components/icon/filled/ClipFilledIcon.js";import"../../components/icon/filled/ClockFilledIcon.js";import"../../components/icon/filled/CloseFilledIcon.js";import"../../components/icon/filled/ClosedcaptionsFilledIcon.js";import"../../components/icon/filled/CloudCO2FilledIcon.js";import"../../components/icon/filled/CloudDownloadFilledIcon.js";import"../../components/icon/filled/CloudUploadFilledIcon.js";import"../../components/icon/filled/ColoursFilledIcon.js";import"../../components/icon/filled/ComfortFilledIcon.js";import"../../components/icon/filled/ContrastFilledIcon.js";import"../../components/icon/filled/ControlsForwardFilledIcon.js";import"../../components/icon/filled/ControlsPauseFilledIcon.js";import"../../components/icon/filled/ControlsPlayFilledIcon.js";import"../../components/icon/filled/ControlsRecordFilledIcon.js";import"../../components/icon/filled/ControlsReverseFilledIcon.js";import"../../components/icon/filled/ControlsRewindFilledIcon.js";import"../../components/icon/filled/ControlsSkipNextFilledIcon.js";import"../../components/icon/filled/ControlsSkipPreviousFilledIcon.js";import"../../components/icon/filled/ControlsStopFilledIcon.js";import"../../components/icon/filled/CookieFilledIcon.js";import"../../components/icon/filled/CultureFilledIcon.js";import"../../components/icon/filled/CopyFilledIcon.js";import"../../components/icon/filled/CutFilledIcon.js";import"../../components/icon/filled/DealerFilledIcon.js";import"../../components/icon/filled/DealershipServiceFilledIcon.js";import"../../components/icon/filled/DeliveryFilledIcon.js";import"../../components/icon/filled/DetailsFilledIcon.js";import"../../components/icon/filled/DeviceSmartphoneFilledIcon.js";import"../../components/icon/filled/DoorsClosedFilledIcon.js";import"../../components/icon/filled/DoorsOpenFilledIcon.js";import"../../components/icon/filled/DownloadFilledIcon.js";import"../../components/icon/filled/DraghandleFilledIcon.js";import"../../components/icon/filled/EditFilledIcon.js";import"../../components/icon/filled/ElectricChargerFilledIcon.js";import"../../components/icon/filled/ElectricChargerOffFilledIcon.js";import"../../components/icon/filled/EmptystateFilledIcon.js";import"../../components/icon/filled/EngineFilledIcon.js";import"../../components/icon/filled/EngineOilFilledIcon.js";import"../../components/icon/filled/EntertainmentFilledIcon.js";import"../../components/icon/filled/EqualsignFilledIcon.js";import"../../components/icon/filled/ExportFilledIcon.js";import"../../components/icon/filled/ExternalLinkFilledIcon.js";import"../../components/icon/filled/FacebookFilledIcon.js";import"../../components/icon/filled/FactoryFilledIcon.js";import"../../components/icon/filled/FanFilledIcon.js";import"../../components/icon/filled/FeedbackFilledIcon.js";import"../../components/icon/filled/FileFilledIcon.js";import"../../components/icon/filled/FileMissingFilledIcon.js";import"../../components/icon/filled/FileNewFilledIcon.js";import"../../components/icon/filled/FilterFilledIcon.js";import"../../components/icon/filled/FiltersFilledIcon.js";import"../../components/icon/filled/FingerPrintFilledIcon.js";import"../../components/icon/filled/FirstAidFilledIcon.js";import"../../components/icon/filled/FlashFilledIcon.js";import"../../components/icon/filled/FolderFilledIcon.js";import"../../components/icon/filled/FolderShareFilledIcon.js";import"../../components/icon/filled/FoodFilledIcon.js";import"../../components/icon/filled/FourwheeldriveFilledIcon.js";import"../../components/icon/filled/FrontaxleFilledIcon.js";import"../../components/icon/filled/FuelSavingsFilledIcon.js";import"../../components/icon/filled/FullscreenEnterFilledIcon.js";import"../../components/icon/filled/FullscreenExitFilledIcon.js";import"../../components/icon/filled/GarageFilledIcon.js";import"../../components/icon/filled/GaugeFilledIcon.js";import"../../components/icon/filled/GlobeFilledIcon.js";import"../../components/icon/filled/GroupFilledIcon.js";import"../../components/icon/filled/HandkeyFilledIcon.js";import"../../components/icon/filled/HealthScanFilledIcon.js";import"../../components/icon/filled/HeartFilledIcon.js";import"../../components/icon/filled/HideFilledIcon.js";import"../../components/icon/filled/HistoryFilledIcon.js";import"../../components/icon/filled/HomeFilledIcon.js";import"../../components/icon/filled/HonkFilledIcon.js";import"../../components/icon/filled/HotelFilledIcon.js";import"../../components/icon/filled/HybridFilledIcon.js";import"../../components/icon/filled/IDCardFilledIcon.js";import"../../components/icon/filled/ImportFilledIcon.js";import"../../components/icon/filled/InboxFilledIcon.js";import"../../components/icon/filled/InstagramFilledIcon.js";import"../../components/icon/filled/LightsFilledIcon.js";import"../../components/icon/filled/LightsOffFilledIcon.js";import"../../components/icon/filled/LinkedInFilledIcon.js";import"../../components/icon/filled/ListFilledIcon.js";import"../../components/icon/filled/LockClosedFilledIcon.js";import"../../components/icon/filled/LockOpenedFilledIcon.js";import"../../components/icon/filled/LockOpenedAltFilledIcon.js";import"../../components/icon/filled/LockedSteeringWheelFilledIcon.js";import"../../components/icon/filled/LoginFilledIcon.js";import"../../components/icon/filled/LogoutFilledIcon.js";import"../../components/icon/filled/MaintenanceFilledIcon.js";import"../../components/icon/filled/ManualFilledIcon.js";import"../../components/icon/filled/MapCenterFilledIcon.js";import"../../components/icon/filled/MapCompassFilledIcon.js";import"../../components/icon/filled/MapFlagFilledIcon.js";import"../../components/icon/filled/MapLocationFilledIcon.js";import"../../components/icon/filled/MapFilledIcon.js";import"../../components/icon/filled/MapMarkerFilledIcon.js";import"../../components/icon/filled/MapMarkerLBOFilledIcon.js";import"../../components/icon/filled/MapPinFilledIcon.js";import"../../components/icon/filled/MapViewFilledIcon.js";import"../../components/icon/filled/MenuWaffleFilledIcon.js";import"../../components/icon/filled/MenuFilledIcon.js";import"../../components/icon/filled/MessageFilledIcon.js";import"../../components/icon/filled/MicrophoneFilledIcon.js";import"../../components/icon/filled/MinusFilledIcon.js";import"../../components/icon/filled/MoreHorizontalFilledIcon.js";import"../../components/icon/filled/MoreVerticalFilledIcon.js";import"../../components/icon/filled/MotionFilledIcon.js";import"../../components/icon/filled/MusicalNoteFilledIcon.js";import"../../components/icon/filled/MuteFilledIcon.js";import"../../components/icon/filled/NewsFilledIcon.js";import"../../components/icon/filled/NewspaperFilledIcon.js";import"../../components/icon/filled/OilFilledIcon.js";import"../../components/icon/filled/ParkingFilledIcon.js";import"../../components/icon/filled/PasteFilledIcon.js";import"../../components/icon/filled/PercentageFilledIcon.js";import"../../components/icon/filled/PetFilledIcon.js";import"../../components/icon/filled/PhoneFilledIcon.js";import"../../components/icon/filled/PictureFilledIcon.js";import"../../components/icon/filled/PiggybankFilledIcon.js";import"../../components/icon/filled/PlugCCSType1FilledIcon.js";import"../../components/icon/filled/PlugCCSType2FilledIcon.js";import"../../components/icon/filled/PlugCHAdeMOFilledIcon.js";import"../../components/icon/filled/PlugType1FilledIcon.js";import"../../components/icon/filled/PlugType2FilledIcon.js";import"../../components/icon/filled/PlugFilledIcon.js";import"../../components/icon/filled/PlusFilledIcon.js";import"../../components/icon/filled/PremiumLFilledIcon.js";import"../../components/icon/filled/PremiumMFilledIcon.js";import"../../components/icon/filled/PremiumSFilledIcon.js";import"../../components/icon/filled/PriceTagFilledIcon.js";import"../../components/icon/filled/PrintFilledIcon.js";import"../../components/icon/filled/ProductionFilledIcon.js";import"../../components/icon/filled/PublicplaceFilledIcon.js";import"../../components/icon/filled/PumpFilledIcon.js";import"../../components/icon/filled/PumpCNGFilledIcon.js";import"../../components/icon/filled/PumpLPGFilledIcon.js";import"../../components/icon/filled/QRCodeFilledIcon.js";import"../../components/icon/filled/QualityFilledIcon.js";import"../../components/icon/filled/QualityMedalFilledIcon.js";import"../../components/icon/filled/RadarFilledIcon.js";import"../../components/icon/filled/RefreshFilledIcon.js";import"../../components/icon/filled/ReloadFilledIcon.js";import"../../components/icon/filled/RevertFilledIcon.js";import"../../components/icon/filled/RoadBlockFilledIcon.js";import"../../components/icon/filled/SaveFilledIcon.js";import"../../components/icon/filled/SearchMinusFilledIcon.js";import"../../components/icon/filled/SearchPlusFilledIcon.js";import"../../components/icon/filled/SearchFilledIcon.js";import"../../components/icon/filled/SeatheaterFilledIcon.js";import"../../components/icon/filled/SelectFilledIcon.js";import"../../components/icon/filled/SelectAllFilledIcon.js";import"../../components/icon/filled/SendFilledIcon.js";import"../../components/icon/filled/SettingsFilledIcon.js";import"../../components/icon/filled/ShapeCircleFilledIcon.js";import"../../components/icon/filled/ShapeDropFilledIcon.js";import"../../components/icon/filled/ShapeRectangleHorizontalFilledIcon.js";import"../../components/icon/filled/ShapeRectangleRoundedFilledIcon.js";import"../../components/icon/filled/ShapeRectangleVerticalFilledIcon.js";import"../../components/icon/filled/ShapeRhombusFilledIcon.js";import"../../components/icon/filled/ShapeShapesFilledIcon.js";import"../../components/icon/filled/ShapeSquareFilledIcon.js";import"../../components/icon/filled/ShapeStarFilledIcon.js";import"../../components/icon/filled/ShapeStarhalfFilledIcon.js";import"../../components/icon/filled/ShapeTriangleFilledIcon.js";import"../../components/icon/filled/ShareFilledIcon.js";import"../../components/icon/filled/ShareSquareFilledIcon.js";import"../../components/icon/filled/ShieldCheckFilledIcon.js";import"../../components/icon/filled/ShieldEmptyFilledIcon.js";import"../../components/icon/filled/ShoppingBagFilledIcon.js";import"../../components/icon/filled/ShoppingCartFilledIcon.js";import"../../components/icon/filled/ShowFilledIcon.js";import"../../components/icon/filled/ShuffleFilledIcon.js";import"../../components/icon/filled/SignalFilledIcon.js";import"../../components/icon/filled/SortDownFilledIcon.js";import"../../components/icon/filled/SortUpFilledIcon.js";import"../../components/icon/filled/SoundwaveFilledIcon.js";import"../../components/icon/filled/SparkplugFilledIcon.js";import"../../components/icon/filled/SportFilledIcon.js";import"../../components/icon/filled/StatsFilledIcon.js";import"../../components/icon/filled/SteeringWheelFilledIcon.js";import"../../components/icon/filled/StopwatchFilledIcon.js";import"../../components/icon/filled/SubtractFilledIcon.js";import"../../components/icon/filled/SuitcaseFilledIcon.js";import"../../components/icon/filled/SunroofFilledIcon.js";import"../../components/icon/filled/TaskDoneFilledIcon.js";import"../../components/icon/filled/TaskNoneFilledIcon.js";import"../../components/icon/filled/TaskScheduledFilledIcon.js";import"../../components/icon/filled/TechnicalInfoFilledIcon.js";import"../../components/icon/filled/TelegramFilledIcon.js";import"../../components/icon/filled/ThumbDownFilledIcon.js";import"../../components/icon/filled/ThumbUpFilledIcon.js";import"../../components/icon/filled/TicketFilledIcon.js";import"../../components/icon/filled/TikTokFilledIcon.js";import"../../components/icon/filled/ToiletsFilledIcon.js";import"../../components/icon/filled/TransmissionAutomaticFilledIcon.js";import"../../components/icon/filled/TransmissionManualFilledIcon.js";import"../../components/icon/filled/TrashcanFilledIcon.js";import"../../components/icon/filled/TripCyclicFilledIcon.js";import"../../components/icon/filled/TripLongTermFilledIcon.js";import"../../components/icon/filled/TripSingleFilledIcon.js";import"../../components/icon/filled/TrophyFilledIcon.js";import"../../components/icon/filled/TwitterFilledIcon.js";import"../../components/icon/filled/TyreRepairFilledIcon.js";import"../../components/icon/filled/TyreTracksFilledIcon.js";import"../../components/icon/filled/TyresFilledIcon.js";import"../../components/icon/filled/UploadFilledIcon.js";import"../../components/icon/filled/UserFilledIcon.js";import"../../components/icon/filled/VentilationFilledIcon.js";import"../../components/icon/filled/VentilationOffFilledIcon.js";import"../../components/icon/filled/WalkFilledIcon.js";import"../../components/icon/filled/WallboxFilledIcon.js";import"../../components/icon/filled/WalletFilledIcon.js";import"../../components/icon/filled/WandFilledIcon.js";import"../../components/icon/filled/WarningFilledIcon.js";import"../../components/icon/filled/WeatherRainyFilledIcon.js";import"../../components/icon/filled/WeatherSnowFilledIcon.js";import"../../components/icon/filled/WellnessFilledIcon.js";import"../../components/icon/filled/WhatsAppFilledIcon.js";import"../../components/icon/filled/WheelchairFilledIcon.js";import"../../components/icon/filled/WheelsFilledIcon.js";import"../../components/icon/filled/WifiDisabledFilledIcon.js";import"../../components/icon/filled/WifiHighFilledIcon.js";import"../../components/icon/filled/WifiLowFilledIcon.js";import"../../components/icon/filled/WifiMediumFilledIcon.js";import"../../components/icon/filled/WifiNoSignalFilledIcon.js";import"../../components/icon/filled/WindowFilledIcon.js";import"../../components/icon/filled/WindowheaterFilledIcon.js";import"../../components/icon/filled/WindowsClosedFilledIcon.js";import"../../components/icon/filled/WindowsOpenFilledIcon.js";import"../../components/icon/filled/WindscreenWiperFilledIcon.js";import"../../components/icon/filled/WriteFilledIcon.js";import"../../components/icon/filled/XFilledIcon.js";import"../../components/icon/filled/YouTubeFilledIcon.js";import"../../components/icon/stroke/ATMIcon.js";import"../../components/icon/stroke/AddIcon.js";import"../../components/icon/stroke/AirFilterIcon.js";import"../../components/icon/stroke/AISuggestionIcon.js";import"../../components/icon/stroke/ArchiveIcon.js";import"../../components/icon/stroke/ArrowBottomLeftIcon.js";import"../../components/icon/stroke/ArrowBottomRightIcon.js";import"../../components/icon/stroke/ArrowCircleBottomLeftIcon.js";import"../../components/icon/stroke/ArrowCircleBottomRightIcon.js";import"../../components/icon/stroke/ArrowCircleDownIcon.js";import"../../components/icon/stroke/ArrowCircleLeftIcon.js";import"../../components/icon/stroke/ArrowCircleRightIcon.js";import"../../components/icon/stroke/ArrowCircleTopLeftIcon.js";import"../../components/icon/stroke/ArrowCircleTopRightIcon.js";import"../../components/icon/stroke/ArrowCircleUpIcon.js";import"../../components/icon/stroke/ArrowCurvedDownIcon.js";import"../../components/icon/stroke/ArrowCurvedDownFlippedIcon.js";import"../../components/icon/stroke/ArrowCurvedLeftIcon.js";import"../../components/icon/stroke/ArrowCurvedLeftFlippedIcon.js";import"../../components/icon/stroke/ArrowCurvedRightIcon.js";import"../../components/icon/stroke/ArrowCurvedRightFlippedIcon.js";import"../../components/icon/stroke/ArrowCurvedUpIcon.js";import"../../components/icon/stroke/ArrowCurvedUpFlippedIcon.js";import"../../components/icon/stroke/ArrowDownIcon.js";import"../../components/icon/stroke/ArrowLeftIcon.js";import"../../components/icon/stroke/ArrowRightIcon.js";import"../../components/icon/stroke/ArrowTopLeftIcon.js";import"../../components/icon/stroke/ArrowTopRightIcon.js";import"../../components/icon/stroke/ArrowUpIcon.js";import"../../components/icon/stroke/ArtboardIcon.js";import"../../components/icon/stroke/AssistanceIcon.js";import"../../components/icon/stroke/AudioMidIcon.js";import"../../components/icon/stroke/AudioMuteIcon.js";import"../../components/icon/stroke/AudioOffIcon.js";import"../../components/icon/stroke/AudioOnIcon.js";import"../../components/icon/stroke/BadgeIcon.js";import"../../components/icon/stroke/BackToParentIcon.js";import"../../components/icon/stroke/BalloonIcon.js";import"../../components/icon/stroke/BarIcon.js";import"../../components/icon/stroke/BarCodeIcon.js";import"../../components/icon/stroke/Battery0Icon.js";import"../../components/icon/stroke/Battery10Icon.js";import"../../components/icon/stroke/Battery100Icon.js";import"../../components/icon/stroke/Battery20Icon.js";import"../../components/icon/stroke/Battery30Icon.js";import"../../components/icon/stroke/Battery40Icon.js";import"../../components/icon/stroke/Battery50Icon.js";import"../../components/icon/stroke/Battery60Icon.js";import"../../components/icon/stroke/Battery70Icon.js";import"../../components/icon/stroke/Battery80Icon.js";import"../../components/icon/stroke/Battery90Icon.js";import"../../components/icon/stroke/BatteryEmptyIcon.js";import"../../components/icon/stroke/BatteryFullIcon.js";import"../../components/icon/stroke/BatteryHighVoltageIcon.js";import"../../components/icon/stroke/BatteryOneThirdIcon.js";import"../../components/icon/stroke/BatteryTwoThirdsIcon.js";import"../../components/icon/stroke/BatteryChargingIcon.js";import"../../components/icon/stroke/BatteryDischargeIcon.js";import"../../components/icon/stroke/BatteryErrorIcon.js";import"../../components/icon/stroke/BatteryIcon.js";import"../../components/icon/stroke/BellIcon.js";import"../../components/icon/stroke/BicycleIcon.js";import"../../components/icon/stroke/BoltDischargeIcon.js";import"../../components/icon/stroke/BoltIcon.js";import"../../components/icon/stroke/BoltMotionIcon.js";import"../../components/icon/stroke/BoltOffIcon.js";import"../../components/icon/stroke/BonnetClosedIcon.js";import"../../components/icon/stroke/BonnetOpenIcon.js";import"../../components/icon/stroke/BookmarkIcon.js";import"../../components/icon/stroke/BootClosedIcon.js";import"../../components/icon/stroke/BootOpenIcon.js";import"../../components/icon/stroke/BoxIcon.js";import"../../components/icon/stroke/BrakeFluidIcon.js";import"../../components/icon/stroke/BrakesIcon.js";import"../../components/icon/stroke/BrightnessIcon.js";import"../../components/icon/stroke/BuildingIcon.js";import"../../components/icon/stroke/CalculatorIcon.js";import"../../components/icon/stroke/CalendarCalendarIcon.js";import"../../components/icon/stroke/CalendarCheckIcon.js";import"../../components/icon/stroke/CalendarPointIcon.js";import"../../components/icon/stroke/CameraIcon.js";import"../../components/icon/stroke/CampingIcon.js";import"../../components/icon/stroke/CarAccidentIcon.js";import"../../components/icon/stroke/CarBackIcon.js";import"../../components/icon/stroke/CarComparisonIcon.js";import"../../components/icon/stroke/CarHandIcon.js";import"../../components/icon/stroke/CarInfoIcon.js";import"../../components/icon/stroke/CarMagnifierIcon.js";import"../../components/icon/stroke/CarSeatIcon.js";import"../../components/icon/stroke/CarSendIcon.js";import"../../components/icon/stroke/CarSideIcon.js";import"../../components/icon/stroke/CarStarIcon.js";import"../../components/icon/stroke/CarTechnicalInfoIcon.js";import"../../components/icon/stroke/CareMobilityIcon.js";import"../../components/icon/stroke/CarIcon.js";import"../../components/icon/stroke/CarDoorIcon.js";import"../../components/icon/stroke/CarStatusIcon.js";import"../../components/icon/stroke/CardIcon.js";import"../../components/icon/stroke/ChangeOrderIcon.js";import"../../components/icon/stroke/ChatIcon.js";import"../../components/icon/stroke/CheckIcon.js";import"../../components/icon/stroke/ChevronCircleDownIcon.js";import"../../components/icon/stroke/ChevronCircleLeftIcon.js";import"../../components/icon/stroke/ChevronCircleRightIcon.js";import"../../components/icon/stroke/ChevronCircleUpIcon.js";import"../../components/icon/stroke/ChevronDoubleDownIcon.js";import"../../components/icon/stroke/ChevronDoubleLeftIcon.js";import"../../components/icon/stroke/ChevronDoubleRightIcon.js";import"../../components/icon/stroke/ChevronDoubleUpIcon.js";import"../../components/icon/stroke/ChevronDownIcon.js";import"../../components/icon/stroke/ChevronLeftIcon.js";import"../../components/icon/stroke/ChevronNextIcon.js";import"../../components/icon/stroke/ChevronPreviousIcon.js";import"../../components/icon/stroke/ChevronRightIcon.js";import"../../components/icon/stroke/ChevronUpIcon.js";import"../../components/icon/stroke/CircleBluetoothIcon.js";import"../../components/icon/stroke/CircleCheckIcon.js";import"../../components/icon/stroke/CircleCloseIcon.js";import"../../components/icon/stroke/CircleDownloadIcon.js";import"../../components/icon/stroke/CircleExclamationIcon.js";import"../../components/icon/stroke/CircleInformationIcon.js";import"../../components/icon/stroke/CircleMinusIcon.js";import"../../components/icon/stroke/CirclePlusIcon.js";import"../../components/icon/stroke/CircleQuestionIcon.js";import"../../components/icon/stroke/CircleSlashIcon.js";import"../../components/icon/stroke/CircleUploadIcon.js";import"../../components/icon/stroke/ClipIcon.js";import"../../components/icon/stroke/ClockIcon.js";import"../../components/icon/stroke/CloseIcon.js";import"../../components/icon/stroke/ClosedcaptionsIcon.js";import"../../components/icon/stroke/CloudCO2Icon.js";import"../../components/icon/stroke/CloudDownloadIcon.js";import"../../components/icon/stroke/CloudUploadIcon.js";import"../../components/icon/stroke/ColoursIcon.js";import"../../components/icon/stroke/ComfortIcon.js";import"../../components/icon/stroke/ContrastIcon.js";import"../../components/icon/stroke/ControlsForwardIcon.js";import"../../components/icon/stroke/ControlsPauseIcon.js";import"../../components/icon/stroke/ControlsPlayIcon.js";import"../../components/icon/stroke/ControlsRecordIcon.js";import"../../components/icon/stroke/ControlsReverseIcon.js";import"../../components/icon/stroke/ControlsRewindIcon.js";import"../../components/icon/stroke/ControlsSkipNextIcon.js";import"../../components/icon/stroke/ControlsSkipPreviousIcon.js";import"../../components/icon/stroke/ControlsStopIcon.js";import"../../components/icon/stroke/CookieIcon.js";import"../../components/icon/stroke/CopyIcon.js";import"../../components/icon/stroke/CultureIcon.js";import"../../components/icon/stroke/CutIcon.js";import"../../components/icon/stroke/DealerIcon.js";import"../../components/icon/stroke/DealershipServiceIcon.js";import"../../components/icon/stroke/DeliveryIcon.js";import"../../components/icon/stroke/DetailsIcon.js";import"../../components/icon/stroke/DeviceSmartphoneIcon.js";import"../../components/icon/stroke/DoorsClosedIcon.js";import"../../components/icon/stroke/DoorsOpenIcon.js";import"../../components/icon/stroke/DownloadIcon.js";import"../../components/icon/stroke/DraghandleIcon.js";import"../../components/icon/stroke/EditIcon.js";import"../../components/icon/stroke/ElectricChargerIcon.js";import"../../components/icon/stroke/ElectricChargerOffIcon.js";import"../../components/icon/stroke/EmptystateIcon.js";import"../../components/icon/stroke/EngineIcon.js";import"../../components/icon/stroke/EngineOilIcon.js";import"../../components/icon/stroke/EntertainmentIcon.js";import"../../components/icon/stroke/EqualsignIcon.js";import"../../components/icon/stroke/ExportIcon.js";import"../../components/icon/stroke/ExternalLinkIcon.js";import"../../components/icon/stroke/FacebookIcon.js";import"../../components/icon/stroke/FactoryIcon.js";import"../../components/icon/stroke/FanIcon.js";import"../../components/icon/stroke/FeedbackIcon.js";import"../../components/icon/stroke/FileIcon.js";import"../../components/icon/stroke/FileMissingIcon.js";import"../../components/icon/stroke/FileNewIcon.js";import"../../components/icon/stroke/FilterIcon.js";import"../../components/icon/stroke/FiltersIcon.js";import"../../components/icon/stroke/FingerPrintIcon.js";import"../../components/icon/stroke/FirstAidIcon.js";import"../../components/icon/stroke/FlashIcon.js";import"../../components/icon/stroke/FolderIcon.js";import"../../components/icon/stroke/FolderShareIcon.js";import"../../components/icon/stroke/FoodIcon.js";import"../../components/icon/stroke/FourwheeldriveIcon.js";import"../../components/icon/stroke/FrontaxleIcon.js";import"../../components/icon/stroke/FuelSavingsIcon.js";import"../../components/icon/stroke/FullscreenEnterIcon.js";import"../../components/icon/stroke/FullscreenExitIcon.js";import"../../components/icon/stroke/GarageIcon.js";import"../../components/icon/stroke/GaugeIcon.js";import"../../components/icon/stroke/GlobeIcon.js";import"../../components/icon/stroke/GroupIcon.js";import"../../components/icon/stroke/HandkeyIcon.js";import"../../components/icon/stroke/HealthScanIcon.js";import"../../components/icon/stroke/HeartIcon.js";import"../../components/icon/stroke/HideIcon.js";import"../../components/icon/stroke/HistoryIcon.js";import"../../components/icon/stroke/HomeIcon.js";import"../../components/icon/stroke/HonkIcon.js";import"../../components/icon/stroke/HotelIcon.js";import"../../components/icon/stroke/HybridIcon.js";import"../../components/icon/stroke/IDCardIcon.js";import"../../components/icon/stroke/ImportIcon.js";import"../../components/icon/stroke/InboxIcon.js";import"../../components/icon/stroke/InstagramIcon.js";import"../../components/icon/stroke/LightsIcon.js";import"../../components/icon/stroke/LightsOffIcon.js";import"../../components/icon/stroke/LinkedInIcon.js";import"../../components/icon/stroke/ListIcon.js";import"../../components/icon/stroke/LockClosedIcon.js";import"../../components/icon/stroke/LockOpenedIcon.js";import"../../components/icon/stroke/LockOpenedAltIcon.js";import"../../components/icon/stroke/LockedSteeringWheelIcon.js";import"../../components/icon/stroke/LoginIcon.js";import"../../components/icon/stroke/LogoutIcon.js";import"../../components/icon/stroke/MaintenanceIcon.js";import"../../components/icon/stroke/ManualIcon.js";import"../../components/icon/stroke/MapCenterIcon.js";import"../../components/icon/stroke/MapCompassIcon.js";import"../../components/icon/stroke/MapFlagIcon.js";import"../../components/icon/stroke/MapLocationIcon.js";import"../../components/icon/stroke/MapIcon.js";import"../../components/icon/stroke/MapMarkerIcon.js";import"../../components/icon/stroke/MapMarkerLBOIcon.js";import"../../components/icon/stroke/MapPinIcon.js";import"../../components/icon/stroke/MapViewIcon.js";import"../../components/icon/stroke/MenuWaffleIcon.js";import"../../components/icon/stroke/MenuIcon.js";import"../../components/icon/stroke/MessageIcon.js";import"../../components/icon/stroke/MicrophoneIcon.js";import"../../components/icon/stroke/MinusIcon.js";import"../../components/icon/stroke/MoreHorizontalIcon.js";import"../../components/icon/stroke/MoreVerticalIcon.js";import"../../components/icon/stroke/MotionIcon.js";import"../../components/icon/stroke/MusicalNoteIcon.js";import"../../components/icon/stroke/MuteIcon.js";import"../../components/icon/stroke/NewsIcon.js";import"../../components/icon/stroke/NewspaperIcon.js";import"../../components/icon/stroke/OilIcon.js";import"../../components/icon/stroke/ParkingIcon.js";import"../../components/icon/stroke/PasteIcon.js";import"../../components/icon/stroke/PercentageIcon.js";import"../../components/icon/stroke/PetIcon.js";import"../../components/icon/stroke/PhoneIcon.js";import"../../components/icon/stroke/PictureIcon.js";import"../../components/icon/stroke/PiggybankIcon.js";import"../../components/icon/stroke/PlugCCSType1Icon.js";import"../../components/icon/stroke/PlugCCSType2Icon.js";import"../../components/icon/stroke/PlugCHAdeMOIcon.js";import"../../components/icon/stroke/PlugType1Icon.js";import"../../components/icon/stroke/PlugType2Icon.js";import"../../components/icon/stroke/PlugIcon.js";import"../../components/icon/stroke/PlusIcon.js";import"../../components/icon/stroke/PremiumLIcon.js";import"../../components/icon/stroke/PremiumMIcon.js";import"../../components/icon/stroke/PremiumSIcon.js";import"../../components/icon/stroke/PriceTagIcon.js";import"../../components/icon/stroke/PrintIcon.js";import"../../components/icon/stroke/ProductionIcon.js";import"../../components/icon/stroke/PublicplaceIcon.js";import"../../components/icon/stroke/PumpIcon.js";import"../../components/icon/stroke/PumpCNGIcon.js";import"../../components/icon/stroke/PumpLPGIcon.js";import"../../components/icon/stroke/QRCodeIcon.js";import"../../components/icon/stroke/QualityIcon.js";import"../../components/icon/stroke/QualityMedalIcon.js";import"../../components/icon/stroke/RadarIcon.js";import"../../components/icon/stroke/RefreshIcon.js";import"../../components/icon/stroke/ReloadIcon.js";import"../../components/icon/stroke/RevertIcon.js";import"../../components/icon/stroke/RoadBlockIcon.js";import"../../components/icon/stroke/SaveIcon.js";import"../../components/icon/stroke/SearchMinusIcon.js";import"../../components/icon/stroke/SearchPlusIcon.js";import"../../components/icon/stroke/SearchIcon.js";import"../../components/icon/stroke/SeatheaterIcon.js";import"../../components/icon/stroke/SelectIcon.js";import"../../components/icon/stroke/SelectAllIcon.js";import"../../components/icon/stroke/SendIcon.js";import"../../components/icon/stroke/SettingsIcon.js";import"../../components/icon/stroke/ShapeCircleIcon.js";import"../../components/icon/stroke/ShapeDropIcon.js";import"../../components/icon/stroke/ShapeRectangleHorizontalIcon.js";import"../../components/icon/stroke/ShapeRectangleRoundedIcon.js";import"../../components/icon/stroke/ShapeRectangleVerticalIcon.js";import"../../components/icon/stroke/ShapeRhombusIcon.js";import"../../components/icon/stroke/ShapeShapesIcon.js";import"../../components/icon/stroke/ShapeSquareIcon.js";import"../../components/icon/stroke/ShapeStarIcon.js";import"../../components/icon/stroke/ShapeStarhalfIcon.js";import"../../components/icon/stroke/ShapeTriangleIcon.js";import"../../components/icon/stroke/ShareIcon.js";import"../../components/icon/stroke/ShareSquareIcon.js";import"../../components/icon/stroke/ShieldCheckIcon.js";import"../../components/icon/stroke/ShieldEmptyIcon.js";import"../../components/icon/stroke/ShoppingBagIcon.js";import"../../components/icon/stroke/ShoppingCartIcon.js";import"../../components/icon/stroke/ShowIcon.js";import"../../components/icon/stroke/ShuffleIcon.js";import"../../components/icon/stroke/SignalIcon.js";import"../../components/icon/stroke/SortDownIcon.js";import"../../components/icon/stroke/SortUpIcon.js";import"../../components/icon/stroke/SoundwaveIcon.js";import"../../components/icon/stroke/SparkplugIcon.js";import"../../components/icon/stroke/SportIcon.js";import"../../components/icon/stroke/StatsIcon.js";import"../../components/icon/stroke/SteeringWheelIcon.js";import"../../components/icon/stroke/StopwatchIcon.js";import"../../components/icon/stroke/SubtractIcon.js";import"../../components/icon/stroke/SuitcaseIcon.js";import"../../components/icon/stroke/SunroofIcon.js";import"../../components/icon/stroke/TaskDoneIcon.js";import"../../components/icon/stroke/TaskNoneIcon.js";import"../../components/icon/stroke/TaskScheduledIcon.js";import"../../components/icon/stroke/TechnicalInfoIcon.js";import"../../components/icon/stroke/TelegramIcon.js";import"../../components/icon/stroke/ThumbDownIcon.js";import"../../components/icon/stroke/ThumbUpIcon.js";import"../../components/icon/stroke/TicketIcon.js";import"../../components/icon/stroke/TikTokIcon.js";import"../../components/icon/stroke/ToiletsIcon.js";import"../../components/icon/stroke/TransmissionAutomaticIcon.js";import"../../components/icon/stroke/TransmissionManualIcon.js";import"../../components/icon/stroke/TrashcanIcon.js";import"../../components/icon/stroke/TripCyclicIcon.js";import"../../components/icon/stroke/TripLongTermIcon.js";import"../../components/icon/stroke/TripSingleIcon.js";import"../../components/icon/stroke/TrophyIcon.js";import"../../components/icon/stroke/TwitterIcon.js";import"../../components/icon/stroke/TyreRepairIcon.js";import"../../components/icon/stroke/TyreTracksIcon.js";import"../../components/icon/stroke/TyresIcon.js";import"../../components/icon/stroke/UploadIcon.js";import"../../components/icon/stroke/UserIcon.js";import"../../components/icon/stroke/VentilationIcon.js";import"../../components/icon/stroke/VentilationOffIcon.js";import"../../components/icon/stroke/WalkIcon.js";import"../../components/icon/stroke/WallboxIcon.js";import"../../components/icon/stroke/WalletIcon.js";import"../../components/icon/stroke/WandIcon.js";import"../../components/icon/stroke/WarningIcon.js";import"../../components/icon/stroke/WeatherRainyIcon.js";import"../../components/icon/stroke/WeatherSnowIcon.js";import"../../components/icon/stroke/WellnessIcon.js";import"../../components/icon/stroke/WhatsAppIcon.js";import"../../components/icon/stroke/WheelchairIcon.js";import"../../components/icon/stroke/WheelsIcon.js";import"../../components/icon/stroke/WifiDisabledIcon.js";import"../../components/icon/stroke/WifiHighIcon.js";import"../../components/icon/stroke/WifiLowIcon.js";import"../../components/icon/stroke/WifiMediumIcon.js";import"../../components/icon/stroke/WifiNoSignalIcon.js";import"../../components/icon/stroke/WindowIcon.js";import"../../components/icon/stroke/WindowheaterIcon.js";import"../../components/icon/stroke/WindowsClosedIcon.js";import"../../components/icon/stroke/WindowsOpenIcon.js";import"../../components/icon/stroke/WindscreenWiperIcon.js";import"../../components/icon/stroke/WriteIcon.js";import"../../components/icon/stroke/XIcon.js";import"../../components/icon/stroke/YouTubeIcon.js";import{styled as s,useTheme as l}from"@mui/material";const r=({videoRef:s,playPauseCallback:r})=>{const[m,d]=n(!1),I=i(null),j=l(),a=e(o=>{m?(r&&r("play",o),s.current.play()):(r&&r("pause",o),s.current.pause()),d(!m)},[m,r,s]);return c(()=>{window.innerWidth<j.breakpoints.values.md&&(s.current.pause(),d(!0))},[s,j.breakpoints.values.md]),c(()=>{window.innerWidth<j.breakpoints.values.md?m?(I.current.style.transitionDelay="0s",I.current.style.opacity=1):(I.current.style.transitionDelay="2s",I.current.style.opacity=0):(I.current.style.transitionDelay="0s",I.current.style.opacity=1)},[m,j.breakpoints.values.md]),o(p,{ref:I,onClick:o=>a(o),children:o("div",{children:o(t,{name:m?"play":"pause"})})})},p=s("div")(({theme:o})=>{let n={};return n={[o.breakpoints.up("md")]:Object.assign(Object.assign({},n),{position:"absolute",zIndex:1e3,cursor:"pointer",bottom:"24px",right:"24px","& > div":{width:"44px",height:"44px",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${o.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:o.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}),[o.breakpoints.down("md")]:{position:"absolute",zIndex:1e3,left:"50%",top:"50%",width:"312px",height:"132px",transform:" translate(-50%, -50%)",transitionDelay:"2s",transitionDuration:"0.3s",transitionProperty:"opacity",transitionTimingFunction:"ease-out","& > div":{position:"absolute",left:"50%",top:"50%",transform:" translate(-50%, -50%)",width:"44px",height:"44px",margin:"0 auto",borderRadius:"100%",textAlign:"center",border:`2.5px solid ${o.palette.background.primary}`,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center","& > .MuiIcon-root":{color:o.palette.background.primary,width:"20px",height:"20px",fontSize:"22px"}}}},n});export{r as default};
 //# sourceMappingURL=videoCardController.js.map

package/organisms/heroImageCard/videoCardController.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"videoCardController.js","sources":["../../../src/organisms/heroImageCard/videoCardController.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { Icon } from '../../components/icon';\nimport { useTheme, styled } from '@mui/material';\n\n/*\n @interface VideoControllerProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n */\n\ninterface VideoControllerProps {\n videoRef: any;\n playPauseCallback?: (action?: string, payload?: any) => void;\n}\n\nconst VideoCardController: React.FC<VideoControllerProps> = ({ videoRef, playPauseCallback }) => {\n const [isPaused, setIsPaused] = useState(false);\n const videoControllerRef = useRef(null);\n const theme = useTheme();\n\n //When the videoController is clicked, pause or play the video\n const handlePlayClick = useCallback(\n (event) => {\n if (isPaused) {\n playPauseCallback && playPauseCallback('play', event);\n videoRef.current.play();\n } else {\n playPauseCallback && playPauseCallback('pause', event);\n videoRef.current.pause();\n }\n setIsPaused(!isPaused);\n },\n [isPaused, playPauseCallback, videoRef],\n );\n\n //set the video puased as default if we are on mobile view\n useEffect(() => {\n if (window.innerWidth < theme.breakpoints.values.md) {\n videoRef.current.pause();\n setIsPaused(true);\n }\n }, [videoRef, theme.breakpoints.values.md]);\n\n //Add the transition effect from play to pause if on mobile view\n useEffect(() => {\n if (window.innerWidth < theme.breakpoints.values.md) {\n if (isPaused) {\n videoControllerRef.current.style.transitionDelay = '0s';\n videoControllerRef.current.style.opacity = 1;\n } else {\n videoControllerRef.current.style.transitionDelay = '2s';\n videoControllerRef.current.style.opacity = 0;\n }\n } else {\n videoControllerRef.current.style.transitionDelay = '0s';\n videoControllerRef.current.style.opacity = 1;\n }\n }, [isPaused, theme.breakpoints.values.md]);\n\n return (\n <VideoControllerStyled ref={videoControllerRef} onClick={(event) => handlePlayClick(event)}>\n <div>\n <Icon name={isPaused ? 'play' : 'pause'} />\n </div>\n </VideoControllerStyled>\n );\n};\n\nconst VideoControllerStyled = styled('div')<{ theme?: any }>(({ theme }) => {\n let style = {};\n style = {\n [theme.breakpoints.up('md')]: {\n ...style,\n position: 'absolute',\n zIndex: 1000,\n cursor: 'pointer',\n bottom: '24px',\n right: '24px',\n '& > div': {\n width: '44px',\n height: '44px',\n borderRadius: '100%',\n textAlign: 'center',\n border: `2.5px solid ${theme.palette.background.primary}`,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n '& > .MuiIcon-root': {\n color: theme.palette.background.primary,\n width: '20px',\n height: '20px',\n fontSize: '22px',\n },\n },\n },\n [theme.breakpoints.down('md')]: {\n position: 'absolute',\n zIndex: 1000,\n left: '50%',\n top: '50%',\n width: '312px',\n height: '132px',\n transform: ' translate(-50%, -50%)',\n transitionDelay: '2s',\n transitionDuration: '0.3s',\n transitionProperty: 'opacity',\n transitionTimingFunction: 'ease-out',\n '& > div': {\n position: 'absolute',\n left: '50%',\n top: '50%',\n transform: ' translate(-50%, -50%)',\n width: '44px',\n height: '44px',\n margin: '0 auto',\n borderRadius: '100%',\n textAlign: 'center',\n border: `2.5px solid ${theme.palette.background.primary}`,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n '& > .MuiIcon-root': {\n color: theme.palette.background.primary,\n width: '20px',\n height: '20px',\n fontSize: '22px',\n },\n },\n },\n };\n return style;\n});\n\nexport default VideoCardController;\n"],"names":["VideoCardController","videoRef","playPauseCallback","isPaused","setIsPaused","useState","videoControllerRef","useRef","theme","useTheme","handlePlayClick","useCallback","event","current","play","pause","useEffect","window","innerWidth","breakpoints","values","md","style","transitionDelay","opacity","_jsx","VideoControllerStyled","ref","onClick","children","Icon","name","styled","up","Object","assign","position","zIndex","cursor","bottom","right","width","height","borderRadius","textAlign","border","palette","background","primary","display","flexDirection","alignItems","justifyContent","color","fontSize","down","left","top","transform","transitionDuration","transitionProperty","transitionTimingFunction","margin"],"mappings":"2zxCAeA,MAAMA,EAAsD,EAAGC,WAAUC,wBACvE,MAAOC,EAAUC,GAAeC,GAAS,GACnCC,EAAqBC,EAAO,MAC5BC,EAAQC,IAGRC,EAAkBC,~~GACrBC~~,IACKT,GACFD,GAAqBA,EAAkB,OAAQU,GAC/CX,EAASY,QAAQC,SAEjBZ,GAAqBA,EAAkB,QAASU,GAChDX,EAASY,QAAQE,SAEnBX,GAAaD,~~EAAS~~,~~GAExB,~~CAACA,EAAUD,EAAmBD,IA2BhC,OAvBAe,~~GAAU~~,KACJC,OAAOC,WAAaV,EAAMW,YAAYC,OAAOC,KAC/CpB,EAASY,QAAQE,QACjBX,GAAY,~~GACd~~,~~GACC,~~CAACH,EAAUO,EAAMW,YAAYC,OAAOC,KAGvCL,~~GAAU~~,KACJC,OAAOC,WAAaV,EAAMW,YAAYC,OAAOC,GAC3ClB,GACFG,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAE3ClB,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAG7ClB,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,~~EAC7C~~,~~GACC,~~CAACrB,EAAUK,EAAMW,YAAYC,OAAOC,KAGrCI,EAACC,EAAqB,CAACC,IAAKrB,EAAoBsB,QAAUhB,GAAUF,EAAgBE,GAAMiB,SACxFJ,EAAA,MAAA,CAAAI,SACEJ,EAACK,EAAI,CAACC,KAAM5B,EAAW,OAAS,~~aAEZ~~,~~EAItBuB,~~EAAwBM,EAAO,MAAPA,~~EAA~~+B,EAAGxB,YAC9D,IAAIc,EAAQ,CAAA,EA+DZ,OA9DAA,EAAQ,CACN,CAACd,EAAMW,YAAYc,GAAG,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACvBb,GAAK,CACRc,SAAU,WACVC,OAAQ,IACRC,OAAQ,UACRC,OAAQ,OACRC,MAAO,OACP,UAAW,CACTC,MAAO,OACPC,OAAQ,OACRC,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAerC,EAAMsC,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACnBC,MAAO7C,EAAMsC,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAIhB,CAAC9C,EAAMW,YAAYoC,KAAK,OAAQ,CAC9BnB,SAAU,WACVC,OAAQ,IACRmB,KAAM,MACNC,IAAK,MACLhB,MAAO,QACPC,OAAQ,QACRgB,UAAW,yBACXnC,gBAAiB,KACjBoC,mBAAoB,OACpBC,mBAAoB,UACpBC,yBAA0B,WAC1B,UAAW,CACTzB,SAAU,WACVoB,KAAM,MACNC,IAAK,MACLC,UAAW,yBACXjB,MAAO,OACPC,OAAQ,OACRoB,OAAQ,SACRnB,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAerC,EAAMsC,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACnBC,MAAO7C,EAAMsC,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAKXhC~~,CAAK~~"}
1	+ {"version":3,"file":"videoCardController.js","sources":["../../../src/organisms/heroImageCard/videoCardController.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { Icon } from '../../components/icon';\nimport { useTheme, styled } from '@mui/material';\n\n/*\n @interface VideoControllerProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n */\n\ninterface VideoControllerProps {\n videoRef: any;\n playPauseCallback?: (action?: string, payload?: any) => void;\n}\n\nconst VideoCardController: React.FC<VideoControllerProps> = ({ videoRef, playPauseCallback }) => {\n const [isPaused, setIsPaused] = useState(false);\n const videoControllerRef = useRef(null);\n const theme = useTheme();\n\n //When the videoController is clicked, pause or play the video\n const handlePlayClick = useCallback(\n (event) => {\n if (isPaused) {\n playPauseCallback && playPauseCallback('play', event);\n videoRef.current.play();\n } else {\n playPauseCallback && playPauseCallback('pause', event);\n videoRef.current.pause();\n }\n setIsPaused(!isPaused);\n },\n [isPaused, playPauseCallback, videoRef],\n );\n\n //set the video puased as default if we are on mobile view\n useEffect(() => {\n if (window.innerWidth < theme.breakpoints.values.md) {\n videoRef.current.pause();\n setIsPaused(true);\n }\n }, [videoRef, theme.breakpoints.values.md]);\n\n //Add the transition effect from play to pause if on mobile view\n useEffect(() => {\n if (window.innerWidth < theme.breakpoints.values.md) {\n if (isPaused) {\n videoControllerRef.current.style.transitionDelay = '0s';\n videoControllerRef.current.style.opacity = 1;\n } else {\n videoControllerRef.current.style.transitionDelay = '2s';\n videoControllerRef.current.style.opacity = 0;\n }\n } else {\n videoControllerRef.current.style.transitionDelay = '0s';\n videoControllerRef.current.style.opacity = 1;\n }\n }, [isPaused, theme.breakpoints.values.md]);\n\n return (\n <VideoControllerStyled ref={videoControllerRef} onClick={(event) => handlePlayClick(event)}>\n <div>\n <Icon name={isPaused ? 'play' : 'pause'} />\n </div>\n </VideoControllerStyled>\n );\n};\n\nconst VideoControllerStyled = styled('div')<{ theme?: any }>(({ theme }) => {\n let style = {};\n style = {\n [theme.breakpoints.up('md')]: {\n ...style,\n position: 'absolute',\n zIndex: 1000,\n cursor: 'pointer',\n bottom: '24px',\n right: '24px',\n '& > div': {\n width: '44px',\n height: '44px',\n borderRadius: '100%',\n textAlign: 'center',\n border: `2.5px solid ${theme.palette.background.primary}`,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n '& > .MuiIcon-root': {\n color: theme.palette.background.primary,\n width: '20px',\n height: '20px',\n fontSize: '22px',\n },\n },\n },\n [theme.breakpoints.down('md')]: {\n position: 'absolute',\n zIndex: 1000,\n left: '50%',\n top: '50%',\n width: '312px',\n height: '132px',\n transform: ' translate(-50%, -50%)',\n transitionDelay: '2s',\n transitionDuration: '0.3s',\n transitionProperty: 'opacity',\n transitionTimingFunction: 'ease-out',\n '& > div': {\n position: 'absolute',\n left: '50%',\n top: '50%',\n transform: ' translate(-50%, -50%)',\n width: '44px',\n height: '44px',\n margin: '0 auto',\n borderRadius: '100%',\n textAlign: 'center',\n border: `2.5px solid ${theme.palette.background.primary}`,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n '& > .MuiIcon-root': {\n color: theme.palette.background.primary,\n width: '20px',\n height: '20px',\n fontSize: '22px',\n },\n },\n },\n };\n return style;\n});\n\nexport default VideoCardController;\n"],"names":["VideoCardController","videoRef","playPauseCallback","isPaused","setIsPaused","useState","videoControllerRef","useRef","theme","useTheme","handlePlayClick","useCallback","event","current","play","pause","useEffect","window","innerWidth","breakpoints","values","md","style","transitionDelay","opacity","_jsx","VideoControllerStyled","ref","onClick","children","Icon","name","styled","up","Object","assign","position","zIndex","cursor","bottom","right","width","height","borderRadius","textAlign","border","palette","background","primary","display","flexDirection","alignItems","justifyContent","color","fontSize","down","left","top","transform","transitionDuration","transitionProperty","transitionTimingFunction","margin"],"mappings":"2zxCAeA,MAAMA,EAAsD,EAAGC,WAAUC,wBACvE,MAAOC,EAAUC,GAAeC,GAAS,GACnCC,EAAqBC,EAAO,MAC5BC,EAAQC,IAGRC,EAAkBC,EACrBC,IACKT,GACFD,GAAqBA,EAAkB,OAAQU,GAC/CX,EAASY,QAAQC,SAEjBZ,GAAqBA,EAAkB,QAASU,GAChDX,EAASY,QAAQE,SAEnBX,GAAaD,IAEf,CAACA,EAAUD,EAAmBD,IA2BhC,OAvBAe,EAAU,KACJC,OAAOC,WAAaV,EAAMW,YAAYC,OAAOC,KAC/CpB,EAASY,QAAQE,QACjBX,GAAY,KAEb,CAACH,EAAUO,EAAMW,YAAYC,OAAOC,KAGvCL,EAAU,KACJC,OAAOC,WAAaV,EAAMW,YAAYC,OAAOC,GAC3ClB,GACFG,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAE3ClB,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAG7ClB,EAAmBO,QAAQS,MAAMC,gBAAkB,KACnDjB,EAAmBO,QAAQS,MAAME,QAAU,IAE5C,CAACrB,EAAUK,EAAMW,YAAYC,OAAOC,KAGrCI,EAACC,EAAqB,CAACC,IAAKrB,EAAoBsB,QAAUhB,GAAUF,EAAgBE,GAAMiB,SACxFJ,EAAA,MAAA,CAAAI,SACEJ,EAACK,EAAI,CAACC,KAAM5B,EAAW,OAAS,eAMlCuB,EAAwBM,EAAO,MAAPA,CAA+B,EAAGxB,YAC9D,IAAIc,EAAQ,CAAA,EA+DZ,OA9DAA,EAAQ,CACN,CAACd,EAAMW,YAAYc,GAAG,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACvBb,GAAK,CACRc,SAAU,WACVC,OAAQ,IACRC,OAAQ,UACRC,OAAQ,OACRC,MAAO,OACP,UAAW,CACTC,MAAO,OACPC,OAAQ,OACRC,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAerC,EAAMsC,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACnBC,MAAO7C,EAAMsC,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAIhB,CAAC9C,EAAMW,YAAYoC,KAAK,OAAQ,CAC9BnB,SAAU,WACVC,OAAQ,IACRmB,KAAM,MACNC,IAAK,MACLhB,MAAO,QACPC,OAAQ,QACRgB,UAAW,yBACXnC,gBAAiB,KACjBoC,mBAAoB,OACpBC,mBAAoB,UACpBC,yBAA0B,WAC1B,UAAW,CACTzB,SAAU,WACVoB,KAAM,MACNC,IAAK,MACLC,UAAW,yBACXjB,MAAO,OACPC,OAAQ,OACRoB,OAAQ,SACRnB,aAAc,OACdC,UAAW,SACXC,OAAQ,eAAerC,EAAMsC,QAAQC,WAAWC,UAChDC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,eAAgB,SAChB,oBAAqB,CACnBC,MAAO7C,EAAMsC,QAAQC,WAAWC,QAChCP,MAAO,OACPC,OAAQ,OACRY,SAAU,WAKXhC"}

package/organisms/maps/hook/useMap.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useCallback as e}from"react";import{MarkerClusterer as o}from"@googlemaps/markerclusterer";import r from"../assets/result_marker_small.svg.js";import t from"../assets/selected_location_pin_medium.svg.js";import{MapIconVariant as s}from"../utils/mapIcons.js";const n=()=>{const n=e(((e,o,s)=>o?s&&e.selectedIconHover?e.selectedIconHover:e.selectedIcon||t:s&&e.resultIconHover?e.resultIconHover:e.resultIcon||r),[]),c={render:({count:e,position:o})=>new google.maps.Marker({label:{text:String(e),color:"white",fontSize:"19px",fontWeight:"bold"},position:o,icon:s.CLUSTER})};return{onMarkerClick:(e,o)=>{e&&o.forEach((o=>{const r=o.id===e,t=n(o,r,!1);o.setIcon(t)}))},handleClusterRender:(e,r,t)=>{if(e&&r){const s={map:r,markers:e,onClusterClick:(e,o,r)=>{t(!0),r.fitBounds(o.bounds)}};return new o(Object.assign(Object.assign({},s),{renderer:c}))}},handleIconType:n}};export{n as default};
+import{useCallback as e}from"react";import{MarkerClusterer as o}from"@googlemaps/markerclusterer";import r from"../assets/result_marker_small.svg.js";import t from"../assets/selected_location_pin_medium.svg.js";import{MapIconVariant as s}from"../utils/mapIcons.js";const n=()=>{const n=e((e,o,s)=>o?s&&e.selectedIconHover?e.selectedIconHover:e.selectedIcon||t:s&&e.resultIconHover?e.resultIconHover:e.resultIcon||r,[]),c={render:({count:e,position:o})=>new google.maps.Marker({label:{text:String(e),color:"white",fontSize:"19px",fontWeight:"bold"},position:o,icon:s.CLUSTER})};return{onMarkerClick:(e,o)=>{e&&o.forEach(o=>{const r=o.id===e,t=n(o,r,!1);o.setIcon(t)})},handleClusterRender:(e,r,t)=>{if(e&&r){const s={map:r,markers:e,onClusterClick:(e,o,r)=>{t(!0),r.fitBounds(o.bounds)}};return new o(Object.assign(Object.assign({},s),{renderer:c}))}},handleIconType:n}};export{n as default};
 //# sourceMappingURL=useMap.js.map

package/organisms/maps/hook/useMap.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMap.js","sources":["../../../../src/organisms/maps/hook/useMap.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { Cluster, MarkerClusterer } from '@googlemaps/markerclusterer';\nimport resultMarkerSmall from '../assets/result_marker_small.svg';\nimport selectedLocationMedium from '../assets/selected_location_pin_medium.svg';\nimport { MapIconVariant } from '../utils/mapIcons';\n\nconst useMap = () => {\n //HANDLE THE ICON TYPE FOR THE MARKER\n const handleIconType = useCallback((marker, isSelected, isHover) => {\n if (isSelected) {\n return isHover && marker.selectedIconHover\n ? marker.selectedIconHover\n : marker.selectedIcon \|\| selectedLocationMedium;\n } else {\n return isHover && marker.resultIconHover ? marker.resultIconHover : marker.resultIcon \|\| resultMarkerSmall;\n }\n }, []);\n\n //Change the icon to selected if clicked and make unselected the previous one\n const onMarkerClick = (markerId, registeredMarkers) => {\n if (markerId) {\n registeredMarkers.forEach((item) => {\n const isClickedMarker = item.id === markerId;\n const iconType = handleIconType(item, isClickedMarker, false);\n item.setIcon(iconType);\n });\n }\n };\n\n //RETURN THE CONFIGURATION FOR THE CLUSTER MARKER ICON\n const renderer = {\n render({ count, position }) {\n return new google.maps.Marker({\n label: { text: String(count), color: 'white', fontSize: '19px', fontWeight: 'bold' },\n position,\n icon: MapIconVariant.CLUSTER,\n });\n },\n };\n\n //ADD THE CLUSTER MARKERS TO THE MAP\n const handleClusterRender = (registeredMarkers, currentMap, setClickedCluster) => {\n if (registeredMarkers && currentMap) {\n const markerClusterOptions = {\n map: currentMap,\n markers: registeredMarkers,\n onClusterClick: (_: google.maps.MapMouseEvent, cluster: Cluster, map: google.maps.Map): void => {\n setClickedCluster(true);\n map.fitBounds(cluster.bounds);\n },\n };\n return new MarkerClusterer({ ...markerClusterOptions, renderer });\n }\n };\n\n return {\n onMarkerClick,\n handleClusterRender,\n handleIconType,\n };\n};\n\nexport default useMap;\n"],"names":["useMap","handleIconType","useCallback","marker","isSelected","isHover","selectedIconHover","selectedIcon","selectedLocationMedium","resultIconHover","resultIcon","resultMarkerSmall","renderer","render","count","position","google","maps","Marker","label","text","String","color","fontSize","fontWeight","icon","MapIconVariant","CLUSTER","onMarkerClick","markerId","registeredMarkers","forEach","item","isClickedMarker","id","iconType","setIcon","handleClusterRender","currentMap","setClickedCluster","markerClusterOptions","map","markers","onClusterClick","_","cluster","fitBounds","bounds","MarkerClusterer","Object","assign"],"mappings":"yQAMA,MAAMA,EAAS,KAEb,MAAMC,EAAiBC,~~GAAY~~,CAACC,EAAQC,EAAYC,IAClDD,EACKC,GAAWF,EAAOG,kBACrBH,EAAOG,kBACPH,EAAOI,cAAgBC,EAEpBH,GAAWF,EAAOM,gBAAkBN,EAAOM,gBAAkBN,EAAOO,YAAcC,~~GAE1F~~,IAcGC,EAAW,CACfC,OAAM,EAACC,MAAEA,EAAKC,SAAEA,KACP,IAAIC,OAAOC,KAAKC,OAAO,CAC5BC,MAAO,CAAEC,KAAMC,OAAOP,GAAQQ,MAAO,QAASC,SAAU,OAAQC,WAAY,QAC5ET,WACAU,KAAMC,EAAeC,WAoB3B,MAAO,CACLC,cArCoB,CAACC,EAAUC,KAC3BD,GACFC,EAAkBC,~~SAASC~~,IACzB,MAAMC,EAAkBD,EAAKE,KAAOL,EAC9BM,EAAWlC,EAAe+B,EAAMC,GAAiB,GACvDD,EAAKI,QAAQD,~~EAAS~~,~~GAE1B,EA+BAE,~~oBAhB0B,CAACP,EAAmBQ,EAAYC,KAC1D,GAAIT,GAAqBQ,EAAY,CACnC,MAAME,EAAuB,CAC3BC,IAAKH,EACLI,QAASZ,EACTa,eAAgB,CAACC,EAA8BC,EAAkBJ,KAC/DF,GAAkB,GAClBE,EAAIK,UAAUD,EAAQE,~~OAAO~~,~~GAGjC,~~OAAO,IAAIC,EAAeC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMV,GAAoB,CAAE5B,aACxD,GAMAX~~,iBACD~~"}
1	+ {"version":3,"file":"useMap.js","sources":["../../../../src/organisms/maps/hook/useMap.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { Cluster, MarkerClusterer } from '@googlemaps/markerclusterer';\nimport resultMarkerSmall from '../assets/result_marker_small.svg';\nimport selectedLocationMedium from '../assets/selected_location_pin_medium.svg';\nimport { MapIconVariant } from '../utils/mapIcons';\n\nconst useMap = () => {\n //HANDLE THE ICON TYPE FOR THE MARKER\n const handleIconType = useCallback((marker, isSelected, isHover) => {\n if (isSelected) {\n return isHover && marker.selectedIconHover\n ? marker.selectedIconHover\n : marker.selectedIcon \|\| selectedLocationMedium;\n } else {\n return isHover && marker.resultIconHover ? marker.resultIconHover : marker.resultIcon \|\| resultMarkerSmall;\n }\n }, []);\n\n //Change the icon to selected if clicked and make unselected the previous one\n const onMarkerClick = (markerId, registeredMarkers) => {\n if (markerId) {\n registeredMarkers.forEach((item) => {\n const isClickedMarker = item.id === markerId;\n const iconType = handleIconType(item, isClickedMarker, false);\n item.setIcon(iconType);\n });\n }\n };\n\n //RETURN THE CONFIGURATION FOR THE CLUSTER MARKER ICON\n const renderer = {\n render({ count, position }) {\n return new google.maps.Marker({\n label: { text: String(count), color: 'white', fontSize: '19px', fontWeight: 'bold' },\n position,\n icon: MapIconVariant.CLUSTER,\n });\n },\n };\n\n //ADD THE CLUSTER MARKERS TO THE MAP\n const handleClusterRender = (registeredMarkers, currentMap, setClickedCluster) => {\n if (registeredMarkers && currentMap) {\n const markerClusterOptions = {\n map: currentMap,\n markers: registeredMarkers,\n onClusterClick: (_: google.maps.MapMouseEvent, cluster: Cluster, map: google.maps.Map): void => {\n setClickedCluster(true);\n map.fitBounds(cluster.bounds);\n },\n };\n return new MarkerClusterer({ ...markerClusterOptions, renderer });\n }\n };\n\n return {\n onMarkerClick,\n handleClusterRender,\n handleIconType,\n };\n};\n\nexport default useMap;\n"],"names":["useMap","handleIconType","useCallback","marker","isSelected","isHover","selectedIconHover","selectedIcon","selectedLocationMedium","resultIconHover","resultIcon","resultMarkerSmall","renderer","render","count","position","google","maps","Marker","label","text","String","color","fontSize","fontWeight","icon","MapIconVariant","CLUSTER","onMarkerClick","markerId","registeredMarkers","forEach","item","isClickedMarker","id","iconType","setIcon","handleClusterRender","currentMap","setClickedCluster","markerClusterOptions","map","markers","onClusterClick","_","cluster","fitBounds","bounds","MarkerClusterer","Object","assign"],"mappings":"yQAMA,MAAMA,EAAS,KAEb,MAAMC,EAAiBC,EAAY,CAACC,EAAQC,EAAYC,IAClDD,EACKC,GAAWF,EAAOG,kBACrBH,EAAOG,kBACPH,EAAOI,cAAgBC,EAEpBH,GAAWF,EAAOM,gBAAkBN,EAAOM,gBAAkBN,EAAOO,YAAcC,EAE1F,IAcGC,EAAW,CACfC,OAAM,EAACC,MAAEA,EAAKC,SAAEA,KACP,IAAIC,OAAOC,KAAKC,OAAO,CAC5BC,MAAO,CAAEC,KAAMC,OAAOP,GAAQQ,MAAO,QAASC,SAAU,OAAQC,WAAY,QAC5ET,WACAU,KAAMC,EAAeC,WAoB3B,MAAO,CACLC,cArCoB,CAACC,EAAUC,KAC3BD,GACFC,EAAkBC,QAASC,IACzB,MAAMC,EAAkBD,EAAKE,KAAOL,EAC9BM,EAAWlC,EAAe+B,EAAMC,GAAiB,GACvDD,EAAKI,QAAQD,MAiCjBE,oBAhB0B,CAACP,EAAmBQ,EAAYC,KAC1D,GAAIT,GAAqBQ,EAAY,CACnC,MAAME,EAAuB,CAC3BC,IAAKH,EACLI,QAASZ,EACTa,eAAgB,CAACC,EAA8BC,EAAkBJ,KAC/DF,GAAkB,GAClBE,EAAIK,UAAUD,EAAQE,UAG1B,OAAO,IAAIC,EAAeC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMV,GAAoB,CAAE5B,aACxD,GAMAX"}

package/organisms/maps/mapComponents/infoWindowConfig.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"infoWindowConfig.js","sources":["../../../../src/organisms/maps/mapComponents/infoWindowConfig.ts"],"sourcesContent":["import { MapIconVariant } from '../utils/mapIcons';\n\nconst titleSection = (title) =>\n title &&\n `<h4 id=\"infoWindowContent\" class=\"firstHeading\">\n ${title}\n </h4>`;\n\nconst streetSection = (street, city) => `<div id=\"streetInfo\">\n<p>${street \|\| ''}</p>\n<p>${city \|\| ''}</p>\n </div>`;\n\nconst phoneSection = (phone) =>\n phone\n ? `<div id=\"phoneNumber\">\n\t<a href=\"tel:${phone}\">${phone}</a>\n </div>`\n : '';\n\nconst openStatusSection = (isOpen) =>\n isOpen !== null &&\n `\n<div id=\"info-dealer-status\">\n${isOpen ? '<div id=\"info-dealer-opened\">Open now</div>' : '<div id=\"info-dealer-closed\">Closed</div>'}\n </div>\n `;\n\nconst distanceSection = (distance) => (distance ? `<div>${distance}</div>` : '');\n\nconst ctaLabelSection = (ctaLabel) =>\n ctaLabel\n ? `<div id=\"detail-cta-container\">\n<span id=\"info-detail-cta\">${ctaLabel}</span>\n<img src=\"${MapIconVariant.ARROW_DETAIL}\"/>\n </div>`\n : '';\n\nconst contentString = (params) =>\n params\n ? `<div id=\"content\">\n\t${titleSection(params.title)}\n\t${streetSection(params.street, params.city)}\n\t${phoneSection(params.phone)}\n\t<div id=\"openStatus\">\n\t${openStatusSection(params.isOpen)}\n\t${distanceSection(params.distance)}\n\t</div>\n\t${ctaLabelSection(params.ctaLabel)}\n\t </div>`\n : '';\n\nconst infoWindow = (windowConfig) => {\n return new google.maps.InfoWindow({\n content: contentString(windowConfig),\n });\n};\n\n//CLOSE ALL THE PREOVIOUS INFO WINDOW AND OPEN THE NEW ONE ON THE SELECTED MARKER\n\nconst handleRenderInfoWindow = (marker, setInfoWindow, infoWindowState, currentMap) => {\n if (infoWindowState) {\n infoWindowState.close();\n }\n const currentInfoWindow = infoWindow({});\n currentInfoWindow.open({\n anchor: marker,\n map: currentMap,\n });\n setInfoWindow(currentInfoWindow);\n};\n\nexport { infoWindow, handleRenderInfoWindow, contentString };\n"],"names":["contentString","params","title","street","city","phone","isOpen","distance","ctaLabel","MapIconVariant","ARROW_DETAIL","infoWindow","windowConfig","google","maps","InfoWindow","content"],"mappings":"sDAEA,MAoCMA,EAAiBC,IACrBA,SACI,yBAtCgBC,EAuCND,EAAOC,MAtCrBA,GACA,sDACCA,kBAGoBC,EAkCNF,EAAOE,OAlCOC,EAkCCH,EAAOG,KAlCC,6BACnCD,GAAU,cACVC,GAAQ,wBAGSC,EA8BNJ,EAAOI,MA7BrBA,EACI,0CACUA,MAAUA,iBAEpB,kCAEqBC,EAyBNL,EAAOK,OAxBf,OAAXA,GACA,oCAEAA,EAAS,8CAAgD,oEAIlCC,EAkBNN,EAAOM,SAlBaA,EAAW,QAAQA,UAAmB,mBAEpDC,EAkBNP,EAAOO,SAjBxBA,EACI,+DACuBA,uBACjBC,EAAeC,4BAErB,gBAcA,GApBkB,IAACF,EAFAD,EARED,EAPLD,EALCF,EAAQC,EANTF,~~CAgDhB~~,~~EAEAS,~~EAAcC,GACX,IAAIC,OAAOC,KAAKC,WAAW,CAChCC,QAAShB,EAAcY"}
1	+ {"version":3,"file":"infoWindowConfig.js","sources":["../../../../src/organisms/maps/mapComponents/infoWindowConfig.ts"],"sourcesContent":["import { MapIconVariant } from '../utils/mapIcons';\n\nconst titleSection = (title) =>\n title &&\n `<h4 id=\"infoWindowContent\" class=\"firstHeading\">\n ${title}\n </h4>`;\n\nconst streetSection = (street, city) => `<div id=\"streetInfo\">\n<p>${street \|\| ''}</p>\n<p>${city \|\| ''}</p>\n </div>`;\n\nconst phoneSection = (phone) =>\n phone\n ? `<div id=\"phoneNumber\">\n\t<a href=\"tel:${phone}\">${phone}</a>\n </div>`\n : '';\n\nconst openStatusSection = (isOpen) =>\n isOpen !== null &&\n `\n<div id=\"info-dealer-status\">\n${isOpen ? '<div id=\"info-dealer-opened\">Open now</div>' : '<div id=\"info-dealer-closed\">Closed</div>'}\n </div>\n `;\n\nconst distanceSection = (distance) => (distance ? `<div>${distance}</div>` : '');\n\nconst ctaLabelSection = (ctaLabel) =>\n ctaLabel\n ? `<div id=\"detail-cta-container\">\n<span id=\"info-detail-cta\">${ctaLabel}</span>\n<img src=\"${MapIconVariant.ARROW_DETAIL}\"/>\n </div>`\n : '';\n\nconst contentString = (params) =>\n params\n ? `<div id=\"content\">\n\t${titleSection(params.title)}\n\t${streetSection(params.street, params.city)}\n\t${phoneSection(params.phone)}\n\t<div id=\"openStatus\">\n\t${openStatusSection(params.isOpen)}\n\t${distanceSection(params.distance)}\n\t</div>\n\t${ctaLabelSection(params.ctaLabel)}\n\t </div>`\n : '';\n\nconst infoWindow = (windowConfig) => {\n return new google.maps.InfoWindow({\n content: contentString(windowConfig),\n });\n};\n\n//CLOSE ALL THE PREOVIOUS INFO WINDOW AND OPEN THE NEW ONE ON THE SELECTED MARKER\n\nconst handleRenderInfoWindow = (marker, setInfoWindow, infoWindowState, currentMap) => {\n if (infoWindowState) {\n infoWindowState.close();\n }\n const currentInfoWindow = infoWindow({});\n currentInfoWindow.open({\n anchor: marker,\n map: currentMap,\n });\n setInfoWindow(currentInfoWindow);\n};\n\nexport { infoWindow, handleRenderInfoWindow, contentString };\n"],"names":["contentString","params","title","street","city","phone","isOpen","distance","ctaLabel","MapIconVariant","ARROW_DETAIL","infoWindow","windowConfig","google","maps","InfoWindow","content"],"mappings":"sDAEA,MAoCMA,EAAiBC,IACrBA,SACI,yBAtCgBC,EAuCND,EAAOC,MAtCrBA,GACA,sDACCA,kBAGoBC,EAkCNF,EAAOE,OAlCOC,EAkCCH,EAAOG,KAlCC,6BACnCD,GAAU,cACVC,GAAQ,wBAGSC,EA8BNJ,EAAOI,MA7BrBA,EACI,0CACUA,MAAUA,iBAEpB,kCAEqBC,EAyBNL,EAAOK,OAxBf,OAAXA,GACA,oCAEAA,EAAS,8CAAgD,oEAIlCC,EAkBNN,EAAOM,SAlBaA,EAAW,QAAQA,UAAmB,mBAEpDC,EAkBNP,EAAOO,SAjBxBA,EACI,+DACuBA,uBACjBC,EAAeC,4BAErB,gBAcA,GApBkB,IAACF,EAFAD,EARED,EAPLD,EALCF,EAAQC,EANTF,GAkDhBS,EAAcC,GACX,IAAIC,OAAOC,KAAKC,WAAW,CAChCC,QAAShB,EAAcY"}

package/organisms/maps/mapComponents/mapComponent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{jsxs as n,Fragment as o,jsx as r}from"react/jsx-runtime";import t,{useRef as i,useState as s,useEffect as a}from"react";import l from"../hook/useMap.js";import{mapConfig as c,handleControls as d}from"../utils/mapConfig.js";import{MapIconVariant as m}from"../utils/mapIcons.js";import{infoWindow as g}from"./infoWindowConfig.js";const p=p=>{var{onClick:u,onDragEnd:f,children:I,style:C,handleCurrentMap:M,enableMoveSearch:h,setInfoWindow:k,currentInfoWindow:w,registeredMarkers:v=[]}=p,L=e(p,["onClick","onDragEnd","children","style","handleCurrentMap","enableMoveSearch","setInfoWindow","currentInfoWindow","registeredMarkers"]);const O=i(null),[j,E]=s(),[W,b]=s(null),{handleClusterRender:S}=l(),[_,y]=s(!1),[z,N]=s(null),[P,V]=s(!1);return a((()=>{if(O.current&&!j){const e=c(L),n=new window.google.maps.Map(O.current,Object.assign({},e)),o=new google.maps.Marker({position:L.center,map:j,icon:null});b(o),d(n,o),E(n),M(n)}}),[O,j,M,L]),a((()=>{if(j&&!w){const e=g({});k(e)}}),[j,k,w]),a((()=>{j&&W&&navigator.geolocation&&navigator.geolocation.getCurrentPosition((function(e){const n=new google.maps.LatLng(e.coords.latitude,e.coords.longitude);W.setOptions({position:n,icon:m.LIVE_POSITION_ON,map:j}),j.setCenter(n)}),(()=>{W.setIcon(m.LIVE_POSITION_OFF)}))}),[j,W]),a((()=>(j&&u&&j.addListener("click",u),()=>{j&&google.maps.event.clearListeners(j,"click")})),[j,u]),a((()=>(j&&f&&(h?j.addListener("dragend",(()=>f(j))):google.maps.event.clearListeners(j,"dragend")),()=>{j&&google.maps.event.clearListeners(j,"dragend")})),[j,f,h]),a((()=>{j&&(L.zoom&&j.setZoom(L.zoom),L.center&&j.setCenter(L.center))}),[j,L.zoom,L.center]),a((()=>{_&&z&&(z.clearMarkers(),z.addMarkers(v))}),[z,v,_]),a((()=>{let e=null;j&&!_&&(e=S(v,j,V),y(!0),N(e))}),[v,j,_,S]),a((()=>{P&&(w.close(),V(!1))}),[P,w]),n(o,{children:[r("div",{ref:O,style:C}),t.Children.map(I,(e=>{if(t.isValidElement(e))return t.cloneElement(e,{map:j})}))]})};export{p as default};
+import{__rest as e}from"tslib";import{jsxs as n,Fragment as o,jsx as r}from"react/jsx-runtime";import t,{useRef as i,useState as s,useEffect as a}from"react";import l from"../hook/useMap.js";import{mapConfig as c,handleControls as d}from"../utils/mapConfig.js";import{MapIconVariant as m}from"../utils/mapIcons.js";import{infoWindow as g}from"./infoWindowConfig.js";const p=p=>{var{onClick:u,onDragEnd:f,children:I,style:C,handleCurrentMap:M,enableMoveSearch:h,setInfoWindow:k,currentInfoWindow:w,registeredMarkers:v=[]}=p,L=e(p,["onClick","onDragEnd","children","style","handleCurrentMap","enableMoveSearch","setInfoWindow","currentInfoWindow","registeredMarkers"]);const O=i(null),[j,E]=s(),[W,b]=s(null),{handleClusterRender:S}=l(),[_,y]=s(!1),[z,N]=s(null),[P,V]=s(!1);return a(()=>{if(O.current&&!j){const e=c(L),n=new window.google.maps.Map(O.current,Object.assign({},e)),o=new google.maps.Marker({position:L.center,map:j,icon:null});b(o),d(n,o),E(n),M(n)}},[O,j,M,L]),a(()=>{if(j&&!w){const e=g({});k(e)}},[j,k,w]),a(()=>{j&&W&&navigator.geolocation&&navigator.geolocation.getCurrentPosition(function(e){const n=new google.maps.LatLng(e.coords.latitude,e.coords.longitude);W.setOptions({position:n,icon:m.LIVE_POSITION_ON,map:j}),j.setCenter(n)},()=>{W.setIcon(m.LIVE_POSITION_OFF)})},[j,W]),a(()=>(j&&u&&j.addListener("click",u),()=>{j&&google.maps.event.clearListeners(j,"click")}),[j,u]),a(()=>(j&&f&&(h?j.addListener("dragend",()=>f(j)):google.maps.event.clearListeners(j,"dragend")),()=>{j&&google.maps.event.clearListeners(j,"dragend")}),[j,f,h]),a(()=>{j&&(L.zoom&&j.setZoom(L.zoom),L.center&&j.setCenter(L.center))},[j,L.zoom,L.center]),a(()=>{_&&z&&(z.clearMarkers(),z.addMarkers(v))},[z,v,_]),a(()=>{let e=null;j&&!_&&(e=S(v,j,V),y(!0),N(e))},[v,j,_,S]),a(()=>{P&&(w.close(),V(!1))},[P,w]),n(o,{children:[r("div",{ref:O,style:C}),t.Children.map(I,e=>{if(t.isValidElement(e))return t.cloneElement(e,{map:j})})]})};export{p as default};
 //# sourceMappingURL=mapComponent.js.map

package/organisms/maps/mapComponents/mapComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mapComponent.js","sources":["../../../../src/organisms/maps/mapComponents/mapComponent.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport useMap from '../hook/useMap';\nimport { mapConfig, handleControls } from '../utils/mapConfig';\nimport { MapIconVariant } from '../utils/mapIcons';\nimport { infoWindow } from './infoWindowConfig';\n\ninterface MapProps extends google.maps.MapOptions {\n style?: { [key: string]: string };\n onClick?: (e: google.maps.MapMouseEvent) => void;\n onDragEnd?: (map: google.maps.Map) => void;\n handleCurrentMap?: (map: google.maps.Map) => void;\n enableMoveSearch?: boolean;\n setInfoWindow: any;\n currentInfoWindow: any;\n registeredMarkers?: any;\n children: React.ReactNode;\n\n center?: any;\n zoom?: any;\n}\n\nconst MapComponent: React.FC<MapProps> = ({\n onClick,\n onDragEnd,\n children,\n style,\n handleCurrentMap,\n enableMoveSearch,\n setInfoWindow,\n currentInfoWindow,\n registeredMarkers = [],\n ...options\n}) => {\n const ref = useRef<HTMLDivElement>(null);\n const [map, setMap] = useState<google.maps.Map>();\n const [geolocationMarker, setGeolocationMarker] = useState(null);\n const { handleClusterRender } = useMap();\n const [clusterSetted, setClusterSetted] = useState(false);\n const [currentCluster, setCurrentCluster] = useState(null);\n const [clickedCluster, setClickedCluster] = useState(false);\n\n useEffect(() => {\n if (ref.current && !map) {\n const config = mapConfig(options);\n const newMap = new window.google.maps.Map(ref.current, {\n ...config,\n });\n const newMarker = new google.maps.Marker({\n position: options.center,\n map: map,\n icon: null,\n });\n setGeolocationMarker(newMarker);\n handleControls(newMap, newMarker);\n setMap(newMap);\n handleCurrentMap(newMap);\n }\n }, [ref, map, handleCurrentMap, options]);\n\n useEffect(() => {\n if (map && !currentInfoWindow) {\n const infoWindowMap = infoWindow({\n map,\n });\n setInfoWindow(infoWindowMap);\n }\n }, [map, setInfoWindow, currentInfoWindow]);\n\n useEffect(() => {\n if (map && geolocationMarker && navigator.geolocation) {\n navigator.geolocation.getCurrentPosition(\n function (currentPosition) {\n const position = new google.maps.LatLng(currentPosition.coords.latitude, currentPosition.coords.longitude);\n geolocationMarker.setOptions({\n position,\n icon: MapIconVariant.LIVE_POSITION_ON,\n map,\n });\n map.setCenter(position);\n },\n () => {\n geolocationMarker.setIcon(MapIconVariant.LIVE_POSITION_OFF);\n },\n );\n }\n }, [map, geolocationMarker]);\n\n useEffect(() => {\n if (map && onClick) {\n map.addListener('click', onClick);\n }\n return () => {\n if (map) {\n google.maps.event.clearListeners(map, 'click');\n }\n };\n }, [map, onClick]);\n\n useEffect(() => {\n if (map && onDragEnd) {\n enableMoveSearch\n ? map.addListener('dragend', () => onDragEnd(map))\n : google.maps.event.clearListeners(map, 'dragend');\n }\n return () => {\n if (map) {\n google.maps.event.clearListeners(map, 'dragend');\n }\n };\n }, [map, onDragEnd, enableMoveSearch]);\n\n useEffect(() => {\n if (map) {\n if (options.zoom) {\n map.setZoom(options.zoom);\n }\n if (options.center) {\n map.setCenter(options.center);\n }\n }\n }, [map, options.zoom, options.center]);\n\n useEffect(() => {\n if (clusterSetted && currentCluster) {\n currentCluster.clearMarkers();\n currentCluster.addMarkers(registeredMarkers);\n }\n }, [currentCluster, registeredMarkers, clusterSetted]);\n\n useEffect(() => {\n let cluster = null;\n if (map && !clusterSetted) {\n cluster = handleClusterRender(registeredMarkers, map, setClickedCluster);\n setClusterSetted(true);\n setCurrentCluster(cluster);\n }\n }, [registeredMarkers, map, clusterSetted, handleClusterRender]);\n\n useEffect(() => {\n if (clickedCluster) {\n currentInfoWindow.close();\n setClickedCluster(false);\n }\n }, [clickedCluster, currentInfoWindow]);\n\n return (\n <>\n <div ref={ref} style={style} />\n {React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n // set the map prop on the child component\n return React.cloneElement(child, { map } as unknown);\n }\n })}\n </>\n );\n};\n\nexport default MapComponent;\n"],"names":["MapComponent","_a","onClick","onDragEnd","children","style","handleCurrentMap","enableMoveSearch","setInfoWindow","currentInfoWindow","registeredMarkers","options","__rest","ref","useRef","map","setMap","useState","geolocationMarker","setGeolocationMarker","handleClusterRender","useMap","clusterSetted","setClusterSetted","currentCluster","setCurrentCluster","clickedCluster","setClickedCluster","useEffect","current","config","mapConfig","newMap","window","google","maps","Map","Object","assign","newMarker","Marker","position","center","icon","handleControls","infoWindowMap","infoWindow","navigator","geolocation","getCurrentPosition","currentPosition","LatLng","coords","latitude","longitude","setOptions","MapIconVariant","LIVE_POSITION_ON","setCenter","setIcon","LIVE_POSITION_OFF","addListener","event","clearListeners","zoom","setZoom","clearMarkers","addMarkers","cluster","close","_jsxs","_jsx","React","Children","child","isValidElement","cloneElement"],"mappings":"8WAqBA,MAAMA,EAAoCC,QAAAC,QACxCA,EAAOC,UACPA,EAASC,SACTA,EAAQC,MACRA,EAAKC,iBACLA,EAAgBC,iBAChBA,EAAgBC,cAChBA,EAAaC,kBACbA,EAAiBC,kBACjBA,EAAoB,MACjBC,EAAOC,EAAAX,EAV8B,CAAA,UAAA,YAAA,WAAA,QAAA,mBAAA,mBAAA,gBAAA,oBAAA,sBAYxC,MAAMY,EAAMC,EAAuB,OAC5BC,EAAKC,GAAUC,KACfC,EAAmBC,GAAwBF,EAAS,OACrDG,oBAAEA,GAAwBC,KACzBC,EAAeC,GAAoBN,GAAS,IAC5CO,EAAgBC,GAAqBR,EAAS,OAC9CS,EAAgBC,GAAqBV,GAAS,GA0GrD,OAxGAW,~~GAAU~~,KACR,GAAIf,EAAIgB,UAAYd,EAAK,CACvB,MAAMe,EAASC,EAAUpB,GACnBqB,EAAS,IAAIC,OAAOC,OAAOC,KAAKC,IAAIvB,EAAIgB,QAAOQ,OAAAC,OAAA,CAAA,EAChDR,IAECS,EAAY,IAAIL,OAAOC,KAAKK,OAAO,CACvCC,SAAU9B,EAAQ+B,OAClB3B,IAAKA,EACL4B,KAAM,OAERxB,EAAqBoB,GACrBK,EAAeZ,EAAQO,GACvBvB,EAAOgB,GACP1B,EAAiB0B,EACnB,~~IACC~~,CAACnB,EAAKE,EAAKT,EAAkBK,IAEhCiB,~~GAAU~~,KACR,GAAIb,IAAQN,EAAmB,CAC7B,MAAMoC,EAAgBC,EAAW,CAEhC,GACDtC,EAAcqC,EAChB,~~IACC~~,CAAC9B,EAAKP,EAAeC,IAExBmB,~~GAAU~~,KACJb,GAAOG,GAAqB6B,UAAUC,aACxCD,UAAUC,YAAYC,~~oBACpB~~,SAAUC,GACR,MAAMT,EAAW,IAAIP,OAAOC,KAAKgB,OAAOD,EAAgBE,OAAOC,SAAUH,EAAgBE,OAAOE,WAChGpC,EAAkBqC,WAAW,CAC3Bd,WACAE,KAAMa,EAAeC,iBACrB1C,QAEFA,EAAI2C,UAAUjB,EAChB,~~IACA~~,KACEvB,EAAkByC,QAAQH,EAAeI,~~kBAAkB~~,~~GAGjE,GACC,~~CAAC7C,EAAKG,IAETU,~~GAAU~~,KACJb,GAAOb,GACTa,EAAI8C,YAAY,QAAS3D,GAEpB,KACDa,GACFmB,OAAOC,KAAK2B,MAAMC,eAAehD,EAAK,~~QACxC~~,~~IAED,~~CAACA,EAAKb,IAET0B,~~GAAU~~,KACJb,GAAOZ,IACTI,EACIQ,EAAI8C,YAAY,~~WAAW~~,IAAM1D,EAAUY,~~KAC3CmB~~,OAAOC,KAAK2B,MAAMC,eAAehD,EAAK,YAErC,KACDA,GACFmB,OAAOC,KAAK2B,MAAMC,eAAehD,EAAK,~~UACxC~~,~~IAED,~~CAACA,EAAKZ,EAAWI,IAEpBqB,~~GAAU~~,KACJb,IACEJ,EAAQqD,MACVjD,EAAIkD,QAAQtD,EAAQqD,MAElBrD,EAAQ+B,QACV3B,EAAI2C,UAAU/C,EAAQ+B,~~QAE1B~~,~~GACC,~~CAAC3B,EAAKJ,EAAQqD,KAAMrD,EAAQ+B,SAE/Bd,~~GAAU~~,KACJN,GAAiBE,IACnBA,EAAe0C,eACf1C,EAAe2C,WAAWzD,~~GAC5B~~,~~GACC,~~CAACc,EAAgBd,EAAmBY,IAEvCM,~~GAAU~~,KACR,IAAIwC,EAAU,KACVrD,IAAQO,IACV8C,EAAUhD,EAAoBV,EAAmBK,EAAKY,GACtDJ,GAAiB,GACjBE,EAAkB2C,~~GACpB~~,~~GACC,~~CAAC1D,EAAmBK,EAAKO,EAAeF,IAE3CQ,~~GAAU~~,KACJF,IACFjB,EAAkB4D,QAClB1C,GAAkB,~~GACpB~~,~~GACC,~~CAACD,EAAgBjB,IAGlB6D,eACEC,EAAA,MAAA,CAAK1D,IAAKA,EAAKR,MAAOA,IACrBmE,EAAMC,SAAS1D,IAAIX,~~GAAWsE~~,IAC7B,GAAIF,EAAMG,eAAeD,GAEvB,OAAOF,EAAMI,aAAaF,EAAO,CAAE3D~~,OACrC,MAED~~"}
1	+ {"version":3,"file":"mapComponent.js","sources":["../../../../src/organisms/maps/mapComponents/mapComponent.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport useMap from '../hook/useMap';\nimport { mapConfig, handleControls } from '../utils/mapConfig';\nimport { MapIconVariant } from '../utils/mapIcons';\nimport { infoWindow } from './infoWindowConfig';\n\ninterface MapProps extends google.maps.MapOptions {\n style?: { [key: string]: string };\n onClick?: (e: google.maps.MapMouseEvent) => void;\n onDragEnd?: (map: google.maps.Map) => void;\n handleCurrentMap?: (map: google.maps.Map) => void;\n enableMoveSearch?: boolean;\n setInfoWindow: any;\n currentInfoWindow: any;\n registeredMarkers?: any;\n children: React.ReactNode;\n\n center?: any;\n zoom?: any;\n}\n\nconst MapComponent: React.FC<MapProps> = ({\n onClick,\n onDragEnd,\n children,\n style,\n handleCurrentMap,\n enableMoveSearch,\n setInfoWindow,\n currentInfoWindow,\n registeredMarkers = [],\n ...options\n}) => {\n const ref = useRef<HTMLDivElement>(null);\n const [map, setMap] = useState<google.maps.Map>();\n const [geolocationMarker, setGeolocationMarker] = useState(null);\n const { handleClusterRender } = useMap();\n const [clusterSetted, setClusterSetted] = useState(false);\n const [currentCluster, setCurrentCluster] = useState(null);\n const [clickedCluster, setClickedCluster] = useState(false);\n\n useEffect(() => {\n if (ref.current && !map) {\n const config = mapConfig(options);\n const newMap = new window.google.maps.Map(ref.current, {\n ...config,\n });\n const newMarker = new google.maps.Marker({\n position: options.center,\n map: map,\n icon: null,\n });\n setGeolocationMarker(newMarker);\n handleControls(newMap, newMarker);\n setMap(newMap);\n handleCurrentMap(newMap);\n }\n }, [ref, map, handleCurrentMap, options]);\n\n useEffect(() => {\n if (map && !currentInfoWindow) {\n const infoWindowMap = infoWindow({\n map,\n });\n setInfoWindow(infoWindowMap);\n }\n }, [map, setInfoWindow, currentInfoWindow]);\n\n useEffect(() => {\n if (map && geolocationMarker && navigator.geolocation) {\n navigator.geolocation.getCurrentPosition(\n function (currentPosition) {\n const position = new google.maps.LatLng(currentPosition.coords.latitude, currentPosition.coords.longitude);\n geolocationMarker.setOptions({\n position,\n icon: MapIconVariant.LIVE_POSITION_ON,\n map,\n });\n map.setCenter(position);\n },\n () => {\n geolocationMarker.setIcon(MapIconVariant.LIVE_POSITION_OFF);\n },\n );\n }\n }, [map, geolocationMarker]);\n\n useEffect(() => {\n if (map && onClick) {\n map.addListener('click', onClick);\n }\n return () => {\n if (map) {\n google.maps.event.clearListeners(map, 'click');\n }\n };\n }, [map, onClick]);\n\n useEffect(() => {\n if (map && onDragEnd) {\n enableMoveSearch\n ? map.addListener('dragend', () => onDragEnd(map))\n : google.maps.event.clearListeners(map, 'dragend');\n }\n return () => {\n if (map) {\n google.maps.event.clearListeners(map, 'dragend');\n }\n };\n }, [map, onDragEnd, enableMoveSearch]);\n\n useEffect(() => {\n if (map) {\n if (options.zoom) {\n map.setZoom(options.zoom);\n }\n if (options.center) {\n map.setCenter(options.center);\n }\n }\n }, [map, options.zoom, options.center]);\n\n useEffect(() => {\n if (clusterSetted && currentCluster) {\n currentCluster.clearMarkers();\n currentCluster.addMarkers(registeredMarkers);\n }\n }, [currentCluster, registeredMarkers, clusterSetted]);\n\n useEffect(() => {\n let cluster = null;\n if (map && !clusterSetted) {\n cluster = handleClusterRender(registeredMarkers, map, setClickedCluster);\n setClusterSetted(true);\n setCurrentCluster(cluster);\n }\n }, [registeredMarkers, map, clusterSetted, handleClusterRender]);\n\n useEffect(() => {\n if (clickedCluster) {\n currentInfoWindow.close();\n setClickedCluster(false);\n }\n }, [clickedCluster, currentInfoWindow]);\n\n return (\n <>\n <div ref={ref} style={style} />\n {React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n // set the map prop on the child component\n return React.cloneElement(child, { map } as unknown);\n }\n })}\n </>\n );\n};\n\nexport default MapComponent;\n"],"names":["MapComponent","_a","onClick","onDragEnd","children","style","handleCurrentMap","enableMoveSearch","setInfoWindow","currentInfoWindow","registeredMarkers","options","__rest","ref","useRef","map","setMap","useState","geolocationMarker","setGeolocationMarker","handleClusterRender","useMap","clusterSetted","setClusterSetted","currentCluster","setCurrentCluster","clickedCluster","setClickedCluster","useEffect","current","config","mapConfig","newMap","window","google","maps","Map","Object","assign","newMarker","Marker","position","center","icon","handleControls","infoWindowMap","infoWindow","navigator","geolocation","getCurrentPosition","currentPosition","LatLng","coords","latitude","longitude","setOptions","MapIconVariant","LIVE_POSITION_ON","setCenter","setIcon","LIVE_POSITION_OFF","addListener","event","clearListeners","zoom","setZoom","clearMarkers","addMarkers","cluster","close","_jsxs","_jsx","React","Children","child","isValidElement","cloneElement"],"mappings":"8WAqBA,MAAMA,EAAoCC,QAAAC,QACxCA,EAAOC,UACPA,EAASC,SACTA,EAAQC,MACRA,EAAKC,iBACLA,EAAgBC,iBAChBA,EAAgBC,cAChBA,EAAaC,kBACbA,EAAiBC,kBACjBA,EAAoB,MACjBC,EAAOC,EAAAX,EAV8B,CAAA,UAAA,YAAA,WAAA,QAAA,mBAAA,mBAAA,gBAAA,oBAAA,sBAYxC,MAAMY,EAAMC,EAAuB,OAC5BC,EAAKC,GAAUC,KACfC,EAAmBC,GAAwBF,EAAS,OACrDG,oBAAEA,GAAwBC,KACzBC,EAAeC,GAAoBN,GAAS,IAC5CO,EAAgBC,GAAqBR,EAAS,OAC9CS,EAAgBC,GAAqBV,GAAS,GA0GrD,OAxGAW,EAAU,KACR,GAAIf,EAAIgB,UAAYd,EAAK,CACvB,MAAMe,EAASC,EAAUpB,GACnBqB,EAAS,IAAIC,OAAOC,OAAOC,KAAKC,IAAIvB,EAAIgB,QAAOQ,OAAAC,OAAA,CAAA,EAChDR,IAECS,EAAY,IAAIL,OAAOC,KAAKK,OAAO,CACvCC,SAAU9B,EAAQ+B,OAClB3B,IAAKA,EACL4B,KAAM,OAERxB,EAAqBoB,GACrBK,EAAeZ,EAAQO,GACvBvB,EAAOgB,GACP1B,EAAiB0B,EACnB,GACC,CAACnB,EAAKE,EAAKT,EAAkBK,IAEhCiB,EAAU,KACR,GAAIb,IAAQN,EAAmB,CAC7B,MAAMoC,EAAgBC,EAAW,CAEhC,GACDtC,EAAcqC,EAChB,GACC,CAAC9B,EAAKP,EAAeC,IAExBmB,EAAU,KACJb,GAAOG,GAAqB6B,UAAUC,aACxCD,UAAUC,YAAYC,mBACpB,SAAUC,GACR,MAAMT,EAAW,IAAIP,OAAOC,KAAKgB,OAAOD,EAAgBE,OAAOC,SAAUH,EAAgBE,OAAOE,WAChGpC,EAAkBqC,WAAW,CAC3Bd,WACAE,KAAMa,EAAeC,iBACrB1C,QAEFA,EAAI2C,UAAUjB,EAChB,EACA,KACEvB,EAAkByC,QAAQH,EAAeI,sBAI9C,CAAC7C,EAAKG,IAETU,EAAU,KACJb,GAAOb,GACTa,EAAI8C,YAAY,QAAS3D,GAEpB,KACDa,GACFmB,OAAOC,KAAK2B,MAAMC,eAAehD,EAAK,WAGzC,CAACA,EAAKb,IAET0B,EAAU,KACJb,GAAOZ,IACTI,EACIQ,EAAI8C,YAAY,UAAW,IAAM1D,EAAUY,IAC3CmB,OAAOC,KAAK2B,MAAMC,eAAehD,EAAK,YAErC,KACDA,GACFmB,OAAOC,KAAK2B,MAAMC,eAAehD,EAAK,aAGzC,CAACA,EAAKZ,EAAWI,IAEpBqB,EAAU,KACJb,IACEJ,EAAQqD,MACVjD,EAAIkD,QAAQtD,EAAQqD,MAElBrD,EAAQ+B,QACV3B,EAAI2C,UAAU/C,EAAQ+B,UAGzB,CAAC3B,EAAKJ,EAAQqD,KAAMrD,EAAQ+B,SAE/Bd,EAAU,KACJN,GAAiBE,IACnBA,EAAe0C,eACf1C,EAAe2C,WAAWzD,KAE3B,CAACc,EAAgBd,EAAmBY,IAEvCM,EAAU,KACR,IAAIwC,EAAU,KACVrD,IAAQO,IACV8C,EAAUhD,EAAoBV,EAAmBK,EAAKY,GACtDJ,GAAiB,GACjBE,EAAkB2C,KAEnB,CAAC1D,EAAmBK,EAAKO,EAAeF,IAE3CQ,EAAU,KACJF,IACFjB,EAAkB4D,QAClB1C,GAAkB,KAEnB,CAACD,EAAgBjB,IAGlB6D,eACEC,EAAA,MAAA,CAAK1D,IAAKA,EAAKR,MAAOA,IACrBmE,EAAMC,SAAS1D,IAAIX,EAAWsE,IAC7B,GAAIF,EAAMG,eAAeD,GAEvB,OAAOF,EAAMI,aAAaF,EAAO,CAAE3D"}

package/organisms/maps/mapComponents/mapStyled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{styled as t}from"@mui/material";const e=t("div")((({theme:t})=>{let e={};return e={width:"inherit",height:"100%","& .gm-style-iw.gm-style-iw-c":{minWidth:"335px",width:"335px",minHeight:"248px",padding:"24px 14px 24px 24px !important","&::after":{display:"none"},"& button.gm-ui-hover-effect":{display:"none !important"},"& #content":{"& h4":{fontSize:"24px",margin:0},"& > #streetInfo":{marginTop:"10px"},"& > #phoneNumber":{marginTop:"10px","& > a":{color:t.palette.info.main,fontSize:"16px",fontWeight:"400"}},"& > #openStatus":{display:"flex",marginTop:"10px",flexDirection:"row",fontSize:"16px",fontWeight:"400","& > #info-dealer-status":{width:"100%","& > #info-dealer-closed":{color:t.palette.alert.main},"& > #info-dealer-opened":{color:t.palette.brand.primary}}},"& > #detail-cta-container":{marginTop:"16px",cursor:"pointer",width:"110px","& > #info-detail-cta":{fontSize:"16px",fontWeight:400}},"& p":{margin:0,fontSize:"16px",lineHeight:"24px"}}}},e}));export{e as default};
+import{styled as t}from"@mui/material";const e=t("div")(({theme:t})=>{let e={};return e={width:"inherit",height:"100%","& .gm-style-iw.gm-style-iw-c":{minWidth:"335px",width:"335px",minHeight:"248px",padding:"24px 14px 24px 24px !important","&::after":{display:"none"},"& button.gm-ui-hover-effect":{display:"none !important"},"& #content":{"& h4":{fontSize:"24px",margin:0},"& > #streetInfo":{marginTop:"10px"},"& > #phoneNumber":{marginTop:"10px","& > a":{color:t.palette.info.main,fontSize:"16px",fontWeight:"400"}},"& > #openStatus":{display:"flex",marginTop:"10px",flexDirection:"row",fontSize:"16px",fontWeight:"400","& > #info-dealer-status":{width:"100%","& > #info-dealer-closed":{color:t.palette.alert.main},"& > #info-dealer-opened":{color:t.palette.brand.primary}}},"& > #detail-cta-container":{marginTop:"16px",cursor:"pointer",width:"110px","& > #info-detail-cta":{fontSize:"16px",fontWeight:400}},"& p":{margin:0,fontSize:"16px",lineHeight:"24px"}}}},e});export{e as default};
 //# sourceMappingURL=mapStyled.js.map

package/organisms/maps/mapComponents/mapStyled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mapStyled.js","sources":["../../../../src/organisms/maps/mapComponents/mapStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material';\n\n/*\n @description Maps styling definition based on props\n */\nconst MapStyled = styled('div')<unknown>(({ theme }) => {\n let styles = {};\n\n styles = {\n width: 'inherit',\n height: '100%',\n '& .gm-style-iw.gm-style-iw-c': {\n minWidth: '335px',\n width: '335px',\n minHeight: '248px',\n padding: '24px 14px 24px 24px !important',\n '&::after': {\n display: 'none',\n },\n '& button.gm-ui-hover-effect': {\n display: 'none !important',\n },\n '& #content': {\n '& h4': {\n fontSize: '24px',\n margin: 0,\n },\n '& > #streetInfo': {\n marginTop: '10px',\n },\n '& > #phoneNumber': {\n marginTop: '10px',\n '& > a': {\n color: theme.palette.info['main'],\n fontSize: '16px',\n fontWeight: '400',\n },\n },\n '& > #openStatus': {\n display: 'flex',\n marginTop: '10px',\n flexDirection: 'row',\n fontSize: '16px',\n fontWeight: '400',\n '& > #info-dealer-status': {\n width: '100%',\n '& > #info-dealer-closed': {\n color: theme.palette.alert['main'],\n },\n '& > #info-dealer-opened': {\n color: theme.palette.brand.primary,\n },\n },\n },\n '& > #detail-cta-container': {\n marginTop: '16px',\n cursor: 'pointer',\n width: '110px',\n '& > #info-detail-cta': {\n fontSize: '16px',\n fontWeight: 400,\n },\n },\n '& p': {\n margin: 0,\n fontSize: '16px',\n lineHeight: '24px',\n },\n },\n },\n };\n\n return styles;\n});\n\nexport default MapStyled;\n"],"names":["MapStyled","styled","theme","styles","width","height","minWidth","minHeight","padding","display","fontSize","margin","marginTop","color","palette","info","fontWeight","flexDirection","alert","brand","primary","cursor","lineHeight"],"mappings":"uCAKA,MAAMA,EAAYC,EAAO,MAAPA,~~EAAuB~~,EAAGC,YAC1C,IAAIC,EAAS,CAAA,EAkEb,OAhEAA,EAAS,CACPC,MAAO,UACPC,OAAQ,OACR,+BAAgC,CAC9BC,SAAU,QACVF,MAAO,QACPG,UAAW,QACXC,QAAS,iCACT,WAAY,CACVC,QAAS,QAEX,8BAA+B,CAC7BA,QAAS,mBAEX,aAAc,CACZ,OAAQ,CACNC,SAAU,OACVC,OAAQ,GAEV,kBAAmB,CACjBC,UAAW,QAEb,mBAAoB,CAClBA,UAAW,OACX,QAAS,CACPC,MAAOX,EAAMY,QAAQC,KAAW,KAChCL,SAAU,OACVM,WAAY,QAGhB,kBAAmB,CACjBP,QAAS,OACTG,UAAW,OACXK,cAAe,MACfP,SAAU,OACVM,WAAY,MACZ,0BAA2B,CACzBZ,MAAO,OACP,0BAA2B,CACzBS,MAAOX,EAAMY,QAAQI,MAAY,MAEnC,0BAA2B,CACzBL,MAAOX,EAAMY,QAAQK,MAAMC,WAIjC,4BAA6B,CAC3BR,UAAW,OACXS,OAAQ,UACRjB,MAAO,QACP,uBAAwB,CACtBM,SAAU,OACVM,WAAY,MAGhB,MAAO,CACLL,OAAQ,EACRD,SAAU,OACVY,WAAY,WAMbnB~~,CAAM~~"}
1	+ {"version":3,"file":"mapStyled.js","sources":["../../../../src/organisms/maps/mapComponents/mapStyled.tsx"],"sourcesContent":["import { styled } from '@mui/material';\n\n/*\n @description Maps styling definition based on props\n */\nconst MapStyled = styled('div')<unknown>(({ theme }) => {\n let styles = {};\n\n styles = {\n width: 'inherit',\n height: '100%',\n '& .gm-style-iw.gm-style-iw-c': {\n minWidth: '335px',\n width: '335px',\n minHeight: '248px',\n padding: '24px 14px 24px 24px !important',\n '&::after': {\n display: 'none',\n },\n '& button.gm-ui-hover-effect': {\n display: 'none !important',\n },\n '& #content': {\n '& h4': {\n fontSize: '24px',\n margin: 0,\n },\n '& > #streetInfo': {\n marginTop: '10px',\n },\n '& > #phoneNumber': {\n marginTop: '10px',\n '& > a': {\n color: theme.palette.info['main'],\n fontSize: '16px',\n fontWeight: '400',\n },\n },\n '& > #openStatus': {\n display: 'flex',\n marginTop: '10px',\n flexDirection: 'row',\n fontSize: '16px',\n fontWeight: '400',\n '& > #info-dealer-status': {\n width: '100%',\n '& > #info-dealer-closed': {\n color: theme.palette.alert['main'],\n },\n '& > #info-dealer-opened': {\n color: theme.palette.brand.primary,\n },\n },\n },\n '& > #detail-cta-container': {\n marginTop: '16px',\n cursor: 'pointer',\n width: '110px',\n '& > #info-detail-cta': {\n fontSize: '16px',\n fontWeight: 400,\n },\n },\n '& p': {\n margin: 0,\n fontSize: '16px',\n lineHeight: '24px',\n },\n },\n },\n };\n\n return styles;\n});\n\nexport default MapStyled;\n"],"names":["MapStyled","styled","theme","styles","width","height","minWidth","minHeight","padding","display","fontSize","margin","marginTop","color","palette","info","fontWeight","flexDirection","alert","brand","primary","cursor","lineHeight"],"mappings":"uCAKA,MAAMA,EAAYC,EAAO,MAAPA,CAAuB,EAAGC,YAC1C,IAAIC,EAAS,CAAA,EAkEb,OAhEAA,EAAS,CACPC,MAAO,UACPC,OAAQ,OACR,+BAAgC,CAC9BC,SAAU,QACVF,MAAO,QACPG,UAAW,QACXC,QAAS,iCACT,WAAY,CACVC,QAAS,QAEX,8BAA+B,CAC7BA,QAAS,mBAEX,aAAc,CACZ,OAAQ,CACNC,SAAU,OACVC,OAAQ,GAEV,kBAAmB,CACjBC,UAAW,QAEb,mBAAoB,CAClBA,UAAW,OACX,QAAS,CACPC,MAAOX,EAAMY,QAAQC,KAAW,KAChCL,SAAU,OACVM,WAAY,QAGhB,kBAAmB,CACjBP,QAAS,OACTG,UAAW,OACXK,cAAe,MACfP,SAAU,OACVM,WAAY,MACZ,0BAA2B,CACzBZ,MAAO,OACP,0BAA2B,CACzBS,MAAOX,EAAMY,QAAQI,MAAY,MAEnC,0BAA2B,CACzBL,MAAOX,EAAMY,QAAQK,MAAMC,WAIjC,4BAA6B,CAC3BR,UAAW,OACXS,OAAQ,UACRjB,MAAO,QACP,uBAAwB,CACtBM,SAAU,OACVM,WAAY,MAGhB,MAAO,CACLL,OAAQ,EACRD,SAAU,OACVY,WAAY,WAMbnB"}

package/organisms/maps/mapComponents/markerComponent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as e}from"tslib";import{useState as n,useCallback as o,useEffect as s}from"react";import i from"../hook/useMap.js";const t=t=>{var{handleRegisteredMarkers:l,handleMarkerClicked:r,infoWindow:a,canOpenInfoWindow:c,infoWindowConfig:d,onInfoWindowCtaClick:f}=t,m=e(t,["handleRegisteredMarkers","handleMarkerClicked","infoWindow","canOpenInfoWindow","infoWindowConfig","onInfoWindowCtaClick"]);const[u,p]=n(null),[g,k]=n(null),[w,C]=n(!1),{handleIconType:I}=i(),W=o(((e,n,o)=>{const s=I(m,m.isSelected,!1);e.setIcon(s),k(!g),r(e,n,o,d,f)}),[m,d,g,I,r,k,f]);return s((()=>{k(m.isSelected)}),[m.isSelected]),s((()=>{if(!u&&!w&&a){const e=I(m,m.isSelected,!1),n=new google.maps.Marker({icon:e});p(n),l(n)}}),[u,I,l,m,w,a]),s((()=>{null===u||w||(u.setOptions(m),C(!0))}),[u,m,W,w,C,a]),s((()=>{null!==u&&(google.maps.event.clearListeners(u,"click"),google.maps.event.clearListeners(u,"mouseover"),google.maps.event.clearListeners(u,"mouseout"),u.addListener("click",(()=>W(u,a,c))),u.addListener("mouseover",(()=>{const e=I(u,g,!0);u.setIcon(e)})),u.addListener("mouseout",(()=>{const e=I(u,g,!1);u.setIcon(e)})),C(!0))}),[u,c,a,W,g,I]),null};export{t as default};
+import{__rest as e}from"tslib";import{useState as n,useCallback as o,useEffect as s}from"react";import i from"../hook/useMap.js";const t=t=>{var{handleRegisteredMarkers:l,handleMarkerClicked:r,infoWindow:a,canOpenInfoWindow:c,infoWindowConfig:d,onInfoWindowCtaClick:f}=t,m=e(t,["handleRegisteredMarkers","handleMarkerClicked","infoWindow","canOpenInfoWindow","infoWindowConfig","onInfoWindowCtaClick"]);const[u,p]=n(null),[g,k]=n(null),[w,C]=n(!1),{handleIconType:I}=i(),W=o((e,n,o)=>{const s=I(m,m.isSelected,!1);e.setIcon(s),k(!g),r(e,n,o,d,f)},[m,d,g,I,r,k,f]);return s(()=>{k(m.isSelected)},[m.isSelected]),s(()=>{if(!u&&!w&&a){const e=I(m,m.isSelected,!1),n=new google.maps.Marker({icon:e});p(n),l(n)}},[u,I,l,m,w,a]),s(()=>{null===u||w||(u.setOptions(m),C(!0))},[u,m,W,w,C,a]),s(()=>{null!==u&&(google.maps.event.clearListeners(u,"click"),google.maps.event.clearListeners(u,"mouseover"),google.maps.event.clearListeners(u,"mouseout"),u.addListener("click",()=>W(u,a,c)),u.addListener("mouseover",()=>{const e=I(u,g,!0);u.setIcon(e)}),u.addListener("mouseout",()=>{const e=I(u,g,!1);u.setIcon(e)}),C(!0))},[u,c,a,W,g,I]),null};export{t as default};
 //# sourceMappingURL=markerComponent.js.map

package/organisms/maps/mapComponents/markerComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"markerComponent.js","sources":["../../../../src/organisms/maps/mapComponents/markerComponent.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport useMap from '../hook/useMap';\n\nconst Marker: React.FC<\n google.maps.MarkerOptions & {\n handleRegisteredMarkers: any;\n handleMarkerClicked: any;\n id: number \| string;\n isSelected: boolean;\n resultIcon: any;\n selectedIcon: any;\n resultIconHover?: any;\n selectedIconHover?: any;\n infoWindow: any;\n canOpenInfoWindow?: boolean;\n infoWindowConfig?: {\n title?: string;\n street?: string;\n city?: string;\n phone?: string;\n isOpen?: boolean;\n distance?: string;\n };\n onInfoWindowCtaClick?: () => void;\n }\n> = ({\n handleRegisteredMarkers,\n handleMarkerClicked,\n infoWindow,\n canOpenInfoWindow,\n infoWindowConfig,\n onInfoWindowCtaClick,\n ...options\n}) => {\n const [marker, setMarker] = useState<google.maps.Marker>(null);\n const [selected, setSelected] = useState(null);\n const [settedMarker, setSettedMarker] = useState(false);\n const { handleIconType } = useMap();\n\n //METHOD CALLED WHEN WE CLICK ON THE MARKER\n const onClickMarker = useCallback(\n (_marker, currentInfoWindow, _canOpenInfoWindow) => {\n const iconType = handleIconType(options, options.isSelected, false);\n _marker.setIcon(iconType);\n setSelected(!selected);\n handleMarkerClicked(_marker, currentInfoWindow, _canOpenInfoWindow, infoWindowConfig, onInfoWindowCtaClick);\n },\n [options, infoWindowConfig, selected, handleIconType, handleMarkerClicked, setSelected, onInfoWindowCtaClick],\n );\n\n //SET THE SELECTED STATUS OF THE MARKER\n useEffect(() => {\n setSelected(options.isSelected);\n }, [options.isSelected]);\n\n //CREATE A NEW MARKER ON THE MAP\n useEffect(() => {\n if (!marker && !settedMarker && infoWindow) {\n const iconType = handleIconType(options, options.isSelected, false);\n const newMarker = new google.maps.Marker({\n icon: iconType,\n });\n setMarker(newMarker);\n handleRegisteredMarkers(newMarker);\n }\n }, [marker, handleIconType, handleRegisteredMarkers, options, settedMarker, infoWindow]);\n\n //IF THE MARKER IS STILL NOT SETTED, WE SET THE NEW MARKER WITH THE OPTIONS\n useEffect(() => {\n if (marker !== null && !settedMarker) {\n marker.setOptions(options);\n setSettedMarker(true);\n }\n }, [marker, options, onClickMarker, settedMarker, setSettedMarker, infoWindow]);\n\n //WHENEVER WE CHANGE THE CanOpenInfoWindow STATUS, WE REMOVE THE CURRENT EVENT LISTENER AND ADD A NEW ONE WITH PARAMS UPDATED\n useEffect(() => {\n if (marker !== null) {\n google.maps.event.clearListeners(marker, 'click');\n google.maps.event.clearListeners(marker, 'mouseover');\n google.maps.event.clearListeners(marker, 'mouseout');\n marker.addListener('click', () => onClickMarker(marker, infoWindow, canOpenInfoWindow));\n marker.addListener('mouseover', () => {\n const iconType = handleIconType(marker, selected, true);\n marker.setIcon(iconType);\n });\n marker.addListener('mouseout', () => {\n const iconType = handleIconType(marker, selected, false);\n marker.setIcon(iconType);\n });\n setSettedMarker(true);\n }\n }, [marker, canOpenInfoWindow, infoWindow, onClickMarker, selected, handleIconType]);\n\n return null;\n};\n\nexport default Marker;\n"],"names":["Marker","_a","handleRegisteredMarkers","handleMarkerClicked","infoWindow","canOpenInfoWindow","infoWindowConfig","onInfoWindowCtaClick","options","__rest","marker","setMarker","useState","selected","setSelected","settedMarker","setSettedMarker","handleIconType","useMap","onClickMarker","useCallback","_marker","currentInfoWindow","_canOpenInfoWindow","iconType","isSelected","setIcon","useEffect","newMarker","google","maps","icon","setOptions","event","clearListeners","addListener"],"mappings":"iIAGA,MAAMA,EAsBDC,IAAA,IAAAC,wBACHA,EAAuBC,oBACvBA,EAAmBC,WACnBA,EAAUC,kBACVA,EAAiBC,iBACjBA,EAAgBC,qBAChBA,GAAoBN,EACjBO,EAAOC,EAAAR,EAPP,8HASH,MAAOS,EAAQC,GAAaC,EAA6B,OAClDC,EAAUC,GAAeF,EAAS,OAClCG,EAAcC,GAAmBJ,GAAS,IAC3CK,eAAEA,GAAmBC,IAGrBC,EAAgBC,~~GACpB~~,CAACC,EAASC,EAAmBC,KAC3B,MAAMC,EAAWP,EAAeT,EAASA,EAAQiB,YAAY,GAC7DJ,EAAQK,QAAQF,GAChBV,GAAaD,GACbV,EAAoBkB,EAASC,EAAmBC,EAAoBjB,EAAkBC,~~EAAqB~~,~~GAE7G,~~CAACC,EAASF,EAAkBO,EAAUI,EAAgBd,EAAqBW,EAAaP,IA+C1F,OA3CAoB,~~GAAU~~,KACRb,EAAYN,EAAQiB,~~WAAW~~,~~GAC9B,~~CAACjB,EAAQiB,aAGZE,~~GAAU~~,KACR,IAAKjB,IAAWK,GAAgBX,EAAY,CAC1C,MAAMoB,EAAWP,EAAeT,EAASA,EAAQiB,YAAY,GACvDG,EAAY,IAAIC,OAAOC,KAAK9B,OAAO,CACvC+B,KAAMP,IAERb,EAAUiB,GACV1B,EAAwB0B,EAC1B,~~IACC~~,CAAClB,EAAQO,EAAgBf,EAAyBM,EAASO,EAAcX,IAG5EuB,~~GAAU~~,KACO,OAAXjB,GAAoBK,IACtBL,EAAOsB,WAAWxB,GAClBQ,GAAgB,~~GAClB~~,~~GACC,~~CAACN,EAAQF,EAASW,EAAeJ,EAAcC,EAAiBZ,IAGnEuB,~~GAAU~~,KACO,OAAXjB,IACFmB,OAAOC,KAAKG,MAAMC,eAAexB,EAAQ,SACzCmB,OAAOC,KAAKG,MAAMC,eAAexB,EAAQ,aACzCmB,OAAOC,KAAKG,MAAMC,eAAexB,EAAQ,YACzCA,EAAOyB,YAAY,~~SAAS~~,IAAMhB,EAAcT,EAAQN,EAAYC,~~KACpEK~~,EAAOyB,YAAY,~~aAAa~~,KAC9B,MAAMX,EAAWP,EAAeP,EAAQG,GAAU,GAClDH,EAAOgB,QAAQF,~~EAAS~~,~~IAE1Bd,~~EAAOyB,YAAY,~~YAAY~~,KAC7B,MAAMX,EAAWP,EAAeP,EAAQG,GAAU,GAClDH,EAAOgB,QAAQF,~~EAAS~~,~~IAE1BR,~~GAAgB,~~GAClB~~,~~GACC,~~CAACN,EAAQL,EAAmBD,EAAYe,EAAeN,EAAUI,IAE7D~~,IAAI~~"}
1	+ {"version":3,"file":"markerComponent.js","sources":["../../../../src/organisms/maps/mapComponents/markerComponent.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport useMap from '../hook/useMap';\n\nconst Marker: React.FC<\n google.maps.MarkerOptions & {\n handleRegisteredMarkers: any;\n handleMarkerClicked: any;\n id: number \| string;\n isSelected: boolean;\n resultIcon: any;\n selectedIcon: any;\n resultIconHover?: any;\n selectedIconHover?: any;\n infoWindow: any;\n canOpenInfoWindow?: boolean;\n infoWindowConfig?: {\n title?: string;\n street?: string;\n city?: string;\n phone?: string;\n isOpen?: boolean;\n distance?: string;\n };\n onInfoWindowCtaClick?: () => void;\n }\n> = ({\n handleRegisteredMarkers,\n handleMarkerClicked,\n infoWindow,\n canOpenInfoWindow,\n infoWindowConfig,\n onInfoWindowCtaClick,\n ...options\n}) => {\n const [marker, setMarker] = useState<google.maps.Marker>(null);\n const [selected, setSelected] = useState(null);\n const [settedMarker, setSettedMarker] = useState(false);\n const { handleIconType } = useMap();\n\n //METHOD CALLED WHEN WE CLICK ON THE MARKER\n const onClickMarker = useCallback(\n (_marker, currentInfoWindow, _canOpenInfoWindow) => {\n const iconType = handleIconType(options, options.isSelected, false);\n _marker.setIcon(iconType);\n setSelected(!selected);\n handleMarkerClicked(_marker, currentInfoWindow, _canOpenInfoWindow, infoWindowConfig, onInfoWindowCtaClick);\n },\n [options, infoWindowConfig, selected, handleIconType, handleMarkerClicked, setSelected, onInfoWindowCtaClick],\n );\n\n //SET THE SELECTED STATUS OF THE MARKER\n useEffect(() => {\n setSelected(options.isSelected);\n }, [options.isSelected]);\n\n //CREATE A NEW MARKER ON THE MAP\n useEffect(() => {\n if (!marker && !settedMarker && infoWindow) {\n const iconType = handleIconType(options, options.isSelected, false);\n const newMarker = new google.maps.Marker({\n icon: iconType,\n });\n setMarker(newMarker);\n handleRegisteredMarkers(newMarker);\n }\n }, [marker, handleIconType, handleRegisteredMarkers, options, settedMarker, infoWindow]);\n\n //IF THE MARKER IS STILL NOT SETTED, WE SET THE NEW MARKER WITH THE OPTIONS\n useEffect(() => {\n if (marker !== null && !settedMarker) {\n marker.setOptions(options);\n setSettedMarker(true);\n }\n }, [marker, options, onClickMarker, settedMarker, setSettedMarker, infoWindow]);\n\n //WHENEVER WE CHANGE THE CanOpenInfoWindow STATUS, WE REMOVE THE CURRENT EVENT LISTENER AND ADD A NEW ONE WITH PARAMS UPDATED\n useEffect(() => {\n if (marker !== null) {\n google.maps.event.clearListeners(marker, 'click');\n google.maps.event.clearListeners(marker, 'mouseover');\n google.maps.event.clearListeners(marker, 'mouseout');\n marker.addListener('click', () => onClickMarker(marker, infoWindow, canOpenInfoWindow));\n marker.addListener('mouseover', () => {\n const iconType = handleIconType(marker, selected, true);\n marker.setIcon(iconType);\n });\n marker.addListener('mouseout', () => {\n const iconType = handleIconType(marker, selected, false);\n marker.setIcon(iconType);\n });\n setSettedMarker(true);\n }\n }, [marker, canOpenInfoWindow, infoWindow, onClickMarker, selected, handleIconType]);\n\n return null;\n};\n\nexport default Marker;\n"],"names":["Marker","_a","handleRegisteredMarkers","handleMarkerClicked","infoWindow","canOpenInfoWindow","infoWindowConfig","onInfoWindowCtaClick","options","__rest","marker","setMarker","useState","selected","setSelected","settedMarker","setSettedMarker","handleIconType","useMap","onClickMarker","useCallback","_marker","currentInfoWindow","_canOpenInfoWindow","iconType","isSelected","setIcon","useEffect","newMarker","google","maps","icon","setOptions","event","clearListeners","addListener"],"mappings":"iIAGA,MAAMA,EAsBDC,IAAA,IAAAC,wBACHA,EAAuBC,oBACvBA,EAAmBC,WACnBA,EAAUC,kBACVA,EAAiBC,iBACjBA,EAAgBC,qBAChBA,GAAoBN,EACjBO,EAAOC,EAAAR,EAPP,8HASH,MAAOS,EAAQC,GAAaC,EAA6B,OAClDC,EAAUC,GAAeF,EAAS,OAClCG,EAAcC,GAAmBJ,GAAS,IAC3CK,eAAEA,GAAmBC,IAGrBC,EAAgBC,EACpB,CAACC,EAASC,EAAmBC,KAC3B,MAAMC,EAAWP,EAAeT,EAASA,EAAQiB,YAAY,GAC7DJ,EAAQK,QAAQF,GAChBV,GAAaD,GACbV,EAAoBkB,EAASC,EAAmBC,EAAoBjB,EAAkBC,IAExF,CAACC,EAASF,EAAkBO,EAAUI,EAAgBd,EAAqBW,EAAaP,IA+C1F,OA3CAoB,EAAU,KACRb,EAAYN,EAAQiB,aACnB,CAACjB,EAAQiB,aAGZE,EAAU,KACR,IAAKjB,IAAWK,GAAgBX,EAAY,CAC1C,MAAMoB,EAAWP,EAAeT,EAASA,EAAQiB,YAAY,GACvDG,EAAY,IAAIC,OAAOC,KAAK9B,OAAO,CACvC+B,KAAMP,IAERb,EAAUiB,GACV1B,EAAwB0B,EAC1B,GACC,CAAClB,EAAQO,EAAgBf,EAAyBM,EAASO,EAAcX,IAG5EuB,EAAU,KACO,OAAXjB,GAAoBK,IACtBL,EAAOsB,WAAWxB,GAClBQ,GAAgB,KAEjB,CAACN,EAAQF,EAASW,EAAeJ,EAAcC,EAAiBZ,IAGnEuB,EAAU,KACO,OAAXjB,IACFmB,OAAOC,KAAKG,MAAMC,eAAexB,EAAQ,SACzCmB,OAAOC,KAAKG,MAAMC,eAAexB,EAAQ,aACzCmB,OAAOC,KAAKG,MAAMC,eAAexB,EAAQ,YACzCA,EAAOyB,YAAY,QAAS,IAAMhB,EAAcT,EAAQN,EAAYC,IACpEK,EAAOyB,YAAY,YAAa,KAC9B,MAAMX,EAAWP,EAAeP,EAAQG,GAAU,GAClDH,EAAOgB,QAAQF,KAEjBd,EAAOyB,YAAY,WAAY,KAC7B,MAAMX,EAAWP,EAAeP,EAAQG,GAAU,GAClDH,EAAOgB,QAAQF,KAEjBR,GAAgB,KAEjB,CAACN,EAAQL,EAAmBD,EAAYe,EAAeN,EAAUI,IAE7D"}

package/organisms/maps/maps.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{useState as n,useEffect as o,useCallback as t}from"react";import{Wrapper as r}from"@googlemaps/react-wrapper";import i from"./mapComponents/mapComponent.js";import l from"./mapComponents/markerComponent.js";import a from"./hook/useMap.js";import{contentString as c}from"./mapComponents/infoWindowConfig.js";import s from"./mapComponents/mapStyled.js";const d=({apiKey:d,enableFitBound:m,hideControlsOnMobile:p,markers:g,center:f,zoom:h,enableMoveSearch:w,canOpenInfoWindow:C=!0,markerSelectedId:k,callbackMarkerClicked:u,onDragEndCallback:I,onInfoWindowCtaClick:v})=>{const[M,W]=n([]),{onMarkerClick:y}=a(),[E,b]=n(null),[j,x]=n([]),[L,S]=n(null);o((()=>{y(k,M)}),[k,M,y]);const B=(e,n)=>{n&&n(),e.close()},z=async(e,n,o,t,r)=>{if(y(e.id,M),u&&u(e),o&&t){const o=c(t);n.setContent(o),await n.open({anchor:e,map:E});const i=document.getElementById("info-detail-cta");i&&(i.removeEventListener("click",(()=>B(n,r))),i.addEventListener("click",(()=>B(n,r))))}},H=t((e=>{W((n=>[e,...n]))}),[]),O=t((()=>{M&&M.length>0&&M.forEach((e=>{e.setMap(null)})),W([]),x([])}),[M]);o((()=>{O()}),[g]),o((()=>{j.length<=0&&M.length<=0&&x(g)}),[j,g,M]),o((()=>{if(m&&E&&M.length>0){const e=new google.maps.LatLngBounds;for(let n=0;n<M.length;n++){const o=M[n].getPosition(),t={lat:o.lat(),lng:o.lng()};e.extend(t)}E.fitBounds(e)}}),[M,E,m]);const D=t((e=>{e&&b(e)}),[]),K=t((e=>{const n=e.getCenter(),o={lat:n.lat(),lng:n.lng()};I&&I(e,o)}),[I]),F=t((()=>{const e=window.matchMedia("(max-width: 719px)").matches,n=document.getElementById("map-controls-container");n&&(n.style.display=e&&p?"none":"block")}),[p]);return o((()=>(F(),window.addEventListener("resize",F),()=>{window.removeEventListener("resize",F)})),[E,F]),e(s,{children:d&&e(r,{apiKey:d,children:e(i,{setInfoWindow:S,currentInfoWindow:L,enableMoveSearch:w,onDragEnd:K,center:f,onClick:()=>{L&&L.close()},zoom:h,registeredMarkers:M,handleCurrentMap:D,style:{flexGrow:"1",height:"100%",width:"100%"},children:j&&j.length>0&&j.map(((n,o)=>e(l,{infoWindow:L,handleRegisteredMarkers:H,isSelected:n.isSelected,id:n.id,onInfoWindowCtaClick:v,canOpenInfoWindow:C,resultIcon:n.resultIcon,selectedIcon:n.selectedIcon,resultIconHover:n.resultIconHover,selectedIconHover:n.selectedIconHover,infoWindowConfig:n.infoWindowConfig,handleMarkerClicked:z,position:{lat:n.lat,lng:n.lng}},o)))})})})};export{d as Maps};
+import{jsx as e}from"react/jsx-runtime";import{useState as n,useEffect as o,useCallback as t}from"react";import{Wrapper as r}from"@googlemaps/react-wrapper";import i from"./mapComponents/mapComponent.js";import l from"./mapComponents/markerComponent.js";import a from"./hook/useMap.js";import{contentString as c}from"./mapComponents/infoWindowConfig.js";import s from"./mapComponents/mapStyled.js";const d=({apiKey:d,enableFitBound:m,hideControlsOnMobile:p,markers:g,center:f,zoom:h,enableMoveSearch:w,canOpenInfoWindow:C=!0,markerSelectedId:k,callbackMarkerClicked:u,onDragEndCallback:I,onInfoWindowCtaClick:v})=>{const[M,W]=n([]),{onMarkerClick:y}=a(),[E,b]=n(null),[j,x]=n([]),[L,S]=n(null);o(()=>{y(k,M)},[k,M,y]);const B=(e,n)=>{n&&n(),e.close()},z=async(e,n,o,t,r)=>{if(y(e.id,M),u&&u(e),o&&t){const o=c(t);n.setContent(o),await n.open({anchor:e,map:E});const i=document.getElementById("info-detail-cta");i&&(i.removeEventListener("click",()=>B(n,r)),i.addEventListener("click",()=>B(n,r)))}},H=t(e=>{W(n=>[e,...n])},[]),O=t(()=>{M&&M.length>0&&M.forEach(e=>{e.setMap(null)}),W([]),x([])},[M]);o(()=>{O()},[g]),o(()=>{j.length<=0&&M.length<=0&&x(g)},[j,g,M]),o(()=>{if(m&&E&&M.length>0){const e=new google.maps.LatLngBounds;for(let n=0;n<M.length;n++){const o=M[n].getPosition(),t={lat:o.lat(),lng:o.lng()};e.extend(t)}E.fitBounds(e)}},[M,E,m]);const D=t(e=>{e&&b(e)},[]),K=t(e=>{const n=e.getCenter(),o={lat:n.lat(),lng:n.lng()};I&&I(e,o)},[I]),F=t(()=>{const e=window.matchMedia("(max-width: 719px)").matches,n=document.getElementById("map-controls-container");n&&(n.style.display=e&&p?"none":"block")},[p]);return o(()=>(F(),window.addEventListener("resize",F),()=>{window.removeEventListener("resize",F)}),[E,F]),e(s,{children:d&&e(r,{apiKey:d,children:e(i,{setInfoWindow:S,currentInfoWindow:L,enableMoveSearch:w,onDragEnd:K,center:f,onClick:()=>{L&&L.close()},zoom:h,registeredMarkers:M,handleCurrentMap:D,style:{flexGrow:"1",height:"100%",width:"100%"},children:j&&j.length>0&&j.map((n,o)=>e(l,{infoWindow:L,handleRegisteredMarkers:H,isSelected:n.isSelected,id:n.id,onInfoWindowCtaClick:v,canOpenInfoWindow:C,resultIcon:n.resultIcon,selectedIcon:n.selectedIcon,resultIconHover:n.resultIconHover,selectedIconHover:n.selectedIconHover,infoWindowConfig:n.infoWindowConfig,handleMarkerClicked:z,position:{lat:n.lat,lng:n.lng}},o))})})})};export{d as Maps};
 //# sourceMappingURL=maps.js.map