From fe05d6bbb9f8bbd93fa379ecfc59256a28f1df2c Mon Sep 17 00:00:00 2001
From: Roman Zaritskyi <r.zaritskyi@steel.mil.ua>
Date: Tue, 3 Sep 2024 21:45:44 +0300
Subject: [PATCH] fix/upload-csv popup routes [WTEL-5057]

---
 .../upload-csv-popup/components/upload-csv-popup.vue  |  2 +-
 .../components/upload-csv-preview-popup.vue           |  1 +
 .../_shared/upload-csv-popup/mixins/uploadCSVMixin.js | 11 ++++-------
 .../modules/members/components/the-queue-members.vue  |  7 +------
 .../queues/router/_internals/QueuesRoutesName.enum.js |  1 -
 .../contact-center/modules/queues/router/queues.js    |  8 --------
 .../opened-team-supervisor-subordinates-popup.vue     |  6 ++++--
 .../modules/devices/components/the-devices.vue        |  8 +-------
 .../router/_internals/DevicesRouteNames.enum.js       |  1 -
 .../directory/modules/devices/router/devices.js       |  6 ------
 .../directory/modules/users/components/the-users.vue  |  6 +-----
 .../users/router/_internals/UsersRouteNames.enum.js   |  1 -
 src/modules/directory/modules/users/router/users.js   |  8 --------
 .../components/import-csv-upload-action.vue           |  7 +------
 .../router/_internals/ImportCsvRouteNames.enum.js     |  1 -
 .../modules/import-csv/router/importCsv.js            |  8 --------
 .../numbers/components/opened-blacklist-numbers.vue   |  5 +----
 .../routing/modules/flow/components/the-flow.vue      |  8 +-------
 .../modules/flow/components/upload-flow-popup.vue     |  6 +++---
 .../flow/router/_internals/FlowRouteNames.enum.js     |  1 -
 src/modules/routing/modules/flow/router/flow.js       |  8 --------
 21 files changed, 19 insertions(+), 91 deletions(-)

diff --git a/src/modules/_shared/upload-csv-popup/components/upload-csv-popup.vue b/src/modules/_shared/upload-csv-popup/components/upload-csv-popup.vue
index 6eccff821..13d5a2223 100644
--- a/src/modules/_shared/upload-csv-popup/components/upload-csv-popup.vue
+++ b/src/modules/_shared/upload-csv-popup/components/upload-csv-popup.vue
@@ -1,7 +1,7 @@
 <template>
   <wt-popup
-    :shown="!!isUploadPopup"
     v-bind="$attrs"
+    :shown="file"
     class="upload-popup"
     @close="close"
   >
diff --git a/src/modules/_shared/upload-csv-popup/components/upload-csv-preview-popup.vue b/src/modules/_shared/upload-csv-popup/components/upload-csv-preview-popup.vue
index 6414d5486..e58beeeca 100644
--- a/src/modules/_shared/upload-csv-popup/components/upload-csv-preview-popup.vue
+++ b/src/modules/_shared/upload-csv-popup/components/upload-csv-preview-popup.vue
@@ -1,6 +1,7 @@
 <template>
   <wt-popup
     class="upload-popup"
+    v-bind="$attrs"
     min-width="680"
     @close="close"
   >
