Update React Native sample app to latest version

Author: onfido-seyedjafari

.github/workflows/release.yml

@@ -28,55 +28,59 @@ jobs:
   create-release:
     name: Create GitHub Release
     runs-on: ubuntu-latest
-
     steps:
       - name: Checkout code
         uses: actions/checkout@v4
         with:
-          fetch-depth: 0  # Fetch all history for proper release notes
+          fetch-depth: 0  # Fetch all history for proper release notes/changelog generation
 
-      - name: Extract version from tag or input
+      - name: Extract version
         id: version
+        env:
+          INPUT_VERSION_ARG: ${{ github.event.inputs.version }}
         run: |
-          if [ -n "${{ github.event.inputs.version }}" ]; then
+          if [ -n "$INPUT_VERSION_ARG" ]; then
             # Manual trigger - use input version
-            INPUT_VERSION="${{ github.event.inputs.version }}"
-            # Ensure version starts with 'v'
+            INPUT_VERSION="$INPUT_VERSION_ARG"
+            # Ensure version starts with 'v' for the tag, but keep raw version clean
             if [[ "$INPUT_VERSION" == v* ]]; then
               TAG_NAME="$INPUT_VERSION"
               VERSION="${INPUT_VERSION#v}"
             else
               TAG_NAME="v$INPUT_VERSION"
               VERSION="$INPUT_VERSION"
             fi
