Updated on 2026-08-14

features/onboarding/src/main/java/com/tangem/feature/onboarding/presentation/wallet2/ui/IntroScreen.kt

@@ -0,0 +1,121 @@
+package com.tangem.feature.onboarding.presentation.wallet2.ui
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.wrapContentSize
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.unit.dp
+import coil.compose.SubcomposeAsyncImage
+import coil.request.ImageRequest
+import com.tangem.core.ui.components.PrimaryButtonIconLeft
+import com.tangem.core.ui.components.SecondaryButton
+import com.tangem.core.ui.res.TangemTheme
+import com.tangem.feature.onboarding.R
+import com.tangem.feature.onboarding.presentation.wallet2.model.IntroState
+import com.tangem.feature.onboarding.presentation.wallet2.model.OnboardingDescription
+import com.tangem.feature.onboarding.presentation.wallet2.ui.components.OnboardingActionBlock
+import com.tangem.feature.onboarding.presentation.wallet2.ui.components.OnboardingDescriptionBlock
+
+/**
+[REDACTED_AUTHOR]
+ */
+@Composable
+fun IntroScreen(
+    modifier: Modifier = Modifier,
+    state: IntroState,
+) {
+    Column(
+        modifier = modifier.fillMaxSize(),
+    ) {
+        Box(
+            modifier = Modifier.weight(1.5f),
+        ) {
+            //FIXME: path the url from the state
+            CardImageBlock("url")
+        }
+        Box(
+            modifier = Modifier.weight(1f),
+        ) {
+            OnboardingDescriptionBlock(
+                descriptionsList = listOf(
+                    OnboardingDescription(
+                        titleRes = R.string.onboarding_create_wallet_options_title,
+                        subTitleRes = R.string.onboarding_create_wallet_options_message,
+                    ),
+                ),
+            )
+        }
+        Box(
+            modifier = Modifier.wrapContentSize(),
+        ) {
+            OnboardingActionBlock(
+                firstActionContent = {
+                    PrimaryButtonIconLeft(
+                        modifier = Modifier
+                            .fillMaxWidth()
+                            .padding(horizontal = TangemTheme.dimens.size16),
+                        text = stringResource(id = R.string.onboarding_create_wallet_button_create_wallet),
+                        icon = painterResource(id = R.drawable.ic_tangem_24),
+                        enabled = state.buttonCreateWallet.enabled,
+                        showProgress = state.buttonCreateWallet.showProgress,
+                        onClick = state.buttonCreateWallet.onClick,
+                    )
+                },
+                secondActionContent = {
+                    SecondaryButton(
+                        modifier = Modifier
+                            .fillMaxWidth()
+                            .padding(horizontal = TangemTheme.dimens.size16),
+                        text = stringResource(id = R.string.onboarding_create_wallet_options_button_options),
+                        enabled = state.buttonOtherOptions.enabled,
+                        showProgress = state.buttonOtherOptions.showProgress,
+                        onClick = state.buttonOtherOptions.onClick,
+                    )
+                },
+            )
+        }
+    }
+}
+
+@Composable
+private fun CardImageBlock(
+    cardImageUrl: String? = null,
+) {
+    Box(modifier = Modifier.fillMaxSize()) {
+        val cardImageModifier = Modifier
+            .fillMaxSize()
+            .align(Alignment.Center)
+
+        SubcomposeAsyncImage(
+            modifier = cardImageModifier.padding(horizontal = 34.dp),
+            model = ImageRequest.Builder(LocalContext.current)
+                .data(cardImageUrl)
+                .crossfade(true)
+                .build(),
+            contentDescription = "Tangem Card",
+            loading = { CardPlaceHolder(cardImageModifier) },
+            error = { CardPlaceHolder(cardImageModifier) },
+            colorFilter = null,
+        )
+    }
+}
+
+@Composable
+private fun CardPlaceHolder(modifier: Modifier) {
+    Image(
+        modifier = modifier,
+        painter = painterResource(id = R.drawable.card_placeholder_black),
+        contentDescription = "Tangem Card placeholder",
+        contentScale = ContentScale.Fit,
+    )
+}