diff --git a/src/modules/_shared/upload-csv-popup/mixins/uploadCSVMixin.js b/src/modules/_shared/upload-csv-popup/mixins/uploadCSVMixin.js
index 03c0c44c6..d46fec454 100644
--- a/src/modules/_shared/upload-csv-popup/mixins/uploadCSVMixin.js
+++ b/src/modules/_shared/upload-csv-popup/mixins/uploadCSVMixin.js
@@ -73,9 +73,6 @@ export default {
     allowSaveAction() {
       return this.mappingFields.every((field) => !field.required || !isEmpty(field.csv));
     },
-    isUploadPopup() {
-      return this.$route.meta.uploadCsv;
-    }
   },
   methods: {
     async initUploadPopup() {
@@ -159,10 +156,10 @@ export default {
     async separator() {
       await this.handleParseOptionsChange();
     },
-    async isUploadPopup() {
-      if (this.isUploadPopup) {
-        await this.initUploadPopup();
-      }
+   file: {
+      handler(file) {
+        if (file) this.initUploadPopup();
+      },
     },
   },
 };
diff --git a/src/modules/contact-center/modules/queues/modules/members/components/the-queue-members.vue b/src/modules/contact-center/modules/queues/modules/members/components/the-queue-members.vue
index c4c96ec07..d5fb2b347 100644
--- a/src/modules/contact-center/modules/queues/modules/members/components/the-queue-members.vue
+++ b/src/modules/contact-center/modules/queues/modules/members/components/the-queue-members.vue
@@ -204,7 +204,6 @@ import { computed } from 'vue';
 import { mapActions, mapState, useStore } from 'vuex';
 import tableComponentMixin from '../../../../../../../app/mixins/objectPagesMixins/objectTableMixin/tableComponentMixin';
 import RouteNames from '../../../../../../../app/router/_internals/RouteNames.enum';
-import QueuesRoutesName from '../../../router/_internals/QueuesRoutesName.enum.js';
 import TheQueueMembersFilters from '../modules/filters/components/the-queue-members-filters.vue';
 import destinationsPopup from './communications/opened-queue-member-destinations-popup.vue';
 import ResetPopup from './reset-members-popup.vue';
@@ -369,16 +368,12 @@ export default {
       const file = files[0];
       if (file) {
         this.csvFile = file;
-        this.$router.push({
-          ...this.$route,
-          name: QueuesRoutesName.UPLOAD_CSV,
-        })
       }
     },
 
     closeCSVPopup() {
+      this.csvFile = null;
       this.loadList();
-      this.$router.go(-1);
     },
 
     triggerFileInput() {
diff --git a/src/modules/contact-center/modules/queues/router/_internals/QueuesRoutesName.enum.js b/src/modules/contact-center/modules/queues/router/_internals/QueuesRoutesName.enum.js
index ab375eadd..30a741f0e 100644
--- a/src/modules/contact-center/modules/queues/router/_internals/QueuesRoutesName.enum.js
+++ b/src/modules/contact-center/modules/queues/router/_internals/QueuesRoutesName.enum.js
@@ -15,5 +15,4 @@ export default Object.freeze({
   MEMBERS_GENERAL: `${RouteNames.MEMBERS}-general`,
   MEMBERS_COMMUNICATION_TYPE: `${RouteNames.MEMBERS}-communication-type`,
   MEMBERS_VARIABLES: `${RouteNames.MEMBERS}-variables`,
-  UPLOAD_CSV: `${RouteNames.MEMBERS}-uploadCSV`,
 });
diff --git a/src/modules/contact-center/modules/queues/router/queues.js b/src/modules/contact-center/modules/queues/router/queues.js
index 1db3a7126..f9be0315e 100644
--- a/src/modules/contact-center/modules/queues/router/queues.js
+++ b/src/modules/contact-center/modules/queues/router/queues.js
@@ -94,14 +94,6 @@ const QueuesRoutes = [
     name: RouteNames.MEMBERS,
     component: Members,
     beforeEnter: checkRouteAccess,
-    children: [
-      {
-        path: 'uploadCSV',
-        name: QueuesRoutesName.UPLOAD_CSV,
-        meta: { uploadCSV: true },
-        component: Members,
-      }
-    ],
   },
   {
     path: '/contact-center/queues/:queueId/members/:id',
diff --git a/src/modules/contact-center/modules/teams/modules/supervisors/components/opened-team-supervisor-subordinates-popup.vue b/src/modules/contact-center/modules/teams/modules/supervisors/components/opened-team-supervisor-subordinates-popup.vue
index 1bb6eb864..c47284462 100644
--- a/src/modules/contact-center/modules/teams/modules/supervisors/components/opened-team-supervisor-subordinates-popup.vue
+++ b/src/modules/contact-center/modules/teams/modules/supervisors/components/opened-team-supervisor-subordinates-popup.vue
@@ -40,8 +40,10 @@ export default {
     dataList: [],
   }),
   watch: {
-    itemId() {
-      this.loadDataList();
+    itemId: {
+      handler(id) {
+        if(id) this.loadDataList();
+      },
     },
   },
   computed: {
diff --git a/src/modules/directory/modules/devices/components/the-devices.vue b/src/modules/directory/modules/devices/components/the-devices.vue
index 58b8dce26..2238cb099 100644
--- a/src/modules/directory/modules/devices/components/the-devices.vue
+++ b/src/modules/directory/modules/devices/components/the-devices.vue
@@ -163,8 +163,6 @@
 <script>
 import DeleteConfirmationPopup from '@webitel/ui-sdk/src/modules/DeleteConfirmationPopup/components/delete-confirmation-popup.vue';
 import { useDeleteConfirmationPopup } from '@webitel/ui-sdk/src/modules/DeleteConfirmationPopup/composables/useDeleteConfirmationPopup';
-import getNamespacedState from '@webitel/ui-sdk/src/store/helpers/getNamespacedState';
-import { mapActions, mapState } from 'vuex';
 import UploadFileIconBtn from '../../../../../app/components/utils/upload-file-icon-btn.vue';
 import { useDummy } from '../../../../../app/composables/useDummy';
 import tableComponentMixin from '../../../../../app/mixins/objectPagesMixins/objectTableMixin/tableComponentMixin';
@@ -246,10 +244,6 @@ export default {
       const file = files[0];
       if (file) {
         this.csvFile = file;
-        this.$router.push({
-          ...this.$route,
-          name: DevicesRouteNames.UPLOAD_CSV,
-        })
       }
     },
     openHistory(id) {
@@ -263,8 +257,8 @@ export default {
       return this.$router.push({name: this.routeName});
     },
     closeCSVPopup() {
+      this.csvFile = null;
       this.loadList();
-      this.$router.go(-1);
     },
 
     stateClass(state) {
diff --git a/src/modules/directory/modules/devices/router/_internals/DevicesRouteNames.enum.js b/src/modules/directory/modules/devices/router/_internals/DevicesRouteNames.enum.js
index 991ae500a..ec1c4a05d 100644
--- a/src/modules/directory/modules/devices/router/_internals/DevicesRouteNames.enum.js
+++ b/src/modules/directory/modules/devices/router/_internals/DevicesRouteNames.enum.js
@@ -6,5 +6,4 @@ export default Object.freeze({
   PERMISSIONS: `${RouteNames.DEVICES}-permissions`,
   HOTDESKING: `${RouteNames.DEVICES}-hotdesking`,
   HISTORY: `${RouteNames.DEVICES}-history`,
-  UPLOAD_CSV: `${RouteNames.DEVICES}-uploadCSV`,
 });
diff --git a/src/modules/directory/modules/devices/router/devices.js b/src/modules/directory/modules/devices/router/devices.js
index 15ec8b803..9c3344d0f 100644
--- a/src/modules/directory/modules/devices/router/devices.js
+++ b/src/modules/directory/modules/devices/router/devices.js
@@ -23,12 +23,6 @@ const DevicesRoutes = [
         name: DevicesRouteNames.HISTORY,
         component: Devices,
       },
-      {
-        path: 'uploadCSV',
-        name: DevicesRouteNames.UPLOAD_CSV,
-        meta: { uploadCSV: true },
-        component: Devices,
-      },
     ],
   },
   {
diff --git a/src/modules/directory/modules/users/components/the-users.vue b/src/modules/directory/modules/users/components/the-users.vue
index db469500e..306721f6e 100644
--- a/src/modules/directory/modules/users/components/the-users.vue
+++ b/src/modules/directory/modules/users/components/the-users.vue
@@ -147,7 +147,6 @@ import UploadFileIconBtn from '../../../../../app/components/utils/upload-file-i
 import { useDummy } from '../../../../../app/composables/useDummy';
 import tableComponentMixin from '../../../../../app/mixins/objectPagesMixins/objectTableMixin/tableComponentMixin';
 import RouteNames from '../../../../../app/router/_internals/RouteNames.enum';
-import UsersRouteNamesEnum from '../router/_internals/UsersRouteNames.enum.js';
 import UserStatus from './_internals/user-status-chips.vue';
 import UploadPopup from './upload-users-popup.vue';
 
@@ -225,15 +224,12 @@ export default {
       const file = files[0];
       if (file) {
         this.csvFile = file;
-        this.$router.push({
-          name: UsersRouteNamesEnum.UPLOAD_CSV,
-        })
       }
     },
 
     closeCSVPopup() {
+      this.csvFile = null;
       this.loadList();
-      this.$router.go(-1);
     },
   },
 };
diff --git a/src/modules/directory/modules/users/router/_internals/UsersRouteNames.enum.js b/src/modules/directory/modules/users/router/_internals/UsersRouteNames.enum.js
index f90daff95..5160ccd76 100644
--- a/src/modules/directory/modules/users/router/_internals/UsersRouteNames.enum.js
+++ b/src/modules/directory/modules/users/router/_internals/UsersRouteNames.enum.js
@@ -8,5 +8,4 @@ export default Object.freeze({
   TOKENS: `${RouteNames.USERS}-tokens`,
   LOGS: `${RouteNames.USERS}-logs`,
   PERMISSIONS: `${RouteNames.USERS}-permissions`,
-  UPLOAD_CSV: `${RouteNames.USERS}-uploadCSV`,
 });
diff --git a/src/modules/directory/modules/users/router/users.js b/src/modules/directory/modules/users/router/users.js
index ddcd586e7..f9a794e77 100644
--- a/src/modules/directory/modules/users/router/users.js
+++ b/src/modules/directory/modules/users/router/users.js
@@ -19,14 +19,6 @@ const UsersRoutes = [
     name: RouteNames.USERS,
     component: Users,
     beforeEnter: checkRouteAccess,
-    children: [
-      {
-        path: 'uploadCSV',
-        name: UsersRouteNames.UPLOAD_CSV,
-        meta: {uploadCSV: true},
-        component: Users,
-      },
-    ],
   },
   {
     path: '/directory/users/:id',
diff --git a/src/modules/integrations/modules/import-csv/components/import-csv-upload-action.vue b/src/modules/integrations/modules/import-csv/components/import-csv-upload-action.vue
index df2627627..d6dc83925 100644
--- a/src/modules/integrations/modules/import-csv/components/import-csv-upload-action.vue
+++ b/src/modules/integrations/modules/import-csv/components/import-csv-upload-action.vue
@@ -5,7 +5,7 @@
       @change="processCSV"
     />
     <upload-csv-preview-popup
-      v-if="file"
+      :shown="file"
       :add-bulk-items="saveBulkData"
       :charset="item.parameters.charset.value"
       :file="file"
@@ -56,15 +56,10 @@ export default {
       const file = files[0];
       if (file) {
         this.file = file;
-        this.$router.push({
-          ...this.$route,
-          name: ImportCsvRouteNames.UPLOAD_CSV
-        })
       }
     },
     close() {
       this.file = null;
-      this.$router.go(-1);
     },
     handleSave() {
       if (this.item.parameters.clearMembers) {
diff --git a/src/modules/integrations/modules/import-csv/router/_internals/ImportCsvRouteNames.enum.js b/src/modules/integrations/modules/import-csv/router/_internals/ImportCsvRouteNames.enum.js
index ec4a8ab45..b031f3d1a 100644
--- a/src/modules/integrations/modules/import-csv/router/_internals/ImportCsvRouteNames.enum.js
+++ b/src/modules/integrations/modules/import-csv/router/_internals/ImportCsvRouteNames.enum.js
@@ -3,5 +3,4 @@ export default Object.freeze({
   GENERAL: `${RouteNames.IMPORT_CSV}-general`,
   SETTINGS: `${RouteNames.IMPORT_CSV}-settings`,
   PERMISSIONS: `${RouteNames.IMPORT_CSV}-permissions`,
-  UPLOAD_CSV: `${RouteNames.IMPORT_CSV}-upload-csv`,
 });
diff --git a/src/modules/integrations/modules/import-csv/router/importCsv.js b/src/modules/integrations/modules/import-csv/router/importCsv.js
index cea40ccb2..da69aea0f 100644
--- a/src/modules/integrations/modules/import-csv/router/importCsv.js
+++ b/src/modules/integrations/modules/import-csv/router/importCsv.js
@@ -17,14 +17,6 @@ const ImportCsvRoutes = [
     name: RouteNames.IMPORT_CSV,
     component: ImportCsv,
     beforeEnter: checkRouteAccess,
-    children: [
-      {
-        path: 'uploadCSV',
-        meta: { uploadCsv: true},
-        name: ImportCsvRouteNames.UPLOAD_CSV,
-        component: ImportCsv,
-      },
-    ],
   },
   {
     path: '/integrations/import-csv/:id',
diff --git a/src/modules/lookups/modules/blacklists/modules/numbers/components/opened-blacklist-numbers.vue b/src/modules/lookups/modules/blacklists/modules/numbers/components/opened-blacklist-numbers.vue
index e2e053c74..e4af06397 100644
--- a/src/modules/lookups/modules/blacklists/modules/numbers/components/opened-blacklist-numbers.vue
+++ b/src/modules/lookups/modules/blacklists/modules/numbers/components/opened-blacklist-numbers.vue
@@ -4,7 +4,6 @@
       @close="closePopup"
     />
     <upload-popup
-      v-if="isUploadPopup"
       :file="csvFile"
       :parent-id="parentId"
       @close="closeCSVPopup"
@@ -167,7 +166,6 @@ export default {
     return {
       namespace,
       subNamespace,
-      isUploadPopup: false,
       csvFile: null,
     };
   },
@@ -183,12 +181,11 @@ export default {
       const file = files[0];
       if (file) {
         this.csvFile = file;
-        this.isUploadPopup = true;
       }
     },
     closeCSVPopup() {
+      this.csvFile = null;
       this.loadDataList();
-      this.isUploadPopup = false;
     },
     closePopup() {
       this.resetItemState();
diff --git a/src/modules/routing/modules/flow/components/the-flow.vue b/src/modules/routing/modules/flow/components/the-flow.vue
index 18d4735e4..e3f86a10e 100644
--- a/src/modules/routing/modules/flow/components/the-flow.vue
+++ b/src/modules/routing/modules/flow/components/the-flow.vue
@@ -169,7 +169,6 @@ import FilterSearch from '@webitel/ui-sdk/src/modules/QueryFilters/components/fi
 import UploadFileIconBtn from '../../../../../app/components/utils/upload-file-icon-btn.vue';
 import tableComponentMixin from '../../../../../app/mixins/objectPagesMixins/objectTableMixin/tableComponentMixin';
 import RouteNames from '../../../../../app/router/_internals/RouteNames.enum';
-import FlowRouteNames from '../router/_internals/FlowRouteNames.enum.js';
 import { downloadAsJSON } from '../../../../../app/utils/download';
 import FlowsAPI from '../api/flow';
 import FlowEditor from '../enums/FlowEditor.enum';
@@ -195,7 +194,6 @@ export default {
   data: () => ({
     namespace,
     routeName: RouteNames.FLOW,
-    isUploadPopup: false,
     jsonFile: null,
     isCreateFlowPopup: false,
   }),
@@ -251,15 +249,11 @@ export default {
       const file = files[0];
       if (file) {
         this.jsonFile = file;
-        this.openUploadPopup();
       }
     },
-    openUploadPopup() {
-      this.$router.push({name: FlowRouteNames.UPLOAD_CSV})
-    },
     closeUploadPopup() {
+      this.jsonFile = null;
       this.loadList();
-      this.$router.go(-1);
     },
     async download({ id, name }) {
       const flow = await FlowsAPI.get({
diff --git a/src/modules/routing/modules/flow/components/upload-flow-popup.vue b/src/modules/routing/modules/flow/components/upload-flow-popup.vue
index dbb2d060a..e038c9913 100644
--- a/src/modules/routing/modules/flow/components/upload-flow-popup.vue
+++ b/src/modules/routing/modules/flow/components/upload-flow-popup.vue
@@ -1,7 +1,7 @@
 <template>
   <wt-popup
     v-bind="$attrs"
-    :shown="isUploadPopup"
+    :shown="file"
     size="sm"
     overflow
     @close="close"
@@ -68,8 +68,8 @@ export default {
     },
   },
   watch: {
-    isUploadPopup() {
-      if (this.isUploadPopup) {
+    file() {
+      if (this.file) {
         this.initFileReader();
         this.processJSON();
       }
diff --git a/src/modules/routing/modules/flow/router/_internals/FlowRouteNames.enum.js b/src/modules/routing/modules/flow/router/_internals/FlowRouteNames.enum.js
index 3334643b7..0bd9d2446 100644
--- a/src/modules/routing/modules/flow/router/_internals/FlowRouteNames.enum.js
+++ b/src/modules/routing/modules/flow/router/_internals/FlowRouteNames.enum.js
@@ -2,5 +2,4 @@ import RouteNames from '../../../../../../app/router/_internals/RouteNames.enum.
 
 export default Object.freeze({
   GENERAL: `${RouteNames.FLOW}-general`,
-  UPLOAD_CSV: `${RouteNames.FLOW}-uploadCSV`,
 });
diff --git a/src/modules/routing/modules/flow/router/flow.js b/src/modules/routing/modules/flow/router/flow.js
index 1c9b0d246..f87810219 100644
--- a/src/modules/routing/modules/flow/router/flow.js
+++ b/src/modules/routing/modules/flow/router/flow.js
@@ -12,14 +12,6 @@ const FlowRoutes= [
     name: RouteNames.FLOW,
     component: Flow,
     beforeEnter: checkRouteAccess,
-    children: [
-      {
-        path: 'uploadCSV',
-        name: FlowRouteNames.UPLOAD_CSV,
-        meta: { uploadCSV: true },
-        component: Flow,
-      }
-    ],
   },
   {
     path: '/routing/flow/:id',