Merged in feat/SW-2241-country-map (pull request #2808)

Feat/SW-2241 country map

Approved-by: Erik Tiekstra
Approved-by: Chuma Mcphoy (We Ahead)

packages/design-system/lib/components/Map/InteractiveMap/index.tsx

@@ -7,14 +7,9 @@ import { useIntl } from 'react-intl'
 import { IconButton } from '../../IconButton'
 import { MaterialIcon } from '../../Icons/MaterialIcon'
 
-import {
-  DEFAULT_ZOOM,
-  MAP_RESTRICTIONS,
-  MAX_ZOOM,
-  MIN_ZOOM,
-} from '../mapConstants'
+import { HOTEL_PAGE, MAP_RESTRICTIONS } from '../mapConstants'
 
-import { useZoomControls } from './useZoomControls'
+import { useZoomControls } from '@scandic-hotels/common/hooks/map/useZoomControls'
 
 import { HotelListingMapContent } from './HotelListingMapContent'
 import PoiMapMarkers from './PoiMapMarkers'
@@ -87,12 +82,12 @@ export function InteractiveMap({
   const intl = useIntl()
   const map = useMap()
   const [hasInitializedBounds, setHasInitializedBounds] = useState(false)
-  const { zoomIn, zoomOut, isMaxZoom, isMinZoom } = useZoomControls()
+  const { zoomIn, zoomOut, isMaxZoom, isMinZoom } = useZoomControls(HOTEL_PAGE)
 
   const mapOptions: MapProps = {
-    defaultZoom: DEFAULT_ZOOM,
-    minZoom: MIN_ZOOM,
-    maxZoom: MAX_ZOOM,
+    defaultZoom: HOTEL_PAGE.DEFAULT_ZOOM,
+    minZoom: HOTEL_PAGE.MIN_ZOOM,
+    maxZoom: HOTEL_PAGE.MAX_ZOOM,
     defaultCenter: coordinates,
     disableDefaultUI: true,
     clickableIcons: false,