From 0a69c00cc855346eafa52c7c4f8e6dfeedda4df1 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Thu, 25 Jul 2024 12:08:07 +0300
Subject: [PATCH 01/25] feature: add changes in enums, add locale and
 email-task-timeline-row component[WTEL-4798]

---
 package-lock.json                             |  8 +-
 package.json                                  |  2 +-
 src/app/locale/en/en.js                       |  2 +
 src/app/locale/ru/ru.js                       |  2 +
 src/app/locale/ua/ua.js                       |  2 +
 .../components/task-row/task-timeline-row.vue |  7 +-
 .../components/utils/timeline-flow-line.vue   |  7 ++
 .../components/utils/timeline-pin.vue         | 10 +++
 .../utils/timeline-rounded-action.vue         | 16 +++-
 .../components/utils/timeline-task-status.vue |  4 +
 .../timeline/enums/TimelinePinType.enum.js    |  4 +
 .../timeline/enums/TimelineTaskKind.enum.js   |  3 +
 .../timeline/enums/TimelineTaskStatus.enum.js |  2 +
 .../task-row/email-task-timeline-row.vue      | 90 +++++++++++++++++++
 14 files changed, 152 insertions(+), 7 deletions(-)
 create mode 100644 src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-row.vue

diff --git a/package-lock.json b/package-lock.json
index cad0e821..32028177 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "@vuelidate/core": "^2.0.3",
         "@vuelidate/validators": "^2.0.4",
         "@vueuse/core": "^10.10.0",
-        "@webitel/ui-sdk": "^24.6.45",
+        "@webitel/ui-sdk": "^24.8.1",
         "axios": "^1.7.2",
         "deep-equal": "^2.2.1",
         "dompurify": "^3.1.2",
