adjust web barcode scanner constructor to only accept JS types; move hints creat…

…ion to separate method

@@ -9,6 +9,7 @@ import 'package:mobile_scanner/src/enums/torch_state.dart';
 import 'package:mobile_scanner/src/objects/barcode_capture.dart';
 import 'package:mobile_scanner/src/objects/barcode_capture.dart';
 import 'package:mobile_scanner/src/objects/start_options.dart';
 import 'package:mobile_scanner/src/objects/start_options.dart';
 import 'package:mobile_scanner/src/web/barcode_reader.dart';
 import 'package:mobile_scanner/src/web/barcode_reader.dart';
+import 'package:mobile_scanner/src/web/javascript_map.dart';
 import 'package:mobile_scanner/src/web/media_track_constraints_delegate.dart';
 import 'package:mobile_scanner/src/web/media_track_constraints_delegate.dart';
 import 'package:mobile_scanner/src/web/zxing/result.dart';
 import 'package:mobile_scanner/src/web/zxing/result.dart';
 import 'package:mobile_scanner/src/web/zxing/zxing_browser_multi_format_reader.dart';
 import 'package:mobile_scanner/src/web/zxing/zxing_browser_multi_format_reader.dart';
@@ -84,6 +85,26 @@ final class ZXingBarcodeReader extends BarcodeReader {
     }
     }
   }
   }
 
 
+  JsMap? _createReaderHints(List<BarcodeFormat> formats) {
+    if (formats.isEmpty || formats.contains(BarcodeFormat.all)) {
+      return null;
+    }
+
+    final JsMap hints = JsMap();
+
+    // Set the formats hint.
+    // See https://github.com/zxing-js/library/blob/master/src/core/DecodeHintType.ts#L45
+    hints.set(
+      2.toJS,
+      [
+        for (final BarcodeFormat format in formats)
+          getZXingBarcodeFormat(format).toJS,
+      ].toJS,
+    );
+
+    return hints;
+  }
+
   /// Prepare the [web.MediaStream] for the barcode reader video input.
   /// Prepare the [web.MediaStream] for the barcode reader video input.
   ///
   ///
   /// This method requests permission to use the camera.
   /// This method requests permission to use the camera.
@@ -242,19 +263,10 @@ final class ZXingBarcodeReader extends BarcodeReader {
       formats.removeWhere((element) => element == BarcodeFormat.unknown);
       formats.removeWhere((element) => element == BarcodeFormat.unknown);
     }
     }
 
 
-    final Map<Object?, Object?>? hints;
-
-    if (formats.isNotEmpty && !formats.contains(BarcodeFormat.all)) {
-      // Set the formats hint.
-      // See https://github.com/zxing-js/library/blob/master/src/core/DecodeHintType.ts#L45
-      hints = {
-        2: formats.map(getZXingBarcodeFormat).toList(),
-      };
-    } else {
-      hints = null;
-    }
-
-    _reader = ZXingBrowserMultiFormatReader(hints.jsify(), detectionTimeoutMs);
+    _reader = ZXingBrowserMultiFormatReader(
+      _createReaderHints(formats),
+      detectionTimeoutMs.toJS,
+    );
 
 
     final web.HTMLVideoElement videoElement =
     final web.HTMLVideoElement videoElement =
         web.document.createElement('video') as web.HTMLVideoElement;
         web.document.createElement('video') as web.HTMLVideoElement;

 import 'dart:js_interop';
 import 'dart:js_interop';
 
 
+import 'package:mobile_scanner/src/web/javascript_map.dart';
 import 'package:web/web.dart';
 import 'package:web/web.dart';
 
 
 /// The JS interop class for the ZXing BrowserMultiFormatReader.
 /// The JS interop class for the ZXing BrowserMultiFormatReader.
@@ -15,8 +16,8 @@ class ZXingBrowserMultiFormatReader {
   ///
   ///
   /// See also: https://github.com/zxing-js/library/blob/master/src/core/DecodeHintType.ts
   /// See also: https://github.com/zxing-js/library/blob/master/src/core/DecodeHintType.ts
   external factory ZXingBrowserMultiFormatReader(
   external factory ZXingBrowserMultiFormatReader(
-    JSAny? hints,
-    int? timeBetweenScansMillis,
+    JsMap? hints,
+    JSNumber? timeBetweenScansMillis,
   );
   );
 }
 }