feat: add resend confirmation workflow (#3251)

Author: uds5501

app/controllers/events/view/tickets/orders/list.js

@@ -74,6 +74,26 @@ export default Controller.extend({
         .finally(() => {
           this.set('isLoading', false);
         });
+    },
+    async resendConfirmation(order) {
+      try {
+        const payload = {
+          'data': {
+            'order' : order.identifier,
+            'user'  : this.authManager.currentUser.email
+          }
+        };
+        await this.loader.post('orders/resend-email', payload);
+        this.notify.success(this.l10n.t('Email confirmation has been sent to attendees successfully'));
+      } catch (error) {
+        if (error.status && error.status === 429) {
+          this.notify.error(this.l10n.t('Only 5 resend actions are allowed in a minute'));
+        } else if (error.status && error.status === 422) {
+          this.notify.error(this.l10n.tVar(error.response.errors[0].detail));
+        } else {
+          this.notify.error(this.l10n.t('An unexpected error has occurred.'));
+        }
+      }
     }
   }
 });

app/services/loader.js

@@ -6,7 +6,7 @@ import { buildUrl } from 'open-event-frontend/utils/url';
 import httpStatus from 'http-status';
 import objectToFormData from 'object-to-formdata';
 import fetch from 'fetch';
-import { clone, assign, merge } from 'lodash-es';
+import { clone, assign, merge, pick, isString } from 'lodash-es';
 const bodyAllowedIn = ['PATCH', 'POST', 'PUT'];
 
 export default Service.extend({
@@ -94,17 +94,17 @@ export default Service.extend({
 
     if (!response.ok) {
       const defaultMessage = httpStatus[response.status];
-      if (parsedResponse) {
-        throw parsedResponse;
-      }
-      throw new Error(
-        getErrorMessage(
+      const errorResponse = pick(response, ['status', 'ok', 'statusText', 'headers', 'url']);
+      errorResponse.statusText = defaultMessage;
+      errorResponse.response = parsedResponse;
+      errorResponse.errorMessage = isString(parsedResponse) ? parsedResponse
+        : getErrorMessage(
           response.statusText,
           defaultMessage
             ? `${response.status} - ${defaultMessage}`
             : `Could not make ${fetchOptions.type} request to ${fetchOptions.url}`
-        )
-      );
+        );
+      throw errorResponse;
     }
     return parsedResponse;
   },

app/templates/components/ui-table/cell/events/view/tickets/orders/cell-order.hbs

@@ -39,7 +39,7 @@
       <i class="trash icon"></i>
     {{/ui-popup}}
   {{/if}}
-  {{#ui-popup content=(t 'Resend order confirmation') class="{{if device.isMobile 'medium' 'huge'}} ui icon button" position='top center'}}
+  {{#ui-popup content=(t 'Resend order confirmation') click=(action resendConfirmation record) class="{{if device.isMobile 'medium' 'huge'}} ui icon button" position='top center'}}
     <i class="mail outline icon"></i>
   {{/ui-popup}}
 </div>

app/templates/events/view/tickets/orders/list.hbs

@@ -12,5 +12,6 @@
                         completeOrder=(action 'completeOrder')
                         deleteOrder=(action 'deleteOrder')
                         cancelOrder=(action 'cancelOrder')
+                        resendConfirmation=(action 'resendConfirmation')
   }}
 </div>

tests/integration/components/ui-table/cell/events/view/tickets/orders/cell-order-test.js

@@ -8,15 +8,18 @@ module('Integration | Component | ui table/cell/events/view/tickets/orders/cell
   setupIntegrationTest(hooks);
 
   test('it renders', async function(assert) {
-    this.set('deleteOrder', () => {});
-    this.set('cancelOrder', () => {});
+    this.setProperties({
+      'deleteOrder'        : () => {},
+      'cancelOrder'        : () => {},
+      'resendConfirmation' : () => {}
+    });
     let record = EmberObject.create({
       amount     : 20,
       status     : 'cancelled',
       identifier : 'identifier_order'
     });
     this.set('record', record);
-    await render(hbs`{{ui-table/cell/events/view/tickets/orders/cell-order deleteOrder=(action deleteOrder) cancelOrder=(action cancelOrder) record=record }}`);
+    await render(hbs`{{ui-table/cell/events/view/tickets/orders/cell-order deleteOrder=(action deleteOrder) cancelOrder=(action cancelOrder) resendConfirmation=(action resendConfirmation) record=record }}`);
     assert.ok(this.element.textContent.trim().includes(''));
   });
 });