R2-2807 - Order Queue sending DELETE method first

- When a attachment is delete and another is added, the deleting will be send first

Author: aespinoza-quoin

Diff for: app/javascript/libs/queue/index.js

@@ -12,7 +12,13 @@ import transformOfflineRequest from "../transform-offline-request";
 import EventManager from "../messenger";
 import { queueIndexedDB } from "../../db";
 
-import { deleteFromQueue, messageQueueFailed, messageQueueSkip, messageQueueSuccess } from "./utils";
+import {
+  deleteFromQueue,
+  messageQueueFailed,
+  messageQueueSkip,
+  messageQueueSuccess,
+  sortQueueByDeleteFirst
+} from "./utils";
 import {
   QUEUE_PENDING,
   QUEUE_READY,
@@ -141,7 +147,7 @@ class Queue {
     if (this.ready) {
       this.working = true;
 
-      const item = head(this.queue);
+      const item = head(sortQueueByDeleteFirst(this.queue));
 
       if (item && !item?.processed && ((item.tries || 0) < QUEUE_ALLOWED_RETRIES || this.force)) {
         this.onAttachmentProcess(item);

Diff for: app/javascript/libs/queue/utils.js

@@ -2,6 +2,7 @@
 
 import { queueIndexedDB } from "../../db";
 import EventManager from "../messenger";
+import { METHODS } from "../../config/constants";
 
 import { QUEUE_FAILED, QUEUE_SKIP, QUEUE_SUCCESS } from "./constants";
 
@@ -28,3 +29,18 @@ export const messageQueueSuccess = action => {
     EventManager.publish(QUEUE_SUCCESS, action);
   }
 };
+
+export const sortQueueByDeleteFirst = queue =>
+  queue.sort((elem1, elem2) => {
+    if (elem1.api.method === elem2.api.method) {
+      return 0;
+    }
+    if (elem1.api.method === METHODS.DELETE) {
+      return -1;
+    }
+    if (elem2.api.method === METHODS.DELETE) {
+      return 1;
+    }
+
+    return 0;
+  });