-            echo "Manual trigger with version: $VERSION"
+            echo "Manual trigger detected."
           else
             # Tag push - extract from ref
             TAG_NAME=${GITHUB_REF#refs/tags/}
             VERSION=${TAG_NAME#v}
-            echo "Tag push detected: $TAG_NAME"
+            echo "Tag push detected."
           fi
+          
           echo "tag=$TAG_NAME" >> $GITHUB_OUTPUT
           echo "version=$VERSION" >> $GITHUB_OUTPUT
-          echo "Tag: $TAG_NAME"
-          echo "Version: $VERSION"
+          echo "Selected Tag: $TAG_NAME"
+          echo "Selected Version: $VERSION"
 
       - name: Check if pre-release
         id: prerelease
+        env:
+          INPUT_PRERELEASE: ${{ github.event.inputs.prerelease }}
         run: |
           # Check if manually triggered with prerelease flag
-          if [ -n "${{ github.event.inputs.prerelease }}" ]; then
-            echo "is_prerelease=${{ github.event.inputs.prerelease }}" >> $GITHUB_OUTPUT
-            echo "Manual prerelease flag: ${{ github.event.inputs.prerelease }}"
+          if [ "$INPUT_PRERELEASE" == "true" ]; then
+            echo "is_prerelease=true" >> $GITHUB_OUTPUT
+            echo "Manual prerelease flag set."
           else
-            # Auto-detect from version string
+            # Auto-detect from version string (works for both manual and auto triggers)
             VERSION="${{ steps.version.outputs.version }}"
             if [[ "$VERSION" =~ -(alpha|beta|rc|dev) ]]; then
               echo "is_prerelease=true" >> $GITHUB_OUTPUT
-              echo "Auto-detected pre-release: $VERSION"
+              echo "Auto-detected pre-release from version string."
             else
               echo "is_prerelease=false" >> $GITHUB_OUTPUT
-              echo "Auto-detected stable release: $VERSION"
+              echo "Auto-detected stable release."
             fi
           fi
 
@@ -85,28 +89,25 @@ jobs:
         run: |
           TAG_NAME="${{ steps.version.outputs.tag }}"
           VERSION="${{ steps.version.outputs.version }}"
-          
-          # Get the previous tag
-          PREVIOUS_TAG=$(git describe --tags --abbrev=0 "$TAG_NAME^" 2>/dev/null || echo "")
-          
-          # Create release notes
+
+          # Create release notes file
           cat > release_notes.md << EOF
           ## 🚀 Release $VERSION
-          
+
           ### 📦 Installation
-          
+
           \`\`\`bash
           npm install @entrust.corporation/idvsdk-reactnative@$VERSION
           \`\`\`
-          
+
           or
-          
+
           \`\`\`bash
           yarn add @entrust.corporation/idvsdk-reactnative@$VERSION
           \`\`\`
-          
           EOF
           
+          # Output for debugging
           cat release_notes.md
 
       - name: Create Release
@@ -117,7 +118,9 @@ jobs:
           body_path: release_notes.md
           prerelease: ${{ steps.prerelease.outputs.is_prerelease }}
           draft: ${{ github.event.inputs.draft || 'false' }}
-          generate_release_notes: true  # Auto-generate from PRs and commits
+          generate_release_notes: true
+          # Make sure to create the tag if it doesn't exist (useful for manual triggers)
+          target_commitish: ${{ github.sha }}
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 

SampleApp/.gitignore

@@ -5,6 +5,7 @@
 # Xcode
 #
 build/
+Podfile.lock
 *.pbxuser
 !default.pbxuser
 *.mode1v3

SampleApp/App.tsx

@@ -4,36 +4,31 @@ import {
   SafeAreaView,
   StatusBar,
   StyleSheet,
-  useColorScheme,
   View,
 } from 'react-native';
 import {EntrustIdv} from '@entrust.corporation/idvsdk-reactnative';
 import type {Callbacks} from '@entrust.corporation/idvsdk-reactnative/callbacks/callbacks';
 import {SafeAreaProvider} from 'react-native-safe-area-context';
 import {
-  Welcome,
-  FacePhoto,
-  FaceMotion,
-  type ClassicParameters,
-  type Configuration,
+  Configuration,
+  StudioParameters,
+  ClassicParameters,
+} from '@entrust.corporation/idvsdk-reactnative/SdkParameters';
+import {Document} from '@entrust.corporation/idvsdk-reactnative/steps/Document';
+import {FaceMotion} from '@entrust.corporation/idvsdk-reactnative/steps/Face';
+import {Welcome} from '@entrust.corporation/idvsdk-reactnative/steps/Welcome';
+import {
   Theme,
-  MediaResult,
-} from '@entrust.corporation/idvsdk-reactnative/src/capture-api';
-import {ThemeMode} from "@entrust.corporation/idvsdk-reactnative/src/capture-api/theming/Theme.ts";
-import {ColorTokensKeys} from "@entrust.corporation/idvsdk-reactnative/src/capture-api/theming/ColorTokens.ts";
-
-// Create a SDK token for this applicant in your backend and use it here
-const SDK_TOKEN = 'YOUR_SDK_TOKEN';
+  ThemeMode,
+} from '@entrust.corporation/idvsdk-reactnative/theming/Theme';
 
-// For Studio flows, create a Studio-type SDK token for this applicant instead (in your backend)
-// Workflow Run ID is required for Studio-type SDK tokens and it's embedded in the studio token
-// const STUDIO_TOKEN = 'YOUR_STUDIO_TOKEN';
+// For Studio flows, use the SDK token generated during the workflow creation process and use it here
+// The workflow run ID is no longer required when Studio-type SDK tokens are used as it is embedded in the Studio token
+const studioToken = '<Your Studio token>';
 
-const classicSteps = [
-  Welcome(),
-  FacePhoto({showIntro: false}),
-  FaceMotion({showIntro: false}),
-];
+// For 'classic' sessions that are yet to migrate to Workflow Studio, create a SDK token for this applicant
+// in your backend and use it here
+const sdkToken = '<Your SDK token>';
 
 // Language keys: https://sdk.onfido.com/capture/i18n/index.json
 // Custom translations for a module name and a language: https://sdk.onfido.com/capture/i18n/welcome/en_US.min.json
@@ -51,36 +46,47 @@ const customTranslations = {
 
 const customTheme: Theme = {
   mode: ThemeMode.Light,
+  branding: {
+    text: 'Brand Name',
+    logo: 'https://commons.wikimedia.org/wiki/File:React-icon.svg', // URL to a publicly accessible SVG image
+  },
   lightColors: {
-    backgroundColorOverlay: '#10598A85', // pass RGBA HEX colors, we internally convert to ARGB
+    backgroundColorOverlay: '#10598A85',
   },
   darkColors: {
-    backgroundColorOverlay: '#10598A85', // pass RGBA HEX colors, we internally convert to ARGB
+    backgroundColorOverlay: '#10598A85',
   },
 };
 
 const configuration: Configuration = {
-  disableAnalytics: false,
   theme: customTheme,
   localisation: customTranslations,
 };
 
+const studioFlowParameters: StudioParameters = {
+  sdkToken: studioToken,
+  configuration: configuration,
+};
+
+// 'Classic' flow example (unused)
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const classicFlowParameters: ClassicParameters = {
-  sdkToken: SDK_TOKEN,
-  steps: classicSteps,
+  sdkToken: sdkToken,
+  steps: [Welcome(), Document(), FaceMotion()],
   configuration: configuration,
 };
 
 export default function App() {
-  const isDarkMode = useColorScheme() === 'dark';
-
   const handleLaunchSDK = () => {
     const callbacks: Callbacks = {
-      onComplete: (result) => {
-        console.log('The onComplete callback has been called. Received:', result);
+      onComplete: result => {
+        console.log(
+          'The onComplete callback has been called. Received:',
+          result,
+        );
         // Finish or navigate away
       },
-      onError: (error) => {
+      onError: error => {
         console.error('The onError callback has been called with:', error);
         Alert.alert('An error occurred', error.message, [
           {
@@ -91,36 +97,22 @@ export default function App() {
           },
         ]);
       },
-      onUserExit: (userAction) => {
-        console.log('The onUserExit has been called with userAction:', userAction);
+      onUserExit: userAction => {
+        console.log(
+          'The onUserExit has been called with userAction:',
+          userAction,
+        );
         // Finish or navigate away
       },
-      onAnalytics: (event) => {
-        console.log('The onAnalytics callback has been called with:', event);
-      },
-      onMedia: (media: MediaResult) => {
-        console.log('The onMedia callback has been called with:', media);
-      },
-      biometricsTokenHandler: {
-        onTokenGenerated: (customerUserHash, _encryptedBiometricToken) => {
-          // Store the token securely (e.g., AsyncStorage, SecureStore)
-          console.log('Token generated for:', customerUserHash);
-        },
-        onTokenRequested: (customerHash) => {
-          // Retrieve the token from secure storage
-          console.log('Token requested for:', customerHash);
-          return ''; // Return the stored token or empty string
-        },
-      },
     };
 
     const idv = new EntrustIdv(callbacks);
-    idv.start(classicFlowParameters); // For studio flows, use studioFlowParameters instead
+    idv.start(studioFlowParameters);
   };
 
   return (
     <SafeAreaProvider>
-      <StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
+      <StatusBar />
       <SafeAreaView style={styles.container}>
         <View style={styles.content}>
           <Button title="Launch SDK" onPress={handleLaunchSDK} />

SampleApp/android/build.gradle

@@ -23,8 +23,5 @@ apply plugin: "com.facebook.react.rootproject"
 allprojects {
   it.repositories {
     mavenLocal()
-    maven {
-      url "https://nexus.mgmt.onfido.xyz/repository/maven-releases/"
-    }
   }
 }