Updated on 2026-08-14

app/src/main/assets/tangem-app-config

@@ -1 +1 @@
-Subproject commit 9eaedddd9bfe5a1f216887d31eda0fabeba1c11d
+Subproject commit fad890b2a0b552be60d124949ca0a3a4d672dac1

app/src/main/java/com/tangem/tap/features/tokens/impl/presentation/states/TokenItemState.kt

@@ -1,12 +1,16 @@
 package com.tangem.tap.features.tokens.impl.presentation.states
 
+import androidx.compose.runtime.Immutable
 import kotlinx.collections.immutable.ImmutableList
 
 /**
- * Network item state
+ * Token item state.
+ * All subclasses is stable, but @Immutable annotation is required to use this sealed class like as
+ * field of TokensListStateHolder.
  *
 [REDACTED_AUTHOR]
  */
+@Immutable
 sealed interface TokenItemState {
 
     /** Token id */

app/src/main/java/com/tangem/tap/features/tokens/impl/presentation/states/TokensListStateHolder.kt

@@ -1,5 +1,6 @@
 package com.tangem.tap.features.tokens.impl.presentation.states
 
+import androidx.compose.runtime.Immutable
 import androidx.paging.LoadState
 import androidx.paging.PagingData
 import kotlinx.coroutines.flow.Flow
@@ -9,6 +10,7 @@ import kotlinx.coroutines.flow.Flow
  *
 [REDACTED_AUTHOR]
  */
+@Immutable
 internal sealed interface TokensListStateHolder {
 
     /** Toolbar state */

app/src/main/java/com/tangem/tap/features/tokens/impl/presentation/states/TokensListToolbarState.kt

@@ -1,6 +1,13 @@
 package com.tangem.tap.features.tokens.impl.presentation.states
 
-/** Toolbar state */
+import androidx.compose.runtime.Immutable
+
+/**
+ * Toolbar state.
+ * All subclasses is stable, but @Immutable annotation is required to use this sealed class like as
+ * field of TokensListStateHolder.
+ */
+@Immutable
 sealed interface TokensListToolbarState {
 
     /** Callback to be invoked when BackButton is being clicked */

app/src/main/java/com/tangem/tap/features/wallet/ui/MultipleAddressUiHelper.kt

@@ -22,14 +22,22 @@ object MultipleAddressUiHelper {
         return when (id) {
             R.id.chip_default -> {
                 when (blockchain) {
-                    Blockchain.Bitcoin, Blockchain.BitcoinTestnet, Blockchain.Litecoin -> BitcoinAddressType.Segwit
+                    Blockchain.Bitcoin,
+                    Blockchain.BitcoinTestnet,
+                    Blockchain.Litecoin,
+                    Blockchain.BitcoinCash,
+                    -> BitcoinAddressType.Segwit
                     Blockchain.CardanoShelley -> CardanoAddressType.Shelley
                     else -> null
                 }
             }
             R.id.chip_legacy -> {
                 when (blockchain) {
-                    Blockchain.Bitcoin, Blockchain.BitcoinTestnet, Blockchain.Litecoin -> BitcoinAddressType.Legacy
+                    Blockchain.Bitcoin,
+                    Blockchain.BitcoinTestnet,
+                    Blockchain.Litecoin,
+                    Blockchain.BitcoinCash,
+                    -> BitcoinAddressType.Legacy
                     Blockchain.CardanoShelley -> CardanoAddressType.Byron
                     else -> null
                 }

app/src/main/java/com/tangem/tap/features/wallet/ui/utils/WalletDataOperations.kt

@@ -12,6 +12,7 @@ import com.tangem.tap.common.extensions.toFormattedCurrencyString
 import com.tangem.tap.common.extensions.toFormattedFiatValue
 import com.tangem.tap.domain.model.WalletDataModel
 import com.tangem.tap.domain.model.WalletStoreModel
+import com.tangem.tap.features.wallet.models.PendingTransactionType
 import com.tangem.tap.features.wallet.models.WalletWarning
 import com.tangem.tap.features.wallet.redux.WalletMainButton
 import com.tangem.tap.features.wallet.redux.utils.UNKNOWN_AMOUNT_SIGN
@@ -19,9 +20,24 @@ import com.tangem.tap.network.exchangeServices.CurrencyExchangeManager
 import java.math.BigDecimal
 
 internal fun WalletDataModel.mainButton(blockchainAmount: BigDecimal): WalletMainButton = WalletMainButton.SendButton(
-    enabled = !isEmptyAmount && status.pendingTransactions.isEmpty() && !blockchainAmount.isZero(),
+    enabled = !isEmptyAmount &&
+        hasPendingTransactions() &&
+        !blockchainAmount.isZero(),
 )
 
+internal fun WalletDataModel.hasPendingTransactions(): Boolean {
+    // for now check pending ongoing only just for BTC, later test and add other utxo networks
+    val isBitcoinBlockchain =
+        currency.blockchain == Blockchain.Bitcoin || currency.blockchain == Blockchain.BitcoinTestnet
+    if (currency.isBlockchain() && isBitcoinBlockchain) {
+        val outgoingTransactions = status.pendingTransactions.filter {
+            it.type == PendingTransactionType.Outgoing
+        }
+        return outgoingTransactions.isEmpty()
+    }
+    return status.pendingTransactions.isEmpty()
+}
+
 internal fun WalletDataModel.getFormattedAmount(): String {
     return status.amount.toFormattedCurrencyString(
         decimals = currency.decimals,

app/src/main/java/com/tangem/tap/features/wallet/ui/view/TotalBalanceCard.kt

@@ -4,14 +4,7 @@ import android.content.Context
 import android.util.AttributeSet
 import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.foundation.background
-import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.*
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Column
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.fillMaxWidth
-import androidx.compose.foundation.layout.height
-import androidx.compose.foundation.layout.padding
-import androidx.compose.foundation.layout.width
 import androidx.compose.material.Divider
 import androidx.compose.material.Surface
 import androidx.compose.material.Text
@@ -27,11 +20,7 @@ import androidx.compose.ui.text.AnnotatedString
 import androidx.compose.ui.text.buildAnnotatedString
 import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.tooling.preview.Preview
-import com.tangem.core.ui.components.SelectorButton
+import com.tangem.core.ui.components.*
-import com.tangem.core.ui.components.SpacerH12
-import com.tangem.core.ui.components.SpacerH4
-import com.tangem.core.ui.components.SpacerW16
-import com.tangem.core.ui.components.SpacerW4
 import com.tangem.core.ui.res.TangemTheme
 import com.tangem.tap.common.entities.FiatCurrency
 import com.tangem.tap.domain.model.TotalFiatBalance
@@ -42,7 +31,8 @@ import java.math.BigDecimal
 import java.math.RoundingMode
 import java.text.DecimalFormat
 import java.text.NumberFormat
-import java.util.*
+import java.util.Currency
+import java.util.Locale
 
 internal class TotalBalanceCard @JvmOverloads constructor(
     context: Context,
@@ -125,7 +115,7 @@ private fun TotalBalanceCardContent(state: TotalBalanceCardState, modifier: Modi
                 -> LoadedAmount(
                     amount = buildAmountString(
                         amount = state.amount,
-                        fiatCurrencySymbol = state.fiatCurrency.symbol,
+                        fiatCurrency = state.fiatCurrency,
                     ),
                 )
             }
@@ -228,30 +218,45 @@ private fun LoadedAmount(amount: AnnotatedString, modifier: Modifier = Modifier)
 }
 
 @Composable
-private fun buildAmountString(amount: BigDecimal?, fiatCurrencySymbol: String): AnnotatedString {
+private fun buildAmountString(amount: BigDecimal?, fiatCurrency: FiatCurrency): AnnotatedString {
     if (amount == null) return AnnotatedString(text = UNKNOWN_AMOUNT_SIGN)
 
-    val formatter = NumberFormat.getInstance(Locale.getDefault()) as? DecimalFormat
+    val locale = Locale.getDefault()
-        ?: return AnnotatedString("${amount.toPlainString()} $fiatCurrencySymbol")
+    val fractionDigits = 2
-    val decimalFormat = formatter.apply {
+    val formatter = NumberFormat.getCurrencyInstance(locale) as? DecimalFormat
-        maximumFractionDigits = 2
+        ?: return AnnotatedString("${amount.toPlainString()} ${fiatCurrency.symbol}")
-        minimumFractionDigits = 2
+
-        isGroupingUsed = true
+    val currencyToShow = "${fiatCurrency.symbol} "
-        this.roundingMode = RoundingMode.HALF_UP
+    val scaledAmount = Currency.getInstance(fiatCurrency.code)?.let { currency ->
+        formatter.currency = currency
+        formatter.maximumFractionDigits = fractionDigits
+        formatter.minimumFractionDigits = fractionDigits
+        formatter.isGroupingUsed = true
+        formatter.roundingMode = RoundingMode.HALF_UP
+        formatter.format(amount).replace(currency.symbol, currencyToShow)
+    } ?: formatter.format(amount)
+
+    val integer = scaledAmount.substringBefore(formatter.decimalFormatSymbols.decimalSeparator)
+    var reminder = scaledAmount.substringAfter(formatter.decimalFormatSymbols.decimalSeparator)
+
+    // if locale formatted currency at the end, remember it and place out of AnnotatedString
+    val currency = if (reminder.endsWith(currencyToShow)) {
+        reminder = reminder.dropLast(currencyToShow.length)
+        currencyToShow
+    } else {
+        ""
     }
-    val scaledAmount = decimalFormat.format(amount)
-    val integer = scaledAmount.substringBefore(decimalFormat.decimalFormatSymbols.decimalSeparator)
-    val reminder = scaledAmount.substringAfter(decimalFormat.decimalFormatSymbols.decimalSeparator)
 
     return buildAnnotatedString {
         append(integer)
-        append(decimalFormat.decimalFormatSymbols.decimalSeparator)
+        append(formatter.decimalFormatSymbols.decimalSeparator)
         append(
             AnnotatedString(
-                text = "$reminder $fiatCurrencySymbol",
+                text = reminder,
                 spanStyle = TangemTheme.typography.h3.toSpanStyle(),
             ),
         )
+        append(currency) // it is not empty if was placed at the end after locale formatting
     }
 }
 

core/res/src/main/res/values-ru/strings.xml

@@ -46,6 +46,8 @@
     <string name="chat_button_title">Чат</string>
     <string name="common_accept">Принять</string>
     <string name="common_add">Добавить</string>
+    <string name="common_apply">Применить</string>
+    <string name="common_approval">Одобрение</string>
     <string name="common_attention">Внимание</string>
     <string name="common_balance">Баланс: %s</string>
     <string name="common_biometric_authentication">биометрическую аутентификацию</string>
@@ -73,7 +75,9 @@
     <string name="common_start">Начать</string>
     <string name="common_submit">Отправить</string>
     <string name="common_success">Успешно</string>
+    <string name="common_swap">Обмен</string>
     <string name="common_terms_and_conditions">условия участия</string>
+    <string name="common_transfer">Перевод</string>
     <string name="common_understand">Я понял</string>
     <string name="common_yes">Да</string>
     <string name="contract_address_copied_message">Адрес контракта скопирован!</string>
@@ -255,6 +259,9 @@
     <string name="onboarding_wallet_info_title_fourth">Восстановление кода доступа</string>
     <string name="onboarding_wallet_info_title_second">Идентичные карты</string>
     <string name="onboarding_wallet_info_title_third">Код доступа</string>
+    <string name="organize_tokens_group">Группировка</string>
+    <string name="organize_tokens_sort_by_balance">По балансу</string>
+    <string name="organize_tokens_title">Сортировка токенов</string>
     <string name="referral_button_participate">Участвовать</string>
     <string name="referral_error_failed_to_load_info">Не удалось загрузить информацию по реферальной программе. Пожалуйста, попробуйте позже.</string>
     <string name="referral_error_failed_to_load_info_with_reason">Не удалось загрузить информацию по реферальной программе. Код ошибки: %s. Пожалуйста, попробуйте позже.</string>
@@ -382,7 +389,6 @@
     <string name="swapping_permission_unlimited">Безлимитно</string>
     <string name="swapping_success_view_explorer_button_title">Открыть в обозревателе</string>
     <string name="swapping_success_view_title">В процессе</string>
-    <string name="swapping_swap">Обмен</string>
     <string name="swapping_swap_action">Обменять</string>
     <string name="swapping_swap_of_to">Обмен %s на</string>
     <string name="swapping_tangem_fee_disclaimer">Котировки включают дополнительную комиссию Tangem в размере %s. Это помогает нам предоставлять первоклассный продукт.</string>

core/res/src/main/res/values-zh-rTW/strings.xml

@@ -69,6 +69,7 @@
     <string name="common_start">開始</string>
     <string name="common_submit">提交</string>
     <string name="common_success">成功</string>
+    <string name="common_swap">交換</string>
     <string name="common_terms_and_conditions">條款和條件</string>
     <string name="common_understand">我了解</string>
     <string name="common_yes">是</string>
@@ -367,7 +368,6 @@
     <string name="swapping_permission_subheader">要繼續，您需要允許 1inch 智能合約使用您的 %s</string>
     <string name="swapping_success_view_explorer_button_title">在瀏覽器中查看</string>
     <string name="swapping_success_view_title">進行中</string>
-    <string name="swapping_swap">交換</string>
     <string name="swapping_swap_action">交易</string>
     <string name="swapping_swap_of_to">交易 %s 至</string>
     <string name="swapping_tangem_fee_disclaimer">此外，報價包括%s的 Tangem 費用。這有助於我們提供一流的產品</string>

core/res/src/main/res/values/strings.xml

@@ -44,6 +44,8 @@
     <string name="chat_button_title">Support</string>
     <string name="common_accept">Accept</string>
     <string name="common_add">Add</string>
+    <string name="common_apply">Apply</string>
+    <string name="common_approval">Approval</string>
     <string name="common_attention">Attention</string>
     <string name="common_balance">Balance: %s</string>
     <string name="common_biometric_authentication">biometric authentication</string>
@@ -71,7 +73,9 @@
     <string name="common_start">Start</string>
     <string name="common_submit">Submit</string>
     <string name="common_success">Success</string>
+    <string name="common_swap">Swap</string>
     <string name="common_terms_and_conditions">terms and conditions</string>
+    <string name="common_transfer">Transfer</string>
     <string name="common_understand">I understand</string>
     <string name="common_yes">Yes</string>
     <string name="contract_address_copied_message">Contract address copied!</string>
@@ -253,6 +257,9 @@
     <string name="onboarding_wallet_info_title_fourth">Access code restore</string>
     <string name="onboarding_wallet_info_title_second">Identical cards</string>
     <string name="onboarding_wallet_info_title_third">Access code</string>
+    <string name="organize_tokens_group">Group</string>
+    <string name="organize_tokens_sort_by_balance">By balance</string>
+    <string name="organize_tokens_title">Organize tokens</string>
     <string name="referral_button_participate">Participate</string>
     <string name="referral_error_failed_to_load_info">Failed to load the information about the referral program. Please try again later.</string>
     <string name="referral_error_failed_to_load_info_with_reason">Failed to load the information about the referral program. Error code: %s. Please try again later.</string>
@@ -378,7 +385,6 @@
     <string name="swapping_permission_unlimited">Unlimited</string>
     <string name="swapping_success_view_explorer_button_title">View in Explorer</string>
     <string name="swapping_success_view_title">In progress</string>
-    <string name="swapping_swap">Swap</string>
     <string name="swapping_swap_action">Swap</string>
     <string name="swapping_swap_of_to">Swap of %s to</string>
     <string name="swapping_tangem_fee_disclaimer">Quotes include an additional Tangem commission of %s. This helps us deliver a top-of-the-line product.</string>

core/ui/build.gradle.kts

@@ -9,8 +9,10 @@ dependencies {
     implementation(deps.androidx.fragment.ktx)
 
     /** Compose */
+    implementation(deps.compose.constraintLayout)
     implementation(deps.compose.foundation)
     implementation(deps.compose.material)
+    implementation(deps.compose.material3)
     implementation(deps.compose.ui.tooling)
 
     /** Other libraries */

core/ui/src/main/java/com/tangem/core/ui/components/Buttons.kt

@@ -312,14 +312,8 @@ private fun TangemButton(
     textStyle: TextStyle = TangemTheme.typography.button,
 ) {
     Button(
-        modifier = modifier
+        modifier = modifier.heightIn(min = size.toHeightDp()),
-            .width(IntrinsicSize.Min)
+        onClick = { if (!showProgress) onClick() },
-            .heightIn(min = size.toHeightDp()),
-        onClick = {
-            if (!showProgress) {
-                onClick()
-            }
-        },
         enabled = enabled,
         elevation = elevation,
         shape = size.toShape(),
@@ -588,59 +582,44 @@ private open class TangemButtonColors(
 
 // region Preview
 @Composable
-private fun PrimaryButtonSample(modifier: Modifier = Modifier) {
+private fun PrimaryButtonSample() {
     Column(
-        modifier = modifier
+        modifier = Modifier.background(TangemTheme.colors.background.primary),
-            .background(TangemTheme.colors.background.primary),
+        verticalArrangement = Arrangement.spacedBy(TangemTheme.dimens.spacing8),
     ) {
-        PrimaryButton(
+        PrimaryButton(modifier = Modifier.fillMaxWidth(), text = "Manage tokens", onClick = { })
-            modifier = Modifier.fillMaxWidth(),
+        PrimaryButton(modifier = Modifier.fillMaxWidth(), showProgress = true, text = "Manage tokens", onClick = { })
-            text = "Manage tokens",
-            onClick = { /* no-op */ },
-        )
-        Divider(modifier = Modifier.padding(vertical = TangemTheme.dimens.spacing8))
-        PrimaryButton(
-            modifier = Modifier.fillMaxWidth(),
-            showProgress = true,
-            text = "Manage tokens",
-            onClick = { /* no-op */ },
-        )
-        Divider(modifier = Modifier.padding(vertical = TangemTheme.dimens.spacing8))
         PrimaryButtonIconEnd(
             modifier = Modifier.fillMaxWidth(),
             text = "Manage tokens",
             iconResId = R.drawable.ic_tangem_24,
-            onClick = { /* no-op */ },
+            onClick = { },
         )
-        Divider(modifier = Modifier.padding(vertical = TangemTheme.dimens.spacing8))
         PrimaryButtonIconStart(
             modifier = Modifier.fillMaxWidth(),
             text = "Manage tokens",
             iconResId = R.drawable.ic_tangem_24,
-            onClick = { /* no-op */ },
+            onClick = { },
         )
-        Divider(modifier = Modifier.padding(vertical = TangemTheme.dimens.spacing8))
         PrimaryButton(
             modifier = Modifier.fillMaxWidth(),
             text = "Manage tokens",
             enabled = false,
-            onClick = { /* no-op */ },
+            onClick = { },
         )
-        Divider(modifier = Modifier.padding(vertical = TangemTheme.dimens.spacing8))
         PrimaryButtonIconEnd(
             modifier = Modifier.fillMaxWidth(),
             text = "Manage tokens",
             iconResId = R.drawable.ic_tangem_24,
             enabled = false,
-            onClick = { /* no-op */ },
+            onClick = { },
         )
-        Divider(modifier = Modifier.padding(vertical = TangemTheme.dimens.spacing8))
         PrimaryButtonIconStart(
             modifier = Modifier.fillMaxWidth(),
             text = "Manage tokens",
             iconResId = R.drawable.ic_tangem_24,
             enabled = false,
-            onClick = { /* no-op */ },
+            onClick = { },
         )
     }
 }
@@ -662,59 +641,44 @@ private fun PrimaryButtonPreview_Dark() {
 }
 
 @Composable
-private fun SecondaryButtonSample(modifier: Modifier = Modifier) {
+private fun SecondaryButtonSample() {
     Column(
-        modifier = modifier
+        modifier = Modifier.background(TangemTheme.colors.background.primary),
-            .background(TangemTheme.colors.background.primary),
+        verticalArrangement = Arrangement.spacedBy(TangemTheme.dimens.spacing8),
     ) {
-        SecondaryButton(
+        SecondaryButton(modifier = Modifier.fillMaxWidth(), text = "Manage tokens", onClick = { })
-            modifier = Modifier.fillMaxWidth(),
+        SecondaryButton(modifier = Modifier.fillMaxWidth(), showProgress = true, text = "Manage tokens", onClick = { })
-            text = "Manage tokens",
-            onClick = { /* no-op */ },
-        )
-        Divider(modifier = Modifier.padding(vertical = TangemTheme.dimens.spacing8))
-        SecondaryButton(
-            modifier = Modifier.fillMaxWidth(),
-            showProgress = true,
-            text = "Manage tokens",
-            onClick = { /* no-op */ },
-        )
-        Divider(modifier = Modifier.padding(vertical = TangemTheme.dimens.spacing8))
         SecondaryButtonIconEnd(
             modifier = Modifier.fillMaxWidth(),
             text = "Manage tokens",
             iconResId = R.drawable.ic_tangem_24,
-            onClick = { /* no-op */ },
+            onClick = { },
         )
-        Divider(modifier = Modifier.padding(vertical = TangemTheme.dimens.spacing8))
         SecondaryButtonIconStart(
             modifier = Modifier.fillMaxWidth(),
             text = "Manage tokens",
             iconResId = R.drawable.ic_tangem_24,
-            onClick = { /* no-op */ },
+            onClick = { },
         )
-        Divider(modifier = Modifier.padding(vertical = TangemTheme.dimens.spacing8))
         SecondaryButton(
             modifier = Modifier.fillMaxWidth(),
             text = "Manage tokens",
             enabled = false,
-            onClick = { /* no-op */ },
+            onClick = { },
         )
-        Divider(modifier = Modifier.padding(vertical = TangemTheme.dimens.spacing8))
         SecondaryButtonIconEnd(
             modifier = Modifier.fillMaxWidth(),
             text = "Manage tokens",
             iconResId = R.drawable.ic_tangem_24,
             enabled = false,
-            onClick = { /* no-op */ },
+            onClick = { },
         )
-        Divider(modifier = Modifier.padding(vertical = TangemTheme.dimens.spacing8))
         SecondaryButtonIconStart(
             modifier = Modifier.fillMaxWidth(),
             text = "Manage tokens",
             iconResId = R.drawable.ic_tangem_24,
             enabled = false,
-            onClick = { /* no-op */ },
+            onClick = { },
         )
     }
 }
@@ -736,50 +700,23 @@ private fun SecondaryButtonPreview_Dark() {
 }
 
 @Composable
-private fun TextButtonSample(modifier: Modifier = Modifier) {
+private fun TextButtonSample() {
     Column(
-        modifier = modifier
+        modifier = Modifier.background(TangemTheme.colors.background.primary),
-            .background(TangemTheme.colors.background.primary),
+        verticalArrangement = Arrangement.spacedBy(TangemTheme.dimens.spacing8),
     ) {
-        TextButton(
+        TextButton(text = "Enabled", onClick = { })
-            text = "Enabled",
+        TextButtonIconStart(text = "Enabled", iconResId = R.drawable.ic_plus_24, onClick = { })
-            onClick = { /* no-op */ },
+        TextButton(text = "Enabled", enabled = false, onClick = { })
-        )
+        TextButtonIconStart(text = "Enabled", iconResId = R.drawable.ic_plus_24, enabled = false, onClick = { })
-        Divider(modifier = Modifier.padding(vertical = TangemTheme.dimens.spacing8))
+        WarningTextButton(text = "Delete", onClick = { })
-        TextButtonIconStart(
+        SelectorButton(text = "USD", onClick = { })
-            text = "Enabled",
-            iconResId = R.drawable.ic_plus_24,
-            onClick = { /* no-op */ },
-        )
-        Divider(modifier = Modifier.padding(vertical = TangemTheme.dimens.spacing8))
-        TextButton(
-            text = "Enabled",
-            enabled = false,
-            onClick = { /* no-op */ },
-        )
-        Divider(modifier = Modifier.padding(vertical = TangemTheme.dimens.spacing8))
-        TextButtonIconStart(
-            text = "Enabled",
-            iconResId = R.drawable.ic_plus_24,
-            enabled = false,
-            onClick = { /* no-op */ },
-        )
-        Divider(modifier = Modifier.padding(vertical = TangemTheme.dimens.spacing8))
-        WarningTextButton(
-            text = "Delete",
-            onClick = { /* no-op */ },
-        )
-        Divider(modifier = Modifier.padding(vertical = TangemTheme.dimens.spacing8))
-        SelectorButton(
-            text = "USD",
-            onClick = { /* no-op */ },
-        )
     }
 }
 
 @Preview(showBackground = true, widthDp = 360)
 @Composable
-private fun TextButtonPreview_Light() {
+private fun TextButtonPreview_LightTheme() {
     TangemTheme {
         TextButtonSample()
     }
@@ -787,62 +724,30 @@ private fun TextButtonPreview_Light() {
 
 @Preview(showBackground = true, widthDp = 360)
 @Composable
-private fun TextButtonPreview_Dark() {
+private fun TextButtonPreview_DarkTheme() {
     TangemTheme(isDark = true) {
         TextButtonSample()
     }
 }
 
 @Composable
-private fun ActionButtonSample(modifier: Modifier = Modifier) {
+private fun ActionButtonSample() {
     Column(
-        modifier = modifier
+        modifier = Modifier.background(TangemTheme.colors.background.primary),
-            .background(TangemTheme.colors.background.primary),
+        verticalArrangement = Arrangement.spacedBy(TangemTheme.dimens.spacing8),
     ) {
-        RoundedActionButton(
+        RoundedActionButton(text = "Send", iconResId = R.drawable.ic_arrow_up_24, onClick = { })
-            text = "Send",
+        ActionButton(text = "Send", iconResId = R.drawable.ic_arrow_up_24, onClick = { })
-            iconResId = R.drawable.ic_arrow_up_24,
+        BackgroundActionButton(text = "Send", iconResId = R.drawable.ic_arrow_up_24, onClick = { })
-            onClick = { /* [REDACTED_TODO_COMMENT]*/ },
+        RoundedActionButton(text = "Send", iconResId = R.drawable.ic_arrow_up_24, enabled = false, onClick = { })
-        )
+        ActionButton(text = "Send", iconResId = R.drawable.ic_arrow_up_24, enabled = false, onClick = { })
-        Divider(modifier = Modifier.padding(vertical = TangemTheme.dimens.spacing8))
+        BackgroundActionButton(text = "Send", iconResId = R.drawable.ic_arrow_up_24, enabled = false, onClick = { })
-        ActionButton(
-            text = "Send",
-            iconResId = R.drawable.ic_arrow_up_24,
-            onClick = { /* [REDACTED_TODO_COMMENT]*/ },
-        )
-        Divider(modifier = Modifier.padding(vertical = TangemTheme.dimens.spacing8))
-        BackgroundActionButton(
-            text = "Send",
-            iconResId = R.drawable.ic_arrow_up_24,
-            onClick = { /* [REDACTED_TODO_COMMENT]*/ },
-        )
-        Divider(modifier = Modifier.padding(vertical = TangemTheme.dimens.spacing8))
-        RoundedActionButton(
-            text = "Send",
-            iconResId = R.drawable.ic_arrow_up_24,
-            enabled = false,
-            onClick = { /* [REDACTED_TODO_COMMENT]*/ },
-        )
-        Divider(modifier = Modifier.padding(vertical = TangemTheme.dimens.spacing8))
-        ActionButton(
-            text = "Send",
-            iconResId = R.drawable.ic_arrow_up_24,
-            enabled = false,
-            onClick = { /* [REDACTED_TODO_COMMENT]*/ },
-        )
-        Divider(modifier = Modifier.padding(vertical = TangemTheme.dimens.spacing8))
-        BackgroundActionButton(
-            text = "Send",
-            iconResId = R.drawable.ic_arrow_up_24,
-            enabled = false,
-            onClick = { /* [REDACTED_TODO_COMMENT]*/ },
-        )
     }
 }
 
 @Preview(showBackground = true, widthDp = 360)
 @Composable
-private fun ActionButtonPreview_Light() {
+private fun ActionButtonPreview_LightTheme() {
     TangemTheme {
         ActionButtonSample()
     }
@@ -850,7 +755,7 @@ private fun ActionButtonPreview_Light() {
 
 @Preview(showBackground = true, widthDp = 360)
 @Composable
-private fun ActionButtonPreview_Dark() {
+private fun ActionButtonPreview_DarkTheme() {
     TangemTheme(isDark = true) {
         ActionButtonSample()
     }

core/ui/src/main/java/com/tangem/core/ui/components/transactions/Transaction.kt

@@ -0,0 +1,342 @@
+package com.tangem.core.ui.components.transactions
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.*
+import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.material3.Icon
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.tooling.preview.PreviewParameter
+import androidx.compose.ui.tooling.preview.datasource.CollectionPreviewParameterProvider
+import androidx.constraintlayout.compose.ConstraintLayout
+import androidx.constraintlayout.compose.Dimension
+import com.tangem.core.ui.R
+import com.tangem.core.ui.components.CircleShimmer
+import com.tangem.core.ui.components.RectangleShimmer
+import com.tangem.core.ui.res.TangemTheme
+
+/**
+ * Transaction component
+ *
+ * @param state state
+ *
+ * @see <a href = "https://www.figma.com/file/RU7AIgwHtGdMfy83T5UOoR/iOS?type=design&node-id=446-438&t=71jPDxMMk4e0
+ * a025-4">Figma Component</a>
+ *
+[REDACTED_AUTHOR]
+ */
+@Composable
+fun Transaction(state: TransactionState) {
+    Surface(
+        modifier = Modifier
+            .background(TangemTheme.colors.background.primary)
+            .defaultMinSize(minHeight = TangemTheme.dimens.size56)
+            .padding(horizontal = TangemTheme.dimens.spacing12, vertical = TangemTheme.dimens.spacing10),
+        color = TangemTheme.colors.background.primary,
+    ) {
+        @Suppress("DestructuringDeclarationWithTooManyEntries")
+        ConstraintLayout(modifier = Modifier.fillMaxWidth()) {
+            val (iconItem, titleItem, subtitleItem, amountItem, timestampItem) = createRefs()
+
+            Icon(
+                state = state,
+                modifier = Modifier
+                    .size(TangemTheme.dimens.size40)
+                    .constrainAs(iconItem) {
+                        start.linkTo(parent.start)
+                        centerVerticallyTo(parent)
+                    },
+            )
+
+            Title(
+                state = state,
+                modifier = Modifier
+                    .padding(horizontal = TangemTheme.dimens.spacing12)
+                    .constrainAs(titleItem) {
+                        start.linkTo(iconItem.end)
+                        top.linkTo(iconItem.top)
+                    },
+            )
+
+            Subtitle(
+                state = state,
+                modifier = Modifier
+                    .padding(top = TangemTheme.dimens.spacing6)
+                    .padding(horizontal = TangemTheme.dimens.spacing12)
+                    .constrainAs(subtitleItem) {
+                        start.linkTo(iconItem.end)
+                        top.linkTo(amountItem.bottom)
+                        end.linkTo(timestampItem.start)
+                        width = Dimension.fillToConstraints
+                    },
+            )
+
+            Amount(
+                state = state,
+                modifier = Modifier.constrainAs(amountItem) {
+                    start.linkTo(titleItem.end)
+                    top.linkTo(titleItem.top)
+                    end.linkTo(parent.end)
+                    width = Dimension.fillToConstraints
+                },
+            )
+
+            Timestamp(
+                state = state,
+                modifier = Modifier
+                    .padding(top = TangemTheme.dimens.spacing6)
+                    .constrainAs(timestampItem) {
+                        top.linkTo(amountItem.bottom)
+                        end.linkTo(parent.end)
+                    },
+            )
+        }
+    }
+}
+
+@Composable
+private fun Icon(state: TransactionState, modifier: Modifier = Modifier) {
+    when (state) {
+        is TransactionState.Content -> {
+            Box(
+                modifier = modifier
+                    .size(TangemTheme.dimens.size40)
+                    .background(
+                        color = when (state) {
+                            is TransactionState.ProcessedTransactionContent -> {
+                                TangemTheme.colors.icon.attention.copy(alpha = 0.1f)
+                            }
+                            is TransactionState.CompletedTransactionContent -> {
+                                TangemTheme.colors.background.secondary
+                            }
+                        },
+                        shape = CircleShape,
+                    ),
+            ) {
+                Icon(
+                    painter = painterResource(
+                        id = when (state) {
+                            is TransactionState.Sending,
+                            is TransactionState.Send,
+                            -> R.drawable.ic_arrow_up_24
+
+                            is TransactionState.Receiving,
+                            is TransactionState.Receive,
+                            -> R.drawable.ic_arrow_down_24
+
+                            is TransactionState.Approving,
+                            is TransactionState.Approved,
+                            -> R.drawable.ic_doc_24
+
+                            is TransactionState.Swapping,
+                            is TransactionState.Swapped,
+                            -> R.drawable.ic_exchange_vertical_24
+                        },
+                    ),
+                    contentDescription = null,
+                    modifier = Modifier
+                        .size(TangemTheme.dimens.size20)
+                        .align(Alignment.Center),
+                    tint = when (state) {
+                        is TransactionState.ProcessedTransactionContent -> TangemTheme.colors.icon.attention
+                        is TransactionState.CompletedTransactionContent -> TangemTheme.colors.icon.informative
+                    },
+                )
+            }
+        }
+        is TransactionState.Loading -> {
+            CircleShimmer(modifier = modifier.size(TangemTheme.dimens.size40))
+        }
+    }
+}
+
+@Composable
+private fun Title(state: TransactionState, modifier: Modifier = Modifier) {
+    when (state) {
+        is TransactionState.ProcessedTransactionContent -> {
+            Row(modifier = modifier, horizontalArrangement = Arrangement.spacedBy(TangemTheme.dimens.spacing6)) {
+                Text(
+                    text = stringResource(
+                        id = when (state) {
+                            is TransactionState.Sending -> R.string.common_transfer
+                            is TransactionState.Receiving -> R.string.common_transfer
+                            is TransactionState.Approving -> R.string.common_approval
+                            is TransactionState.Swapping -> R.string.common_swap
+                        },
+                    ),
+                    color = TangemTheme.colors.text.primary1,
+                    style = TangemTheme.typography.subtitle2,
+                )
+
+                Image(
+                    modifier = Modifier.align(Alignment.CenterVertically),
+                    painter = painterResource(id = R.drawable.img_loader_15),
+                    contentDescription = null,
+                )
+            }
+        }
+        is TransactionState.CompletedTransactionContent -> {
+            Text(
+                text = stringResource(
+                    id = when (state) {
+                        is TransactionState.Send -> R.string.common_transfer
+                        is TransactionState.Receive -> R.string.common_transfer
+                        is TransactionState.Approved -> R.string.common_approval
+                        is TransactionState.Swapped -> R.string.common_swap
+                    },
+                ),
+                modifier = modifier,
+                color = TangemTheme.colors.text.primary1,
+                style = TangemTheme.typography.subtitle2,
+            )
+        }
+        is TransactionState.Loading -> {
+            RectangleShimmer(
+                modifier = modifier.size(width = TangemTheme.dimens.size70, height = TangemTheme.dimens.size12),
+            )
+        }
+    }
+}
+
+@Composable
+private fun Subtitle(state: TransactionState, modifier: Modifier = Modifier) {
+    when (state) {
+        is TransactionState.Content -> {
+            Text(
+                text = when (state) {
+                    is TransactionState.Sending -> "to: ${state.address}"
+                    is TransactionState.Send -> "to: ${state.address}"
+                    is TransactionState.Receiving -> "from: ${state.address}"
+                    is TransactionState.Receive -> "from: ${state.address}"
+                    is TransactionState.Approving -> "from: ${state.address}"
+                    is TransactionState.Approved -> "from: ${state.address}"
+                    is TransactionState.Swapping -> "contract: ${state.address}"
+                    is TransactionState.Swapped -> "contract ${state.address}"
+                },
+                modifier = modifier,
+                textAlign = TextAlign.Start,
+                color = TangemTheme.colors.text.tertiary,
+                style = TangemTheme.typography.caption,
+            )
+        }
+        is TransactionState.Loading -> {
+            RectangleShimmer(
+                modifier = modifier.size(width = TangemTheme.dimens.size52, height = TangemTheme.dimens.size12),
+            )
+        }
+    }
+}
+
+@Composable
+private fun Amount(state: TransactionState, modifier: Modifier = Modifier) {
+    when (state) {
+        is TransactionState.Content -> {
+            Text(
+                text = state.amount,
+                modifier = modifier,
+                textAlign = TextAlign.End,
+                color = TangemTheme.colors.text.primary1,
+                style = TangemTheme.typography.body2,
+            )
+        }
+        is TransactionState.Loading -> {
+            RectangleShimmer(
+                modifier = modifier.size(width = TangemTheme.dimens.size40, height = TangemTheme.dimens.size12),
+            )
+        }
+    }
+}
+
+@Composable
+private fun Timestamp(state: TransactionState, modifier: Modifier = Modifier) {
+    when (state) {
+        is TransactionState.Content -> {
+            Text(
+                text = state.timestamp,
+                modifier = modifier,
+                textAlign = TextAlign.End,
+                color = TangemTheme.colors.text.tertiary,
+                style = TangemTheme.typography.caption,
+            )
+        }
+        is TransactionState.Loading -> {
+            RectangleShimmer(
+                modifier = modifier.size(width = TangemTheme.dimens.size40, height = TangemTheme.dimens.size12),
+            )
+        }
+    }
+}
+
+@Preview
+@Composable
+private fun Preview_TransactionItem_LightTheme(
+    @PreviewParameter(TransactionItemStateProvider::class) state: TransactionState,
+) {
+    TangemTheme(isDark = false) {
+        Transaction(state)
+    }
+}
+
+@Preview
+@Composable
+private fun Preview_TransactionItem_DarkTheme(
+    @PreviewParameter(TransactionItemStateProvider::class) state: TransactionState,
+) {
+    TangemTheme(isDark = true) {
+        Transaction(state)
+    }
+}
+
+private class TransactionItemStateProvider : CollectionPreviewParameterProvider<TransactionState>(
+    collection = listOf(
+        TransactionState.Sending(
+            address = "33BddS...ga2B",
+            amount = "-0.500913 BTC",
+            timestamp = "8:41",
+        ),
+        TransactionState.Receiving(
+            address = "33BddS...ga2B",
+            amount = "+0.500913 BTC",
+            timestamp = "8:41",
+        ),
+        TransactionState.Approving(
+            address = "33BddS...ga2B",
+            amount = "+0.500913 BTC",
+            timestamp = "8:41",
+        ),
+        TransactionState.Swapping(
+            address = "33BddS...ga2B",
+            amount = "+0.500913 BTC",
+            timestamp = "8:41",
+        ),
+        TransactionState.Send(
+            address = "33BddS...ga2B",
+            amount = "-0.500913 BTC",
+            timestamp = "8:41",
+        ),
+        TransactionState.Receive(
+            address = "33BddS...ga2B",
+            amount = "+0.500913 BTC",
+            timestamp = "8:41",
+        ),
+        TransactionState.Approved(
+            address = "33BddS...ga2B",
+            amount = "+0.500913 BTC",
+            timestamp = "8:41",
+        ),
+        TransactionState.Swapped(
+            address = "33BddS...ga2B",
+            amount = "+0.500913 BTC",
+            timestamp = "8:41",
+        ),
+        TransactionState.Loading,
+    ),
+)

core/ui/src/main/java/com/tangem/core/ui/components/transactions/TransactionState.kt

@@ -0,0 +1,155 @@
+package com.tangem.core.ui.components.transactions
+
+/**
+ * Transaction component state
+ *
+[REDACTED_AUTHOR]
+ */
+sealed interface TransactionState {
+
+    /**
+     * Content state
+     *
+     * @property address   address
+     * @property amount    amount
+     * @property timestamp timestamp
+     */
+    sealed class Content(
+        open val address: String,
+        open val amount: String,
+        open val timestamp: String,
+    ) : TransactionState
+
+    /**
+     * Content state for processed transaction
+     *
+     * @property address   address
+     * @property amount    amount
+     * @property timestamp timestamp
+     */
+    sealed class ProcessedTransactionContent(
+        override val address: String,
+        override val amount: String,
+        override val timestamp: String,
+    ) : Content(address, amount, timestamp)
+
+    /**
+     * Content state for completed transaction
+     *
+     * @property address   address
+     * @property amount    amount
+     * @property timestamp timestamp
+     */
+    sealed class CompletedTransactionContent(
+        override val address: String,
+        override val amount: String,
+        override val timestamp: String,
+    ) : Content(address, amount, timestamp)
+
+    /**
+     * Processed sending transaction state
+     *
+     * @property address   address
+     * @property amount    amount
+     * @property timestamp timestamp
+     */
+    data class Sending(
+        override val address: String,
+        override val amount: String,
+        override val timestamp: String,
+    ) : ProcessedTransactionContent(address, amount, timestamp)
+
+    /**
+     * Processed receiving transaction state
+     *
+     * @property address   address
+     * @property amount    amount
+     * @property timestamp timestamp
+     */
+    data class Receiving(
+        override val address: String,
+        override val amount: String,
+        override val timestamp: String,
+    ) : ProcessedTransactionContent(address, amount, timestamp)
+
+    /**
+     * Processed approving transaction state
+     *
+     * @property address   address
+     * @property amount    amount
+     * @property timestamp timestamp
+     */
+    data class Approving(
+        override val address: String,
+        override val amount: String,
+        override val timestamp: String,
+    ) : ProcessedTransactionContent(address, amount, timestamp)
+
+    /**
+     * Processed swapping transaction state
+     *
+     * @property address   address
+     * @property amount    amount
+     * @property timestamp timestamp
+     */
+    data class Swapping(
+        override val address: String,
+        override val amount: String,
+        override val timestamp: String,
+    ) : ProcessedTransactionContent(address, amount, timestamp)
+
+    /**
+     * Completed sending transaction state
+     *
+     * @property address   address
+     * @property amount    amount
+     * @property timestamp timestamp
+     */
+    data class Send(
+        override val address: String,
+        override val amount: String,
+        override val timestamp: String,
+    ) : CompletedTransactionContent(address, amount, timestamp)
+
+    /**
+     * Completed receiving transaction state
+     *
+     * @property address   address
+     * @property amount    amount
+     * @property timestamp timestamp
+     */
+    data class Receive(
+        override val address: String,
+        override val amount: String,
+        override val timestamp: String,
+    ) : CompletedTransactionContent(address, amount, timestamp)
+
+    /**
+     * Completed approving transaction state
+     *
+     * @property address   address
+     * @property amount    amount
+     * @property timestamp timestamp
+     */
+    data class Approved(
+        override val address: String,
+        override val amount: String,
+        override val timestamp: String,
+    ) : CompletedTransactionContent(address, amount, timestamp)
+
+    /**
+     * Completed swapping transaction state
+     *
+     * @property address   address
+     * @property amount    amount
+     * @property timestamp timestamp
+     */
+    data class Swapped(
+        override val address: String,
+        override val amount: String,
+        override val timestamp: String,
+    ) : CompletedTransactionContent(address, amount, timestamp)
+
+    /** Loading state */
+    object Loading : TransactionState
+}

core/ui/src/main/java/com/tangem/core/ui/extensions/TextReference.kt

@@ -2,22 +2,42 @@ package com.tangem.core.ui.extensions
 
 import androidx.annotation.StringRes
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.Immutable
 import androidx.compose.runtime.ReadOnlyComposable
 import androidx.compose.ui.res.stringResource
 
+/**
+ * Utility class for creating text as [String] or [StringRes].
+ * It necessary to use [Immutable] annotation because all sealed interface has runtime stability.
+ * All subclasses are stable.
+ */
+@Immutable
 sealed interface TextReference {
-    class Res(@StringRes val id: Int, val formatArgs: List<Any> = emptyList()) : TextReference {
-        constructor(@StringRes id: Int, vararg formatArgs: Any) : this(id, formatArgs.toList())
-    }
 
-    class Str(val value: String) : TextReference
+    /**
+     * Text resource id
+     *
+     * @property id         resource id
+     * @property formatArgs arguments
+     *
+     * Impossible to use [kotlinx.collections.immutable.ImmutableList] because [Any] is unstable.
+     */
+    data class Res(@StringRes val id: Int, val formatArgs: WrappedList<Any> = WrappedList(emptyList())) : TextReference
+
+    /**
+     * Text string
+     *
+     * @property value value
+     */
+    data class Str(val value: String) : TextReference
 }
 
+/** Get text */
 @Composable
 @ReadOnlyComposable
 fun TextReference.resolveReference(): String {
     return when (this) {
-        is TextReference.Res -> stringResource(this.id, *this.formatArgs.toTypedArray())
+        is TextReference.Res -> stringResource(id, *formatArgs.toTypedArray())
-        is TextReference.Str -> this.value
+        is TextReference.Str -> value
     }
 }

core/ui/src/main/java/com/tangem/core/ui/extensions/WrappedList.kt

@@ -0,0 +1,10 @@
+package com.tangem.core.ui.extensions
+
+import androidx.compose.runtime.Immutable
+
+/**
+[REDACTED_AUTHOR]
+ */
+@JvmInline
+@Immutable
+value class WrappedList<T>(val data: List<T>) : List<T> by data

core/ui/src/main/java/com/tangem/core/ui/res/TangemDimens.kt

@@ -56,9 +56,11 @@ data class TangemDimens internal constructor(
     val size46: Dp = 46.dp,
     val size48: Dp = 48.dp,
     val size50: Dp = 50.dp,
+    val size52: Dp = 52.dp,
     val size56: Dp = 56.dp,
     val size62: Dp = 62.dp,
     val size68: Dp = 68.dp,
+    val size70: Dp = 70.dp,
     val size72: Dp = 72.dp,
     val size80: Dp = 80.dp,
     val size84: Dp = 84.dp,

core/ui/src/main/res/drawable/ic_doc_24.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M6,2C5.47,2 4.961,2.211 4.586,2.586C4.211,2.961 4,3.47 4,4V20C4,20.53 4.211,21.039 4.586,21.414C4.961,21.789 5.47,22 6,22H18C18.53,22 19.039,21.789 19.414,21.414C19.789,21.039 20,20.53 20,20V8L14,2H6ZM6,4H13V9H18V20H6V4ZM8,12V14H16V12H8ZM8,16V18H13V16H8Z"
+      android:fillColor="#000000" />
+</vector>