@@ -2063,9 +2063,9 @@
       }
     },
     "node_modules/@webitel/ui-sdk": {
-      "version": "24.6.45",
-      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.6.45.tgz",
-      "integrity": "sha512-u5aPwlK5Vh6s0SFK+T9/Cd7powGDDCmV2ad5Q8iro+TMddK05NLkJtJQ6/FYOmO5rKYd5tOeJw5yzC20r5Uh2A==",
+      "version": "24.8.1",
+      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.8.1.tgz",
+      "integrity": "sha512-1VjbgT1sWX5e1TEgVTu+a89RpYLY5dURONo5CD/whtkaQ1sacEEgyBrxDEyrktOsgYwfD5BC3VBeyvSAw8XVNA==",
       "dependencies": {
         "@floating-ui/vue": "^1.0.1",
         "@morev/vue-transitions": "^3.0.2",
diff --git a/package.json b/package.json
index 72178653..15736aec 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^10.10.0",
-    "@webitel/ui-sdk": "^24.6.45",
+    "@webitel/ui-sdk": "^24.8.1",
     "axios": "^1.7.2",
     "deep-equal": "^2.2.1",
     "dompurify": "^3.1.2",
diff --git a/src/app/locale/en/en.js b/src/app/locale/en/en.js
index 57b83491..326b6df4 100644
--- a/src/app/locale/en/en.js
+++ b/src/app/locale/en/en.js
@@ -25,6 +25,8 @@ export default {
         [TimelineTaskStatusEnum.MISSED]: 'Missed',
         [TimelineTaskStatusEnum.TRANSFERRED]: 'Transferred',
         [TimelineTaskStatusEnum.ENDED]: 'Ended',
+        [TimelineTaskStatusEnum.SENT]: 'Sent',
+        [TimelineTaskStatusEnum.RECEIVED]: 'Received',
       },
       eventType: {
         [WebitelContactsTimelineEventType.Call]: 'Call | Calls',
diff --git a/src/app/locale/ru/ru.js b/src/app/locale/ru/ru.js
index 45baaafc..fffdc2b0 100644
--- a/src/app/locale/ru/ru.js
+++ b/src/app/locale/ru/ru.js
@@ -25,6 +25,8 @@ export default {
         [TimelineTaskStatusEnum.MISSED]: 'Пропущен',
         [TimelineTaskStatusEnum.TRANSFERRED]: 'Переведено',
         [TimelineTaskStatusEnum.ENDED]: 'Конец',
+        [TimelineTaskStatusEnum.SENT]: 'Отправлено',
+        [TimelineTaskStatusEnum.RECEIVED]: 'Получено',
       },
       eventType: {
         [WebitelContactsTimelineEventType.Call]: 'Звонок | Звонки',
diff --git a/src/app/locale/ua/ua.js b/src/app/locale/ua/ua.js
index 2b931840..4cc1f574 100644
--- a/src/app/locale/ua/ua.js
+++ b/src/app/locale/ua/ua.js
@@ -25,6 +25,8 @@ export default {
         [TimelineTaskStatusEnum.MISSED]: 'Пропущений',
         [TimelineTaskStatusEnum.TRANSFERRED]: 'Переведено',
         [TimelineTaskStatusEnum.ENDED]: 'Кінець',
+        [TimelineTaskStatusEnum.SENT]: 'Надіслано',
+        [TimelineTaskStatusEnum.RECEIVED]: 'Отримано',
       },
       eventType: {
         [WebitelContactsTimelineEventType.Call]: 'Дзвінок | Дзвінки',
diff --git a/src/modules/contacts/modules/timeline/components/task-row/task-timeline-row.vue b/src/modules/contacts/modules/timeline/components/task-row/task-timeline-row.vue
index e34db2f3..e3482d32 100644
--- a/src/modules/contacts/modules/timeline/components/task-row/task-timeline-row.vue
+++ b/src/modules/contacts/modules/timeline/components/task-row/task-timeline-row.vue
@@ -2,7 +2,7 @@
   <component
     :is="component"
     :task="task"
-    :detailed="task.isDetailed"
+    :detailed="isDetailed"
     :last="last"
   />
 </template>
@@ -12,6 +12,7 @@ import { computed } from 'vue';
 import { WebitelContactsTimelineEventType } from 'webitel-sdk';
 import CallTaskTimelineRow from '../../modules/calls/components/task-row/call-task-timeline-row.vue';
 import ChatTaskTimelineRow from '../../modules/chats/components/task-row/chat-task-timeline-row.vue';
+import EmailTaskTimelineRow from '../../modules/emails/components/task-row/email-task-timeline-row.vue';
 
 const props = defineProps({
   task: {
@@ -24,12 +25,16 @@ const props = defineProps({
   },
 });
 
+const isDetailed = computed(() => props.task?.isDetailed || props.task.type === WebitelContactsTimelineEventType.Email);
+
 const component = computed(() => {
   switch (props.task.type) {
     case WebitelContactsTimelineEventType.Chat:
       return ChatTaskTimelineRow;
     case WebitelContactsTimelineEventType.Call:
       return CallTaskTimelineRow;
+    case WebitelContactsTimelineEventType.Email:
+      return EmailTaskTimelineRow;
     default:
       throw new Error(`Unknown item type, ${props.task.type}!`);
   }
diff --git a/src/modules/contacts/modules/timeline/components/utils/timeline-flow-line.vue b/src/modules/contacts/modules/timeline/components/utils/timeline-flow-line.vue
index de3184ce..58a1fc8b 100644
--- a/src/modules/contacts/modules/timeline/components/utils/timeline-flow-line.vue
+++ b/src/modules/contacts/modules/timeline/components/utils/timeline-flow-line.vue
@@ -18,12 +18,15 @@ const props = defineProps({
       'secondary',
       'chat',
       'transfer',
+      'email',
     ].includes(v),
   },
 });
 </script>
 
 <style lang="scss" scoped>
+$mail-color: var(--blue-darken-1);
+
 .timeline-flow-line {
   width: 1px;
 
@@ -54,5 +57,9 @@ const props = defineProps({
   &--error {
     background-color: var(--error-color);
   }
+
+  &--email {
+    background-color: $mail-color;
+  }
 }
 </style>
diff --git a/src/modules/contacts/modules/timeline/components/utils/timeline-pin.vue b/src/modules/contacts/modules/timeline/components/utils/timeline-pin.vue
index 5aa08823..9dbc9892 100644
--- a/src/modules/contacts/modules/timeline/components/utils/timeline-pin.vue
+++ b/src/modules/contacts/modules/timeline/components/utils/timeline-pin.vue
@@ -145,6 +145,16 @@ const stateMap = {
     color: 'transfer',
     icon: 'call-transfer',
   },
+  [TimelinePinType.EMAIL_INBOUND]: {
+    component: TimelineRoundedAction,
+    color: 'email',
+    icon: 'email-inbound',
+  },
+  [TimelinePinType.EMAIL_OUTBOUND]: {
+    component: TimelineRoundedAction,
+    color: 'email',
+    icon: 'email-outbound',
+  },
 };
 
 const state = computed(() => {
diff --git a/src/modules/contacts/modules/timeline/components/utils/timeline-rounded-action.vue b/src/modules/contacts/modules/timeline/components/utils/timeline-rounded-action.vue
index 62250ec7..679e22fa 100644
--- a/src/modules/contacts/modules/timeline/components/utils/timeline-rounded-action.vue
+++ b/src/modules/contacts/modules/timeline/components/utils/timeline-rounded-action.vue
@@ -20,7 +20,7 @@ const props = defineProps({
   color: {
     type: String,
     default: 'secondary',
-    validator: (value) => ['primary', 'success', 'error', 'chat', 'secondary'].includes(value),
+    validator: (value) => ['primary', 'success', 'error', 'chat', 'secondary', 'email'].includes(value),
   },
 });
 
@@ -32,6 +32,9 @@ const iColor = computed(() => (props.color === 'secondary') ? 'default' : 'on-da
 </script>
 
 <style lang="scss" scoped>
+$mail-color: var(--blue-darken-1);
+$mail-hover-color: var(--blue-lighten-1);
+
 .timeline-rounded-action {
   &--primary.wt-rounded-action {
     border-color: var(--primary-color);
@@ -87,5 +90,16 @@ const iColor = computed(() => (props.color === 'secondary') ? 'default' : 'on-da
       background-color: var(--chat-hover-color);
     }
   }
+
+  &--email.wt-rounded-action {
+    border-color: $mail-color;
+    background-color: $mail-color;
+
+    &:hover,
+    &:active {
+      border-color: $mail-hover-color;
+      background-color: $mail-hover-color;
+    }
+  }
 }
 </style>
diff --git a/src/modules/contacts/modules/timeline/components/utils/timeline-task-status.vue b/src/modules/contacts/modules/timeline/components/utils/timeline-task-status.vue
index 3b43c8b4..e00c4e6c 100644
--- a/src/modules/contacts/modules/timeline/components/utils/timeline-task-status.vue
+++ b/src/modules/contacts/modules/timeline/components/utils/timeline-task-status.vue
@@ -25,6 +25,10 @@ const statusColor = computed(() => {
   switch (props.status) {
     case TimelineTaskStatus.STARTED:
       return 'success';
+    case TimelineTaskStatus.SENT:
+      return 'success';
+    case TimelineTaskStatus.RECEIVED:
+      return 'success';
     case TimelineTaskStatus.TRANSFERRED:
       return 'transfer';
     default:
diff --git a/src/modules/contacts/modules/timeline/enums/TimelinePinType.enum.js b/src/modules/contacts/modules/timeline/enums/TimelinePinType.enum.js
index 19c03196..73400208 100644
--- a/src/modules/contacts/modules/timeline/enums/TimelinePinType.enum.js
+++ b/src/modules/contacts/modules/timeline/enums/TimelinePinType.enum.js
@@ -27,6 +27,10 @@ const TimelinePinType = Object.freeze({
   CALL_MISSED: 'CALL_MISSED',
   CALL_INBOUND_ON_IVR: 'CALL_INBOUND_ON_IVR',
   CALL_TRANSFER: 'CALL_TRANSFER',
+
+  // email-related pins
+  EMAIL_INBOUND: 'EMAIL_INBOUND',
+  EMAIL_OUTBOUND: 'EMAIL_OUTBOUND',
 });
 
 export default TimelinePinType;
diff --git a/src/modules/contacts/modules/timeline/enums/TimelineTaskKind.enum.js b/src/modules/contacts/modules/timeline/enums/TimelineTaskKind.enum.js
index c58520a4..0a1d2836 100644
--- a/src/modules/contacts/modules/timeline/enums/TimelineTaskKind.enum.js
+++ b/src/modules/contacts/modules/timeline/enums/TimelineTaskKind.enum.js
@@ -11,6 +11,9 @@ const TimelineTaskKind = Object.freeze({
   CHAT_INBOUND: 'CHAT_INBOUND',
   // CHAT_OUTBOUND: 'CHAT_OUTBOUND',
   CHAT_ENDED: 'CHAT_ENDED',
+
+  EMAIL_INBOUND: 'EMAIL_INBOUND',
+  EMAIL_OUTBOUND: 'EMAIL_OUTBOUND',
 });
 
 export default TimelineTaskKind;
diff --git a/src/modules/contacts/modules/timeline/enums/TimelineTaskStatus.enum.js b/src/modules/contacts/modules/timeline/enums/TimelineTaskStatus.enum.js
index 56c14efc..437cb05a 100644
--- a/src/modules/contacts/modules/timeline/enums/TimelineTaskStatus.enum.js
+++ b/src/modules/contacts/modules/timeline/enums/TimelineTaskStatus.enum.js
@@ -8,6 +8,8 @@ const TimelineTaskStatus = Object.freeze({
   MISSED: 'missed',
   TRANSFERRED: 'transferred',
   ENDED: 'ended',
+  SENT: 'sent',
+  RECEIVED: 'received',
 });
 
 export default TimelineTaskStatus;
diff --git a/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-row.vue b/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-row.vue
new file mode 100644
index 00000000..7e08d8d2
--- /dev/null
+++ b/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-row.vue
@@ -0,0 +1,90 @@
+<template>
+  <timeline-row class="email-task-timeline-row">
+    <template #before-content>
+      <timeline-row-info
+        :timestamp="createdAt"
+      >
+        <template #title="{ time }">
+          {{ time }}
+        </template>
+
+        <template #subtitle>
+          <timeline-task-status :status="taskStatus" />
+        </template>
+      </timeline-row-info>
+    </template>
+
+    <template #pin="{ toggle, collapsed }">
+      <timeline-pin
+        :collapsed="collapsed"
+        :last="last && collapsed"
+        :non-clickable="!detailed"
+        :type="pinType"
+        @click="toggle"
+      />
+    </template>
+
+    <template #content>
+      <task-timeline-row-content-wrapper>
+
+      </task-timeline-row-content-wrapper>
+    </template>
+
+  </timeline-row>
+</template>
+<script setup>
+import { computed, toRefs } from 'vue';
+import TaskTimelineRowContentWrapper from '../../../../components/task-row/task-timeline-row-content-wrapper.vue';
+import TimelinePin from '../../../../components/utils/timeline-pin.vue';
+import TimelineRow from '../../../../components/utils/timeline-row.vue';
+import TimelineTaskStatus from '../../../../components/utils/timeline-task-status.vue';
+import TimelineRowInfo from '../../../../components/utils/timeline-row-info.vue';
+import TimelinePinType from '../../../../enums/TimelinePinType.enum.js';
+import TimelineTaskKind from '../../../../enums/TimelineTaskKind.enum.js';
+import TimelineTaskStatusEnum from '../../../../enums/TimelineTaskStatus.enum.js';
+
+const props = defineProps({
+  task: {
+    type: Object,
+    required: true,
+  },
+  detailed: {
+    type: Boolean,
+    default: false,
+  },
+  last: {
+    type: Boolean,
+    default: false,
+  },
+});
+
+const {
+  createdAt,
+  isInbound
+} = toRefs(props.task);
+
+const taskType = computed(() => isInbound?.value ? TimelineTaskKind.EMAIL_INBOUND : TimelineTaskKind.EMAIL_OUTBOUND);
+
+const taskStatus = computed(() => {
+  switch (taskType.value) {
+    case TimelineTaskKind.EMAIL_INBOUND:
+      return TimelineTaskStatusEnum.RECEIVED;
+    case TimelineTaskKind.EMAIL_OUTBOUND:
+      return TimelineTaskStatusEnum.SENT;
+    default:
+      throw new Error(`Unknown task type: ${taskType.value}`);
+  }
+});
+
+const pinType = computed(() => {
+  switch (taskType.value) {
+    case TimelineTaskKind.EMAIL_INBOUND:
+      return TimelinePinType.EMAIL_INBOUND;
+    case TimelineTaskKind.EMAIL_OUTBOUND:
+      return TimelinePinType.EMAIL_OUTBOUND;
+    default:
+      throw new Error(`Unknown task type: ${taskType.value}`);
+  }
+});
+
+</script>

From ebc39870a951036a7c5c4db64b4df0df821eb016 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Thu, 25 Jul 2024 14:50:28 +0300
Subject: [PATCH 02/25] feature: add email-task-timelone-component[WTEL-4799]

---
 src/app/locale/en/en.js                       |   4 +
 src/app/locale/ru/ru.js                       |   4 +
 src/app/locale/ua/ua.js                       |   4 +
 .../utils/timeline-row-initiator.vue          |   2 +-
 .../task-row/email-task-timeline-header.vue   | 119 ++++++++++++++++++
 .../task-row/email-task-timeline-row.vue      |   3 +
 6 files changed, 135 insertions(+), 1 deletion(-)
 create mode 100644 src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-header.vue

diff --git a/src/app/locale/en/en.js b/src/app/locale/en/en.js
index 326b6df4..57ee997a 100644
--- a/src/app/locale/en/en.js
+++ b/src/app/locale/en/en.js
@@ -33,6 +33,10 @@ export default {
         [WebitelContactsTimelineEventType.Chat]: 'Chat | Chats',
         [WebitelContactsTimelineEventType.Email]: 'Email | Emails',
       },
+      emails: {
+        to: 'To',
+        cc: 'CC',
+      },
     },
     communications: {
       communications: 'Communication option | Communication options',
diff --git a/src/app/locale/ru/ru.js b/src/app/locale/ru/ru.js
index fffdc2b0..9167bd8e 100644
--- a/src/app/locale/ru/ru.js
+++ b/src/app/locale/ru/ru.js
@@ -33,6 +33,10 @@ export default {
         [WebitelContactsTimelineEventType.Chat]: 'Чат | Чаты',
         [WebitelContactsTimelineEventType.Email]: 'Письмо | Письма',
       },
+      emails: {
+        to: 'Кому',
+        cc: 'CC',
+      },
     },
     communications: {
       communications: 'Средство связи | Средства связи',
diff --git a/src/app/locale/ua/ua.js b/src/app/locale/ua/ua.js
index 4cc1f574..fc275b00 100644
--- a/src/app/locale/ua/ua.js
+++ b/src/app/locale/ua/ua.js
@@ -33,6 +33,10 @@ export default {
         [WebitelContactsTimelineEventType.Chat]: 'Чат | Чати',
         [WebitelContactsTimelineEventType.Email]: 'Лист | Листи',
       },
+      emails: {
+        to: 'Кому',
+        cc: 'CC',
+      },
     },
     communications: {
       communications: 'Засіб зв\'язку | Засоби зв\'язку',
diff --git a/src/modules/contacts/modules/timeline/components/utils/timeline-row-initiator.vue b/src/modules/contacts/modules/timeline/components/utils/timeline-row-initiator.vue
index 7a84c763..dc75edc2 100644
--- a/src/modules/contacts/modules/timeline/components/utils/timeline-row-initiator.vue
+++ b/src/modules/contacts/modules/timeline/components/utils/timeline-row-initiator.vue
@@ -54,7 +54,7 @@ const props = defineProps({
   @extend %typo-subtitle-1;
   display: flex;
   align-items: center;
-  gap: var(--spacing-sm);
+  gap: var(--spacing-xs);
 
   .wt-icon,
   .wt-avatar {
diff --git a/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-header.vue b/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-header.vue
new file mode 100644
index 00000000..4280b4b5
--- /dev/null
+++ b/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-header.vue
@@ -0,0 +1,119 @@
+<template>
+  <div class="email-task-timeline-header">
+    <div
+      v-if="task.owner"
+      class="email-task-timeline-header__wrapper"
+    >
+      <p>{{ t('objects.user', 1) }}:</p>
+      <timeline-row-initiator
+        :text="task.owner.name"
+        :type="TimelineInitiatorType.CONTACT"
+      />
+    </div>
+
+    <div
+      v-if="task.from"
+      class="email-task-timeline-header__wrapper"
+    >
+      <p>{{ t('reusable.from') }}:</p>
+      <span class="email-task-timeline-header__name">{{ task.from[0] }}</span>
+    </div>
+
+    <div
+      v-if="task.to"
+      class="email-task-timeline-header__wrapper"
+    >
+      <p>{{ t('contacts.timeline.emails.to') }}:</p>
+      <span class="email-task-timeline-header__name">{{ task.to[0] }}</span>
+
+      <wt-tooltip
+        v-if="hiddenRecipients.length"
+        :triggers="['click']"
+      >
+        <template #activator>
+          <wt-chip>
+            +{{ hiddenRecipients.length }}
+          </wt-chip>
+        </template>
+
+        <div class="email-task-timeline-header__inner">
+          <p
+            v-for="(name, idx) of hiddenRecipients"
+            :key="idx"
+          >{{ name }}</p>
+        </div>
+      </wt-tooltip>
+
+    </div>
+
+    <div
+      v-if="task.cc"
+      class="email-task-timeline-header__wrapper"
+    >
+      <p>{{ t('contacts.timeline.emails.cc') }}:</p>
+      <span class="email-task-timeline-header__name">{{ task.cc[0] }}</span>
+
+
+      <wt-tooltip
+        v-if="hiddenCopyRecipients.length"
+        :triggers="['click']"
+      >
+        <template #activator>
+          <wt-chip>
+            +{{ hiddenCopyRecipients.length }}
+          </wt-chip>
+        </template>
+
+        <div class="email-task-timeline-header__inner">
+          <p
+            v-for="(name, idx) of hiddenCopyRecipients"
+            :key="idx"
+          >{{ name }}</p>
+        </div>
+      </wt-tooltip>
+    </div>
+
+  </div>
+</template>
+
+<script setup>
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import TimelineRowInitiator from '../../../../components/utils/timeline-row-initiator.vue';
+import TimelineInitiatorType from '../../../../enums/TimelineInitiatorType.enum.js';
+
+const props = defineProps({
+  task: {
+    type: Object,
+    required: true,
+  },
+});
+
+const { t } = useI18n();
+
+const hiddenRecipients = computed(() => props.task.to.slice(0, -1));
+const hiddenCopyRecipients = computed(() => props.task.cc.slice(0, -1));
+</script>
+
+<style scoped lang="scss">
+.email-task-timeline-header {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--spacing-xs);
+
+  &__wrapper {
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-xs);
+  }
+
+  &__inner {
+    padding: var(--spacing-xs);
+  }
+
+  &__name {
+    @extend %typo-subtitle-1;
+  }
+}
+</style>
diff --git a/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-row.vue b/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-row.vue
index 7e08d8d2..7f8dce4d 100644
--- a/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-row.vue
+++ b/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-row.vue
@@ -26,6 +26,8 @@
 
     <template #content>
       <task-timeline-row-content-wrapper>
+        <email-task-timeline-header
+          :task="task" />
 
       </task-timeline-row-content-wrapper>
     </template>
@@ -42,6 +44,7 @@ import TimelineRowInfo from '../../../../components/utils/timeline-row-info.vue'
 import TimelinePinType from '../../../../enums/TimelinePinType.enum.js';
 import TimelineTaskKind from '../../../../enums/TimelineTaskKind.enum.js';
 import TimelineTaskStatusEnum from '../../../../enums/TimelineTaskStatus.enum.js';
+import EmailTaskTimelineHeader from './email-task-timeline-header.vue';
 
 const props = defineProps({
   task: {

From 059dff4d0b287106619c1733ee06256b690204d6 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Wed, 31 Jul 2024 17:03:02 +0300
Subject: [PATCH 03/25] feature: add files, subject, header changes[WTEL-4801]

---
 package-lock.json                             |  62 +++++++++--
 package.json                                  |   5 +-
 src/app/locale/en/en.js                       |   1 +
 src/app/locale/ru/ru.js                       |   1 +
 src/app/locale/ua/ua.js                       |   1 +
 .../chat-point-timeline-row-file.vue          |  14 +--
 .../email-point-timeline-row-subject.vue      |  45 ++++++++
 .../point-row/email-point-timeline-row.vue    |  75 +++++++++++++
 .../email-points-timeline-row-file.vue        |  81 ++++++++++++++
 ...il-points-timeline-row-files-container.vue |  34 ++++++
 .../email-task-timeline-header-section.vue    |  59 ++++++++++
 .../task-row/email-task-timeline-header.vue   | 102 +++++-------------
 .../task-row/email-task-timeline-row.vue      |   4 +-
 .../modules/timeline/utils/downloadFile.js    |  10 ++
 14 files changed, 392 insertions(+), 102 deletions(-)
 create mode 100644 src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-point-timeline-row-subject.vue
 create mode 100644 src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-point-timeline-row.vue
 create mode 100644 src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-points-timeline-row-file.vue
 create mode 100644 src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-points-timeline-row-files-container.vue
 create mode 100644 src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-header-section.vue
 create mode 100644 src/modules/contacts/modules/timeline/utils/downloadFile.js

diff --git a/package-lock.json b/package-lock.json
index 32028177..c801ef05 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,13 +12,14 @@
         "@vuelidate/core": "^2.0.3",
         "@vuelidate/validators": "^2.0.4",
         "@vueuse/core": "^10.10.0",
-        "@webitel/ui-sdk": "^24.8.1",
+        "@webitel/ui-sdk": "^24.8.7",
         "axios": "^1.7.2",
         "deep-equal": "^2.2.1",
-        "dompurify": "^3.1.2",
+        "dompurify": "^3.1.6",
         "linkify-html": "^4.1.3",
         "linkifyjs": "^4.1.3",
         "lodash": "^4.17.21",
+        "markdown-it": "^14.1.0",
         "vue": "^3.4.27",
         "vue-i18n": "^9.13.1",
         "vue-router": "^4.3.2",
@@ -2063,9 +2064,9 @@
       }
     },
     "node_modules/@webitel/ui-sdk": {
-      "version": "24.8.1",
-      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.8.1.tgz",
-      "integrity": "sha512-1VjbgT1sWX5e1TEgVTu+a89RpYLY5dURONo5CD/whtkaQ1sacEEgyBrxDEyrktOsgYwfD5BC3VBeyvSAw8XVNA==",
+      "version": "24.8.7",
+      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.8.7.tgz",
+      "integrity": "sha512-PASpgPkCuSZElLv9oNDNq+S1isdQibIACnkHGfAr2fTB3xlFmPMO+emtiw1gjr/bT3kK82okctsiQzpZ+yWaBQ==",
       "dependencies": {
         "@floating-ui/vue": "^1.0.1",
         "@morev/vue-transitions": "^3.0.2",
@@ -2189,8 +2190,7 @@
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
     },
     "node_modules/arr-diff": {
       "version": "4.0.0",
@@ -3651,9 +3651,9 @@
       }
     },
     "node_modules/dompurify": {
-      "version": "3.1.4",
-      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.1.4.tgz",
-      "integrity": "sha512-2gnshi6OshmuKil8rMZuQCGiUF3cUxHY3NGDzUAdUx/NPEe5DVnO8BDoAQouvgwnx0R/+a6jUn36Z0FSdq8vww=="
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.1.6.tgz",
+      "integrity": "sha512-cTOAhc36AalkjtBpfG6O8JimdTMWNXjiePT2xQH/ppBGi/4uIpmj8eKyIkMJErXWARyINV/sB38yf8JCLF5pbQ=="
     },
     "node_modules/domutils": {
       "version": "1.7.0",
@@ -6062,6 +6062,14 @@
         "linkifyjs": "^4.0.0"
       }
     },
+    "node_modules/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==",
+      "dependencies": {
+        "uc.micro": "^2.0.0"
+      }
+    },
     "node_modules/linkifyjs": {
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/linkifyjs/-/linkifyjs-4.1.3.tgz",
@@ -6212,6 +6220,22 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/markdown-it": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.0.tgz",
+      "integrity": "sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==",
+      "dependencies": {
+        "argparse": "^2.0.1",
+        "entities": "^4.4.0",
+        "linkify-it": "^5.0.0",
+        "mdurl": "^2.0.0",
+        "punycode.js": "^2.3.1",
+        "uc.micro": "^2.1.0"
+      },
+      "bin": {
+        "markdown-it": "bin/markdown-it.mjs"
+      }
+    },
     "node_modules/md5.js": {
       "version": "1.3.5",
       "resolved": "https://registry.npmjs.org/md5.js/-/md5.js-1.3.5.tgz",
@@ -6229,6 +6253,11 @@
       "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
       "dev": true
     },
+    "node_modules/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w=="
+    },
     "node_modules/merge-options": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/merge-options/-/merge-options-1.0.1.tgz",
@@ -7383,6 +7412,14 @@
         "node": ">=6"
       }
     },
+    "node_modules/punycode.js": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode.js/-/punycode.js-2.3.1.tgz",
+      "integrity": "sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/qs": {
       "version": "6.12.1",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.12.1.tgz",
@@ -9148,6 +9185,11 @@
         "node": ">=14.17"
       }
     },
+    "node_modules/uc.micro": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-2.1.0.tgz",
+      "integrity": "sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A=="
+    },
     "node_modules/ufo": {
       "version": "1.5.3",
       "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.5.3.tgz",
diff --git a/package.json b/package.json
index 15736aec..45ab6970 100644
--- a/package.json
+++ b/package.json
@@ -15,13 +15,14 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^10.10.0",
-    "@webitel/ui-sdk": "^24.8.1",
+    "@webitel/ui-sdk": "^24.8.7",
     "axios": "^1.7.2",
     "deep-equal": "^2.2.1",
-    "dompurify": "^3.1.2",
+    "dompurify": "^3.1.6",
     "linkify-html": "^4.1.3",
     "linkifyjs": "^4.1.3",
     "lodash": "^4.17.21",
+    "markdown-it": "^14.1.0",
     "vue": "^3.4.27",
     "vue-i18n": "^9.13.1",
     "vue-router": "^4.3.2",
diff --git a/src/app/locale/en/en.js b/src/app/locale/en/en.js
index 57ee997a..3235d560 100644
--- a/src/app/locale/en/en.js
+++ b/src/app/locale/en/en.js
@@ -36,6 +36,7 @@ export default {
       emails: {
         to: 'To',
         cc: 'CC',
+        subject: 'Subject',
       },
     },
     communications: {
diff --git a/src/app/locale/ru/ru.js b/src/app/locale/ru/ru.js
index 9167bd8e..a2f04586 100644
--- a/src/app/locale/ru/ru.js
+++ b/src/app/locale/ru/ru.js
@@ -36,6 +36,7 @@ export default {
       emails: {
         to: 'Кому',
         cc: 'CC',
+        subject: 'Тема',
       },
     },
     communications: {
diff --git a/src/app/locale/ua/ua.js b/src/app/locale/ua/ua.js
index fc275b00..b968773d 100644
--- a/src/app/locale/ua/ua.js
+++ b/src/app/locale/ua/ua.js
@@ -36,6 +36,7 @@ export default {
       emails: {
         to: 'Кому',
         cc: 'CC',
+        subject: 'Тема',
       },
     },
     communications: {
diff --git a/src/modules/contacts/modules/timeline/modules/chats/components/point-row/chat-point-timeline-row-file.vue b/src/modules/contacts/modules/timeline/modules/chats/components/point-row/chat-point-timeline-row-file.vue
index 1e6969a9..c42806d2 100644
--- a/src/modules/contacts/modules/timeline/modules/chats/components/point-row/chat-point-timeline-row-file.vue
+++ b/src/modules/contacts/modules/timeline/modules/chats/components/point-row/chat-point-timeline-row-file.vue
@@ -4,16 +4,15 @@
         :icon="icon"
       />
       <span
-        @click="download"
         class="chat-point-timeline-row-file__name"
+        @click="downloadFile({ id: file?.id, name: file?.name })"
       >{{ props.file.name }}</span>
     </div>
 </template>
 
 <script setup>
 import { computed } from 'vue';
-
-const API_URL = import.meta.env.VITE_API_URL;
+import downloadFile from '../../../../utils/downloadFile.js';
 
 const props = defineProps({
   file: {
@@ -28,15 +27,6 @@ const icon = computed(() => {
   if (props.file.type.includes('audio')) return 'preview-tag-audio';
   return 'attach';
 })
-
-function download() {
-  const a = document.createElement('a');
-  const token = localStorage.getItem('access-token');
-  a.href = `${API_URL}/storage/file/${props.file.id}/download?access_token=${token}`;
-  a.target = '_blank';
-  a.download = props.file.name;
-  a.click();
-}
 </script>
 
 <style scoped lang="scss">
diff --git a/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-point-timeline-row-subject.vue b/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-point-timeline-row-subject.vue
new file mode 100644
index 00000000..d83c8a62
--- /dev/null
+++ b/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-point-timeline-row-subject.vue
@@ -0,0 +1,45 @@
+<template>
+  <div class="email-point-timeline-subject">
+
+    <wt-divider />
+
+    <div>
+      <p class="email-point-timeline-subject__title">{{ t('contacts.timeline.emails.subject') }}:</p>
+      <p v-html="content"></p>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+import MarkdownIt from 'markdown-it';
+import dompurify from 'dompurify';
+
+const md = new MarkdownIt({ linkify: true, html: true });
+
+const props = defineProps({
+  subject: {
+    type: Object,
+    required: true,
+  },
+});
+
+const { t } = useI18n();
+
+const content = computed(() => {
+  return dompurify.sanitize(md.render(props.subject));
+});
+</script>
+
+<style scoped lang="scss">
+.email-point-timeline-subject {
+  display: flex;
+  gap: var(--spacing-xs);
+  flex-direction: column;
+
+  &__title {
+    @extend %typo-subtitle-1;
+  }
+}
+</style>
diff --git a/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-point-timeline-row.vue b/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-point-timeline-row.vue
new file mode 100644
index 00000000..a2a599cf
--- /dev/null
+++ b/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-point-timeline-row.vue
@@ -0,0 +1,75 @@
+<template>
+  <section class="email-point-timeline-row">
+    <div class="email-point-timeline-row__wrapper">
+      <wt-icon-btn
+        icon="arrow-right"
+        class="email-point-timeline-row__icon"
+        :class="{'email-point-timeline-row__icon--down': opened }"
+        @click="toggle"
+      >
+      </wt-icon-btn>
+      <email-task-timeline-header
+        :task="task"
+      />
+    </div>
+
+    <timeline-row-dropdown-transition>
+      <div v-if="opened">
+        <email-point-timeline-row-subject
+          v-if="task?.subject"
+          :subject="task.subject"
+        />
+
+        <email-points-timeline-row-files-container
+          v-if="task.attachments?.length"
+          :files="task.attachments"
+        />
+      </div>
+
+    </timeline-row-dropdown-transition>
+  </section>
+</template>
+<script setup>
+import { ref } from 'vue';
+import EmailTaskTimelineHeader from '../task-row/email-task-timeline-header.vue';
+import EmailPointTimelineRowSubject from './email-point-timeline-row-subject.vue';
+import EmailPointsTimelineRowFilesContainer from './email-points-timeline-row-files-container.vue';
+import TimelineRowDropdownTransition from '../../../../components/utils/timeline-row-dropdown-transition.vue';
+
+const props = defineProps({
+  task: {
+    type: Object,
+    required: true,
+  },
+});
+
+const opened = ref(false);
+
+function toggle() {
+  opened.value = !opened.value;
+}
+
+</script>
+
+<style scoped lang="scss">
+.email-point-timeline-row {
+  display: flex;
+  gap: var(--spacing-xs);
+  flex-direction: column;
+  width: 100%;
+
+  &__wrapper {
+    display: flex;
+    align-items: flex-start;
+    gap: var(--spacing-xs);
+  }
+
+  &__icon {
+    transition: var(--transition);
+
+    &--down {
+      transform: rotate(90deg);
+    }
+  }
+}
+</style>
diff --git a/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-points-timeline-row-file.vue b/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-points-timeline-row-file.vue
new file mode 100644
index 00000000..1a29c544
--- /dev/null
+++ b/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-points-timeline-row-file.vue
@@ -0,0 +1,81 @@
+<template>
+  <div class="email-points-timeline-row-file">
+    <div class="email-points-timeline-row-file__wrapper">
+
+      <wt-icon
+        :icon="icon"
+      />
+      <span class="email-points-timeline-row-file__name" @click="openFileInNewTab">{{ file.name }}</span>
+    </div>
+
+    <span >{{ prettifyFileSize(file.size) }}</span>
+
+    <wt-icon-btn
+      icon="download"
+      class="email-points-timeline-row-file__icon"
+      @click="downloadFile({ id: file?.id, name: file?.name })"
+    ></wt-icon-btn>
+
+  </div>
+</template>
+
+<script setup>
+import { computed } from 'vue';
+import prettifyFileSize from '@webitel/ui-sdk/src/scripts/prettifyFileSize';
+import downloadFile from '../../../../utils/downloadFile.js';
+
+const props = defineProps({
+  file: {
+    type: Array,
+    required: true,
+  },
+});
+
+const icon = computed(() => {
+  if (props.file.mime.includes('image')) return 'preview-tag-image';
+  if (props.file.mime.includes('video')) return 'preview-tag-video';
+  if (props.file.mime.includes('audio')) return 'preview-tag-audio';
+  return 'attach';
+});
+
+const openFileInNewTab = async () => {
+  const link = document.createElement('a');
+  const token = localStorage.getItem('access-token');
+  const url = `${import.meta.env.VITE_API_URL}/storage/file/${props.file.id}/download?access_token=${token}`;
+
+  const file = await fetch(url)
+  .then((res) => res.blob())
+  .then((res) => new File([res], props.file.name, { type: res.type }));
+
+  const blob = new Blob([file], { type: file.type });
+  link.href = URL.createObjectURL(blob);
+  window.open(link.href, '_blank');
+};
+
+</script>
+
+<style scoped lang="scss">
+.email-points-timeline-row-file {
+  display: grid;
+  grid-template-columns: 8fr 1fr 1fr;
+
+  &__wrapper {
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-xs);
+  }
+
+  &__icon {
+    justify-self: flex-end;
+  }
+
+  &__name {
+    color: var(--info-color);
+    cursor: pointer;
+
+    &:hover {
+      color: var(--info-hover-color);
+    }
+  }
+}
+</style>
diff --git a/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-points-timeline-row-files-container.vue b/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-points-timeline-row-files-container.vue
new file mode 100644
index 00000000..bf2f5b6e
--- /dev/null
+++ b/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-points-timeline-row-files-container.vue
@@ -0,0 +1,34 @@
+<template>
+  <div class="email-point-timeline-row-files-container">
+    <wt-divider />
+
+    <div class="email-point-timeline-row-files-container__wrapper">
+      <email-points-timeline-row-file
+        v-for="file of files"
+        :key="file.id"
+        :file="file"
+      />
+    </div>
+
+  </div>
+</template>
+
+<script setup>
+import EmailPointsTimelineRowFile from './email-points-timeline-row-file.vue';
+
+const props = defineProps({
+  files: {
+    type: Array,
+    required: true,
+  },
+});
+</script>
+
+<style scoped lang="scss">
+.email-point-timeline-row-files-container,
+.email-point-timeline-row-files-container__wrapper {
+  display: flex;
+  gap: var(--spacing-xs);
+  flex-direction: column;
+}
+</style>
diff --git a/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-header-section.vue b/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-header-section.vue
new file mode 100644
index 00000000..daa4bb5f
--- /dev/null
+++ b/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-header-section.vue
@@ -0,0 +1,59 @@
+<template>
+  <div class="email-task-timeline-header-section">
+    <p>{{ title }}:</p>
+    <slot name="name">
+      <span class="email-task-timeline-header-section__name">{{ name }}</span>
+    </slot>
+
+    <slot name="tooltip">
+      <wt-tooltip
+        v-if="hiddenParticipants.length"
+        :triggers="['click']"
+      >
+        <template #activator>
+          <wt-chip>
+            +{{ hiddenParticipants.length }}
+          </wt-chip>
+        </template>
+
+        <div class="email-task-timeline-header-section__wrapper">
+          <p
+            v-for="(name, idx) of hiddenParticipants"
+            :key="idx"
+          >{{ name }}</p>
+        </div>
+      </wt-tooltip>
+    </slot>
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  title: {
+    type: String,
+  },
+  name: {
+    type: String,
+  },
+  hiddenParticipants: {
+    type: Array,
+    default: () => [],
+  },
+});
+</script>
+
+<style scoped lang="scss">
+.email-task-timeline-header-section {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+
+  &__name {
+    @extend %typo-subtitle-1;
+  }
+
+  &__wrapper {
+    padding: var(--spacing-xs);
+  }
+}
+</style>
diff --git a/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-header.vue b/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-header.vue
index 4280b4b5..0b161494 100644
--- a/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-header.vue
+++ b/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-header.vue
@@ -1,77 +1,40 @@
 <template>
   <div class="email-task-timeline-header">
-    <div
+
+    <email-task-timeline-header-section
       v-if="task.owner"
-      class="email-task-timeline-header__wrapper"
+      :title="t('objects.user', 1)"
     >
-      <p>{{ t('objects.user', 1) }}:</p>
-      <timeline-row-initiator
-        :text="task.owner.name"
-        :type="TimelineInitiatorType.CONTACT"
-      />
-    </div>
-
-    <div
+      <template #name>
+        <timeline-row-initiator
+          :text="task.owner.name"
+          :type="TimelineInitiatorType.CONTACT"
+        />
+      </template>
+    </email-task-timeline-header-section>
+
+    <email-task-timeline-header-section
       v-if="task.from"
-      class="email-task-timeline-header__wrapper"
+      :title="t('reusable.from')"
+      :name="task.from[0]"
     >
-      <p>{{ t('reusable.from') }}:</p>
-      <span class="email-task-timeline-header__name">{{ task.from[0] }}</span>
-    </div>
+    </email-task-timeline-header-section>
 
-    <div
+    <email-task-timeline-header-section
       v-if="task.to"
-      class="email-task-timeline-header__wrapper"
+      :title="t('contacts.timeline.emails.to')"
+      :name="task.to[0]"
+      :hidden-participants="hiddenRecipients"
     >
-      <p>{{ t('contacts.timeline.emails.to') }}:</p>
-      <span class="email-task-timeline-header__name">{{ task.to[0] }}</span>
-
-      <wt-tooltip
-        v-if="hiddenRecipients.length"
-        :triggers="['click']"
-      >
-        <template #activator>
-          <wt-chip>
-            +{{ hiddenRecipients.length }}
-          </wt-chip>
-        </template>
+    </email-task-timeline-header-section>
 
-        <div class="email-task-timeline-header__inner">
-          <p
-            v-for="(name, idx) of hiddenRecipients"
-            :key="idx"
-          >{{ name }}</p>
-        </div>
-      </wt-tooltip>
-
-    </div>
-
-    <div
+    <email-task-timeline-header-section
       v-if="task.cc"
-      class="email-task-timeline-header__wrapper"
+      :title="t('contacts.timeline.emails.cc')"
+      :name="task.cc[0]"
+      :hidden-participants="hiddenCopyRecipients"
     >
-      <p>{{ t('contacts.timeline.emails.cc') }}:</p>
-      <span class="email-task-timeline-header__name">{{ task.cc[0] }}</span>
-
-
-      <wt-tooltip
-        v-if="hiddenCopyRecipients.length"
-        :triggers="['click']"
-      >
-        <template #activator>
-          <wt-chip>
-            +{{ hiddenCopyRecipients.length }}
-          </wt-chip>
-        </template>
-
-        <div class="email-task-timeline-header__inner">
-          <p
-            v-for="(name, idx) of hiddenCopyRecipients"
-            :key="idx"
-          >{{ name }}</p>
-        </div>
-      </wt-tooltip>
-    </div>
+    </email-task-timeline-header-section>
 
   </div>
 </template>
@@ -82,6 +45,7 @@ import { useI18n } from 'vue-i18n';
 
 import TimelineRowInitiator from '../../../../components/utils/timeline-row-initiator.vue';
 import TimelineInitiatorType from '../../../../enums/TimelineInitiatorType.enum.js';
+import EmailTaskTimelineHeaderSection from './email-task-timeline-header-section.vue';
 
 const props = defineProps({
   task: {
@@ -101,19 +65,5 @@ const hiddenCopyRecipients = computed(() => props.task.cc.slice(0, -1));
   display: flex;
   flex-wrap: wrap;
   gap: var(--spacing-xs);
-
-  &__wrapper {
-    display: flex;
-    align-items: center;
-    gap: var(--spacing-xs);
-  }
-
-  &__inner {
-    padding: var(--spacing-xs);
-  }
-
-  &__name {
-    @extend %typo-subtitle-1;
-  }
 }
 </style>
diff --git a/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-row.vue b/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-row.vue
index 7f8dce4d..5564974f 100644
--- a/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-row.vue
+++ b/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-row.vue
@@ -26,7 +26,7 @@
 
     <template #content>
       <task-timeline-row-content-wrapper>
-        <email-task-timeline-header
+        <email-point-timeline-row
           :task="task" />
 
       </task-timeline-row-content-wrapper>
@@ -44,7 +44,7 @@ import TimelineRowInfo from '../../../../components/utils/timeline-row-info.vue'
 import TimelinePinType from '../../../../enums/TimelinePinType.enum.js';
 import TimelineTaskKind from '../../../../enums/TimelineTaskKind.enum.js';
 import TimelineTaskStatusEnum from '../../../../enums/TimelineTaskStatus.enum.js';
-import EmailTaskTimelineHeader from './email-task-timeline-header.vue';
+import EmailPointTimelineRow from '../point-row/email-point-timeline-row.vue';
 
 const props = defineProps({
   task: {
diff --git a/src/modules/contacts/modules/timeline/utils/downloadFile.js b/src/modules/contacts/modules/timeline/utils/downloadFile.js
new file mode 100644
index 00000000..aa9856d8
--- /dev/null
+++ b/src/modules/contacts/modules/timeline/utils/downloadFile.js
@@ -0,0 +1,10 @@
+const  downloadFile = ({ id, name }) => {
+  const a = document.createElement('a');
+  const token = localStorage.getItem('access-token');
+  a.href = `${import.meta.env.VITE_API_URL}/storage/file/${id}/download?access_token=${token}`;
+  a.target = '_blank';
+  a.download = name;
+  a.click();
+}
+
+export default downloadFile;

From 7270f44a94c20d52c464c3108afb804a0f56e6d7 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Mon, 5 Aug 2024 13:30:48 +0300
Subject: [PATCH 04/25] fix: add email color from webitel/ui-sdk[WTEL-4654]

---
 package-lock.json                             |  8 +-
 package.json                                  |  2 +-
 .../components/utils/timeline-flow-line.vue   |  4 +-
 .../utils/timeline-rounded-action.vue         | 11 +--
 ....timestamp-1716888890686-6c8de6262eaca.mjs | 75 -------------------
 5 files changed, 10 insertions(+), 90 deletions(-)
 delete mode 100644 vite.config.js.timestamp-1716888890686-6c8de6262eaca.mjs

diff --git a/package-lock.json b/package-lock.json
index c801ef05..5461eedc 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "@vuelidate/core": "^2.0.3",
         "@vuelidate/validators": "^2.0.4",
         "@vueuse/core": "^10.10.0",
-        "@webitel/ui-sdk": "^24.8.7",
+        "@webitel/ui-sdk": "^24.8.10",
         "axios": "^1.7.2",
         "deep-equal": "^2.2.1",
         "dompurify": "^3.1.6",
@@ -2064,9 +2064,9 @@
       }
     },
     "node_modules/@webitel/ui-sdk": {
-      "version": "24.8.7",
-      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.8.7.tgz",
-      "integrity": "sha512-PASpgPkCuSZElLv9oNDNq+S1isdQibIACnkHGfAr2fTB3xlFmPMO+emtiw1gjr/bT3kK82okctsiQzpZ+yWaBQ==",
+      "version": "24.8.10",
+      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.8.10.tgz",
+      "integrity": "sha512-AXDdDaSMcr2ZjgSSKf01h3ZKKi8qKOj4ZwJf8llRA7cXQIkXzgrDLOKwLBNqlkwASJeeXaX53WC/1hypfxWm0A==",
       "dependencies": {
         "@floating-ui/vue": "^1.0.1",
         "@morev/vue-transitions": "^3.0.2",
diff --git a/package.json b/package.json
index 45ab6970..2d1d32f7 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^10.10.0",
-    "@webitel/ui-sdk": "^24.8.7",
+    "@webitel/ui-sdk": "^24.8.10",
     "axios": "^1.7.2",
     "deep-equal": "^2.2.1",
     "dompurify": "^3.1.6",
diff --git a/src/modules/contacts/modules/timeline/components/utils/timeline-flow-line.vue b/src/modules/contacts/modules/timeline/components/utils/timeline-flow-line.vue
index 58a1fc8b..720bf033 100644
--- a/src/modules/contacts/modules/timeline/components/utils/timeline-flow-line.vue
+++ b/src/modules/contacts/modules/timeline/components/utils/timeline-flow-line.vue
@@ -25,8 +25,6 @@ const props = defineProps({
 </script>
 
 <style lang="scss" scoped>
-$mail-color: var(--blue-darken-1);
-
 .timeline-flow-line {
   width: 1px;
 
@@ -59,7 +57,7 @@ $mail-color: var(--blue-darken-1);
   }
 
   &--email {
-    background-color: $mail-color;
+    background-color: var(--email-color);
   }
 }
 </style>
diff --git a/src/modules/contacts/modules/timeline/components/utils/timeline-rounded-action.vue b/src/modules/contacts/modules/timeline/components/utils/timeline-rounded-action.vue
index 679e22fa..dfb8a0f6 100644
--- a/src/modules/contacts/modules/timeline/components/utils/timeline-rounded-action.vue
+++ b/src/modules/contacts/modules/timeline/components/utils/timeline-rounded-action.vue
@@ -32,9 +32,6 @@ const iColor = computed(() => (props.color === 'secondary') ? 'default' : 'on-da
 </script>
 
 <style lang="scss" scoped>
-$mail-color: var(--blue-darken-1);
-$mail-hover-color: var(--blue-lighten-1);
-
 .timeline-rounded-action {
   &--primary.wt-rounded-action {
     border-color: var(--primary-color);
@@ -92,13 +89,13 @@ $mail-hover-color: var(--blue-lighten-1);
   }
 
   &--email.wt-rounded-action {
-    border-color: $mail-color;
-    background-color: $mail-color;
+    border-color: var(--email-color);
+    background-color: var(--email-color);
 
     &:hover,
     &:active {
-      border-color: $mail-hover-color;
-      background-color: $mail-hover-color;
+      border-color: var(--email-hover-color);
+      background-color: var(--email-hover-color);
     }
   }
 }
diff --git a/vite.config.js.timestamp-1716888890686-6c8de6262eaca.mjs b/vite.config.js.timestamp-1716888890686-6c8de6262eaca.mjs
deleted file mode 100644
index 8de4a075..00000000
--- a/vite.config.js.timestamp-1716888890686-6c8de6262eaca.mjs
+++ /dev/null
@@ -1,75 +0,0 @@
-// vite.config.js
-import vue
-  from 'file:///Users/admin/Projects/crm/node_modules/@vitejs/plugin-vue/dist/index.mjs';
-import {
-  nodePolyfills,
-} from 'file:///Users/admin/Projects/crm/node_modules/vite-plugin-node-polyfills/dist/index.js';
-import createSvgSpritePlugin
-  from 'file:///Users/admin/Projects/crm/node_modules/vite-plugin-svg-sprite/esm/index.js';
-import {
-  defineConfig,
-  loadEnv,
-} from 'file:///Users/admin/Projects/crm/node_modules/vite/dist/node/index.js';
-
-var vite_config_default = ({ mode }) => {
-  const env = loadEnv(mode, process.cwd(), '');
-  return defineConfig({
-    base: '/crm',
-    define: {
-      'process.env': JSON.parse(JSON.stringify(env)
-      .replaceAll('VITE_', 'VUE_APP_')),
-    },
-    server: {
-      host: true,
-      port: 8080,
-    },
-    css: {
-      preprocessorOptions: {
-        scss: {
-          additionalData: `@import "./src/app/css/main.scss";`,
-        },
-      },
-    },
-    resolve: {
-      alias: {
-        vue: '@vue/compat',
-      },
-    },
-    plugins: [
-      vue({
-        template: {
-          compilerOptions: {
-            compatConfig: {
-              MODE: 2,
-            },
-          },
-        },
-      }),
-      // https://www.npmjs.com/package/vite-plugin-node-polyfills
-      nodePolyfills({
-        // are needed for csv-parse
-        include: ['buffer', 'stream'],
-        globals: {
-          Buffer: true,
-          // can also be 'build', 'dev', or false
-        },
-      }),
-      createSvgSpritePlugin({
-        include: '**/sprite/*.svg',
-      }),
-    ],
-    test: {
-      globals: true,
-      coverage: {
-        enabled: true,
-        reporter: 'json',
-      },
-      environment: 'happy-dom',
-      setupFiles: ['./tests/config/config.js'],
-    },
-  });
-};
-export {
-  vite_config_default as default,
-};
-//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcuanMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCIvVXNlcnMvYWRtaW4vUHJvamVjdHMvY3JtXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCIvVXNlcnMvYWRtaW4vUHJvamVjdHMvY3JtL3ZpdGUuY29uZmlnLmpzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy9Vc2Vycy9hZG1pbi9Qcm9qZWN0cy9jcm0vdml0ZS5jb25maWcuanNcIjtpbXBvcnQgdnVlIGZyb20gJ0B2aXRlanMvcGx1Z2luLXZ1ZSc7XG5pbXBvcnQgeyBkZWZpbmVDb25maWcsIGxvYWRFbnYgfSBmcm9tICd2aXRlJztcbmltcG9ydCB7IG5vZGVQb2x5ZmlsbHMgfSBmcm9tICd2aXRlLXBsdWdpbi1ub2RlLXBvbHlmaWxscyc7XG5pbXBvcnQgY3JlYXRlU3ZnU3ByaXRlUGx1Z2luIGZyb20gJ3ZpdGUtcGx1Z2luLXN2Zy1zcHJpdGUnO1xuXG4vLyBUT0RPXG4vLyBpbXBvcnQubWV0YS5lbnYuVlVFX0FQUF9QQUNLQUdFX1ZFUlNJT04gPSByZXF1aXJlKCcuL3BhY2thZ2UuanNvbicpLnZlcnNpb247XG5cbi8vIGh0dHBzOi8vdml0ZWpzLmRldi9jb25maWcvXG5leHBvcnQgZGVmYXVsdCAoeyBtb2RlIH0pID0+IHtcbiAgY29uc3QgZW52ID0gbG9hZEVudihtb2RlLCBwcm9jZXNzLmN3ZCgpLCAnJyk7XG5cbiAgcmV0dXJuIGRlZmluZUNvbmZpZyh7XG4gICAgYmFzZTogJy9jcm0nLFxuICAgIGRlZmluZToge1xuICAgICAgJ3Byb2Nlc3MuZW52JzogSlNPTi5wYXJzZShKU09OLnN0cmluZ2lmeShlbnYpXG4gICAgICAucmVwbGFjZUFsbCgnVklURV8nLCAnVlVFX0FQUF8nKSksXG4gICAgfSxcbiAgICBzZXJ2ZXI6IHtcbiAgICAgIGhvc3Q6IHRydWUsXG4gICAgICBwb3J0OiA4MDgwLFxuICAgIH0sXG4gICAgY3NzOiB7XG4gICAgICBwcmVwcm9jZXNzb3JPcHRpb25zOiB7XG4gICAgICAgIHNjc3M6IHtcbiAgICAgICAgICBhZGRpdGlvbmFsRGF0YTogYEBpbXBvcnQgXCIuL3NyYy9hcHAvY3NzL21haW4uc2Nzc1wiO2AsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0sXG4gICAgcmVzb2x2ZToge1xuICAgICAgYWxpYXM6IHtcbiAgICAgICAgdnVlOiAnQHZ1ZS9jb21wYXQnLFxuICAgICAgfSxcbiAgICB9LFxuICAgIHBsdWdpbnM6IFtcbiAgICAgIHZ1ZSh7XG4gICAgICAgIHRlbXBsYXRlOiB7XG4gICAgICAgICAgY29tcGlsZXJPcHRpb25zOiB7XG4gICAgICAgICAgICBjb21wYXRDb25maWc6IHtcbiAgICAgICAgICAgICAgTU9ERTogMixcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgfSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuICAgICAgLy8gaHR0cHM6Ly93d3cubnBtanMuY29tL3BhY2thZ2Uvdml0ZS1wbHVnaW4tbm9kZS1wb2x5ZmlsbHNcbiAgICAgIG5vZGVQb2x5ZmlsbHMoe1xuICAgICAgICAvLyBhcmUgbmVlZGVkIGZvciBjc3YtcGFyc2VcbiAgICAgICAgaW5jbHVkZTogWydidWZmZXInLCAnc3RyZWFtJ10sXG4gICAgICAgIGdsb2JhbHM6IHtcbiAgICAgICAgICBCdWZmZXI6IHRydWUsIC8vIGNhbiBhbHNvIGJlICdidWlsZCcsICdkZXYnLCBvciBmYWxzZVxuICAgICAgICB9LFxuICAgICAgfSksXG4gICAgICBjcmVhdGVTdmdTcHJpdGVQbHVnaW4oe1xuICAgICAgICBpbmNsdWRlOiAnKiovc3ByaXRlLyouc3ZnJyxcbiAgICAgIH0pLFxuICAgIF0sXG4gICAgdGVzdDoge1xuICAgICAgZ2xvYmFsczogdHJ1ZSxcbiAgICAgIGNvdmVyYWdlOiB7XG4gICAgICAgIGVuYWJsZWQ6IHRydWUsXG4gICAgICAgIHJlcG9ydGVyOiAnanNvbicsXG4gICAgICB9LFxuICAgICAgZW52aXJvbm1lbnQ6ICdoYXBweS1kb20nLFxuICAgICAgc2V0dXBGaWxlczogWycuL3Rlc3RzL2NvbmZpZy9jb25maWcuanMnXSxcbiAgICB9LFxuICB9KTtcbn1cbiJdLAogICJtYXBwaW5ncyI6ICI7QUFBNlAsT0FBTyxTQUFTO0FBQzdRLFNBQVMsY0FBYyxlQUFlO0FBQ3RDLFNBQVMscUJBQXFCO0FBQzlCLE9BQU8sMkJBQTJCO0FBTWxDLElBQU8sc0JBQVEsQ0FBQyxFQUFFLEtBQUssTUFBTTtBQUMzQixRQUFNLE1BQU0sUUFBUSxNQUFNLFFBQVEsSUFBSSxHQUFHLEVBQUU7QUFFM0MsU0FBTyxhQUFhO0FBQUEsSUFDbEIsTUFBTTtBQUFBLElBQ04sUUFBUTtBQUFBLE1BQ04sZUFBZSxLQUFLLE1BQU0sS0FBSyxVQUFVLEdBQUcsRUFDM0MsV0FBVyxTQUFTLFVBQVUsQ0FBQztBQUFBLElBQ2xDO0FBQUEsSUFDQSxRQUFRO0FBQUEsTUFDTixNQUFNO0FBQUEsTUFDTixNQUFNO0FBQUEsSUFDUjtBQUFBLElBQ0EsS0FBSztBQUFBLE1BQ0gscUJBQXFCO0FBQUEsUUFDbkIsTUFBTTtBQUFBLFVBQ0osZ0JBQWdCO0FBQUEsUUFDbEI7QUFBQSxNQUNGO0FBQUEsSUFDRjtBQUFBLElBQ0EsU0FBUztBQUFBLE1BQ1AsT0FBTztBQUFBLFFBQ0wsS0FBSztBQUFBLE1BQ1A7QUFBQSxJQUNGO0FBQUEsSUFDQSxTQUFTO0FBQUEsTUFDUCxJQUFJO0FBQUEsUUFDRixVQUFVO0FBQUEsVUFDUixpQkFBaUI7QUFBQSxZQUNmLGNBQWM7QUFBQSxjQUNaLE1BQU07QUFBQSxZQUNSO0FBQUEsVUFDRjtBQUFBLFFBQ0Y7QUFBQSxNQUNGLENBQUM7QUFBQTtBQUFBLE1BRUQsY0FBYztBQUFBO0FBQUEsUUFFWixTQUFTLENBQUMsVUFBVSxRQUFRO0FBQUEsUUFDNUIsU0FBUztBQUFBLFVBQ1AsUUFBUTtBQUFBO0FBQUEsUUFDVjtBQUFBLE1BQ0YsQ0FBQztBQUFBLE1BQ0Qsc0JBQXNCO0FBQUEsUUFDcEIsU0FBUztBQUFBLE1BQ1gsQ0FBQztBQUFBLElBQ0g7QUFBQSxJQUNBLE1BQU07QUFBQSxNQUNKLFNBQVM7QUFBQSxNQUNULFVBQVU7QUFBQSxRQUNSLFNBQVM7QUFBQSxRQUNULFVBQVU7QUFBQSxNQUNaO0FBQUEsTUFDQSxhQUFhO0FBQUEsTUFDYixZQUFZLENBQUMsMEJBQTBCO0FBQUEsSUFDekM7QUFBQSxFQUNGLENBQUM7QUFDSDsiLAogICJuYW1lcyI6IFtdCn0K

From 88d4c2e0a0e135b5f459d5355dd94641bb97d120 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Wed, 7 Aug 2024 14:07:27 +0300
Subject: [PATCH 05/25] fix: multiple timelineAPI calls and contactAPI
 calls[WTEL-4843]

---
 src/modules/contacts/components/contact-popup.vue  | 14 ++++++++------
 .../modules/timeline/components/the-timeline.vue   | 10 ++++++----
 .../contacts/modules/timeline/store/timeline.js    |  5 +++++
 3 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/src/modules/contacts/components/contact-popup.vue b/src/modules/contacts/components/contact-popup.vue
index 82a37b9d..99292ff4 100644
--- a/src/modules/contacts/components/contact-popup.vue
+++ b/src/modules/contacts/components/contact-popup.vue
@@ -151,13 +151,15 @@ async function loadItem(id = props.id) {
   draft.value = await ContactsAPI.get({ itemId: id });
 }
 
-watch(() => props.shown, () => {
-  if (props.id) loadItem(props.id);
-  else {
-    draft.value = generateNewDraft();
-    setDefaultManager();
+watch(() => props.shown, (value) => {
+  if(value) {
+    if (props.id) loadItem(props.id);
+    else {
+      draft.value = generateNewDraft();
+      setDefaultManager();
+    }
   }
-}, { immediate: true });
+});
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/modules/contacts/modules/timeline/components/the-timeline.vue b/src/modules/contacts/modules/timeline/components/the-timeline.vue
index 9eb67d55..495bd30a 100644
--- a/src/modules/contacts/modules/timeline/components/the-timeline.vue
+++ b/src/modules/contacts/modules/timeline/components/the-timeline.vue
@@ -88,10 +88,6 @@ const {
   restoreFilters,
 } = useTableFilters(timelineNamespace);
 
-onUnmounted(() => {
-  flushSubscribers();
-});
-
 subscribe({
   event: '*',
   callback: initializeList,
@@ -106,6 +102,12 @@ async function loadNext() {
   await store.dispatch(`${timelineNamespace}/LOAD_NEXT`);
   nextLoading.value = false;
 }
+
+onUnmounted(() => {
+  flushSubscribers();
+  store.dispatch(`${timelineNamespace}/RESET_STATE`);
+});
+
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/modules/contacts/modules/timeline/store/timeline.js b/src/modules/contacts/modules/timeline/store/timeline.js
index 6daf7667..231d79be 100644
--- a/src/modules/contacts/modules/timeline/store/timeline.js
+++ b/src/modules/contacts/modules/timeline/store/timeline.js
@@ -49,6 +49,11 @@ const actions = {
     context.commit('SET', { path: 'dataList', value: [...context.state.dataList, ...items] });
     context.commit('SET', { path: 'next', value: next });
   },
+  RESET_STATE: (context) => {
+    context.commit('SET', { path: 'dataList', value: [] });
+    context.commit('SET', { path: 'page', value: 1 });
+    context.commit('SET', { path: 'next', value: false });
+  }
 };
 
 const mutations = {

From a9828a979cd5a43cc152ad6e3bc78e672aa28924 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Thu, 8 Aug 2024 17:00:10 +0300
Subject: [PATCH 06/25] feature: add play recording in timeline[WTEL-4407]

---
 src/app/composables/usePlayMedia.js           | 36 +++++++++
 src/app/locale/en/en.js                       |  2 +-
 src/app/scripts/generateMediaURL.js           |  7 ++
 .../timeline/components/the-timeline.vue      | 12 +++
 ...call-task-timeline-action-history-link.vue | 35 ++++++++
 ...ll-task-timeline-action-play-recording.vue | 71 ++++++++++++++++
 .../actions/call-task-timeline-actions.vue    | 32 ++++++++
 .../task-row/call-task-timeline-actions.vue   | 81 -------------------
 .../task-row/call-task-timeline-row.vue       |  2 +-
 .../modules/timeline/store/timeline.js        |  2 +
 10 files changed, 197 insertions(+), 83 deletions(-)
 create mode 100644 src/app/composables/usePlayMedia.js
 create mode 100644 src/app/scripts/generateMediaURL.js
 create mode 100644 src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-history-link.vue
 create mode 100644 src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-play-recording.vue
 create mode 100644 src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-actions.vue
 delete mode 100644 src/modules/contacts/modules/timeline/modules/calls/components/task-row/call-task-timeline-actions.vue

diff --git a/src/app/composables/usePlayMedia.js b/src/app/composables/usePlayMedia.js
new file mode 100644
index 00000000..0fe15450
--- /dev/null
+++ b/src/app/composables/usePlayMedia.js
@@ -0,0 +1,36 @@
+import getNamespacedState
+  from '@webitel/ui-sdk/src/store/helpers/getNamespacedState';
+import generateMediaURL from '../scripts/generateMediaURL.js';
+import { useStore } from 'vuex';
+import { computed } from 'vue';
+
+export const usePlayMedia = (namespace) => {
+  const store = useStore();
+
+  const audioURL = computed(() => getNamespacedState(store.state, namespace).audioURL);
+  const currentlyPlaying = computed(() => getNamespacedState(store.state, namespace).currentlyPlaying);
+
+  const play = (value) => {
+    if (value) {
+      store.commit(`${namespace}/SET`, { path: 'currentlyPlaying', value });
+      store.commit(`${namespace}/SET`, {
+        path: 'audioURL',
+        value: generateMediaURL(value),
+      });
+    } else {
+      closePlayer();
+    }
+  };
+
+  const closePlayer = () => {
+    store.commit(`${namespace}/SET`, { path: 'audioURL', value: '' });
+    store.commit(`${namespace}/SET`, { path: 'currentlyPlaying', value: '0' });
+  };
+
+  return {
+    audioURL,
+    currentlyPlaying,
+    play,
+    closePlayer,
+  };
+};
diff --git a/src/app/locale/en/en.js b/src/app/locale/en/en.js
index 57b83491..2edf041b 100644
--- a/src/app/locale/en/en.js
+++ b/src/app/locale/en/en.js
@@ -17,7 +17,7 @@ export default {
       timeline: 'Timeline',
       actions: {
         openInHistory: 'Open in history',
-        playRecording: 'Play Recording',
+        playRecording: 'Play recording',
         transcription: 'Transcription',
       },
       status: {
diff --git a/src/app/scripts/generateMediaURL.js b/src/app/scripts/generateMediaURL.js
new file mode 100644
index 00000000..a35977ad
--- /dev/null
+++ b/src/app/scripts/generateMediaURL.js
@@ -0,0 +1,7 @@
+const generateMediaURL = (id, download) => {
+  const token = localStorage.getItem('access-token');
+  const BASE_URL = import.meta.env.VITE_API_URL;
+  return `${BASE_URL}/storage/recordings/${id}/${download ? 'download' : 'stream'}?access_token=${token}`;
+};
+
+export default generateMediaURL;
diff --git a/src/modules/contacts/modules/timeline/components/the-timeline.vue b/src/modules/contacts/modules/timeline/components/the-timeline.vue
index 9eb67d55..999bf9bb 100644
--- a/src/modules/contacts/modules/timeline/components/the-timeline.vue
+++ b/src/modules/contacts/modules/timeline/components/the-timeline.vue
@@ -33,6 +33,12 @@
         :first="!key"
         :last="!next && key === dataList.length - 1"
       />
+
+      <wt-player
+        v-show="audioURL"
+        :src="audioURL"
+        @close="closePlayer"
+      />
     </template>
 
     <template #after-content>
@@ -50,6 +56,7 @@ import { useTableFilters } from '@webitel/ui-sdk/src/modules/Filters/composables
 import getNamespacedState from '@webitel/ui-sdk/src/store/helpers/getNamespacedState';
 import { computed, onUnmounted, provide, ref } from 'vue';
 import { useStore } from 'vuex';
+import { usePlayMedia } from '../../../../../app/composables/usePlayMedia.js';
 import dummyDark from '../assets/timeline-dummy-dark.svg';
 import dummyLight from '../assets/timeline-dummy-light.svg';
 import DayTimelineRow from './day-row/day-timeline-row.vue';
@@ -77,6 +84,11 @@ const dataList = computed(() => getNamespacedState(store.state, timelineNamespac
 const isLoading = computed(() => getNamespacedState(store.state, timelineNamespace).isLoading);
 const next = computed(() => getNamespacedState(store.state, timelineNamespace).next);
 
+const {
+  audioURL,
+  closePlayer,
+} = usePlayMedia(timelineNamespace);
+
 function initializeList() {
   return store.dispatch(`${timelineNamespace}/INITIALIZE_LIST`);
 }
diff --git a/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-history-link.vue b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-history-link.vue
new file mode 100644
index 00000000..a96ceec4
--- /dev/null
+++ b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-history-link.vue
@@ -0,0 +1,35 @@
+<template>
+  <div class="call-task-timeline-actions-history-link">
+    <wt-tooltip>
+      <template #activator>
+        <a
+          :href="historyLink"
+          target="_blank"
+        >
+          <wt-icon-btn
+            icon="link"
+          />
+        </a>
+      </template>
+      {{ $t('contacts.timeline.actions.openInHistory') }}
+    </wt-tooltip>
+  </div>
+</template>
+<script setup>
+
+const props = defineProps({
+  id: {
+    type: Object,
+    required: true,
+  },
+});
+
+const historyLink = `${import.meta.env.VITE_HISTORY_URL}/${props.id}`;
+</script>
+
+<style lang="scss" scoped>
+.call-task-timeline-actions-history-link {
+  display: flex;
+  align-items: center;
+}
+</style>
diff --git a/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-play-recording.vue b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-play-recording.vue
new file mode 100644
index 00000000..7376d06f
--- /dev/null
+++ b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-play-recording.vue
@@ -0,0 +1,71 @@
+<template>
+  <wt-context-menu
+    class="call-task-timeline-action-play-recording"
+    :options="contextOptions"
+    max-width="400px"
+    @click="handleOptionSelect"
+  >
+    <template #activator>
+      <wt-tooltip>
+        <template #activator>
+          <wt-icon-btn
+            :icon="isAnyFilesPlaying ? 'stop': 'play'"
+          />
+        </template>
+        {{ $t('contacts.timeline.actions.playRecording') }}
+      </wt-tooltip>
+    </template>
+    <template #option="{ text, id }">
+      <div class="call-task-timeline-action-play-recording__option">
+        <wt-icon
+          :icon="id === currentlyPlaying ? 'stop' : 'play'"
+        />
+        {{ text }}
+      </div>
+    </template>
+  </wt-context-menu>
+</template>
+
+<script setup>
+import { computed, inject } from 'vue';
+import { usePlayMedia } from '../../../../../../../../../app/composables/usePlayMedia.js';
+
+const namespace = inject('namespace');
+
+const props = defineProps({
+  files: {
+    type: Array,
+    required: true,
+  },
+});
+
+const {
+  currentlyPlaying,
+  play,
+  closePlayer,
+} = usePlayMedia(namespace);
+
+const isAnyFilesPlaying = computed(() => {
+  return props.files.some((file) => file.id === currentlyPlaying.value);
+});
+
+const contextOptions = computed(() => {
+  return props.files.map(({ name, id }) => ({ text: name, id }));
+});
+
+const handleOptionSelect = ({ option }) => {
+  if (currentlyPlaying.value === option.id) {
+    closePlayer();
+  } else {
+    play(option.id);
+  }
+};
+
+</script>
+<style lang="scss" scoped>
+.call-task-timeline-action-play-recording__option {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-xs);
+}
+</style>
diff --git a/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-actions.vue b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-actions.vue
new file mode 100644
index 00000000..636b0965
--- /dev/null
+++ b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-actions.vue
@@ -0,0 +1,32 @@
+<template>
+  <div class="call-task-timeline-actions">
+    <call-task-timeline-action-play-recording
+      v-if="task.files"
+      :files="task.files"
+    />
+
+    <call-task-timeline-action-history-link
+      :id="task.id"
+    />
+  </div>
+</template>
+<script setup>
+import CallTaskTimelineActionHistoryLink from './call-task-timeline-action-history-link.vue';
+import CallTaskTimelineActionPlayRecording from './call-task-timeline-action-play-recording.vue';
+
+const props = defineProps({
+  task: {
+    type: Object,
+    required: true,
+  },
+});
+
+</script>
+
+<style lang="scss" scoped>
+.call-task-timeline-actions {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-2xs);
+}
+</style>
diff --git a/src/modules/contacts/modules/timeline/modules/calls/components/task-row/call-task-timeline-actions.vue b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/call-task-timeline-actions.vue
deleted file mode 100644
index 1594e66a..00000000
--- a/src/modules/contacts/modules/timeline/modules/calls/components/task-row/call-task-timeline-actions.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<template>
-  <div class="call-task-timeline-actions">
-    <!--    Why link instead of context-menu with options? See: [WTEL-4546]-->
-
-    <a
-      :href="historyLink"
-      target="_blank"
-    >
-      <wt-icon-btn
-        icon="link"
-      />
-    </a>
-
-    <!--    Why link instead of context-menu with options? See: [WTEL-4546]-->
-
-    <!--    <wt-context-menu-->
-    <!--      :options="options"-->
-    <!--      @click="$event.option.handler()"-->
-    <!--    >-->
-    <!--      <template #activator>-->
-    <!--        <wt-tooltip>-->
-    <!--          <template #activator>-->
-    <!--            <wt-icon-btn-->
-    <!--              icon="options"-->
-    <!--            />-->
-    <!--          </template>-->
-    <!--          {{ t('vocabulary.options', 2) }}-->
-    <!--        </wt-tooltip>-->
-    <!--      </template>-->
-
-    <!--      <template #option="{ text }">-->
-    <!--        <div class="call-task-timeline-actions__context-option-wrapper">-->
-    <!--          <wt-icon-->
-    <!--            icon="history"-->
-    <!--          />-->
-    <!--          <p>{{ text }}</p>-->
-    <!--        </div>-->
-    <!--      </template>-->
-    <!--    </wt-context-menu>-->
-  </div>
-</template>
-<script setup>
-import { useI18n } from 'vue-i18n';
-
-const props = defineProps({
-  task: {
-    type: Object,
-    required: true,
-  },
-});
-
-const { t } = useI18n();
-const historyLink = `${import.meta.env.VITE_HISTORY_URL}/${props.task.id}`;
-
-// SEE [WTEL-4546]
-
-// const options = computed(() => {
-//   const openHistory = {
-//     text: t('contacts.timeline.actions.openInHistory'),
-//     icon: 'history',
-//     handler: () => window.open(historyLink),
-//   };
-//   return [
-//     openHistory,
-//   ];
-// });
-</script>
-
-<style lang="scss" scoped>
-.call-task-timeline-actions {
-  display: flex;
-  align-items: center;
-}
-
-// SEE [WTEL-4546]
-//.call-task-timeline-actions__context-option-wrapper {
-//  display: flex;
-//  align-items: center;
-//  gap: var(--spacing-xs);
-//}
-</style>
diff --git a/src/modules/contacts/modules/timeline/modules/calls/components/task-row/call-task-timeline-row.vue b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/call-task-timeline-row.vue
index d00f2ccb..f627b996 100644
--- a/src/modules/contacts/modules/timeline/modules/calls/components/task-row/call-task-timeline-row.vue
+++ b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/call-task-timeline-row.vue
@@ -81,7 +81,7 @@ import TimelinePinType from '../../../../enums/TimelinePinType.enum.js';
 import TimelineTaskKind from '../../../../enums/TimelineTaskKind.enum.js';
 import TimelineTaskStatusEnum from '../../../../enums/TimelineTaskStatus.enum.js';
 import CallPointsTimelineRowSection from '../point-row/call-points-timeline-row-section.vue';
-import CallTaskTimelineActions from './call-task-timeline-actions.vue';
+import CallTaskTimelineActions from './actions/call-task-timeline-actions.vue';
 
 const props = defineProps({
   task: {
diff --git a/src/modules/contacts/modules/timeline/store/timeline.js b/src/modules/contacts/modules/timeline/store/timeline.js
index 6daf7667..c2fcbe23 100644
--- a/src/modules/contacts/modules/timeline/store/timeline.js
+++ b/src/modules/contacts/modules/timeline/store/timeline.js
@@ -13,6 +13,8 @@ const state = {
   page: 1,
   next: false,
   isLoading: false,
+  audioURL: '',
+  currentlyPlaying: '0',
 };
 
 const getters = {

From 1269ac57d8a01e48556c1af5d2577eb976b6c6b4 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Mon, 12 Aug 2024 12:28:59 +0300
Subject: [PATCH 07/25] fix: add comment[WTEL-4843]

---
 .../contacts/modules/timeline/components/the-timeline.vue    | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/modules/contacts/modules/timeline/components/the-timeline.vue b/src/modules/contacts/modules/timeline/components/the-timeline.vue
index 495bd30a..4f606abc 100644
--- a/src/modules/contacts/modules/timeline/components/the-timeline.vue
+++ b/src/modules/contacts/modules/timeline/components/the-timeline.vue
@@ -105,6 +105,11 @@ async function loadNext() {
 
 onUnmounted(() => {
   flushSubscribers();
+
+  /* https://webitel.atlassian.net/browse/WTEL-4843 */
+  /* Store must be reset to prevent multiple calls TimelineAPI */
+  /* Caching doesn't work because of this code, a fix later. See the task for more details */
+
   store.dispatch(`${timelineNamespace}/RESET_STATE`);
 });
 

From 6b0d60da0e4914f8ee6a610c479ff5f7afb90fae Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Mon, 12 Aug 2024 16:38:04 +0300
Subject: [PATCH 08/25] fix:change saving data in store on eventBus[WTEL-4407]

---
 src/app/composables/usePlayMedia.js           | 24 +++++++------------
 .../timeline/components/the-timeline.vue      | 24 +++++++++++++------
 ...ll-task-timeline-action-play-recording.vue | 16 +++++++++++--
 .../modules/timeline/store/timeline.js        |  2 --
 4 files changed, 39 insertions(+), 27 deletions(-)

diff --git a/src/app/composables/usePlayMedia.js b/src/app/composables/usePlayMedia.js
index 0fe15450..6cc71a86 100644
--- a/src/app/composables/usePlayMedia.js
+++ b/src/app/composables/usePlayMedia.js
@@ -1,30 +1,22 @@
-import getNamespacedState
-  from '@webitel/ui-sdk/src/store/helpers/getNamespacedState';
+import { ref } from 'vue';
 import generateMediaURL from '../scripts/generateMediaURL.js';
-import { useStore } from 'vuex';
-import { computed } from 'vue';
 
-export const usePlayMedia = (namespace) => {
-  const store = useStore();
-
-  const audioURL = computed(() => getNamespacedState(store.state, namespace).audioURL);
-  const currentlyPlaying = computed(() => getNamespacedState(store.state, namespace).currentlyPlaying);
+export const usePlayMedia = () => {
+  const audioURL = ref('');
+  const currentlyPlaying = ref('0');
 
   const play = (value) => {
     if (value) {
-      store.commit(`${namespace}/SET`, { path: 'currentlyPlaying', value });
-      store.commit(`${namespace}/SET`, {
-        path: 'audioURL',
-        value: generateMediaURL(value),
-      });
+      currentlyPlaying.value = value;
+      audioURL.value = generateMediaURL(value);
     } else {
       closePlayer();
     }
   };
 
   const closePlayer = () => {
-    store.commit(`${namespace}/SET`, { path: 'audioURL', value: '' });
-    store.commit(`${namespace}/SET`, { path: 'currentlyPlaying', value: '0' });
+    currentlyPlaying.value = '0';
+    audioURL.value = '';
   };
 
   return {
diff --git a/src/modules/contacts/modules/timeline/components/the-timeline.vue b/src/modules/contacts/modules/timeline/components/the-timeline.vue
index 999bf9bb..1c362cd6 100644
--- a/src/modules/contacts/modules/timeline/components/the-timeline.vue
+++ b/src/modules/contacts/modules/timeline/components/the-timeline.vue
@@ -54,9 +54,8 @@
 <script setup>
 import { useTableFilters } from '@webitel/ui-sdk/src/modules/Filters/composables/useTableFilters.js';
 import getNamespacedState from '@webitel/ui-sdk/src/store/helpers/getNamespacedState';
-import { computed, onUnmounted, provide, ref } from 'vue';
+import { computed, inject, onMounted, onUnmounted, provide, ref } from 'vue';
 import { useStore } from 'vuex';
-import { usePlayMedia } from '../../../../../app/composables/usePlayMedia.js';
 import dummyDark from '../assets/timeline-dummy-dark.svg';
 import dummyLight from '../assets/timeline-dummy-light.svg';
 import DayTimelineRow from './day-row/day-timeline-row.vue';
@@ -70,12 +69,13 @@ const props = defineProps({
     required: true,
   },
 });
-
+const audioURL = ref(null);
 const timelineNamespace = `${props.namespace}/timeline`;
 
 provide('namespace', timelineNamespace);
 
 const store = useStore();
+const eventBus = inject('$eventBus');
 
 const darkMode = computed(() => store.getters['appearance/DARK_MODE']);
 const contactId = computed(() => store.getters[`${timelineNamespace}/PARENT_ID`]);
@@ -84,10 +84,9 @@ const dataList = computed(() => getNamespacedState(store.state, timelineNamespac
 const isLoading = computed(() => getNamespacedState(store.state, timelineNamespace).isLoading);
 const next = computed(() => getNamespacedState(store.state, timelineNamespace).next);
 
-const {
-  audioURL,
-  closePlayer,
-} = usePlayMedia(timelineNamespace);
+function closePlayer() {
+  return eventBus.$emit('close-player');
+}
 
 function initializeList() {
   return store.dispatch(`${timelineNamespace}/INITIALIZE_LIST`);
@@ -118,6 +117,17 @@ async function loadNext() {
   await store.dispatch(`${timelineNamespace}/LOAD_NEXT`);
   nextLoading.value = false;
 }
+
+onMounted(() => {
+  eventBus.$on('play-audio', (url) => {
+    audioURL.value = url;
+  });
+});
+
+
+onUnmounted(() => {
+  eventBus.$off('play-audio');
+});
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-play-recording.vue b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-play-recording.vue
index 7376d06f..64df298c 100644
--- a/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-play-recording.vue
+++ b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-play-recording.vue
@@ -27,10 +27,11 @@
 </template>
 
 <script setup>
-import { computed, inject } from 'vue';
+import { computed, inject, onMounted, onUnmounted } from 'vue';
 import { usePlayMedia } from '../../../../../../../../../app/composables/usePlayMedia.js';
 
 const namespace = inject('namespace');
+const eventBus = inject('$eventBus');
 
 const props = defineProps({
   files: {
@@ -40,10 +41,11 @@ const props = defineProps({
 });
 
 const {
+  audioURL,
   currentlyPlaying,
   play,
   closePlayer,
-} = usePlayMedia(namespace);
+} = usePlayMedia();
 
 const isAnyFilesPlaying = computed(() => {
   return props.files.some((file) => file.id === currentlyPlaying.value);
@@ -58,9 +60,19 @@ const handleOptionSelect = ({ option }) => {
     closePlayer();
   } else {
     play(option.id);
+    if(audioURL.value) eventBus.$emit('play-audio', audioURL.value);
   }
 };
 
+onMounted(() => {
+  eventBus.$on('close-player', closePlayer);
+});
+
+
+onUnmounted(() => {
+  eventBus.$off('close-player', closePlayer);
+});
+
 </script>
 <style lang="scss" scoped>
 .call-task-timeline-action-play-recording__option {
diff --git a/src/modules/contacts/modules/timeline/store/timeline.js b/src/modules/contacts/modules/timeline/store/timeline.js
index c2fcbe23..6daf7667 100644
--- a/src/modules/contacts/modules/timeline/store/timeline.js
+++ b/src/modules/contacts/modules/timeline/store/timeline.js
@@ -13,8 +13,6 @@ const state = {
   page: 1,
   next: false,
   isLoading: false,
-  audioURL: '',
-  currentlyPlaying: '0',
 };
 
 const getters = {

From 165e078bf1d23461ddf63d573b96bc0807b248fc Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Tue, 13 Aug 2024 15:16:11 +0300
Subject: [PATCH 09/25] fix: close recording in timeline[WTEL-4407]

---
 .../modules/timeline/components/the-timeline.vue         | 8 +++++---
 .../actions/call-task-timeline-action-play-recording.vue | 9 ++-------
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/src/modules/contacts/modules/timeline/components/the-timeline.vue b/src/modules/contacts/modules/timeline/components/the-timeline.vue
index cd277400..d54db130 100644
--- a/src/modules/contacts/modules/timeline/components/the-timeline.vue
+++ b/src/modules/contacts/modules/timeline/components/the-timeline.vue
@@ -35,7 +35,7 @@
       />
 
       <wt-player
-        v-show="audioURL"
+        v-if="audioURL"
         :src="audioURL"
         @close="closePlayer"
       />
@@ -85,7 +85,8 @@ const isLoading = computed(() => getNamespacedState(store.state, timelineNamespa
 const next = computed(() => getNamespacedState(store.state, timelineNamespace).next);
 
 function closePlayer() {
-  return eventBus.$emit('close-player');
+  eventBus.$emit('close-player');
+  audioURL.value = '';
 }
 
 function initializeList() {
@@ -115,7 +116,8 @@ async function loadNext() {
 }
 
 onMounted(() => {
-  eventBus.$on('play-audio', (url) => {
+  return eventBus.$on('play-audio', (url) => {
+    if(!url) return;
     audioURL.value = url;
   });
 });
diff --git a/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-play-recording.vue b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-play-recording.vue
index 64df298c..6599ec80 100644
--- a/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-play-recording.vue
+++ b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-play-recording.vue
@@ -30,7 +30,6 @@
 import { computed, inject, onMounted, onUnmounted } from 'vue';
 import { usePlayMedia } from '../../../../../../../../../app/composables/usePlayMedia.js';
 
-const namespace = inject('namespace');
 const eventBus = inject('$eventBus');
 
 const props = defineProps({
@@ -64,14 +63,10 @@ const handleOptionSelect = ({ option }) => {
   }
 };
 
-onMounted(() => {
-  eventBus.$on('close-player', closePlayer);
-});
+onMounted(() => eventBus.$on('close-player', closePlayer));
 
 
-onUnmounted(() => {
-  eventBus.$off('close-player', closePlayer);
-});
+onUnmounted(() => eventBus.$off('close-player', closePlayer));
 
 </script>
 <style lang="scss" scoped>

From e6ea87020a60eeef61e07a2f5f5af1a1a4c49712 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Wed, 14 Aug 2024 14:27:36 +0300
Subject: [PATCH 10/25] feature: add transcript in timeline[WTEL-4408]

---
 package-lock.json                             |   8 +-
 package.json                                  |   2 +-
 .../task-row/actions/api/callTranscript.js    |   3 +
 ...sk-timeline-action-transcription-popup.vue | 151 ++++++++++++++++++
 ...all-task-timeline-action-transcription.vue |  56 +++++++
 .../actions/call-task-timeline-actions.vue    |   7 +
 6 files changed, 222 insertions(+), 5 deletions(-)
 create mode 100644 src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/api/callTranscript.js
 create mode 100644 src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-transcription-popup.vue
 create mode 100644 src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-transcription.vue

diff --git a/package-lock.json b/package-lock.json
index 88d12b67..b617f2ee 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "@vuelidate/core": "^2.0.3",
         "@vuelidate/validators": "^2.0.4",
         "@vueuse/core": "^10.10.0",
-        "@webitel/ui-sdk": "^24.6.45",
+        "@webitel/ui-sdk": "^24.8.12",
         "axios": "^1.7.2",
         "deep-equal": "^2.2.1",
         "dompurify": "^3.1.2",
@@ -2063,9 +2063,9 @@
       }
     },
     "node_modules/@webitel/ui-sdk": {
-      "version": "24.6.45",
-      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.6.45.tgz",
-      "integrity": "sha512-u5aPwlK5Vh6s0SFK+T9/Cd7powGDDCmV2ad5Q8iro+TMddK05NLkJtJQ6/FYOmO5rKYd5tOeJw5yzC20r5Uh2A==",
+      "version": "24.8.12",
+      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.8.12.tgz",
+      "integrity": "sha512-AGRsV7Q9HgMFJ3H42hpekbku6DWVMzQAq5JeneCkcwc/j8cMZbIL4hOUyMZ1jy5dzdQGDe9cmtgI9pr+MJ83iQ==",
       "dependencies": {
         "@floating-ui/vue": "^1.0.1",
         "@morev/vue-transitions": "^3.0.2",
diff --git a/package.json b/package.json
index bd12fd24..a93c0cef 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^10.10.0",
-    "@webitel/ui-sdk": "^24.6.45",
+    "@webitel/ui-sdk": "^24.8.12",
     "axios": "^1.7.2",
     "deep-equal": "^2.2.1",
     "dompurify": "^3.1.2",
diff --git a/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/api/callTranscript.js b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/api/callTranscript.js
new file mode 100644
index 00000000..a83ba2ab
--- /dev/null
+++ b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/api/callTranscript.js
@@ -0,0 +1,3 @@
+import { callTranscript } from '@webitel/ui-sdk/src/api/history/index.js';
+
+export default callTranscript;
diff --git a/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-transcription-popup.vue b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-transcription-popup.vue
new file mode 100644
index 00000000..ccd37d65
--- /dev/null
+++ b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-transcription-popup.vue
@@ -0,0 +1,151 @@
+<template>
+  <wt-popup
+    v-bind="$attrs"
+    class="call-task-timeline-action-transcription-popup"
+    :min-width="720"
+    @close="$emit('close')"
+  >
+    <template #title>
+      {{ t('contacts.timeline.actions.transcription') }}
+    </template>
+    <template #main>
+      <div class="call-task-timeline-action-transcription-popup__options">
+        <wt-select
+          :value="activeTranscript"
+          :clearable="false"
+          :label="$t('vocabulary.file')"
+          :options="transcriptData"
+          option-label="fileName"
+          track-by="fileId"
+          @input="activeTranscript = $event"
+        />
+        <wt-icon-btn
+          icon="stt-download"
+          @click="downloadTxt(phraseData)"
+        />
+      </div>
+      <wt-loader v-show="isLoading" />
+      <div class="call-task-timeline-action-transcription-popup__table">
+        <wt-table
+          v-show="!isLoading"
+          :data="phraseData"
+          :headers="headers"
+          :selectable="false"
+          :grid-actions="false"
+        />
+      </div>
+    </template>
+  </wt-popup>
+</template>
+
+<script setup>
+import { onMounted, ref, watch, computed } from 'vue';
+import { saveAs } from 'file-saver-es';
+import { useI18n } from 'vue-i18n';
+import CallTranscriptAPI from './api/callTranscript.js';
+
+const props = defineProps({
+  transcripts: {
+    type: Array,
+  },
+  createdAt: {
+    type: String,
+  }
+});
+
+const { t } = useI18n();
+
+const activeTranscript = ref(null);
+const phrases = ref([]);
+const isLoading = ref(false);
+
+const headers = computed(() => {
+  return [
+    {
+      value: 'time',
+      text: t('vocabulary.time'),
+      width: '120px',
+    },
+    {
+      value: 'channel',
+      text: t('vocabulary.channel'),
+      width: '140px',
+    },
+    {
+      value: 'phrase',
+      text: t('vocabulary.text'),
+    },
+  ];
+});
+
+const phraseData = computed(() => {
+  return phrases.value.map(({
+                              startSec, endSec, phrase, channel,
+                            }) => ({
+    time: `${startSec} - ${endSec}`,
+    channel: channel
+      ? (activeTranscript.value.to?.name || activeTranscript.value.to?.number || activeTranscript.value.to?.destination || 1)
+      : (activeTranscript.value.from?.name || activeTranscript.value.from?.number || activeTranscript.value.from?.destination || 0),
+    phrase,
+  }));
+});
+
+const transcriptData = computed(() => {
+  return props.transcripts.map((transcript) => ({
+    fileName: transcript.file.name,
+    fileId: transcript.file.id,
+    id: transcript.id,
+    locale: transcript.locale,
+  }));
+});
+
+function downloadTxt(phrases) {
+  const text = phrases.map(({ phrase, channel, time }) => (
+    `${time} [${channel != null ? channel : 'author'}] ${phrase || ''}`
+  )).join('\n');
+  const blob = new Blob([text], { type: 'text/plain;charset=utf-8' });
+  return saveAs(blob, `Transcript ${activeTranscript.value?.id} ${props.createdAt}`);
+}
+
+async function loadCallTranscript() {
+  try {
+    isLoading.value = true;
+    phrases.value = await CallTranscriptAPI.get({ id: activeTranscript.value?.id });
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+function initTranscript() {
+  activeTranscript.value = transcriptData.value[0];
+}
+
+onMounted(() => initTranscript());
+
+watch(() => activeTranscript.value, (value) => {
+  if (value) return loadCallTranscript();
+  return phrases.value = [];
+});
+
+</script>
+
+<style lang="scss" scoped>
+.call-task-timeline-action-transcription-popup {
+  &__options {
+    display: flex;
+    align-items: flex-end;
+    justify-content: space-between;
+    margin-bottom: var(--spacing-sm);
+
+    .wt-select {
+      width: 220px;
+    }
+  }
+
+  &__table {
+    @extend %wt-scrollbar;
+    overflow: auto;
+    max-height: 40vh;
+  }
+}
+</style>
diff --git a/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-transcription.vue b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-transcription.vue
new file mode 100644
index 00000000..bab674d5
--- /dev/null
+++ b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-transcription.vue
@@ -0,0 +1,56 @@
+<template>
+  <div class="call-task-timeline-action-transcription">
+    <wt-tooltip>
+      <template #activator>
+          <wt-icon-btn
+            icon="docs"
+            @click="openPopup"
+          />
+      </template>
+      {{ t('contacts.timeline.actions.transcription') }}
+    </wt-tooltip>
+
+    <call-task-timeline-action-transcription-popup
+      v-if="showPopup"
+      :transcripts="transcripts"
+      :created-at="createdAt"
+      @close="closePopup"
+    />
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import CallTaskTimelineActionTranscriptionPopup from './call-task-timeline-action-transcription-popup.vue';
+
+const props = defineProps({
+  transcripts: {
+    type: Array,
+    required: true,
+  },
+  createdAt: {
+    type: String,
+  }
+})
+
+const { t } = useI18n();
+
+const showPopup = ref(false);
+
+function openPopup() {
+  showPopup.value = true;
+}
+
+function closePopup() {
+  showPopup.value = false;
+}
+
+</script>
+
+<style lang="scss" scoped>
+.call-task-timeline-action-transcription {
+  display: flex;
+  align-items: center;
+}
+</style>
diff --git a/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-actions.vue b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-actions.vue
index 636b0965..1daf83ca 100644
--- a/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-actions.vue
+++ b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-actions.vue
@@ -5,6 +5,12 @@
       :files="task.files"
     />
 
+    <call-task-timeline-action-transcription
+      v-if="task.transcripts"
+      :created-at="task.createdAt"
+      :transcripts="task.transcripts"
+    />
+
     <call-task-timeline-action-history-link
       :id="task.id"
     />
@@ -13,6 +19,7 @@
 <script setup>
 import CallTaskTimelineActionHistoryLink from './call-task-timeline-action-history-link.vue';
 import CallTaskTimelineActionPlayRecording from './call-task-timeline-action-play-recording.vue';
+import CallTaskTimelineActionTranscription from './call-task-timeline-action-transcription.vue';
 
 const props = defineProps({
   task: {

From f215c903bd524b0893c321ebd9295b7e6bce1a63 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Wed, 14 Aug 2024 15:01:38 +0300
Subject: [PATCH 11/25] fix: error in store and error in import API[WTEL-4777]

---
 package-lock.json                                      | 10 +++++-----
 package.json                                           |  2 +-
 src/modules/contacts/api/CommunicationTypesAPI.js      |  4 ++--
 src/modules/contacts/api/ContactsAPI.js                |  4 ++--
 src/modules/contacts/api/LabelsAPI.js                  |  4 ++--
 src/modules/contacts/api/TimezonesAPI.js               |  4 ++--
 src/modules/contacts/api/UsersAPI.js                   |  4 ++--
 src/modules/contacts/modules/emails/api/EmailsAPI.js   |  4 ++--
 .../contacts/modules/messaging/api/MessagingAPI.js     |  4 ++--
 .../contacts/modules/permissions/api/PermissionsAPI.js |  4 ++--
 .../contacts/modules/permissions/api/RolesAPI.js       |  4 ++--
 src/modules/contacts/modules/phones/api/PhonesAPI.js   |  4 ++--
 .../contacts/modules/timeline/api/TimelineAPI.js       |  2 +-
 .../modules/timeline/modules/calls/api/HistoryAPI.js   |  4 ++--
 .../timeline/modules/chats/api/MessageHistoryAPI.js    |  2 +-
 .../contacts/modules/variables/api/VariablesAPI.js     |  4 ++--
 16 files changed, 32 insertions(+), 32 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 88d12b67..5116f9e3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "@vuelidate/core": "^2.0.3",
         "@vuelidate/validators": "^2.0.4",
         "@vueuse/core": "^10.10.0",
-        "@webitel/ui-sdk": "^24.6.45",
+        "@webitel/ui-sdk": "^24.8.22",
         "axios": "^1.7.2",
         "deep-equal": "^2.2.1",
         "dompurify": "^3.1.2",
@@ -2063,9 +2063,9 @@
       }
     },
     "node_modules/@webitel/ui-sdk": {
-      "version": "24.6.45",
-      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.6.45.tgz",
-      "integrity": "sha512-u5aPwlK5Vh6s0SFK+T9/Cd7powGDDCmV2ad5Q8iro+TMddK05NLkJtJQ6/FYOmO5rKYd5tOeJw5yzC20r5Uh2A==",
+      "version": "24.8.22",
+      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.8.22.tgz",
+      "integrity": "sha512-SD6YoIJu8uWRR8a0nUYxbN8v7Iepq94unzM8tzku3h/tW4Kfhxle+l1VPjBCcQie5skJZyuN+0eqUmh555YD9A==",
       "dependencies": {
         "@floating-ui/vue": "^1.0.1",
         "@morev/vue-transitions": "^3.0.2",
@@ -2084,7 +2084,7 @@
         "jszip": "^3.5.0",
         "jszip-utils": "^0.1.0",
         "lodash": "^4.17.21",
-        "mitt": "^3.0.1",
+        "mitt": "3.0.1",
         "path-browserify": "^1.0.1",
         "plyr": "3.6.3",
         "query-string": "^8.1.0",
diff --git a/package.json b/package.json
index bd12fd24..be3a8f11 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^10.10.0",
-    "@webitel/ui-sdk": "^24.6.45",
+    "@webitel/ui-sdk": "^24.8.22",
     "axios": "^1.7.2",
     "deep-equal": "^2.2.1",
     "dompurify": "^3.1.2",
diff --git a/src/modules/contacts/api/CommunicationTypesAPI.js b/src/modules/contacts/api/CommunicationTypesAPI.js
index d6356648..92182778 100644
--- a/src/modules/contacts/api/CommunicationTypesAPI.js
+++ b/src/modules/contacts/api/CommunicationTypesAPI.js
@@ -1,13 +1,13 @@
 import {
   getDefaultGetListResponse,
   getDefaultGetParams,
-} from '@webitel/ui-sdk/src/api/defaults';
+} from '@webitel/ui-sdk/src/api/defaults/index.js';
 import applyTransform, {
   camelToSnake,
 
   merge, notify, sanitize, snakeToCamel,
   starToSearch,
-} from '@webitel/ui-sdk/src/api/transformers';
+} from '@webitel/ui-sdk/src/api/transformers/index.js';
 import { CommunicationTypeServiceApiFactory } from 'webitel-sdk';
 import instance from '../../../app/api/instance';
 import configuration from '../../../app/api/openAPIConfig';
diff --git a/src/modules/contacts/api/ContactsAPI.js b/src/modules/contacts/api/ContactsAPI.js
index 3b08e35d..91d3b486 100644
--- a/src/modules/contacts/api/ContactsAPI.js
+++ b/src/modules/contacts/api/ContactsAPI.js
@@ -1,11 +1,11 @@
-import { getDefaultGetParams } from '@webitel/ui-sdk/src/api/defaults';
+import { getDefaultGetParams } from '@webitel/ui-sdk/src/api/defaults/index.js';
 import applyTransform, {
   camelToSnake,
   merge,
   notify,
   sanitize,
   snakeToCamel,
-} from '@webitel/ui-sdk/src/api/transformers';
+} from '@webitel/ui-sdk/src/api/transformers/index.js';
 import { ContactsApiFactory } from 'webitel-sdk';
 import getDefaultGetListResponse
   from '../../../app/api/defaults/getDefaultGetListResponse';
diff --git a/src/modules/contacts/api/LabelsAPI.js b/src/modules/contacts/api/LabelsAPI.js
index d3963398..231ca9bf 100644
--- a/src/modules/contacts/api/LabelsAPI.js
+++ b/src/modules/contacts/api/LabelsAPI.js
@@ -1,9 +1,9 @@
-import { getDefaultGetParams } from '@webitel/ui-sdk/src/api/defaults';
+import { getDefaultGetParams } from '@webitel/ui-sdk/src/api/defaults/index.js';
 import applyTransform, {
   camelToSnake,
   merge, notify,
   sanitize, snakeToCamel, starToSearch,
-} from '@webitel/ui-sdk/src/api/transformers';
+} from '@webitel/ui-sdk/src/api/transformers/index.js';
 import { LabelsApiFactory } from 'webitel-sdk';
 import instance from '../../../app/api/instance';
 import configuration from '../../../app/api/openAPIConfig';
diff --git a/src/modules/contacts/api/TimezonesAPI.js b/src/modules/contacts/api/TimezonesAPI.js
index 78dcb751..dca22aa7 100644
--- a/src/modules/contacts/api/TimezonesAPI.js
+++ b/src/modules/contacts/api/TimezonesAPI.js
@@ -1,12 +1,12 @@
 import {
   getDefaultGetListResponse,
   getDefaultGetParams,
-} from '@webitel/ui-sdk/src/api/defaults';
+} from '@webitel/ui-sdk/src/api/defaults/index.js';
 import applyTransform, {
   camelToSnake,
   merge, notify, sanitize, snakeToCamel,
   starToSearch,
-} from '@webitel/ui-sdk/src/api/transformers';
+} from '@webitel/ui-sdk/src/api/transformers/index.js';
 import { CalendarServiceApiFactory } from 'webitel-sdk';
 import instance from '../../../app/api/instance';
 import configuration from '../../../app/api/openAPIConfig';
diff --git a/src/modules/contacts/api/UsersAPI.js b/src/modules/contacts/api/UsersAPI.js
index b34a46e5..cdd5ca4c 100644
--- a/src/modules/contacts/api/UsersAPI.js
+++ b/src/modules/contacts/api/UsersAPI.js
@@ -1,13 +1,13 @@
 import {
   getDefaultGetListResponse,
   getDefaultGetParams,
-} from '@webitel/ui-sdk/src/api/defaults';
+} from '@webitel/ui-sdk/src/api/defaults/index.js';
 import applyTransform, {
   camelToSnake,
   merge, notify, snakeToCamel,
   starToSearch, log, sanitize,
   generateUrl, mergeEach,
-} from '@webitel/ui-sdk/src/api/transformers';
+} from '@webitel/ui-sdk/src/api/transformers/index.js';
 import instance from '../../../app/api/instance';
 
 const baseUrl = '/users';
diff --git a/src/modules/contacts/modules/emails/api/EmailsAPI.js b/src/modules/contacts/modules/emails/api/EmailsAPI.js
index 4edb3441..68bf856c 100644
--- a/src/modules/contacts/modules/emails/api/EmailsAPI.js
+++ b/src/modules/contacts/modules/emails/api/EmailsAPI.js
@@ -1,4 +1,4 @@
-import { getDefaultGetParams } from '@webitel/ui-sdk/src/api/defaults';
+import { getDefaultGetParams } from '@webitel/ui-sdk/src/api/defaults/index.js';
 import applyTransform, {
   camelToSnake,
   merge,
@@ -7,7 +7,7 @@ import applyTransform, {
   sanitize,
   snakeToCamel,
   starToSearch,
-} from '@webitel/ui-sdk/src/api/transformers';
+} from '@webitel/ui-sdk/src/api/transformers/index.js';
 import { EmailsApiFactory } from 'webitel-sdk';
 import getDefaultGetListResponse
   from '../../../../../app/api/defaults/getDefaultGetListResponse';
diff --git a/src/modules/contacts/modules/messaging/api/MessagingAPI.js b/src/modules/contacts/modules/messaging/api/MessagingAPI.js
index c3d7d690..52f6fa49 100644
--- a/src/modules/contacts/modules/messaging/api/MessagingAPI.js
+++ b/src/modules/contacts/modules/messaging/api/MessagingAPI.js
@@ -1,8 +1,8 @@
-import { getDefaultGetParams } from '@webitel/ui-sdk/src/api/defaults';
+import { getDefaultGetParams } from '@webitel/ui-sdk/src/api/defaults/index.js';
 import applyTransform, {
   merge, notify,
   sanitize, snakeToCamel, starToSearch
-} from '@webitel/ui-sdk/src/api/transformers';
+} from '@webitel/ui-sdk/src/api/transformers/index.js';
 import { IMClientsApiFactory } from 'webitel-sdk';
 import getDefaultGetListResponse
   from '../../../../../app/api/defaults/getDefaultGetListResponse';
diff --git a/src/modules/contacts/modules/permissions/api/PermissionsAPI.js b/src/modules/contacts/modules/permissions/api/PermissionsAPI.js
index 7d91bd2a..8871b9a0 100644
--- a/src/modules/contacts/modules/permissions/api/PermissionsAPI.js
+++ b/src/modules/contacts/modules/permissions/api/PermissionsAPI.js
@@ -1,13 +1,13 @@
 import {
   getDefaultGetListResponse,
   getDefaultGetParams,
-} from '@webitel/ui-sdk/src/api/defaults';
+} from '@webitel/ui-sdk/src/api/defaults/index.js';
 import applyTransform, {
   camelToSnake,
   merge, notify, snakeToCamel,
   starToSearch, log, sanitize,
   generateUrl, mergeEach,
-} from '@webitel/ui-sdk/src/api/transformers';
+} from '@webitel/ui-sdk/src/api/transformers/index.js';
 import instance from '../../../../../app/api/instance';
 
 const baseUrl = '/contacts';
diff --git a/src/modules/contacts/modules/permissions/api/RolesAPI.js b/src/modules/contacts/modules/permissions/api/RolesAPI.js
index a23dcf21..8a151c52 100644
--- a/src/modules/contacts/modules/permissions/api/RolesAPI.js
+++ b/src/modules/contacts/modules/permissions/api/RolesAPI.js
@@ -1,13 +1,13 @@
 import {
   getDefaultGetListResponse,
   getDefaultGetParams,
-} from '@webitel/ui-sdk/src/api/defaults';
+} from '@webitel/ui-sdk/src/api/defaults/index.js';
 import applyTransform, {
   camelToSnake,
   merge, notify, snakeToCamel,
   starToSearch, log, sanitize,
   generateUrl, mergeEach,
-} from '@webitel/ui-sdk/src/api/transformers';
+} from '@webitel/ui-sdk/src/api/transformers/index.js';
 import instance from '../../../../../app/api/instance';
 
 const baseUrl = '/roles';
diff --git a/src/modules/contacts/modules/phones/api/PhonesAPI.js b/src/modules/contacts/modules/phones/api/PhonesAPI.js
index b00a2daa..0145ebcb 100644
--- a/src/modules/contacts/modules/phones/api/PhonesAPI.js
+++ b/src/modules/contacts/modules/phones/api/PhonesAPI.js
@@ -1,4 +1,4 @@
-import { getDefaultGetParams } from '@webitel/ui-sdk/src/api/defaults';
+import { getDefaultGetParams } from '@webitel/ui-sdk/src/api/defaults/index.js';
 import applyTransform, {
   camelToSnake,
   merge,
@@ -7,7 +7,7 @@ import applyTransform, {
   sanitize,
   snakeToCamel,
   starToSearch,
-} from '@webitel/ui-sdk/src/api/transformers';
+} from '@webitel/ui-sdk/src/api/transformers/index.js';
 import { PhonesApiFactory } from 'webitel-sdk';
 import getDefaultGetListResponse
   from '../../../../../app/api/defaults/getDefaultGetListResponse';
diff --git a/src/modules/contacts/modules/timeline/api/TimelineAPI.js b/src/modules/contacts/modules/timeline/api/TimelineAPI.js
index 13edcb0e..c9893a44 100644
--- a/src/modules/contacts/modules/timeline/api/TimelineAPI.js
+++ b/src/modules/contacts/modules/timeline/api/TimelineAPI.js
@@ -1,7 +1,7 @@
 import applyTransform, {
   merge, notify,
   sanitize, snakeToCamel,
-} from '@webitel/ui-sdk/src/api/transformers';
+} from '@webitel/ui-sdk/src/api/transformers/index.js';
 import deepCopy from 'deep-copy';
 import { TimelineApiFactory, WebitelContactsTimelineEventType } from 'webitel-sdk';
 import getDefaultGetListResponse
diff --git a/src/modules/contacts/modules/timeline/modules/calls/api/HistoryAPI.js b/src/modules/contacts/modules/timeline/modules/calls/api/HistoryAPI.js
index c93ba85b..679c818c 100644
--- a/src/modules/contacts/modules/timeline/modules/calls/api/HistoryAPI.js
+++ b/src/modules/contacts/modules/timeline/modules/calls/api/HistoryAPI.js
@@ -1,9 +1,9 @@
-import { getDefaultGetListResponse } from '@webitel/ui-sdk/src/api/defaults';
+import { getDefaultGetListResponse } from '@webitel/ui-sdk/src/api/defaults/index.js';
 import {
   merge,
   notify,
   snakeToCamel,
-} from '@webitel/ui-sdk/src/api/transformers';
+} from '@webitel/ui-sdk/src/api/transformers/index.js';
 import applyTransform
   from '@webitel/ui-sdk/src/api/transformers/applyTransform';
 import { CallServiceApiFactory } from 'webitel-sdk';
diff --git a/src/modules/contacts/modules/timeline/modules/chats/api/MessageHistoryAPI.js b/src/modules/contacts/modules/timeline/modules/chats/api/MessageHistoryAPI.js
index abad36ba..4e62ed8c 100644
--- a/src/modules/contacts/modules/timeline/modules/chats/api/MessageHistoryAPI.js
+++ b/src/modules/contacts/modules/timeline/modules/chats/api/MessageHistoryAPI.js
@@ -5,7 +5,7 @@ import applyTransform, {
   merge,
   camelToSnake,
   generateUrl,
-} from '@webitel/ui-sdk/src/api/transformers';
+} from '@webitel/ui-sdk/src/api/transformers/index.js';
 
 import instance from '../../../../../../../app/api/instance';
 
diff --git a/src/modules/contacts/modules/variables/api/VariablesAPI.js b/src/modules/contacts/modules/variables/api/VariablesAPI.js
index 21991c49..9097bbd4 100644
--- a/src/modules/contacts/modules/variables/api/VariablesAPI.js
+++ b/src/modules/contacts/modules/variables/api/VariablesAPI.js
@@ -1,7 +1,7 @@
 import {
   getDefaultGetListResponse,
   getDefaultGetParams,
-} from '@webitel/ui-sdk/src/api/defaults';
+} from '@webitel/ui-sdk/src/api/defaults/index.js';
 import applyTransform, {
   camelToSnake,
   merge,
@@ -9,7 +9,7 @@ import applyTransform, {
   sanitize,
   snakeToCamel,
   starToSearch,
-} from '@webitel/ui-sdk/src/api/transformers';
+} from '@webitel/ui-sdk/src/api/transformers/index.js';
 import { VariablesApiFactory } from 'webitel-sdk';
 
 import instance from '../../../../../app/api/instance';

From be5148e13d2315a61fbfb12be6fdcfabb356cf00 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Thu, 15 Aug 2024 16:15:49 +0300
Subject: [PATCH 12/25] fix: download file in timeline[WTEL-4650]

---
 .../point-row/chat-point-timeline-row-file.vue      |  2 +-
 .../point-row/email-points-timeline-row-file.vue    |  2 +-
 .../contacts/modules/timeline/utils/downloadFile.js | 13 ++++++++++---
 3 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/modules/contacts/modules/timeline/modules/chats/components/point-row/chat-point-timeline-row-file.vue b/src/modules/contacts/modules/timeline/modules/chats/components/point-row/chat-point-timeline-row-file.vue
index c42806d2..15cd5d47 100644
--- a/src/modules/contacts/modules/timeline/modules/chats/components/point-row/chat-point-timeline-row-file.vue
+++ b/src/modules/contacts/modules/timeline/modules/chats/components/point-row/chat-point-timeline-row-file.vue
@@ -5,7 +5,7 @@
       />
       <span
         class="chat-point-timeline-row-file__name"
-        @click="downloadFile({ id: file?.id, name: file?.name })"
+        @click="downloadFile({ id: file?.id, name: file?.name, type: file?.type })"
       >{{ props.file.name }}</span>
     </div>
 </template>
diff --git a/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-points-timeline-row-file.vue b/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-points-timeline-row-file.vue
index 1a29c544..aa8f6854 100644
--- a/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-points-timeline-row-file.vue
+++ b/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-points-timeline-row-file.vue
@@ -13,7 +13,7 @@
     <wt-icon-btn
       icon="download"
       class="email-points-timeline-row-file__icon"
-      @click="downloadFile({ id: file?.id, name: file?.name })"
+      @click="downloadFile({ id: file?.id, name: file?.name, type: file?.mime })"
     ></wt-icon-btn>
 
   </div>
diff --git a/src/modules/contacts/modules/timeline/utils/downloadFile.js b/src/modules/contacts/modules/timeline/utils/downloadFile.js
index aa9856d8..8023f46b 100644
--- a/src/modules/contacts/modules/timeline/utils/downloadFile.js
+++ b/src/modules/contacts/modules/timeline/utils/downloadFile.js
@@ -1,10 +1,17 @@
-const  downloadFile = ({ id, name }) => {
+const downloadFile = ({ id, name, type }) => {
   const a = document.createElement('a');
   const token = localStorage.getItem('access-token');
-  a.href = `${import.meta.env.VITE_API_URL}/storage/file/${id}/download?access_token=${token}`;
+  let link = `${import.meta.env.VITE_API_URL}/storage/file/${id}/download?access_token=${token}`;
+
+  if (type.includes('source')) {
+    const source = type.match(/source=[^;]+/)[0];
+    link = `${link}&${source}`;
+  }
+
+  a.href = link;
   a.target = '_blank';
   a.download = name;
   a.click();
-}
+};
 
 export default downloadFile;

From 60d0ef202e1401de8292c0d8b2c2967625985d5c Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Thu, 22 Aug 2024 17:22:54 +0300
Subject: [PATCH 13/25] fix: display email text in timeline[WTEL-4939]

---
 ...e => email-point-timeline-row-content.vue} | 20 ++++++++++++++++---
 ....vue => email-point-timeline-row-file.vue} |  0
 ...il-point-timeline-row-files-container.vue} |  4 ++--
 .../point-row/email-point-timeline-row.vue    | 17 ++++++++--------
 4 files changed, 28 insertions(+), 13 deletions(-)
 rename src/modules/contacts/modules/timeline/modules/emails/components/point-row/{email-point-timeline-row-subject.vue => email-point-timeline-row-content.vue} (63%)
 rename src/modules/contacts/modules/timeline/modules/emails/components/point-row/{email-points-timeline-row-file.vue => email-point-timeline-row-file.vue} (100%)
 rename src/modules/contacts/modules/timeline/modules/emails/components/point-row/{email-points-timeline-row-files-container.vue => email-point-timeline-row-files-container.vue} (83%)

diff --git a/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-point-timeline-row-subject.vue b/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-point-timeline-row-content.vue
similarity index 63%
rename from src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-point-timeline-row-subject.vue
rename to src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-point-timeline-row-content.vue
index d83c8a62..a4d08dcf 100644
--- a/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-point-timeline-row-subject.vue
+++ b/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-point-timeline-row-content.vue
@@ -4,8 +4,15 @@
     <wt-divider />
 
     <div>
-      <p class="email-point-timeline-subject__title">{{ t('contacts.timeline.emails.subject') }}:</p>
-      <p v-html="content"></p>
+      <p
+        v-if="subject"
+        class="email-point-timeline-subject__title"
+      >{{ t('contacts.timeline.emails.subject') }}:
+        <span>{{ props.subject }}</span>
+      </p>
+      <p
+        v-if="content && opened"
+        v-html="content"></p>
     </div>
   </div>
 </template>
@@ -23,12 +30,19 @@ const props = defineProps({
     type: Object,
     required: true,
   },
+  body: {
+    type: String,
+  },
+  opened: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 const { t } = useI18n();
 
 const content = computed(() => {
-  return dompurify.sanitize(md.render(props.subject));
+  return dompurify.sanitize(md.render(props.body));
 });
 </script>
 
diff --git a/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-points-timeline-row-file.vue b/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-point-timeline-row-file.vue
similarity index 100%
rename from src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-points-timeline-row-file.vue
rename to src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-point-timeline-row-file.vue
diff --git a/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-points-timeline-row-files-container.vue b/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-point-timeline-row-files-container.vue
similarity index 83%
rename from src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-points-timeline-row-files-container.vue
rename to src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-point-timeline-row-files-container.vue
index bf2f5b6e..92e52fc3 100644
--- a/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-points-timeline-row-files-container.vue
+++ b/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-point-timeline-row-files-container.vue
@@ -3,7 +3,7 @@
     <wt-divider />
 
     <div class="email-point-timeline-row-files-container__wrapper">
-      <email-points-timeline-row-file
+      <email-point-timeline-row-file
         v-for="file of files"
         :key="file.id"
         :file="file"
@@ -14,7 +14,7 @@
 </template>
 
 <script setup>
-import EmailPointsTimelineRowFile from './email-points-timeline-row-file.vue';
+import EmailPointTimelineRowFile from './email-point-timeline-row-file.vue';
 
 const props = defineProps({
   files: {
diff --git a/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-point-timeline-row.vue b/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-point-timeline-row.vue
index a2a599cf..c0f95940 100644
--- a/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-point-timeline-row.vue
+++ b/src/modules/contacts/modules/timeline/modules/emails/components/point-row/email-point-timeline-row.vue
@@ -14,26 +14,27 @@
     </div>
 
     <timeline-row-dropdown-transition>
-      <div v-if="opened">
-        <email-point-timeline-row-subject
-          v-if="task?.subject"
+      <div>
+        <email-point-timeline-row-content
+          v-if="task?.subject || task?.body"
           :subject="task.subject"
+          :body="task.body"
+          :opened="opened"
         />
 
-        <email-points-timeline-row-files-container
-          v-if="task.attachments?.length"
+        <email-point-timeline-row-files-container
+          v-if="task.attachments?.length && opened"
           :files="task.attachments"
         />
       </div>
-
     </timeline-row-dropdown-transition>
   </section>
 </template>
 <script setup>
 import { ref } from 'vue';
 import EmailTaskTimelineHeader from '../task-row/email-task-timeline-header.vue';
-import EmailPointTimelineRowSubject from './email-point-timeline-row-subject.vue';
-import EmailPointsTimelineRowFilesContainer from './email-points-timeline-row-files-container.vue';
+import EmailPointTimelineRowContent from './email-point-timeline-row-content.vue';
+import EmailPointTimelineRowFilesContainer from './email-point-timeline-row-files-container.vue';
 import TimelineRowDropdownTransition from '../../../../components/utils/timeline-row-dropdown-transition.vue';
 
 const props = defineProps({

From 9847119a4439621638805f62467557cc5dcf93d9 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Fri, 23 Aug 2024 15:53:13 +0300
Subject: [PATCH 14/25] fix: display hidden recipients in email
 timeline[WTEL-4972]

---
 .../emails/components/task-row/email-task-timeline-header.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-header.vue b/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-header.vue
index 0b161494..fc203cd3 100644
--- a/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-header.vue
+++ b/src/modules/contacts/modules/timeline/modules/emails/components/task-row/email-task-timeline-header.vue
@@ -56,8 +56,8 @@ const props = defineProps({
 
 const { t } = useI18n();
 
-const hiddenRecipients = computed(() => props.task.to.slice(0, -1));
-const hiddenCopyRecipients = computed(() => props.task.cc.slice(0, -1));
+const hiddenRecipients = computed(() => props.task.to.length > 1 && props.task.to.slice(1));
+const hiddenCopyRecipients = computed(() => props.task.cc.length > 1 && props.task.cc.slice(1));
 </script>
 
 <style scoped lang="scss">

From 6c42584eda66e6f54cd7e7f2a90b3155579e7f23 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Mon, 26 Aug 2024 17:23:10 +0300
Subject: [PATCH 15/25] fix: display active recording[WTEL-4931]

---
 src/app/composables/usePlayMedia.js           | 28 -------------
 .../timeline/components/the-timeline.vue      | 11 ++++--
 ...ll-task-timeline-action-play-recording.vue | 39 ++++++++++++-------
 3 files changed, 33 insertions(+), 45 deletions(-)
 delete mode 100644 src/app/composables/usePlayMedia.js

diff --git a/src/app/composables/usePlayMedia.js b/src/app/composables/usePlayMedia.js
deleted file mode 100644
index 6cc71a86..00000000
--- a/src/app/composables/usePlayMedia.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import { ref } from 'vue';
-import generateMediaURL from '../scripts/generateMediaURL.js';
-
-export const usePlayMedia = () => {
-  const audioURL = ref('');
-  const currentlyPlaying = ref('0');
-
-  const play = (value) => {
-    if (value) {
-      currentlyPlaying.value = value;
-      audioURL.value = generateMediaURL(value);
-    } else {
-      closePlayer();
-    }
-  };
-
-  const closePlayer = () => {
-    currentlyPlaying.value = '0';
-    audioURL.value = '';
-  };
-
-  return {
-    audioURL,
-    currentlyPlaying,
-    play,
-    closePlayer,
-  };
-};
diff --git a/src/modules/contacts/modules/timeline/components/the-timeline.vue b/src/modules/contacts/modules/timeline/components/the-timeline.vue
index d54db130..e089930b 100644
--- a/src/modules/contacts/modules/timeline/components/the-timeline.vue
+++ b/src/modules/contacts/modules/timeline/components/the-timeline.vue
@@ -70,9 +70,12 @@ const props = defineProps({
   },
 });
 const audioURL = ref(null);
+const audioId = ref('');
+
 const timelineNamespace = `${props.namespace}/timeline`;
 
 provide('namespace', timelineNamespace);
+provide('audioId', audioId);
 
 const store = useStore();
 const eventBus = inject('$eventBus');
@@ -87,6 +90,7 @@ const next = computed(() => getNamespacedState(store.state, timelineNamespace).n
 function closePlayer() {
   eventBus.$emit('close-player');
   audioURL.value = '';
+  audioId.value = '';
 }
 
 function initializeList() {
@@ -116,9 +120,10 @@ async function loadNext() {
 }
 
 onMounted(() => {
-  return eventBus.$on('play-audio', (url) => {
-    if(!url) return;
+  return eventBus.$on('audio-handler', ({ url, id }) => {
+    if(!url || !id) return closePlayer();
     audioURL.value = url;
+    audioId.value = id;
   });
 });
 
@@ -132,7 +137,7 @@ onUnmounted(() => {
 
   store.dispatch(`${timelineNamespace}/RESET_STATE`);
 
-  eventBus.$off('play-audio');
+  eventBus.$off('audio-handler');
 });
 </script>
 
diff --git a/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-play-recording.vue b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-play-recording.vue
index 6599ec80..87c50943 100644
--- a/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-play-recording.vue
+++ b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-play-recording.vue
@@ -18,7 +18,7 @@
     <template #option="{ text, id }">
       <div class="call-task-timeline-action-play-recording__option">
         <wt-icon
-          :icon="id === currentlyPlaying ? 'stop' : 'play'"
+          :icon="id === audioId ? 'stop' : 'play'"
         />
         {{ text }}
       </div>
@@ -27,10 +27,12 @@
 </template>
 
 <script setup>
-import { computed, inject, onMounted, onUnmounted } from 'vue';
-import { usePlayMedia } from '../../../../../../../../../app/composables/usePlayMedia.js';
+import { computed, inject, onMounted, onUnmounted, ref } from 'vue';
+import generateMediaURL from '../../../../../../../../../app/scripts/generateMediaURL.js';
 
 const eventBus = inject('$eventBus');
+const audioId = inject('audioId'); // value from the-timeline.vue component
+// [https://webitel.atlassian.net/browse/WTEL-4931]
 
 const props = defineProps({
   files: {
@@ -39,33 +41,42 @@ const props = defineProps({
   },
 });
 
-const {
-  audioURL,
-  currentlyPlaying,
-  play,
-  closePlayer,
-} = usePlayMedia();
+const currentFileId = ref(''); // local value
+const audioURL = ref('');
 
 const isAnyFilesPlaying = computed(() => {
-  return props.files.some((file) => file.id === currentlyPlaying.value);
+  return props.files.some((file) => file.id === audioId.value);
 });
 
 const contextOptions = computed(() => {
   return props.files.map(({ name, id }) => ({ text: name, id }));
 });
 
+const closePlayer = () => {
+  currentFileId.value = '';
+  audioURL.value = '';
+};
+
+const openPlayer = (id) => {
+  if (id) {
+    currentFileId.value = id;
+    audioURL.value = generateMediaURL(id);
+  } else {
+    closePlayer();
+  }
+};
+
 const handleOptionSelect = ({ option }) => {
-  if (currentlyPlaying.value === option.id) {
+  if (currentFileId.value === option.id) {
     closePlayer();
   } else {
-    play(option.id);
-    if(audioURL.value) eventBus.$emit('play-audio', audioURL.value);
+    openPlayer(option.id);
   }
+  eventBus.$emit('audio-handler', { url: audioURL.value, id: currentFileId.value});
 };
 
 onMounted(() => eventBus.$on('close-player', closePlayer));
 
-
 onUnmounted(() => eventBus.$off('close-player', closePlayer));
 
 </script>

From 2ab6cda42eafb6199c6478b22ac4758a767c3328 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Tue, 27 Aug 2024 15:22:19 +0300
Subject: [PATCH 16/25] fix: call MessageHistoryAPI[WTEL-4973]

---
 .../modules/timeline/modules/chats/api/MessageHistoryAPI.js   | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/modules/contacts/modules/timeline/modules/chats/api/MessageHistoryAPI.js b/src/modules/contacts/modules/timeline/modules/chats/api/MessageHistoryAPI.js
index 4e62ed8c..7be20af9 100644
--- a/src/modules/contacts/modules/timeline/modules/chats/api/MessageHistoryAPI.js
+++ b/src/modules/contacts/modules/timeline/modules/chats/api/MessageHistoryAPI.js
@@ -1,8 +1,6 @@
-import { getDefaultGetParams } from '@webitel/ui-sdk/src/api/defaults/index.js';
 import applyTransform, {
   notify,
   snakeToCamel,
-  merge,
   camelToSnake,
   generateUrl,
 } from '@webitel/ui-sdk/src/api/transformers/index.js';
@@ -18,9 +16,7 @@ const getList = async (params) => {
       };
     });
   };
-
   const url = applyTransform(params, [
-    merge(getDefaultGetParams()),
     camelToSnake(),
     generateUrl(`contacts/${params.parentId}/chat/${params.taskId}/messages`),
   ]);

From 1b1085d7dc3b31dd9c84e4164fe6907b30a55d5a Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Wed, 28 Aug 2024 13:19:55 +0300
Subject: [PATCH 17/25] fix: close player in timeline[WTEL-4931]

---
 .../actions/call-task-timeline-action-play-recording.vue        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-play-recording.vue b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-play-recording.vue
index 87c50943..8fed2fba 100644
--- a/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-play-recording.vue
+++ b/src/modules/contacts/modules/timeline/modules/calls/components/task-row/actions/call-task-timeline-action-play-recording.vue
@@ -67,7 +67,7 @@ const openPlayer = (id) => {
 };
 
 const handleOptionSelect = ({ option }) => {
-  if (currentFileId.value === option.id) {
+  if (audioId.value === option.id) {
     closePlayer();
   } else {
     openPlayer(option.id);

From f282ba6bf62b1bbf252ef456188693b0d8a88513 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Fri, 30 Aug 2024 11:32:22 +0300
Subject: [PATCH 18/25] @24.8.34-update-webitel/ui-sdk version

---
 package-lock.json | 16 ++++++++--------
 package.json      |  2 +-
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c0e03dfb..3c2fc2ee 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "@vuelidate/core": "^2.0.3",
         "@vuelidate/validators": "^2.0.4",
         "@vueuse/core": "^10.10.0",
-        "@webitel/ui-sdk": "^24.8.22",
+        "@webitel/ui-sdk": "^24.8.34",
         "axios": "^1.7.2",
         "deep-equal": "^2.2.1",
         "dompurify": "^3.1.2",
@@ -2064,9 +2064,9 @@
       }
     },
     "node_modules/@webitel/ui-sdk": {
-      "version": "24.8.22",
-      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.8.22.tgz",
-      "integrity": "sha512-SD6YoIJu8uWRR8a0nUYxbN8v7Iepq94unzM8tzku3h/tW4Kfhxle+l1VPjBCcQie5skJZyuN+0eqUmh555YD9A==",
+      "version": "24.8.34",
+      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.8.34.tgz",
+      "integrity": "sha512-P5SK+Z/SYwu9/nIGVn4IhO3EJuG132eTAeWBCe0RcMS2s2fAITspoG7uQps/tjsw6BBkKrFQnHxb6B8ay+ONaw==",
       "dependencies": {
         "@floating-ui/vue": "^1.0.1",
         "@morev/vue-transitions": "^3.0.2",
@@ -2094,7 +2094,7 @@
         "vue-multiselect": "^3.0.0-beta.3",
         "vue-observe-visibility": "^2.0.0-alpha.1",
         "vue-router": "^4.1.6",
-        "webitel-sdk": "^24.2.16",
+        "webitel-sdk": "^24.8.1",
         "xlsx": "^0.18.5"
       }
     },
@@ -9822,9 +9822,9 @@
       }
     },
     "node_modules/webitel-sdk": {
-      "version": "24.4.16",
-      "resolved": "https://registry.npmjs.org/webitel-sdk/-/webitel-sdk-24.4.16.tgz",
-      "integrity": "sha512-evkakLCmVaRa+AwJ5OvXq27En19vRh5t7ibahtyXDUDGQk2IfHzZ4El/4AVm/RFTow5Una6aGhyhL7Ln4CgDZw==",
+      "version": "24.8.1",
+      "resolved": "https://registry.npmjs.org/webitel-sdk/-/webitel-sdk-24.8.1.tgz",
+      "integrity": "sha512-abdjKyIX7OgykvRJwAAJiIZAyvCExGa9aA9obtXbSfQtMvrF9mTXVQFYv5STYWLQGgpU04Q8BSLp2nj+GSFOZQ==",
       "dependencies": {
         "@types/webrtc": "~0.0.41",
         "deep-copy": "1.4.2",
diff --git a/package.json b/package.json
index 8bf6bf3a..1254d5bd 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^10.10.0",
-    "@webitel/ui-sdk": "^24.8.22",
+    "@webitel/ui-sdk": "^24.8.34",
     "axios": "^1.7.2",
     "deep-equal": "^2.2.1",
     "dompurify": "^3.1.2",

From ce31034f5deccba93e2bf1f6c628a0527fcd19c2 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Mon, 2 Sep 2024 13:03:01 +0300
Subject: [PATCH 19/25] v24.08

---
 package-lock.json | 2 +-
 package.json      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 3c2fc2ee..2653d300 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "crm",
-  "version": "24.04-1.0",
+  "version": "24.08.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
diff --git a/package.json b/package.json
index 1254d5bd..784105ae 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "crm",
-  "version": "24.04-1.0",
+  "version": "24.08.0",
   "private": true,
   "scripts": {
     "dev": "vite",

From 0929e6dd619b8bdb87f4bf428da61db20c7ce402 Mon Sep 17 00:00:00 2001
From: Sviatoslav Bar <baterfild2011@gmail.com>
Date: Mon, 2 Sep 2024 18:32:37 +0300
Subject: [PATCH 20/25] fix/ context menu version [WTEL-4936]

---
 package-lock.json | 10 +++++-----
 package.json      |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 2653d300..7987a67a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6,13 +6,13 @@
   "packages": {
     "": {
       "name": "crm",
-      "version": "24.04-1.0",
+      "version": "24.08.0",
       "dependencies": {
         "@vue/compat": "^3.4.27",
         "@vuelidate/core": "^2.0.3",
         "@vuelidate/validators": "^2.0.4",
         "@vueuse/core": "^10.10.0",
-        "@webitel/ui-sdk": "^24.8.34",
+        "@webitel/ui-sdk": "^24.8.36",
         "axios": "^1.7.2",
         "deep-equal": "^2.2.1",
         "dompurify": "^3.1.2",
@@ -2064,9 +2064,9 @@
       }
     },
     "node_modules/@webitel/ui-sdk": {
-      "version": "24.8.34",
-      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.8.34.tgz",
-      "integrity": "sha512-P5SK+Z/SYwu9/nIGVn4IhO3EJuG132eTAeWBCe0RcMS2s2fAITspoG7uQps/tjsw6BBkKrFQnHxb6B8ay+ONaw==",
+      "version": "24.8.36",
+      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.8.36.tgz",
+      "integrity": "sha512-GZrOvzNXph3oG09oXnerxDVQ0BImidlVWyDVp6JE9KyRiiozAcHPhMEmx7gC6Dl7jkMTqbfWfC1Ucg+YW6ezGA==",
       "dependencies": {
         "@floating-ui/vue": "^1.0.1",
         "@morev/vue-transitions": "^3.0.2",
diff --git a/package.json b/package.json
index 784105ae..c6ed6285 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^10.10.0",
-    "@webitel/ui-sdk": "^24.8.34",
+    "@webitel/ui-sdk": "^24.8.36",
     "axios": "^1.7.2",
     "deep-equal": "^2.2.1",
     "dompurify": "^3.1.2",

From a04c912065717a235dddbfeba1aea1055a053bdb Mon Sep 17 00:00:00 2001
From: Sviatoslav Bar <baterfild2011@gmail.com>
Date: Mon, 2 Sep 2024 18:41:16 +0300
Subject: [PATCH 21/25] fix/ context menu version [WTEL-4936]

---
 package-lock.json | 8 ++++----
 package.json      | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 7987a67a..9e8682a7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "@vuelidate/core": "^2.0.3",
         "@vuelidate/validators": "^2.0.4",
         "@vueuse/core": "^10.10.0",
-        "@webitel/ui-sdk": "^24.8.36",
+        "@webitel/ui-sdk": "^24.10.1",
         "axios": "^1.7.2",
         "deep-equal": "^2.2.1",
         "dompurify": "^3.1.2",
@@ -2064,9 +2064,9 @@
       }
     },
     "node_modules/@webitel/ui-sdk": {
-      "version": "24.8.36",
-      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.8.36.tgz",
-      "integrity": "sha512-GZrOvzNXph3oG09oXnerxDVQ0BImidlVWyDVp6JE9KyRiiozAcHPhMEmx7gC6Dl7jkMTqbfWfC1Ucg+YW6ezGA==",
+      "version": "24.10.1",
+      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.10.1.tgz",
+      "integrity": "sha512-2x0WZb4SjMV//tWGuADbOtLR/J+dsLre7X1EHFlnQlFMqqhq70CA9XyPXMEfQslA2Lyty/EDVRy0uujget8+Tg==",
       "dependencies": {
         "@floating-ui/vue": "^1.0.1",
         "@morev/vue-transitions": "^3.0.2",
diff --git a/package.json b/package.json
index c6ed6285..5773176d 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^10.10.0",
-    "@webitel/ui-sdk": "^24.8.36",
+    "@webitel/ui-sdk": "^24.10.1",
     "axios": "^1.7.2",
     "deep-equal": "^2.2.1",
     "dompurify": "^3.1.2",

From 1913369042949b9b7e7da7def7e416c8eb73cff0 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Wed, 4 Sep 2024 13:29:12 +0300
Subject: [PATCH 22/25] feature: add username in messaging[WTEL-4985]

---
 src/app/locale/en/en.js                                    | 1 +
 src/app/locale/ru/ru.js                                    | 1 +
 src/app/locale/ua/ua.js                                    | 1 +
 src/modules/contacts/modules/messaging/api/MessagingAPI.js | 2 --
 .../modules/messaging/components/the-messaging.vue         | 3 +++
 .../contacts/modules/messaging/store/_internals/headers.js | 7 +++++++
 6 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/app/locale/en/en.js b/src/app/locale/en/en.js
index aa0bcc0a..3f688e82 100644
--- a/src/app/locale/en/en.js
+++ b/src/app/locale/en/en.js
@@ -57,6 +57,7 @@ export default {
       messaging: {
         gateway: 'Gateway',
         provider: 'Provider ',
+        username: 'Username',
         dummy: 'There are no messaging options yet',
         messengers: {
           [ChatGatewayProvider.TELEGRAM_BOT]: 'Telegram Bot',
diff --git a/src/app/locale/ru/ru.js b/src/app/locale/ru/ru.js
index a2f04586..9f99eebd 100644
--- a/src/app/locale/ru/ru.js
+++ b/src/app/locale/ru/ru.js
@@ -57,6 +57,7 @@ export default {
       messaging: {
         gateway: 'Шлюз',
         provider: 'Провайдер',
+        username: 'Имя пользователя',
         dummy: 'Пока еще не было текстовых диалогов',
         messengers: {
           [ChatGatewayProvider.TELEGRAM_BOT]: 'Telegram Бот',
diff --git a/src/app/locale/ua/ua.js b/src/app/locale/ua/ua.js
index b968773d..5218ac51 100644
--- a/src/app/locale/ua/ua.js
+++ b/src/app/locale/ua/ua.js
@@ -57,6 +57,7 @@ export default {
       messaging: {
         gateway: 'Шлюз',
         provider: 'Провайдер',
+        username: 'Ім\'я користувача',
         dummy: 'Поки ще не було текстових діалогів',
         messengers: {
           [ChatGatewayProvider.TELEGRAM_BOT]: 'Telegram Бот',
diff --git a/src/modules/contacts/modules/messaging/api/MessagingAPI.js b/src/modules/contacts/modules/messaging/api/MessagingAPI.js
index 52f6fa49..95852caa 100644
--- a/src/modules/contacts/modules/messaging/api/MessagingAPI.js
+++ b/src/modules/contacts/modules/messaging/api/MessagingAPI.js
@@ -18,7 +18,6 @@ const getList = async (params) => {
     size,
     q,
     sort,
-    fields,
     id,
   } = applyTransform(params, [
     merge(getDefaultGetParams()),
@@ -31,7 +30,6 @@ const getList = async (params) => {
       size,
       q,
       sort,
-      ['etag', ...fields],
       id,
     );
     const { data, next } = applyTransform(response.data, [
diff --git a/src/modules/contacts/modules/messaging/components/the-messaging.vue b/src/modules/contacts/modules/messaging/components/the-messaging.vue
index 6631d5be..72c8838c 100644
--- a/src/modules/contacts/modules/messaging/components/the-messaging.vue
+++ b/src/modules/contacts/modules/messaging/components/the-messaging.vue
@@ -37,6 +37,9 @@
         <template #app="{ item }">
           {{ item.app.name }}
         </template>
+        <template #user="{ item }">
+          {{ item.user.name }}
+        </template>
         <template #actions="{ item }">
           <wt-icon-action
             :disabled="!access.hasRbacEditAccess"
diff --git a/src/modules/contacts/modules/messaging/store/_internals/headers.js b/src/modules/contacts/modules/messaging/store/_internals/headers.js
index 2bb9672f..ca31ab9f 100644
--- a/src/modules/contacts/modules/messaging/store/_internals/headers.js
+++ b/src/modules/contacts/modules/messaging/store/_internals/headers.js
@@ -20,4 +20,11 @@ export default [
     field: 'app',
     sort: SortSymbols.NONE,
   },
+  {
+    value: 'user',
+    locale: 'contacts.communications.messaging.username',
+    show: true,
+    field: 'user',
+    sort: SortSymbols.NONE,
+  },
 ];

From c4a1a59399e0dc79cb08274ffecf964385e917b1 Mon Sep 17 00:00:00 2001
From: dlohvinov <nsblnr@gmail.com>
Date: Thu, 5 Sep 2024 14:18:05 +0300
Subject: [PATCH 23/25] fix: tests [WTEL-5066]

---
 package-lock.json                             | 937 +++++++++---------
 package.json                                  |  19 +-
 vite.config.js                                |   5 +
 ....timestamp-1723576858370-a3c09f7b4cb88.mjs |   0
 4 files changed, 456 insertions(+), 505 deletions(-)
 create mode 100644 vite.config.js.timestamp-1723576858370-a3c09f7b4cb88.mjs

diff --git a/package-lock.json b/package-lock.json
index 9e8682a7..f0a7b69c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,38 +8,37 @@
       "name": "crm",
       "version": "24.08.0",
       "dependencies": {
-        "@vue/compat": "^3.4.27",
+        "@vue/compat": "^3.5.1",
         "@vuelidate/core": "^2.0.3",
         "@vuelidate/validators": "^2.0.4",
-        "@vueuse/core": "^10.10.0",
+        "@vueuse/core": "^11.0.3",
         "@webitel/ui-sdk": "^24.10.1",
-        "axios": "^1.7.2",
+        "axios": "^1.7.7",
         "deep-equal": "^2.2.1",
         "dompurify": "^3.1.2",
         "linkify-html": "^4.1.3",
         "linkifyjs": "^4.1.3",
         "lodash": "^4.17.21",
         "markdown-it": "^14.1.0",
-        "vue": "^3.4.27",
+        "vue": "^3.5.1",
         "vue-i18n": "^9.13.1",
         "vue-router": "^4.3.2",
         "vuex": "^4.1.0",
         "webitel-sdk": "^24.4.16"
       },
       "devDependencies": {
-        "@vitejs/plugin-vue": "5.0.4",
-        "@vitest/coverage-v8": "^2.0.0-beta.3",
+        "@vitejs/plugin-vue": "5.1.3",
+        "@vitest/coverage-v8": "^2.0.5",
         "@vue/test-utils": "^2.4.6",
         "deep-copy": "^1.4.2",
         "eslint": "^9.3.0",
         "eslint-plugin-vue": "^9.26.0",
-        "happy-dom": "^14.11.1",
+        "happy-dom": "^15.7.3",
         "sass": "^1.77.2",
-        "tslib": "^2.6.2",
-        "vite": "^5.2.11",
+        "vite": "^5.4.3",
         "vite-plugin-node-polyfills": "^0.22.0",
         "vite-plugin-svg-sprite": "^0.5.2",
-        "vitest": "^2.0.0-beta.3"
+        "vitest": "^2.0.5"
       }
     },
     "node_modules/@ampproject/remapping": {
@@ -244,17 +243,17 @@
       }
     },
     "node_modules/@babel/helper-string-parser": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.6.tgz",
-      "integrity": "sha512-WdJjwMEkmBicq5T9fm/cHND3+UlFa2Yj8ALLgmoSQAJZysYbBjw+azChSGPN4DSPLXOcooGRvDwZWMcF/mLO2Q==",
+      "version": "7.24.8",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.8.tgz",
+      "integrity": "sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-validator-identifier": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.6.tgz",
-      "integrity": "sha512-4yA7s865JHaqUdRbnaxarZREuPTHrjpDT+pXoAZ1yhyo6uFnIEpS8VMu16siFOHDpZNKYv5BObhsB//ycbICyw==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz",
+      "integrity": "sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==",
       "engines": {
         "node": ">=6.9.0"
       }
@@ -363,9 +362,12 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.6.tgz",
-      "integrity": "sha512-eNZXdfU35nJC2h24RznROuOpO94h6x8sg9ju0tT9biNtLZ2vuP8SduLqqV+/8+cebSLV9SJEAN5Z3zQbJG/M+Q==",
+      "version": "7.25.6",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.25.6.tgz",
+      "integrity": "sha512-trGdfBdbD0l1ZPmcJ83eNxB9rbEax4ALFTF7fN386TMYbeCQbyme5cOEXQhbGXKebwGaB/J52w1mrklMcbgy6Q==",
+      "dependencies": {
+        "@babel/types": "^7.25.6"
+      },
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -434,12 +436,12 @@
       }
     },
     "node_modules/@babel/types": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.6.tgz",
-      "integrity": "sha512-WaMsgi6Q8zMgMth93GvWPXkhAIEobfsIkLTacoVZoK1J0CevIPGYY2Vo5YvJGqyHqXM6P4ppOYGsIRU8MM9pFQ==",
+      "version": "7.25.6",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.25.6.tgz",
+      "integrity": "sha512-/l42B1qxpG6RdfYf343Uw1vmDjeNhneUXtzhojE7pDgfpEypmRhI6j1kr17XCVv4Cgl9HdAiQY2x0GwKm7rWCw==",
       "dependencies": {
-        "@babel/helper-string-parser": "^7.24.6",
-        "@babel/helper-validator-identifier": "^7.24.6",
+        "@babel/helper-string-parser": "^7.24.8",
+        "@babel/helper-validator-identifier": "^7.24.7",
         "to-fast-properties": "^2.0.0"
       },
       "engines": {
@@ -453,9 +455,9 @@
       "dev": true
     },
     "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.20.2.tgz",
-      "integrity": "sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
       "cpu": [
         "ppc64"
       ],
@@ -469,9 +471,9 @@
       }
     },
     "node_modules/@esbuild/android-arm": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.20.2.tgz",
-      "integrity": "sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
       "cpu": [
         "arm"
       ],
@@ -485,9 +487,9 @@
       }
     },
     "node_modules/@esbuild/android-arm64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.20.2.tgz",
-      "integrity": "sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
       "cpu": [
         "arm64"
       ],
@@ -501,9 +503,9 @@
       }
     },
     "node_modules/@esbuild/android-x64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.20.2.tgz",
-      "integrity": "sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
       "cpu": [
         "x64"
       ],
@@ -517,9 +519,9 @@
       }
     },
     "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.20.2.tgz",
-      "integrity": "sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
       "cpu": [
         "arm64"
       ],
@@ -533,9 +535,9 @@
       }
     },
     "node_modules/@esbuild/darwin-x64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.20.2.tgz",
-      "integrity": "sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
       "cpu": [
         "x64"
       ],
@@ -549,9 +551,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.20.2.tgz",
-      "integrity": "sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
       "cpu": [
         "arm64"
       ],
@@ -565,9 +567,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.20.2.tgz",
-      "integrity": "sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
       "cpu": [
         "x64"
       ],
@@ -581,9 +583,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.20.2.tgz",
-      "integrity": "sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
       "cpu": [
         "arm"
       ],
@@ -597,9 +599,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.20.2.tgz",
-      "integrity": "sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
       "cpu": [
         "arm64"
       ],
@@ -613,9 +615,9 @@
       }
     },
     "node_modules/@esbuild/linux-ia32": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.20.2.tgz",
-      "integrity": "sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
       "cpu": [
         "ia32"
       ],
@@ -629,9 +631,9 @@
       }
     },
     "node_modules/@esbuild/linux-loong64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.20.2.tgz",
-      "integrity": "sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
       "cpu": [
         "loong64"
       ],
@@ -645,9 +647,9 @@
       }
     },
     "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.20.2.tgz",
-      "integrity": "sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
       "cpu": [
         "mips64el"
       ],
@@ -661,9 +663,9 @@
       }
     },
     "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.20.2.tgz",
-      "integrity": "sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
       "cpu": [
         "ppc64"
       ],
@@ -677,9 +679,9 @@
       }
     },
     "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.20.2.tgz",
-      "integrity": "sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
       "cpu": [
         "riscv64"
       ],
@@ -693,9 +695,9 @@
       }
     },
     "node_modules/@esbuild/linux-s390x": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.20.2.tgz",
-      "integrity": "sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
       "cpu": [
         "s390x"
       ],
@@ -709,9 +711,9 @@
       }
     },
     "node_modules/@esbuild/linux-x64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.20.2.tgz",
-      "integrity": "sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
       "cpu": [
         "x64"
       ],
@@ -725,9 +727,9 @@
       }
     },
     "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.20.2.tgz",
-      "integrity": "sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
       "cpu": [
         "x64"
       ],
@@ -741,9 +743,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.20.2.tgz",
-      "integrity": "sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
       "cpu": [
         "x64"
       ],
@@ -757,9 +759,9 @@
       }
     },
     "node_modules/@esbuild/sunos-x64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.20.2.tgz",
-      "integrity": "sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
       "cpu": [
         "x64"
       ],
@@ -773,9 +775,9 @@
       }
     },
     "node_modules/@esbuild/win32-arm64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.20.2.tgz",
-      "integrity": "sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
       "cpu": [
         "arm64"
       ],
@@ -789,9 +791,9 @@
       }
     },
     "node_modules/@esbuild/win32-ia32": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.20.2.tgz",
-      "integrity": "sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
       "cpu": [
         "ia32"
       ],
@@ -805,9 +807,9 @@
       }
     },
     "node_modules/@esbuild/win32-x64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.20.2.tgz",
-      "integrity": "sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
       "cpu": [
         "x64"
       ],
@@ -1085,18 +1087,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/@jest/schemas": {
-      "version": "29.6.3",
-      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
-      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
-      "dev": true,
-      "dependencies": {
-        "@sinclair/typebox": "^0.27.8"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
@@ -1127,9 +1117,9 @@
       }
     },
     "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.4.15",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
-      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ=="
     },
     "node_modules/@jridgewell/trace-mapping": {
       "version": "0.3.25",
@@ -1317,9 +1307,9 @@
       }
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.18.0.tgz",
-      "integrity": "sha512-Tya6xypR10giZV1XzxmH5wr25VcZSncG0pZIjfePT0OVBvqNEurzValetGNarVrGiq66EBVAFn15iYX4w6FKgQ==",
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.21.2.tgz",
+      "integrity": "sha512-fSuPrt0ZO8uXeS+xP3b+yYTCBUd05MoSp2N/MFOgjhhUhMmchXlpTQrTpI8T+YAwAQuK7MafsCOxW7VrPMrJcg==",
       "cpu": [
         "arm"
       ],
@@ -1330,9 +1320,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.18.0.tgz",
-      "integrity": "sha512-avCea0RAP03lTsDhEyfy+hpfr85KfyTctMADqHVhLAF3MlIkq83CP8UfAHUssgXTYd+6er6PaAhx/QGv4L1EiA==",
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.21.2.tgz",
+      "integrity": "sha512-xGU5ZQmPlsjQS6tzTTGwMsnKUtu0WVbl0hYpTPauvbRAnmIvpInhJtgjj3mcuJpEiuUw4v1s4BimkdfDWlh7gA==",
       "cpu": [
         "arm64"
       ],
@@ -1343,9 +1333,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.18.0.tgz",
-      "integrity": "sha512-IWfdwU7KDSm07Ty0PuA/W2JYoZ4iTj3TUQjkVsO/6U+4I1jN5lcR71ZEvRh52sDOERdnNhhHU57UITXz5jC1/w==",
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.21.2.tgz",
+      "integrity": "sha512-99AhQ3/ZMxU7jw34Sq8brzXqWH/bMnf7ZVhvLk9QU2cOepbQSVTns6qoErJmSiAvU3InRqC2RRZ5ovh1KN0d0Q==",
       "cpu": [
         "arm64"
       ],
@@ -1356,9 +1346,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.18.0.tgz",
-      "integrity": "sha512-n2LMsUz7Ynu7DoQrSQkBf8iNrjOGyPLrdSg802vk6XT3FtsgX6JbE8IHRvposskFm9SNxzkLYGSq9QdpLYpRNA==",
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.21.2.tgz",
+      "integrity": "sha512-ZbRaUvw2iN/y37x6dY50D8m2BnDbBjlnMPotDi/qITMJ4sIxNY33HArjikDyakhSv0+ybdUxhWxE6kTI4oX26w==",
       "cpu": [
         "x64"
       ],
@@ -1369,9 +1359,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.18.0.tgz",
-      "integrity": "sha512-C/zbRYRXFjWvz9Z4haRxcTdnkPt1BtCkz+7RtBSuNmKzMzp3ZxdM28Mpccn6pt28/UWUCTXa+b0Mx1k3g6NOMA==",
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.21.2.tgz",
+      "integrity": "sha512-ztRJJMiE8nnU1YFcdbd9BcH6bGWG1z+jP+IPW2oDUAPxPjo9dverIOyXz76m6IPA6udEL12reYeLojzW2cYL7w==",
       "cpu": [
         "arm"
       ],
@@ -1382,9 +1372,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.18.0.tgz",
-      "integrity": "sha512-l3m9ewPgjQSXrUMHg93vt0hYCGnrMOcUpTz6FLtbwljo2HluS4zTXFy2571YQbisTnfTKPZ01u/ukJdQTLGh9A==",
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.21.2.tgz",
+      "integrity": "sha512-flOcGHDZajGKYpLV0JNc0VFH361M7rnV1ee+NTeC/BQQ1/0pllYcFmxpagltANYt8FYf9+kL6RSk80Ziwyhr7w==",
       "cpu": [
         "arm"
       ],
@@ -1395,9 +1385,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.18.0.tgz",
-      "integrity": "sha512-rJ5D47d8WD7J+7STKdCUAgmQk49xuFrRi9pZkWoRD1UeSMakbcepWXPF8ycChBoAqs1pb2wzvbY6Q33WmN2ftw==",
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.21.2.tgz",
+      "integrity": "sha512-69CF19Kp3TdMopyteO/LJbWufOzqqXzkrv4L2sP8kfMaAQ6iwky7NoXTp7bD6/irKgknDKM0P9E/1l5XxVQAhw==",
       "cpu": [
         "arm64"
       ],
@@ -1408,9 +1398,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.18.0.tgz",
-      "integrity": "sha512-be6Yx37b24ZwxQ+wOQXXLZqpq4jTckJhtGlWGZs68TgdKXJgw54lUUoFYrg6Zs/kjzAQwEwYbp8JxZVzZLRepQ==",
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.21.2.tgz",
+      "integrity": "sha512-48pD/fJkTiHAZTnZwR0VzHrao70/4MlzJrq0ZsILjLW/Ab/1XlVUStYyGt7tdyIiVSlGZbnliqmult/QGA2O2w==",
       "cpu": [
         "arm64"
       ],
@@ -1421,9 +1411,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.18.0.tgz",
-      "integrity": "sha512-hNVMQK+qrA9Todu9+wqrXOHxFiD5YmdEi3paj6vP02Kx1hjd2LLYR2eaN7DsEshg09+9uzWi2W18MJDlG0cxJA==",
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.21.2.tgz",
+      "integrity": "sha512-cZdyuInj0ofc7mAQpKcPR2a2iu4YM4FQfuUzCVA2u4HI95lCwzjoPtdWjdpDKyHxI0UO82bLDoOaLfpZ/wviyQ==",
       "cpu": [
         "ppc64"
       ],
@@ -1434,9 +1424,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.18.0.tgz",
-      "integrity": "sha512-ROCM7i+m1NfdrsmvwSzoxp9HFtmKGHEqu5NNDiZWQtXLA8S5HBCkVvKAxJ8U+CVctHwV2Gb5VUaK7UAkzhDjlg==",
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.21.2.tgz",
+      "integrity": "sha512-RL56JMT6NwQ0lXIQmMIWr1SW28z4E4pOhRRNqwWZeXpRlykRIlEpSWdsgNWJbYBEWD84eocjSGDu/XxbYeCmwg==",
       "cpu": [
         "riscv64"
       ],
@@ -1447,9 +1437,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.18.0.tgz",
-      "integrity": "sha512-0UyyRHyDN42QL+NbqevXIIUnKA47A+45WyasO+y2bGJ1mhQrfrtXUpTxCOrfxCR4esV3/RLYyucGVPiUsO8xjg==",
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.21.2.tgz",
+      "integrity": "sha512-PMxkrWS9z38bCr3rWvDFVGD6sFeZJw4iQlhrup7ReGmfn7Oukrr/zweLhYX6v2/8J6Cep9IEA/SmjXjCmSbrMQ==",
       "cpu": [
         "s390x"
       ],
@@ -1460,9 +1450,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.18.0.tgz",
-      "integrity": "sha512-xuglR2rBVHA5UsI8h8UbX4VJ470PtGCf5Vpswh7p2ukaqBGFTnsfzxUBetoWBWymHMxbIG0Cmx7Y9qDZzr648w==",
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.21.2.tgz",
+      "integrity": "sha512-B90tYAUoLhU22olrafY3JQCFLnT3NglazdwkHyxNDYF/zAxJt5fJUB/yBoWFoIQ7SQj+KLe3iL4BhOMa9fzgpw==",
       "cpu": [
         "x64"
       ],
@@ -1473,9 +1463,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.18.0.tgz",
-      "integrity": "sha512-LKaqQL9osY/ir2geuLVvRRs+utWUNilzdE90TpyoX0eNqPzWjRm14oMEE+YLve4k/NAqCdPkGYDaDF5Sw+xBfg==",
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.21.2.tgz",
+      "integrity": "sha512-7twFizNXudESmC9oneLGIUmoHiiLppz/Xs5uJQ4ShvE6234K0VB1/aJYU3f/4g7PhssLGKBVCC37uRkkOi8wjg==",
       "cpu": [
         "x64"
       ],
@@ -1486,9 +1476,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.18.0.tgz",
-      "integrity": "sha512-7J6TkZQFGo9qBKH0pk2cEVSRhJbL6MtfWxth7Y5YmZs57Pi+4x6c2dStAUvaQkHQLnEQv1jzBUW43GvZW8OFqA==",
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.21.2.tgz",
+      "integrity": "sha512-9rRero0E7qTeYf6+rFh3AErTNU1VCQg2mn7CQcI44vNUWM9Ze7MSRS/9RFuSsox+vstRt97+x3sOhEey024FRQ==",
       "cpu": [
         "arm64"
       ],
@@ -1499,9 +1489,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.18.0.tgz",
-      "integrity": "sha512-Txjh+IxBPbkUB9+SXZMpv+b/vnTEtFyfWZgJ6iyCmt2tdx0OF5WhFowLmnh8ENGNpfUlUZkdI//4IEmhwPieNg==",
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.21.2.tgz",
+      "integrity": "sha512-5rA4vjlqgrpbFVVHX3qkrCo/fZTj1q0Xxpg+Z7yIo3J2AilW7t2+n6Q8Jrx+4MrYpAnjttTYF8rr7bP46BPzRw==",
       "cpu": [
         "ia32"
       ],
@@ -1512,9 +1502,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.18.0.tgz",
-      "integrity": "sha512-UOo5FdvOL0+eIVTgS4tIdbW+TtnBLWg1YBCcU2KWM7nuNwRz9bksDX1bekJJCpu25N1DVWaCwnT39dVQxzqS8g==",
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.21.2.tgz",
+      "integrity": "sha512-6UUxd0+SKomjdzuAcp+HAmxw1FlGBnl1v2yEPSabtx4lBfdXHDVsW7+lQkgz9cNFJGY3AWR7+V8P5BqkD9L9nA==",
       "cpu": [
         "x64"
       ],
@@ -1524,12 +1514,6 @@
         "win32"
       ]
     },
-    "node_modules/@sinclair/typebox": {
-      "version": "0.27.8",
-      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
-      "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==",
-      "dev": true
-    },
     "node_modules/@sindresorhus/merge-streams": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/@sindresorhus/merge-streams/-/merge-streams-2.3.0.tgz",
@@ -1584,9 +1568,9 @@
       "integrity": "sha512-W5FyScaZ+nLb0CXP/4UaRiNr042RwW/RnLUZYt0uwveZN8w+X1gtt0bYIg9oMzt5ODiU/aQV/kyCFv24wfNrXA=="
     },
     "node_modules/@vitejs/plugin-vue": {
-      "version": "5.0.4",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.0.4.tgz",
-      "integrity": "sha512-WS3hevEszI6CEVEx28F8RjTX97k3KsrcY6kvTg7+Whm5y3oYvcqzVeGCU3hxSAn4uY2CLCkeokkGKpoctccilQ==",
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.1.3.tgz",
+      "integrity": "sha512-3xbWsKEKXYlmX82aOHufFQVnkbMC/v8fLpWwh6hWOUrK5fbbtBh9Q/WWse27BFgSy2/e2c0fz5Scgya9h2GLhw==",
       "dev": true,
       "engines": {
         "node": "^18.0.0 || >=20.0.0"
@@ -1597,123 +1581,107 @@
       }
     },
     "node_modules/@vitest/coverage-v8": {
-      "version": "2.0.0-beta.3",
-      "resolved": "https://registry.npmjs.org/@vitest/coverage-v8/-/coverage-v8-2.0.0-beta.3.tgz",
-      "integrity": "sha512-7SY88ADRXOHNZBj5qypSiYU4FFAe+xZ8Je5+IMOJOJaQaFEaapBptUWdqaSjkC0WoFFXtqrikQgWX/zQuT7qHQ==",
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/coverage-v8/-/coverage-v8-2.0.5.tgz",
+      "integrity": "sha512-qeFcySCg5FLO2bHHSa0tAZAOnAUbp4L6/A5JDuj9+bt53JREl8hpLjLHEWF0e/gWc8INVpJaqA7+Ene2rclpZg==",
       "dev": true,
       "dependencies": {
         "@ampproject/remapping": "^2.3.0",
         "@bcoe/v8-coverage": "^0.2.3",
-        "debug": "^4.3.4",
+        "debug": "^4.3.5",
         "istanbul-lib-coverage": "^3.2.2",
         "istanbul-lib-report": "^3.0.1",
-        "istanbul-lib-source-maps": "^5.0.4",
+        "istanbul-lib-source-maps": "^5.0.6",
         "istanbul-reports": "^3.1.7",
         "magic-string": "^0.30.10",
         "magicast": "^0.3.4",
-        "picocolors": "^1.0.0",
         "std-env": "^3.7.0",
-        "strip-literal": "^2.1.0",
-        "test-exclude": "^6.0.0"
+        "test-exclude": "^7.0.1",
+        "tinyrainbow": "^1.2.0"
       },
       "funding": {
         "url": "https://opencollective.com/vitest"
       },
       "peerDependencies": {
-        "vitest": "2.0.0-beta.3"
+        "vitest": "2.0.5"
       }
     },
     "node_modules/@vitest/expect": {
-      "version": "2.0.0-beta.3",
-      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-2.0.0-beta.3.tgz",
-      "integrity": "sha512-nbspKRdknioSmLK7NxBTtwRoOjPMbCWesnmhyLG8BMPDAXhse8LPiG1kY1hvpC6moCf0BHUEeiJ5rGIEFxzdAw==",
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-2.0.5.tgz",
+      "integrity": "sha512-yHZtwuP7JZivj65Gxoi8upUN2OzHTi3zVfjwdpu2WrvCZPLwsJ2Ey5ILIPccoW23dd/zQBlJ4/dhi7DWNyXCpA==",
       "dev": true,
       "dependencies": {
-        "@vitest/spy": "2.0.0-beta.3",
-        "@vitest/utils": "2.0.0-beta.3",
-        "chai": "^5.1.1"
+        "@vitest/spy": "2.0.5",
+        "@vitest/utils": "2.0.5",
+        "chai": "^5.1.1",
+        "tinyrainbow": "^1.2.0"
       },
       "funding": {
         "url": "https://opencollective.com/vitest"
       }
     },
-    "node_modules/@vitest/runner": {
-      "version": "2.0.0-beta.3",
-      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-2.0.0-beta.3.tgz",
-      "integrity": "sha512-kXv1nelRHt7uRAxX7GMfRFB336DmiQ+9n+voEpN5HmSxJw+SE6k8MbzTsULxBKLtjI2BdpwF48UQaKmXP9adDg==",
+    "node_modules/@vitest/pretty-format": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.0.5.tgz",
+      "integrity": "sha512-h8k+1oWHfwTkyTkb9egzwNMfJAEx4veaPSnMeKbVSjp4euqGSbQlm5+6VHwTr7u4FJslVVsUG5nopCaAYdOmSQ==",
       "dev": true,
       "dependencies": {
-        "@vitest/utils": "2.0.0-beta.3",
-        "p-limit": "^5.0.0",
-        "pathe": "^1.1.2"
+        "tinyrainbow": "^1.2.0"
       },
       "funding": {
         "url": "https://opencollective.com/vitest"
       }
     },
-    "node_modules/@vitest/runner/node_modules/p-limit": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-5.0.0.tgz",
-      "integrity": "sha512-/Eaoq+QyLSiXQ4lyYV23f14mZRQcXnxfHrN0vCai+ak9G0pp9iEQukIIZq5NccEvwRB8PUnZT0KsOoDCINS1qQ==",
+    "node_modules/@vitest/runner": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-2.0.5.tgz",
+      "integrity": "sha512-TfRfZa6Bkk9ky4tW0z20WKXFEwwvWhRY+84CnSEtq4+3ZvDlJyY32oNTJtM7AW9ihW90tX/1Q78cb6FjoAs+ig==",
       "dev": true,
       "dependencies": {
-        "yocto-queue": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@vitest/runner/node_modules/yocto-queue": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz",
-      "integrity": "sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==",
-      "dev": true,
-      "engines": {
-        "node": ">=12.20"
+        "@vitest/utils": "2.0.5",
+        "pathe": "^1.1.2"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://opencollective.com/vitest"
       }
     },
     "node_modules/@vitest/snapshot": {
-      "version": "2.0.0-beta.3",
-      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-2.0.0-beta.3.tgz",
-      "integrity": "sha512-39Clmuu7TQjcOBMs+gbWt3T93Ud+gxa3iTaI0DaTgXjQZLu03qeAhYS6iOyw257A6Nt2+TSGZhTlqm3wyYbl2Q==",
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-2.0.5.tgz",
+      "integrity": "sha512-SgCPUeDFLaM0mIUHfaArq8fD2WbaXG/zVXjRupthYfYGzc8ztbFbu6dUNOblBG7XLMR1kEhS/DNnfCZ2IhdDew==",
       "dev": true,
       "dependencies": {
+        "@vitest/pretty-format": "2.0.5",
         "magic-string": "^0.30.10",
-        "pathe": "^1.1.2",
-        "pretty-format": "^29.7.0"
+        "pathe": "^1.1.2"
       },
       "funding": {
         "url": "https://opencollective.com/vitest"
       }
     },
     "node_modules/@vitest/spy": {
-      "version": "2.0.0-beta.3",
-      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-2.0.0-beta.3.tgz",
-      "integrity": "sha512-3qIAJhJ0rgZ5R540G0Xwy/8OYHyydv4A1gx+IA7PA8IQbMTfJenmvvJE6JWDYqn1jit0C17XFCtXxYGrIqKY3w==",
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-2.0.5.tgz",
+      "integrity": "sha512-c/jdthAhvJdpfVuaexSrnawxZz6pywlTPe84LUB2m/4t3rl2fTo9NFGBG4oWgaD+FTgDDV8hJ/nibT7IfH3JfA==",
       "dev": true,
       "dependencies": {
-        "tinyspy": "^2.2.1"
+        "tinyspy": "^3.0.0"
       },
       "funding": {
         "url": "https://opencollective.com/vitest"
       }
     },
     "node_modules/@vitest/utils": {
-      "version": "2.0.0-beta.3",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.0.0-beta.3.tgz",
-      "integrity": "sha512-zVIp7HwPWooG7WKe44QfknrXS7uAGPp0xpGJxDmD+zCGCRhjI94ugv2AtuI1oe5Yf3uGElIVMrY1eBc1LiwbbQ==",
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.0.5.tgz",
+      "integrity": "sha512-d8HKbqIcya+GR67mkZbrzhS5kKhtp8dQLcmRZLGTscGVg7yImT82cIrhtn2L8+VujWcy6KZweApgNmPsTAO/UQ==",
       "dev": true,
       "dependencies": {
-        "diff-sequences": "^29.6.3",
+        "@vitest/pretty-format": "2.0.5",
         "estree-walker": "^3.0.3",
-        "loupe": "^3.1.0",
-        "pretty-format": "^29.7.0"
+        "loupe": "^3.1.1",
+        "tinyrainbow": "^1.2.0"
       },
       "funding": {
         "url": "https://opencollective.com/vitest"
@@ -1729,62 +1697,62 @@
       }
     },
     "node_modules/@vue/compat": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/compat/-/compat-3.4.27.tgz",
-      "integrity": "sha512-H2W93cPe9WXXkHiYEeX7f2Z8/znElm44fxgj8uBhgC6cxvjDUOLIcIJySs+FZvv6JM+Re/SBUnlcr4LJMaQZzw==",
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@vue/compat/-/compat-3.5.1.tgz",
+      "integrity": "sha512-RpBk9HppvFPqnu89ucp9lenbVZ7OnHbs7+Cyl1AufxSLC0zWWt4BjqiyFhnS6fPyV0MNLX43KMV/OJb55KLRTg==",
       "dependencies": {
-        "@babel/parser": "^7.24.4",
+        "@babel/parser": "^7.25.3",
         "estree-walker": "^2.0.2",
         "source-map-js": "^1.2.0"
       },
       "peerDependencies": {
-        "vue": "3.4.27"
+        "vue": "3.5.1"
       }
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.27.tgz",
-      "integrity": "sha512-E+RyqY24KnyDXsCuQrI+mlcdW3ALND6U7Gqa/+bVwbcpcR3BRRIckFoz7Qyd4TTlnugtwuI7YgjbvsLmxb+yvg==",
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.1.tgz",
+      "integrity": "sha512-WdjF+NSgFYdWttHevHw5uaJFtKPalhmxhlu2uREj8cLP0uyKKIR60/JvSZNTp0x+NSd63iTiORQTx3+tt55NWQ==",
       "dependencies": {
-        "@babel/parser": "^7.24.4",
-        "@vue/shared": "3.4.27",
+        "@babel/parser": "^7.25.3",
+        "@vue/shared": "3.5.1",
         "entities": "^4.5.0",
         "estree-walker": "^2.0.2",
         "source-map-js": "^1.2.0"
       }
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.27.tgz",
-      "integrity": "sha512-kUTvochG/oVgE1w5ViSr3KUBh9X7CWirebA3bezTbB5ZKBQZwR2Mwj9uoSKRMFcz4gSMzzLXBPD6KpCLb9nvWw==",
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.1.tgz",
+      "integrity": "sha512-Ao23fB1lINo18HLCbJVApvzd9OQe8MgmQSgyY5+umbWj2w92w9KykVmJ4Iv2US5nak3ixc2B+7Km7JTNhQ8kSQ==",
       "dependencies": {
-        "@vue/compiler-core": "3.4.27",
-        "@vue/shared": "3.4.27"
+        "@vue/compiler-core": "3.5.1",
+        "@vue/shared": "3.5.1"
       }
     },
     "node_modules/@vue/compiler-sfc": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.27.tgz",
-      "integrity": "sha512-nDwntUEADssW8e0rrmE0+OrONwmRlegDA1pD6QhVeXxjIytV03yDqTey9SBDiALsvAd5U4ZrEKbMyVXhX6mCGA==",
-      "dependencies": {
-        "@babel/parser": "^7.24.4",
-        "@vue/compiler-core": "3.4.27",
-        "@vue/compiler-dom": "3.4.27",
-        "@vue/compiler-ssr": "3.4.27",
-        "@vue/shared": "3.4.27",
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.1.tgz",
+      "integrity": "sha512-DFizMNH8eDglLhlfwJ0+ciBsztaYe3fY/zcZjrqL1ljXvUw/UpC84M1d7HpBTCW68SNqZyIxrs1XWmf+73Y65w==",
+      "dependencies": {
+        "@babel/parser": "^7.25.3",
+        "@vue/compiler-core": "3.5.1",
+        "@vue/compiler-dom": "3.5.1",
+        "@vue/compiler-ssr": "3.5.1",
+        "@vue/shared": "3.5.1",
         "estree-walker": "^2.0.2",
-        "magic-string": "^0.30.10",
-        "postcss": "^8.4.38",
+        "magic-string": "^0.30.11",
+        "postcss": "^8.4.44",
         "source-map-js": "^1.2.0"
       }
     },
     "node_modules/@vue/compiler-ssr": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.27.tgz",
-      "integrity": "sha512-CVRzSJIltzMG5FcidsW0jKNQnNRYC8bT21VegyMMtHmhW3UOI7knmUehzswXLrExDLE6lQCZdrhD4ogI7c+vuw==",
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.1.tgz",
+      "integrity": "sha512-C1hpSHQgRM8bg+5XWWD7CkFaVpSn9wZHCLRd10AmxqrH17d4EMP6+XcZpwBOM7H1jeStU5naEapZZWX0kso1tQ==",
       "dependencies": {
-        "@vue/compiler-dom": "3.4.27",
-        "@vue/shared": "3.4.27"
+        "@vue/compiler-dom": "3.5.1",
+        "@vue/shared": "3.5.1"
       }
     },
     "node_modules/@vue/devtools-api": {
@@ -1793,48 +1761,49 @@
       "integrity": "sha512-LgPscpE3Vs0x96PzSSB4IGVSZXZBZHpfxs+ZA1d+VEPwHdOXowy/Y2CsvCAIFrf+ssVU1pD1jidj505EpUnfbA=="
     },
     "node_modules/@vue/reactivity": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.27.tgz",
-      "integrity": "sha512-kK0g4NknW6JX2yySLpsm2jlunZJl2/RJGZ0H9ddHdfBVHcNzxmQ0sS0b09ipmBoQpY8JM2KmUw+a6sO8Zo+zIA==",
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.1.tgz",
+      "integrity": "sha512-aFE1nMDfbG7V+U5vdOk/NXxH/WX78XuAfX59vWmCM7Ao4lieoc83RkzOAWun61sQXlzNZ4IgROovFBHg+Iz1+Q==",
       "dependencies": {
-        "@vue/shared": "3.4.27"
+        "@vue/shared": "3.5.1"
       }
     },
     "node_modules/@vue/runtime-core": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.27.tgz",
-      "integrity": "sha512-7aYA9GEbOOdviqVvcuweTLe5Za4qBZkUY7SvET6vE8kyypxVgaT1ixHLg4urtOlrApdgcdgHoTZCUuTGap/5WA==",
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.1.tgz",
+      "integrity": "sha512-Ce92CCholNRHR3ZtzpRp/7CDGIPFxQ7ElXt9iH91ilK5eOrUv3Z582NWJesuM3aYX71BujVG5/4ypUxigGNxjA==",
       "dependencies": {
-        "@vue/reactivity": "3.4.27",
-        "@vue/shared": "3.4.27"
+        "@vue/reactivity": "3.5.1",
+        "@vue/shared": "3.5.1"
       }
     },
     "node_modules/@vue/runtime-dom": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.27.tgz",
-      "integrity": "sha512-ScOmP70/3NPM+TW9hvVAz6VWWtZJqkbdf7w6ySsws+EsqtHvkhxaWLecrTorFxsawelM5Ys9FnDEMt6BPBDS0Q==",
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.1.tgz",
+      "integrity": "sha512-B/fUJfBLp5PwE0EWNfBYnA4JUea8Yufb3wN8fN0/HzaqBdkiRHh4sFHOjWqIY8GS75gj//8VqeEqhcU6yUjIkA==",
       "dependencies": {
-        "@vue/runtime-core": "3.4.27",
-        "@vue/shared": "3.4.27",
+        "@vue/reactivity": "3.5.1",
+        "@vue/runtime-core": "3.5.1",
+        "@vue/shared": "3.5.1",
         "csstype": "^3.1.3"
       }
     },
     "node_modules/@vue/server-renderer": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.4.27.tgz",
-      "integrity": "sha512-dlAMEuvmeA3rJsOMJ2J1kXU7o7pOxgsNHVr9K8hB3ImIkSuBrIdy0vF66h8gf8Tuinf1TK3mPAz2+2sqyf3KzA==",
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.1.tgz",
+      "integrity": "sha512-C5V/fjQTitgVaRNH5wCoHynaWysjZ+VH68drNsAvQYg4ArHsZUQNz0nHoEWRj41nzqkVn2RUlnWaEOTl2o1Ppg==",
       "dependencies": {
-        "@vue/compiler-ssr": "3.4.27",
-        "@vue/shared": "3.4.27"
+        "@vue/compiler-ssr": "3.5.1",
+        "@vue/shared": "3.5.1"
       },
       "peerDependencies": {
-        "vue": "3.4.27"
+        "vue": "3.5.1"
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.27.tgz",
-      "integrity": "sha512-DL3NmY2OFlqmYYrzp39yi3LDkKxa5vZVwxWdQ3rG0ekuWscHraeIbnI8t+aZK7qhYqEqWKTUdijadunb9pnrgA=="
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.1.tgz",
+      "integrity": "sha512-NdcTRoO4KuW2RSFgpE2c+E/R/ZHaRzWPxAGxhmxZaaqLh6nYCXx7lc9a88ioqOCxCaV2SFJmujkxbUScW7dNsQ=="
     },
     "node_modules/@vue/test-utils": {
       "version": "2.4.6",
@@ -1955,6 +1924,28 @@
         "vue-demi": ">=0.14.7"
       }
     },
+    "node_modules/@vueuse/components/node_modules/@vueuse/core": {
+      "version": "10.10.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.10.0.tgz",
+      "integrity": "sha512-vexJ/YXYs2S42B783rI95lMt3GzEwkxzC8Hb0Ndpd8rD+p+Lk/Za4bd797Ym7yq4jXqdSyj3JLChunF/vyYjUw==",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.20",
+        "@vueuse/metadata": "10.10.0",
+        "@vueuse/shared": "10.10.0",
+        "vue-demi": ">=0.14.7"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/components/node_modules/@vueuse/metadata": {
+      "version": "10.10.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.10.0.tgz",
+      "integrity": "sha512-UNAo2sTCAW5ge6OErPEHb5z7NEAg3XcO9Cj7OK45aZXfLLH1QkexDcZD77HBi5zvEiLOm1An+p/4b5K3Worpug==",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
     "node_modules/@vueuse/components/node_modules/vue-demi": {
       "version": "0.14.7",
       "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.7.tgz",
@@ -1981,23 +1972,34 @@
       }
     },
     "node_modules/@vueuse/core": {
-      "version": "10.10.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.10.0.tgz",
-      "integrity": "sha512-vexJ/YXYs2S42B783rI95lMt3GzEwkxzC8Hb0Ndpd8rD+p+Lk/Za4bd797Ym7yq4jXqdSyj3JLChunF/vyYjUw==",
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-11.0.3.tgz",
+      "integrity": "sha512-RENlh64+SYA9XMExmmH1a3TPqeIuJBNNB/63GT35MZI+zpru3oMRUA6cEFr9HmGqEgUisurwGwnIieF6qu3aXw==",
       "dependencies": {
         "@types/web-bluetooth": "^0.0.20",
-        "@vueuse/metadata": "10.10.0",
-        "@vueuse/shared": "10.10.0",
-        "vue-demi": ">=0.14.7"
+        "@vueuse/metadata": "11.0.3",
+        "@vueuse/shared": "11.0.3",
+        "vue-demi": ">=0.14.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/core/node_modules/@vueuse/shared": {
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-11.0.3.tgz",
+      "integrity": "sha512-0rY2m6HS5t27n/Vp5cTDsKTlNnimCqsbh/fmT2LgE+aaU42EMfXo8+bNX91W9I7DDmxfuACXMmrd7d79JxkqWA==",
+      "dependencies": {
+        "vue-demi": ">=0.14.10"
       },
       "funding": {
         "url": "https://github.com/sponsors/antfu"
       }
     },
     "node_modules/@vueuse/core/node_modules/vue-demi": {
-      "version": "0.14.7",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.7.tgz",
-      "integrity": "sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==",
+      "version": "0.14.10",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
       "hasInstallScript": true,
       "bin": {
         "vue-demi-fix": "bin/vue-demi-fix.js",
@@ -2020,9 +2022,9 @@
       }
     },
     "node_modules/@vueuse/metadata": {
-      "version": "10.10.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.10.0.tgz",
-      "integrity": "sha512-UNAo2sTCAW5ge6OErPEHb5z7NEAg3XcO9Cj7OK45aZXfLLH1QkexDcZD77HBi5zvEiLOm1An+p/4b5K3Worpug==",
+      "version": "11.0.3",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-11.0.3.tgz",
+      "integrity": "sha512-+FtbO4SD5WpsOcQTcC0hAhNlOid6QNLzqedtquTtQ+CRNBoAt9GuV07c6KNHK1wCmlq8DFPwgiLF2rXwgSHX5Q==",
       "funding": {
         "url": "https://github.com/sponsors/antfu"
       }
@@ -2350,9 +2352,9 @@
       }
     },
     "node_modules/axios": {
-      "version": "1.7.2",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.2.tgz",
-      "integrity": "sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==",
+      "version": "1.7.7",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.7.tgz",
+      "integrity": "sha512-S4kL7XrjgBmvdGut0sN3yJxqYzrDOnivkBiN0OFs6hLiUam3UPvswUo0kqGyhqUZGEOytHyumEdXsAkgCOUf3Q==",
       "dependencies": {
         "follow-redirects": "^1.15.6",
         "form-data": "^4.0.0",
@@ -3400,9 +3402,9 @@
       }
     },
     "node_modules/debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.6.tgz",
+      "integrity": "sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==",
       "dependencies": {
         "ms": "2.1.2"
       },
@@ -3432,9 +3434,9 @@
       }
     },
     "node_modules/deep-eql": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-5.0.1.tgz",
-      "integrity": "sha512-nwQCf6ne2gez3o1MxWifqkciwt0zhl0LO1/UwVu4uMBuPmflWM4oQ70XMqHqnBJA+nhzncaqL9HVL6KkHJ28lw==",
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-5.0.2.tgz",
+      "integrity": "sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==",
       "dev": true,
       "engines": {
         "node": ">=6"
@@ -3566,15 +3568,6 @@
         "wrappy": "1"
       }
     },
-    "node_modules/diff-sequences": {
-      "version": "29.6.3",
-      "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-29.6.3.tgz",
-      "integrity": "sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==",
-      "dev": true,
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
     "node_modules/diffie-hellman": {
       "version": "5.0.3",
       "resolved": "https://registry.npmjs.org/diffie-hellman/-/diffie-hellman-5.0.3.tgz",
@@ -3929,9 +3922,9 @@
       }
     },
     "node_modules/esbuild": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.20.2.tgz",
-      "integrity": "sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
       "dev": true,
       "hasInstallScript": true,
       "bin": {
@@ -3941,29 +3934,29 @@
         "node": ">=12"
       },
       "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.20.2",
-        "@esbuild/android-arm": "0.20.2",
-        "@esbuild/android-arm64": "0.20.2",
-        "@esbuild/android-x64": "0.20.2",
-        "@esbuild/darwin-arm64": "0.20.2",
-        "@esbuild/darwin-x64": "0.20.2",
-        "@esbuild/freebsd-arm64": "0.20.2",
-        "@esbuild/freebsd-x64": "0.20.2",
-        "@esbuild/linux-arm": "0.20.2",
-        "@esbuild/linux-arm64": "0.20.2",
-        "@esbuild/linux-ia32": "0.20.2",
-        "@esbuild/linux-loong64": "0.20.2",
-        "@esbuild/linux-mips64el": "0.20.2",
-        "@esbuild/linux-ppc64": "0.20.2",
-        "@esbuild/linux-riscv64": "0.20.2",
-        "@esbuild/linux-s390x": "0.20.2",
-        "@esbuild/linux-x64": "0.20.2",
-        "@esbuild/netbsd-x64": "0.20.2",
-        "@esbuild/openbsd-x64": "0.20.2",
-        "@esbuild/sunos-x64": "0.20.2",
-        "@esbuild/win32-arm64": "0.20.2",
-        "@esbuild/win32-ia32": "0.20.2",
-        "@esbuild/win32-x64": "0.20.2"
+        "@esbuild/aix-ppc64": "0.21.5",
+        "@esbuild/android-arm": "0.21.5",
+        "@esbuild/android-arm64": "0.21.5",
+        "@esbuild/android-x64": "0.21.5",
+        "@esbuild/darwin-arm64": "0.21.5",
+        "@esbuild/darwin-x64": "0.21.5",
+        "@esbuild/freebsd-arm64": "0.21.5",
+        "@esbuild/freebsd-x64": "0.21.5",
+        "@esbuild/linux-arm": "0.21.5",
+        "@esbuild/linux-arm64": "0.21.5",
+        "@esbuild/linux-ia32": "0.21.5",
+        "@esbuild/linux-loong64": "0.21.5",
+        "@esbuild/linux-mips64el": "0.21.5",
+        "@esbuild/linux-ppc64": "0.21.5",
+        "@esbuild/linux-riscv64": "0.21.5",
+        "@esbuild/linux-s390x": "0.21.5",
+        "@esbuild/linux-x64": "0.21.5",
+        "@esbuild/netbsd-x64": "0.21.5",
+        "@esbuild/openbsd-x64": "0.21.5",
+        "@esbuild/sunos-x64": "0.21.5",
+        "@esbuild/win32-arm64": "0.21.5",
+        "@esbuild/win32-ia32": "0.21.5",
+        "@esbuild/win32-x64": "0.21.5"
       }
     },
     "node_modules/escalade": {
@@ -4585,12 +4578,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/fs.realpath": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "dev": true
-    },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -4852,9 +4839,9 @@
       }
     },
     "node_modules/happy-dom": {
-      "version": "14.11.4",
-      "resolved": "https://registry.npmjs.org/happy-dom/-/happy-dom-14.11.4.tgz",
-      "integrity": "sha512-n7p9GYkl9j5wfGtJSw3Xl0rpM2NRMIC+/WVLPi+uThI9Fe+viGnxpL4ce256LRCruvHnBWckEOm2YAyUD0hjxA==",
+      "version": "15.7.3",
+      "resolved": "https://registry.npmjs.org/happy-dom/-/happy-dom-15.7.3.tgz",
+      "integrity": "sha512-w3RUaYNXFJX5LiNVhOJLK4GqCB1bFj1FvELtpon3HrN8gUpS09V0Vvm4/BBRRj7mLUE1+ch8PKv1JxEp/0IHjA==",
       "dev": true,
       "dependencies": {
         "entities": "^4.5.0",
@@ -4862,7 +4849,7 @@
         "whatwg-mimetype": "^3.0.0"
       },
       "engines": {
-        "node": ">=16.0.0"
+        "node": ">=18.0.0"
       }
     },
     "node_modules/has-ansi": {
@@ -5224,17 +5211,6 @@
         "node": ">=0.8.19"
       }
     },
-    "node_modules/inflight": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
-      "dev": true,
-      "dependencies": {
-        "once": "^1.3.0",
-        "wrappy": "1"
-      }
-    },
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
@@ -5783,9 +5759,9 @@
       }
     },
     "node_modules/istanbul-lib-source-maps": {
-      "version": "5.0.4",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-5.0.4.tgz",
-      "integrity": "sha512-wHOoEsNJTVltaJp8eVkm8w+GVkVNHT2YDYo53YdzQEL2gWm1hBX5cGFR9hQJtuGLebidVX7et3+dmDZrmclduw==",
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-5.0.6.tgz",
+      "integrity": "sha512-yg2d+Em4KizZC5niWhQaIomgf5WlL4vOOjZ5xGCmF8SnPE/mDWWXgvRExdcpCgh9lLRRa1/fSYp2ymmbJ1pI+A==",
       "dev": true,
       "dependencies": {
         "@jridgewell/trace-mapping": "^0.3.23",
@@ -6166,11 +6142,11 @@
       }
     },
     "node_modules/magic-string": {
-      "version": "0.30.10",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.10.tgz",
-      "integrity": "sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==",
+      "version": "0.30.11",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.11.tgz",
+      "integrity": "sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==",
       "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.4.15"
+        "@jridgewell/sourcemap-codec": "^1.5.0"
       }
     },
     "node_modules/magicast": {
@@ -7052,15 +7028,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/path-is-absolute": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/path-key": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
@@ -7214,9 +7181,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.38",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.38.tgz",
-      "integrity": "sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==",
+      "version": "8.4.45",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.45.tgz",
+      "integrity": "sha512-7KTLTdzdZZYscUc65XmjFiB73vBhBfbPztCYdUNvlaso9PrzjzcmjqBPR0lNGkcVlcO4BjiO5rK/qNz+XAen1Q==",
       "funding": [
         {
           "type": "opencollective",
@@ -7233,7 +7200,7 @@
       ],
       "dependencies": {
         "nanoid": "^3.3.7",
-        "picocolors": "^1.0.0",
+        "picocolors": "^1.0.1",
         "source-map-js": "^1.2.0"
       },
       "engines": {
@@ -7333,32 +7300,6 @@
         "node": ">= 0.8.0"
       }
     },
-    "node_modules/pretty-format": {
-      "version": "29.7.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-29.7.0.tgz",
-      "integrity": "sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==",
-      "dev": true,
-      "dependencies": {
-        "@jest/schemas": "^29.6.3",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^18.0.0"
-      },
-      "engines": {
-        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
-      }
-    },
-    "node_modules/pretty-format/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
     "node_modules/process": {
       "version": "0.11.10",
       "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
@@ -7511,12 +7452,6 @@
         "destr": "^2.0.3"
       }
     },
