feat: handle events

Author: jvsena42

app/src/main/java/to/bitkit/ui/ContentView.kt

@@ -730,7 +730,10 @@ private fun NavGraphBuilder.shop(
         ShopWebViewScreen (
             onClose = { navController.navigateToHome() },
             onBack = { navController.popBackStack() },
-            page = navBackEntry.toRoute<Routes.ShopWebView>().page
+            page = navBackEntry.toRoute<Routes.ShopWebView>().page,
+            onPaymentIntent = { intent ->
+                Logger.warn("Payment intent $intent", context = "ShopWebViewScreen")
+            } // TODO HANDLE
         )
     }
 }

app/src/main/java/to/bitkit/ui/screens/shop/ShopWebViewScreen.kt

@@ -2,7 +2,9 @@ package to.bitkit.ui.screens.shop
 
 import android.annotation.SuppressLint
 import android.graphics.Bitmap
+import android.util.Log
 import android.view.ViewGroup
+import android.webkit.JavascriptInterface
 import android.webkit.WebResourceError
 import android.webkit.WebResourceRequest
 import android.webkit.WebView
@@ -21,6 +23,9 @@ import androidx.compose.ui.Modifier
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.viewinterop.AndroidView
+import kotlinx.serialization.SerialName
+import kotlinx.serialization.Serializable
+import kotlinx.serialization.json.Json
 import to.bitkit.R
 import to.bitkit.env.Env
 import to.bitkit.ui.scaffold.AppTopBar
@@ -29,16 +34,51 @@ import to.bitkit.ui.scaffold.ScreenColumn
 import to.bitkit.ui.theme.AppThemeSurface
 import to.bitkit.utils.Logger
 
+@Serializable
+data class WebViewMessage(
+    val event: String,
+    @SerialName("paymentUri")
+    val paymentUri: String? = null
+)
+
 @SuppressLint("SetJavaScriptEnabled")
 @Composable
 fun ShopWebViewScreen(
     onClose: () -> Unit,
     onBack: () -> Unit,
+    onPaymentIntent: (String) -> Unit,
     page: String,
 ) {
     var isLoading by remember { mutableStateOf(true) }
     var webView: WebView? by remember { mutableStateOf(null) }
 
+    // Create a JavaScript interface for message handling
+    class WebViewInterface {
+        @JavascriptInterface
+        fun postMessage(message: String) {
+            try {
+                val json = Json { ignoreUnknownKeys = true }
+                val data = json.decodeFromString<WebViewMessage>(message)
+
+                Log.d("WebView", "Received message: $message")
+
+                when (data.event) {
+                    "payment_intent" -> {
+                        data.paymentUri?.let { uri ->
+                            onPaymentIntent(uri)
+                        }
+                    }
+                    // Add more event types as needed
+                    else -> {
+                        Log.d("WebView", "Unknown event type: ${data.event}")
+                    }
+                }
+            } catch (e: Exception) {
+                Log.e("WebView", "Error parsing message: $message", e)
+            }
+        }
+    }
+
     ScreenColumn {
         AppTopBar(
             titleText = stringResource(R.string.other__shop__discover__nav_title),
@@ -55,6 +95,7 @@ fun ShopWebViewScreen(
                             ViewGroup.LayoutParams.MATCH_PARENT,
                             ViewGroup.LayoutParams.MATCH_PARENT,
                         )
+
                         webViewClient = object : WebViewClient() {
                             override fun onPageStarted(view: WebView?, url: String?, favicon: Bitmap?) {
                                 super.onPageStarted(view, url, favicon)
@@ -64,6 +105,27 @@ fun ShopWebViewScreen(
                             override fun onPageFinished(view: WebView?, url: String?) {
                                 super.onPageFinished(view, url)
                                 isLoading = false
+
+                                // Inject JavaScript to bridge postMessage to Android
+                                view?.evaluateJavascript("""
+                                    window.ReactNativeWebView = {
+                                        postMessage: function(data) {
+                                            Android.postMessage(data);
+                                        }
+                                    };
+
+                                    // Override the default postMessage if it exists
+                                    if (window.postMessage) {
+                                        window.originalPostMessage = window.postMessage;
+                                        window.postMessage = function(data) {
+                                            if (typeof data === 'string') {
+                                                Android.postMessage(data);
+                                            } else {
+                                                Android.postMessage(JSON.stringify(data));
+                                            }
+                                        };
+                                    }
+                                """.trimIndent(), null)
                             }
 
                             override fun onReceivedError(
@@ -74,16 +136,28 @@ fun ShopWebViewScreen(
                                 super.onReceivedError(view, request, error)
                                 Logger.warn("Error: ${error?.description}, Code: ${error?.errorCode}, URL: ${request?.url}", context = "ShopWebViewScreen")
                                 isLoading = false
+
                                 error?.let {
                                     if (it.errorCode == WebViewClient.ERROR_HOST_LOOKUP ||
                                         it.errorCode == WebViewClient.ERROR_CONNECT ||
-                                        it.errorCode == WebViewClient.ERROR_TIMEOUT) {
+                                        it.errorCode == WebViewClient.ERROR_TIMEOUT ||
+                                        it.errorCode == WebViewClient.ERROR_FILE_NOT_FOUND) {
                                         onClose()
                                     }
                                 }
                             }
                         }
-                        settings.javaScriptEnabled = true
+
+                        // Configure WebView settings
+                        settings.apply {
+                            javaScriptEnabled = true
+                            domStorageEnabled = true
+                            allowContentAccess = true
+                            allowFileAccess = false
+                        }
+
+                        addJavascriptInterface(WebViewInterface(), "Android")
+
                         loadUrl(Env.buildBitrefillUri(page = page))
                         webView = this
                     }
@@ -114,6 +188,8 @@ private fun Preview() {
         ShopWebViewScreen(
             onClose = {},
             onBack = {},
+            onPaymentIntent = { uri ->
+            },
             page = "esims",
         )
     }