feat: track error modals shown in app via analytics event

Signed-off-by: Brandon McAnsh <git@bmcreations.dev>

Author: bmc08gt

apps/flipcash/app/src/main/kotlin/com/flipcash/app/internal/ui/navigation/decorators/NavMessagingEntryDecorator.kt

@@ -6,23 +6,48 @@ import androidx.compose.runtime.remember
 import androidx.navigation3.runtime.NavBackStack
 import androidx.navigation3.runtime.NavEntryDecorator
 import androidx.navigation3.runtime.NavKey
+import com.flipcash.app.analytics.rememberAnalytics
+import com.getcode.manager.BottomBarManager
 import com.getcode.navigation.NavMetadataKeys
 import com.getcode.ui.components.bars.BarManager
 import com.getcode.ui.components.bars.BottomBarContainer
 import com.getcode.ui.components.bars.TopBarContainer
+import com.getcode.utils.TraceType
+import com.getcode.utils.trace
 
 @Suppress("FunctionName")
 fun NavMessagingEntryDecorator(
     backStack: NavBackStack<NavKey>,
     barManager: BarManager
 ): NavEntryDecorator<NavKey> {
     return NavEntryDecorator { entry ->
+        val analytics = rememberAnalytics()
         Box {
             entry.Content()
             val isTopEntry = entry.contentKey == backStack.lastOrNull()?.toString()
             if (isTopEntry && entry.metadata[NavMetadataKeys.IsSheet.key] != true) {
-                TopBarContainer(barManager.barMessages)
-                BottomBarContainer(barManager.barMessages)
+                BottomBarContainer(barManager.barMessages) { message ->
+                    trace(
+                        message = "bottom bar message shown [${message.type.name}]",
+                        metadata = {
+                            "title" to message.title
+                            "message" to message.subtitle
+                            "type" to message.type.name
+                            "additionalInfo" to message.additionalInfo
+                        },
+                        type = TraceType.Process,
+                    )
+                    when (message.type) {
+                        BottomBarManager.BottomBarMessageType.DESTRUCTIVE -> Unit
+                        BottomBarManager.BottomBarMessageType.ERROR -> {
+                            analytics.displayedErrorModal(message.title, message.subtitle)
+                        }
+                        BottomBarManager.BottomBarMessageType.WARNING -> Unit
+                        BottomBarManager.BottomBarMessageType.INFO -> Unit
+                        BottomBarManager.BottomBarMessageType.DEFAULT -> Unit
+                        BottomBarManager.BottomBarMessageType.SUCCESS -> Unit
+                    }
+                }
             }
         }
     }

apps/flipcash/shared/analytics/src/main/kotlin/com/flipcash/app/analytics/Analytics.kt

@@ -32,6 +32,7 @@ interface FlipcashAnalyticsService : AnalyticsService {
     fun deeplinkOpened(url: String)
     fun deeplinkParsed(type: DeeplinkType?, url: String)
     fun deeplinkRouted(type: DeeplinkType, error: Throwable? = null)
+    fun displayedErrorModal(title: String, message: String)
 
     fun buttonTapped(button: Button) {
         action(button)
@@ -98,6 +99,7 @@ class StubFlipcashAnalytics : FlipcashAnalyticsService {
     override fun deeplinkOpened(url: String) = Unit
     override fun deeplinkParsed(type: DeeplinkType?, url: String) = Unit
     override fun deeplinkRouted(type: DeeplinkType, error: Throwable?) = Unit
+    override fun displayedErrorModal(title: String, message: String) = Unit
 }
 
 @Composable

apps/flipcash/shared/analytics/src/main/kotlin/com/flipcash/app/analytics/Events.kt

@@ -30,6 +30,17 @@ internal sealed interface AnalyticsEvent {
         )
     }
 
+    data class ErrorModalDisplayed(
+        val title: String,
+        val message: String
+    ): AnalyticsEvent {
+        override val name = "Error Modal Displayed"
+        override fun toProperties() = mapOf(
+            "Title" to title,
+            "Message" to message
+        )
+    }
+
     sealed interface DeeplinkEvent : AnalyticsEvent {
         data class Open(val url: String) : DeeplinkEvent {
             override val name = "Deeplink: Open"

apps/flipcash/shared/analytics/src/main/kotlin/com/flipcash/app/analytics/internal/MixpanelAnalyticsDelegate.kt

@@ -216,6 +216,10 @@ internal class MixpanelAnalyticsDelegate @Inject constructor(
         track(AnalyticsEvent.DeeplinkEvent.Routed(type, error))
     }
 
+    override fun displayedErrorModal(title: String, message: String) {
+        track(AnalyticsEvent.ErrorModalDisplayed(title, message))
+    }
+
     // region Internal
 
     private fun track(event: AnalyticsEvent, vararg extra: Pair<String, String>) {

libs/messaging/src/main/kotlin/com/getcode/manager/BottomBarManager.kt

@@ -60,6 +60,7 @@ object BottomBarManager {
         val onClose: (selection: SelectedBottomBarAction) -> Unit = { },
         val onTimeout: () -> Unit = { },
         val type: BottomBarMessageType = BottomBarMessageType.DESTRUCTIVE,
+        val isError: Boolean = type == BottomBarMessageType.ERROR,
         val isDismissible: Boolean = true,
         val showScrim: Boolean = true,
         val timeoutSeconds: Int? = null,

ui/components/src/main/kotlin/com/getcode/ui/components/bars/BottomBarContainer.kt

@@ -68,7 +68,7 @@ import kotlinx.coroutines.delay
 import kotlinx.coroutines.launch
 
 @Composable
-fun BottomBarContainer(barMessages: BarMessages) {
+fun BottomBarContainer(barMessages: BarMessages, onShown: (BottomBarManager.BottomBarMessage) -> Unit = {}) {
     val scope = rememberCoroutineScope()
     val bottomBarMessage by barMessages.bottomBar.collectAsState()
     val bottomBarVisibleState = remember(bottomBarMessage?.id) { MutableTransitionState(false) }
@@ -177,6 +177,7 @@ fun BottomBarContainer(barMessages: BarMessages) {
             }
             BottomBarView(
                 bottomBarMessage = bottomBarMessage,
+                onShown = onShown,
                 onClose = closeWith,
                 onBackPressed = { closeWith(SelectedBottomBarAction(-1)) }
             )
@@ -189,11 +190,16 @@ fun BottomBarContainer(barMessages: BarMessages) {
 @Composable
 fun BottomBarView(
     bottomBarMessage: BottomBarManager.BottomBarMessage?,
+    onShown: (BottomBarManager.BottomBarMessage) -> Unit,
     onClose: (selection: SelectedBottomBarAction) -> Unit,
     onBackPressed: () -> Unit
 ) {
     bottomBarMessage ?: return
 
+    LaunchedEffect(bottomBarMessage.id) {
+        onShown(bottomBarMessage)
+    }
+
     BackHandler(enabled = bottomBarMessage.isDismissible) {
         onBackPressed()
     }