More flexible payment element options

Author: joshbmarshall

README.md

@@ -56,7 +56,21 @@ $payment->setDetails([
         'email' => $email, // Used for the customer to be able to save payment details
     ],
     'limit_payment_type' => 'card', // Optionally limit to card transactions only, to disable Afterpay / Klarna / Zip etc.
-    'payment_method_order' => ['apple_pay', 'google_pay', 'card'], // Optionally re-order the wallets to be before card if they apply to the transaction
+    'payment_method_options' => [
+        'layout' => 'tabs',
+        'paymentMethodOrder' =>
+        [
+            'apple_pay',
+            'google_pay',
+            'card',
+        ], // Optionally re-order the wallets to be before card if they apply to the transaction
+        'defaultValues' => [
+            'billingDetails' => [
+                'name' => $customer_name,
+                'email' => $customer_email,
+            ], // Optionally prefill some fields for some payment types
+        ],
+    ],
 ]);
 $storage->setInternalDetails($payment, $request);
 

src/Action/ObtainNonceAction.php

@@ -70,13 +70,14 @@ public function execute($request) {
         }
 
         $model['stripePaymentIntent'] = \Stripe\PaymentIntent::create($paymentIntentData);
+        $payment_element_options = $model['payment_element_options'] ?? [];
         $this->gateway->execute($renderTemplate = new RenderTemplate($this->templateName, array(
             'amount' => $model['currencySymbol'] . ' ' . number_format($model['amount'], $model['currencyDigits']),
             'client_secret' => $model['stripePaymentIntent']->client_secret,
             'publishable_key' => $model['publishable_key'],
             'actionUrl' => $uri->withPath('')->withFragment('')->withQuery('')->__toString() . $getHttpRequest->uri,
             'imgUrl' => $model['img_url'],
-            'payment_method_order' => json_encode($model['payment_method_order'] ?? []),
+            'payment_element_options' => json_encode($payment_element_options),
             'billing' => $model['billing'] ?? [],
         )));
 

src/Resources/views/Action/obtain_nonce.html.twig

@@ -46,10 +46,7 @@
         clientSecret: '{{ client_secret }}',
       });
 
-      const paymentElementOptions = {
-        layout: "tabs",
-        paymentMethodOrder: {{ payment_method_order|raw }},
-      };
+      const paymentElementOptions = {{ payment_element_options|raw }}
 
       const paymentElement = elements.create("payment", paymentElementOptions);
       paymentElement.mount("#payment-element");