2.4.1 iOS release (#197)

Co-authored-by: Justin Hernandez <transphorm@gmail.com>

app/android/app/build.gradle

@@ -85,8 +85,8 @@ android {
         applicationId "com.proofofpassportapp"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 31
-        versionName "2.3"
+        versionCode 32
+        versionName "2.4"
         externalNativeBuild {
             cmake {
                 cppFlags += "-fexceptions -frtti -std=c++11"

app/ios/OpenPassport/Info.plist

@@ -39,6 +39,8 @@
 	<false />
 	<key>NSAllowsLocalNetworking</key>
 	<true />
+	<key>ITSAppUsesNonExemptEncryption</key>
+	<false />
 	<key>NSCameraUsageDescription</key>
 	<string>Needed to scan the passport MRZ.</string>
 	<key>NSFaceIDUsageDescription</key>

app/ios/Self.xcodeproj/project.pbxproj

@@ -481,7 +481,7 @@
 				CODE_SIGN_ENTITLEMENTS = OpenPassport/OpenPassportDebug.entitlements;
 				CODE_SIGN_IDENTITY = "Apple Development";
 				CODE_SIGN_STYLE = Automatic;
-				CURRENT_PROJECT_VERSION = 89;
+				CURRENT_PROJECT_VERSION = 92;
 				DEBUG_INFORMATION_FORMAT = dwarf;
 				DEVELOPMENT_TEAM = 5B29R5LYHQ;
 				ENABLE_BITCODE = NO;
@@ -596,7 +596,7 @@
 					"$(PROJECT_DIR)",
 					"$(PROJECT_DIR)/MoproKit/Libs",
 				);
-				MARKETING_VERSION = 2.3;
+				MARKETING_VERSION = 2.4.2;
 				OTHER_LDFLAGS = (
 					"$(inherited)",
 					"-ObjC",
@@ -619,7 +619,7 @@
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
 				CODE_SIGN_ENTITLEMENTS = OpenPassport/OpenPassport.entitlements;
-				CURRENT_PROJECT_VERSION = 89;
+				CURRENT_PROJECT_VERSION = 92;
 				DEBUG_INFORMATION_FORMAT = dwarf;
 				DEVELOPMENT_TEAM = 5B29R5LYHQ;
 				FRAMEWORK_SEARCH_PATHS = (
@@ -733,7 +733,7 @@
 					"$(PROJECT_DIR)",
 					"$(PROJECT_DIR)/MoproKit/Libs",
 				);
-				MARKETING_VERSION = 2.3;
+				MARKETING_VERSION = 2.4.2;
 				OTHER_LDFLAGS = (
 					"$(inherited)",
 					"-ObjC",
@@ -836,10 +836,7 @@
 					"-DFOLLY_MOBILE=1",
 					"-DFOLLY_USE_LIBCPP=1",
 				);
-				OTHER_LDFLAGS = (
-					"$(inherited)",
-					" ",
-				);
+				OTHER_LDFLAGS = "$(inherited)  ";
 				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
 				SDKROOT = iphoneos;
 				SWIFT_ACTIVE_COMPILATION_CONDITIONS = "$(inherited) DEBUG";
@@ -929,10 +926,7 @@
 					"-DFOLLY_MOBILE=1",
 					"-DFOLLY_USE_LIBCPP=1",
 				);
-				OTHER_LDFLAGS = (
-					"$(inherited)",
-					" ",
-				);
+				OTHER_LDFLAGS = "$(inherited)  ";
 				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
 				SDKROOT = iphoneos;
 				USE_HERMES = false;

app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "openpassport",
-  "version": "2.3",
+  "version": "2.4.1",
   "private": true,
   "scripts": {
     "analyze:android": "yarn reinstall && react-native-bundle-visualizer --platform android --dev",

app/src/screens/LaunchScreen.tsx

@@ -2,15 +2,17 @@ import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 
+import LottieView from 'lottie-react-native';
 import { Anchor, Text, XStack, YStack } from 'tamagui';
+import { useWindowDimensions } from 'tamagui';
 
+import onboardingAnimation from '../assets/animations/launch_onboarding.json';
 import { PrimaryButton } from '../components/buttons/PrimaryButton';
 import { BodyText } from '../components/typography/BodyText';
 import { Caption } from '../components/typography/Caption';
 import { privacyUrl, termsUrl } from '../consts/links';
 import useConnectionModal from '../hooks/useConnectionModal';
 import useHapticNavigation from '../hooks/useHapticNavigation';
-import GetStartedCard from '../images/card-style-2.svg';
 import Logo from '../images/logo.svg';
 import { ExpandableBottomLayout } from '../layouts/ExpandableBottomLayout';
 import { black, slate50, slate100, slate500, white } from '../utils/colors';
@@ -23,6 +25,7 @@ const LaunchScreen: React.FC<LaunchScreenProps> = ({}) => {
   const onStartPress = useHapticNavigation('PassportOnboarding');
   const skipToHome = useHapticNavigation('Home');
   const createMock = useHapticNavigation('CreateMock');
+  const { height } = useWindowDimensions();
   const twoFingerTap = Gesture.Tap()
     .minPointers(2)
     .numberOfTaps(5)
@@ -33,33 +36,38 @@ const LaunchScreen: React.FC<LaunchScreenProps> = ({}) => {
   return (
     <ExpandableBottomLayout.Layout backgroundColor={black}>
       <ExpandableBottomLayout.TopSection backgroundColor={black}>
-        <YStack
-          flex={1}
-          justifyContent="flex-start"
-          paddingVertical="$2"
-          gap="$4"
-        >
-          <GestureDetector gesture={twoFingerTap}>
-            <View style={styles.cardContainer}>
-              <GetStartedCard style={styles.card} />
-            </View>
-          </GestureDetector>
-          <YStack flex={1} justifyContent="flex-end">
-            <XStack
-              marginBottom="$10"
-              alignItems="center"
-              justifyContent="center"
-              gap="$4"
+        <YStack flex={1} paddingTop="$10">
+          <View style={styles.cardContainer}>
+            <GestureDetector gesture={twoFingerTap}>
+              <LottieView
+                autoPlay={true}
+                loop={false}
+                source={onboardingAnimation}
+                style={{
+                  ...styles.animation,
+                  height: height * 0.4,
+                }}
+                cacheComposition={true}
+                renderMode="HARDWARE"
+              />
+            </GestureDetector>
+          </View>
+        </YStack>
+        <YStack flex={1} justifyContent="flex-end">
+          <XStack
+            marginBottom="$10"
+            alignItems="center"
+            justifyContent="center"
+            gap="$4"
+          >
+            <Logo style={styles.logo} />
+            <Text
+              onPress={__DEV__ ? skipToHome : undefined}
+              style={styles.selfText}
             >
-              <Logo style={styles.logo} />
-              <Text
-                onPress={__DEV__ ? skipToHome : undefined}
-                style={styles.selfText}
-              >
-                Self
-              </Text>
-            </XStack>
-          </YStack>
+              Self
+            </Text>
+          </XStack>
         </YStack>
       </ExpandableBottomLayout.TopSection>
       <ExpandableBottomLayout.BottomSection
@@ -90,6 +98,9 @@ const LaunchScreen: React.FC<LaunchScreenProps> = ({}) => {
 export default LaunchScreen;
 
 const styles = StyleSheet.create({
+  animation: {
+    aspectRatio: 1,
+  },
   subheader: {
     fontWeight: '500',
     fontSize: 20,
@@ -124,6 +135,7 @@ const styles = StyleSheet.create({
     width: '100%',
     alignItems: 'center',
     paddingTop: 0,
+    flex: 1,
   },
   selfText: {
     fontFamily: advercase,