feat: ⚡ Update payment details after calling initPaymentSheet

android/src/main/java/com/reactnativestripesdk/PaymentSheetFragment.kt

@@ -292,6 +292,29 @@ class PaymentSheetFragment(
     flowController?.confirm()
   }
 
+  fun updateIntentConfiguration(bundle: Bundle, promise: Promise){
+    val onFlowControllerConfigure = PaymentSheet.FlowController.ConfigCallback { _, _ ->
+      val result = flowController?.getPaymentOption()?.let {
+        val bitmap = getBitmapFromVectorDrawable(context, it.drawableResourceId)
+        val imageString = getBase64FromBitmap(bitmap)
+        val option: WritableMap = WritableNativeMap()
+        option.putString("label", it.label)
+        option.putString("image", imageString)
+        createResult("paymentOption", option)
+      } ?: run {
+        WritableNativeMap()
+      }
+      promise.resolve(result)
+    }
+
+    this.intentConfiguration =  buildIntentConfiguration(bundle);
+    this.flowController?.configureWithIntentConfiguration(
+      intentConfiguration = this.intentConfiguration!!,
+      configuration = paymentSheetConfiguration,
+      callback = onFlowControllerConfigure
+    );
+  }
+
   private fun configureFlowController() {
     val onFlowControllerConfigure = PaymentSheet.FlowController.ConfigCallback { _, _ ->
       val result = flowController?.getPaymentOption()?.let {

android/src/main/java/com/reactnativestripesdk/StripeSdkModule.kt

@@ -176,6 +176,16 @@ class StripeSdkModule(reactContext: ReactApplicationContext) : ReactContextBaseJ
     }
   }
 
+  @ReactMethod
+  fun updatePaymentSheet(params: ReadableMap, promise: Promise){
+    if (paymentSheetFragment == null) {
+      promise.resolve(PaymentSheetFragment.createMissingInitError())
+      return
+    }
+    val bundle = toBundleObject(params);
+    paymentSheetFragment?.updateIntentConfiguration(bundle,promise);
+  }
+
   @ReactMethod
   fun presentPaymentSheet(options: ReadableMap, promise: Promise) {
     if (paymentSheetFragment == null) {

example/server/index.ts

@@ -710,14 +710,15 @@ app.post('/payment-intent-for-payment-sheet', async (req, res) => {
 
   try {
     const paymentIntent = await stripe.paymentIntents.create({
-      amount: 5099,
-      currency: 'usd',
+      amount: req.body.amount || 5099,
+      currency: req.body.currency || 'usd',
       payment_method: req.body.paymentMethodId,
       customer: req.body.customerId,
     });
 
     return res.send({ clientSecret: paymentIntent.client_secret });
   } catch (e) {
+    console.log(e);
     return res.send({ error: e });
   }
 });

example/src/App.tsx

@@ -43,6 +43,7 @@ import CollectBankAccountScreen from './screens/CollectBankAccountScreen';
 import CashAppScreen from './screens/CashAppScreen';
 import PaymentSheetDeferredIntentScreen from './screens/PaymentSheetDeferredIntentScreen';
 import PaymentSheetDeferredIntentMultiStepScreen from './screens/PaymentSheetDeferredIntentMultiStepScreen';
+import PaymentSheetDeferredIntentMultiStepScreenWithUpdates from './screens/PaymentSheetDeferredIntentMultiStepScreenWithUpdates';
 import CustomerSheetScreen from './screens/CustomerSheetScreen';
 import RevolutPayScreen from './screens/RevolutPayScreen';
 
@@ -89,6 +90,7 @@ export type RootStackParamList = {
   CollectBankAccountScreen: undefined;
   PaymentSheetDeferredIntentScreen: undefined;
   PaymentSheetDeferredIntentMultiStepScreen: undefined;
+  PaymentSheetDeferredIntentMultiStepScreenWithUpdates: undefined;
   CustomerSheetScreen: undefined;
   RevolutPayScreen: undefined;
 };
@@ -165,6 +167,10 @@ export default function App() {
             name="PaymentSheetDeferredIntentMultiStepScreen"
             component={PaymentSheetDeferredIntentMultiStepScreen}
           />
+          <Stack.Screen
+            name="PaymentSheetDeferredIntentMultiStepScreenWithUpdates"
+            component={PaymentSheetDeferredIntentMultiStepScreenWithUpdates}
+          />
           <Stack.Screen
             name="PaymentsUICustomScreen"
             component={PaymentsUICustomScreen}

example/src/screens/HomeScreen.tsx

@@ -93,6 +93,16 @@ export default function HomeScreen() {
               }}
             />
           </View>
+          <View style={styles.buttonContainer}>
+            <Button
+              title="Prebuilt UI (multi-step) (deferred intent) with updates"
+              onPress={() => {
+                navigation.navigate(
+                  'PaymentSheetDeferredIntentMultiStepScreenWithUpdates'
+                );
+              }}
+            />
+          </View>
           <View style={styles.buttonContainer}>
             <Button
               title="Customer Sheet"