From 8b2a6be5e27fc744adf773a0bd5b239272466a4b Mon Sep 17 00:00:00 2001
From: Joey Silberman <joey.silberman@spruceid.com>
Date: Wed, 9 Oct 2024 09:50:42 -0700
Subject: [PATCH] Add QR Code "Scan to share" button that dispatches QR payload
 (#34)

* Add QR Code scan to share button that redirects to OID4VP flow

* Remove unnecessary comments

* Add ScanOID4VPQR view to navController which launches when scan to share button is pressed

* Change design of button and make button stay at bottom of screen

* Make more slight design changes so button fits Figma example

* Rename ScanOID4VPQR to DispatchQRView

---------

Co-authored-by: joeyschmoe <jfsilberman@gmail.com>
---
 .idea/inspectionProfiles/Project_Default.xml  |  27 ++
 .idea/other.xml                               | 318 ------------------
 .idea/runConfigurations.xml                   |  13 +
 MobileSdk/build.gradle.kts                    |   4 +-
 build.gradle.kts                              |   4 +-
 .../mobilesdkexample/navigation/Screen.kt     |   2 +-
 .../navigation/SetupNavGraph.kt               |   6 +-
 .../mobilesdkexample/ui/theme/Color.kt        |   1 +
 .../mobilesdkexample/wallet/DispatchQRView.kt |  40 +++
 .../mobilesdkexample/wallet/WalletHomeView.kt |  89 +++--
 .../res/drawable-hdpi/scan_qr_code_white.png  | Bin 0 -> 892 bytes
 gradle/wrapper/gradle-wrapper.properties      |   2 +-
 12 files changed, 159 insertions(+), 347 deletions(-)
 delete mode 100644 .idea/other.xml
 create mode 100644 .idea/runConfigurations.xml
 create mode 100644 example/src/main/java/com/spruceid/mobilesdkexample/wallet/DispatchQRView.kt
 create mode 100644 example/src/main/res/drawable-hdpi/scan_qr_code_white.png

diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml
index 44ca2d9..6195b36 100644
--- a/.idea/inspectionProfiles/Project_Default.xml
+++ b/.idea/inspectionProfiles/Project_Default.xml
@@ -1,6 +1,30 @@
 <component name="InspectionProjectProfileManager">
   <profile version="1.0">
     <option name="myName" value="Project Default" />
+    <inspection_tool class="ComposePreviewDimensionRespectsLimit" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="ComposePreviewMustBeTopLevelFunction" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="ComposePreviewNeedsComposableAnnotation" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="ComposePreviewNotSupportedInUnitTestFiles" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="GlancePreviewDimensionRespectsLimit" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="GlancePreviewMustBeTopLevelFunction" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="GlancePreviewNeedsComposableAnnotation" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+    </inspection_tool>
+    <inspection_tool class="GlancePreviewNotSupportedInUnitTestFiles" enabled="true" level="ERROR" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+    </inspection_tool>
     <inspection_tool class="PreviewAnnotationInFunctionWithParameters" enabled="true" level="ERROR" enabled_by_default="true">
       <option name="composableFile" value="true" />
       <option name="previewFile" value="true" />
@@ -9,6 +33,9 @@
       <option name="composableFile" value="true" />
       <option name="previewFile" value="true" />
     </inspection_tool>
+    <inspection_tool class="PreviewDeviceShouldUseNewSpec" enabled="true" level="WEAK WARNING" enabled_by_default="true">
+      <option name="composableFile" value="true" />
+    </inspection_tool>
     <inspection_tool class="PreviewDimensionRespectsLimit" enabled="true" level="WARNING" enabled_by_default="true">
       <option name="composableFile" value="true" />
       <option name="previewFile" value="true" />
diff --git a/.idea/other.xml b/.idea/other.xml
deleted file mode 100644
index 94c96f6..0000000
--- a/.idea/other.xml
+++ /dev/null
@@ -1,318 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="direct_access_persist.xml">
-    <option name="deviceSelectionList">
-      <list>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="27" />
-          <option name="brand" value="DOCOMO" />
-          <option name="codename" value="F01L" />
-          <option name="id" value="F01L" />
-          <option name="manufacturer" value="FUJITSU" />
-          <option name="name" value="F-01L" />
-          <option name="screenDensity" value="360" />
-          <option name="screenX" value="720" />
-          <option name="screenY" value="1280" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="28" />
-          <option name="brand" value="DOCOMO" />
-          <option name="codename" value="SH-01L" />
-          <option name="id" value="SH-01L" />
-          <option name="manufacturer" value="SHARP" />
-          <option name="name" value="AQUOS sense2 SH-01L" />
-          <option name="screenDensity" value="480" />
-          <option name="screenX" value="1080" />
-          <option name="screenY" value="2160" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="31" />
-          <option name="brand" value="samsung" />
-          <option name="codename" value="a51" />
-          <option name="id" value="a51" />
-          <option name="manufacturer" value="Samsung" />
-          <option name="name" value="Galaxy A51" />
-          <option name="screenDensity" value="420" />
-          <option name="screenX" value="1080" />
-          <option name="screenY" value="2400" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="34" />
-          <option name="brand" value="google" />
-          <option name="codename" value="akita" />
-          <option name="id" value="akita" />
-          <option name="manufacturer" value="Google" />
-          <option name="name" value="Pixel 8a" />
-          <option name="screenDensity" value="420" />
-          <option name="screenX" value="1080" />
-          <option name="screenY" value="2400" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="33" />
-          <option name="brand" value="samsung" />
-          <option name="codename" value="b0q" />
-          <option name="id" value="b0q" />
-          <option name="manufacturer" value="Samsung" />
-          <option name="name" value="Galaxy S22 Ultra" />
-          <option name="screenDensity" value="600" />
-          <option name="screenX" value="1440" />
-          <option name="screenY" value="3088" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="32" />
-          <option name="brand" value="google" />
-          <option name="codename" value="bluejay" />
-          <option name="id" value="bluejay" />
-          <option name="manufacturer" value="Google" />
-          <option name="name" value="Pixel 6a" />
-          <option name="screenDensity" value="420" />
-          <option name="screenX" value="1080" />
-          <option name="screenY" value="2400" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="34" />
-          <option name="brand" value="google" />
-          <option name="codename" value="caiman" />
-          <option name="id" value="caiman" />
-          <option name="manufacturer" value="Google" />
-          <option name="name" value="Pixel 9 Pro" />
-          <option name="screenDensity" value="360" />
-          <option name="screenX" value="960" />
-          <option name="screenY" value="2142" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="34" />
-          <option name="brand" value="google" />
-          <option name="codename" value="comet" />
-          <option name="id" value="comet" />
-          <option name="manufacturer" value="Google" />
-          <option name="name" value="Pixel 9 Pro Fold" />
-          <option name="screenDensity" value="390" />
-          <option name="screenX" value="2076" />
-          <option name="screenY" value="2152" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="29" />
-          <option name="brand" value="samsung" />
-          <option name="codename" value="crownqlteue" />
-          <option name="id" value="crownqlteue" />
-          <option name="manufacturer" value="Samsung" />
-          <option name="name" value="Galaxy Note9" />
-          <option name="screenDensity" value="420" />
-          <option name="screenX" value="2220" />
-          <option name="screenY" value="1080" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="34" />
-          <option name="brand" value="samsung" />
-          <option name="codename" value="dm3q" />
-          <option name="id" value="dm3q" />
-          <option name="manufacturer" value="Samsung" />
-          <option name="name" value="Galaxy S23 Ultra" />
-          <option name="screenDensity" value="600" />
-          <option name="screenX" value="1440" />
-          <option name="screenY" value="3088" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="34" />
-          <option name="brand" value="samsung" />
-          <option name="codename" value="e1q" />
-          <option name="id" value="e1q" />
-          <option name="manufacturer" value="Samsung" />
-          <option name="name" value="Galaxy S24" />
-          <option name="screenDensity" value="480" />
-          <option name="screenX" value="1080" />
-          <option name="screenY" value="2340" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="33" />
-          <option name="brand" value="google" />
-          <option name="codename" value="felix" />
-          <option name="id" value="felix" />
-          <option name="manufacturer" value="Google" />
-          <option name="name" value="Pixel Fold" />
-          <option name="screenDensity" value="420" />
-          <option name="screenX" value="2208" />
-          <option name="screenY" value="1840" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="34" />
-          <option name="brand" value="google" />
-          <option name="codename" value="felix" />
-          <option name="id" value="felix" />
-          <option name="manufacturer" value="Google" />
-          <option name="name" value="Pixel Fold" />
-          <option name="screenDensity" value="420" />
-          <option name="screenX" value="2208" />
-          <option name="screenY" value="1840" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="33" />
-          <option name="brand" value="google" />
-          <option name="codename" value="felix_camera" />
-          <option name="id" value="felix_camera" />
-          <option name="manufacturer" value="Google" />
-          <option name="name" value="Pixel Fold (Camera-enabled)" />
-          <option name="screenDensity" value="420" />
-          <option name="screenX" value="2208" />
-          <option name="screenY" value="1840" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="33" />
-          <option name="brand" value="samsung" />
-          <option name="codename" value="gts8uwifi" />
-          <option name="id" value="gts8uwifi" />
-          <option name="manufacturer" value="Samsung" />
-          <option name="name" value="Galaxy Tab S8 Ultra" />
-          <option name="screenDensity" value="320" />
-          <option name="screenX" value="1848" />
-          <option name="screenY" value="2960" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="34" />
-          <option name="brand" value="google" />
-          <option name="codename" value="husky" />
-          <option name="id" value="husky" />
-          <option name="manufacturer" value="Google" />
-          <option name="name" value="Pixel 8 Pro" />
-          <option name="screenDensity" value="390" />
-          <option name="screenX" value="1008" />
-          <option name="screenY" value="2244" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="30" />
-          <option name="brand" value="motorola" />
-          <option name="codename" value="java" />
-          <option name="id" value="java" />
-          <option name="manufacturer" value="Motorola" />
-          <option name="name" value="G20" />
-          <option name="screenDensity" value="280" />
-          <option name="screenX" value="720" />
-          <option name="screenY" value="1600" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="34" />
-          <option name="brand" value="google" />
-          <option name="codename" value="komodo" />
-          <option name="id" value="komodo" />
-          <option name="manufacturer" value="Google" />
-          <option name="name" value="Pixel 9 Pro XL" />
-          <option name="screenDensity" value="360" />
-          <option name="screenX" value="1008" />
-          <option name="screenY" value="2244" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="33" />
-          <option name="brand" value="google" />
-          <option name="codename" value="lynx" />
-          <option name="id" value="lynx" />
-          <option name="manufacturer" value="Google" />
-          <option name="name" value="Pixel 7a" />
-          <option name="screenDensity" value="420" />
-          <option name="screenX" value="1080" />
-          <option name="screenY" value="2400" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="31" />
-          <option name="brand" value="google" />
-          <option name="codename" value="oriole" />
-          <option name="id" value="oriole" />
-          <option name="manufacturer" value="Google" />
-          <option name="name" value="Pixel 6" />
-          <option name="screenDensity" value="420" />
-          <option name="screenX" value="1080" />
-          <option name="screenY" value="2400" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="33" />
-          <option name="brand" value="google" />
-          <option name="codename" value="panther" />
-          <option name="id" value="panther" />
-          <option name="manufacturer" value="Google" />
-          <option name="name" value="Pixel 7" />
-          <option name="screenDensity" value="420" />
-          <option name="screenX" value="1080" />
-          <option name="screenY" value="2400" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="34" />
-          <option name="brand" value="samsung" />
-          <option name="codename" value="q5q" />
-          <option name="id" value="q5q" />
-          <option name="manufacturer" value="Samsung" />
-          <option name="name" value="Galaxy Z Fold5" />
-          <option name="screenDensity" value="420" />
-          <option name="screenX" value="1812" />
-          <option name="screenY" value="2176" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="30" />
-          <option name="brand" value="google" />
-          <option name="codename" value="r11" />
-          <option name="id" value="r11" />
-          <option name="manufacturer" value="Google" />
-          <option name="name" value="Pixel Watch" />
-          <option name="screenDensity" value="320" />
-          <option name="screenX" value="384" />
-          <option name="screenY" value="384" />
-          <option name="type" value="WEAR_OS" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="30" />
-          <option name="brand" value="google" />
-          <option name="codename" value="redfin" />
-          <option name="id" value="redfin" />
-          <option name="manufacturer" value="Google" />
-          <option name="name" value="Pixel 5" />
-          <option name="screenDensity" value="440" />
-          <option name="screenX" value="1080" />
-          <option name="screenY" value="2340" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="34" />
-          <option name="brand" value="google" />
-          <option name="codename" value="shiba" />
-          <option name="id" value="shiba" />
-          <option name="manufacturer" value="Google" />
-          <option name="name" value="Pixel 8" />
-          <option name="screenDensity" value="420" />
-          <option name="screenX" value="1080" />
-          <option name="screenY" value="2400" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="33" />
-          <option name="brand" value="google" />
-          <option name="codename" value="tangorpro" />
-          <option name="id" value="tangorpro" />
-          <option name="manufacturer" value="Google" />
-          <option name="name" value="Pixel Tablet" />
-          <option name="screenDensity" value="320" />
-          <option name="screenX" value="1600" />
-          <option name="screenY" value="2560" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="34" />
-          <option name="brand" value="google" />
-          <option name="codename" value="tokay" />
-          <option name="id" value="tokay" />
-          <option name="manufacturer" value="Google" />
-          <option name="name" value="Pixel 9" />
-          <option name="screenDensity" value="420" />
-          <option name="screenX" value="1080" />
-          <option name="screenY" value="2424" />
-        </PersistentDeviceSelectionData>
-        <PersistentDeviceSelectionData>
-          <option name="api" value="29" />
-          <option name="brand" value="samsung" />
-          <option name="codename" value="x1q" />
-          <option name="id" value="x1q" />
-          <option name="manufacturer" value="Samsung" />
-          <option name="name" value="Galaxy S20" />
-          <option name="screenDensity" value="480" />
-          <option name="screenX" value="1440" />
-          <option name="screenY" value="3200" />
-        </PersistentDeviceSelectionData>
-      </list>
-    </option>
-  </component>
-</project>
\ No newline at end of file
diff --git a/.idea/runConfigurations.xml b/.idea/runConfigurations.xml
new file mode 100644
index 0000000..931b96c
--- /dev/null
+++ b/.idea/runConfigurations.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="RunConfigurationProducerService">
+    <option name="ignoredProducers">
+      <set>
+        <option value="com.intellij.execution.junit.AbstractAllInDirectoryConfigurationProducer" />
+        <option value="com.intellij.execution.junit.AllInPackageConfigurationProducer" />
+        <option value="com.intellij.execution.junit.TestInClassConfigurationProducer" />
+        <option value="com.intellij.execution.junit.UniqueIdConfigurationProducer" />
+      </set>
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/MobileSdk/build.gradle.kts b/MobileSdk/build.gradle.kts
index 3dd2f53..9d528a8 100644
--- a/MobileSdk/build.gradle.kts
+++ b/MobileSdk/build.gradle.kts
@@ -80,8 +80,8 @@ nmcp {
 }
 
 android {
-  namespace = "com.spruceid.mobile.sdk"
-  compileSdk = 33
+    namespace = "com.spruceid.mobile.sdk"
+    compileSdk = 35
 
   defaultConfig {
     minSdk = 26
diff --git a/build.gradle.kts b/build.gradle.kts
index d848fb4..9cb12ee 100644
--- a/build.gradle.kts
+++ b/build.gradle.kts
@@ -1,8 +1,8 @@
 // Top-level build file where you can add configuration options common to all sub-projects/modules.
 plugins {
-    id("com.android.application") version "8.5.1" apply false
+    id("com.android.application") version "8.7.0" apply false
     id("org.jetbrains.kotlin.android") version "1.9.23" apply false
-    id("com.android.library") version "8.5.1" apply false
+    id("com.android.library") version "8.7.0" apply false
     id("com.gradleup.nmcp") version "0.0.4" apply true
     id("com.google.devtools.ksp") version "1.9.23-1.0.20" apply false
 }
diff --git a/example/src/main/java/com/spruceid/mobilesdkexample/navigation/Screen.kt b/example/src/main/java/com/spruceid/mobilesdkexample/navigation/Screen.kt
index 790446b..75d1a66 100644
--- a/example/src/main/java/com/spruceid/mobilesdkexample/navigation/Screen.kt
+++ b/example/src/main/java/com/spruceid/mobilesdkexample/navigation/Screen.kt
@@ -18,5 +18,5 @@ sealed class Screen(val route: String) {
     object VerifierSettingsHomeScreen : Screen(VERIFIER_SETTINGS_HOME_PATH)
     object WalletSettingsHomeScreen : Screen(WALLET_SETTINGS_HOME_PATH)
     object AddToWalletScreen : Screen(ADD_TO_WALLET_PATH)
-    object OID4VPScreen : Screen(OID4VP_PATH)
+    object ScanQRScreen : Screen(OID4VP_PATH)
 }
\ No newline at end of file
diff --git a/example/src/main/java/com/spruceid/mobilesdkexample/navigation/SetupNavGraph.kt b/example/src/main/java/com/spruceid/mobilesdkexample/navigation/SetupNavGraph.kt
index 2bc14a2..a3db7a5 100644
--- a/example/src/main/java/com/spruceid/mobilesdkexample/navigation/SetupNavGraph.kt
+++ b/example/src/main/java/com/spruceid/mobilesdkexample/navigation/SetupNavGraph.kt
@@ -14,6 +14,7 @@ import com.spruceid.mobilesdkexample.verifiersettings.VerifierSettingsHomeView
 import com.spruceid.mobilesdkexample.viewmodels.IRawCredentialsViewModel
 import com.spruceid.mobilesdkexample.wallet.AddToWalletView
 import com.spruceid.mobilesdkexample.walletsettings.WalletSettingsHomeView
+import com.spruceid.mobilesdkexample.wallet.DispatchQRView
 
 @Composable
 fun SetupNavGraph(
@@ -66,15 +67,14 @@ fun SetupNavGraph(
             AddToWalletView(navController, rawCredential, rawCredentialsViewModel)
         }
         composable(
-            route = Screen.OID4VPScreen.route,
+            route = Screen.ScanQRScreen.route,
             deepLinks = listOf(
                 navDeepLink {
                     uriPattern = "oid4vp://{params}"
                 }
             )
         ) {
-            // val params = backStackEntry.arguments?.getString("params")!!
-            Text(text = "@TODO: OID4VP flow")
+            DispatchQRView(navController)
         }
     }
 }
diff --git a/example/src/main/java/com/spruceid/mobilesdkexample/ui/theme/Color.kt b/example/src/main/java/com/spruceid/mobilesdkexample/ui/theme/Color.kt
index d293b82..dd53f78 100644
--- a/example/src/main/java/com/spruceid/mobilesdkexample/ui/theme/Color.kt
+++ b/example/src/main/java/com/spruceid/mobilesdkexample/ui/theme/Color.kt
@@ -8,6 +8,7 @@ val Bg = Color(0xFFFDFDFC)
 val CredentialBorder = Color(0xFFE6E1D6)
 val CodeBorder = Color(0xff949494)
 val CTAButtonGreen = Color(0xFF087455)
+val CTAButtonBlue = Color(0xFF488CF4)
 val GreenValid = Color(0xFF059669)
 val SecondaryButtonRed = Color(0xFFE11D48)
 val TextBody = Color(0xFF57534E)
diff --git a/example/src/main/java/com/spruceid/mobilesdkexample/wallet/DispatchQRView.kt b/example/src/main/java/com/spruceid/mobilesdkexample/wallet/DispatchQRView.kt
new file mode 100644
index 0000000..9c35ec2
--- /dev/null
+++ b/example/src/main/java/com/spruceid/mobilesdkexample/wallet/DispatchQRView.kt
@@ -0,0 +1,40 @@
+package com.spruceid.mobilesdkexample.wallet
+
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.navigation.NavController
+import com.spruceid.mobilesdkexample.ScanningComponent
+import com.spruceid.mobilesdkexample.ScanningType
+import com.google.accompanist.permissions.ExperimentalPermissionsApi
+import com.spruceid.mobile.sdk.rs.verifyJwtVp
+import kotlinx.coroutines.GlobalScope
+import kotlinx.coroutines.launch
+
+@OptIn(ExperimentalMaterial3Api::class, ExperimentalPermissionsApi::class)
+@Composable
+fun DispatchQRView(
+    navController: NavController
+) {
+    var success by remember {
+        mutableStateOf<Boolean?>(null)
+    }
+
+    fun onRead(url: String) {
+        GlobalScope.launch {
+            // TODO: Add other checks as necessary for validating OID4VP url
+            // and handle OID4VP flow
+            
+            // dispatchQRcode(url)
+        }
+    }
+    
+    ScanningComponent(
+        navController = navController,
+        scanningType = ScanningType.QRCODE,
+        onRead = ::onRead
+    )
+}
\ No newline at end of file
diff --git a/example/src/main/java/com/spruceid/mobilesdkexample/wallet/WalletHomeView.kt b/example/src/main/java/com/spruceid/mobilesdkexample/wallet/WalletHomeView.kt
index be6316c..eafa846 100644
--- a/example/src/main/java/com/spruceid/mobilesdkexample/wallet/WalletHomeView.kt
+++ b/example/src/main/java/com/spruceid/mobilesdkexample/wallet/WalletHomeView.kt
@@ -7,18 +7,23 @@ import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.width
+import androidx.compose.material3.Button
+import androidx.compose.material3.ButtonDefaults
 import androidx.compose.foundation.lazy.LazyColumn
 import androidx.compose.foundation.lazy.items
 import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Icon
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.collectAsState
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.rememberCoroutineScope
+import androidx.compose.ui.graphics.Color
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
@@ -30,6 +35,7 @@ import androidx.compose.ui.unit.sp
 import androidx.navigation.NavController
 import com.spruceid.mobilesdkexample.R
 import com.spruceid.mobilesdkexample.navigation.Screen
+import com.spruceid.mobilesdkexample.ui.theme.CTAButtonBlue
 import com.spruceid.mobilesdkexample.ui.theme.Inter
 import com.spruceid.mobilesdkexample.ui.theme.TextHeader
 import com.spruceid.mobilesdkexample.ui.theme.Primary
@@ -47,7 +53,10 @@ fun WalletHomeView(
             .padding(top = 20.dp)
     ) {
         WalletHomeHeader(navController = navController)
-        WalletHomeBody(rawCredentialsViewModel = rawCredentialsViewModel)
+        WalletHomeBody(
+            rawCredentialsViewModel = rawCredentialsViewModel,
+            navController = navController
+        )
     }
 }
 
@@ -86,33 +95,73 @@ fun WalletHomeHeader(navController: NavController) {
 }
 
 @Composable
-fun WalletHomeBody(rawCredentialsViewModel: IRawCredentialsViewModel) {
+fun WalletHomeBody(
+    rawCredentialsViewModel: IRawCredentialsViewModel,
+    navController: NavController
+) {
     val scope = rememberCoroutineScope()
 
     val rawCredentials by rawCredentialsViewModel.rawCredentials.collectAsState()
 
     if(rawCredentials.isNotEmpty()) {
-        LazyColumn(
-            Modifier
-                .fillMaxWidth()
-                .padding(top = 20.dp)
-        ) {
-            items(rawCredentials) { rawCredential ->
-                AchievementCredentialItem(
-                    rawCredential.rawCredential,
-                    onDelete = {
-                        scope.launch {
-                            rawCredentialsViewModel.deleteRawCredential(id = rawCredential.id)
+        Box(modifier = Modifier.fillMaxSize()) {
+            LazyColumn(
+                Modifier
+                    .fillMaxWidth()
+                    .padding(top = 20.dp)
+                    .padding(bottom = 60.dp)
+            ) {
+                items(rawCredentials) { rawCredential ->
+                    AchievementCredentialItem(
+                        rawCredential.rawCredential,
+                        onDelete = {
+                            scope.launch {
+                                rawCredentialsViewModel.deleteRawCredential(id = rawCredential.id)
+                            }
                         }
+                    ).component()
+                }
+    //        item {
+    //            vcs.map { vc ->
+    //                GenericCredentialListItems(vc = vc)
+    //            }
+    //            ShareableCredentialListItems(mdocBase64 = mdocBase64)
+    //        }
+            }
+
+            Box(
+                modifier = Modifier.fillMaxSize(),
+                contentAlignment = Alignment.BottomCenter
+            ) {
+                Button(
+                    onClick = {
+                        navController.navigate(Screen.ScanQRScreen.route)
+                    },
+                    modifier = Modifier.fillMaxWidth(),
+                    colors = ButtonDefaults.buttonColors(
+                        containerColor = CTAButtonBlue,
+                        contentColor = Color.White,
+                    )
+                ) {
+                    Row(
+                        verticalAlignment = Alignment.CenterVertically,
+                        modifier = Modifier.padding(8.dp)
+                    ) {
+                        Icon(
+                            painter = painterResource(id = R.drawable.scan_qr_code_white),
+                            contentDescription = "QR Code Icon",
+                            tint = Color.White,
+                            modifier = Modifier.padding(end = 10.dp)
+                        )
+                        Text(
+                            text = "Scan to share",
+                            fontFamily = Inter,
+                            fontWeight = FontWeight.Normal,
+                            fontSize = 15.sp,
+                        )
                     }
-                ).component()
+                }
             }
-//        item {
-//            vcs.map { vc ->
-//                GenericCredentialListItems(vc = vc)
-//            }
-//            ShareableCredentialListItems(mdocBase64 = mdocBase64)
-//        }
         }
     } else {
         Column {
diff --git a/example/src/main/res/drawable-hdpi/scan_qr_code_white.png b/example/src/main/res/drawable-hdpi/scan_qr_code_white.png
new file mode 100644
index 0000000000000000000000000000000000000000..7aaf653c73c9e1ecc99adf075f47612c2dcd01dd
GIT binary patch
literal 892
zcmV-?1B3jDP)<h;3K|Lk000e1NJLTq002k;002k`1^@s6RqeA!00001b5ch_0Itp)
z=>Px&Hc3Q5RCr$PTuXM<FbtLEumE6Q=Cli70k8~O=CA-3z+p_wE`VLocHS~?H_*9=
z4lg~9Ye|kjN%N{qpMSZ&x{_t(A^4*rfR2xjfCFSO!~t@E>O{mD<P7S_AR;;ifY$|6
z{6xfW1^tS<5YZ<9cwaEU6(XKU{Ztbpq6+|cQ!we7Hfh0lW)~tl1Aq@^!-own5b?+X
zl96+O3|2WnJpnogfWv44)}`OZr00WOTWt#DLhdr?B@1-C*0=+=i8Zx3gBBOyR!9m$
z?f{JdJ3t22dH|Htpi@Nr80<=EFgXtKRnjXWdItcXD@<$>1nvUg<5*K$$3YVfst6{>
zb)Fz12YC-3BH{@5dj&ufed)oVR3z;H1?H1uVqu%R;XK5kYR~h?)gB|_4}n2^bO_nS
zWAhx^!><0>u0hNomV;GIOm&&OXd>cs&!6B8=a|?LBB~n@nS6H>W3*pJ+cgOS2O$j^
z)EXe3pLczH4iWKEqmQ;8A(*_8G?3@1PMB#sCYa4?3@Q<O2gpFp0dj!kWLS>LIfI-*
z>oX{H^Va|%Cct-_#g_o#@nKG&$Zr3yvFRKZ9Haup9FvOMv^KGlHOvVV=Z<g2W!8WW
z(83yIZAj|(y=PGBI5G#QU()%Ci1^@Hav3<zuO1_E7Flg#Ig@O;jRVwMgSO0$oV7cH
zoIyD}k=r<fdNYWKmUQ!c<#fyMG~7^drZdbhi{U~IhpHL0@U_o<PI^vm+X4EIfEbZG
zK#v@tp6QMkQH><ulfBw8;wHK?<7?{sQaVI@Tf>~OZ)*)Q(+f4)G3U+;5v$*gL8>04
z=e1AFfUN>ldvT~`6y3x$?~|zR*u0x>szDBr;hrBoK*BMib@76xL2*Wr6vs08ZE#{=
z5+Xkd1;%ipxOhQ0MrZ|8O--z|7wb`BwrT-Y0wB?2#`TA(IB4%`6t}>jRcjPm92LSb
z)-thfWxyQ(TE0fH^-J^|uLpxn6YKdxt;cqN3`BbX<ex)npjYIZ7yo3+zgaCapBx!$
z{=Hbvq|P7%r6&VWX%P4{{#YQ#miE0(b<*Ae+IIwu_j3k0Ky@bI3~~n5G3XzWq&RjE
SH8<M;0000<MNUMnLSTaDIEX_4

literal 0
HcmV?d00001

diff --git a/gradle/wrapper/gradle-wrapper.properties b/gradle/wrapper/gradle-wrapper.properties
index b82aa23..09523c0 100644
--- a/gradle/wrapper/gradle-wrapper.properties
+++ b/gradle/wrapper/gradle-wrapper.properties
@@ -1,6 +1,6 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.7-bin.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.9-bin.zip
 networkTimeout=10000
 validateDistributionUrl=true
 zipStoreBase=GRADLE_USER_HOME