Updated on 2026-08-14

features/walletconnect/impl/src/main/kotlin/com/tangem/features/walletconnect/transaction/entity/blockaid/TransactionCheckResultsUM.kt

@@ -0,0 +1,6 @@
+package com.tangem.features.walletconnect.transaction.entity.blockaid
+
+internal data class TransactionCheckResultsUM(
+    val estimatedWalletChanges: WcEstimatedWalletChangesUM,
+    val notificationText: String? = null,
+)

features/walletconnect/impl/src/main/kotlin/com/tangem/features/walletconnect/transaction/ui/blockaid/TransactionCheckResultsItem.kt

@@ -0,0 +1,75 @@
+package com.tangem.features.walletconnect.transaction.ui.blockaid
+
+import android.content.res.Configuration
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.*
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Devices
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.tooling.preview.PreviewParameter
+import androidx.compose.ui.tooling.preview.PreviewParameterProvider
+import androidx.compose.ui.unit.dp
+import com.tangem.core.ui.extensions.resourceReference
+import com.tangem.core.ui.res.TangemTheme
+import com.tangem.core.ui.res.TangemThemePreview
+import com.tangem.features.walletconnect.impl.R
+import com.tangem.features.walletconnect.transaction.entity.blockaid.WcEstimatedWalletChangeUM
+import com.tangem.features.walletconnect.transaction.entity.blockaid.WcEstimatedWalletChangesUM
+import com.tangem.features.walletconnect.transaction.entity.blockaid.TransactionCheckResultsUM
+import kotlinx.collections.immutable.persistentListOf
+
+@Composable
+internal fun TransactionCheckResultsItem(item: TransactionCheckResultsUM, modifier: Modifier = Modifier) {
+    Column(
+        modifier = modifier
+            .padding(12.dp)
+            .fillMaxWidth(),
+        verticalArrangement = Arrangement.spacedBy(12.dp),
+    ) {
+        if (item.notificationText != null) {
+            WcTransactionCheckErrorItem(item.notificationText)
+        }
+        WcEstimatedWalletChangesItem(item.estimatedWalletChanges)
+    }
+}
+
+@Composable
+@Preview(showBackground = true, device = Devices.PIXEL_7_PRO)
+@Preview(showBackground = true, device = Devices.PIXEL_7_PRO, uiMode = Configuration.UI_MODE_NIGHT_YES)
+private fun TransactionCheckResultsItemPreview(
+    @PreviewParameter(TransactionCheckResultsItemProvider::class) item: TransactionCheckResultsUM,
+) {
+    TangemThemePreview {
+        Box(
+            modifier = Modifier
+                .background(TangemTheme.colors.background.tertiary),
+        ) {
+            TransactionCheckResultsItem(item = item)
+        }
+    }
+}
+
+private class TransactionCheckResultsItemProvider : PreviewParameterProvider<TransactionCheckResultsUM> {
+    override val values = sequenceOf(
+        TransactionCheckResultsUM(
+            notificationText = "The transaction approves erc20 tokens to a known malicious address",
+            estimatedWalletChanges = WcEstimatedWalletChangesUM(
+                items = persistentListOf(
+                    WcEstimatedWalletChangeUM(
+                        iconRes = R.drawable.ic_send_new_24,
+                        title = resourceReference(R.string.common_send),
+                        description = "- 42 USDT",
+                        tokenIconUrl = "https://tangem.com",
+                    ),
+                    WcEstimatedWalletChangeUM(
+                        iconRes = R.drawable.ic_receive_new_24,
+                        title = resourceReference(R.string.common_receive),
+                        description = "+ 1,131.46 MATIC",
+                        tokenIconUrl = "https://tangem.com",
+                    ),
+                ),
+            ),
+        ),
+    )
+}

features/walletconnect/impl/src/main/kotlin/com/tangem/features/walletconnect/transaction/ui/blockaid/WcEstimatedWalletChangesItem.kt

@@ -138,7 +138,7 @@ private class EstimatedWalletChangesPreviewProviderTwoItems :
                     tokenIconUrl = "https://tangem.com",
                 ),
                 WcEstimatedWalletChangeUM(
-                    iconRes = R.drawable.ic_recieve_new_24,
+                    iconRes = R.drawable.ic_receive_new_24,
                     title = resourceReference(R.string.common_receive),
                     description = "+ 1,131.46 MATIC",
                     tokenIconUrl = "https://tangem.com",

features/walletconnect/impl/src/main/kotlin/com/tangem/features/walletconnect/transaction/ui/blockaid/WcTransactionCheckErrorItem.kt

@@ -0,0 +1,49 @@
+package com.tangem.features.walletconnect.transaction.ui.blockaid
+
+import android.content.res.Configuration
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Devices
+import androidx.compose.ui.tooling.preview.Preview
+import com.tangem.core.ui.components.notifications.Notification
+import com.tangem.core.ui.components.notifications.NotificationConfig
+import com.tangem.core.ui.extensions.TextReference
+import com.tangem.core.ui.extensions.resourceReference
+import com.tangem.core.ui.res.TangemColorPalette
+import com.tangem.core.ui.res.TangemTheme
+import com.tangem.core.ui.res.TangemThemePreview
+import com.tangem.features.walletconnect.impl.R
+
+@Composable
+internal fun WcTransactionCheckErrorItem(notificationText: String, modifier: Modifier = Modifier) {
+    Notification(
+        modifier = modifier
+            .fillMaxWidth(),
+        config = NotificationConfig(
+            title = resourceReference(R.string.wc_malicious_transaction),
+            subtitle = TextReference.Str(notificationText),
+            iconResId = R.drawable.ic_alert_circle_24,
+        ),
+        containerColor = TangemColorPalette.Amaranth.copy(alpha = 0.1f),
+        titleColor = TangemTheme.colors.text.warning,
+        subtitleColor = TangemTheme.colors.text.primary1,
+        iconTint = TangemTheme.colors.icon.warning,
+    )
+}
+
+@Composable
+@Preview(showBackground = true, device = Devices.PIXEL_7_PRO)
+@Preview(showBackground = true, device = Devices.PIXEL_7_PRO, uiMode = Configuration.UI_MODE_NIGHT_YES)
+private fun WcTransactionCheckErrorItemPreview() {
+    TangemThemePreview {
+        Box(
+            modifier = Modifier
+                .background(TangemTheme.colors.background.tertiary),
+        ) {
+            WcTransactionCheckErrorItem("The transaction approves erc20 tokens to a known malicious address")
+        }
+    }
+}