-    "node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
-      "dev": true
-    },
     "node_modules/readable-stream": {
       "version": "2.3.8",
       "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
@@ -7687,9 +7622,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "4.18.0",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.18.0.tgz",
-      "integrity": "sha512-QmJz14PX3rzbJCN1SG4Xe/bAAX2a6NpCP8ab2vfu2GiUr8AQcr2nCV/oEO3yneFarB67zk8ShlIyWb2LGTb3Sg==",
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.21.2.tgz",
+      "integrity": "sha512-e3TapAgYf9xjdLvKQCkQTnbTKd4a6jwlpQSJJFokHGaX2IVjoEqkIIhiQfqsi0cdwlOD+tQGuOd5AJkc5RngBw==",
       "devOptional": true,
       "dependencies": {
         "@types/estree": "1.0.5"
@@ -7702,22 +7637,22 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.18.0",
-        "@rollup/rollup-android-arm64": "4.18.0",
-        "@rollup/rollup-darwin-arm64": "4.18.0",
-        "@rollup/rollup-darwin-x64": "4.18.0",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.18.0",
-        "@rollup/rollup-linux-arm-musleabihf": "4.18.0",
-        "@rollup/rollup-linux-arm64-gnu": "4.18.0",
-        "@rollup/rollup-linux-arm64-musl": "4.18.0",
-        "@rollup/rollup-linux-powerpc64le-gnu": "4.18.0",
-        "@rollup/rollup-linux-riscv64-gnu": "4.18.0",
-        "@rollup/rollup-linux-s390x-gnu": "4.18.0",
-        "@rollup/rollup-linux-x64-gnu": "4.18.0",
-        "@rollup/rollup-linux-x64-musl": "4.18.0",
-        "@rollup/rollup-win32-arm64-msvc": "4.18.0",
-        "@rollup/rollup-win32-ia32-msvc": "4.18.0",
-        "@rollup/rollup-win32-x64-msvc": "4.18.0",
+        "@rollup/rollup-android-arm-eabi": "4.21.2",
+        "@rollup/rollup-android-arm64": "4.21.2",
+        "@rollup/rollup-darwin-arm64": "4.21.2",
+        "@rollup/rollup-darwin-x64": "4.21.2",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.21.2",
+        "@rollup/rollup-linux-arm-musleabihf": "4.21.2",
+        "@rollup/rollup-linux-arm64-gnu": "4.21.2",
+        "@rollup/rollup-linux-arm64-musl": "4.21.2",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.21.2",
+        "@rollup/rollup-linux-riscv64-gnu": "4.21.2",
+        "@rollup/rollup-linux-s390x-gnu": "4.21.2",
+        "@rollup/rollup-linux-x64-gnu": "4.21.2",
+        "@rollup/rollup-linux-x64-musl": "4.21.2",
+        "@rollup/rollup-win32-arm64-msvc": "4.21.2",
+        "@rollup/rollup-win32-ia32-msvc": "4.21.2",
+        "@rollup/rollup-win32-x64-msvc": "4.21.2",
         "fsevents": "~2.3.2"
       }
     },
