Updated on 2026-08-14

2024-08-09 16:09:24 +03:00 · 2024-08-09 16:09:24 +03:00 · ff09b9f79b
commit ff09b9f79b
parent 1e736a9cbc 6aa15f2322
361 changed files with 10298 additions and 8064 deletions
--- a/common/ui/src/main/java/com/tangem/common/ui/amountScreen/converters/AmountReduceByTransformer.kt
+++ b/common/ui/src/main/java/com/tangem/common/ui/amountScreen/converters/AmountReduceByTransformer.kt
@ -2,10 +2,12 @@ package com.tangem.common.ui.amountScreen.converters

 import androidx.compose.foundation.text.KeyboardOptions
 import androidx.compose.ui.text.input.KeyboardType
+import com.tangem.common.ui.R
 import com.tangem.common.ui.amountScreen.models.AmountState
 import com.tangem.common.ui.amountScreen.utils.checkExceedBalance
 import com.tangem.common.ui.amountScreen.utils.getFiatValue
 import com.tangem.common.ui.amountScreen.utils.getKeyboardAction
+import com.tangem.core.ui.extensions.resourceReference
 import com.tangem.core.ui.utils.parseBigDecimal
 import com.tangem.domain.tokens.model.CryptoCurrencyStatus
 import com.tangem.utils.isNullOrZero
