Add deferred payment methods for web

example/lib/screens/payment_sheet/payment_element/platforms/payment_element_web.dart

@@ -21,7 +21,7 @@ class PlatformPaymentElement extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return PaymentElement(
+    return PaymentElement.withIntent(
       autofocus: true,
       enablePostalCode: true,
       onCardChanged: (_) {},

example/lib/screens/setup_future_payments/add_payment_method_screen_loader_web.dart

@@ -72,7 +72,7 @@ class _AddPaymentMethodScreenPlatformState
           SizedBox(height: 12),
           Padding(
             padding: const EdgeInsets.all(24),
-            child: PaymentElement(
+            child: PaymentElement.withIntent(
               clientSecret: widget.setupKeys.clientSecret,
               onCardChanged: (c) {
                 setState(() => isComplete = c?.complete ?? false);

packages/stripe/lib/src/stripe.dart

@@ -141,6 +141,18 @@ class Stripe {
     return isSupported;
   }
 
+  Future<AvailableMobilePayOptions> availableMobilePayOptions({
+    IsGooglePaySupportedParams? googlePay,
+    PlatformPayWebPaymentRequestCreateOptions? webPaymentRequestCreateOptions,
+  }) async {
+    await _awaitForSettings();
+
+    return await _platform.availableMobilePayOptions(
+      params: googlePay,
+      paymentRequestOptions: webPaymentRequestCreateOptions,
+    );
+  }
+
   /// Launches the relevant native wallsheet (Apple Pay on iOS and Google Pay on Android)
   /// in order to create a payment intent
   ///
@@ -284,6 +296,13 @@ class Stripe {
     }
   }
 
+  Future<void> elementsSubmit() => _platform.elementsSubmit();
+
+  Future<PaymentIntent> handleCardAction(
+    final String paymentIntentClientSecret,
+  ) =>
+      _platform.handleCardAction(paymentIntentClientSecret);
+
   /// Creates a single-use token that represents a credit card’s details.
   ///
   /// Tokens are considered legacy, use [PaymentMethod] and [PaymentIntent]
@@ -704,6 +723,7 @@ class Stripe {
   }
 
   bool _needsSettings = true;
+
   void markNeedsSettings() {
     _needsSettings = true;
     if (!_platform.updateSettingsLazily) {

packages/stripe_js/lib/src/api/payment_intents/confirm_payment_options.dart

@@ -1,8 +1,7 @@
+import 'package:freezed_annotation/freezed_annotation.dart';
 import 'package:stripe_js/src/api/converters/js_converter.dart';
 import 'package:stripe_js/stripe_api.dart';
 
-import 'package:freezed_annotation/freezed_annotation.dart';
-
 part 'confirm_payment_options.freezed.dart';
 part 'confirm_payment_options.g.dart';
 
@@ -12,6 +11,9 @@ abstract class ConfirmPaymentOptions with _$ConfirmPaymentOptions {
     /// The Elements instance that was used to create the Payment Element.
     @ElementsConverter() required Elements elements,
 
+    /// The PaymentIntent's client secret.
+    String? clientSecret,
+
     /// Parameters that will be passed on to the Stripe API.
     /// Refer to the Payment Intents API for a full list of parameters.
     required ConfirmPaymentParams confirmParams,

packages/stripe_js/lib/src/api/payment_methods/create_payment_method_data.dart

@@ -7,7 +7,7 @@ part 'create_payment_method_data.g.dart';
 
 @freezed
 abstract class CreatePaymentMethodData with _$CreatePaymentMethodData {
-  const factory CreatePaymentMethodData({
+  const factory CreatePaymentMethodData.card({
     /// Unique identifier for the object.
     required String type,
 
@@ -43,7 +43,11 @@ abstract class CreatePaymentMethodData with _$CreatePaymentMethodData {
 
     /// Billing information associated with the PaymentMethod that may be used or required by particular types of payment methods.
     @JsonKey(name: "billing_details") BillingDetails? billingDetails,
-  }) = _CreatePaymentMethodData;
+  }) = _CreatePaymentMethodDataCard;
+
+  const factory CreatePaymentMethodData.elements({
+    @ElementsConverter() required Elements elements,
+  }) = _CreatePaymentMethodDataElements;
 
   factory CreatePaymentMethodData.fromJson(Map<String, dynamic> json) =>
       _$CreatePaymentMethodDataFromJson(json);