@@ -8846,35 +8781,38 @@
       }
     },
     "node_modules/test-exclude": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
-      "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-7.0.1.tgz",
+      "integrity": "sha512-pFYqmTw68LXVjeWJMST4+borgQP2AyMNbg1BpZh9LbyhUeNkeaPF9gzfPGUAnSMV3qPYdWUwDIjjCLiSDOl7vg==",
       "dev": true,
       "dependencies": {
         "@istanbuljs/schema": "^0.1.2",
-        "glob": "^7.1.4",
-        "minimatch": "^3.0.4"
+        "glob": "^10.4.1",
+        "minimatch": "^9.0.4"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=18"
+      }
+    },
+    "node_modules/test-exclude/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
       }
     },
-    "node_modules/test-exclude/node_modules/glob": {
-      "version": "7.2.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "deprecated": "Glob versions prior to v9 are no longer supported",
+    "node_modules/test-exclude/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
       "dev": true,
       "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.1.1",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
+        "brace-expansion": "^2.0.1"
       },
       "engines": {
-        "node": "*"
+        "node": ">=16 || 14 >=14.17"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
@@ -8899,24 +8837,33 @@
       }
     },
     "node_modules/tinybench": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.8.0.tgz",
-      "integrity": "sha512-1/eK7zUnIklz4JUUlL+658n58XO2hHLQfSk1Zf2LKieUjxidN16eKFEoDEfjHc3ohofSSqK3X5yO6VGb6iW8Lw==",
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-2.9.0.tgz",
+      "integrity": "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==",
       "dev": true
     },
     "node_modules/tinypool": {
-      "version": "0.9.0",
-      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.9.0.tgz",
-      "integrity": "sha512-/aMLccuigz3ZZV8pv/LvOVkOzOfcKkz0V2d5JfHhXUSlp0JJ8h2lAjveUZFTKqII9L4iJh4jod5bfZxx3mditw==",
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-1.0.1.tgz",
+      "integrity": "sha512-URZYihUbRPcGv95En+sz6MfghfIc2OJ1sv/RmhWZLouPY0/8Vo80viwPvg3dlaS9fuq7fQMEfgRRK7BBZThBEA==",
       "dev": true,
       "engines": {
         "node": "^18.0.0 || >=20.0.0"
       }
     },
