feat: Alipay backend connect using loader & icon resize. (#3047)

Stacked alipay button along with stripe conditions

Compressed alipay icon

semnatic ui image

Corrected alipay condition

Added error handling for unavailability of server

Output the actual error

Updated with async/await

payment success message notif

Added translation helpers

Author: mrsaicharan1

app/controllers/orders/pending.js

@@ -38,17 +38,14 @@ export default Controller.extend({
   }),
 
   actions: {
-    aliPayCheckout(order_identifier) {
-      this.loader.post(`/create_source/${order_identifier}`)
-        .then(charge => {
-          if (charge.status) {
-            this.notify.success('Payment has succeeded');
-            this.transitionToRoute('orders.view', order_identifier);
-          } else {
-            this.notify.error('Payment has failed');
-          }
-        });
-
+    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'));
+        window.location.replace(res.link);
+      } catch (error) {
+        this.notify.error(this.l10n.t(error.error));
+      }
     },
     processStripeToken(token) {
       // Send this token to server to process payment

app/models/setting.js

@@ -43,9 +43,9 @@ export default ModelBase.extend({
   stripeClientId       : attr('string'),
   stripeSecretKey      : attr('string'),
   stripePublishableKey : attr('string'),
-  isAliPayActivated    : attr('boolean'),
   isPaypalActivated    : attr('boolean'),
   isStripeActivated    : attr('boolean'),
+  isAliPayActivated    : attr('boolean'),
   isOmiseActivated     : attr('boolean'),
   emailService         : attr('string'),
   emailFrom            : attr('string'),