From 9525e353a3e0b52aa37fe12737cd9ae90217cc5d Mon Sep 17 00:00:00 2001
From: Matt-Yorkley <9029026+Matt-Yorkley@users.noreply.github.com>
Date: Mon, 20 Dec 2021 17:25:04 +0000
Subject: [PATCH] Don't try to select a card if there is no select element

This error was being thrown when the user had no cards saved:
```
TypeError: stripeCardsController is null
```
---
 app/webpacker/controllers/paymentmethod_controller.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/webpacker/controllers/paymentmethod_controller.js b/app/webpacker/controllers/paymentmethod_controller.js
index 9b151666e6..285b669834 100644
--- a/app/webpacker/controllers/paymentmethod_controller.js
+++ b/app/webpacker/controllers/paymentmethod_controller.js
@@ -12,14 +12,15 @@ export default class extends Controller {
 
   selectPaymentMethod(event) {
     this.doSelectPaymentMethod(event.target.dataset.paymentmethodId);
-    const stripeCardsController =
+
+    const stripeCardSelector =
       this.application.getControllerForElementAndIdentifier(
         document
           .getElementById(event.target.dataset.paymentmethodId)
           .querySelector('[data-controller="stripe-cards"]'),
         "stripe-cards"
       );
-    stripeCardsController.connect();
+    stripeCardSelector?.connect();
   }
 
   doSelectPaymentMethod(paymentMethodContainerId) {