+    "node_modules/tinyrainbow": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-1.2.0.tgz",
+      "integrity": "sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
     "node_modules/tinyspy": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-2.2.1.tgz",
-      "integrity": "sha512-KYad6Vy5VDWV4GH3fjpseMQ/XU2BhIYP7Vzd0LG44qRWm/Yt2WCOTicFdvmgo6gWaqooMQCawTtILVQJupKu7A==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-3.0.0.tgz",
+      "integrity": "sha512-q5nmENpTHgiPVd1cJDDc9cVoYN5x4vCvwT3FMilvKPKneCBZAxn2YWQjDF0UMcE9k0Cay1gBiDfTMU0g+mPMQA==",
       "dev": true,
       "engines": {
         "node": ">=14.0.0"
@@ -9044,12 +8991,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/tslib": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
-      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==",
-      "dev": true
-    },
     "node_modules/tty-browserify": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.1.tgz",
@@ -9481,14 +9422,14 @@
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
     "node_modules/vite": {
-      "version": "5.2.12",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.2.12.tgz",
-      "integrity": "sha512-/gC8GxzxMK5ntBwb48pR32GGhENnjtY30G4A0jemunsBkiEZFw60s8InGpN8gkhHEkjnRK1aSAxeQgwvFhUHAA==",
+      "version": "5.4.3",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.3.tgz",
+      "integrity": "sha512-IH+nl64eq9lJjFqU+/yrRnrHPVTlgy42/+IzbOdaFDVlyLgI/wDlf+FCobXLX1cT0X5+7LMyH1mIy2xJdLfo8Q==",
       "dev": true,
       "dependencies": {
-        "esbuild": "^0.20.1",
-        "postcss": "^8.4.38",
-        "rollup": "^4.13.0"
+        "esbuild": "^0.21.3",
+        "postcss": "^8.4.43",
+        "rollup": "^4.20.0"
       },
       "bin": {
         "vite": "bin/vite.js"
@@ -9507,6 +9448,7 @@
         "less": "*",
         "lightningcss": "^1.21.0",
         "sass": "*",
+        "sass-embedded": "*",
         "stylus": "*",
         "sugarss": "*",
         "terser": "^5.4.0"
@@ -9524,6 +9466,9 @@
         "sass": {
           "optional": true
         },
+        "sass-embedded": {
+          "optional": true
+        },
         "stylus": {
           "optional": true
         },
@@ -9536,15 +9481,15 @@
       }
     },
     "node_modules/vite-node": {
-      "version": "2.0.0-beta.3",
-      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-2.0.0-beta.3.tgz",
-      "integrity": "sha512-oOO88OkozvBCyy640b4JFo+g1FAPcYrJcC7JgcuJD3SlgAnGrhD9CvE2ujiG6pxgeSL5U/9wWshGVbBuWsVjxg==",
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-2.0.5.tgz",
+      "integrity": "sha512-LdsW4pxj0Ot69FAoXZ1yTnA9bjGohr2yNBU7QKRxpz8ITSkhuDl6h3zS/tvgz4qrNjeRnvrWeXQ8ZF7Um4W00Q==",
       "dev": true,
       "dependencies": {
         "cac": "^6.7.14",
-        "debug": "^4.3.4",
+        "debug": "^4.3.5",
         "pathe": "^1.1.2",
-        "picocolors": "^1.0.0",
+        "tinyrainbow": "^1.2.0",
         "vite": "^5.0.0"
       },
       "bin": {
@@ -9589,28 +9534,30 @@
       }
     },
     "node_modules/vitest": {
-      "version": "2.0.0-beta.3",
-      "resolved": "https://registry.npmjs.org/vitest/-/vitest-2.0.0-beta.3.tgz",
-      "integrity": "sha512-ItxDOo9yzTy4A+BQoUDlegpIbFb4c/KuALBoHogvhBwHkTZwkPVHGkJRsNB4Kj1yvuwV+Mnhdh+PB9TLSN/t4Q==",
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-2.0.5.tgz",
+      "integrity": "sha512-8GUxONfauuIdeSl5f9GTgVEpg5BTOlplET4WEDaeY2QBiN8wSm68vxN/tb5z405OwppfoCavnwXafiaYBC/xOA==",
       "dev": true,
       "dependencies": {
-        "@vitest/expect": "2.0.0-beta.3",
-        "@vitest/runner": "2.0.0-beta.3",
-        "@vitest/snapshot": "2.0.0-beta.3",
-        "@vitest/spy": "2.0.0-beta.3",
-        "@vitest/utils": "2.0.0-beta.3",
+        "@ampproject/remapping": "^2.3.0",
+        "@vitest/expect": "2.0.5",
+        "@vitest/pretty-format": "^2.0.5",
+        "@vitest/runner": "2.0.5",
+        "@vitest/snapshot": "2.0.5",
+        "@vitest/spy": "2.0.5",
+        "@vitest/utils": "2.0.5",
         "chai": "^5.1.1",
-        "debug": "^4.3.4",
+        "debug": "^4.3.5",
         "execa": "^8.0.1",
         "magic-string": "^0.30.10",
         "pathe": "^1.1.2",
-        "picocolors": "^1.0.0",
         "std-env": "^3.7.0",
         "tinybench": "^2.8.0",
-        "tinypool": "^0.9.0",
+        "tinypool": "^1.0.0",
+        "tinyrainbow": "^1.2.0",
         "vite": "^5.0.0",
-        "vite-node": "2.0.0-beta.3",
-        "why-is-node-running": "^2.2.2"
+        "vite-node": "2.0.5",
+        "why-is-node-running": "^2.3.0"
       },
       "bin": {
         "vitest": "vitest.mjs"
@@ -9624,8 +9571,8 @@
       "peerDependencies": {
         "@edge-runtime/vm": "*",
         "@types/node": "^18.0.0 || >=20.0.0",
-        "@vitest/browser": "2.0.0-beta.3",
-        "@vitest/ui": "2.0.0-beta.3",
+        "@vitest/browser": "2.0.5",
+        "@vitest/ui": "2.0.5",
         "happy-dom": "*",
         "jsdom": "*"
       },
@@ -9657,15 +9604,15 @@
       "dev": true
     },
     "node_modules/vue": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.27.tgz",
-      "integrity": "sha512-8s/56uK6r01r1icG/aEOHqyMVxd1bkYcSe9j8HcKtr/xTOFWvnzIVTehNW+5Yt89f+DLBe4A569pnZLS5HzAMA==",
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.1.tgz",
+      "integrity": "sha512-k4UNnbPOEskodSxMtv+B9GljdB0C9ubZDOmW6vnXVGIfMqmEsY2+ohasjGguhGkMkrcP/oOrbH0dSD41x5JQFw==",
       "dependencies": {
-        "@vue/compiler-dom": "3.4.27",
-        "@vue/compiler-sfc": "3.4.27",
-        "@vue/runtime-dom": "3.4.27",
-        "@vue/server-renderer": "3.4.27",
-        "@vue/shared": "3.4.27"
+        "@vue/compiler-dom": "3.5.1",
+        "@vue/compiler-sfc": "3.5.1",
+        "@vue/runtime-dom": "3.5.1",
+        "@vue/server-renderer": "3.5.1",
+        "@vue/shared": "3.5.1"
       },
       "peerDependencies": {
         "typescript": "*"
@@ -9974,9 +9921,9 @@
       }
     },
     "node_modules/why-is-node-running": {
-      "version": "2.2.2",
-      "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.2.2.tgz",
-      "integrity": "sha512-6tSwToZxTOcotxHeA+qGCq1mVzKR3CwcJGmVcY+QE8SHy6TnpFnh8PAvPNHYr7EcuVeG0QSMxtYCuO1ta/G/oA==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/why-is-node-running/-/why-is-node-running-2.3.0.tgz",
+      "integrity": "sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==",
       "dev": true,
       "dependencies": {
         "siginfo": "^2.0.0",
diff --git a/package.json b/package.json
index 5773176d..7309e021 100644
--- a/package.json
+++ b/package.json
@@ -11,37 +11,36 @@
   },
   "type": "module",
   "dependencies": {
-    "@vue/compat": "^3.4.27",
+    "@vue/compat": "^3.5.1",
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
-    "@vueuse/core": "^10.10.0",
+    "@vueuse/core": "^11.0.3",
     "@webitel/ui-sdk": "^24.10.1",
-    "axios": "^1.7.2",
+    "axios": "^1.7.7",
     "deep-equal": "^2.2.1",
     "dompurify": "^3.1.2",
     "linkify-html": "^4.1.3",
     "linkifyjs": "^4.1.3",
     "lodash": "^4.17.21",
     "markdown-it": "^14.1.0",
-    "vue": "^3.4.27",
+    "vue": "^3.5.1",
     "vue-i18n": "^9.13.1",
     "vue-router": "^4.3.2",
     "vuex": "^4.1.0",
     "webitel-sdk": "^24.4.16"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "5.0.4",
-    "@vitest/coverage-v8": "^2.0.0-beta.3",
+    "@vitejs/plugin-vue": "5.1.3",
+    "@vitest/coverage-v8": "^2.0.5",
     "@vue/test-utils": "^2.4.6",
     "deep-copy": "^1.4.2",
     "eslint": "^9.3.0",
     "eslint-plugin-vue": "^9.26.0",
-    "happy-dom": "^14.11.1",
+    "happy-dom": "^15.7.3",
     "sass": "^1.77.2",
-    "tslib": "^2.6.2",
-    "vite": "^5.2.11",
+    "vite": "^5.4.3",
     "vite-plugin-node-polyfills": "^0.22.0",
     "vite-plugin-svg-sprite": "^0.5.2",
-    "vitest": "^2.0.0-beta.3"
+    "vitest": "^2.0.5"
   }
 }
