FCE-2467: Implement proper crypto polyfil (#442)

## Description

- use `react-native-get-random-values` as `getRandomValues`.

## Motivation and Context

- We had a temporary implmenation. 

## Documentation impact

- [ ] Documentation update required
- [ ] Documentation updated [in another PR](_)
- [x] No documentation update required

## Types of changes

- [ ] Bug fix (non-breaking change which fixes an issue)
- [ ] New feature (non-breaking change which adds functionality)
- [ ] Breaking change (fix or feature that would cause existing
functionality to
      not work as expected)

Author: MiloszFilimowski

packages/mobile-client/package.json

@@ -43,7 +43,8 @@
   },
   "dependencies": {
     "@fishjam-cloud/react-client": "workspace:*",
-    "@fishjam-cloud/react-native-webrtc": "git+https://github.com/fishjam-cloud/fishjam-react-native-webrtc.git#abdf79afed7ebe2a91bce23351f01f63decd49bb"
+    "@fishjam-cloud/react-native-webrtc": "git+https://github.com/fishjam-cloud/fishjam-react-native-webrtc.git#abdf79afed7ebe2a91bce23351f01f63decd49bb",
+    "react-native-get-random-values": "^1.11.0"
   },
   "devDependencies": {
     "@types/promise-fs": "^2.1.2",

packages/mobile-client/src/webrtc-polyfill.ts

@@ -1,3 +1,5 @@
+import 'react-native-get-random-values';
+
 // @ts-ignore - event-target-shim types not properly exported via package.json exports
 import { EventTarget } from 'event-target-shim';
 
@@ -9,24 +11,6 @@ import { LocalStoragePolyfill } from './polyfills/local-storage';
 const registerGlobalsPolyfill = () => {
   (global as unknown as { EventTarget: typeof EventTarget }).EventTarget = EventTarget;
   (global as unknown as { localStorage: typeof localStorage }).localStorage = new LocalStoragePolyfill();
-  (global as unknown as { crypto: { getRandomValues: (array: Uint8Array) => void } }).crypto = {
-    getRandomValues: function (array: Uint8Array) {
-      for (let i = 0; i < array.length; i++) {
-        array[i] = Math.floor(Math.random() * 256);
-      }
-      return array;
-    },
-  };
-
-  // TODO: FCE-2467 Implement proper polyfill for crypto
-  (global as unknown as { crypto: { getRandomValues: (array: Uint8Array) => void } }).crypto.getRandomValues =
-    function (array: Uint8Array) {
-      for (let i = 0; i < array.length; i++) {
-        array[i] = Math.floor(Math.random() * 256);
-      }
-      return array;
-    };
-
   registerGlobals();
   // Custom overrides
   (globalThis.RTCPeerConnection as unknown as typeof RTCPeerConnection) = RTCPeerConnection;

yarn.lock

@@ -3247,6 +3247,7 @@ __metadata:
     eslint-plugin-prettier: "npm:^5.5.1"
     expo-module-scripts: "npm:^5.0.7"
     promise-fs: "npm:^2.1.1"
+    react-native-get-random-values: "npm:^1.11.0"
   peerDependencies:
     expo: "*"
     react: "*"
@@ -10508,6 +10509,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fast-base64-decode@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "fast-base64-decode@npm:1.0.0"
+  checksum: 10c0/6d8feab513222a463d1cb58d24e04d2e04b0791ac6559861f99543daaa590e2636d040d611b40a50799bfb5c5304265d05e3658b5adf6b841a50ef6bf833d821
+  languageName: node
+  linkType: hard
+
 "fast-deep-equal@npm:^3.1.1, fast-deep-equal@npm:^3.1.3":
   version: 3.1.3
   resolution: "fast-deep-equal@npm:3.1.3"
@@ -15280,6 +15288,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"react-native-get-random-values@npm:^1.11.0":
+  version: 1.11.0
+  resolution: "react-native-get-random-values@npm:1.11.0"
+  dependencies:
+    fast-base64-decode: "npm:^1.0.0"
+  peerDependencies:
+    react-native: ">=0.56"
+  checksum: 10c0/2ce71f1ab7f5b36d4a9dd59cc80b4aa75526f047c6680a7f1a388fa8b9a62efdacaf7b7de3be593c73e882773b2eee74916b00f7c8b158e40b46388998218586
+  languageName: node
+  linkType: hard
+
 "react-native-is-edge-to-edge@npm:^1.2.1":
   version: 1.2.1
   resolution: "react-native-is-edge-to-edge@npm:1.2.1"