@rnmapbox/maps 10.1.45 → 10.2.0-beta.3

package/ios/RNMBX/RNMBXStyle.swift

@@ -61,6 +61,16 @@ func fillLayer(layer: inout FillLayer, reactStyle:Dictionary<String, Any>, oldRe
         setImageOnLayerLater: { (_) in applyUpdater { (layer: inout FillLayer) in self.setFillPattern(&layer, styleValue: styleValue) } },
         name: "Fill.\(prop)"
       )
+    } else if (prop == "fillPatternCrossFade") {
+      styleValue.setImage(
+        bridge: bridge!,
+        style: style,
+        oldValue: oldReactStyle?[prop],
+        setImageOnLayer: { (_) in self.setFillPatternCrossFade(&layer, styleValue:styleValue) },
+        isLayerStillValid: isValid,
+        setImageOnLayerLater: { (_) in applyUpdater { (layer: inout FillLayer) in self.setFillPatternCrossFade(&layer, styleValue: styleValue) } },
+        name: "Fill.\(prop)"
+      )
     } else if (prop == "fillEmissiveStrength") {
       self.setFillEmissiveStrength(&layer, styleValue:styleValue);
     } else if (prop == "fillEmissiveStrengthTransition") {
@@ -144,10 +154,36 @@ func lineLayer(layer: inout LineLayer, reactStyle:Dictionary<String, Any>, oldRe
       self.setLineGradient(&layer, styleValue:styleValue);
     } else if (prop == "lineTrimOffset") {
       self.setLineTrimOffset(&layer, styleValue:styleValue);
+    } else if (prop == "lineZOffset") {
+      self.setLineZOffset(&layer, styleValue:styleValue);
+    } else if (prop == "lineElevationReference") {
+      self.setLineElevationReference(&layer, styleValue:styleValue);
+    } else if (prop == "lineCrossSlope") {
+      self.setLineCrossSlope(&layer, styleValue:styleValue);
+    } else if (prop == "linePatternCrossFade") {
+      styleValue.setImage(
+        bridge: bridge!,
+        style: style,
+        oldValue: oldReactStyle?[prop],
+        setImageOnLayer: { (_) in self.setLinePatternCrossFade(&layer, styleValue:styleValue) },
+        isLayerStillValid: isValid,
+        setImageOnLayerLater: { (_) in applyUpdater { (layer: inout LineLayer) in self.setLinePatternCrossFade(&layer, styleValue: styleValue) } },
+        name: "Line.\(prop)"
+      )
+    } else if (prop == "lineTrimFadeRange") {
+      self.setLineTrimFadeRange(&layer, styleValue:styleValue);
+    } else if (prop == "lineTrimColor") {
+      self.setLineTrimColor(&layer, styleValue:styleValue);
+    } else if (prop == "lineTrimColorTransition") {
+      self.setLineTrimColorTransition(&layer, styleValue:styleValue);
     } else if (prop == "lineEmissiveStrength") {
       self.setLineEmissiveStrength(&layer, styleValue:styleValue);
     } else if (prop == "lineEmissiveStrengthTransition") {
       self.setLineEmissiveStrengthTransition(&layer, styleValue:styleValue);
+    } else if (prop == "lineOcclusionOpacity") {
+      self.setLineOcclusionOpacity(&layer, styleValue:styleValue);
+    } else if (prop == "lineOcclusionOpacityTransition") {
+      self.setLineOcclusionOpacityTransition(&layer, styleValue:styleValue);
     } else {
       Logger.log(level:.error, message: "Unexpected property \(prop) for layer: line")
     }
@@ -315,6 +351,12 @@ func symbolLayer(layer: inout SymbolLayer, reactStyle:Dictionary<String, Any>, o
       self.setTextTranslateAnchor(&layer, styleValue:styleValue);
     } else if (prop == "symbolZElevate") {
       self.setSymbolZElevate(&layer, styleValue:styleValue);
+    } else if (prop == "symbolElevationReference") {
+      self.setSymbolElevationReference(&layer, styleValue:styleValue);
+    } else if (prop == "iconOcclusionOpacity") {
+      self.setIconOcclusionOpacity(&layer, styleValue:styleValue);
+    } else if (prop == "iconOcclusionOpacityTransition") {
+      self.setIconOcclusionOpacityTransition(&layer, styleValue:styleValue);
     } else if (prop == "iconEmissiveStrength") {
       self.setIconEmissiveStrength(&layer, styleValue:styleValue);
     } else if (prop == "iconEmissiveStrengthTransition") {
@@ -333,6 +375,16 @@ func symbolLayer(layer: inout SymbolLayer, reactStyle:Dictionary<String, Any>, o
         setImageOnLayerLater: { (_) in applyUpdater { (layer: inout SymbolLayer) in self.setIconImageCrossFade(&layer, styleValue: styleValue) } },
         name: "Symbol.\(prop)"
       )
+    } else if (prop == "textOcclusionOpacity") {
+      self.setTextOcclusionOpacity(&layer, styleValue:styleValue);
+    } else if (prop == "textOcclusionOpacityTransition") {
+      self.setTextOcclusionOpacityTransition(&layer, styleValue:styleValue);
+    } else if (prop == "iconColorSaturation") {
+      self.setIconColorSaturation(&layer, styleValue:styleValue);
+    } else if (prop == "symbolZOffset") {
+      self.setSymbolZOffset(&layer, styleValue:styleValue);
+    } else if (prop == "symbolZOffsetTransition") {
+      self.setSymbolZOffsetTransition(&layer, styleValue:styleValue);
     } else {
       Logger.log(level:.error, message: "Unexpected property \(prop) for layer: symbol")
     }
@@ -396,6 +448,8 @@ func circleLayer(layer: inout CircleLayer, reactStyle:Dictionary<String, Any>, o
       self.setCircleStrokeOpacity(&layer, styleValue:styleValue);
     } else if (prop == "circleStrokeOpacityTransition") {
       self.setCircleStrokeOpacityTransition(&layer, styleValue:styleValue);
+    } else if (prop == "circleElevationReference") {
+      self.setCircleElevationReference(&layer, styleValue:styleValue);
     } else if (prop == "circleEmissiveStrength") {
       self.setCircleEmissiveStrength(&layer, styleValue:styleValue);
     } else if (prop == "circleEmissiveStrengthTransition") {
@@ -508,6 +562,20 @@ func fillExtrusionLayer(layer: inout FillExtrusionLayer, reactStyle:Dictionary<S
       self.setFillExtrusionAmbientOcclusionRadiusTransition(&layer, styleValue:styleValue);
     } else if (prop == "fillExtrusionRoundedRoof") {
       self.setFillExtrusionRoundedRoof(&layer, styleValue:styleValue);
+    } else if (prop == "fillExtrusionPatternCrossFade") {
+      styleValue.setImage(
+        bridge: bridge!,
+        style: style,
+        oldValue: oldReactStyle?[prop],
+        setImageOnLayer: { (_) in self.setFillExtrusionPatternCrossFade(&layer, styleValue:styleValue) },
+        isLayerStillValid: isValid,
+        setImageOnLayerLater: { (_) in applyUpdater { (layer: inout FillExtrusionLayer) in self.setFillExtrusionPatternCrossFade(&layer, styleValue: styleValue) } },
+        name: "FillExtrusion.\(prop)"
+      )
+    } else if (prop == "fillExtrusionHeightAlignment") {
+      self.setFillExtrusionHeightAlignment(&layer, styleValue:styleValue);
+    } else if (prop == "fillExtrusionBaseAlignment") {
+      self.setFillExtrusionBaseAlignment(&layer, styleValue:styleValue);
     } else if (prop == "fillExtrusionAmbientOcclusionWallRadius") {
       self.setFillExtrusionAmbientOcclusionWallRadius(&layer, styleValue:styleValue);
     } else if (prop == "fillExtrusionAmbientOcclusionWallRadiusTransition") {
@@ -550,6 +618,10 @@ func fillExtrusionLayer(layer: inout FillExtrusionLayer, reactStyle:Dictionary<S
       self.setFillExtrusionEmissiveStrength(&layer, styleValue:styleValue);
     } else if (prop == "fillExtrusionEmissiveStrengthTransition") {
       self.setFillExtrusionEmissiveStrengthTransition(&layer, styleValue:styleValue);
+    } else if (prop == "fillExtrusionLineWidth") {
+      self.setFillExtrusionLineWidth(&layer, styleValue:styleValue);
+    } else if (prop == "fillExtrusionLineWidthTransition") {
+      self.setFillExtrusionLineWidthTransition(&layer, styleValue:styleValue);
     } else {
       Logger.log(level:.error, message: "Unexpected property \(prop) for layer: fill-extrusion")
     }
@@ -611,6 +683,16 @@ func rasterLayer(layer: inout RasterLayer, reactStyle:Dictionary<String, Any>, o
       self.setRasterColorRange(&layer, styleValue:styleValue);
     } else if (prop == "rasterColorRangeTransition") {
       self.setRasterColorRangeTransition(&layer, styleValue:styleValue);
+    } else if (prop == "rasterEmissiveStrength") {
+      self.setRasterEmissiveStrength(&layer, styleValue:styleValue);
+    } else if (prop == "rasterEmissiveStrengthTransition") {
+      self.setRasterEmissiveStrengthTransition(&layer, styleValue:styleValue);
+    } else if (prop == "rasterArrayBand") {
+      self.setRasterArrayBand(&layer, styleValue:styleValue);
+    } else if (prop == "rasterElevation") {
+      self.setRasterElevation(&layer, styleValue:styleValue);
+    } else if (prop == "rasterElevationTransition") {
+      self.setRasterElevationTransition(&layer, styleValue:styleValue);
     } else {
       Logger.log(level:.error, message: "Unexpected property \(prop) for layer: raster")
     }
@@ -768,6 +850,8 @@ func backgroundLayer(layer: inout BackgroundLayer, reactStyle:Dictionary<String,
       self.setBackgroundOpacity(&layer, styleValue:styleValue);
     } else if (prop == "backgroundOpacityTransition") {
       self.setBackgroundOpacityTransition(&layer, styleValue:styleValue);
+    } else if (prop == "backgroundPitchAlignment") {
+      self.setBackgroundPitchAlignment(&layer, styleValue:styleValue);
     } else if (prop == "backgroundEmissiveStrength") {
       self.setBackgroundEmissiveStrength(&layer, styleValue:styleValue);
     } else if (prop == "backgroundEmissiveStrengthTransition") {
@@ -1028,6 +1112,17 @@ func setFillPattern(_ layer: inout FillLayer, styleValue: RNMBXStyleValue)
       
 }
 
+func setFillPatternCrossFade(_ layer: inout FillLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+      
+        
+          layer.fillPatternCrossFade = styleValue.mglStyleValueNumber();
+        
+      
+      #endif
+}
+
 func setFillEmissiveStrength(_ layer: inout FillLayer, styleValue: RNMBXStyleValue)
 {
       #if RNMBX_11
@@ -1241,6 +1336,79 @@ func setLineTrimOffset(_ layer: inout LineLayer, styleValue: RNMBXStyleValue)
       
 }
 
+func setLineZOffset(_ layer: inout LineLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+      
+        
+          layer.lineZOffset = styleValue.mglStyleValueNumber();
+        
+      
+      #endif
+}
+
+func setLineElevationReference(_ layer: inout LineLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+      
+        
+          layer.lineElevationReference = styleValue.mglStyleValueEnum(); 
+        
+      
+      #endif
+}
+
+func setLineCrossSlope(_ layer: inout LineLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+      
+        
+          layer.lineCrossSlope = styleValue.mglStyleValueNumber();
+        
+      
+      #endif
+}
+
+func setLinePatternCrossFade(_ layer: inout LineLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+      
+        
+          layer.linePatternCrossFade = styleValue.mglStyleValueNumber();
+        
+      
+      #endif
+}
+
+func setLineTrimFadeRange(_ layer: inout LineLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+      
+        
+          layer.lineTrimFadeRange = styleValue.mglStyleValueArrayNumber();
+         
+      
+      #endif
+}
+
+func setLineTrimColor(_ layer: inout LineLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+      
+        
+          layer.lineTrimColor = styleValue.mglStyleValueColor();
+        
+      
+      #endif
+}
+
+func setLineTrimColorTransition(_ layer: inout LineLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+    layer.lineTrimColorTransition = styleValue.getTransition();
+      #endif
+}
+
 func setLineEmissiveStrength(_ layer: inout LineLayer, styleValue: RNMBXStyleValue)
 {
       #if RNMBX_11
@@ -1259,6 +1427,24 @@ func setLineEmissiveStrengthTransition(_ layer: inout LineLayer, styleValue: RNM
       #endif
 }
 
+func setLineOcclusionOpacity(_ layer: inout LineLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+      
+        
+          layer.lineOcclusionOpacity = styleValue.mglStyleValueNumber();
+        
+      
+      #endif
+}
+
+func setLineOcclusionOpacityTransition(_ layer: inout LineLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+    layer.lineOcclusionOpacityTransition = styleValue.getTransition();
+      #endif
+}
+
 
 
 func setSymbolPlacement(_ layer: inout SymbolLayer, styleValue: RNMBXStyleValue)
@@ -1832,6 +2018,35 @@ func setSymbolZElevate(_ layer: inout SymbolLayer, styleValue: RNMBXStyleValue)
       #endif
 }
 
+func setSymbolElevationReference(_ layer: inout SymbolLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+      
+        
+          layer.symbolElevationReference = styleValue.mglStyleValueEnum(); 
+        
+      
+      #endif
+}
+
+func setIconOcclusionOpacity(_ layer: inout SymbolLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+      
+        
+          layer.iconOcclusionOpacity = styleValue.mglStyleValueNumber();
+        
+      
+      #endif
+}
+
+func setIconOcclusionOpacityTransition(_ layer: inout SymbolLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+    layer.iconOcclusionOpacityTransition = styleValue.getTransition();
+      #endif
+}
+
 func setIconEmissiveStrength(_ layer: inout SymbolLayer, styleValue: RNMBXStyleValue)
 {
       #if RNMBX_11
@@ -1879,6 +2094,53 @@ func setIconImageCrossFade(_ layer: inout SymbolLayer, styleValue: RNMBXStyleVal
       #endif
 }
 
+func setTextOcclusionOpacity(_ layer: inout SymbolLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+      
+        
+          layer.textOcclusionOpacity = styleValue.mglStyleValueNumber();
+        
+      
+      #endif
+}
+
+func setTextOcclusionOpacityTransition(_ layer: inout SymbolLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+    layer.textOcclusionOpacityTransition = styleValue.getTransition();
+      #endif
+}
+
+func setIconColorSaturation(_ layer: inout SymbolLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+      
+        
+          layer.iconColorSaturation = styleValue.mglStyleValueNumber();
+        
+      
+      #endif
+}
+
+func setSymbolZOffset(_ layer: inout SymbolLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+      
+        
+          layer.symbolZOffset = styleValue.mglStyleValueNumber();
+        
+      
+      #endif
+}
+
+func setSymbolZOffsetTransition(_ layer: inout SymbolLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+    layer.symbolZOffsetTransition = styleValue.getTransition();
+      #endif
+}
+
 
 
 func setCircleSortKey(_ layer: inout CircleLayer, styleValue: RNMBXStyleValue)
@@ -2034,6 +2296,17 @@ func setCircleStrokeOpacityTransition(_ layer: inout CircleLayer, styleValue: RN
     layer.circleStrokeOpacityTransition = styleValue.getTransition();
 }
 
+func setCircleElevationReference(_ layer: inout CircleLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+      
+        
+          layer.circleElevationReference = styleValue.mglStyleValueEnum(); 
+        
+      
+      #endif
+}
+
 func setCircleEmissiveStrength(_ layer: inout CircleLayer, styleValue: RNMBXStyleValue)
 {
       #if RNMBX_11
@@ -2273,6 +2546,39 @@ func setFillExtrusionRoundedRoof(_ layer: inout FillExtrusionLayer, styleValue:
       #endif
 }
 
+func setFillExtrusionPatternCrossFade(_ layer: inout FillExtrusionLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+      
+        
+          layer.fillExtrusionPatternCrossFade = styleValue.mglStyleValueNumber();
+        
+      
+      #endif
+}
+
+func setFillExtrusionHeightAlignment(_ layer: inout FillExtrusionLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+      
+        
+          layer.fillExtrusionHeightAlignment = styleValue.mglStyleValueEnum(); 
+        
+      
+      #endif
+}
+
+func setFillExtrusionBaseAlignment(_ layer: inout FillExtrusionLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+      
+        
+          layer.fillExtrusionBaseAlignment = styleValue.mglStyleValueEnum(); 
+        
+      
+      #endif
+}
+
 func setFillExtrusionAmbientOcclusionWallRadius(_ layer: inout FillExtrusionLayer, styleValue: RNMBXStyleValue)
 {
       #if RNMBX_11
@@ -2464,6 +2770,24 @@ func setFillExtrusionEmissiveStrengthTransition(_ layer: inout FillExtrusionLaye
       #endif
 }
 
+func setFillExtrusionLineWidth(_ layer: inout FillExtrusionLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+      
+        
+          layer.fillExtrusionLineWidth = styleValue.mglStyleValueNumber();
+        
+      
+      #endif
+}
+
+func setFillExtrusionLineWidthTransition(_ layer: inout FillExtrusionLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+    layer.fillExtrusionLineWidthTransition = styleValue.getTransition();
+      #endif
+}
+
 
 
 func setRasterStyleLayerVisibility(_ layer: inout RasterLayer, styleValue: RNMBXStyleValue)
@@ -2620,6 +2944,53 @@ func setRasterColorRangeTransition(_ layer: inout RasterLayer, styleValue: RNMBX
       #endif
 }
 
+func setRasterEmissiveStrength(_ layer: inout RasterLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+      
+        
+          layer.rasterEmissiveStrength = styleValue.mglStyleValueNumber();
+        
+      
+      #endif
+}
+
+func setRasterEmissiveStrengthTransition(_ layer: inout RasterLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+    layer.rasterEmissiveStrengthTransition = styleValue.getTransition();
+      #endif
+}
+
+func setRasterArrayBand(_ layer: inout RasterLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+      
+        
+          layer.rasterArrayBand = styleValue.mglStyleValueString();
+        
+      
+      #endif
+}
+
+func setRasterElevation(_ layer: inout RasterLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+      
+        
+          layer.rasterElevation = styleValue.mglStyleValueNumber();
+        
+      
+      #endif
+}
+
+func setRasterElevationTransition(_ layer: inout RasterLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+    layer.rasterElevationTransition = styleValue.getTransition();
+      #endif
+}
+
 
 
 func setHillshadeStyleLayerVisibility(_ layer: inout HillshadeLayer, styleValue: RNMBXStyleValue)
@@ -2979,6 +3350,17 @@ func setBackgroundOpacityTransition(_ layer: inout BackgroundLayer, styleValue:
     layer.backgroundOpacityTransition = styleValue.getTransition();
 }
 
+func setBackgroundPitchAlignment(_ layer: inout BackgroundLayer, styleValue: RNMBXStyleValue)
+{
+      #if RNMBX_11
+      
+        
+          layer.backgroundPitchAlignment = styleValue.mglStyleValueEnum(); 
+        
+      
+      #endif
+}
+
 func setBackgroundEmissiveStrength(_ layer: inout BackgroundLayer, styleValue: RNMBXStyleValue)
 {
       #if RNMBX_11

package/lib/commonjs/plugin/build/generateCode.js

@@ -67,7 +67,6 @@ function addLines(content, find, offset, toAdd) {
     let lineIndex = lines.findIndex((line) => line.match(find));
     if (lineIndex < 0) {
         const error = new Error(`Failed to match "${find}" in contents:\n${content}`);
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore
         error.code = 'ERR_NO_MATCH';
         throw error;

package/lib/commonjs/plugin/build/withMapbox.js

@@ -61,6 +61,8 @@ const addConstantBlock = (src, { RNMapboxMapsImpl, RNMapboxMapsVersion, RNMapbox
     }
     const newSrc = [];
     if (RNMapboxMapsDownloadToken) {
+        console.warn('⚠️ RNMapbox: RNMapboxMapsDownloadToken is deprecated. Use RNMAPBOX_MAPS_DOWNLOAD_TOKEN environment variable instead.');
+        console.warn('⚠️ RNMapbox: This token will be part of your Podfile. Be careful about committing it to source control.');
         newSrc.push(`$RNMapboxMapsDownloadToken = '${RNMapboxMapsDownloadToken}'`);
     }
     if (RNMapboxMapsImpl) {
@@ -132,6 +134,8 @@ const withCocoaPodsInstallerBlocks = (config, { RNMapboxMapsImpl, RNMapboxMapsVe
 const withAndroidPropertiesDownloadToken = (config, { RNMapboxMapsDownloadToken }) => {
     const key = 'MAPBOX_DOWNLOADS_TOKEN';
     if (RNMapboxMapsDownloadToken) {
+        console.warn('⚠️ WARNING: RNMapboxMapsDownloadToken is deprecated. Use RNMAPBOX_MAPS_DOWNLOAD_TOKEN environment variable instead.');
+        console.warn('⚠️ WARNING: This token will be part of your gradle.properties. Be careful about committing it to source control.');
         return (0, config_plugins_1.withGradleProperties)(config, (exportedConfig) => {
             exportedConfig.modResults = exportedConfig.modResults.filter((item) => !(item.type === 'property' && item.key === key));
             exportedConfig.modResults.push({
@@ -207,10 +211,16 @@ allprojects {
   repositories {
     maven {
       url 'https://api.mapbox.com/downloads/v2/releases/maven'
-      authentication { basic(BasicAuthentication) }
-      credentials {
-        username = 'mapbox'
-        password = project.properties['MAPBOX_DOWNLOADS_TOKEN'] ?: ""
+      // Authentication is no longer required as per Mapbox's removal of download token requirement
+      // See: https://github.com/mapbox/mapbox-maps-flutter/issues/775
+      // Keeping this as optional for backward compatibility
+      def token = project.properties['MAPBOX_DOWNLOADS_TOKEN'] ?: System.getenv('RNMAPBOX_MAPS_DOWNLOAD_TOKEN')
+      if (token) {
+        authentication { basic(BasicAuthentication) }
+        credentials {
+          username = 'mapbox'
+          password = token
+        }
       }
     }
   }

package/lib/commonjs/plugin/install.md

@@ -28,23 +28,15 @@ After installing this package, add the [config plugin](https://docs.expo.io/guid
 }
 ```
 
-You'll need to provide `RNMapboxMapsDownloadToken` as well. This secret token requires the `DOWNLOADS:READ` scope. You can refer to the [iOS guide](https://docs.mapbox.com/ios/maps/guides/install/#configure-credentials), which explains how to configure this token under the section `Configure your secret token`.
+You'll need to provide a download token. Set the `RNMAPBOX_MAPS_DOWNLOAD_TOKEN` environment variable to your download token (requires the `DOWNLOADS:READ` scope):
 
-```json
-{
-  "expo": {
-    "plugins": [
-      [
-        "@rnmapbox/maps",
-        {
-          "RNMapboxMapsDownloadToken": "sk.ey...qg"
-        }
-      ]
-    ]
-  }
-}
+```bash
+export RNMAPBOX_MAPS_DOWNLOAD_TOKEN="sk.ey...qg"
+npx expo prebuild
 ```
 
+For more information about obtaining a download token, refer to the [iOS guide](https://docs.mapbox.com/ios/maps/guides/install/#configure-credentials), which explains how to configure this token under the section `Configure your secret token`.
+
 If you want to show the user's current location on the map with the [UserLocation](../docs/UserLocation.md) component, you can use the [expo-location](https://docs.expo.dev/versions/latest/sdk/location/) plugin to configure the required `NSLocationWhenInUseUsageDescription` property. Install the plugin with `npx expo install expo-location` and add its config plugin to the plugins array of your `app.{json,config.js,config.ts}`:
 
 ```json
@@ -75,8 +67,7 @@ It's possible to overwrite the native SDK version with `RNMapboxMapsVersion`:
       [
         "@rnmapbox/maps",
         {
-          "RNMapboxMapsVersion": "10.16.2",
-          "RNMapboxMapsDownloadToken": "sk.ey...qg"
+          "RNMapboxMapsVersion": "11.16.0"
         }
       ]
     ]
@@ -93,8 +84,7 @@ To use V11 just set the version to a 11 version, see [the ios guide](/ios/instal
       [
         "@rnmapbox/maps",
         {
-          "RNMapboxMapsVersion": "11.13.4",
-          "RNMapboxMapsDownloadToken": "sk.ey...qg",
+          "RNMapboxMapsVersion": "11.13.4"
         }
       ]
     ]
@@ -102,6 +92,16 @@ To use V11 just set the version to a 11 version, see [the ios guide](/ios/instal
 }
 ```
 
+### Download Token Configuration
+
+For Expo projects, we recommend using the `RNMAPBOX_MAPS_DOWNLOAD_TOKEN` environment variable:
+
+```bash
+# Set the environment variable before building
+export RNMAPBOX_MAPS_DOWNLOAD_TOKEN="sk.ey...qg"
+npx expo prebuild
+```
+
 ## Manual Setup
 
 For bare workflow projects, you can follow the manual setup guides:

package/lib/commonjs/plugin/src/generateCode.ts

@@ -104,7 +104,6 @@ function addLines(
     const error = new Error(
       `Failed to match "${find}" in contents:\n${content}`,
     );
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     error.code = 'ERR_NO_MATCH';
     throw error;

package/lib/commonjs/plugin/src/withMapbox.ts

@@ -103,6 +103,13 @@ export const addConstantBlock = (
   const newSrc = [];
 
   if (RNMapboxMapsDownloadToken) {
+    console.warn(
+      '⚠️ RNMapbox: RNMapboxMapsDownloadToken is deprecated. Use RNMAPBOX_MAPS_DOWNLOAD_TOKEN environment variable instead.',
+    );
+    console.warn(
+      '⚠️ RNMapbox: This token will be part of your Podfile. Be careful about committing it to source control.',
+    );
+
     newSrc.push(`$RNMapboxMapsDownloadToken = '${RNMapboxMapsDownloadToken}'`);
   }
 
@@ -214,6 +221,13 @@ const withAndroidPropertiesDownloadToken: ConfigPlugin<MapboxPlugProps> = (
   const key = 'MAPBOX_DOWNLOADS_TOKEN';
 
   if (RNMapboxMapsDownloadToken) {
+    console.warn(
+      '⚠️ WARNING: RNMapboxMapsDownloadToken is deprecated. Use RNMAPBOX_MAPS_DOWNLOAD_TOKEN environment variable instead.',
+    );
+    console.warn(
+      '⚠️ WARNING: This token will be part of your gradle.properties. Be careful about committing it to source control.',
+    );
+
     return withGradleProperties(config, (exportedConfig) => {
       exportedConfig.modResults = exportedConfig.modResults.filter(
         (item) => !(item.type === 'property' && item.key === key),
@@ -317,10 +331,16 @@ allprojects {
   repositories {
     maven {
       url 'https://api.mapbox.com/downloads/v2/releases/maven'
-      authentication { basic(BasicAuthentication) }
-      credentials {
-        username = 'mapbox'
-        password = project.properties['MAPBOX_DOWNLOADS_TOKEN'] ?: ""
+      // Authentication is no longer required as per Mapbox's removal of download token requirement
+      // See: https://github.com/mapbox/mapbox-maps-flutter/issues/775
+      // Keeping this as optional for backward compatibility
+      def token = project.properties['MAPBOX_DOWNLOADS_TOKEN'] ?: System.getenv('RNMAPBOX_MAPS_DOWNLOAD_TOKEN')
+      if (token) {
+        authentication { basic(BasicAuthentication) }
+        credentials {
+          username = 'mapbox'
+          password = token
+        }
       }
     }
   }