Simplify message modal handling

src/common/helpers/modal.js

-import KudosModal from "../../public/KudosModal"
-
-// Handles the messages by showing the modals in order
-export function handleMessages(messages) {
-
-    let message = new KudosModal(messages[0].id, null,{
-        onHide: () => {
-            messages.shift()
-            if (messages.length) {
-                message.open()
-            }
-        },
-    })
-
-    message.open()
-}
\ No newline at end of file

src/public/kudos-public.js

@@ -4,7 +4,6 @@ import 'jquery-validation'
 import '../images/logo-colour-40.png' // used as email attachment
 import '../images/logo-colour.svg'
 import {getStyle, isVisible} from "../common/helpers/util"
-import {handleMessages} from "../common/helpers/modal"
 import {
     animateInView,
     animateProgressBar,
@@ -141,9 +140,13 @@ jQuery(document).ready(($) => {
         // Show message modal if exists.
         let messages = document.querySelectorAll('.kudos-message-modal')
         if (messages.length) {
-            handleMessages(Array.from(messages))
+            Array.from(messages).reverse().forEach(message => {
+                new KudosModal(message.id).open()
+            })
         }
 
+
+
         // Hide honeypot field.
         document.querySelectorAll('input[name="donation"]').forEach((e) => {
             e.closest('label').classList.add('kd-hidden')