fix: need to connect to your stripe account error

app/components/events/view/publish-bar.ts

@@ -9,7 +9,8 @@ interface Event extends DS.Model { // eslint-disable-line ember-suave/no-direct-
   identifier: string | null,
   state: string,
   name: string | null,
-  tickets: any[]
+  tickets: any[],
+  isStripeConnectionValid: boolean
 }
 
 interface EventsViewPublishBarArgs {
@@ -58,6 +59,12 @@ export default class EventsViewPublishBar extends Component<EventsViewPublishBar
             id: 'event_tickets'
           });
         return;
+      } else if (!event.isStripeConnectionValid) {
+        this.notify.error(this.l10n.t('You need to connect to your Stripe account, if you choose Stripe as a payment gateway.'),
+          {
+            id: 'event_stripe'
+          });
+        return;
       }
     }
     this.isLoading = true;

app/mixins/event-wizard.js

@@ -216,15 +216,19 @@ export default Mixin.create(MutableArray, CustomFormMixin, {
   actions: {
     saveDraft() {
       this.onValid(() => {
-        preSaveActions.call(this);
-        this.set('data.event.state', 'draft');
-        this.sendAction('save');
+        const valid = preSaveActions.call(this);
+        if (valid) {
+          this.set('data.event.state', 'draft');
+          this.sendAction('save');
+        }
       });
     },
     saveForm() {
       this.onValid(() => {
-        preSaveActions.call(this);
-        this.sendAction('save', this.data);
+        const valid = preSaveActions.call(this);
+        if (valid) {
+          this.sendAction('save', this.data);
+        }
       });
     },
     move(direction) {
@@ -284,4 +288,10 @@ function preSaveActions() {
       this.set('data.event.locationName', null);
     }
   }
+
+  if (!this.data.event.isStripeConnectionValid) {
+    this.notify.error('You need to connect to your Stripe account, if you choose Stripe as a payment gateway.');
+  }
+
+  return this.data.event.isStripeConnectionValid;
 }

app/models/event.js

@@ -181,6 +181,10 @@ export default class Event extends ModelBase.extend(CustomPrimaryKeyMixin, {
 
   sessionsByState: computed('sessions', function() {
     return groupBy(this.sessions.toArray(), 'data.state');
+  }),
+
+  isStripeConnectionValid: computed('canPayByStripe', 'stripeAuthorization.stripeAuthCode', 'stripeAuthorization.stripePublishableKey', function() {
+    return this.canPayByStripe && this.stripeAuthorization?.stripeAuthCode && this.stripeAuthorization?.stripePublishableKey;
   })
 
 }) {}

app/templates/components/forms/wizard/basic-details-step.hbs

@@ -434,7 +434,7 @@
               @checked={{this.data.event.canPayByStripe}} />
             <label for="payment_by_stripe">
               <span>{{t 'YES, accept payment through Stripe'}}</span>
-              <div class="ui hidden divider"></div>
+              <br>
               <span class="text muted">
                 {{t 'Stripe accepts Visa, Master and Amex. Find out more about Stripe '}}
                 <a href="https://stripe.com/docs" target="_blank" rel="noopener noreferrer">{{t 'here'}}</a>.