@webitel/ui-sdk 25.10.88 → 25.10.89

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "25.10.88",
+  "version": "25.10.89",
   "private": false,
   "scripts": {
     "make-all": "npm version patch --git-tag-version false && npm run build && (npm run build:types || true) && (npm run lint:fix || true) && npm run publish-lib",

package/src/locale/en/en.js

@@ -376,6 +376,7 @@ export default deepmerge({
         [AdminSections.QuickReplies]: 'Quick replies',
       },
     },
+    [WebitelApplications.WFM]: { name: 'WFM' },
   },
   validation: {
     required: 'Field is required',

package/src/locale/es/es.js

@@ -370,6 +370,7 @@ export default {
         [AdminSections.QuickReplies]: 'Respuestas rápidas',
       },
     },
+    [WebitelApplications.WFM]: { name: 'WFM' },
   },
   validation: {
     required: 'Campo requerido',

package/src/locale/kz/kz.js

@@ -374,6 +374,7 @@ export default {
         [AdminSections.QuickReplies]: 'Жылдам жауаптар',
       },
     },
+    [WebitelApplications.WFM]: { name: 'WFM' },
   },
   validation: {
     required: 'Өріс міндетті',

package/src/locale/pl/pl.js

@@ -374,6 +374,7 @@ export default {
         [AdminSections.QuickReplies]: 'Szybkie odpowiedzi',
       },
     },
+    [WebitelApplications.WFM]: { name: 'WFM' },
   },
   validation: {
     required: 'Pole jest wymagane',

package/src/locale/ro/ro.js

@@ -375,6 +375,7 @@ export default {
         [AdminSections.QuickReplies]: 'Răspunsuri rapide',
       },
     },
+    [WebitelApplications.WFM]: { name: 'WFM' },
   },
   validation: {
     required: 'Câmpul este obligatoriu',

package/src/locale/ru/ru.js

@@ -374,6 +374,7 @@ export default {
         [AdminSections.QuickReplies]: 'Быстрые ответы',
       },
     },
+    [WebitelApplications.WFM]: { name: 'WFM' },
   },
   validation: {
     required: 'Обязательное поле',

package/src/locale/uk/uk.js

@@ -373,6 +373,7 @@ export default {
         [AdminSections.QuickReplies]: 'Швидкі відповіді',
       },
     },
+    [WebitelApplications.WFM]: { name: 'WFM' },
   },
   validation: {
     required: "Обов'язкове поле",

package/src/locale/uz/uz.js

@@ -377,6 +377,7 @@ export default {
         [AdminSections.QuickReplies]: 'Tezkor javoblar',
       },
     },
+    [WebitelApplications.WFM]: { name: 'WFM' },
   },
   validation: {
     required: "Maydon to'ldirilishi shart",

package/src/locale/vi/vi.js

@@ -377,6 +377,7 @@ export default {
         [AdminSections.QuickReplies]: 'Trả lời nhanh',
       },
     },
+    [WebitelApplications.WFM]: { name: 'WFM' },
   },
   validation: {
     required: 'Trường bắt buộc',

package/src/modules/Appearance/components/wt-dark-mode-switcher.vue

@@ -12,11 +12,19 @@ const props = defineProps({
   },
 });
 
+const emit = defineEmits(['changedMode'])
+
 const store = useStore();
 
 const mode = ref('light');
 
 const setThemeToStore = (theme) => {
+  // @author @stanislav-kozak
+  // when vuex store is not initialize and we use pinia
+  if (!store) {
+    return
+  }
+
   store.dispatch(`${props.namespace}/SET_THEME`, theme);
 };
 
@@ -30,6 +38,7 @@ const setMode = (value) => {
     document.documentElement.classList.remove('theme--dark');
     localStorage.setItem('theme', 'light');
   }
+  emit('changedMode', value)
   setThemeToStore(mode.value);
 };
 

package/src/modules/Appearance/pinia/store/AppearanceStore.ts

