Feature: handle lnurl success action

app/navigation/stack-param-lists.ts

@@ -1,3 +1,4 @@
+import { LNURLPaySuccessAction } from "lnurl-pay/dist/types/types"
 import { PhoneCodeChannelType, UserContact, WalletCurrency } from "@app/graphql/generated"
 import { EarnSectionType } from "@app/screens/earns-screen/sections"
 import { PhoneLoginInitiateType } from "@app/screens/phone-auth-screen"
@@ -52,6 +53,7 @@ export type RootStackParamList = {
   sendBitcoinCompleted: {
     arrivalAtMempoolEstimate?: number
     status: PaymentSendCompletedStatus
+    successAction?: LNURLPaySuccessAction | null
   }
   language: undefined
   currency: undefined

app/screens/send-bitcoin-screen/payment-details/index.types.ts

@@ -1,5 +1,7 @@
-import { LnUrlPayServiceResponse } from "lnurl-pay/dist/types/types"
-
+import {
+  LnUrlPayServiceResponse,
+  LNURLPaySuccessAction,
+} from "lnurl-pay/dist/types/types"
 import {
   GraphQlApplicationError,
   IntraLedgerPaymentSendMutationHookResult,
@@ -101,6 +103,10 @@ export type SetInvoice<T extends WalletCurrency> = (params: {
   paymentRequestAmount: BtcMoneyAmount
 }) => PaymentDetail<T>
 
+export type SetSuccessAction<T extends WalletCurrency> = (
+  successAction: LNURLPaySuccessAction | undefined,
+) => PaymentDetail<T>
+
 type BasePaymentDetail<T extends WalletCurrency> = {
   memo?: string
   paymentType:
@@ -152,6 +158,16 @@ export type PaymentDetailSetAmount<T extends WalletCurrency> =
       destinationSpecifiedAmount: BtcMoneyAmount // the amount that comes from the destination
     }
 
+export type PaymentDetailSetSuccessAction<T extends WalletCurrency> =
+  | {
+      setSuccessAction: SetSuccessAction<T>
+      successAction?: LNURLPaySuccessAction
+    }
+  | {
+      setSuccessAction?: undefined
+      successAction?: undefined
+    }
+
 // sendPayment and getFee are defined together
 export type PaymentDetailSendPaymentGetFee<T extends WalletCurrency> =
   | {
@@ -179,14 +195,16 @@ type LnurlSpecificProperties<T extends WalletCurrency> =
       paymentType: typeof PaymentType.Lnurl
       lnurlParams: LnUrlPayServiceResponse
       setInvoice: SetInvoice<T>
+      setSuccessAction: SetSuccessAction<T>
     }
 
 // combine all rules together with base type
 export type PaymentDetail<T extends WalletCurrency> = BasePaymentDetail<T> &
   LnurlSpecificProperties<T> &
   PaymentDetailSetMemo<T> &
   PaymentDetailSetAmount<T> &
-  PaymentDetailSendPaymentGetFee<T>
+  PaymentDetailSendPaymentGetFee<T> &
+  PaymentDetailSetSuccessAction<T>
 
 export const AmountInvalidReason = {
   InsufficientBalance: "InsufficientBalance",

app/screens/send-bitcoin-screen/payment-details/lightning.ts

@@ -1,4 +1,7 @@
-import { LnUrlPayServiceResponse } from "lnurl-pay/dist/types/types"
+import {
+  LnUrlPayServiceResponse,
+  LNURLPaySuccessAction,
+} from "lnurl-pay/dist/types/types"
 
 import { WalletCurrency } from "@app/graphql/generated"
 import {
@@ -13,6 +16,7 @@ import { PaymentType } from "@galoymoney/client"
 
 import {
   ConvertMoneyAmount,
+  SetSuccessAction,
   SetInvoice,
   GetFee,
   PaymentDetail,
@@ -368,6 +372,7 @@ export type CreateLnurlPaymentDetailsParams<T extends WalletCurrency> = {
   paymentRequest?: string
   paymentRequestAmount?: BtcMoneyAmount
   unitOfAccountAmount: MoneyAmount<WalletOrDisplayCurrency>
+  successAction?: LNURLPaySuccessAction
 } & BaseCreatePaymentDetailsParams<T>
 
 export const createLnurlPaymentDetails = <T extends WalletCurrency>(
@@ -383,6 +388,7 @@ export const createLnurlPaymentDetails = <T extends WalletCurrency>(
     sendingWalletDescriptor,
     destinationSpecifiedMemo,
     senderSpecifiedMemo,
+    successAction,
   } = params
 
   const destinationSpecifiedAmount =
@@ -465,6 +471,13 @@ export const createLnurlPaymentDetails = <T extends WalletCurrency>(
     })
   }
 
+  const setSuccessAction: SetSuccessAction<T> = (newSuccessAction) => {
+    return createLnurlPaymentDetails({
+      ...params,
+      successAction: newSuccessAction,
+    })
+  }
+
   const setSendingWalletDescriptor: SetSendingWalletDescriptor<T> = (
     newSendingWalletDescriptor,
   ) => {
@@ -488,6 +501,8 @@ export const createLnurlPaymentDetails = <T extends WalletCurrency>(
     setInvoice,
     convertMoneyAmount,
     setConvertMoneyAmount,
+    successAction,
+    setSuccessAction,
     ...setAmount,
     ...setMemo,
     ...sendPaymentAndGetFee,

app/screens/send-bitcoin-screen/send-bitcoin-completed-screen.tsx

@@ -1,10 +1,12 @@
 import React, { useCallback, useEffect } from "react"
-import { View, Alert } from "react-native"
+import { View, Alert, TouchableOpacity } from "react-native"
 import InAppReview from "react-native-in-app-review"
+import Clipboard from "@react-native-clipboard/clipboard"
 
 import { useApolloClient } from "@apollo/client"
 import { GaloyIcon } from "@app/components/atomic/galoy-icon"
 import { Screen } from "@app/components/screen"
+import { toastShow } from "@app/utils/toast"
 import {
   SuccessIconAnimation,
   CompletedTextAnimation,
@@ -36,7 +38,7 @@ type Props = {
 type StatusProcessed = "SUCCESS" | "PENDING" | "QUEUED"
 
 const SendBitcoinCompletedScreen: React.FC<Props> = ({ route }) => {
-  const { arrivalAtMempoolEstimate, status: statusRaw } = route.params
+  const { arrivalAtMempoolEstimate, status: statusRaw, successAction } = route.params
   const styles = useStyles()
   const {
     theme: { colors },
@@ -114,6 +116,52 @@ const SendBitcoinCompletedScreen: React.FC<Props> = ({ route }) => {
     }
   }, [client, feedbackModalShown, LL, showSuggestionModal, navigation, requestFeedback])
 
+  const copyToClipboard = (text: string, message: string) => {
+    Clipboard.setString(text)
+    toastShow({
+      type: "success",
+      message,
+      LL,
+    })
+  }
+
+  const SuccessActionComponent = () => {
+    if (!successAction) return null
+
+    const originalText = successAction.message ?? ""
+    const truncatedText =
+      originalText.slice(0, 300) + (originalText.length > 300 ? "..." : "")
+
+    switch (successAction.tag) {
+      case "message":
+        return (
+          <View style={styles.successActionContainer}>
+            <Text style={styles.fieldTitleText}>{LL.SendBitcoinScreen.note()}</Text>
+
+            <View style={styles.successActionFieldContainer}>
+              <View style={styles.disabledFieldBackground}>
+                <Text style={styles.truncatedText}>{truncatedText}</Text>
+              </View>
+              <TouchableOpacity
+                style={styles.iconContainer}
+                onPress={() =>
+                  copyToClipboard(
+                    originalText ?? "",
+                    LL.SendBitcoinScreen.copiedDestination(),
+                  )
+                }
+                hitSlop={30}
+              >
+                <GaloyIcon name={"copy-paste"} size={18} color={colors.primary} />
+              </TouchableOpacity>
+            </View>
+          </View>
+        )
+      default:
+        return null
+    }
+  }
+
   const MainIcon = () => {
     switch (status) {
       case "SUCCESS":
@@ -151,6 +199,7 @@ const SendBitcoinCompletedScreen: React.FC<Props> = ({ route }) => {
             {SuccessText()}
           </Text>
         </CompletedTextAnimation>
+        <SuccessActionComponent />
       </View>
       <SuggestionModal
         navigation={navigation}
@@ -198,6 +247,45 @@ const useStyles = makeStyles(({ colors }) => ({
     padding: 20,
     borderRadius: 20,
   },
+  truncatedText: {
+    fontSize: 14,
+  },
+  fieldTitleText: {
+    fontWeight: "bold",
+    marginBottom: 4,
+  },
+  successActionContainer: {
+    minWidth: "100%",
+    paddingHorizontal: 40,
+    marginTop: 30,
+  },
+  successMessage: {
+    fontSize: 18,
+    fontWeight: "bold",
+    textAlign: "center",
+    color: colors.primary,
+  },
+  successActionFieldContainer: {
+    flexDirection: "row",
+    borderStyle: "solid",
+    overflow: "hidden",
+    backgroundColor: colors.grey5,
+    borderRadius: 10,
+    alignItems: "center",
+    padding: 14,
+    minHeight: 60,
+  },
+  disabledFieldBackground: {
+    flex: 1,
+    opacity: 0.5,
+    flexDirection: "row",
+    alignItems: "center",
+  },
+  iconContainer: {
+    justifyContent: "center",
+    alignItems: "flex-start",
+    paddingLeft: 20,
+  },
 }))
 
 export default SendBitcoinCompletedScreen

app/screens/send-bitcoin-screen/send-bitcoin-confirmation-screen.tsx

@@ -154,6 +154,7 @@
               params: {
                 arrivalAtMempoolEstimate: extraInfo?.arrivalAtMempoolEstimate,
                 status,
+                successAction: paymentDetail?.successAction || null,
               },
             },
           ]
@@ -196,7 +197,7 @@
         setPaymentError(err.message || err.toString())
       }
     }
   }, [
     LL,
     navigation,
     paymentDetail.paymentType,

app/screens/send-bitcoin-screen/send-bitcoin-details-screen.tsx

@@ -381,6 +381,15 @@ const SendBitcoinDetailsScreen: React.FC<Props> = ({ route }) => {
           }
 
           const result = await requestInvoice(requestInvoiceParams)
+
+          setPaymentDetail((prev) => {
+            if (!prev || !prev.setSuccessAction) {
+              return prev
+            }
+
+            return prev.setSuccessAction(result.successAction)
+          })
+
           setIsLoadingLnurl(false)
           const invoice = result.invoice
           const decodedInvoice = decodeInvoiceString(invoice, network as NetworkLibGaloy)
@@ -396,6 +405,10 @@ const SendBitcoinDetailsScreen: React.FC<Props> = ({ route }) => {
             paymentRequest: invoice,
             paymentRequestAmount: btcAmount,
           })
+
+          paymentDetailForConfirmation =
+            paymentDetailForConfirmation?.setSuccessAction?.(result.successAction) ??
+            paymentDetailForConfirmation
         } catch (error) {
           setIsLoadingLnurl(false)
           if (error instanceof Error) {