From a352a57d7440c2e22dbaeca3bb6dadf8bf3edd98 Mon Sep 17 00:00:00 2001 From: Mateusz Date: Fri, 27 Mar 2026 09:49:41 +0100 Subject: [PATCH 01/11] Enhance MapControls component with floor selector expansion detection and bottom controls overlap handling --- .../MIMap/MapControls/MapControls.jsx | 59 ++++++++++++++++++- 1 file changed, 57 insertions(+), 2 deletions(-) diff --git a/packages/map-template/src/components/MIMap/MapControls/MapControls.jsx b/packages/map-template/src/components/MIMap/MapControls/MapControls.jsx index f1f867d8d..9edd40df9 100644 --- a/packages/map-template/src/components/MIMap/MapControls/MapControls.jsx +++ b/packages/map-template/src/components/MIMap/MapControls/MapControls.jsx @@ -1,4 +1,4 @@ -import { useEffect, useRef, useCallback, useMemo, memo } from 'react'; +import { useEffect, useRef, useState, useCallback, useMemo, memo } from 'react'; import PropTypes from 'prop-types'; import './MapControls.scss'; import { useIsDesktop } from '../../../hooks/useIsDesktop'; @@ -60,6 +60,9 @@ function MapControls({ mapType, mapsIndoorsInstance, mapInstance, onPositionCont const isDesktop = useIsDesktop(); const floorSelectorRef = useRef(null); const positionButtonRef = useRef(null); + const bottomControlsRef = useRef(null); + const overlapTimerRef = useRef(null); + const [isFloorSelectorExpanded, setIsFloorSelectorExpanded] = useState(false); // Helper function to check if an element should be rendered const shouldRenderElement = useCallback((elementName) => { @@ -210,6 +213,58 @@ function MapControls({ mapType, mapsIndoorsInstance, mapInstance, onPositionCont }); }, [excludedElements, shouldRenderElement, isDesktop]); + // Observe the floor selector's toggle button class to detect expansion, + // then check whether it actually overlaps the bottom controls before hiding them. + useEffect(() => { + const floorSelector = floorSelectorRef.current; + if (!floorSelector) return; + + const checkOverlap = () => { + if (overlapTimerRef.current) { + clearTimeout(overlapTimerRef.current); + } + + const button = floorSelector.querySelector('.mi-floor-selector__button'); + if (!button) return; + + const isOpen = button.classList.contains('mi-floor-selector__button--open'); + + if (!isOpen) { + setIsFloorSelectorExpanded(false); + return; + } + + // Wait for the list expansion animation (50ms) to finish before measuring + overlapTimerRef.current = setTimeout(() => { + const bottomControls = bottomControlsRef.current; + if (!bottomControls) { + setIsFloorSelectorExpanded(false); + return; + } + + const selectorEl = floorSelector.querySelector('.mi-floor-selector') || floorSelector; + const selectorRect = selectorEl.getBoundingClientRect(); + const controlsRect = bottomControls.getBoundingClientRect(); + + setIsFloorSelectorExpanded(selectorRect.bottom > controlsRect.top); + }, 50); + }; + + const observer = new MutationObserver(checkOverlap); + observer.observe(floorSelector, { + subtree: true, + attributes: true, + attributeFilter: ['class'] + }); + + return () => { + observer.disconnect(); + if (overlapTimerRef.current) { + clearTimeout(overlapTimerRef.current); + } + }; + }, [mapsIndoorsInstance, mapInstance]); + if (isKiosk) { if (enableAccessibilityKioskControls) { return ( @@ -274,7 +329,7 @@ function MapControls({ mapType, mapsIndoorsInstance, mapInstance, onPositionCont {/* Bottom right desktop controls */} -
+
{shouldRenderElement('zoomControls') && ( )} From 8e96fa5ca2cf604666b0a1cd48061fa36c7be7e8 Mon Sep 17 00:00:00 2001 From: Mateusz Date: Fri, 27 Mar 2026 09:49:45 +0100 Subject: [PATCH 02/11] Add visibility control for bottom controls in MapControls when floor selector is expanded --- .../src/components/MIMap/MapControls/MapControls.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/packages/map-template/src/components/MIMap/MapControls/MapControls.scss b/packages/map-template/src/components/MIMap/MapControls/MapControls.scss index 68b30d4a6..1c630c9bf 100644 --- a/packages/map-template/src/components/MIMap/MapControls/MapControls.scss +++ b/packages/map-template/src/components/MIMap/MapControls/MapControls.scss @@ -39,6 +39,12 @@ right: calc(1 * var(--spacing-medium)); } +// Hide bottom controls when the floor selector is expanded to prevent occlusion +.map-controls-container--floor-selector-open { + visibility: hidden; + pointer-events: none; +} + // Mobile layout, two columns aligned to the top left and right .mobile-column { @extend %control-container; From faba81f0b2e60c83ba279ff7fa134454701c7105 Mon Sep 17 00:00:00 2001 From: Mateusz Date: Fri, 27 Mar 2026 09:51:57 +0100 Subject: [PATCH 03/11] Release @mapsindoors/map-template@1.96.20 - Fix overlap issue between expanded Floor Selector and Zoom Controls/Full Screen button --- packages/map-template/CHANGELOG.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/packages/map-template/CHANGELOG.md b/packages/map-template/CHANGELOG.md index e295f7cf0..5f106603c 100644 --- a/packages/map-template/CHANGELOG.md +++ b/packages/map-template/CHANGELOG.md @@ -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.20] - 2026-03-27 + +### Fixed + +- An issue when expanded Floor Selector would overlap Zoom Controls and Full Screen butto. + ## [1.96.19] - 2026-03-26 ### Fixed From 5619af21669cca5239c1e25800ac427e85444a5a Mon Sep 17 00:00:00 2001 From: Mateusz Date: Fri, 27 Mar 2026 10:05:40 +0100 Subject: [PATCH 04/11] Refactor MapControls to improve floor selector overlap detection and responsiveness. Added a measureOverlap function to handle overlap checks and updated the observer for class changes. Adjusted event listeners for viewport changes to ensure accurate overlap measurement when the floor selector is open. --- packages/map-template/CHANGELOG.md | 2 +- .../MIMap/MapControls/MapControls.jsx | 64 +++++++++++++------ 2 files changed, 47 insertions(+), 19 deletions(-) diff --git a/packages/map-template/CHANGELOG.md b/packages/map-template/CHANGELOG.md index 5f106603c..1b08318b5 100644 --- a/packages/map-template/CHANGELOG.md +++ b/packages/map-template/CHANGELOG.md @@ -9,7 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ### Fixed -- An issue when expanded Floor Selector would overlap Zoom Controls and Full Screen butto. +- An issue when expanded Floor Selector would overlap Zoom Controls and Full Screen button. ## [1.96.19] - 2026-03-26 diff --git a/packages/map-template/src/components/MIMap/MapControls/MapControls.jsx b/packages/map-template/src/components/MIMap/MapControls/MapControls.jsx index 9edd40df9..b5cbeabe5 100644 --- a/packages/map-template/src/components/MIMap/MapControls/MapControls.jsx +++ b/packages/map-template/src/components/MIMap/MapControls/MapControls.jsx @@ -62,8 +62,27 @@ function MapControls({ mapType, mapsIndoorsInstance, mapInstance, onPositionCont const positionButtonRef = useRef(null); const bottomControlsRef = useRef(null); const overlapTimerRef = useRef(null); + const isFloorSelectorOpenRef = useRef(false); const [isFloorSelectorExpanded, setIsFloorSelectorExpanded] = useState(false); + // Measures whether the expanded floor selector overlaps the bottom controls. + // Uses only refs and stable setters so the dependency array can stay empty. + const measureOverlap = useCallback(() => { + const bottomControls = bottomControlsRef.current; + const floorSelector = floorSelectorRef.current; + + if (!bottomControls || !floorSelector) { + setIsFloorSelectorExpanded(false); + return; + } + + const selectorEl = floorSelector.querySelector('.mi-floor-selector') || floorSelector; + const selectorRect = selectorEl.getBoundingClientRect(); + const controlsRect = bottomControls.getBoundingClientRect(); + + setIsFloorSelectorExpanded(selectorRect.bottom > controlsRect.top); + }, []); + // Helper function to check if an element should be rendered const shouldRenderElement = useCallback((elementName) => { // Check if the element is in the excluded list @@ -213,13 +232,13 @@ function MapControls({ mapType, mapsIndoorsInstance, mapInstance, onPositionCont }); }, [excludedElements, shouldRenderElement, isDesktop]); - // Observe the floor selector's toggle button class to detect expansion, - // then check whether it actually overlaps the bottom controls before hiding them. + // Observe the floor selector's toggle button class to detect open/close, + // then measure overlap after the expansion animation finishes. useEffect(() => { const floorSelector = floorSelectorRef.current; if (!floorSelector) return; - const checkOverlap = () => { + const onClassChange = () => { if (overlapTimerRef.current) { clearTimeout(overlapTimerRef.current); } @@ -228,6 +247,7 @@ function MapControls({ mapType, mapsIndoorsInstance, mapInstance, onPositionCont if (!button) return; const isOpen = button.classList.contains('mi-floor-selector__button--open'); + isFloorSelectorOpenRef.current = isOpen; if (!isOpen) { setIsFloorSelectorExpanded(false); @@ -235,22 +255,10 @@ function MapControls({ mapType, mapsIndoorsInstance, mapInstance, onPositionCont } // Wait for the list expansion animation (50ms) to finish before measuring - overlapTimerRef.current = setTimeout(() => { - const bottomControls = bottomControlsRef.current; - if (!bottomControls) { - setIsFloorSelectorExpanded(false); - return; - } - - const selectorEl = floorSelector.querySelector('.mi-floor-selector') || floorSelector; - const selectorRect = selectorEl.getBoundingClientRect(); - const controlsRect = bottomControls.getBoundingClientRect(); - - setIsFloorSelectorExpanded(selectorRect.bottom > controlsRect.top); - }, 50); + overlapTimerRef.current = setTimeout(measureOverlap, 50); }; - const observer = new MutationObserver(checkOverlap); + const observer = new MutationObserver(onClassChange); observer.observe(floorSelector, { subtree: true, attributes: true, @@ -263,7 +271,27 @@ function MapControls({ mapType, mapsIndoorsInstance, mapInstance, onPositionCont clearTimeout(overlapTimerRef.current); } }; - }, [mapsIndoorsInstance, mapInstance]); + }, [mapsIndoorsInstance, mapInstance, measureOverlap]); + + // Recompute overlap on viewport resize, orientation change, and layout transitions. + useEffect(() => { + const onViewportChange = () => { + if (isFloorSelectorOpenRef.current) { + measureOverlap(); + } + }; + + window.addEventListener('resize', onViewportChange); + window.addEventListener('orientationchange', onViewportChange); + + // Re-check immediately after a layout switch while the selector is already open + onViewportChange(); + + return () => { + window.removeEventListener('resize', onViewportChange); + window.removeEventListener('orientationchange', onViewportChange); + }; + }, [isDesktop, isKiosk, measureOverlap]); if (isKiosk) { if (enableAccessibilityKioskControls) { From dda22db4da2334e03f66e551a9380231f2221e24 Mon Sep 17 00:00:00 2001 From: Mateusz Date: Fri, 27 Mar 2026 11:02:44 +0100 Subject: [PATCH 05/11] Refactor MapControls to utilize a custom hook for floor selector toggle observation, improving overlap detection and code organization. The new useFloorSelectorToggleObserver hook encapsulates the logic for monitoring the floor selector's state and measuring overlap with bottom controls. --- .../MIMap/MapControls/MapControls.jsx | 50 +++------------- .../hooks/useFloorSelectorToggleObserver.js | 58 +++++++++++++++++++ 2 files changed, 66 insertions(+), 42 deletions(-) create mode 100644 packages/map-template/src/hooks/useFloorSelectorToggleObserver.js diff --git a/packages/map-template/src/components/MIMap/MapControls/MapControls.jsx b/packages/map-template/src/components/MIMap/MapControls/MapControls.jsx index b5cbeabe5..799e08c62 100644 --- a/packages/map-template/src/components/MIMap/MapControls/MapControls.jsx +++ b/packages/map-template/src/components/MIMap/MapControls/MapControls.jsx @@ -2,6 +2,7 @@ import { useEffect, useRef, useState, useCallback, useMemo, memo } from 'react'; import PropTypes from 'prop-types'; import './MapControls.scss'; import { useIsDesktop } from '../../../hooks/useIsDesktop'; +import { useFloorSelectorToggleObserver } from '../../../hooks/useFloorSelectorToggleObserver'; import CustomPositionProvider from '../../../utils/CustomPositionProvider'; import MapZoomControl from '../MapZoomControl/MapZoomControl'; import TextSizeButton from '../TextSizeButton/TextSizeButton'; @@ -61,8 +62,6 @@ function MapControls({ mapType, mapsIndoorsInstance, mapInstance, onPositionCont const floorSelectorRef = useRef(null); const positionButtonRef = useRef(null); const bottomControlsRef = useRef(null); - const overlapTimerRef = useRef(null); - const isFloorSelectorOpenRef = useRef(false); const [isFloorSelectorExpanded, setIsFloorSelectorExpanded] = useState(false); // Measures whether the expanded floor selector overlaps the bottom controls. @@ -232,46 +231,13 @@ function MapControls({ mapType, mapsIndoorsInstance, mapInstance, onPositionCont }); }, [excludedElements, shouldRenderElement, isDesktop]); - // Observe the floor selector's toggle button class to detect open/close, - // then measure overlap after the expansion animation finishes. - useEffect(() => { - const floorSelector = floorSelectorRef.current; - if (!floorSelector) return; - - const onClassChange = () => { - if (overlapTimerRef.current) { - clearTimeout(overlapTimerRef.current); - } - - const button = floorSelector.querySelector('.mi-floor-selector__button'); - if (!button) return; - - const isOpen = button.classList.contains('mi-floor-selector__button--open'); - isFloorSelectorOpenRef.current = isOpen; - - if (!isOpen) { - setIsFloorSelectorExpanded(false); - return; - } - - // Wait for the list expansion animation (50ms) to finish before measuring - overlapTimerRef.current = setTimeout(measureOverlap, 50); - }; - - const observer = new MutationObserver(onClassChange); - observer.observe(floorSelector, { - subtree: true, - attributes: true, - attributeFilter: ['class'] - }); - - return () => { - observer.disconnect(); - if (overlapTimerRef.current) { - clearTimeout(overlapTimerRef.current); - } - }; - }, [mapsIndoorsInstance, mapInstance, measureOverlap]); + const isFloorSelectorOpenRef = useFloorSelectorToggleObserver({ + floorSelectorRef, + setIsFloorSelectorExpanded, + measureOverlap, + mapsIndoorsInstance, + mapInstance + }); // Recompute overlap on viewport resize, orientation change, and layout transitions. useEffect(() => { diff --git a/packages/map-template/src/hooks/useFloorSelectorToggleObserver.js b/packages/map-template/src/hooks/useFloorSelectorToggleObserver.js new file mode 100644 index 000000000..42140dd36 --- /dev/null +++ b/packages/map-template/src/hooks/useFloorSelectorToggleObserver.js @@ -0,0 +1,58 @@ +import { useEffect, useRef } from 'react'; + +/** + * Observes the floor selector's toggle button class to detect open/close, + * then measures overlap after the expansion animation finishes. + * + * @param {Object} params + * @param {React.RefObject} params.floorSelectorRef - Ref to the floor selector element + * @param {Function} params.setIsFloorSelectorExpanded - State setter for floor selector expansion + * @param {Function} params.measureOverlap - Callback to measure overlap between floor selector and bottom controls + * @param {Object} params.mapsIndoorsInstance - MapsIndoors SDK instance (dependency trigger) + * @param {Object} params.mapInstance - Map instance (dependency trigger) + * @returns {React.RefObject} isFloorSelectorOpenRef - Ref tracking whether the floor selector is open + */ +export function useFloorSelectorToggleObserver({ floorSelectorRef, setIsFloorSelectorExpanded, measureOverlap, mapsIndoorsInstance, mapInstance }) { + const overlapTimerRef = useRef(null); + const isFloorSelectorOpenRef = useRef(false); + + useEffect(() => { + const floorSelector = floorSelectorRef.current; + if (!floorSelector) return; + + const onClassChange = () => { + if (overlapTimerRef.current) { + clearTimeout(overlapTimerRef.current); + } + + const button = floorSelector.querySelector('.mi-floor-selector__button'); + if (!button) return; + + const isOpen = button.classList.contains('mi-floor-selector__button--open'); + isFloorSelectorOpenRef.current = isOpen; + + if (!isOpen) { + setIsFloorSelectorExpanded(false); + return; + } + + overlapTimerRef.current = setTimeout(measureOverlap, 50); + }; + + const observer = new MutationObserver(onClassChange); + observer.observe(floorSelector, { + subtree: true, + attributes: true, + attributeFilter: ['class'] + }); + + return () => { + observer.disconnect(); + if (overlapTimerRef.current) { + clearTimeout(overlapTimerRef.current); + } + }; + }, [floorSelectorRef, setIsFloorSelectorExpanded, measureOverlap, mapsIndoorsInstance, mapInstance]); + + return isFloorSelectorOpenRef; +} From 554e118c319984f0e95e96a57d50f7cd157a7725 Mon Sep 17 00:00:00 2001 From: Mateusz Date: Fri, 27 Mar 2026 11:57:12 +0100 Subject: [PATCH 06/11] Update CHANGELOG to include new custom hook `useFloorSelectorToggleObserver` and its integration in MapControls for improved floor selector functionality. --- packages/map-template/CHANGELOG.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/map-template/CHANGELOG.md b/packages/map-template/CHANGELOG.md index 1b08318b5..0bd9fc460 100644 --- a/packages/map-template/CHANGELOG.md +++ b/packages/map-template/CHANGELOG.md @@ -10,6 +10,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 ### Fixed - An issue when expanded Floor Selector would overlap Zoom Controls and Full Screen button. +- Added a new custom hook `useFloorSelectorToggleObserver.js`. +- Added newly created observer to MapControls.jsx ## [1.96.19] - 2026-03-26 From 66d88cbca0f8007419d1a5ef90bc29eb7fad1f0f Mon Sep 17 00:00:00 2001 From: Mateusz Date: Fri, 27 Mar 2026 12:46:25 +0100 Subject: [PATCH 07/11] Update minZoom configuration in MapTemplate to use appConfig setting or fallback to default value --- .../map-template/src/components/MapTemplate/MapTemplate.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/map-template/src/components/MapTemplate/MapTemplate.jsx b/packages/map-template/src/components/MapTemplate/MapTemplate.jsx index fd802b95e..fd290da14 100644 --- a/packages/map-template/src/components/MapTemplate/MapTemplate.jsx +++ b/packages/map-template/src/components/MapTemplate/MapTemplate.jsx @@ -524,7 +524,7 @@ function MapTemplate({ apiKey, gmApiKey, mapboxAccessToken, venue, locationId, p : appConfig?.appSettings?.showMapMarkers), miTransitionLevel: miTransitionLevel, // If ignoreViewportBounds is true, we would like to see the map at the minimum zoom level (World Map). - minZoom: appConfig?.appSettings?.ignoreViewportBounds ? 1 : ZoomLevelValues.minZoom, + minZoom: appConfig?.appSettings?.minZoom ?? ZoomLevelValues.minZoom, mapboxMapStyle: appConfig?.appSettings?.mapboxMapStyle || mapboxMapStyle, // Boolean from the App Config comes as a string. We need to return clean boolean value based on that. enableFullScreenButton: From 8255dbd69e610d1fe86bd9eed51fa068df56a5ee Mon Sep 17 00:00:00 2001 From: Mateusz Date: Fri, 27 Mar 2026 12:49:06 +0100 Subject: [PATCH 08/11] Update CHANGELOG to reflect the addition of configurable minZoom setting via App Config, defaulting to 10. --- packages/map-template/CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/map-template/CHANGELOG.md b/packages/map-template/CHANGELOG.md index 0bd9fc460..f1888e8d7 100644 --- a/packages/map-template/CHANGELOG.md +++ b/packages/map-template/CHANGELOG.md @@ -12,6 +12,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - An issue when expanded Floor Selector would overlap Zoom Controls and Full Screen button. - Added a new custom hook `useFloorSelectorToggleObserver.js`. - Added newly created observer to MapControls.jsx +- `minZoom` can be now configurable via App Config object, otherwise it defaults to 10. ## [1.96.19] - 2026-03-26 From 5c54c19ac810897f4e8d4cba786bd3c91a6a6ea4 Mon Sep 17 00:00:00 2001 From: Mateusz Date: Fri, 27 Mar 2026 13:06:50 +0100 Subject: [PATCH 09/11] Update CHANGELOG and upgrade Web SDK to version 4.57.0 in MapTemplate components --- packages/map-template/CHANGELOG.md | 1 + packages/map-template/index.html | 4 ++-- .../map-template/src/components/MapTemplate/MapTemplate.jsx | 6 ++++-- 3 files changed, 7 insertions(+), 4 deletions(-) diff --git a/packages/map-template/CHANGELOG.md b/packages/map-template/CHANGELOG.md index f1888e8d7..3d776cac6 100644 --- a/packages/map-template/CHANGELOG.md +++ b/packages/map-template/CHANGELOG.md @@ -13,6 +13,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - Added a new custom hook `useFloorSelectorToggleObserver.js`. - Added newly created observer to MapControls.jsx - `minZoom` can be now configurable via App Config object, otherwise it defaults to 10. +- Upgraded to Web SDK 4.57.0. ## [1.96.19] - 2026-03-26 diff --git a/packages/map-template/index.html b/packages/map-template/index.html index 3920a45de..235749219 100644 --- a/packages/map-template/index.html +++ b/packages/map-template/index.html @@ -6,8 +6,8 @@ MapsIndoors Web - diff --git a/packages/map-template/src/components/MapTemplate/MapTemplate.jsx b/packages/map-template/src/components/MapTemplate/MapTemplate.jsx index fd290da14..162958e29 100644 --- a/packages/map-template/src/components/MapTemplate/MapTemplate.jsx +++ b/packages/map-template/src/components/MapTemplate/MapTemplate.jsx @@ -240,8 +240,8 @@ function MapTemplate({ apiKey, gmApiKey, mapboxAccessToken, venue, locationId, p const miSdkApiTag = document.createElement('script'); miSdkApiTag.setAttribute('type', 'text/javascript'); // Remember to update the root index.html with the same version / integrity - miSdkApiTag.setAttribute('src', 'https://app.mapsindoors.com/mapsindoors/js/sdk/4.56.2/mapsindoors-4.56.2.js.gz'); - miSdkApiTag.setAttribute('integrity', 'sha384-AbC6/Ti9R/Fs5vC9Vd+dXtQvBOSMbw7PQ1+xyaL3W5et4ZuNiP1K0GdmoDZvve7G'); + miSdkApiTag.setAttribute('src', 'https://app.mapsindoors.com/mapsindoors/js/sdk/4.57.0/mapsindoors-4.57.0.js.gz'); + miSdkApiTag.setAttribute('integrity', 'sha384-Hxm9bx6t+2luBNdH7oGaUAgcZH+FMgbKfltKDlJYJsGbFnXcWH0bm6ZigXLgFmQg'); miSdkApiTag.setAttribute('crossorigin', 'anonymous'); document.body.appendChild(miSdkApiTag); miSdkApiTag.onload = () => { @@ -507,6 +507,8 @@ function MapTemplate({ apiKey, gmApiKey, mapboxAccessToken, venue, locationId, p * This effect updates the mapOptions state accordingly. */ useEffect(() => { + console.log(appConfig?.appSettings); + setMapOptions({ brandingColor: color, // Ensure showRoadNames and showMapMarkers are booleans, even if appConfig.appSettings.showRoadNames/showMapMarkers is a string From 0ed854483c2b9e1145245b5ed90a7962f04a021a Mon Sep 17 00:00:00 2001 From: Mateusz Date: Fri, 27 Mar 2026 13:06:54 +0100 Subject: [PATCH 10/11] build --- package-lock.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package-lock.json b/package-lock.json index 1c34fa1c3..534053b61 100644 --- a/package-lock.json +++ b/package-lock.json @@ -25841,7 +25841,7 @@ }, "packages/map-template": { "name": "@mapsindoors/map-template", - "version": "1.96.18", + "version": "1.96.19", "dependencies": { "@mapsindoors/components": "*", "@mapsindoors/css": "^3.0.0", From d366ee064c25f26de9023ad89f0af902e949f139 Mon Sep 17 00:00:00 2001 From: Mateusz Date: Fri, 27 Mar 2026 13:11:22 +0100 Subject: [PATCH 11/11] Remove console log from useEffect in MapTemplate to clean up code --- .../map-template/src/components/MapTemplate/MapTemplate.jsx | 2 -- 1 file changed, 2 deletions(-) diff --git a/packages/map-template/src/components/MapTemplate/MapTemplate.jsx b/packages/map-template/src/components/MapTemplate/MapTemplate.jsx index 162958e29..d5b7c1d93 100644 --- a/packages/map-template/src/components/MapTemplate/MapTemplate.jsx +++ b/packages/map-template/src/components/MapTemplate/MapTemplate.jsx @@ -507,8 +507,6 @@ function MapTemplate({ apiKey, gmApiKey, mapboxAccessToken, venue, locationId, p * This effect updates the mapOptions state accordingly. */ useEffect(() => { - console.log(appConfig?.appSettings); - setMapOptions({ brandingColor: color, // Ensure showRoadNames and showMapMarkers are booleans, even if appConfig.appSettings.showRoadNames/showMapMarkers is a string