diff --git a/vite.config.js b/vite.config.js
index 0bdec429..e2cfdcba 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -56,6 +56,11 @@ export default ({ mode }) => {
       alias: {
         vue: 'vue',
       },
+      server: {
+        deps: {
+          inline: ['@webitel/ui-sdk'],
+        },
+      },
       coverage: {
         enabled: true,
         reporter: 'json',
diff --git a/vite.config.js.timestamp-1723576858370-a3c09f7b4cb88.mjs b/vite.config.js.timestamp-1723576858370-a3c09f7b4cb88.mjs
new file mode 100644
index 00000000..e69de29b

From 4277f11579c5e089bd553869e724f6508c012750 Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Thu, 5 Sep 2024 14:34:59 +0300
Subject: [PATCH 24/25] fix: timeline filters [WTEL-4930]

---
 package-lock.json                                 | 15 +++++++++++----
 package.json                                      |  3 ++-
 .../timeline/modules/filters/store/filters.js     |  1 +
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index f0a7b69c..6cf3d181 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "@vuelidate/core": "^2.0.3",
         "@vuelidate/validators": "^2.0.4",
         "@vueuse/core": "^11.0.3",
-        "@webitel/ui-sdk": "^24.10.1",
+        "@webitel/ui-sdk": "^24.10.3",
         "axios": "^1.7.7",
         "deep-equal": "^2.2.1",
         "dompurify": "^3.1.2",
@@ -35,6 +35,7 @@
         "eslint-plugin-vue": "^9.26.0",
         "happy-dom": "^15.7.3",
         "sass": "^1.77.2",
+        "tslib": "^2.7.0",
         "vite": "^5.4.3",
         "vite-plugin-node-polyfills": "^0.22.0",
         "vite-plugin-svg-sprite": "^0.5.2",
@@ -2066,9 +2067,9 @@
       }
     },
     "node_modules/@webitel/ui-sdk": {
-      "version": "24.10.1",
-      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.10.1.tgz",
-      "integrity": "sha512-2x0WZb4SjMV//tWGuADbOtLR/J+dsLre7X1EHFlnQlFMqqhq70CA9XyPXMEfQslA2Lyty/EDVRy0uujget8+Tg==",
+      "version": "24.10.3",
+      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.10.3.tgz",
+      "integrity": "sha512-itW6wIWD/jIFDgUeajP9eoiKOzS97n4vJIfMODi7B+VcfIsnpjimbSg7j9JYW5K4RzIzOe7o3oOBT1QCoH1J5w==",
       "dependencies": {
         "@floating-ui/vue": "^1.0.1",
         "@morev/vue-transitions": "^3.0.2",
@@ -8991,6 +8992,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/tslib": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.7.0.tgz",
+      "integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==",
+      "dev": true
+    },
     "node_modules/tty-browserify": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.1.tgz",
diff --git a/package.json b/package.json
index 7309e021..8f21ffa8 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^11.0.3",
-    "@webitel/ui-sdk": "^24.10.1",
+    "@webitel/ui-sdk": "^24.10.3",
     "axios": "^1.7.7",
     "deep-equal": "^2.2.1",
     "dompurify": "^3.1.2",
@@ -38,6 +38,7 @@
     "eslint-plugin-vue": "^9.26.0",
     "happy-dom": "^15.7.3",
     "sass": "^1.77.2",
+    "tslib": "^2.7.0",
     "vite": "^5.4.3",
     "vite-plugin-node-polyfills": "^0.22.0",
     "vite-plugin-svg-sprite": "^0.5.2",
diff --git a/src/modules/contacts/modules/timeline/modules/filters/store/filters.js b/src/modules/contacts/modules/timeline/modules/filters/store/filters.js
index 017bef5b..20da3bd6 100644
--- a/src/modules/contacts/modules/timeline/modules/filters/store/filters.js
+++ b/src/modules/contacts/modules/timeline/modules/filters/store/filters.js
@@ -8,6 +8,7 @@ const filters = new FiltersStoreModule()
     name: 'type',
     value: [WebitelContactsTimelineEventType.Call, WebitelContactsTimelineEventType.Chat, WebitelContactsTimelineEventType.Email],
     defaultValue: [WebitelContactsTimelineEventType.Call, WebitelContactsTimelineEventType.Chat, WebitelContactsTimelineEventType.Email],
+    multiple: true,
   },
 ])
 .getModule();

