@webitel/ui-sdk 0.9.65 → 1.0.2

package/src/locale/ua/ua.js

@@ -1,4 +1,9 @@
-import { AgentStatus, CallDirection } from 'webitel-sdk';
+import {
+  AgentStatus,
+  CallDirection,
+  ChannelState,
+  ChannelType,
+} from 'webitel-sdk';
 import { QueueType } from 'webitel-sdk/esm2015/enums';
 import AdminSections from '../../enums/WebitelApplications/AdminSections.enum';
 import SupervisorSections from '../../enums/WebitelApplications/SupervisorSections.enum';
@@ -58,6 +63,26 @@ export default {
       },
     },
   },
+  channel: {
+    state: {
+      [ChannelState.Waiting]: 'Очікування',
+      [ChannelState.Distribute]: 'Зарезервований',
+      [ChannelState.Offering]: 'Розподіл',
+      [ChannelState.Answered]: 'Прийнятий',
+      [ChannelState.Active]: 'Активний',
+      [ChannelState.Bridged]: 'З\'єднаний',
+      [ChannelState.Hold]: 'Утримання',
+      [ChannelState.Missed]: 'Пропущений',
+      [snakeToCamel(ChannelState.WrapTime)]: 'Постобробка',
+      [ChannelState.Processing]: 'Обробка',
+      [ChannelState.Transfer]: 'Перевід',
+    },
+    type: {
+      [ChannelType.Call]: 'Дзвінок',
+      [ChannelType.Email]: 'Пошта',
+      [ChannelType.Chat]: 'Чат',
+    },
+  },
   calls: {
     direction: {
       [CallDirection.Inbound]: 'Вхідний | Вхідні',

package/src/components/atoms/wt-badge/__tests__/WtBadge.spec.js

@@ -1,19 +0,0 @@
-import { shallowMount } from '@vue/test-utils';
-import WtBadge from '../wt-badge.vue';
-
-describe('WtBadge', () => {
-  it('renders a component', () => {
-    const wrapper = shallowMount(WtBadge);
-    expect(wrapper.classes('wt-badge')).toBe(true);
-  });
-
-  it('renders a badge content via default slot', () => {
-    const content = 'badge content';
-    const wrapper = shallowMount(WtBadge, {
-      slots: {
-        default: content,
-      },
-    });
-    expect(wrapper.find('.wt-badge').text()).toBe(content);
-  });
-});

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

@@ -1,23 +0,0 @@
-<template>
-  <span class="wt-badge" :class="`wt-badge--${color}-color`">
-    <slot></slot>
-  </span>
-</template>
-
-<script>
-  export default {
-    name: 'wt-badge',
-    props: {
-      color: {
-        type: String,
-        default: 'main',
-        options: ['main', 'outline', 'accent', 'secondary', 'success', 'danger', 'transfer'],
-        notes: '"main" and "outline" are badge-specific colors',
-      },
-    },
-  };
-</script>
-
-<style lang="scss" scoped>
-  @import '../../../css/components/atoms/wt-badge/wt-badge';
-</style>

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

@@ -1,7 +0,0 @@
-
-:root {
-  --badge-padding: 5px 10px;
-  --badge-border-radius: 20px;
-  --badge-bg-color: var(--main-secondary-accent-color);
-  --badge-bg-color--outline: var(--main-outline-color);
-}

package/src/css/fonts/_fonts.scss

@@ -1,9 +0,0 @@
-@font-face {
-  font-family: 'Montserrat Semi';
-  src: url('../../assets/fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
-}
-
-@font-face {
-  font-family: 'Montserrat Regular';
-  src: url('../../assets/fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
-}

package/src/css/shadows/_shadows.scss

@@ -1,7 +0,0 @@
-:root {
-  --shadow-style-down-50: 0px 0px 1px rgba(0, 0, 0, 0.15), inset 1px 1px 1px rgba(0, 0, 0, 0.05);
-  --shadow-style-down-100: 0px 0px 1px rgba(0, 0, 0, 0.15), inset 1px 1px 1px rgba(0, 0, 0, 0.05), inset 0px 0px 8px rgba(0, 0, 0, 0.1);
-  --shadow-style-up-50: 1px 1px 2px rgba(0, 0, 0, 0.08), inset 1px 1px 1px #FFFFFF, inset -1px -1px 1px rgba(0, 0, 0, 0.05);
-  --shadow-style-up-100: 1px 1px 2px rgba(0, 0, 0, 0.05), -1px -1px 5px #FFFFFF, inset 1px 1px 1px #FFFFFF, inset -1px -1px 3px rgba(0, 0, 0, 0.1);
-  --shadow-style-font: 0px 0px 10px rgba(0, 0, 0, 0.1);
-}

package/src/css/sizes/_sizes.scss

@@ -1,2 +0,0 @@
-@import 'viewport-breakpoints';
-@import 'spacing';

package/src/css/sizes/_spacing.scss

@@ -1,33 +0,0 @@
-//@import './viewport-breakpoints';
-
-:root {
-  // Start point
-  --_spacing-multiplicity: 4px;
-
-  // Spacings
-  --spacing--xs: calc(var(--_spacing-multiplicity) * 1);
-  --spacing--sm: calc(var(--_spacing-multiplicity) * 2);
-  --spacing--md: calc(var(--_spacing-multiplicity) * 3);
-  --spacing--lg: calc(var(--_spacing-multiplicity) * 4);
-  --spacing--xl: calc(var(--_spacing-multiplicity) * 5);
-  --spacing--2xl: calc(var(--_spacing-multiplicity) * 6);
-  --spacing--3xl: calc(var(--_spacing-multiplicity) * 7);
-
-  // Border radius
-  --border-radius: var(--spacing--xs);
-
-  // DEPRECATED
-  --component-padding: var(--spacing--lg);
-  --component-spacing: var(--spacing--lg);
-  --icon-spacing: var(--spacing--sm);
-
-  //@media (#{$media} and #{$media-width-sm}) {
-  //  --component-padding: 10px;
-  //  --component-spacing: 10px;
-  //}
-  //
-  //@media (#{$media} and #{$media-width-xs}) {
-  //  --component-padding: 10px;
-  //  --component-spacing: 1px;
-  //}
-}

package/src/css/transitions/_transitions.scss

@@ -1 +0,0 @@
-@import "./fade/fade";

package/src/css/typography/_typography.scss

@@ -1,72 +0,0 @@
-
-%typo-heading-lg {
-  font: {
-    family: 'Montserrat Semi', monospace;
-    size: 24px;
-  }
-  line-height: 30px;
-}
-
-%typo-heading-md {
-  font: {
-    family: 'Montserrat Semi', monospace;
-    size: 20px;
-  }
-  line-height: 30px;
-}
-
-%typo-heading-sm {
-  font: {
-    family: 'Montserrat Semi', monospace;
-    size: 18px;
-  }
-  line-height: 24px;
-}
-
-%typo-strong-lg {
-  font: {
-    family: 'Montserrat Semi', monospace;
-    size: 14px;
-  }
-  line-height: 18px;
-}
-
-%typo-strong-md {
-  font: {
-    family: 'Montserrat Semi', monospace;
-    size: 12px;
-  }
-  line-height: 14px;
-}
-
-%typo-strong-sm {
-  font: {
-    family: 'Montserrat Semi', monospace;
-    size: 10px;
-  }
-  line-height: 12px;
-}
-
-%typo-body-lg {
-  font: {
-    family: 'Montserrat Regular', monospace;
-    size: 14px;
-  }
-  line-height: 18px;
-}
-
-%typo-body-md {
-  font: {
-    family: 'Montserrat Regular', monospace;
-    size: 12px;
-  }
-  line-height: 14px;
-}
-
-%typo-body-sm {
-  font: {
-    family: 'Montserrat Regular', monospace;
-    size: 10px;
-  }
-  line-height: 12px;
-}