@webitel/ui-sdk 2.0.11-1 → 2.0.13-1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "2.0.11-1",
+  "version": "2.0.13-1",
   "private": false,
   "scripts": {
     "serve-lib": "vue-cli-service serve",
@@ -44,7 +44,7 @@
     "vue-observe-visibility": "^1.0.0",
     "vue-router": "^3.2.0",
     "vuejs-datepicker": "^1.6.2",
-    "webitel-sdk": "^0.1.128"
+    "webitel-sdk": "^0.1.130"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.17.0",

package/src/components/molecules/wt-textarea/wt-textarea.vue

@@ -3,15 +3,17 @@
     class="wt-textarea"
     :class="{
       'wt-textarea--disabled': disabled,
-      }"
+      'wt-textarea--invalid': invalid,
+    }"
   >
     <wt-label
       :for="name"
       :disabled="disabled"
+      :invalid="invalid"
       v-bind="labelProps"
     >
       <!-- @slot Custom input label -->
-      <slot name="label" v-bind="{ label }">{{ label }}</slot>
+      <slot name="label" v-bind="{ label }">{{ requiredLabel }}</slot>
     </wt-label>
     <div class="wt-textarea__wrapper">
       <textarea
@@ -35,12 +37,20 @@
         ></wt-icon-btn>
       </div>
     </div>
+    <wt-input-info
+      v-if="isValidation"
+      :invalid="invalid"
+    >{{ validationText }}
+    </wt-input-info>
   </div>
 </template>
 
 <script>
+  import validationMixin from '../../../mixins/validationMixin/validationMixin';
+
   export default {
     name: 'wt-textarea',
+    mixins: [validationMixin],
     props: {
       /**
        * Current textarea value (`v-model`)
@@ -95,6 +105,10 @@
           keypress: (event) => this.handleKeypress(event),
         };
       },
+
+      requiredLabel() {
+        return this.required ? `${this.label}*` : this.label;
+      },
     },
 
     methods: {
@@ -139,6 +153,11 @@
     .wt-textarea:focus-within & {
       color: var(--form-label--hover-color);
     }
+
+    .wt-textarea--invalid:hover &,
+    .wt-textarea--invalid:focus-within & {
+      color: var(--label--invalid-color);
+    }
   }
 
   .wt-textarea__textarea {
@@ -169,6 +188,12 @@
       background: var(--form-border--disabled-color);
       border-color: var(--form-border--disabled-color);
     }
+
+    .wt-textarea--invalid &,
+    .wt-textarea--invalid:hover & {
+      border-color: var(--false-color);
+      outline: none; // prevent outline overlapping false color
+    }
   }
 
   /* make icons black */

package/src/locale/en/en.js

@@ -28,6 +28,7 @@ export default {
     name: 'Name',
     expand: 'Expand',
     collapse: 'Collapse',
+    generate: 'Generate',
     lang: {
       en: 'English',
       ru: 'Русский',
@@ -35,6 +36,15 @@ export default {
     },
     from: 'From',
     to: 'To',
+    tts: 'Text-to-Speech',
+    state: 'State',
+  },
+  // yak zhe ya zaebalsya povtoriaty odni i ti sami slova!!!!
+  vocabulary: {
+    language: 'Language',
+    voice: 'Voice',
+    format: 'Format',
+    text: 'Text',
   },
   // date-related texts
   date: {
@@ -55,7 +65,8 @@ export default {
         [QueueType.PROGRESSIVE_DIALER]: 'Progressive dialer',
         [QueueType.PREVIEW_DIALER]: 'Preview dialer',
         [QueueType.CHAT_INBOUND_QUEUE]: 'Chat queue',
-        [QueueType.TASK_QUEUE]: 'Task queue',
+        [QueueType.INBOUND_JOB_QUEUE]: 'Inbound job queue',
+        [QueueType.OUTBOUND_JOB_QUEUE]: 'Outbound job queue',
       },
     },
     agent: {

package/src/locale/ru/ru.js

@@ -28,6 +28,7 @@ export default {
     name: 'Имя',
     expand: 'Развернуть',
     collapse: 'Свернуть',
+    generate: 'Сгенерировать',
     lang: {
       en: 'English',
       ru: 'Русский',
@@ -35,6 +36,14 @@ export default {
     },
     from: 'От',
     to: 'До',
+    tts: 'Text-to-Speech',
+    state: 'Состояние',
+  },
+  vocabulary: {
+    language: 'Язык',
+    voice: 'Голос',
+    format: 'Формат',
+    text: 'Текст',
   },
   // date-related texts
   date: {
@@ -55,7 +64,8 @@ export default {
         [QueueType.PROGRESSIVE_DIALER]: 'Прогрессивный обзвон',
         [QueueType.PREVIEW_DIALER]: 'Превью обзвон',
         [QueueType.CHAT_INBOUND_QUEUE]: 'Очередь чатов',
-        [QueueType.TASK_QUEUE]: 'Очередь задач',
+        [QueueType.INBOUND_JOB_QUEUE]: 'Входящая очередь заданий',
+        [QueueType.OUTBOUND_JOB_QUEUE]: 'Исходящая очередь заданий',
       },
     },
     agent: {

package/src/locale/ua/ua.js

@@ -28,6 +28,7 @@ export default {
     name: 'Ім\'я',
     expand: 'Розгорнути',
     collapse: 'Згорнути',
+    generate: 'Згенерувати',
     lang: {
       en: 'English',
       ru: 'Русский',
@@ -35,6 +36,14 @@ export default {
     },
     from: 'Від',
     to: 'До',
+    tts: 'Text-to-Speech',
+    state: 'Стан',
+  },
+  vocabulary: {
+    language: 'Мова',
+    voice: 'Голос',
+    format: 'Формат',
+    text: 'Текст',
   },
   // date-related texts
   date: {
@@ -55,7 +64,8 @@ export default {
         [QueueType.PROGRESSIVE_DIALER]: 'Прогресивний обзвін',
         [QueueType.PREVIEW_DIALER]: 'Прев\'ю обзвін',
         [QueueType.CHAT_INBOUND_QUEUE]: 'Черга чатів',
-        [QueueType.TASK_QUEUE]: 'Черга задач',
+        [QueueType.INBOUND_JOB_QUEUE]: 'Вхідна черга завдань',
+        [QueueType.OUTBOUND_JOB_QUEUE]: 'Вихідна черга завдань',
       },
     },
     agent: {

package/src/modules/Notifications/store/NotificationsStoreModule.js

@@ -131,7 +131,7 @@ export default class NotificationsStoreModule extends BaseStoreModule {
 
     STOP_SOUND: (context) => {
       const { currentlyPlaying } = context.state;
-      if (currentlyPlaying) currentlyPlaying.pause();
+      if (currentlyPlaying && currentlyPlaying instanceof Audio) currentlyPlaying.pause();
       localStorage.removeItem('wtIsPlaying');
       context.commit('RESET_CURRENTLY_PLAYING');
     },