From ed51283db35a66242d47d96dafd3125659f739bf Mon Sep 17 00:00:00 2001
From: Lera24 <bedulinavalera21@gmail.com>
Date: Tue, 10 Sep 2024 15:00:59 +0300
Subject: [PATCH 25/25] feature: change api from webitel/ui-sdk[WTEL-4776]

---
 package-lock.json                             | 575 +++++++++---------
 package.json                                  |   2 +-
 src/modules/contacts/api/ContactsAPI.js       | 203 +------
 .../contacts/components/the-contacts.vue      |  20 +-
 .../modules/filters/enums/SearchMode.enum.js  |   9 -
 .../contacts/modules/filters/store/filters.js |  13 +-
 6 files changed, 297 insertions(+), 525 deletions(-)
 delete mode 100644 src/modules/contacts/modules/filters/enums/SearchMode.enum.js

diff --git a/package-lock.json b/package-lock.json
index 6cf3d181..bc934d1a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
         "@vuelidate/core": "^2.0.3",
         "@vuelidate/validators": "^2.0.4",
         "@vueuse/core": "^11.0.3",
-        "@webitel/ui-sdk": "^24.10.3",
+        "@webitel/ui-sdk": "^24.10.5",
         "axios": "^1.7.7",
         "deep-equal": "^2.2.1",
         "dompurify": "^3.1.2",
@@ -55,11 +55,11 @@
       }
     },
     "node_modules/@babel/code-frame": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.6.tgz",
-      "integrity": "sha512-ZJhac6FkEd1yhG2AHOmfcXG4ceoLltoCVJjN5XsWN9BifBQr+cHJbWi0h68HZuSORq+3WtJ2z0hwF2NG1b5kcA==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.7.tgz",
+      "integrity": "sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==",
       "dependencies": {
-        "@babel/highlight": "^7.24.6",
+        "@babel/highlight": "^7.24.7",
         "picocolors": "^1.0.0"
       },
       "engines": {
@@ -67,28 +67,28 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.24.6.tgz",
-      "integrity": "sha512-aC2DGhBq5eEdyXWqrDInSqQjO0k8xtPRf5YylULqx8MCd6jBtzqfta/3ETMRpuKIc5hyswfO80ObyA1MvkCcUQ==",
+      "version": "7.25.4",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.25.4.tgz",
+      "integrity": "sha512-+LGRog6RAsCJrrrg/IO6LGmpphNe5DiK30dGjCoxxeGv49B10/3XYGxPsAwrDlMFcFEvdAUavDT8r9k/hSyQqQ==",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.24.6.tgz",
-      "integrity": "sha512-qAHSfAdVyFmIvl0VHELib8xar7ONuSHrE2hLnsaWkYNTI68dmi1x8GYDhJjMI/e7XWal9QBlZkwbOnkcw7Z8gQ==",
+      "version": "7.25.2",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.25.2.tgz",
+      "integrity": "sha512-BBt3opiCOxUr9euZ5/ro/Xv8/V7yJ5bjYMqG/C1YAo8MIKAnumZalCN+msbci3Pigy4lIQfPUpfMM27HMGaYEA==",
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.24.6",
-        "@babel/generator": "^7.24.6",
-        "@babel/helper-compilation-targets": "^7.24.6",
-        "@babel/helper-module-transforms": "^7.24.6",
-        "@babel/helpers": "^7.24.6",
-        "@babel/parser": "^7.24.6",
-        "@babel/template": "^7.24.6",
-        "@babel/traverse": "^7.24.6",
-        "@babel/types": "^7.24.6",
+        "@babel/code-frame": "^7.24.7",
+        "@babel/generator": "^7.25.0",
+        "@babel/helper-compilation-targets": "^7.25.2",
+        "@babel/helper-module-transforms": "^7.25.2",
+        "@babel/helpers": "^7.25.0",
+        "@babel/parser": "^7.25.0",
+        "@babel/template": "^7.25.0",
+        "@babel/traverse": "^7.25.2",
+        "@babel/types": "^7.25.2",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -112,11 +112,11 @@
       }
     },
     "node_modules/@babel/generator": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.24.6.tgz",
-      "integrity": "sha512-S7m4eNa6YAPJRHmKsLHIDJhNAGNKoWNiWefz1MBbpnt8g9lvMDl1hir4P9bo/57bQEmuwEhnRU/AMWsD0G/Fbg==",
+      "version": "7.25.6",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.25.6.tgz",
+      "integrity": "sha512-VPC82gr1seXOpkjAAKoLhP50vx4vGNlF4msF64dSFq1P8RfB+QAuJWGHPXXPc8QyfVWwwB/TNNU4+ayZmHNbZw==",
       "dependencies": {
-        "@babel/types": "^7.24.6",
+        "@babel/types": "^7.25.6",
         "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.25",
         "jsesc": "^2.5.1"
@@ -126,13 +126,13 @@
       }
     },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.24.6.tgz",
-      "integrity": "sha512-VZQ57UsDGlX/5fFA7GkVPplZhHsVc+vuErWgdOiysI9Ksnw0Pbbd6pnPiR/mmJyKHgyIW0c7KT32gmhiF+cirg==",
+      "version": "7.25.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.2.tgz",
+      "integrity": "sha512-U2U5LsSaZ7TAt3cfaymQ8WHh0pxvdHoEk6HVpaexxixjyEquMh0L0YNJNM6CTGKMXV1iksi0iZkGw4AcFkPaaw==",
       "dependencies": {
-        "@babel/compat-data": "^7.24.6",
-        "@babel/helper-validator-option": "^7.24.6",
-        "browserslist": "^4.22.2",
+        "@babel/compat-data": "^7.25.2",
+        "@babel/helper-validator-option": "^7.24.8",
+        "browserslist": "^4.23.1",
         "lru-cache": "^5.1.1",
         "semver": "^6.3.1"
       },
@@ -161,58 +161,27 @@
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
       "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="
     },
-    "node_modules/@babel/helper-environment-visitor": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.24.6.tgz",
-      "integrity": "sha512-Y50Cg3k0LKLMjxdPjIl40SdJgMB85iXn27Vk/qbHZCFx/o5XO3PSnpi675h1KEmmDb6OFArfd5SCQEQ5Q4H88g==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-function-name": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.24.6.tgz",
-      "integrity": "sha512-xpeLqeeRkbxhnYimfr2PC+iA0Q7ljX/d1eZ9/inYbmfG2jpl8Lu3DyXvpOAnrS5kxkfOWJjioIMQsaMBXFI05w==",
-      "dependencies": {
-        "@babel/template": "^7.24.6",
-        "@babel/types": "^7.24.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-hoist-variables": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-hoist-variables/-/helper-hoist-variables-7.24.6.tgz",
-      "integrity": "sha512-SF/EMrC3OD7dSta1bLJIlrsVxwtd0UpjRJqLno6125epQMJ/kyFmpTT4pbvPbdQHzCHg+biQ7Syo8lnDtbR+uA==",
-      "dependencies": {
-        "@babel/types": "^7.24.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-module-imports": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.24.6.tgz",
-      "integrity": "sha512-a26dmxFJBF62rRO9mmpgrfTLsAuyHk4e1hKTUkD/fcMfynt8gvEKwQPQDVxWhca8dHoDck+55DFt42zV0QMw5g==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.24.7.tgz",
+      "integrity": "sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==",
       "dependencies": {
-        "@babel/types": "^7.24.6"
+        "@babel/traverse": "^7.24.7",
+        "@babel/types": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helper-module-transforms": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.24.6.tgz",
-      "integrity": "sha512-Y/YMPm83mV2HJTbX1Qh2sjgjqcacvOlhbzdCCsSlblOKjSYmQqEbO6rUniWQyRo9ncyfjT8hnUjlG06RXDEmcA==",
+      "version": "7.25.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.25.2.tgz",
+      "integrity": "sha512-BjyRAbix6j/wv83ftcVJmBt72QtHI56C7JXZoG2xATiLpmoC7dpd8WnkikExHDVPpi/3qCmO6WY1EaXOluiecQ==",
       "dependencies": {
-        "@babel/helper-environment-visitor": "^7.24.6",
-        "@babel/helper-module-imports": "^7.24.6",
-        "@babel/helper-simple-access": "^7.24.6",
-        "@babel/helper-split-export-declaration": "^7.24.6",
-        "@babel/helper-validator-identifier": "^7.24.6"
+        "@babel/helper-module-imports": "^7.24.7",
+        "@babel/helper-simple-access": "^7.24.7",
+        "@babel/helper-validator-identifier": "^7.24.7",
+        "@babel/traverse": "^7.25.2"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -222,22 +191,12 @@
       }
     },
     "node_modules/@babel/helper-simple-access": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.24.6.tgz",
-      "integrity": "sha512-nZzcMMD4ZhmB35MOOzQuiGO5RzL6tJbsT37Zx8M5L/i9KSrukGXWTjLe1knIbb/RmxoJE9GON9soq0c0VEMM5g==",
-      "dependencies": {
-        "@babel/types": "^7.24.6"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-split-export-declaration": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.6.tgz",
-      "integrity": "sha512-CvLSkwXGWnYlF9+J3iZUvwgAxKiYzK3BWuo+mLzD/MDGOZDj7Gq8+hqaOkMxmJwmlv0iu86uH5fdADd9Hxkymw==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.24.7.tgz",
+      "integrity": "sha512-zBAIvbCMh5Ts+b86r/CjU+4XGYIs+R1j951gxI3KmmxBMhCg4oQMsv6ZXQ64XOm/cvzfU1FmoCyt6+owc5QMYg==",
       "dependencies": {
-        "@babel/types": "^7.24.6"
+        "@babel/traverse": "^7.24.7",
+        "@babel/types": "^7.24.7"
       },
       "engines": {
         "node": ">=6.9.0"
@@ -260,31 +219,31 @@
       }
     },
     "node_modules/@babel/helper-validator-option": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.24.6.tgz",
-      "integrity": "sha512-Jktc8KkF3zIkePb48QO+IapbXlSapOW9S+ogZZkcO6bABgYAxtZcjZ/O005111YLf+j4M84uEgwYoidDkXbCkQ==",
+      "version": "7.24.8",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.24.8.tgz",
+      "integrity": "sha512-xb8t9tD1MHLungh/AIoWYN+gVHaB9kwlu8gffXGSt3FFEIT7RjS+xWbc2vUD1UTZdIpKj/ab3rdqJ7ufngyi2Q==",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.24.6.tgz",
-      "integrity": "sha512-V2PI+NqnyFu1i0GyTd/O/cTpxzQCYioSkUIRmgo7gFEHKKCg5w46+r/A6WeUR1+P3TeQ49dspGPNd/E3n9AnnA==",
+      "version": "7.25.6",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.25.6.tgz",
+      "integrity": "sha512-Xg0tn4HcfTijTwfDwYlvVCl43V6h4KyVVX2aEm4qdO/PC6L2YvzLHFdmxhoeSA3eslcE6+ZVXHgWwopXYLNq4Q==",
       "dependencies": {
-        "@babel/template": "^7.24.6",
-        "@babel/types": "^7.24.6"
+        "@babel/template": "^7.25.0",
+        "@babel/types": "^7.25.6"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/highlight": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.6.tgz",
-      "integrity": "sha512-2YnuOp4HAk2BsBrJJvYCbItHx0zWscI1C3zgWkz+wDyD9I7GIVrfnLyrR4Y1VR+7p+chAEcrgRQYZAGIKMV7vQ==",
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.7.tgz",
+      "integrity": "sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==",
       "dependencies": {
-        "@babel/helper-validator-identifier": "^7.24.6",
+        "@babel/helper-validator-identifier": "^7.24.7",
         "chalk": "^2.4.2",
         "js-tokens": "^4.0.0",
         "picocolors": "^1.0.0"
@@ -377,9 +336,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.6.tgz",
-      "integrity": "sha512-Ja18XcETdEl5mzzACGd+DKgaGJzPTCow7EglgwTmHdwokzDFYh/MHua6lU6DV/hjF2IaOJ4oX2nqnjG7RElKOw==",
+      "version": "7.25.6",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.6.tgz",
+      "integrity": "sha512-VBj9MYyDb9tuLq7yzqjgzt6Q+IBQLrGZfdjOekyEirZPHxXWoTSGUTMrpsfi58Up73d13NfYLv8HT9vmznjzhQ==",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -388,39 +347,36 @@
       }
     },
     "node_modules/@babel/standalone": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/standalone/-/standalone-7.24.6.tgz",
-      "integrity": "sha512-ch8nbtobUPLvSLKdG2s8pVAqS1zUc+mt7UE9k8/xpupvETbAFOaoqo0QcpgVD/f0xkMkbUnqedVY5eeVWOqtjw==",
+      "version": "7.25.6",
+      "resolved": "https://registry.npmjs.org/@babel/standalone/-/standalone-7.25.6.tgz",
+      "integrity": "sha512-Kf2ZcZVqsKbtYhlA7sP0z5A3q5hmCVYMKMWRWNK/5OVwHIve3JY1djVRmIVAx8FMueLIfZGKQDIILK2w8zO4mg==",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/template": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.24.6.tgz",
-      "integrity": "sha512-3vgazJlLwNXi9jhrR1ef8qiB65L1RK90+lEQwv4OxveHnqC3BfmnHdgySwRLzf6akhlOYenT+b7AfWq+a//AHw==",
+      "version": "7.25.0",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.25.0.tgz",
+      "integrity": "sha512-aOOgh1/5XzKvg1jvVz7AVrx2piJ2XBi227DHmbY6y+bM9H2FlN+IfecYu4Xl0cNiiVejlsCri89LUsbj8vJD9Q==",
       "dependencies": {
-        "@babel/code-frame": "^7.24.6",
-        "@babel/parser": "^7.24.6",
-        "@babel/types": "^7.24.6"
+        "@babel/code-frame": "^7.24.7",
+        "@babel/parser": "^7.25.0",
+        "@babel/types": "^7.25.0"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/traverse": {
-      "version": "7.24.6",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.24.6.tgz",
-      "integrity": "sha512-OsNjaJwT9Zn8ozxcfoBc+RaHdj3gFmCmYoQLUII1o6ZrUwku0BMg80FoOTPx+Gi6XhcQxAYE4xyjPTo4SxEQqw==",
-      "dependencies": {
-        "@babel/code-frame": "^7.24.6",
-        "@babel/generator": "^7.24.6",
-        "@babel/helper-environment-visitor": "^7.24.6",
-        "@babel/helper-function-name": "^7.24.6",
-        "@babel/helper-hoist-variables": "^7.24.6",
-        "@babel/helper-split-export-declaration": "^7.24.6",
-        "@babel/parser": "^7.24.6",
-        "@babel/types": "^7.24.6",
+      "version": "7.25.6",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.25.6.tgz",
+      "integrity": "sha512-9Vrcx5ZW6UwK5tvqsj0nGpp/XzqthkT0dqIc9g1AdtygFToNtTF67XzYS//dm+SAK9cp3B9R4ZO/46p63SCjlQ==",
+      "dependencies": {
+        "@babel/code-frame": "^7.24.7",
+        "@babel/generator": "^7.25.6",
+        "@babel/parser": "^7.25.6",
+        "@babel/template": "^7.25.0",
+        "@babel/types": "^7.25.6",
         "debug": "^4.3.1",
         "globals": "^11.1.0"
       },
@@ -892,41 +848,41 @@
       }
     },
     "node_modules/@floating-ui/core": {
-      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.2.tgz",
-      "integrity": "sha512-+2XpQV9LLZeanU4ZevzRnGFg2neDeKHgFLjP6YLW+tly0IvrhqT4u8enLGjLH3qeh85g19xY5rsAusfwTdn5lg==",
+      "version": "1.6.7",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.7.tgz",
+      "integrity": "sha512-yDzVT/Lm101nQ5TCVeK65LtdN7Tj4Qpr9RTXJ2vPFLqtLxwOrpoxAHAJI8J3yYWUc40J0BDBheaitK5SJmno2g==",
       "dependencies": {
-        "@floating-ui/utils": "^0.2.0"
+        "@floating-ui/utils": "^0.2.7"
       }
     },
     "node_modules/@floating-ui/dom": {
-      "version": "1.6.5",
-      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.5.tgz",
-      "integrity": "sha512-Nsdud2X65Dz+1RHjAIP0t8z5e2ff/IRbei6BqFrl1urT8sDVzM1HMQ+R0XcU5ceRfyO3I6ayeqIfh+6Wb8LGTw==",
+      "version": "1.6.10",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.10.tgz",
+      "integrity": "sha512-fskgCFv8J8OamCmyun8MfjB1Olfn+uZKjOKZ0vhYF3gRmEUXcGOjxWL8bBr7i4kIuPZ2KD2S3EUIOxnjC8kl2A==",
       "dependencies": {
-        "@floating-ui/core": "^1.0.0",
-        "@floating-ui/utils": "^0.2.0"
+        "@floating-ui/core": "^1.6.0",
+        "@floating-ui/utils": "^0.2.7"
       }
     },
     "node_modules/@floating-ui/utils": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.2.tgz",
-      "integrity": "sha512-J4yDIIthosAsRZ5CPYP/jQvUAQtlZTTD/4suA08/FEnlxqW3sKS9iAhgsa9VYLZ6vDHn/ixJgIqRQPotoBjxIw=="
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.7.tgz",
+      "integrity": "sha512-X8R8Oj771YRl/w+c1HqAC1szL8zWQRwFvgDwT129k9ACdBoud/+/rX9V0qiMl6LWUdP9voC2nDVZYPMQQsb6eA=="
     },
     "node_modules/@floating-ui/vue": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/@floating-ui/vue/-/vue-1.0.6.tgz",
-      "integrity": "sha512-EdrOljjkpkkqZnrpqUcPoz9NvHxuTjUtSInh6GMv3+Mcy+giY2cE2pHh9rpacRcZ2eMSCxel9jWkWXTjLmY55w==",
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@floating-ui/vue/-/vue-1.1.4.tgz",
+      "integrity": "sha512-ammH7T3vyCx7pmm9OF19Wc42zrGnUw0QvLoidgypWsCLJMtGXEwY7paYIHO+K+oLC3mbWpzIHzeTVienYenlNg==",
       "dependencies": {
-        "@floating-ui/dom": "^1.6.1",
-        "@floating-ui/utils": "^0.2.1",
+        "@floating-ui/dom": "^1.0.0",
+        "@floating-ui/utils": "^0.2.7",
         "vue-demi": ">=0.13.0"
       }
     },
     "node_modules/@floating-ui/vue/node_modules/vue-demi": {
-      "version": "0.14.7",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.7.tgz",
-      "integrity": "sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==",
+      "version": "0.14.10",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
       "hasInstallScript": true,
       "bin": {
         "vue-demi-fix": "bin/vue-demi-fix.js",
@@ -1132,14 +1088,14 @@
       }
     },
     "node_modules/@morev/utils": {
-      "version": "3.10.0",
-      "resolved": "https://registry.npmjs.org/@morev/utils/-/utils-3.10.0.tgz",
-      "integrity": "sha512-u077GzZWxCQNoV5Y40FiBXKndiDj1o4TwtrtW9PTWHzDVSD1/W1C+2GJcNqKNFnDuj+RzW62YQGTJR74eUJHeg==",
+      "version": "3.11.1",
+      "resolved": "https://registry.npmjs.org/@morev/utils/-/utils-3.11.1.tgz",
+      "integrity": "sha512-BRcTAlQkkNgMvVMDGaJFsoeCs8vLokq/FRQXY8wHw/FvZftbbwdlhy/VrqPKOYL2Ni4vgfF8rgbXKV4ikAUAfg==",
       "dependencies": {
         "fast-copy": "^3.0.2",
         "fast-equals": "^5.0.1",
         "ohash": "^1.1.3",
-        "type-fest": "^4.15.0"
+        "type-fest": "^4.18.3"
       }
     },
     "node_modules/@morev/vue-transitions": {
@@ -1195,27 +1151,29 @@
       }
     },
     "node_modules/@nuxt/kit": {
-      "version": "3.11.2",
-      "resolved": "https://registry.npmjs.org/@nuxt/kit/-/kit-3.11.2.tgz",
-      "integrity": "sha512-yiYKP0ZWMW7T3TCmsv4H8+jEsB/nFriRAR8bKoSqSV9bkVYWPE36sf7JDux30dQ91jSlQG6LQkB3vCHYTS2cIg==",
+      "version": "3.13.1",
+      "resolved": "https://registry.npmjs.org/@nuxt/kit/-/kit-3.13.1.tgz",
+      "integrity": "sha512-FkUL349lp/3nVfTIyws4UDJ3d2jyv5Pk1DC1HQUCOkSloYYMdbRcQAUcb4fe2TCLNWvHM+FhU8jnzGTzjALZYA==",
       "dependencies": {
-        "@nuxt/schema": "3.11.2",
-        "c12": "^1.10.0",
+        "@nuxt/schema": "3.13.1",
+        "c12": "^1.11.2",
         "consola": "^3.2.3",
         "defu": "^6.1.4",
-        "globby": "^14.0.1",
+        "destr": "^2.0.3",
+        "globby": "^14.0.2",
         "hash-sum": "^2.0.0",
-        "ignore": "^5.3.1",
-        "jiti": "^1.21.0",
+        "ignore": "^5.3.2",
+        "jiti": "^1.21.6",
+        "klona": "^2.0.6",
         "knitwork": "^1.1.0",
-        "mlly": "^1.6.1",
+        "mlly": "^1.7.1",
         "pathe": "^1.1.2",
-        "pkg-types": "^1.0.3",
+        "pkg-types": "^1.2.0",
         "scule": "^1.3.0",
-        "semver": "^7.6.0",
-        "ufo": "^1.5.3",
+        "semver": "^7.6.3",
+        "ufo": "^1.5.4",
         "unctx": "^2.3.1",
-        "unimport": "^3.7.1",
+        "unimport": "^3.11.1",
         "untyped": "^1.4.2"
       },
       "engines": {
@@ -1223,31 +1181,27 @@
       }
     },
     "node_modules/@nuxt/schema": {
-      "version": "3.11.2",
-      "resolved": "https://registry.npmjs.org/@nuxt/schema/-/schema-3.11.2.tgz",
-      "integrity": "sha512-Z0bx7N08itD5edtpkstImLctWMNvxTArsKXzS35ZuqyAyKBPcRjO1CU01slH0ahO30Gg9kbck3/RKNZPwfOjJg==",
+      "version": "3.13.1",
+      "resolved": "https://registry.npmjs.org/@nuxt/schema/-/schema-3.13.1.tgz",
+      "integrity": "sha512-ishbhzVGspjshG9AG0hYnKYY6LWXzCtua7OXV7C/DQ2yA7rRcy1xHpzKZUDbIRyxCHHCAcBd8jfHEUmEuhEPrA==",
       "dependencies": {
-        "@nuxt/ui-templates": "^1.3.2",
+        "compatx": "^0.1.8",
         "consola": "^3.2.3",
         "defu": "^6.1.4",
         "hookable": "^5.5.3",
         "pathe": "^1.1.2",
-        "pkg-types": "^1.0.3",
+        "pkg-types": "^1.2.0",
         "scule": "^1.3.0",
         "std-env": "^3.7.0",
-        "ufo": "^1.5.3",
-        "unimport": "^3.7.1",
+        "ufo": "^1.5.4",
+        "uncrypto": "^0.1.3",
+        "unimport": "^3.11.1",
         "untyped": "^1.4.2"
       },
       "engines": {
         "node": "^14.18.0 || >=16.10.0"
       }
     },
