style: animation polish

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

Author: bmc08gt

apps/flipcash/features/messenger/src/main/kotlin/com/flipcash/app/messenger/internal/screens/MessengerScreen.kt

@@ -1,9 +1,12 @@
 package com.flipcash.app.messenger.internal.screens
 
 import androidx.compose.animation.AnimatedContent
+import androidx.compose.animation.AnimatedVisibility
 import androidx.compose.animation.core.animateFloatAsState
+import androidx.compose.animation.expandHorizontally
 import androidx.compose.animation.fadeIn
 import androidx.compose.animation.fadeOut
+import androidx.compose.animation.shrinkHorizontally
 import androidx.compose.animation.slideInVertically
 import androidx.compose.animation.slideOutVertically
 import androidx.compose.animation.togetherWith
@@ -216,12 +219,17 @@ private fun UserControlBottomBar(
                             buttonState = ButtonState.Filled,
                             text = stringResource(R.string.action_sendCash),
                         ) { dispatch(ChatViewModel.Event.OnSendCash) }
-                        if (state.hasPayment) {
+                        AnimatedVisibility(
+                            visible = state.hasPayment,
+                            modifier = Modifier.weight(1f),
+                            enter = expandHorizontally(expandFrom = Alignment.Start) + fadeIn(),
+                            exit = shrinkHorizontally(shrinkTowards = Alignment.Start) + fadeOut(),
+                        ) {
                             val material = HazeMaterials.ultraThin(
                                 containerColor = CodeTheme.colors.background
                             )
                             CodeButton(
-                                modifier = Modifier.weight(1f)
+                                modifier = Modifier
                                     .hazeEffect(hazeState) {
                                         blurEffect {
                                             style = material

apps/flipcash/features/messenger/src/main/kotlin/com/flipcash/app/messenger/internal/screens/components/MessageList.kt

@@ -1,6 +1,10 @@
 package com.flipcash.app.messenger.internal.screens.components
 
+import androidx.compose.animation.AnimatedContent
 import androidx.compose.animation.core.animateFloatAsState
+import androidx.compose.animation.fadeIn
+import androidx.compose.animation.fadeOut
+import androidx.compose.animation.togetherWith
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
@@ -125,7 +129,11 @@ internal fun MessageList(
             val item = messages[index] ?: return@items
             val bottomSpacing = bottomSpacingFor(index, item, messages, separatorConfig)
 
-            Box(modifier = Modifier.padding(bottom = bottomSpacing)) {
+            Box(
+                modifier = Modifier
+                    .padding(bottom = bottomSpacing)
+                    .animateItem(),
+            ) {
                 when (item) {
                     is ChatListItem.DateSeparator -> DateSeparatorRow(item.label)
                     is ChatListItem.ContentBubble -> {
@@ -296,15 +304,21 @@ private fun shouldShowReceiptLabel(
 
 @Composable
 private fun ReceiptLabel(status: ReceiptStatus, modifier: Modifier = Modifier) {
-    val text = when (status) {
-        ReceiptStatus.SENT -> "Delivered"
-        ReceiptStatus.READ -> "Read"
-        else -> return
-    }
-    Text(
-        text = text,
-        style = CodeTheme.typography.caption,
-        color = CodeTheme.colors.textSecondary,
+    AnimatedContent(
+        targetState = status,
         modifier = modifier.padding(top = CodeTheme.dimens.grid.x1),
-    )
+        transitionSpec = { fadeIn() togetherWith fadeOut() },
+        label = "receiptStatus",
+    ) { animatedStatus ->
+        val text = when (animatedStatus) {
+            ReceiptStatus.SENT -> "Delivered"
+            ReceiptStatus.READ -> "Read"
+            else -> return@AnimatedContent
+        }
+        Text(
+            text = text,
+            style = CodeTheme.typography.caption,
+            color = CodeTheme.colors.textSecondary,
+        )
+    }
 }

apps/flipcash/shared/amount-entry/src/main/kotlin/com/flipcash/shared/amountentry/AmountEntryDelegate.kt

@@ -13,8 +13,10 @@ import kotlinx.coroutines.flow.SharingStarted
 import kotlinx.coroutines.flow.StateFlow
 import kotlinx.coroutines.flow.asStateFlow
 import kotlinx.coroutines.flow.combine
+import kotlinx.coroutines.flow.filterNotNull
 import kotlinx.coroutines.flow.launchIn
 import kotlinx.coroutines.flow.onEach
+import kotlinx.coroutines.flow.scan
 import kotlinx.coroutines.flow.stateIn
 import kotlinx.coroutines.flow.update
 import kotlin.math.roundToInt
@@ -80,7 +82,17 @@ class AmountEntryDelegate(
                 loadingState = loading,
             ),
         )
-    }.stateIn(
+    }.scan(null as AmountEntryConfig?) { prev, current ->
+        // Freeze hint and confirm state while send is in progress;
+        // only the action's loadingState is allowed to update.
+        val loading = current.action.loadingState
+        if (prev != null && (loading.loading || loading.success)) {
+            prev.copy(action = current.action)
+        } else {
+            current
+        }
+    }.filterNotNull()
+    .stateIn(
         scope,
         SharingStarted.WhileSubscribed(5000),
         AmountEntryConfig(