[Feature] Create custom detectSnapLocation to install Snap from NPM on Android

.eslintrc.js

@@ -162,5 +162,5 @@ module.exports = {
     radix: 0,
   },
 
-  ignorePatterns: ['wdio.conf.js'],
+  ignorePatterns: ['wdio.conf.js', 'snap_bundles/*.js'],
 };

.prettierignore

@@ -1,3 +1,4 @@
+/android/app/src/main/assets/InpageBridgeWeb3.js
 /app/core/InpageBridgeWeb3.js
 /app/util/blockies.js
 __snapshots__
@@ -9,3 +10,4 @@ node_modules
 CHANGELOG.md
 # Ignore auto generated file used for react-native-storybook-loader
 /storybook/storyLoader.js
+wdio

2q

@@ -0,0 +1,19 @@
+Update @types/react
+
+# Please enter the commit message for your changes. Lines starting
+# with '#' will be ignored, and an empty message aborts the commit.
+#
+# Author:    Gustavo Antunes <[email protected]>
+#
+# interactive rebase in progress; onto c96634fd4
+# Last commands done (16 commands done):
+#    pick 0c3c9909f Update base html
+#    pick 831a33b10 Update @types/react
+# Next commands to do (123 remaining commands):
+#    pick 5c30f89ae Remove code
+#    pick 4aeed70f9 Add new file for communication
+# You are currently rebasing branch 'decompress-snap-tarball-android' on 'c96634fd4'.
+#
+# Changes to be committed:
+#	modified:   app/components/UI/AccountOverview/index.js
+#

README.md

@@ -38,10 +38,6 @@ sudo gem install cocoapods -v 1.11.3
 
 #### Android
 