@@ -0,0 +1,25 @@
+import { defineStore } from 'pinia';
+import { computed, ref } from 'vue';
+
+export const createAppearanceStore = () => {
+  const namespace = 'appearance';
+
+  const store = defineStore(namespace, () => {
+    const theme = ref<null | string>(null);
+
+    const darkMode = computed(() => theme.value === 'dark')
+
+    const setTheme = (newTheme: string) => {
+      theme.value = newTheme
+    }
+
+    return {
+      theme,
+      darkMode,
+
+      setTheme
+    };
+  });
+
+  return store;
+};

package/src/modules/Userinfo/v2/stores/accessStore.ts

@@ -148,6 +148,7 @@ export const createUserAccessStore = ({
 
       routeAccessGuard,
       hasSpecialGlobalActionAccess,
+      hasApplicationVisibility,
 
       /**
        * @internal

package/src/modules/Userinfo/v2/stores/userinfoStore.ts

@@ -1,10 +1,11 @@
+import pick from 'lodash/pick';
 import { defineStore } from 'pinia';
 import { ref } from 'vue';
 
-import { getSession, getUiVisibilityAccess } from '../api/UserinfoAPI';
+import { getSession, getUiVisibilityAccess, logout } from '../api/UserinfoAPI';
 import { createUserAccessStore } from './accessStore';
 
-export const createUserinfoStore = () => {
+export const createUserinfoStore = (thisApp: string = null) => {
   const namespace = 'userinfo';
   const useAccessStore = createUserAccessStore({
     namespace,
@@ -21,25 +22,47 @@ export const createUserinfoStore = () => {
       routeAccessGuard,
       hasSpecialGlobalActionAccess,
       hasSectionVisibility,
+      hasApplicationVisibility,
     } = accessStore;
 
     const userId = ref();
+    const userInfo = ref(null);
 
     const initialize = async () => {
-      const { scope, permissions, ...userinfo } = await getSession();
+      const session = await getSession();
       const access = await getUiVisibilityAccess();
 
-      userId.value = userinfo.userId;
+      userId.value = session.userId;
+      userInfo.value = pick(session, [
+        'domainId',
+        'username',
+        'permissions',
+        'userId',
+        'scope',
+        'roles',
+        'license',
+      ]);
 
       initializeAccessStore({
-        scope,
-        permissions,
+        scope: session.scope,
+        permissions: session.permissions,
         access,
       });
     };
 
+    const logoutUser = async () => {
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      const authUrl = import.meta.env.VITE_AUTH_URL;
+      if (!authUrl) throw new Error('No authUrl for LOGOUT provided');
+      await logout();
+      window.location.href = authUrl;
+    };
+
     return {
       userId,
+      thisApp,
+      userInfo,
       initialize,
 
       hasReadAccess,
@@ -50,9 +73,12 @@ export const createUserinfoStore = () => {
       hasSectionVisibility,
       routeAccessGuard,
       hasSpecialGlobalActionAccess,
+      hasApplicationVisibility,
+      logoutUser,
     };
   });
 
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-ignore
   window._userinfoStore = store;
 

package/types/locale/en/en.d.ts

@@ -333,6 +333,9 @@ declare const _default: {
                 "quick-replies": string;
             };
         };
+        [WebitelApplications.WFM]: {
+            name: string;
+        };
         overrideApplicationsAccess: {
             [WebitelApplications.CRM]: {
                 sections: {

package/types/modules/Appearance/components/wt-dark-mode-switcher.vue.d.ts

@@ -1,4 +1,5 @@
 declare const _default: import("vue").DefineComponent<{}, {
+    $emit: (event: "changedMode", ...args: any[]) => void;
     namespace: string;
     $props: {
         readonly namespace?: string;

package/types/modules/Appearance/pinia/store/AppearanceStore.d.ts

@@ -0,0 +1,13 @@
+export declare const createAppearanceStore: () => import("pinia").StoreDefinition<"appearance", Pick<{
+    theme: import("vue").Ref<string, string>;
+    darkMode: import("vue").ComputedRef<boolean>;
+    setTheme: (newTheme: string) => void;
+}, "theme">, Pick<{
+    theme: import("vue").Ref<string, string>;
+    darkMode: import("vue").ComputedRef<boolean>;
+    setTheme: (newTheme: string) => void;
+}, "darkMode">, Pick<{
+    theme: import("vue").Ref<string, string>;
+    darkMode: import("vue").ComputedRef<boolean>;
+    setTheme: (newTheme: string) => void;
+}, "setTheme">>;

package/types/modules/Userinfo/v2/stores/userinfoStore.d.ts

@@ -1,5 +1,7 @@
-export declare const createUserinfoStore: () => import("pinia").StoreDefinition<"userinfo", Pick<{
+export declare const createUserinfoStore: (thisApp?: string) => import("pinia").StoreDefinition<"userinfo", Pick<{
     userId: import("vue").Ref<any, any>;
+    thisApp: string;
+    userInfo: import("vue").Ref<any, any>;
     initialize: () => Promise<void>;
     hasReadAccess: (object?: import("../../../../enums").WtObject) => boolean;
     hasCreateAccess: (object?: import("../../../../enums").WtObject) => boolean;
@@ -8,8 +10,12 @@ export declare const createUserinfoStore: () => import("pinia").StoreDefinition<
     hasSectionVisibility: (section: import("../types/UserAccess").UiSection, object: import("../../../../enums").WtObject) => boolean;
     routeAccessGuard: import("vue-router").NavigationGuard;
     hasSpecialGlobalActionAccess: (id: import("../enums").SpecialGlobalAction) => boolean;
-}, "userId">, Pick<{
+    hasApplicationVisibility: any;
+    logoutUser: () => Promise<void>;
+}, any>, Pick<{
     userId: import("vue").Ref<any, any>;
+    thisApp: string;
+    userInfo: import("vue").Ref<any, any>;
     initialize: () => Promise<void>;
     hasReadAccess: (object?: import("../../../../enums").WtObject) => boolean;
     hasCreateAccess: (object?: import("../../../../enums").WtObject) => boolean;
@@ -18,8 +24,12 @@ export declare const createUserinfoStore: () => import("pinia").StoreDefinition<
     hasSectionVisibility: (section: import("../types/UserAccess").UiSection, object: import("../../../../enums").WtObject) => boolean;
     routeAccessGuard: import("vue-router").NavigationGuard;
     hasSpecialGlobalActionAccess: (id: import("../enums").SpecialGlobalAction) => boolean;
-}, never>, Pick<{
+    hasApplicationVisibility: any;
+    logoutUser: () => Promise<void>;
+}, any>, Pick<{
     userId: import("vue").Ref<any, any>;
+    thisApp: string;
+    userInfo: import("vue").Ref<any, any>;
     initialize: () => Promise<void>;
     hasReadAccess: (object?: import("../../../../enums").WtObject) => boolean;
     hasCreateAccess: (object?: import("../../../../enums").WtObject) => boolean;
@@ -28,4 +38,6 @@ export declare const createUserinfoStore: () => import("pinia").StoreDefinition<
     hasSectionVisibility: (section: import("../types/UserAccess").UiSection, object: import("../../../../enums").WtObject) => boolean;
     routeAccessGuard: import("vue-router").NavigationGuard;
     hasSpecialGlobalActionAccess: (id: import("../enums").SpecialGlobalAction) => boolean;
-}, "initialize" | "hasReadAccess" | "hasCreateAccess" | "hasUpdateAccess" | "hasDeleteAccess" | "routeAccessGuard" | "hasSpecialGlobalActionAccess" | "hasSectionVisibility">>;
+    hasApplicationVisibility: any;
+    logoutUser: () => Promise<void>;
+}, any>>;