@webitel/ui-sdk 3.2.131 → 3.2.133

package/package.json

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

package/src/composables/useCachedInterval/__tests__/useCachedInterval.spec.js

@@ -0,0 +1,14 @@
+import { useCachedInterval } from '../useCachedInterval';
+
+describe('useCachedInterval', () => {
+  it('subscribe', (done) => {
+    const callback = jest.fn();
+    const { subscribe } = useCachedInterval({ timeout: 10 });
+    subscribe(callback);
+    expect(callback).toHaveBeenCalledTimes(1);
+    setTimeout(() => {
+      expect(callback).toHaveBeenCalledTimes(2);
+      done();
+    }, 10);
+  });
+});

package/src/composables/useCachedInterval/useCachedInterval.js

@@ -0,0 +1,21 @@
+import { onBeforeUnmount } from 'vue';
+import preventHiddenPageCallsDecorator
+  from '../../scripts/preventHiddenPageCallsDecorator';
+
+// eslint-disable-next-line import/prefer-default-export
+export const useCachedInterval = ({
+                             timeout,
+                             localStorageKey = 'auto-refresh',
+                           }) => {
+  let interval = null;
+
+  onBeforeUnmount(() => {
+    if (interval) clearInterval(interval);
+  });
+  const subscribe = (callback) => {
+    const _timeout = timeout || +localStorage.getItem(localStorageKey) || 5 * 60 * 1000;
+    callback();
+    interval = setInterval(preventHiddenPageCallsDecorator(callback), _timeout);
+  };
+  return { subscribe };
+};

package/src/store/ReactiveNowStoreModule/ReactiveNowStoreModule.js

@@ -0,0 +1,27 @@
+import BaseStoreModule from '../BaseStoreModules/BaseStoreModule';
+
+let interval = null;
+
+export default class ReactiveNowStoreModule extends BaseStoreModule {
+  state = {
+    now: Date.now(),
+  };
+
+  actions = {
+    SET_NOW_WATCHER: (context) => {
+      interval = setInterval(() => {
+        context.commit('UPDATE_NOW');
+      }, 1000);
+    },
+
+    CLEAR_NOW_WATCHER: () => {
+      clearInterval(interval);
+    },
+  };
+
+  mutations = {
+    UPDATE_NOW: (state) => {
+      state.now = Date.now();
+    },
+  };
+}