@ -51,6 +53,7 @@ class AmountReduceByTransformer(
                value = cryptoValue,
                fiatValue = fiatValue,
                isError = isExceedBalance,
+                error = resourceReference(R.string.send_validation_amount_exceeds_balance),
                cryptoAmount = amountTextField.cryptoAmount.copy(value = decimalCryptoValue),
                fiatAmount = amountTextField.fiatAmount.copy(value = decimalFiatValue),
                keyboardOptions = KeyboardOptions(
--- a/common/ui/src/main/java/com/tangem/common/ui/amountScreen/converters/AmountReduceToTransformer.kt
+++ b/common/ui/src/main/java/com/tangem/common/ui/amountScreen/converters/AmountReduceToTransformer.kt
@ -2,10 +2,12 @@ package com.tangem.common.ui.amountScreen.converters

 import androidx.compose.foundation.text.KeyboardOptions
 import androidx.compose.ui.text.input.KeyboardType
+import com.tangem.common.ui.R
 import com.tangem.common.ui.amountScreen.models.AmountState
 import com.tangem.common.ui.amountScreen.utils.checkExceedBalance
 import com.tangem.common.ui.amountScreen.utils.getFiatValue
 import com.tangem.common.ui.amountScreen.utils.getKeyboardAction
+import com.tangem.core.ui.extensions.resourceReference
 import com.tangem.core.ui.utils.parseBigDecimal
 import com.tangem.domain.tokens.model.CryptoCurrencyStatus
 import com.tangem.utils.isNullOrZero
@ -45,6 +47,7 @@ class AmountReduceToTransformer(
                value = cryptoValue,
                fiatValue = fiatValue,
                isError = isExceedBalance,
+                error = resourceReference(R.string.send_validation_amount_exceeds_balance),
                cryptoAmount = amountTextField.cryptoAmount.copy(value = value),
                fiatAmount = amountTextField.fiatAmount.copy(value = decimalFiatValue),
                keyboardOptions = KeyboardOptions(
--- a/common/ui/src/main/java/com/tangem/common/ui/amountScreen/converters/field/AmountFieldChangeTransformer.kt
+++ b/common/ui/src/main/java/com/tangem/common/ui/amountScreen/converters/field/AmountFieldChangeTransformer.kt
@ -2,11 +2,13 @@ package com.tangem.common.ui.amountScreen.converters.field

 import androidx.compose.foundation.text.KeyboardOptions
 import androidx.compose.ui.text.input.KeyboardType
+import com.tangem.common.ui.R
 import com.tangem.common.ui.amountScreen.models.AmountState
 import com.tangem.common.ui.amountScreen.utils.checkExceedBalance
 import com.tangem.common.ui.amountScreen.utils.getCryptoValue
 import com.tangem.common.ui.amountScreen.utils.getFiatValue
 import com.tangem.common.ui.amountScreen.utils.getKeyboardAction
+import com.tangem.core.ui.extensions.resourceReference
 import com.tangem.core.ui.utils.parseToBigDecimal
 import com.tangem.domain.tokens.model.CryptoCurrencyStatus
 import com.tangem.utils.isNullOrZero
@ -59,6 +61,7 @@ class AmountFieldChangeTransformer(
                value = cryptoValue,
                fiatValue = fiatValue,
                isError = isExceedBalance,
+                error = resourceReference(R.string.send_validation_amount_exceeds_balance),
                cryptoAmount = amountTextField.cryptoAmount.copy(value = decimalCryptoValue),
                fiatAmount = amountTextField.fiatAmount.copy(value = decimalFiatValue),
                keyboardOptions = KeyboardOptions(
--- a/common/ui/src/main/java/com/tangem/common/ui/amountScreen/ui/AmountField.kt
+++ b/common/ui/src/main/java/com/tangem/common/ui/amountScreen/ui/AmountField.kt
@ -1,16 +1,16 @@
 package com.tangem.common.ui.amountScreen.ui

 import androidx.compose.animation.AnimatedVisibility
+import androidx.compose.animation.animateContentSize
 import androidx.compose.animation.fadeIn
 import androidx.compose.animation.fadeOut
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.requiredHeightIn
+import androidx.compose.foundation.layout.*
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.remember
 import androidx.compose.ui.Alignment.Companion.BottomCenter
+import androidx.compose.ui.Alignment.Companion.TopCenter
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.focus.FocusRequester
 import androidx.compose.ui.focus.focusRequester
@ -80,6 +80,8 @@ private fun AmountSecondary(amountField: AmountFieldModel, appCurrencyCode: Stri
    val secondaryAmount = if (amountField.isFiatValue) amountField.cryptoAmount else amountField.fiatAmount
    Box(
        modifier = Modifier
+            .fillMaxWidth()
+            .animateContentSize()
            .padding(
                top = TangemTheme.dimens.spacing8,
                start = TangemTheme.dimens.spacing12,
@ -105,7 +107,7 @@ private fun AmountSecondary(amountField: AmountFieldModel, appCurrencyCode: Stri
            color = TangemTheme.colors.text.tertiary,
            textAlign = TextAlign.Center,
            modifier = Modifier
-                .align(BottomCenter)
+                .align(TopCenter)
                .padding(bottom = TangemTheme.dimens.spacing32),
        )
        AmountFieldError(
@ -113,7 +115,10 @@ private fun AmountSecondary(amountField: AmountFieldModel, appCurrencyCode: Stri
            error = amountField.error,
            modifier = Modifier
                .align(BottomCenter)
-                .padding(bottom = TangemTheme.dimens.spacing12),
+                .padding(
+                    top = TangemTheme.dimens.spacing20,
+                    bottom = TangemTheme.dimens.spacing12,
+                ),
        )
    }
 }
--- a/common/ui/src/main/java/com/tangem/common/ui/navigationButtons/NavigationButtonsBlock.kt
+++ b/common/ui/src/main/java/com/tangem/common/ui/navigationButtons/NavigationButtonsBlock.kt
@ -0,0 +1,202 @@
+package com.tangem.common.ui.navigationButtons
+
+import android.content.res.Configuration
+import androidx.compose.animation.*
+import androidx.compose.foundation.background
+import androidx.compose.foundation.clickable
+import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Icon
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.clip
+import androidx.compose.ui.graphics.vector.ImageVector
+import androidx.compose.ui.graphics.vector.rememberVectorPainter
+import androidx.compose.ui.res.vectorResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.tooling.preview.PreviewParameter
+import androidx.compose.ui.tooling.preview.PreviewParameterProvider
+import com.tangem.common.ui.navigationButtons.preview.NavigationButtonsPreview
+import com.tangem.core.ui.components.buttons.common.TangemButton
+import com.tangem.core.ui.components.buttons.common.TangemButtonIconPosition
+import com.tangem.core.ui.components.buttons.common.TangemButtonsDefaults
+import com.tangem.core.ui.extensions.TextReference
+import com.tangem.core.ui.extensions.rememberHapticFeedback
+import com.tangem.core.ui.extensions.resolveReference
+import com.tangem.core.ui.res.TangemTheme
+import com.tangem.core.ui.res.TangemThemePreview
+import kotlinx.collections.immutable.ImmutableList
+
+@Composable
+fun NavigationButtonsBlock(buttonState: NavigationButtonsState, modifier: Modifier = Modifier) {
+    val state = buttonState as? NavigationButtonsState.Data
+    Column(
+        horizontalAlignment = Alignment.CenterHorizontally,
+        modifier = modifier.fillMaxWidth(),
+    ) {
+        ExtraButtons(state?.extraButtons, state?.txUrl)
+        Row(
+            modifier = Modifier.fillMaxWidth(),
+            horizontalArrangement = Arrangement.spacedBy(TangemTheme.dimens.spacing12),
+        ) {
+            PreviousButton(state?.prevButton)
+            PrimaryButton(state?.primaryButton, modifier = Modifier.weight(1f))
+        }
+
+        SecondaryButton(state?.secondaryButton)
+    }
+}
+
+@Composable
+private fun PrimaryButton(primaryButton: NavigationButton?, modifier: Modifier = Modifier) {
+    AnimatedContent(
+        targetState = primaryButton,
+        transitionSpec = {
+            val isPrimaryToHide = targetState != null && initialState == null
+            val isPrimaryWasVisible = targetState == null && initialState != null
+            if (isPrimaryToHide || isPrimaryWasVisible) {
+                slideInVertically(initialOffsetY = { it / 2 }).plus(fadeIn())
+                    .togetherWith(slideOutVertically(targetOffsetY = { it / 2 }).plus(fadeOut()))
+            } else {
+                fadeIn().togetherWith(fadeOut())
+            }
+        },
+        contentAlignment = Alignment.Center,
+        label = "Animate show primary button",
+        modifier = modifier.fillMaxWidth(),
+    ) { button ->
+        if (button != null && button.textReference != TextReference.EMPTY) {
+            val icon = if (button.iconRes != null && button.isIconVisible) {
+                TangemButtonIconPosition.End(iconResId = button.iconRes)
+            } else {
+                TangemButtonIconPosition.None
+            }
+            TangemButton(
+                text = button.textReference.resolveReference(),
+                enabled = button.isEnabled,
+                onClick = button.onClick,
+                showProgress = button.showProgress,
+                colors = TangemButtonsDefaults.primaryButtonColors,
+                icon = icon,
+                modifier = Modifier.fillMaxWidth(),
+            )
+        } else {
+            Spacer(modifier = Modifier.fillMaxWidth())
+        }
+    }
+}
+
+@Composable
+private fun SecondaryButton(secondaryButton: NavigationButton?) {
+    AnimatedContent(
+        targetState = secondaryButton,
+        transitionSpec = {
+            val isPrimaryToHide = targetState != null && initialState == null
+            val isPrimaryWasVisible = targetState == null && initialState != null
+            if (isPrimaryToHide || isPrimaryWasVisible) {
+                slideInVertically(initialOffsetY = { it / 2 }).plus(fadeIn())
+                    .togetherWith(slideOutVertically(targetOffsetY = { it / 2 }).plus(fadeOut()))
+            } else {
+                fadeIn().togetherWith(fadeOut())
+            }
+        },
+        contentAlignment = Alignment.Center,
+        label = "Animate show secondary button",
+        modifier = Modifier.fillMaxWidth(),
+    ) { button ->
+        if (button != null && button.textReference != TextReference.EMPTY) {
+            val icon = button.iconRes?.let { TangemButtonIconPosition.End(iconResId = it) }
+                ?: TangemButtonIconPosition.None
+
+            TangemButton(
+                text = button.textReference.resolveReference(),
+                enabled = button.isEnabled,
+                onClick = button.onClick,
+                icon = icon,
+                showProgress = button.showProgress,
+                colors = TangemButtonsDefaults.secondaryButtonColors,
+                modifier = Modifier.padding(top = TangemTheme.dimens.spacing12),
+            )
+        } else {
+            Spacer(modifier = Modifier.fillMaxWidth())
+        }
+    }
+}
+
+@Composable
+private fun PreviousButton(prevButton: NavigationButton?) {
+    AnimatedVisibility(
+        visible = prevButton != null,
+        enter = expandHorizontally(expandFrom = Alignment.End),
+        exit = shrinkHorizontally(shrinkTowards = Alignment.End),
+        label = "Animate show prev button",
+    ) {
+        val button = remember(this) { requireNotNull(prevButton) }
+        if (button.iconRes != null && button.isIconVisible) {
+            Icon(
+                painter = rememberVectorPainter(
+                    image = ImageVector.vectorResource(button.iconRes),
+                ),
+                tint = TangemTheme.colors.icon.primary1,
+                contentDescription = null,
+                modifier = Modifier
+                    .clip(RoundedCornerShape(TangemTheme.dimens.radius16))
+                    .background(TangemTheme.colors.button.secondary)
+                    .clickable(onClick = button.onClick)
+                    .padding(TangemTheme.dimens.spacing12),
+            )
+        }
+    }
+}
+
+@Composable
+private fun ExtraButtons(extraButtons: ImmutableList<NavigationButton>?, txUrl: String?) {
+    AnimatedVisibility(
+        visible = !txUrl.isNullOrBlank() && extraButtons != null,
+        enter = slideInVertically(initialOffsetY = { it / 2 }).plus(fadeIn()),
+        exit = slideOutVertically(targetOffsetY = { it / 2 }).plus(fadeOut()),
+        label = "Animate show sent state buttons",
+        modifier = Modifier.fillMaxWidth(),
+    ) {
+        val buttons = remember(this) { requireNotNull(extraButtons) }
+        Row(
+            horizontalArrangement = Arrangement.spacedBy(TangemTheme.dimens.spacing12),
+            modifier = Modifier.padding(bottom = TangemTheme.dimens.spacing12),
+        ) {
+            buttons.forEach { button ->
+                val icon = button.iconRes?.let { TangemButtonIconPosition.Start(iconResId = it) }
+                    ?: TangemButtonIconPosition.None
+                TangemButton(
+                    text = button.textReference.resolveReference(),
+                    icon = icon,
+                    onClick = rememberHapticFeedback(state = button, onAction = button.onClick),
+                    modifier = Modifier.weight(1f),
+                    enabled = button.isEnabled,
+                    showProgress = false,
+                    colors = TangemButtonsDefaults.secondaryButtonColors,
+                )
+            }
+        }
+    }
+}
+
+// region Preview
+@Preview(showBackground = true, widthDp = 360)
+@Preview(showBackground = true, widthDp = 360, uiMode = Configuration.UI_MODE_NIGHT_YES)
+@Composable
+private fun NavigationButtonsBlock_Preview(
+    @PreviewParameter(NavigationButtonsBlockDataProvider::class) navigationButtonsState: NavigationButtonsState,
+) {
+    TangemThemePreview {
+        NavigationButtonsBlock(navigationButtonsState)
+    }
+}
+
+private class NavigationButtonsBlockDataProvider : PreviewParameterProvider<NavigationButtonsState> {
+    override val values: Sequence<NavigationButtonsState>
+        get() = sequenceOf(NavigationButtonsPreview.allButtons)
+}
+
+// endregion
--- a/common/ui/src/main/java/com/tangem/common/ui/navigationButtons/NavigationButtonsState.kt
+++ b/common/ui/src/main/java/com/tangem/common/ui/navigationButtons/NavigationButtonsState.kt
@ -0,0 +1,27 @@
+package com.tangem.common.ui.navigationButtons
+
+import androidx.annotation.DrawableRes
+import com.tangem.core.ui.extensions.TextReference
+import kotlinx.collections.immutable.ImmutableList
+
+sealed class NavigationButtonsState {
+    data object Empty : NavigationButtonsState()
+
+    data class Data(
+        val primaryButton: NavigationButton,
+        val prevButton: NavigationButton?,
+        val secondaryButton: NavigationButton?,
+        val extraButtons: ImmutableList<NavigationButton>,
+        val txUrl: String? = null,
+    ) : NavigationButtonsState()
+}
+
+data class NavigationButton(
+    val textReference: TextReference,
+    @DrawableRes val iconRes: Int? = null,
+    val isSecondary: Boolean,
+    val isIconVisible: Boolean,
+    val showProgress: Boolean,
+    val isEnabled: Boolean,
+    val onClick: () -> Unit,
+)
--- a/common/ui/src/main/java/com/tangem/common/ui/navigationButtons/preview/NavigationButtonsPreview.kt
+++ b/common/ui/src/main/java/com/tangem/common/ui/navigationButtons/preview/NavigationButtonsPreview.kt
@ -0,0 +1,67 @@
+package com.tangem.common.ui.navigationButtons.preview
+
+import com.tangem.common.ui.R
+import com.tangem.common.ui.navigationButtons.NavigationButton
+import com.tangem.common.ui.navigationButtons.NavigationButtonsState
+import com.tangem.core.ui.extensions.TextReference
+import com.tangem.core.ui.extensions.resourceReference
+import kotlinx.collections.immutable.persistentListOf
+
+internal object NavigationButtonsPreview {
+
+    private val extraButtons = persistentListOf(
+        NavigationButton(
+            textReference = resourceReference(R.string.common_explore),
+            iconRes = R.drawable.ic_tangem_24,
+            isSecondary = true,
+            isIconVisible = true,
+            showProgress = false,
+            isEnabled = true,
+            onClick = {},
+        ),
+        NavigationButton(
+            textReference = resourceReference(R.string.common_share),
+            iconRes = R.drawable.ic_tangem_24,
+            isSecondary = true,
+            isIconVisible = true,
+            showProgress = false,
+            isEnabled = true,
+            onClick = {},
+        ),
+    )
+
+    private val next = NavigationButton(
+        textReference = resourceReference(R.string.common_next),
+        isSecondary = false,
+        isIconVisible = false,
+        showProgress = false,
+        isEnabled = true,
+        onClick = {},
+    )
+    private val prev = NavigationButton(
+        textReference = TextReference.EMPTY,
+        iconRes = R.drawable.ic_back_24,
+        isSecondary = true,
+        isIconVisible = true,
+        showProgress = false,
+        isEnabled = true,
+        onClick = {},
+    )
+
+    private val finished = NavigationButton(
+        textReference = resourceReference(R.string.common_close),
+        isSecondary = false,
+        isIconVisible = false,
+        showProgress = false,
+        isEnabled = true,
+        onClick = {},
+    )
+
+    val allButtons = NavigationButtonsState.Data(
+        primaryButton = finished,
+        prevButton = prev,
+        secondaryButton = next,
+        extraButtons = extraButtons,
+        txUrl = "https://tangem.com",
+    )
+}