--   Install [Java](https://www.java.com/en/download/). To check if Java is already installed, run:
-```
-  java -version
-```
 -   Install the Android SDK, via [Android Studio](https://developer.android.com/studio).
     -   _MetaMask Only:_ To create production builds, you need to install Google Play Licensing Library via the SDK Manager in Android Studio.
 -   Install the Android NDK (version `21.4.7075529`), via [Android Studio](https://developer.android.com/studio)'s SDK Manager.
@@ -64,9 +60,7 @@ sudo gem install cocoapods -v 1.11.3
     -   You should use the following:
         -   **Android OS Version:** Latest, unless told otherwise
         -   **Device:** Google Pixel 3
--   Finally, start the emulator from Android Studio:
-    -   Open "Virtual Device Manager"
-    -   Launch emulator for "Pixel 3 <relevant API version mentioned in [React Native Getting Started](https://reactnative.dev/docs/environment-setup#installing-dependencies)>"
+-   Finally, start the emulator from Android Studio, and run:
 
 
 #### iOS

android/.project

@@ -14,4 +14,15 @@
 	<natures>
 		<nature>org.eclipse.buildship.core.gradleprojectnature</nature>
 	</natures>
+	<filteredResources>
+		<filter>
+			<id>1680108115802</id>
+			<name></name>
+			<type>30</type>
+			<matcher>
+				<id>org.eclipse.core.resources.regexFilterMatcher</id>
+				<arguments>node_modules|\.git|__CREATED_BY_JAVA_LANGUAGE_SERVER__</arguments>
+			</matcher>
+		</filter>
+	</filteredResources>
 </projectDescription>

android/.settings/org.eclipse.buildship.core.prefs

@@ -1,2 +1,13 @@
+arguments=
+auto.sync=false
+build.scans.enabled=false
+connection.gradle.distribution=GRADLE_DISTRIBUTION(WRAPPER)
 connection.project.dir=
 eclipse.preferences.version=1
+gradle.user.home=
+java.home=
+jvm.arguments=
+offline.mode=false
+override.workspace.settings=false
+show.console.view=false
+show.executions.view=false

android/app/build.gradle

@@ -271,6 +271,7 @@ configurations.all {
 }
 
 dependencies {
+	implementation project(':react-native-blob-util')
 	implementation project(':lottie-react-native')
 
 	implementation project(':react-native-gesture-handler')
@@ -288,6 +289,7 @@ dependencies {
 	androidTestImplementation 'junit:junit:4.12'
 	implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"
 	implementation "com.android.installreferrer:installreferrer:2.2"
+  implementation 'org.apache.commons:commons-compress:1.22'
 
 	debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") {
         exclude group:'com.facebook.fbjni'

android/app/src/main/AndroidManifest.xml

@@ -7,6 +7,9 @@
 	<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
 	<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
 	<uses-permission android:name="android.permission.CAMERA" />
+	<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
+  	<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
+  	<uses-permission android:name="android.permission.DOWNLOAD_WITHOUT_NOTIFICATION" />
 	<uses-sdk tools:overrideLibrary="com.tectiv3.aes" />
 
 	<application
@@ -34,6 +37,9 @@
 			<intent-filter>
 				<action android:name="android.intent.action.MAIN" />
 			</intent-filter>
+			<intent-filter>
+				<action android:name="android.intent.action.DOWNLOAD_COMPLETE"/>
+			</intent-filter>
 		</activity>
 		<activity
 			android:launchMode="singleTask"

android/app/src/main/java/io/metamask/MainApplication.java

@@ -1,7 +1,6 @@
 package io.metamask;
 
 import com.facebook.react.ReactApplication;
-import com.cmcewen.blurview.BlurViewPackage;
 import com.brentvatne.react.ReactVideoPackage;
 import android.content.Context;
 import com.facebook.react.PackageList;
@@ -17,6 +16,7 @@
 import java.lang.reflect.InvocationTargetException;
 import java.util.List;
 import io.metamask.nativeModules.PreventScreenshotPackage;
+import io.metamask.nativeModules.RNTar.RNTarPackage;
 import android.webkit.WebView;
 
 import androidx.multidex.MultiDexApplication;
@@ -43,7 +43,7 @@ protected List<ReactPackage> getPackages() {
 			packages.add(new RCTAnalyticsPackage());
 			packages.add(new PreventScreenshotPackage());
 			packages.add(new ReactVideoPackage());
-
+      		packages.add(new RNTarPackage());
 			return packages;
 		}
 

android/app/src/main/java/io/metamask/nativeModules/RNTar/RNTar.java

@@ -0,0 +1,115 @@
+package io.metamask.nativeModules.RNTar;
+
+import androidx.annotation.NonNull;
+
+import com.facebook.react.bridge.NativeModule;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import java.util.Map;
+import java.util.HashMap;
+import android.util.Log;
+import com.facebook.react.bridge.Promise;
+import java.io.File;
+import java.io.FileInputStream;
+import java.io.FileOutputStream;
+import java.io.IOException;
+import java.util.zip.GZIPInputStream;
+import org.apache.commons.compress.archivers.tar.TarArchiveInputStream;
+import org.apache.commons.compress.archivers.tar.TarArchiveEntry;
+
+import java.io.BufferedInputStream;
+import java.io.BufferedOutputStream;
+
+public class RNTar extends ReactContextBaseJavaModule {
+  private static String MODULE_NAME = "RNTar";
+
+  RNTar(ReactApplicationContext context) {
+    super(context);
+  }
+
+  @NonNull
+  @Override
+  public String getName() {
+    return MODULE_NAME;
+  }
+
+  private String extractTgzFile(String tgzPath, String outputPath) throws IOException {
+    try {
+      // Check if .tgz file exists
+      File tgzFile = new File(tgzPath);
+      if (!tgzFile.exists()) {
+        throw new IOException("The specified .tgz file does not exist.");
+      }
+
+      // Create output directory if it doesn't exist
+      File outputDirectory = new File(outputPath);
+      if (!outputDirectory.exists()) {
+        outputDirectory.mkdirs();
+      }
+
+      // Check if the output directory is readable and writable
+      if (!outputDirectory.canRead() || !outputDirectory.canWrite()) {
+        throw new IOException("The output directory is not readable and/or writable.");
+      }
+
+      // Set up the input streams for reading the .tgz file
+      FileInputStream fileInputStream = new FileInputStream(tgzFile);
+      GZIPInputStream gzipInputStream = new GZIPInputStream(fileInputStream);
+      TarArchiveInputStream tarInputStream = new TarArchiveInputStream(new BufferedInputStream(gzipInputStream));
+
+      TarArchiveEntry entry;
+
+      // Loop through the entries in the .tgz file
+      while ((entry = (TarArchiveEntry) tarInputStream.getNextEntry()) != null) {
+        File outputFile = new File(outputDirectory, entry.getName());
+        System.out.println("Snaps/ entry " + entry.getName());
+
+        // If it is a directory, create the output directory
+        if (entry.isDirectory()) {
+          outputFile.mkdirs();
+        } else {
+          // Create parent directories if they don't exist
+          outputFile.getParentFile().mkdirs();
+
+          // Set up the output streams for writing the file
+          FileOutputStream fos = new FileOutputStream(outputFile);
+          BufferedOutputStream dest = new BufferedOutputStream(fos, 1024);
+
+          // Initialize a buffer and a variable to hold the number of bytes read
+          int count;
+          byte[] data = new byte[1024];
+
+          // Read the file data from the .tgz file and write it to the output file
+          while ((count = tarInputStream.read(data, 0, 1024)) != -1) {
+            dest.write(data, 0, count);
+          }
+          dest.flush();
+          dest.close();
+        }
+      }
+      fileInputStream.close();
+      gzipInputStream.close();
+      tarInputStream.close();
+
+      // Return the output directory path
+      return new File(outputDirectory, "package").getAbsolutePath();
+    } catch (IOException e) {
+      Log.e("DecompressTgzFile", "Error decompressing tgz file", e);
+      throw new IOException("Error decompressing tgz file: " + e.getMessage(), e);
+    }
+  }
+
+  @ReactMethod
+  public void unTar(String pathToRead, String pathToWrite, final Promise promise) {
+    Log.d(MODULE_NAME, "Create event called with name: " + pathToRead
+      + " and location: " + pathToWrite);
+    try {
+      String decompressedPath = extractTgzFile(pathToRead, pathToWrite);
+      promise.resolve(decompressedPath);
+    } catch(Exception e) {
+      promise.reject("Error uncompressing file:", e);
+    }
+  }
+}

android/app/src/main/java/io/metamask/nativeModules/RNTar/RNTarPackage.java

@@ -0,0 +1,28 @@
+package io.metamask.nativeModules.RNTar;
+import com.facebook.react.ReactPackage;
+import com.facebook.react.bridge.NativeModule;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.uimanager.ViewManager;
+
+import java.util.ArrayList;
+import java.util.Collections;
+import java.util.List;
+
+public class RNTarPackage implements ReactPackage {
+
+  @Override
+  public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
+    return Collections.emptyList();
+  }
+
+  @Override
+  public List<NativeModule> createNativeModules(
+    ReactApplicationContext reactContext) {
+    List<NativeModule> modules = new ArrayList<>();
+
+    modules.add(new RNTar(reactContext));
+
+    return modules;
+  }
+
+}

android/settings.gradle

@@ -11,6 +11,8 @@ rootProject.name = 'MetaMask'
 include ':app'
 include ':@react-native-community_blur'
 project(':@react-native-community_blur').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-community/blur/android')
+include ':react-native-blob-util'
+project(':react-native-blob-util').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-blob-util/android');
 include ':lottie-react-native'
 project(':lottie-react-native').projectDir = new File(rootProject.projectDir, '../node_modules/lottie-react-native/src/android')
 include ':react-native-gesture-handler'

app/components/Base/Alert.tsx

@@ -10,8 +10,10 @@ import {
   TextStyle,
 } from 'react-native';
 import IonicIcon from 'react-native-vector-icons/Ionicons';
-import Text from './Text';
+import CustomText from './Text';
 import { useTheme } from '../../util/theme';
+// TODO: Convert into typescript and correctly type optionals
+const Text = CustomText as any;
 
 export enum AlertType {
   Info = 'Info',

app/components/Base/RangeInput.js

@@ -13,7 +13,6 @@ const createStyles = (colors) =>
       alignItems: 'center',
       justifyContent: 'space-between',
       marginBottom: 14,
-      flexWrap: 'wrap',
     },
     rangeInputContainer: (error) => ({
       borderColor: error ? colors.error.default : colors.border.default,

app/components/Base/Text/Text.styles.ts

@@ -1,5 +1,4 @@
 import { StyleSheet } from 'react-native';
-import { scale } from 'react-native-size-matters';
 import { fontStyles } from '../../../styles/common';
 import { Colors } from '../../../util/theme/models';
 
@@ -9,7 +8,7 @@ const createStyles = (colors: Colors) =>
       ...fontStyles.normal,
       color: colors.text.default,
       marginVertical: 2,
-      fontSize: scale(14),
+      fontSize: 14,
     },
     centered: {
       textAlign: 'center',

app/components/Base/Title/Title.tsx

@@ -4,8 +4,8 @@ import { useTheme } from '../../../util/theme';
 import styles from './Title.styles';
 
 interface TitleProps extends React.ComponentPropsWithoutRef<typeof Text> {
-  centered?: boolean;
-  hero?: boolean;
+  centered: boolean;
+  hero: boolean;
 }
 
 const Title: React.FC<TitleProps> = ({

app/components/Nav/App/index.js

@@ -367,23 +367,22 @@ const App = ({ userLoggedIn }) => {
   }, [navigator]);
 
   useEffect(() => {
-    async function checkExisting() {
+    async function checkExsiting() {
       const existingUser = await AsyncStorage.getItem(EXISTING_USER);
       const route = !existingUser
         ? Routes.ONBOARDING.ROOT_NAV
         : Routes.ONBOARDING.LOGIN;
       setRoute(route);
     }
 
-    checkExisting();
-    /* eslint-disable react-hooks/exhaustive-deps */
-  }, []);
+    checkExsiting();
+  });
 
   useEffect(() => {
     async function startApp() {
       const existingUser = await AsyncStorage.getItem(EXISTING_USER);
       try {
-        const currentVersion = getVersion();
+        const currentVersion = await getVersion();
         const savedVersion = await AsyncStorage.getItem(CURRENT_APP_VERSION);
         if (currentVersion !== savedVersion) {
           if (savedVersion)