Merge pull request #672 from MapsPeople/feature/matb/make_point_none_events_for_attributes

Add kiosk mode styling to MapboxMap and integrate kiosk context in Ma…

Author: matbmapspeople

package-lock.json

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.96.22] - 2026-04-01
+
+### Fixed
+
+- Made Mapbox and OpenStreetMap attributions not clickable in kiosk view.
+
 ## [1.96.21] - 2026-03-31
 
 ### Fixed

packages/map-template/CHANGELOG.md

@@ -36,4 +36,11 @@ $desktop-breakpoint: 992px;
         }
     }
 
+}
+
+.mapsindoors-map--kiosk {
+    .mapboxgl-ctrl-logo,
+    .mapboxgl-ctrl-attrib {
+        pointer-events: none;
+    }
 }

packages/map-template/src/components/MIMap/MapboxMap/MapboxMap.scss

@@ -67,6 +67,7 @@ import { GeminiProvider } from '../../providers/GeminiProvider';
 import ChatButton from '../ChatButton/ChatButton';
 import mapTypeState from '../../atoms/mapTypeState.js';
 import { mapTypes } from '../../constants/mapTypes.js';
+import { useIsKioskContext } from '../../hooks/useIsKioskContext.js';
 
 // Define the Custom Elements from our components package.
 defineCustomElements();
@@ -225,6 +226,7 @@ function MapTemplate({ apiKey, gmApiKey, mapboxAccessToken, venue, locationId, p
     const setErrorMessage = useSetRecoilState(notificationMessageState);
 
     const mapType = useRecoilValue(mapTypeState);
+    const isKiosk = useIsKioskContext();
 
     /**
      * Ensure that MapsIndoors Web SDK is available.
@@ -816,6 +818,7 @@ function MapTemplate({ apiKey, gmApiKey, mapboxAccessToken, venue, locationId, p
             ${currentAppView === appStates.DIRECTIONS ? 'mapsindoors-map--hide-elements' : 'mapsindoors-map--show-elements'}
             ${(venuesInSolution.length > 1 && showVenueSelector) ? '' : 'mapsindoors-map--hide-venue-selector'}
             ${showPositionControl ? 'mapsindoors-map--show-my-position' : 'mapsindoors-map--hide-my-position'}
+            ${isKiosk ? 'mapsindoors-map--kiosk' : ''}
             ${(currentAppView === appStates.CHAT && !isDesktop) ? 'mapsindoors-map--hide-map-controls' : ''}`}>
                 <Notification />
                 {!isMapReady && <SplashScreen />}