-    "node_modules/@nuxt/ui-templates": {
-      "version": "1.3.4",
-      "resolved": "https://registry.npmjs.org/@nuxt/ui-templates/-/ui-templates-1.3.4.tgz",
-      "integrity": "sha512-zjuslnkj5zboZGis5QpmR5gvRTx5N8Ha/Rll+RRT8YZhXVNBincifhZ9apUQ9f6T0xJE8IHPyVyPx6WokomdYw=="
-    },
     "node_modules/@one-ini/wasm": {
       "version": "0.1.1",
       "resolved": "https://registry.npmjs.org/@one-ini/wasm/-/wasm-0.1.1.tgz",
@@ -1916,41 +1870,41 @@
       }
     },
     "node_modules/@vueuse/components": {
-      "version": "10.10.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/components/-/components-10.10.0.tgz",
-      "integrity": "sha512-HiA10NQ9HJAGnju+8ZK4TyA8LIc0a6BnJmVWDa/k+TRhaYCVacSDU04k0BQ2otV+gghUDdwu98upf6TDRXpoeg==",
+      "version": "10.11.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/components/-/components-10.11.1.tgz",
+      "integrity": "sha512-ThcreQCX/eq61sLkLKjigD4PQvs3Wy4zglICvQH9tP6xl87y5KsQEoizn6OI+R3hrOgwQHLJe7Y0wLLh3fBKcg==",
       "dependencies": {
-        "@vueuse/core": "10.10.0",
-        "@vueuse/shared": "10.10.0",
-        "vue-demi": ">=0.14.7"
+        "@vueuse/core": "10.11.1",
+        "@vueuse/shared": "10.11.1",
+        "vue-demi": ">=0.14.8"
       }
     },
     "node_modules/@vueuse/components/node_modules/@vueuse/core": {
-      "version": "10.10.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.10.0.tgz",
-      "integrity": "sha512-vexJ/YXYs2S42B783rI95lMt3GzEwkxzC8Hb0Ndpd8rD+p+Lk/Za4bd797Ym7yq4jXqdSyj3JLChunF/vyYjUw==",
+      "version": "10.11.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.11.1.tgz",
+      "integrity": "sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==",
       "dependencies": {
         "@types/web-bluetooth": "^0.0.20",
-        "@vueuse/metadata": "10.10.0",
-        "@vueuse/shared": "10.10.0",
-        "vue-demi": ">=0.14.7"
+        "@vueuse/metadata": "10.11.1",
+        "@vueuse/shared": "10.11.1",
+        "vue-demi": ">=0.14.8"
       },
       "funding": {
         "url": "https://github.com/sponsors/antfu"
       }
     },
     "node_modules/@vueuse/components/node_modules/@vueuse/metadata": {
-      "version": "10.10.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.10.0.tgz",
-      "integrity": "sha512-UNAo2sTCAW5ge6OErPEHb5z7NEAg3XcO9Cj7OK45aZXfLLH1QkexDcZD77HBi5zvEiLOm1An+p/4b5K3Worpug==",
+      "version": "10.11.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.11.1.tgz",
+      "integrity": "sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==",
       "funding": {
         "url": "https://github.com/sponsors/antfu"
       }
     },
     "node_modules/@vueuse/components/node_modules/vue-demi": {
-      "version": "0.14.7",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.7.tgz",
-      "integrity": "sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==",
+      "version": "0.14.10",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
       "hasInstallScript": true,
       "bin": {
         "vue-demi-fix": "bin/vue-demi-fix.js",
@@ -2031,20 +1985,20 @@
       }
     },
     "node_modules/@vueuse/shared": {
-      "version": "10.10.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.10.0.tgz",
-      "integrity": "sha512-2aW33Ac0Uk0U+9yo3Ypg9s5KcR42cuehRWl7vnUHadQyFvCktseyxxEPBi1Eiq4D2yBGACOnqLZpx1eMc7g5Og==",
+      "version": "10.11.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.11.1.tgz",
+      "integrity": "sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==",
       "dependencies": {
-        "vue-demi": ">=0.14.7"
+        "vue-demi": ">=0.14.8"
       },
       "funding": {
         "url": "https://github.com/sponsors/antfu"
       }
     },
     "node_modules/@vueuse/shared/node_modules/vue-demi": {
-      "version": "0.14.7",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.7.tgz",
-      "integrity": "sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==",
+      "version": "0.14.10",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
       "hasInstallScript": true,
       "bin": {
         "vue-demi-fix": "bin/vue-demi-fix.js",
@@ -2067,9 +2021,9 @@
       }
     },
     "node_modules/@webitel/ui-sdk": {
-      "version": "24.10.3",
-      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.10.3.tgz",
-      "integrity": "sha512-itW6wIWD/jIFDgUeajP9eoiKOzS97n4vJIfMODi7B+VcfIsnpjimbSg7j9JYW5K4RzIzOe7o3oOBT1QCoH1J5w==",
+      "version": "24.10.5",
+      "resolved": "https://registry.npmjs.org/@webitel/ui-sdk/-/ui-sdk-24.10.5.tgz",
+      "integrity": "sha512-T6RKu3rWmFRHQfTlb+l33PEUUG8KYCIo7P8rCKh1mStD5e0muRRe3Qf94o8Hgkhlq8EZduiKAHBm5q2p2Jna3A==",
       "dependencies": {
         "@floating-ui/vue": "^1.0.1",
         "@morev/vue-transitions": "^3.0.2",
@@ -2111,9 +2065,9 @@
       }
     },
     "node_modules/acorn": {
-      "version": "8.11.3",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
-      "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
+      "version": "8.12.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
+      "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -2587,9 +2541,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.23.0",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz",
-      "integrity": "sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==",
+      "version": "4.23.3",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.3.tgz",
+      "integrity": "sha512-btwCFJVjI4YWDNfau8RhZ+B1Q/VLoUITrm3RlP6y1tYGWIOa+InuYiRGXUBXo8nA1qKmHMyLB/iVQg5TT4eFoA==",
       "funding": [
         {
           "type": "opencollective",
@@ -2605,10 +2559,10 @@
         }
       ],
       "dependencies": {
-        "caniuse-lite": "^1.0.30001587",
-        "electron-to-chromium": "^1.4.668",
-        "node-releases": "^2.0.14",
-        "update-browserslist-db": "^1.0.13"
+        "caniuse-lite": "^1.0.30001646",
+        "electron-to-chromium": "^1.5.4",
+        "node-releases": "^2.0.18",
+        "update-browserslist-db": "^1.1.0"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -2654,22 +2608,30 @@
       "dev": true
     },
     "node_modules/c12": {
-      "version": "1.10.0",
-      "resolved": "https://registry.npmjs.org/c12/-/c12-1.10.0.tgz",
-      "integrity": "sha512-0SsG7UDhoRWcuSvKWHaXmu5uNjDCDN3nkQLRL4Q42IlFy+ze58FcCoI3uPwINXinkz7ZinbhEgyzYFw9u9ZV8g==",
+      "version": "1.11.2",
+      "resolved": "https://registry.npmjs.org/c12/-/c12-1.11.2.tgz",
+      "integrity": "sha512-oBs8a4uvSDO9dm8b7OCFW7+dgtVrwmwnrVXYzLm43ta7ep2jCn/0MhoUFygIWtxhyy6+/MG7/agvpY0U1Iemew==",
       "dependencies": {
         "chokidar": "^3.6.0",
-        "confbox": "^0.1.3",
+        "confbox": "^0.1.7",
         "defu": "^6.1.4",
         "dotenv": "^16.4.5",
-        "giget": "^1.2.1",
-        "jiti": "^1.21.0",
-        "mlly": "^1.6.1",
+        "giget": "^1.2.3",
+        "jiti": "^1.21.6",
+        "mlly": "^1.7.1",
         "ohash": "^1.1.3",
         "pathe": "^1.1.2",
         "perfect-debounce": "^1.0.0",
-        "pkg-types": "^1.0.3",
-        "rc9": "^2.1.1"
+        "pkg-types": "^1.2.0",
+        "rc9": "^2.1.2"
+      },
+      "peerDependencies": {
+        "magicast": "^0.3.4"
+      },
+      "peerDependenciesMeta": {
+        "magicast": {
+          "optional": true
+        }
       }
     },
     "node_modules/cac": {
@@ -2738,9 +2700,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001625",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001625.tgz",
-      "integrity": "sha512-4KE9N2gcRH+HQhpeiRZXd+1niLB/XNLAhSy4z7fI8EzcbcPoAqjNInxVHTiTwWfTIV4w096XG8OtCOCQQKPv3w==",
+      "version": "1.0.30001660",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001660.tgz",
+      "integrity": "sha512-GacvNTTuATm26qC74pt+ad1fW15mlQ/zuTzzY1ZoIzECTP8HURDfF43kNxPgf7H1jmelCBQTTbBNxdSXOA7Bqg==",
       "funding": [
         {
           "type": "opencollective",
@@ -2994,6 +2956,11 @@
         "node": ">=14"
       }
     },
+    "node_modules/compatx": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/compatx/-/compatx-0.1.8.tgz",
+      "integrity": "sha512-jcbsEAR81Bt5s1qOFymBufmCbXCXbk0Ql+K5ouj6gCyx2yHlu6AgmGIi9HxfKixpUDO5bCFJUHQ5uM6ecbTebw=="
+    },
     "node_modules/component-emitter": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.1.tgz",
@@ -3063,9 +3030,9 @@
       }
     },
     "node_modules/core-js": {
-      "version": "3.37.1",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.37.1.tgz",
-      "integrity": "sha512-Xn6qmxrQZyB0FFY8E3bgRXei3lWDJHhvI+u0q9TKIYM49G8pAr0FgnnrFRAmsbptZL1yxRADVXn+x5AGsbBfyw==",
+      "version": "3.38.1",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.38.1.tgz",
+      "integrity": "sha512-OP35aUorbU3Zvlx7pjsFdu1rGNnD4pgw/CWoYzRY3t2EzoVT7shKHY1dlAy3f41cGIO7ZDPQimhGFTlEYkG/Hw==",
       "hasInstallScript": true,
       "funding": {
         "type": "opencollective",
@@ -3730,9 +3697,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.783",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.783.tgz",
-      "integrity": "sha512-bT0jEz/Xz1fahQpbZ1D7LgmPYZ3iHVY39NcWWro1+hA2IvjiPeaXtfSqrQ+nXjApMvQRE2ASt1itSLRrebHMRQ=="
+      "version": "1.5.18",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.18.tgz",
+      "integrity": "sha512-1OfuVACu+zKlmjsNdcJuVQuVE61sZOLbNM4JAQ1Rvh6EOj0/EUKhMJjRH73InPlXSh8HIJk1cVZ8pyOV/FMdUQ=="
     },
     "node_modules/elliptic": {
       "version": "6.5.5",
@@ -3961,9 +3928,9 @@
       }
     },
     "node_modules/escalade": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
-      "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
       "engines": {
         "node": ">=6"
       }
@@ -4802,9 +4769,9 @@
       }
     },
     "node_modules/globby": {
-      "version": "14.0.1",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-14.0.1.tgz",
-      "integrity": "sha512-jOMLD2Z7MAhyG8aJpNOpmziMOP4rPLcc95oQPKXBazW82z+CEgPFBQvEpRUa1KeIMUJo4Wsm+q6uzO/Q/4BksQ==",
+      "version": "14.0.2",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-14.0.2.tgz",
+      "integrity": "sha512-s3Fq41ZVh7vbbe2PN3nrW7yC7U7MFVc5c98/iTl9c2GawNMKx/J648KQRW6WKkuU8GIbbh2IXfIRQjOZnXcTnw==",
       "dependencies": {
         "@sindresorhus/merge-streams": "^2.1.0",
         "fast-glob": "^3.3.2",
@@ -5157,9 +5124,9 @@
       ]
     },
     "node_modules/ignore": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz",
-      "integrity": "sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==",
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
       "engines": {
         "node": ">= 4"
       }
@@ -5805,9 +5772,9 @@
       }
     },
     "node_modules/jiti": {
-      "version": "1.21.0",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.0.tgz",
-      "integrity": "sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==",
+      "version": "1.21.6",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz",
+      "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==",
       "bin": {
         "jiti": "bin/jiti.js"
       }
@@ -6005,6 +5972,14 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/klona": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/klona/-/klona-2.0.6.tgz",
+      "integrity": "sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/knitwork": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/knitwork/-/knitwork-1.1.0.tgz",
@@ -6154,7 +6129,7 @@
       "version": "0.3.4",
       "resolved": "https://registry.npmjs.org/magicast/-/magicast-0.3.4.tgz",
       "integrity": "sha512-TyDF/Pn36bBji9rWKHlZe+PZb6Mx5V8IHCSxk7X4aljM4e/vyDvZZYwHewdVaqiA0nb3ghfHU/6AUpDxWoER2Q==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@babel/parser": "^7.24.4",
         "@babel/types": "^7.24.0",
@@ -6447,13 +6422,13 @@
       }
     },
     "node_modules/mlly": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.7.0.tgz",
-      "integrity": "sha512-U9SDaXGEREBYQgfejV97coK0UL1r+qnF2SyO9A3qcI8MzKnsIFKHNVEkrDyNncQTKQQumsasmeq84eNMdBfsNQ==",
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.7.1.tgz",
+      "integrity": "sha512-rrVRZRELyQzrIUAVMHxP97kv+G786pHmOKzuFII8zDYahFBS7qnHh2AlYSl1GAHhaMPCz6/oHjVMcfFYgFYHgA==",
       "dependencies": {
         "acorn": "^8.11.3",
         "pathe": "^1.1.2",
-        "pkg-types": "^1.1.0",
+        "pkg-types": "^1.1.1",
         "ufo": "^1.5.3"
       }
     },
@@ -6582,9 +6557,9 @@
       "integrity": "sha512-IhOigYzAKHd244OC0JIMIUrjzctirCmPkaIfhDeGcEETWof5zKYUW7e7MYvChGWh/4CJeXEgsRyGzuF334rOOQ=="
     },
     "node_modules/node-releases": {
-      "version": "2.0.14",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
-      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw=="
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz",
+      "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g=="
     },
     "node_modules/node-stdlib-browser": {
       "version": "1.2.0",
@@ -6705,15 +6680,16 @@
       }
     },
     "node_modules/nypm": {
-      "version": "0.3.8",
-      "resolved": "https://registry.npmjs.org/nypm/-/nypm-0.3.8.tgz",
-      "integrity": "sha512-IGWlC6So2xv6V4cIDmoV0SwwWx7zLG086gyqkyumteH2fIgCAM4nDVFB2iDRszDvmdSVW9xb1N+2KjQ6C7d4og==",
+      "version": "0.3.11",
+      "resolved": "https://registry.npmjs.org/nypm/-/nypm-0.3.11.tgz",
+      "integrity": "sha512-E5GqaAYSnbb6n1qZyik2wjPDZON43FqOJO59+3OkWrnmQtjggrMOVnsyzfjxp/tS6nlYJBA4zRA5jSM2YaadMg==",
       "dependencies": {
         "citty": "^0.1.6",
         "consola": "^3.2.3",
         "execa": "^8.0.1",
         "pathe": "^1.1.2",
-        "ufo": "^1.4.0"
+        "pkg-types": "^1.2.0",
+        "ufo": "^1.5.4"
       },
       "bin": {
         "nypm": "dist/cli.mjs"
@@ -7143,12 +7119,12 @@
       }
     },
     "node_modules/pkg-types": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.1.1.tgz",
-      "integrity": "sha512-ko14TjmDuQJ14zsotODv7dBlwxKhUKQEhuhmbqo1uCi9BB0Z2alo/wAXg6q1dTR5TyuqYyWhjtfe/Tsh+X28jQ==",
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.2.0.tgz",
+      "integrity": "sha512-+ifYuSSqOQ8CqP4MbZA5hDpb97n3E8SVWdJe+Wms9kj745lmd3b7EZJiqvmLwAlmRfjrI7Hi5z3kdBJ93lFNPA==",
       "dependencies": {
         "confbox": "^0.1.7",
-        "mlly": "^1.7.0",
+        "mlly": "^1.7.1",
         "pathe": "^1.1.2"
       }
     },
@@ -7759,9 +7735,9 @@
       }
     },
     "node_modules/semver": {
-      "version": "7.6.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
-      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
       "bin": {
         "semver": "bin/semver.js"
       },
@@ -8003,9 +7979,9 @@
       "dev": true
     },
     "node_modules/sortablejs": {
-      "version": "1.15.2",
-      "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.15.2.tgz",
-      "integrity": "sha512-FJF5jgdfvoKn1MAKSdGs33bIqLi3LmsgVTliuX6iITj834F+JRQZN90Z93yql8h0K2t0RwDPBmxwlbZfDcxNZA=="
+      "version": "1.15.3",
+      "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.15.3.tgz",
+      "integrity": "sha512-zdK3/kwwAK1cJgy1rwl1YtNTbRmc8qW/+vgXf75A7NHag5of4pyI6uK86ktmQETyWRH7IGaE73uZOOBcGxgqZg=="
     },
     "node_modules/source-map": {
       "version": "0.5.7",
@@ -9017,9 +8993,9 @@
       }
     },
     "node_modules/type-fest": {
-      "version": "4.18.3",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.18.3.tgz",
-      "integrity": "sha512-Q08/0IrpvM+NMY9PA2rti9Jb+JejTddwmwmVQGskAlhtcrw1wsRzoR6ode6mR+OAabNa75w/dxedSUY2mlphaQ==",
+      "version": "4.26.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.26.1.tgz",
+      "integrity": "sha512-yOGpmOAL7CkKe/91I5O3gPICmJNLJ1G4zFYVAsRHg7M64biSnPtRj0WNQt++bRkjYOqjWXrhnUw1utzmVErAdg==",
       "engines": {
         "node": ">=16"
       },
@@ -9139,9 +9115,9 @@
       "integrity": "sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A=="
     },
     "node_modules/ufo": {
-      "version": "1.5.3",
-      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.5.3.tgz",
-      "integrity": "sha512-Y7HYmWaFwPUmkoQCUIAYpKqkOf+SbVj/2fJJZ4RJMCfZp0rTGwRbzQD+HghfnhKOjL9E01okqz+ncJskGYfBNw=="
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.5.4.tgz",
+      "integrity": "sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ=="
     },
     "node_modules/unbox-primitive": {
       "version": "1.0.2",
@@ -9158,6 +9134,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/uncrypto": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/uncrypto/-/uncrypto-0.1.3.tgz",
+      "integrity": "sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q=="
+    },
     "node_modules/unctx": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/unctx/-/unctx-2.3.1.tgz",
@@ -9189,23 +9170,23 @@
       }
     },
     "node_modules/unimport": {
-      "version": "3.7.2",
-      "resolved": "https://registry.npmjs.org/unimport/-/unimport-3.7.2.tgz",
-      "integrity": "sha512-91mxcZTadgXyj3lFWmrGT8GyoRHWuE5fqPOjg5RVtF6vj+OfM5G6WCzXjuYtSgELE5ggB34RY4oiCSEP8I3AHw==",
+      "version": "3.11.1",
+      "resolved": "https://registry.npmjs.org/unimport/-/unimport-3.11.1.tgz",
+      "integrity": "sha512-DuB1Uoq01LrrXTScxnwOoMSlTXxyKcULguFxbLrMDFcE/CO0ZWHpEiyhovN0mycPt7K6luAHe8laqvwvuoeUPg==",
       "dependencies": {
         "@rollup/pluginutils": "^5.1.0",
-        "acorn": "^8.11.3",
+        "acorn": "^8.12.1",
         "escape-string-regexp": "^5.0.0",
         "estree-walker": "^3.0.3",
         "fast-glob": "^3.3.2",
         "local-pkg": "^0.5.0",
-        "magic-string": "^0.30.10",
-        "mlly": "^1.7.0",
+        "magic-string": "^0.30.11",
+        "mlly": "^1.7.1",
         "pathe": "^1.1.2",
-        "pkg-types": "^1.1.1",
+        "pkg-types": "^1.2.0",
         "scule": "^1.3.0",
         "strip-literal": "^2.1.0",
-        "unplugin": "^1.10.1"
+        "unplugin": "^1.12.2"
       }
     },
     "node_modules/unimport/node_modules/escape-string-regexp": {
@@ -9243,17 +9224,23 @@
       }
     },
     "node_modules/unplugin": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.10.1.tgz",
-      "integrity": "sha512-d6Mhq8RJeGA8UfKCu54Um4lFA0eSaRa3XxdAJg8tIdxbu1ubW0hBCZUL7yI2uGyYCRndvbK8FLHzqy2XKfeMsg==",
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.14.0.tgz",
+      "integrity": "sha512-cfkZeALGyW7tKYjZbi0G+pn0XnUFa0QvLIeLJEUUlnU0R8YYsBQnt5+h9Eu1B7AB7KETld+UBFI5lOeBL+msoQ==",
       "dependencies": {
-        "acorn": "^8.11.3",
-        "chokidar": "^3.6.0",
-        "webpack-sources": "^3.2.3",
-        "webpack-virtual-modules": "^0.6.1"
+        "acorn": "^8.12.1",
+        "webpack-virtual-modules": "^0.6.2"
       },
       "engines": {
         "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "webpack-sources": "^3"
+      },
+      "peerDependenciesMeta": {
+        "webpack-sources": {
+          "optional": true
+        }
       }
     },
     "node_modules/unset-value": {
@@ -9337,9 +9324,9 @@
       }
     },
     "node_modules/update-browserslist-db": {
-      "version": "1.0.16",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.16.tgz",
-      "integrity": "sha512-KVbTxlBYlckhF5wgfyZXTWnMn7MMZjMu9XG8bPlliUOP9ThaF4QnhP8qrjrH7DRzHfSk0oQv1wToW+iA5GajEQ==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz",
+      "integrity": "sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -9841,18 +9828,10 @@
         "node": ">=4"
       }
     },
-    "node_modules/webpack-sources": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
-      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
     "node_modules/webpack-virtual-modules": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.1.tgz",
-      "integrity": "sha512-poXpCylU7ExuvZK8z+On3kX+S8o/2dQ/SVYueKA0D4WEMXROXgY8Ez50/bQEUmvoSMMrWcrJqCHuhAbsiwg7Dg=="
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
+      "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ=="
     },
     "node_modules/whatwg-mimetype": {
       "version": "3.0.0",
diff --git a/package.json b/package.json
index 8f21ffa8..e4a3c548 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,7 @@
     "@vuelidate/core": "^2.0.3",
     "@vuelidate/validators": "^2.0.4",
     "@vueuse/core": "^11.0.3",
-    "@webitel/ui-sdk": "^24.10.3",
+    "@webitel/ui-sdk": "^24.10.5",
     "axios": "^1.7.7",
     "deep-equal": "^2.2.1",
     "dompurify": "^3.1.2",
diff --git a/src/modules/contacts/api/ContactsAPI.js b/src/modules/contacts/api/ContactsAPI.js
index 91d3b486..03488d39 100644
--- a/src/modules/contacts/api/ContactsAPI.js
+++ b/src/modules/contacts/api/ContactsAPI.js
@@ -1,202 +1,3 @@
-import { getDefaultGetParams } from '@webitel/ui-sdk/src/api/defaults/index.js';
-import applyTransform, {
-  camelToSnake,
-  merge,
-  notify,
-  sanitize,
-  snakeToCamel,
-} from '@webitel/ui-sdk/src/api/transformers/index.js';
-import { ContactsApiFactory } from 'webitel-sdk';
-import getDefaultGetListResponse
-  from '../../../app/api/defaults/getDefaultGetListResponse';
-import instance from '../../../app/api/instance';
-import configuration from '../../../app/api/openAPIConfig';
-import SearchMode from '../modules/filters/enums/SearchMode.enum';
+import { contacts } from '@webitel/ui-sdk/src/api/crm/index.js';
 
-const service = new ContactsApiFactory(configuration, '', instance);
-
-const formatAccessMode = (item) => ({
-  ...item,
-  access: {
-    edit: item.mode.includes('w'),
-    delete: item.mode.includes('d'),
-  },
-});
-
-const getList = async (params) => {
-  const fieldsToSend = ['page', 'size', 'q', 'sort', 'fields', 'id', 'qin'];
-  let searchValue = '';
-  let searchKey = '';
-
-  if (params[SearchMode.NAME]) {
-    searchValue = params[SearchMode.NAME];
-    searchKey = SearchMode.NAME;
-  } else if (params[SearchMode.LABELS]) {
-    searchValue = params[SearchMode.LABELS];
-    searchKey = SearchMode.LABELS;
-  } else if (params[SearchMode.ABOUT]) {
-    searchValue = params[SearchMode.ABOUT];
-    searchKey = SearchMode.ABOUT;
-  } else if (params[SearchMode.VARIABLES]) {
-    searchValue = params[SearchMode.VARIABLES];
-    searchKey = SearchMode.VARIABLES;
-  } else if (params[SearchMode.DESTINATION]) {
-    searchValue = params[SearchMode.DESTINATION];
-    searchKey = 'emails,phones';
-  }
-
-  const changedParams = {
-    ...params,
-    q: searchValue,
-    qin: searchKey,
-  };
-
-  const transformations = [
-    sanitize(fieldsToSend),
-    merge(getDefaultGetParams()),
-    camelToSnake(),
-  ];
-
-  // This code needed for adding starToSearch method to applyTransform while searchKey !== SearchMode.VARIABLES because '*' in variables search mode brokes backend logic.
-  if (searchKey !== SearchMode.VARIABLES) {
-    // transformations.push(starToSearch('q')); WTEL-4265
-  }
-
-  const {
-    page,
-    size,
-    q,
-    sort,
-    fields,
-    id,
-    qin,
-  } = applyTransform(changedParams, transformations);
-
-  try {
-    const response = await service.searchContacts(
-      page,
-      size,
-      q,
-      sort || '+name',
-      ['mode', ...fields],
-      id,
-      qin,
-    );
-    const { data, next } = applyTransform(response.data, [
-      snakeToCamel(),
-      merge(getDefaultGetListResponse()),
-    ]);
-    return {
-      items: applyTransform(data, [
-        (items) => items.map((item) => formatAccessMode(item)),
-      ]),
-      next,
-    };
-  } catch (err) {
-    throw applyTransform(err, [
-      notify,
-    ]);
-  }
-};
-
-const get = async ({ itemId: id }) => {
-  const fields = ['name', 'about', 'labels', 'etag', 'mode', 'managers', 'timezones'];
-
-  const defaultObject = {};
-  const itemResponseHandler = (item) => {
-    return {
-      ...item,
-      labels: item.labels?.data || [],
-      managers: item.managers?.data || [],
-      timezones: item.timezones?.data || [],
-    };
-  };
-  try {
-    const response = await service.locateContact(id, fields);
-    return applyTransform(response.data, [
-      snakeToCamel(),
-      merge(defaultObject),
-      itemResponseHandler,
-      formatAccessMode,
-    ]);
-  } catch (err) {
-    throw applyTransform(err, [
-      notify,
-    ]);
-  }
-};
-
-const fieldsToSend = ['name', 'labels', 'about', 'managers', 'timezones'];
-
-const sanitizeManagers = (itemInstance) => {
-  // handle many managers and even no managers field cases
-  const managers = (itemInstance.managers ||
-    []).filter(({ user } = {}) => user.id);
-  return { ...itemInstance, managers };
-};
-
-const sanitizeTimezones = (itemInstance) => {
-  // handle many timezones and even no timezones field cases
-  const timezones = (itemInstance.timezones ||
-    []).filter(({ timezone } = {}) => timezone.id);
-  return { ...itemInstance, timezones };
-};
-
-const add = async ({ itemInstance }) => {
-  const item = applyTransform(itemInstance, [
-    sanitizeManagers,
-    sanitizeTimezones,
-    sanitize(fieldsToSend),
-    camelToSnake(),
-
-  ]);
-  try {
-    const response = await service.createContact(item);
-    return applyTransform(response.data, [
-      snakeToCamel(),
-    ]);
-  } catch (err) {
-    throw applyTransform(err, [
-      notify,
-    ]);
-  }
-};
-
-const update = async ({ itemInstance }) => {
-  const { etag } = itemInstance;
-  const item = applyTransform(itemInstance, [
-    sanitizeManagers,
-    sanitizeTimezones,
-    sanitize(fieldsToSend),
-    camelToSnake(),
-  ]);
-  try {
-    const response = await service.updateContact(etag, item);
-    return applyTransform(response.data, [
-      snakeToCamel(),
-    ]);
-  } catch (err) {
-    throw applyTransform(err, [
-      notify,
-    ]);
-  }
-};
-
-const deleteContact = async ({ id }) => {
-  try {
-    const response = await service.deleteContact(id);
-    return applyTransform(response.data, []);
-  } catch (err) {
-    throw applyTransform(err, [
-      notify,
-    ]);
-  }
-};
-
-export default {
-  getList,
-  get,
-  add,
-  update,
-  delete: deleteContact,
-};
+export default contacts;
diff --git a/src/modules/contacts/components/the-contacts.vue b/src/modules/contacts/components/the-contacts.vue
index 8b9b7816..b3a247eb 100644
--- a/src/modules/contacts/components/the-contacts.vue
+++ b/src/modules/contacts/components/the-contacts.vue
@@ -62,17 +62,17 @@
             <div class="username-wrapper">
               <wt-avatar
                 size="sm"
-                :username="item.name.commonName"
+                :username="item.name"
               />
               <wt-item-link
                 :link="{ name: `${CrmSections.CONTACTS}-card`, params: { id: item.id } }"
               >
-                {{ item.name.commonName }}
+                {{ item.name }}
               </wt-item-link>
             </div>
           </template>
           <template #managers="{ item }">
-            {{ item.managers?.data[0].user.name }}
+            {{ item.managers[0]?.user.name }}
           </template>
           <template #labels="{ item }">
             <div
@@ -80,7 +80,7 @@
               class="contacts-labels-wrapper"
             >
               <wt-chip
-                v-for="({ label, id }) of item.labels.data"
+                v-for="({ label, id }) of item.labels"
                 :key="id"
               >
                 {{ label }}
@@ -125,6 +125,7 @@ import { useTableFilters } from '@webitel/ui-sdk/src/modules/Filters/composables
 import { useTableStore } from '@webitel/ui-sdk/src/modules/TableStoreModule/composables/useTableStore';
 import isEmpty from '@webitel/ui-sdk/src/scripts/isEmpty';
 import variableSearchValidator from '@webitel/ui-sdk/src/validators/variableSearchValidator/variableSearchValidator';
+import ContactsSearchMode from '@webitel/ui-sdk/src/api/crm/enums/ContactsSearchMode.js';
 import { computed, onUnmounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
@@ -132,7 +133,6 @@ import { useStore } from 'vuex';
 import dummyDark from '../../../app/assets/dummy-dark.svg';
 import dummyLight from '../../../app/assets/dummy-light.svg';
 import { useAccess } from '../../../app/composables/useAccess';
-import SearchMode from '../modules/filters/enums/SearchMode.enum.js';
 import ContactPopup from './contact-popup.vue';
 
 const baseNamespace = 'contacts';
@@ -206,25 +206,25 @@ const dummyPic = computed(() => (darkMode.value ? dummyDark : dummyLight));
 
 const searchModeOpts = computed(() => [
   {
-    value: SearchMode.NAME,
+    value: ContactsSearchMode.NAME,
     text: t('reusable.name'),
   },
   {
-    value: SearchMode.LABELS,
+    value: ContactsSearchMode.LABELS,
     text: t('vocabulary.labels', 1),
   },
   {
-    value: SearchMode.ABOUT,
+    value: ContactsSearchMode.ABOUT,
     text: t('vocabulary.description'),
   },
   {
-    value: SearchMode.VARIABLES,
+    value: ContactsSearchMode.VARIABLES,
     text: t('contacts.attributes', 1),
     hint: t('webitelUI.searchBar.variableSearchHint'),
     v: { variableSearchValidator },
   },
   {
-    value: SearchMode.DESTINATION,
+    value: ContactsSearchMode.DESTINATION,
     text: t('contacts.destination'),
   },
 ]);
diff --git a/src/modules/contacts/modules/filters/enums/SearchMode.enum.js b/src/modules/contacts/modules/filters/enums/SearchMode.enum.js
deleted file mode 100644
index dabc4a3c..00000000
--- a/src/modules/contacts/modules/filters/enums/SearchMode.enum.js
+++ /dev/null
@@ -1,9 +0,0 @@
-const SearchMode = Object.freeze({
-  NAME: 'name',
-  LABELS: 'labels',
-  ABOUT: 'about',
-  VARIABLES: 'variables',
-  DESTINATION: 'destination',
-});
-
-export default SearchMode;
diff --git a/src/modules/contacts/modules/filters/store/filters.js b/src/modules/contacts/modules/filters/store/filters.js
index 1f47ae5b..bff61778 100644
--- a/src/modules/contacts/modules/filters/store/filters.js
+++ b/src/modules/contacts/modules/filters/store/filters.js
@@ -1,6 +1,7 @@
 import FiltersStoreModule
   from '@webitel/ui-sdk/src/modules/Filters/store/FiltersStoreModule';
-import SearchMode from '../enums/SearchMode.enum';
+import ContactsSearchMode
+  from '@webitel/ui-sdk/src/api/crm/enums/ContactsSearchMode.js';
 
 const filtersList = [
   {
@@ -17,19 +18,19 @@ const filtersList = [
     name: 'sort',
   },
   {
-    name: SearchMode.NAME,
+    name: ContactsSearchMode.NAME,
   },
   {
-    name: SearchMode.LABELS,
+    name: ContactsSearchMode.LABELS,
   },
   {
-    name: SearchMode.ABOUT,
+    name: ContactsSearchMode.ABOUT,
   },
   {
-    name: SearchMode.VARIABLES,
+    name: ContactsSearchMode.VARIABLES,
   },
   {
-    name: SearchMode.DESTINATION,
+    name: ContactsSearchMode.DESTINATION,
   },
 ];