different constructors for payment element widget

Author: Eduard Dumitrescu

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_web/lib/src/widgets/payment_element.dart

@@ -56,13 +56,12 @@ class PaymentElement extends StatefulWidget {
   final js.PaymentElementApplePayOptions? applePay;
   final String? locale;
 
-  const PaymentElement({
+  const PaymentElement.withoutIntent({
     super.key,
-    this.clientSecret,
-    this.customerSessionClientSecret,
-    this.amount,
-    this.currency,
-    this.mode,
+    required this.amount,
+    required this.currency,
+    required this.mode,
+    required this.onCardChanged,
     this.paymentMethodTypes,
     this.paymentMethodCreation,
     this.width,
@@ -73,7 +72,35 @@ class PaymentElement extends StatefulWidget {
     this.autofocus = false,
     this.focusNode,
     this.onFocus,
+    this.layout = PaymentElementLayout.accordion,
+    this.appearance,
+    this.locale,
+    this.defaultValues,
+    this.business,
+    this.paymentMethodOrder,
+    this.fields,
+    this.readOnly,
+    this.terms,
+    this.wallets,
+    this.applePay,
+  })  : clientSecret = null,
+        customerSessionClientSecret = null;
+
+  const PaymentElement.withIntent({
+    super.key,
+    required this.clientSecret,
     required this.onCardChanged,
+    this.customerSessionClientSecret,
+    this.paymentMethodTypes,
+    this.paymentMethodCreation,
+    this.width,
+    this.height,
+    this.style,
+    this.placeholder,
+    this.enablePostalCode = false,
+    this.autofocus = false,
+    this.focusNode,
+    this.onFocus,
     this.layout = PaymentElementLayout.accordion,
     this.appearance,
     this.locale,
@@ -85,7 +112,9 @@ class PaymentElement extends StatefulWidget {
     this.terms,
     this.wallets,
     this.applePay,
-  });
+  })  : amount = null,
+        currency = null,
+        mode = null;
 
   @override
   State<PaymentElement> createState() => PaymentElementState();