Replace react-native-sha256 with expo-crypto for SHA256 hashing

Co-authored-by: ManAnRuck <[email protected]>

Author: Copilot

package.json

@@ -32,6 +32,7 @@
     "expo-application": "~6.0.1",
     "expo-build-properties": "~0.13.3",
     "expo-constants": "^17.0.8",
+    "expo-crypto": "^15.0.7",
     "expo-dev-client": "~5.0.20",
     "expo-device": "~7.0.3",
     "expo-linking": "~7.0.5",
@@ -59,7 +60,6 @@
     "react-native-reanimated": "~3.16.1",
     "react-native-safe-area-context": "4.12.0",
     "react-native-screens": "~4.4.0",
-    "react-native-sha256": "^1.4.10",
     "react-native-svg": "15.8.0",
     "recoil": "^0.7.7",
     "speakingurl": "^14.0.1",

src/api/apollo/Auth.ts

@@ -8,7 +8,7 @@ import AsyncStorage from "@react-native-async-storage/async-storage";
 import { ApolloLink } from "@apollo/client";
 import { setContext } from "apollo-link-context";
 import { jwtDecode } from "jwt-decode";
-import { sha256 } from "react-native-sha256";
+import { digestStringAsync, CryptoDigestAlgorithm } from "expo-crypto";
 import DeviceInfo from "react-native-device-info";
 
 interface JwtObject {
@@ -40,7 +40,7 @@ export const authLinkMiddleware = setContext(async (_, { headers }) => {
     }
   }
   // No (valid) Token present - login
-  const deviceHash = await sha256(await DeviceInfo.getUniqueId());
+  const deviceHash = await digestStringAsync(CryptoDigestAlgorithm.SHA256, await DeviceInfo.getUniqueId());
   const phoneHash = await AsyncStorage.getItem("auth_phoneHash");
   const newHeaders = {
     ...headers,

src/screens/Verification/Code.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useContext, useEffect } from "react";
 import styled from "styled-components/native";
 import { Keyboard, Alert, Dimensions, ActivityIndicator, KeyboardAvoidingView } from "react-native";
-import { sha256 } from "react-native-sha256";
+import { digestStringAsync, CryptoDigestAlgorithm } from "expo-crypto";
 import AsyncStorage from "@react-native-async-storage/async-storage";
 import Description from "./Components/Description";
 import CodeInput from "./Components/CodeInput";
@@ -55,7 +55,7 @@ export const SmsCodeInputScreen: React.FC = () => {
   const onChangeCode = async (newCode: string) => {
     setCode(newCode);
     if (newCode.length === 6) {
-      const phoneNumberHash = await sha256(phoneNumber);
+      const phoneNumberHash = await digestStringAsync(CryptoDigestAlgorithm.SHA256, phoneNumber);
       const res = await requestVerification({
         variables: {
           code: newCode,

yarn.lock

@@ -3466,7 +3466,7 @@ [email protected]:
   resolved "https://registry.yarnpkg.com/base-64/-/base-64-0.1.0.tgz#780a99c84e7d600260361511c4877613bf24f6bb"
   integrity sha512-Y5gU45svrR5tI2Vt/X9GPd3L0HNIKzGu202EjxrXMpuc2V2CiKgemAbUUsqYmZJvPtCXoUKjNZwBJzsNScUbXA==
 
-base64-js@^1.2.3, base64-js@^1.3.1, base64-js@^1.5.1:
+base64-js@^1.2.3, base64-js@^1.3.0, base64-js@^1.3.1, base64-js@^1.5.1:
   version "1.5.1"
   resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
   integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
@@ -5028,6 +5028,13 @@ expo-constants@^17.0.8, expo-constants@~17.0.5, expo-constants@~17.0.8:
     "@expo/config" "~10.0.11"
     "@expo/env" "~0.4.2"
 
+expo-crypto@^15.0.7:
+  version "15.0.7"
+  resolved "https://registry.yarnpkg.com/expo-crypto/-/expo-crypto-15.0.7.tgz#0d06a621ddbcfdcfbcb9961462ee227b52a4f73b"
+  integrity sha512-FUo41TwwGT2e5rA45PsjezI868Ch3M6wbCZsmqTWdF/hr+HyPcrp1L//dsh/hsrsyrQdpY/U96Lu71/wXePJeg==
+  dependencies:
+    base64-js "^1.3.0"
+
 expo-dev-client@~5.0.20:
   version "5.0.20"
   resolved "https://registry.yarnpkg.com/expo-dev-client/-/expo-dev-client-5.0.20.tgz#349a6251d1d63c3142ad5232be653038b5c6cf15"
@@ -8228,11 +8235,6 @@ react-native-screens@~4.4.0:
     react-freeze "^1.0.0"
     warn-once "^0.1.0"
 
-react-native-sha256@^1.4.10:
-  version "1.4.10"
-  resolved "https://registry.yarnpkg.com/react-native-sha256/-/react-native-sha256-1.4.10.tgz#b4c9990430849ee29a00dfd606fd92f08e003dc7"
-  integrity sha512-x12owcA1jQZ1GMUX2xg2+4IOVJciZChcyNvolt6IjLdAFtu1tttDF9aHsCTW1J1SbLGSoYCo/UTAoNZay/YAsg==
-
 [email protected]:
   version "15.8.0"
   resolved "https://registry.yarnpkg.com/react-native-svg/-/react-native-svg-15.8.0.tgz#9b5fd4f5cf5675197b3f4cbfcc77c215de2b9502"