fix: Fixed alipay workflow (#3465)

Author: mrsaicharan1

app/components/forms/wizard/basic-details-step.js

@@ -52,8 +52,8 @@ export default Component.extend(FormMixin, EventWizardMixin, {
     return this.get('settings.isOmiseActivated') && find(paymentCurrencies, ['code', this.get('data.event.paymentCurrency')]).omise;
   }),
 
-  canAcceptAliPay: computed('data.event.paymentCurrency', 'settings.isAliPayActivated', function() {
-    return this.get('settings.isAliPayActivated') && find(paymentCurrencies, ['code', this.get('data.event.paymentCurrency')]).alipay;
+  canAcceptAliPay: computed('data.event.paymentCurrency', 'settings.isAlipayActivated', function() {
+    return this.get('settings.isAlipayActivated') && find(paymentCurrencies, ['code', this.get('data.event.paymentCurrency')]).alipay;
   }),
 
   tickets: computed('[email protected]', '[email protected]', function() {

app/controllers/orders/pending.js

@@ -42,7 +42,7 @@ export default Controller.extend({
   }),
 
   actions: {
-    async aliPayCheckout(order_identifier) {
+    async alipayCheckout(order_identifier) {
       try {
         const res = await this.loader.load(`alipay/create_source/${order_identifier}`);
         this.notify.success(this.l10n.t('Payment has succeeded'));

app/models/event.js

@@ -60,7 +60,7 @@ export default ModelBase.extend(CustomPrimaryKeyMixin, {
   canPayByCheque  : attr('boolean', { defaultValue: false }),
   canPayByBank    : attr('boolean', { defaultValue: false }),
   canPayByOmise   : attr('boolean', { defaultValue: false }),
-  canPayByAliPay  : attr('boolean', { defaultValue: false }),
+  canPayByAlipay  : attr('boolean', { defaultValue: false }),
   canPayOnsite    : attr('boolean', { defaultValue: false }),
   paymentCountry  : attr('string'),
   paymentCurrency : attr('string', { defaultValue: 'USD' }),

app/models/setting.js

@@ -53,7 +53,7 @@ export default ModelBase.extend({
   stripeTestClientId         : attr('string'),
   stripeTestSecretKey        : attr('string'),
   stripeTestPublishableKey   : attr('string'),
-  isAliPayActivated          : attr('boolean'),
+  isAlipayActivated          : attr('boolean'),
   isPaypalActivated          : attr('boolean'),
   isStripeActivated          : attr('boolean'),
   isOmiseActivated           : attr('boolean'),

app/templates/components/forms/orders/order-form.hbs

@@ -164,11 +164,11 @@
                 <label for="payment_mode"><img src="/images/payment-logos/omise.png" alt="omise"></label>
               </div>
             {{/if}}
-            {{#if data.event.canPayByAliPay}}
+            {{#if data.event.canPayByAlipay}}
               <div class="field">
                 {{ui-radio name='payment_mode' label=(t 'AliPay') value='alipay' current=data.paymentMode
                            onChange=(action (mut data.paymentMode))}}
-                <label for="payment_mode"><img src="/images/payment-logos/alipay.png" alt="alipay"></label>
+                <label for="payment_mode"><img src="/images/payment-logos/alipay.png" alt="alipay" class="ui tiny image"></label>
               </div>
             {{/if}}
             {{#if data.event.canPayByCheque}}

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

@@ -345,7 +345,7 @@
         <label>{{t 'Payment with AliPay'}}</label>
         <div class="field payments">
           <div class="ui checkbox">
-            {{input type='checkbox' id='payment_by_alipay' checked=data.event.canPayByAliPay}}
+            {{input type='checkbox' id='payment_by_alipay' checked=data.event.canPayByAlipay}}
             <label for="payment_by_alipay">
               {{t 'Yes, accept payment through AliPay Gateway'}}
               <div class="ui hidden divider"></div>

app/templates/orders/pending.hbs

@@ -65,7 +65,7 @@
           <button class="ui button primary" {{action "openPaytmModal"}}>{{t 'Pay with PayTM'}}</button>
         {{/if}}
         {{#if isAliPay}}
-          <button class="ui button primary" {{action alipayCheckout model.order.identifier}}>{{t 'Pay with AliPay'}}</button>          
+          <button class="ui button primary" {{action "alipayCheckout" model.order.identifier}}>{{t 'Pay with AliPay'}}</button>          
         {{/if}}
       </div>
     </div>