From 37169b915da97db1d7f41e98dc68e190f41ea629 Mon Sep 17 00:00:00 2001
From: Eleazar Resendez <eleazar.resendez@processmaker.com>
Date: Tue, 21 Jul 2026 13:34:51 -0600
Subject: [PATCH] FOUR-32311: Prevent duplicate DevLink bundle operations

---
 .../devlink/components/InstallProgress.vue    | 36 ++++++++++++++++-
 .../admin/devlink/components/UpdateBundle.vue | 39 ++++++++++++++++---
 2 files changed, 68 insertions(+), 7 deletions(-)

diff --git a/resources/js/admin/devlink/components/InstallProgress.vue b/resources/js/admin/devlink/components/InstallProgress.vue
index 400efe0a83..e96c14f3ca 100644
--- a/resources/js/admin/devlink/components/InstallProgress.vue
+++ b/resources/js/admin/devlink/components/InstallProgress.vue
@@ -33,7 +33,20 @@
 </template>
 
 <script setup>
-import { ref, onMounted, onUnmounted, getCurrentInstance } from 'vue';
+import {
+  ref,
+  watch,
+  onMounted,
+  onUnmounted,
+  getCurrentInstance,
+} from "vue";
+
+const props = defineProps({
+  requestError: {
+    type: String,
+    default: "",
+  },
+});
 
 const vue = getCurrentInstance().proxy;
 const progress = ref(0);
@@ -45,8 +58,27 @@ const showSpinner = ref(true);
 const error = ref('');
 const emit = defineEmits(['installation-complete']);
 
+watch(
+  () => props.requestError,
+  (message) => {
+    if (!message) {
+      return;
+    }
+
+    showSpinner.value = false;
+    currentMessage.value = "";
+    error.value = message;
+    done.value = true;
+  },
+  {
+    immediate: true,
+  },
+);
+
 onMounted(() => {
-  currentMessage.value = vue.$t('Initializing') + '...';
+  if (!props.requestError) {
+    currentMessage.value = vue.$t('Initializing') + '...';
+  }
   window.Echo.private(`ProcessMaker.Models.User.${userId}`).listen(
     '.ImportLog',
     (response) => {
diff --git a/resources/js/admin/devlink/components/UpdateBundle.vue b/resources/js/admin/devlink/components/UpdateBundle.vue
index f601099fdf..5b62f1d6fc 100644
--- a/resources/js/admin/devlink/components/UpdateBundle.vue
+++ b/resources/js/admin/devlink/components/UpdateBundle.vue
@@ -7,6 +7,9 @@ const confirmUpdateVersion = ref(null);
 const selected = ref(null);
 const selectedOption = ref('update');
 const showInstallModal = ref(false);
+const installationInProgress = ref(false);
+const installationAttempt = ref(0);
+const requestError = ref("");
 const reinstall = ref(false);
 const title = computed(() => {
   if (reinstall.value) {
@@ -40,6 +43,13 @@ const updateBundleText = computed(() => {
 });
 
 const executeUpdate = (updateType) => {
+  if (installationInProgress.value) {
+    return;
+  }
+
+  installationInProgress.value = true;
+  installationAttempt.value += 1;
+  requestError.value = "";
   showInstallModal.value = true;
   let url;
   if (reinstall.value) {
@@ -52,12 +62,18 @@ const executeUpdate = (updateType) => {
     .post(url, {
       updateType,
     })
-    .then((response) => {
-      // Handle the response as needed
+    .catch((error) => {
+      const message = error?.response?.data?.message || error?.message;
+      requestError.value = typeof message === "string"
+        ? message
+        : vue.$t("Unable to start installation.");
     });
 };
 
 const handleInstallationComplete = () => {
+  installationInProgress.value = false;
+  showInstallModal.value = false;
+  requestError.value = "";
   emit('installation-complete');
 };
 
@@ -98,8 +114,21 @@ const handleInstallationComplete = () => {
       </div>
     </b-modal>
 
-    <b-modal id="install-progress" size="lg" v-model="showInstallModal" :title="$t('Installation Progress')" hide-footer>
-      <install-progress @installation-complete="handleInstallationComplete" />
+    <b-modal
+      id="install-progress"
+      v-model="showInstallModal"
+      size="lg"
+      :title="$t('Installation Progress')"
+      hide-footer
+      hide-header-close
+      no-close-on-backdrop
+      no-close-on-esc
+    >
+      <install-progress
+        :key="installationAttempt"
+        :request-error="requestError"
+        @installation-complete="handleInstallationComplete"
+      />
     </b-modal>
   </div>
-</template>
\ No newline at end of file
+</template>