@webitel/ui-sdk 3.2.106 → 3.2.108

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "3.2.106",
+  "version": "3.2.108",
   "private": false,
   "scripts": {
     "serve-lib": "vue-cli-service serve",

package/src/components/atoms/wt-icon-action/_internals/__tests__/WtRefreshIconAction.spec.js

@@ -0,0 +1,9 @@
+import { shallowMount } from '@vue/test-utils';
+import WtRefreshIconAction from '../wt-refresh-icon-action.vue';
+
+describe('WtRefreshIconAction', () => {
+  it('renders a component', () => {
+    const wrapper = shallowMount(WtRefreshIconAction);
+    expect(wrapper.exists()).toBe(true);
+  });
+});

package/src/components/atoms/wt-icon-action/_internals/wt-refresh-icon-action.vue

@@ -0,0 +1,27 @@
+<template>
+  <wt-tooltip>
+    <template v-slot:activator>
+      <wt-icon-btn
+        icon="refresh"
+        :disabled="disabled"
+        @click="emit('click')"
+      ></wt-icon-btn>
+    </template>
+    {{ $t('reusable.refresh') }}
+  </wt-tooltip>
+</template>
+
+<script setup>
+const props = defineProps({
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+});
+
+const emit = defineEmits(['click']);
+</script>
+
+<style scoped>
+
+</style>

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

@@ -13,12 +13,13 @@ import WtEditIconAction from './_internals/wt-edit-icon-action.vue';
 import WtAddIconAction from './_internals/wt-add-icon-action.vue';
 import WtHistoryIconAction from './_internals/wt-history-icon-action.vue';
 import WtDownloadIconAction from './_internals/wt-download-icon-action.vue';
+import WtRefreshIconAction from './_internals/wt-refresh-icon-action.vue';
 
 const props = defineProps({
   action: {
     type: String,
     required: true,
-    options: ['delete', 'edit', 'add', 'history', 'download'],
+    options: ['delete', 'edit', 'add', 'history', 'download', 'refresh'],
   },
   disabled: {
     type: Boolean,
@@ -40,6 +41,8 @@ const actionComponent = computed(() => {
       return WtHistoryIconAction;
     case 'download':
       return WtDownloadIconAction;
+    case 'refresh':
+      return WtRefreshIconAction;
     default:
       return WtEditIconAction;
   }

package/src/components/organisms/wt-app-header/wt-app-navigator.vue

@@ -155,50 +155,59 @@
             </a>
           </li>
 
+          <li
+            v-if="formattedApps[WebitelApplications.CRM]"
+            :class="{'active': formattedApps[WebitelApplications.CRM].currentApp }"
+            class="wt-app-navigator__card"
+          >
+            <a
+              :href="formattedApps[WebitelApplications.CRM].href"
+              :title="$t(`webitelUI.appNavigator.${[WebitelApplications.CRM]}`)"
+              class="wt-app-navigator__card__link"
+              target="_blank"
+            >
+              <img
+                :alt="`${[WebitelApplications.CRM]}-pic`"
+                class="wt-app-navigator__card__img"
+                src="../../../assets/components/organisms/wt-app-header/app-navigator/app-crm.svg"
+              >
+            </a>
+          </li>
+
         </ul>
       </nav>
     </transition>
   </div>
 </template>
 
-<script>
+<script setup>
+import { computed, ref } from 'vue';
 import WebitelApplications from '../../../enums/WebitelApplications/WebitelApplications.enum';
 
-export default {
-  name: 'wt-app-navigator',
-  data: () => ({
-    WebitelApplications,
-    isOpened: false,
-  }),
-
-  props: {
-    currentApp: {
-      type: String,
-    },
-    apps: {
-      type: Array,
-      default: () => [],
-    },
+const props = defineProps({
+  currentApp: {
+    type: String,
   },
-
-  computed: {
-    formattedApps() {
-      return this.apps.reduce((apps, app) => ({
-        ...apps,
-        [app.name]: {
-          ...app,
-          currentApp: this.currentApp === app.name,
-        },
-      }), {});
-    },
+  apps: {
+    type: Array,
+    default: () => [],
   },
+});
 
-  methods: {
-    close() {
-      this.isOpened = false;
-    },
+const isOpened = ref(false);
+
+const formattedApps = computed(() => props.apps.reduce((apps, app) => ({
+  ...apps,
+  [app.name]: {
+    ...app,
+    currentApp: props.currentApp === app.name,
   },
-};
+}), {}));
+
+function close() {
+  isOpened.value = false;
+}
+
 </script>
 
 <style lang="scss" scoped>

package/src/locale/en/en.js

@@ -113,6 +113,7 @@ export default {
     auditor: 'Auditor | Auditors',
     region: 'Region | Regions',
     communicationType: 'Communication type | Communication types',
+    grantee: 'Grantee | Grantees',
     queue: {
       type: {
         [QueueType.INBOUND_QUEUE]: 'Inbound queue',

package/src/locale/ru/ru.js

@@ -112,6 +112,7 @@ export default {
     auditor: 'Аудитор | Аудиторы',
     region: 'Регион | Регионы',
     communicationType: 'Тип связи | Типы связи',
+    grantee: 'Получатель | Получатели',
     queue: {
       type: {
         [QueueType.INBOUND_QUEUE]: 'Входящая очередь',

package/src/locale/ua/ua.js

@@ -112,6 +112,7 @@ export default {
     auditor: 'Аудитор | Аудитори',
     region: 'Регіон | Регіони',
     communicationType: 'Тип зв\'язку | Типи зв\'язку',
+    grantee: 'Отримувач | Отримувачі',
     queue: {
       type: {
         [QueueType.INBOUND_QUEUE]: 'Вхідна черга',