@webitel/ui-sdk 2.0.11 → 2.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "2.0.11",
+  "version": "2.0.12",
   "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.91"
+    "webitel-sdk": "^0.1.128"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.17.0",

package/src/components/atoms/wt-button/wt-button.vue

@@ -32,7 +32,7 @@ export default {
     color: {
       type: String,
       default: 'accent',
-      options: ['accent', 'secondary', 'success', 'danger', 'transfer', 'task'],
+      options: ['accent', 'secondary', 'success', 'danger', 'transfer', 'job'],
     },
     disabled: {
       type: Boolean,
@@ -71,7 +71,7 @@ export default {
       return '';
     },
     loaderColor() {
-      if (['success', 'transfer', 'danger', 'task'].includes(this.color)) return 'main';
+      if (['success', 'transfer', 'danger', 'job'].includes(this.color)) return 'main';
       return 'contrast';
     },
   },
@@ -159,15 +159,15 @@ export default {
     }
   }
 
-  &.task {
+  &.job {
     color: var(--btn-light-font-color);
-    background-color: var(--btn-task-color);
-    border-color: var(--btn-task-color);
+    background-color: var(--btn-job-color);
+    border-color: var(--btn-job-color);
 
     &:hover,
     &:active {
-      background-color: var(--btn-task--hover-color);
-      border-color: var(--btn-task--hover-color);
+      background-color: var(--btn-job--hover-color);
+      border-color: var(--btn-job--hover-color);
     }
   }
 
@@ -242,14 +242,14 @@ export default {
       }
     }
 
-    &.task {
-      color: var(--btn-task-color);
-      border-color: var(--btn-task-color);
+    &.job {
+      color: var(--btn-job-color);
+      border-color: var(--btn-job-color);
 
       &:hover,
       &:active {
-        color: var(--btn-task--hover-color);
-        border-color: var(--btn-task--hover-color);
+        color: var(--btn-job--hover-color);
+        border-color: var(--btn-job--hover-color);
         background-color: transparent;
       }
     }

package/src/components/atoms/wt-icon/wt-icon.vue

@@ -29,7 +29,7 @@ export default {
     color: {
       type: String,
       default: 'default',
-      options: ['default', 'contrast', 'active', 'accent', 'disabled', 'success', 'danger', 'transfer', 'task', 'hold', 'secondary-50'],
+      options: ['default', 'contrast', 'active', 'accent', 'disabled', 'success', 'danger', 'transfer', 'job', 'hold', 'secondary-50'],
     },
     iconPrefix: {
       type: String,
@@ -97,8 +97,8 @@ svg {
     fill: var(--icon-color-transfer);
   }
 
-  &-task .wt-icon__icon {
-    fill: var(--task-color);
+  &-job .wt-icon__icon {
+    fill: var(--job-color);
   }
 
   &-hold .wt-icon__icon {

package/src/css/components/atoms/wt-button/_variables.scss

@@ -42,6 +42,6 @@
   --btn-transfer-color: var(--transfer-color);
   --btn-transfer--hover-color: var(--transfer--hover-color);
 
-  --btn-task-color: var(--task-color);
-  --btn-task--hover-color: var(--task--hover-color);
+  --btn-job-color: var(--job-color);
+  --btn-job--hover-color: var(--job--hover-color);
 }

package/src/css/styleguide/colors/_colors.scss

@@ -9,7 +9,7 @@
 
   --_hold-color-hue: 54;
   --_transfer-color-hue: 227;
-  --_task-color-hue: 227;
+  --_job-color-hue: 209;
 
   // DEFAULT STATES OPACITY
   --_opacity--default: 0.8;
@@ -32,7 +32,7 @@
 
   --_hold-color: var(--_hold-color-hue), 80%, 50%;
   --_transfer-color: var(--_transfer-color-hue), 80%, 50%;
-  --_task-color: var(--_task-color-hue), 80%, 50%;
+  --_job-color: var(--_job-color-hue), 96%, 57%;
 
   // MAIN COLORS
   --accent-color: hsla(var(--_accent-color), 1);
@@ -80,8 +80,8 @@
   --transfer-color: hsla(var(--_transfer-color), var(--_opacity--default));
   --transfer--hover-color: hsla(var(--_transfer-color), var(--_opacity--hover));
 
-  --task-color: hsla(var(--_task-color), var(--_opacity--default));
-  --task--hover-color: hsla(var(--_task-color), var(--_opacity--hover));
+  --job-color: hsla(var(--_job-color), var(--_opacity--default));
+  --job--hover-color: hsla(var(--_job-color), var(--_opacity--hover));
 
   // SUBORDINATE COLORS
   --tag-bg-color: var(--accent-secondary-color);

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

@@ -1,4 +1,4 @@
-import { ChatActions, CallActions } from 'webitel-sdk';
+import { ChatActions, CallActions, JobState } from 'webitel-sdk';
 import i18n from '../../../locale/i18n';
 import BaseStoreModule from '../../../store/BaseStoreModules/BaseStoreModule';
 import endChatSound from '../assets/audio/end-chat.wav';
@@ -12,6 +12,7 @@ const NOTIFICATION_VISIBLE_INTERVAL = 2000;
 const getNotificationSound = (action) => {
   switch (action) {
     case ChatActions.UserInvite:
+    case JobState.Distribute:
       return new Audio(newChatSound);
     case ChatActions.Message:
       return new Audio(newMessageSound);
@@ -130,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');
     },