@webitel/ui-sdk 23.12.19 → 23.12.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "23.12.19",
+  "version": "23.12.21",
   "private": false,
   "scripts": {
     "build": "vue-cli-service build --target lib --name ui-sdk ./src/install.js",
@@ -48,6 +48,7 @@
     "is-valid-domain": "^0.1.6",
     "jszip": "^3.5.0",
     "jszip-utils": "^0.1.0",
+    "lodash": "^4.17.21",
     "node-polyfill-webpack-plugin": "^1.1.4",
     "plyr": "3.6.2",
     "query-string": "^8.1.0",
@@ -73,6 +74,7 @@
     "@vue/eslint-config-airbnb": "^6.0.0",
     "@vue/test-utils": "^2.3.0",
     "@vue/vue3-jest": "^29.2.2",
+    "babel-preset-vite": "^1.1.0",
     "bamboo-jest-reporter": "^1.0.3",
     "eslint": "^8.14.0",
     "eslint-plugin-import": "^2.20.2",

package/src/api/axios/generateInstance.js

@@ -3,7 +3,7 @@ import axios from 'axios';
 // 'X-Webitel-Access' ~ 'X-Access-Token'
 const generateInstance = ({ interceptors } = {}) => {
   const instance = axios.create({
-    baseURL: process.env.VUE_APP_API_URL,
+    baseURL: process ? process.env.VUE_APP_API_URL : import.meta.env.VITE_API_URL,
     headers: {
       'X-Webitel-Access': localStorage.getItem('access-token') || '',
     },

package/src/components/wt-headline-nav/_variables.scss

@@ -3,6 +3,6 @@
   --headline-nav-indicator-size: 4px;
   --headline-nav-gap: var(--spacing-sm);
   --headline-nav-dot-gap: var(--spacing-2xs);
-  --headline-nav-indicator-color: var(--primary-color);
+  --headline-nav-indicator-color: var(--icon-color);
   --headline-nav-accent-indicator-color: var(--primary-color);
 }

package/src/components/wt-headline-nav/wt-headline-nav.vue

@@ -68,7 +68,7 @@ const props = defineProps({
     height: var(--headline-nav-indicator-size);
     content: '';
     border-radius: 50%;
-    background: var(--icon-color);
+    background: var(--headline-nav-indicator-color);
   }
 }
 
@@ -85,7 +85,7 @@ const props = defineProps({
 
   .wt-headline-nav__indicator {
     &:before {
-      background: var(--icon-primary-color);
+      background: var(--headline-nav-accent-indicator-color);
     }
   }
 

package/src/components/wt-player/__tests__/WtPlayer.spec.js

@@ -2,7 +2,7 @@ import { shallowMount } from '@vue/test-utils';
 import WtPlayer from '../wt-player.vue';
 
 describe('WtPlayer', () => {
-  xit('renders a component', () => {
+  it.skip('renders a component', () => {
     const wrapper = shallowMount(WtPlayer);
     expect(wrapper.classes('wt-player')).toBe(true);
   });

package/src/components/wt-player/wt-player.vue

@@ -101,7 +101,7 @@ export default {
   methods: {
     async setupPlayer() {
       await this.$nextTick(); // test is failing to render component if element is passed to Plyr as Vue $ref
-      const baseURL = this.$baseURL || process.env.BASE_URL;
+      const baseURL = this.$baseURL || process.env.BASE_URL || import.meta.env.BASE_URL;
       if (this.player) this.player.destroy();
       const controls = [
         'play-large', 'play', 'progress', 'current-time',

package/src/modules/FilesExport/scripts/generateMediaURL.js

@@ -1,6 +1,6 @@
 const generateMediaURL = (id) => {
   const token = localStorage.getItem('access-token');
-  const BASE_URL = process.env.VUE_APP_API_URL;
+  const BASE_URL = process ? process.env.VUE_APP_API_URL : import.meta.env.VITE_API_URL;
   return `${BASE_URL}/storage/recordings/${id}/stream?access_token=${token}`;
 };
 

package/src/modules/Userinfo/components/the-auth.vue

@@ -16,7 +16,7 @@
 <script>
 import AuthAPI from '../api/auth';
 
-const authURL = process.env.VUE_APP_AUTH_MODULE_URL;
+const authURL = process ? process.env.VUE_APP_AUTH_MODULE_URL : import.meta.env.VITE_AUTH_MODE_URL;
 
 export default {
   name: 'auth',

package/src/scripts/debounce.js

@@ -1,4 +1,4 @@
-import lodashDebounce from 'lodash.debounce';
+import lodashDebounce from 'lodash/debounce';
 
 const debounce = (fn, wait = 1000, options) => lodashDebounce(fn, wait, options);