feat(messenger): request money from a private group

apps/flipcash/core/src/main/kotlin/com/flipcash/app/core/chat/ChatStep.kt

@@ -3,6 +3,7 @@ package com.flipcash.app.core.chat
 import android.os.Parcelable
 import com.flipcash.services.models.chat.ChatId
 import com.getcode.solana.keys.Mint
+import com.getcode.navigation.FullscreenSheet
 import com.getcode.navigation.HalfSheet
 import com.getcode.navigation.Sheet
 import com.getcode.navigation.WrapContentSheet
@@ -189,6 +190,28 @@ sealed interface ChatStep : FlowStep, Parcelable {
      * sheet (node 10330:18091), opened from the pill row's "$". The sheet picks which reaction from
      * the viewer's own. Short and fixed, so it wraps its content.
      */
+    /**
+     * Frames 03–06 — a private group's Request Money history, and the create flow behind its New
+     * Request button, on a back stack of its own. Presented as [ShareMessage] is, a full sheet
+     * with a close at its root; its steps are non-draggable, so the close is the only way out.
+     */
+    @Parcelize
+    @Serializable
+    data class RequestMoney(val chatId: ChatId) : ChatStep, Sheet, FullscreenSheet
+
+    /**
+     * Frames 09, 11, 24 and 35 — one payment request in [chatId]. [requestId] is the request's id
+     * in base58, so the step stays a plain parcelable. A full sheet like [RequestMoney], closed
+     * only from its app bar; `ChatFlowScreen` turns the drag-to-dismiss off. [pay] opens it
+     * straight into paying the viewer's share, as the deck's Pay button does.
+     */
+    @Parcelize
+    @Serializable
+    data class RequestDetails(val chatId: ChatId, val requestId: String, val pay: Boolean = false) :
+        ChatStep,
+        Sheet,
+        FullscreenSheet
+
     @Parcelize
     @Serializable
     data class ReactionBoost(

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

@@ -1014,6 +1014,159 @@
     <string name="label_chat_preview_sentCash_bySender">%1$s sent %2$s</string>
     <string name="label_chat_preview_tippedCash_bySender">%1$s tipped %2$s</string>
     <string name="label_chat_preview_sharedProfile">Shared a profile</string>
+    <string name="label_paymentRequest_card">Request</string>
+    <string name="label_chat_preview_sentRequest">You sent request for %1$s</string>
+    <string name="label_chat_preview_sentRequest_bySender">%1$s sent request for %2$s</string>
+    <string name="label_chat_preview_sentRequest_untitled">You sent request</string>
+    <string name="label_chat_preview_sentRequest_untitled_bySender">%1$s sent request</string>
+    <string name="action_sendMoney">Send Money</string>
+    <string name="subtitle_sendMoney_group">Send money to someone in the group, or multiple people</string>
+    <string name="action_requestMoney">Request Money</string>
+    <string name="subtitle_requestMoney_group">Collect money from people in the group</string>
+    <!-- Request Money history and the create flow, group requests spec frames 03–06 and 25. -->
+    <string name="title_requestMoneyHistory">Request Money</string>
+    <string name="action_newRequest">New Request</string>
+    <string name="header_openRequests">Open Requests</string>
+    <string name="header_previousRequests">Previous Requests</string>
+    <string name="label_requestProgress">%1$s paid, %2$s requested</string>
+    <string name="label_requestCompleted">✓ %1$s paid</string>
+    <string name="title_amountPerPerson">Amount Per Person</string>
+    <string name="title_newRequest">New Request</string>
+    <string name="label_perPerson">per person</string>
+    <string name="label_requestName">Name</string>
+    <string name="title_requestName">What is the request for?</string>
+    <string name="label_requestPeople">People</string>
+    <string name="label_requestTiming">Timing</string>
+    <plurals name="label_requestDaysLeft">
+        <item quantity="one">%1$d day left to pay</item>
+        <item quantity="other">%1$d days left to pay</item>
+    </plurals>
+    <plurals name="label_requestHoursLeft">
+        <item quantity="one">%1$d hour left to pay</item>
+        <item quantity="other">%1$d hours left to pay</item>
+    </plurals>
+    <plurals name="label_requestMinutesLeft">
+        <item quantity="one">%1$d minute left to pay</item>
+        <item quantity="other">%1$d minutes left to pay</item>
+    </plurals>
+    <string name="label_requestPaidInFull">Paid in full</string>
+    <string name="label_requestClosed">Closed</string>
+    <string name="label_requestExpired">Expired</string>
+    <!-- The owed deck's time left: the status line without "to pay". -->
+    <plurals name="label_requestDaysLeftShort">
+        <item quantity="one">%1$d day left</item>
+        <item quantity="other">%1$d days left</item>
+    </plurals>
+    <plurals name="label_requestHoursLeftShort">
+        <item quantity="one">%1$d hour left</item>
+        <item quantity="other">%1$d hours left</item>
+    </plurals>
+    <plurals name="label_requestMinutesLeftShort">
+        <item quantity="one">%1$d minute left</item>
+        <item quantity="other">%1$d minutes left</item>
+    </plurals>
+    <!-- The owed deck: "You owe $20", then "You owe $20 · 2 days left". -->
+    <string name="label_requestYouOwe">You owe %1$s</string>
+    <string name="label_requestYouPaid">✓ You paid %1$s</string>
+    <string name="label_requestYourRequest">Your request</string>
+    <string name="cd_requestYouPaid">you paid %1$s</string>
+    <string name="cd_requestYouOwe">you owe %1$s</string>
+    <string name="cd_requestYourRequest">your request</string>
+    <string name="action_requestPay">Pay</string>
+    <string name="cd_requestPayShare">Pay %1$s</string>
+    <string name="cd_requestOwed">You owe %1$s for %2$s, %3$s</string>
+    <!-- The app-bar deck's front card: "$180 of $520". -->
+    <string name="label_requestDeckProgress">%1$s of %2$s</string>
+    <!-- Screen reader label for the deck: title, "<paid> of <requested> paid", status line. -->
+    <string name="cd_requestDeck">%1$s, %2$s of %3$s paid, %4$s</string>
+    <!-- As cd_requestDeck, with the viewer's standing ("you paid $5") after the title. -->
+    <string name="cd_requestDeckViewer">%1$s, %2$s, %3$s of %4$s paid, %5$s</string>
+    <plurals name="cd_requestDeckCount">
+        <item quantity="one">%1$d request</item>
+        <item quantity="other">%1$d requests</item>
+    </plurals>
+    <string name="action_nextRequest">Next request</string>
+    <!-- %1$s is the weekday in the device locale: "Saturday Request". -->
+    <string name="label_defaultRequestTitle">%1$s Request</string>
+    <string name="value_requestPeople_everyoneIncludingYou">Everyone, Including You</string>
+    <string name="value_requestPeople_everyoneExceptYou">Everyone Except You</string>
+    <string name="value_requestPeople_choose">Choose People</string>
+    <plurals name="value_requestPeople_someIncludingYou">
+        <item quantity="one">%1$d Person, Including You</item>
+        <item quantity="other">%1$d People, Including You</item>
+    </plurals>
+    <plurals name="value_requestPeople_some">
+        <item quantity="one">%1$d Person</item>
+        <item quantity="other">%1$d People</item>
+    </plurals>
+    <string name="subtitle_requestMarkedPaid">You\'ll be marked as paid</string>
+    <plurals name="value_requestDaysToPay">
+        <item quantity="one">%1$d Day To Pay</item>
+        <item quantity="other">%1$d Days To Pay</item>
+    </plurals>
+    <!-- %1$s is a medium date and short time in the device locale: "Until Nov 2, 6:00 PM". -->
+    <string name="value_requestUntil">Until %1$s</string>
+    <string name="subtitle_requestAutoCloses">Request automatically closes after</string>
+    <plurals name="action_requestFromPeople">
+        <item quantity="one">Request %2$s from %1$d Person</item>
+        <item quantity="other">Request %2$s from %1$d People</item>
+    </plurals>
+    <string name="label_selectPeople_you">You</string>
+    <string name="title_requestMaxPeople">100 People Max</string>
+    <string name="description_requestMaxPeople">A request can include up to 100 people.</string>
+    <string name="title_timeToPay">Time To Pay</string>
+    <string name="option_timeToPay_day">1 Day</string>
+    <string name="option_timeToPay_threeDays">3 Days</string>
+    <string name="option_timeToPay_week">1 Week</string>
+    <string name="option_timeToPay_twoWeeks">2 Weeks</string>
+    <string name="option_timeToPay_fourWeeks">4 Weeks</string>
+    <string name="option_timeToPay_custom">Custom</string>
+    <plurals name="description_timeToPayPreset">
+        <item quantity="one">%2$s · closes %1$d day after you send</item>
+        <item quantity="other">%2$s · closes %1$d days after you send</item>
+    </plurals>
+    <plurals name="description_timeToPayCustom">
+        <item quantity="one">Custom · %1$d day</item>
+        <item quantity="other">Custom · %1$d days</item>
+    </plurals>
+    <string name="description_timeToPayCustomToday">Custom · today</string>
+    <string name="label_timeToPayStarts">Starts</string>
+    <string name="value_timeToPayStarts">Today, on send</string>
+    <string name="label_timeToPayCloses">Closes</string>
+    <string name="value_timeToPayClosesAround">≈ %1$s</string>
+    <string name="label_timeToPayTime">Time</string>
+    <string name="title_timeToPaySelectTime">Select time</string>
+    <string name="cd_timeToPayKeyboard">Type a time</string>
+    <string name="cd_timeToPayDial">Pick a time on the dial</string>
+    <string name="action_timeToPayOk">OK</string>
+    <string name="title_sendRequestConfirm">Send Request?</string>
+    <string name="description_sendRequestConfirm">You will receive and hold the money collected</string>
+    <string name="action_sendRequest">Send Request</string>
+    <string name="error_title_cantSendRequest">Can\'t Send Request</string>
+    <string name="error_description_requestDenied">You can\'t request money in this group.</string>
+    <string name="error_description_requestEndsAt">Choose a deadline within the next 4 weeks.</string>
+    <string name="error_description_requestShares">Someone you included is no longer in the group. Check who\'s included and try again.</string>
+    <string name="error_description_requestCurrency">Requests aren\'t available in this currency yet.</string>
+    <!-- Request details, group requests spec frames 09–11, 24, 28, 29 and 33–35. -->
+    <string name="title_requestDetails">Request</string>
+    <string name="label_requestedBy">Requested by %1$s</string>
+    <string name="label_requestedByYou">Requested by you</string>
+    <string name="label_sharePaid">✓ Paid</string>
+    <string name="label_shareUnpaid">Hasn\'t paid yet</string>
+    <string name="label_shareUnpaidEnded">Didn\'t pay</string>
+    <!-- Under the member's name on the Mark as Paid sheet: "$20 · Hasn't paid yet". -->
+    <string name="label_shareUnpaidAmount">%1$s · Hasn\'t paid yet</string>
+    <string name="action_sendShare">Send %1$s</string>
+    <string name="cd_requestOptions">Request options</string>
+    <string name="cd_close">Close</string>
+    <string name="action_closeRequest">Close Request</string>
+    <string name="title_closeRequestConfirm">Close Request?</string>
+    <string name="description_closeRequestConfirm">This will stop payments. Anyone who hasn\'t paid will be marked Didn\'t pay. Payments already made won\'t be affected.</string>
+    <string name="action_markAsPaid">Mark as Paid</string>
+    <string name="title_markPaidConfirm">Mark %1$s as Paid?</string>
+    <string name="description_markPaidConfirm">Use this if %1$s paid you outside Flipcash. No money will be sent. This action cannot be reversed.</string>
+    <string name="error_title_requestClosed">Request Closed</string>
+    <string name="error_description_requestClosed">This request is no longer accepting payments.</string>
     <string name="label_chat_preview_noMessages">Nothing yet</string>
     <string name="label_isTyping">Is Typing…</string>
 

apps/flipcash/features/messenger/src/main/kotlin/com/flipcash/app/messenger/ChatFlowScreen.kt

@@ -5,12 +5,14 @@ import androidx.compose.runtime.Composable
 import androidx.compose.material3.Text
 import androidx.activity.compose.BackHandler
 import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.runtime.DisposableEffect
 import androidx.compose.runtime.LaunchedEffect
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.runtime.saveable.rememberSaveable
 import androidx.compose.runtime.setValue
+import androidx.compose.runtime.snapshotFlow
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.platform.LocalResources
 import androidx.compose.ui.res.stringResource
@@ -42,6 +44,9 @@ import com.flipcash.app.messenger.internal.screens.ReactionPickerSheet
 import com.flipcash.app.messenger.internal.screens.ReactorsSheet
 import com.flipcash.app.messenger.internal.screens.ReactorsViewModel
 import com.flipcash.app.messenger.internal.screens.ShareToChatsSubject
+import com.flipcash.app.messenger.internal.request.ChatRequestsViewModel
+import com.flipcash.app.messenger.internal.request.RequestDetailsScreen
+import com.flipcash.app.messenger.internal.request.RequestMoneyScreen
 import com.flipcash.app.messenger.internal.screens.boost.ReactionBoostAmountViewModel
 import com.flipcash.app.messenger.internal.screens.boost.ReactionBoostCurrencySheet
 import com.flipcash.app.messenger.internal.screens.boost.ReactionBoostSheet
@@ -82,11 +87,13 @@ import com.getcode.navigation.scenes.LocalSheetNavigator
 import com.getcode.navigation.scenes.ModalBottomSheetSceneStrategy
 import com.getcode.ui.components.AppBarDefaults
 import com.getcode.ui.components.AppBarWithTitle
+import com.getcode.ui.utils.LocalSheetOverhang
 import com.getcode.ui.utils.rememberKeyboardController
 import kotlinx.coroutines.flow.filterIsInstance
 import kotlinx.coroutines.flow.first
 import kotlinx.coroutines.flow.launchIn
 import kotlinx.coroutines.flow.onEach
+import com.getcode.utils.base58
 
 @Composable
 fun ChatFlowScreen(
@@ -198,6 +205,13 @@ private fun chatEntryProvider(
         val viewModel = flowSharedViewModel<ChatViewModel>()
         val dismissSheet = LocalBottomSheetDismissDispatcher.current
         val navigator = LocalCodeNavigator.current
+        // Closed by its X only, as Request details is: no flow host to carry NonDraggableRoute.
+        val sheetNavigator = LocalSheetNavigator.current
+        DisposableEffect(sheetNavigator) {
+            val previous = sheetNavigator?.sheetDragDisabled ?: false
+            sheetNavigator?.sheetDragDisabled = true
+            onDispose { sheetNavigator?.sheetDragDisabled = previous }
+        }
         GroupSendDetailsSheet(
             tokenName = step.tokenName,
             tokenImageUrl = step.tokenImageUrl,
@@ -220,6 +234,48 @@ private fun chatEntryProvider(
         )
     }
 
+    annotatedEntry<ChatStep.RequestMoney> { step ->
+        val navigator = LocalCodeNavigator.current
+        val dismissSheet = LocalBottomSheetDismissDispatcher.current
+        RequestMoneyScreen(
+            chatId = step.chatId,
+            resultStateRegistry = resultStateRegistry,
+            onClose = { dismissSheet() },
+            onOpenScreen = { route -> navigator.navigate(route) },
+        )
+    }
+
+    annotatedEntry<ChatStep.RequestDetails> { step ->
+        val navigator = LocalCodeNavigator.current
+        val dismissSheet = LocalBottomSheetDismissDispatcher.current
+        // No inner flow host to carry a NonDraggableRoute up to the sheet, so turn the drag off
+        // here, as FlowHost would: the app bar's close is the only way out. The flag is the chat
+        // flow's, shared with a Request Money sheet underneath, so put back what was there.
+        val sheetNavigator = LocalSheetNavigator.current
+        DisposableEffect(sheetNavigator) {
+            val previous = sheetNavigator?.sheetDragDisabled ?: false
+            sheetNavigator?.sheetDragDisabled = true
+            onDispose { sheetNavigator?.sheetDragDisabled = previous }
+        }
+        // Opened from the expanded deck, which stays as it was while the sheet rises over it. Once
+        // the sheet is fully up, snap the deck minimized where nobody sees it, so coming back shows
+        // the chat with the deck in the app bar and no collapse playing as the sheet leaves.
+        val requests = flowSharedViewModel<ChatRequestsViewModel>()
+        val overhang = LocalSheetOverhang.current
+        LaunchedEffect(requests) {
+            snapshotFlow { overhang() }.first { it > 1f }
+            snapshotFlow { overhang() }.first { it <= 1f }
+            requests.setExpanded(false)
+        }
+        RequestDetailsScreen(
+            chatId = step.chatId,
+            requestId = step.requestId,
+            payOnOpen = step.pay,
+            onBack = { dismissSheet() },
+            onOpenScreen = { route -> navigator.navigate(route) },
+        )
+    }
+
     annotatedEntry<ChatStep.ReactionPicker> { step ->
         FlowReactionPickerScreen(step.messageId)
     }
@@ -278,6 +334,15 @@ private fun FlowConversationScreen(
             }
     }
 
+    LaunchedEffect(viewModel) {
+        viewModel.eventFlow
+            .filterIsInstance<ChatViewModel.Event.NavigateToRequestMoney>()
+            .collect {
+                val chatId = viewModel.stateFlow.value.chatId ?: return@collect
+                keyboard.hideIfVisible { navigator.push(ChatStep.RequestMoney(chatId)) }
+            }
+    }
+
     LaunchedEffect(viewModel) {
         viewModel.eventFlow
             .filterIsInstance<ChatViewModel.Event.OpenScreen>()