@webitel/ui-sdk 26.4.30 → 26.4.32

package/dist/{wt-galleria-cwy7Tvf-.js → wt-galleria-BM3Xor8E.js}

@@ -1,5 +1,5 @@
 import { ref as k, onMounted as P, onUnmounted as D, useAttrs as Z, computed as $, resolveComponent as w, createBlock as A, openBlock as y, mergeProps as j, unref as i, withCtx as s, createVNode as a, createTextVNode as x, toDisplayString as g, createElementVNode as m, renderSlot as J, defineComponent as K, mergeModels as B, useModel as S, watch as F, nextTick as Q, createElementBlock as L, Fragment as W, createCommentVNode as q, normalizeClass as M, withDirectives as X, vShow as Y } from "vue";
-import { _ as ee, B as te } from "./install-CmnYn4Q5.js";
+import { _ as ee, B as te } from "./install-MeHxIEWi.js";
 const le = () => {
   const e = k(!1), c = () => {
     e.value ? l() : v();

package/dist/{wt-navigation-menu-BYbM07l8.js → wt-navigation-menu-C5TQqfjM.js}

@@ -1,5 +1,5 @@
 import { resolveComponent as h, createElementBlock as l, openBlock as c, Fragment as w, renderList as b, createElementVNode as p, withDirectives as N, normalizeClass as C, createVNode as _, createTextVNode as k, toDisplayString as $, renderSlot as S, vShow as E, withCtx as A, ref as L, computed as v } from "vue";
-import { _ as g } from "./install-CmnYn4Q5.js";
+import { _ as g } from "./install-MeHxIEWi.js";
 const V = { class: "nav-menu__category nav-menu-lvl-1" }, B = ["onClick"], D = {
   __name: "nav-menu-lvl-1",
   props: {

package/dist/{wt-notifications-bar-DezuiAAo.js → wt-notifications-bar-Coqv4RKY.js}

@@ -1,6 +1,6 @@
-import { i as p, e as _ } from "./isObject-KF_Ebg5z.js";
+import { i as p, e as _ } from "./isObject-D71pqbIt.js";
 import { resolveComponent as v, createElementBlock as d, openBlock as c, createVNode as B, TransitionGroup as $, withCtx as w, Fragment as g, renderList as x, createBlock as N, createTextVNode as b, toDisplayString as y } from "vue";
-import { _ as k } from "./install-CmnYn4Q5.js";
+import { _ as k } from "./install-MeHxIEWi.js";
 const C = (t) => p(t) && (t.entity || t.module), i = (t) => (o) => (...n) => {
   if (C(n[0])) {
     const u = n[0], { app: f = t, entity: s = "", module: r = "" } = u, e = /* @__PURE__ */ new Date(), a = window?.location?.href || "non-browser env";

package/dist/{wt-pagination-BGmYgSMp.js → wt-pagination-C7XbmBD5.js}

@@ -1,4 +1,4 @@
-import { _ as u, D as h } from "./install-CmnYn4Q5.js";
+import { _ as u, D as h } from "./install-MeHxIEWi.js";
 import { resolveComponent as r, resolveDirective as g, createElementBlock as m, openBlock as z, createElementVNode as o, createVNode as a, toDisplayString as b, withDirectives as d } from "vue";
 const t = 10, f = {
   name: "WtPagination",

package/dist/{wt-player-DQ8YcvKj.js → wt-player-DVXm-whp.js}

@@ -1,6 +1,6 @@
 import { resolveComponent as w, createElementBlock as l, openBlock as t, createVNode as o, defineComponent as p, toRefs as k, unref as z, normalizeClass as C, createElementVNode as _, createBlock as y, createCommentVNode as u } from "vue";
-import { u as E, T as x } from "./useVidstackSrc-B0xwIfTb.js";
-import { _ as i, E as f } from "./install-CmnYn4Q5.js";
+import { u as E, T as x } from "./useVidstackSrc-CpHWbv6g.js";
+import { _ as i, E as f } from "./install-MeHxIEWi.js";
 import { _ as b } from "./wt-slider.vue_vue_type_script_setup_true_lang-DlaRDHxo.js";
 const S = {}, V = { class: "mute-button" };
 function M(n, d) {

package/dist/{wt-screen-recordings-action-iak2FA0l.js → wt-screen-recordings-action-Bs5d5Qza.js}

@@ -1,6 +1,6 @@
 import { defineComponent as h, computed as x, resolveComponent as i, createElementBlock as y, openBlock as r, createVNode as a, createElementVNode as p, withCtx as l, createTextVNode as C, toDisplayString as _, createBlock as k, createCommentVNode as S, unref as T } from "vue";
 import { E } from "./displayText-Cbh4IOfM.js";
-import { _ as B } from "./install-CmnYn4Q5.js";
+import { _ as B } from "./install-MeHxIEWi.js";
 const m = {
   FileTypeScreensharing: "file_type_screensharing"
 }, F = { class: "wt-screen-recordings-action" }, N = { class: "wt-screen-recordings-action__option" }, V = /* @__PURE__ */ h({

package/dist/{wt-search-bar-B_a0nLqc.js → wt-search-bar-Q7WOxr_e.js}

@@ -1,5 +1,5 @@
 import { defineComponent as O, toRefs as $, computed as _, resolveComponent as o, resolveDirective as A, createBlock as s, openBlock as d, unref as a, normalizeClass as E, createSlots as U, withCtx as n, createVNode as p, createElementVNode as j, createCommentVNode as m, renderSlot as z, createTextVNode as K, toDisplayString as W, withDirectives as H } from "vue";
-import { z as P, D as R, _ as T } from "./install-CmnYn4Q5.js";
+import { z as P, D as R, _ as T } from "./install-MeHxIEWi.js";
 const q = { class: "wt-search-bar__icon-controls" }, F = /* @__PURE__ */ O({
   __name: "wt-search-bar",
   props: {

package/dist/{wt-selection-popup-Bs5eyX7a.js → wt-selection-popup-XSUoyYXq.js}

@@ -1,5 +1,5 @@
 import { resolveComponent as i, resolveDirective as $, createBlock as r, openBlock as t, mergeProps as x, withCtx as c, createVNode as f, createTextVNode as a, toDisplayString as s, unref as w, createElementVNode as h, renderSlot as k, createElementBlock as d, Fragment as z, renderList as D, normalizeClass as E, createCommentVNode as p, withDirectives as I } from "vue";
-import { _ as O, B as P } from "./install-CmnYn4Q5.js";
+import { _ as O, B as P } from "./install-MeHxIEWi.js";
 const j = { class: "wt-selection-popup__options" }, A = ["onClick"], F = { class: "wt-selection-popup__item-header typo-subtitle-2" }, L = {
   key: 1,
   class: "popup-options__item-text"

package/dist/{wt-start-page-DfMKqk3M.js → wt-start-page-DSLIDt4I.js}

@@ -1,5 +1,5 @@
 import { inject as y, resolveComponent as _, createElementBlock as d, openBlock as a, createElementVNode as o, createBlock as u, createCommentVNode as v, createTextVNode as g, toDisplayString as l, createVNode as N, withCtx as f, defineComponent as k, provide as w, computed as m, Fragment as E, renderList as S } from "vue";
-import { N as n, _ as p } from "./install-CmnYn4Q5.js";
+import { N as n, _ as p } from "./install-MeHxIEWi.js";
 n.env.NODE_ENV;
 n.env.NODE_ENV;
 n.env.NODE_ENV;

package/dist/{wt-status-select-zfarytHm.js → wt-status-select-k7fT8EML.js}

@@ -1,5 +1,5 @@
 import { resolveComponent as u, createBlock as d, openBlock as f, withCtx as c, createVNode as i } from "vue";
-import { _ as h } from "./install-CmnYn4Q5.js";
+import { _ as h } from "./install-MeHxIEWi.js";
 const s = Object.freeze({
   ONLINE: "online",
   PAUSE: "pause",

package/dist/{wt-stepper-DUG3Xaez.js → wt-stepper-B8hTikvF.js}

@@ -1,5 +1,5 @@
 import { computed as i, resolveComponent as w, createElementBlock as s, openBlock as p, createElementVNode as r, renderSlot as n, Fragment as h, renderList as f, createCommentVNode as y, createVNode as S, normalizeClass as C, withCtx as N, createTextVNode as V, toDisplayString as d } from "vue";
-import { _ as k } from "./install-CmnYn4Q5.js";
+import { _ as k } from "./install-MeHxIEWi.js";
 const x = { class: "wt-stepper" }, b = { class: "wt-stepper-header" }, g = { class: "wt-stepper-steps" }, B = { class: "wt-stepper-steps__wrapper" }, E = { class: "wt-stepper-description" }, $ = {
   __name: "wt-stepper",
   props: {

package/dist/{wt-table-hMzPySzt.js → wt-table-CTQFqBOY.js}

@@ -1,5 +1,5 @@
 import { defineComponent as ee, useSlots as te, useTemplateRef as oe, ref as H, computed as _, onMounted as le, onUnmounted as ae, resolveComponent as L, resolveDirective as re, createBlock as f, openBlock as c, createSlots as U, withCtx as i, createCommentVNode as b, createElementBlock as W, createVNode as V, withModifiers as ne, Fragment as se, renderList as de, createElementVNode as $, normalizeStyle as ie, renderSlot as h, createTextVNode as q, toDisplayString as K, withDirectives as ce, nextTick as ue } from "vue";
-import { B as pe, F as fe, _ as me } from "./install-CmnYn4Q5.js";
+import { B as pe, F as fe, _ as me } from "./install-MeHxIEWi.js";
 const ye = (r, E) => {
   let o = null, p = null, w = null, d = !1;
   const v = () => {

package/dist/{wt-table-actions-u2XOfySQ.js → wt-table-actions-BpjPRhUw.js}

@@ -1,5 +1,5 @@
 import { defineComponent as C, computed as l, resolveComponent as p, resolveDirective as g, createElementBlock as S, openBlock as n, renderSlot as y, withDirectives as r, createCommentVNode as u, createVNode as A, createBlock as a, withCtx as B, normalizeClass as I } from "vue";
-import { _ as O } from "./install-CmnYn4Q5.js";
+import { _ as O } from "./install-MeHxIEWi.js";
 const R = { class: "wt-table-actions" }, U = /* @__PURE__ */ C({
   __name: "wt-table-actions",
   props: {

package/dist/{wt-table-column-select-DbZqK3Qm.js → wt-table-column-select-Rxr-d2pp.js}

@@ -1,6 +1,6 @@
-import { d as C } from "./index-BDiSa4-m.js";
+import { d as C } from "./index-Cm3e6GRo.js";
 import { resolveComponent as a, resolveDirective as g, createElementBlock as c, openBlock as r, withDirectives as v, createVNode as s, withCtx as n, createTextVNode as i, toDisplayString as p, createElementVNode as h, normalizeClass as S, Fragment as k, renderList as D, withModifiers as y } from "vue";
-import { _ as P } from "./install-CmnYn4Q5.js";
+import { _ as P } from "./install-MeHxIEWi.js";
 const H = {
   name: "WtTableColumnSelect",
   model: {

package/dist/{wt-tabs-DTvCfvL6.js → wt-tabs-DJ64mvrE.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as s, openBlock as a, normalizeClass as o, createElementVNode as r, Fragment as c, renderList as d, renderSlot as u, normalizeProps as f, guardReactiveProps as h, toDisplayString as v, normalizeStyle as m } from "vue";
-import { _ as p } from "./install-CmnYn4Q5.js";
+import { _ as p } from "./install-MeHxIEWi.js";
 const _ = {
   name: "WtTabs",
   model: {

package/dist/{wt-tags-input-D3aSj0H_.js → wt-tags-input-CTp5WHMb.js}

@@ -1,5 +1,5 @@
-import { d as O } from "./index-BgvQJ55B.js";
-import { G as h, _ as E, C as S, M as z, H as A, J as B } from "./install-CmnYn4Q5.js";
+import { d as O } from "./index-CWYU_mwG.js";
+import { G as h, _ as E, C as S, M as z, H as A, J as B } from "./install-MeHxIEWi.js";
 import { resolveComponent as n, resolveDirective as R, createElementBlock as I, openBlock as v, normalizeClass as P, createBlock as p, createCommentVNode as c, createVNode as o, mergeProps as g, withCtx as a, renderSlot as b, normalizeProps as f, guardReactiveProps as $, createTextVNode as d, toDisplayString as r, toHandlers as j, createSlots as q, withDirectives as V, createElementVNode as w, vShow as H, withModifiers as N } from "vue";
 const D = {
   props: {

package/dist/{wt-timepicker-CtEEP15t.js → wt-timepicker-NAD78264.js}

@@ -1,5 +1,5 @@
 import { defineComponent as q, toRefs as R, computed as o, resolveComponent as w, createElementBlock as O, openBlock as d, normalizeClass as j, unref as t, createBlock as r, createCommentVNode as m, createElementVNode as A, mergeProps as F, withCtx as x, renderSlot as G, normalizeProps as J, guardReactiveProps as K, createTextVNode as S, toDisplayString as y, nextTick as Q } from "vue";
-import { B as W, z as X, C as Y, M as Z, _ as ee } from "./install-CmnYn4Q5.js";
+import { B as W, z as X, C as Y, M as Z, _ as ee } from "./install-MeHxIEWi.js";
 const le = { class: "wt-timepicker__wrapper" }, c = 3600, M = 60, ae = /* @__PURE__ */ q({
   __name: "wt-timepicker",
   props: {

package/dist/{wt-tree-table-DBI1YzTG.js → wt-tree-table-Cz4fvtT7.js}

@@ -1,5 +1,5 @@
 import { computed as C, unref as B, defineComponent as z, ref as M, onMounted as D, resolveComponent as L, createElementBlock as d, openBlock as l, Fragment as $, createElementVNode as u, createCommentVNode as b, normalizeClass as T, renderList as m, renderSlot as p, createBlock as x, createTextVNode as U, toDisplayString as H, createSlots as W, withCtx as I, toRef as O, normalizeStyle as Q, withModifiers as j, createVNode as q } from "vue";
-import { B as G, P as R, Q as J, _ as F, F as X } from "./install-CmnYn4Q5.js";
+import { B as G, P as R, Q as J, _ as F, F as X } from "./install-MeHxIEWi.js";
 const Y = ({ headers: e }) => {
   const { t: y } = G();
   return {

package/dist/{wt-tree-DKIlJ5Lj.js → wt-tree-wViLtwUK.js}

@@ -1,6 +1,6 @@
 import { defineComponent as z, computed as L, ref as J, onMounted as K, watch as Q, resolveComponent as I, createElementBlock as v, openBlock as i, Fragment as x, createElementVNode as D, withDirectives as X, renderSlot as T, createBlock as w, createCommentVNode as b, renderList as A, normalizeClass as M, toDisplayString as O, createVNode as Y, withCtx as W, createSlots as U, normalizeProps as q, guardReactiveProps as F, vShow as Z, unref as N } from "vue";
-import { d as P } from "./index-BgvQJ55B.js";
-import { W as _, _ as R } from "./install-CmnYn4Q5.js";
+import { d as P } from "./index-CWYU_mwG.js";
+import { W as _, _ as R } from "./install-MeHxIEWi.js";
 const ee = { class: "wt-tree-line" }, te = { class: "wt-tree-line__icon-wrapper" }, ae = { class: "wt-tree-line__label typo-body-1" }, le = /* @__PURE__ */ z({
   __name: "wt-tree-line",
   props: {

package/dist/{wt-type-extension-value-input-D2-w-B9U.js → wt-type-extension-value-input-DlAUGobl.js}

@@ -1,6 +1,6 @@
 import { defineComponent as we, mergeModels as Re, useModel as Ae, computed as S, resolveComponent as $, createBlock as Z, renderSlot as F, createCommentVNode as De, unref as D, openBlock as ee, mergeProps as _, createVNode as P } from "vue";
-import { ag as ve, ah as Oe, O as Ee, ai as Ce, aj as qe, B as ke, ak as xe, al as te, am as Se } from "./install-CmnYn4Q5.js";
-import { d as _e } from "./index-BDiSa4-m.js";
+import { ag as ve, ah as Oe, O as Ee, ai as Ce, aj as qe, B as ke, ak as xe, al as te, am as Se } from "./install-MeHxIEWi.js";
+import { d as _e } from "./index-Cm3e6GRo.js";
 import { get as Ue, set as Be } from "lodash-es";
 import "@aliasedDeps/api-services/axios";
 import * as e from "zod";

package/dist/{wt-vidstack-player-71xF8aro.js → wt-vidstack-player-1ALWyNaS.js}

@@ -1,6 +1,6 @@
 import { defineComponent as lt, inject as ye, createElementBlock as ft, openBlock as G, normalizeClass as be, unref as ot, createElementVNode as at, renderSlot as pt, createVNode as U, useTemplateRef as _i, onMounted as Ii, onBeforeUnmount as Vi, createBlock as Ut, createCommentVNode as Kt, toDisplayString as Di, createSlots as Ds, withCtx as Qt, resolveComponent as Ri, ref as us, provide as Oi, toRefs as Ni } from "vue";
-import { a as q, c as gt, i as B, b as Ie, d as S, e as nt, f as Ve, l as O, s as te, g as Rs, E as Os, D as L, h as Q, o as P, j as Hi, k as f, m as l, n as M, p as Ns, q as Fi, r as he, t as W, V as J, v as w, C as b, S as yt, w as Vt, x as p, y as rt, z, I as Hs, A as Bi, B as Gi, F as tt, G as Ge, H as Fs, J as ps, K as Ue, L as Bs, M as kt, N as Ke, O as ce, P as Ui, Q as xt, R as Ki, U as Qi, W as Wi, X as zi, Y as ji, Z as Yi, _ as Xi, $ as Ji, a0 as Zi, a1 as Gs, a2 as T, a3 as _, a4 as ue, a5 as ta, a6 as Dt, a7 as K, a8 as ea, a9 as sa, aa as ia, ab as aa, ac as ms, ad as na, ae as ra, af as v, ag as y, ah as oa, ai as ha, T as la, u as da } from "./useVidstackSrc-B0xwIfTb.js";
-import { T as ca, U as ua, V as pa, X as ma, _ as dt, Q as jt, Y as fa, C as Y } from "./install-CmnYn4Q5.js";
+import { a as q, c as gt, i as B, b as Ie, d as S, e as nt, f as Ve, l as O, s as te, g as Rs, E as Os, D as L, h as Q, o as P, j as Hi, k as f, m as l, n as M, p as Ns, q as Fi, r as he, t as W, V as J, v as w, C as b, S as yt, w as Vt, x as p, y as rt, z, I as Hs, A as Bi, B as Gi, F as tt, G as Ge, H as Fs, J as ps, K as Ue, L as Bs, M as kt, N as Ke, O as ce, P as Ui, Q as xt, R as Ki, U as Qi, W as Wi, X as zi, Y as ji, Z as Yi, _ as Xi, $ as Ji, a0 as Zi, a1 as Gs, a2 as T, a3 as _, a4 as ue, a5 as ta, a6 as Dt, a7 as K, a8 as ea, a9 as sa, aa as ia, ab as aa, ac as ms, ad as na, ae as ra, af as v, ag as y, ah as oa, ai as ha, T as la, u as da } from "./useVidstackSrc-CpHWbv6g.js";
+import { T as ca, U as ua, V as pa, X as ma, _ as dt, Q as jt, Y as fa, C as Y } from "./install-MeHxIEWi.js";
 import { _ as ga } from "./wt-slider.vue_vue_type_script_setup_true_lang-DlaRDHxo.js";
 const Us = gt();
 function $() {
@@ -2070,7 +2070,7 @@ class un {
     return "audio";
   }
   async load(t) {
-    return new (await import("./vidstack-audio-B37XwcY8.js")).AudioProvider(this.target, t);
+    return new (await import("./vidstack-audio-_sHFibxB.js")).AudioProvider(this.target, t);
   }
 }
 class je {
@@ -2083,7 +2083,7 @@ class je {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-video-DhvV6yuT.js")).VideoProvider(this.target, t);
+    return new (await import("./vidstack-video-C7Qptkzg.js")).VideoProvider(this.target, t);
   }
 }
 class Ye extends je {
@@ -2093,7 +2093,7 @@ class Ye extends je {
     return Ye.supported && Ge(t);
   }
   async load(t) {
-    return new (await import("./vidstack-hls-BcaqlMdk.js")).HLSProvider(this.target, t);
+    return new (await import("./vidstack-hls-DXkSTucY.js")).HLSProvider(this.target, t);
   }
 }
 class Xe extends je {
@@ -2103,7 +2103,7 @@ class Xe extends je {
     return Xe.supported && Ue(t);
   }
   async load(t) {
-    return new (await import("./vidstack-dash-BXHoBGdo.js")).DASHProvider(this.target, t);
+    return new (await import("./vidstack-dash-osW7_t7U.js")).DASHProvider(this.target, t);
   }
 }
 class pn {
@@ -2125,7 +2125,7 @@ class pn {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-vimeo-BIOQ72l9.js")).VimeoProvider(this.target, t);
+    return new (await import("./vidstack-vimeo-CeaMORm2.js")).VimeoProvider(this.target, t);
   }
   async loadPoster(t, e, s) {
     const { resolveVimeoVideoId: i, getVimeoVideoInfo: n } = await import("./vidstack-krOAtKMi-C50BTxmn.js");
@@ -2157,7 +2157,7 @@ class mn {
     return "video";
   }
   async load(t) {
-    return new (await import("./vidstack-youtube-LPvkuIr0.js")).YouTubeProvider(this.target, t);
+    return new (await import("./vidstack-youtube-BdX6H3uU.js")).YouTubeProvider(this.target, t);
   }
   async loadPoster(t, e, s) {
     const { findYouTubePoster: i, resolveYouTubeVideoId: n } = await import("./vidstack-Dm1xEU9Q-CXHNvShT.js"), r = S(t.src) && n(t.src);
@@ -2625,7 +2625,7 @@ class vn extends Ct {
         throw i.code = "CAST_NOT_AVAILABLE", i;
       }
       if (ee("https://www.gstatic.com"), !this.#v) {
-        const i = await import("./vidstack-D2pY00kU-sPoBbX0L.js").then((n) => n.v);
+        const i = await import("./vidstack-D2pY00kU-TAqIAVUC.js").then((n) => n.v);
         this.#v = new i.GoogleCastLoader();
       }
       await this.#v.prompt(this.#s), t && this.#e.queue.enqueue("media-google-cast-request", t);
@@ -8022,7 +8022,7 @@ class Lr extends v(HTMLElement, ai) {
     if (this.#e?.classList.contains("vds-google-cast"))
       return this.#e;
     const t = document.createElement("div");
-    return t.classList.add("vds-google-cast"), import("./vidstack-D_-9AA6_-C2DgO-os.js").then(({ insertContent: e }) => {
+    return t.classList.add("vds-google-cast"), import("./vidstack-D_-9AA6_-Fj0XhDLk.js").then(({ insertContent: e }) => {
       e(t, this.#t.$state);
     }), t;
   }

package/package.json

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

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

@@ -41,6 +41,7 @@
 
       <wt-icon
         v-if="icon"
+        :class="{ 'wt-button__icon--hidden': showLoader }"  
         :icon="icon"
         :icon-prefix="iconPrefix"
         :size="iconButtonSizeMap[size]"
@@ -175,6 +176,14 @@ watch(
   display: contents;
 }
 
+/* 
+	@author HlukhovYe
+	Hides the icon instantly when the loader is shown. 
+*/
+.wt-button__icon--hidden {
+  opacity: 0;
+}
+
 .wt-badge.wt-badge--absolute {
   position: absolute;
   top: 0;

package/src/locale/en/en.js

@@ -851,7 +851,7 @@ export default deepmerge(
 				delete: ({ named }) =>
 					`The ${named('entity').toLowerCase()} was deleted`,
 			},
-			info: {
+			warnings: {
 				passwordExpirationMessage: 'Your password will expire in { days } days',
 			},
 		},

package/src/locale/es/es.js

@@ -837,7 +837,7 @@ export default {
 			delete: ({ named }) =>
 				`El ${named('entity').toLowerCase()} fue eliminado`,
 		},
-		info: {
+		warnings: {
 			passwordExpirationMessage: 'Tu contraseña expirará en { days } días',
 		},
 	},

package/src/locale/kz/kz.js

@@ -838,7 +838,7 @@ export default {
 			create: ({ named }) => `${named('entity').toLowerCase()} сақталды`,
 			delete: ({ named }) => `${named('entity').toLowerCase()} жойылды`,
 		},
-		info: {
+		warnings: {
 			passwordExpirationMessage:
 				'Сіздің құпия сөзіңіз { days } күннен кейін мерзімі аяқталады',
 		},

package/src/locale/pl/pl.js

@@ -838,7 +838,7 @@ export default {
 			create: ({ named }) => `${named('entity').toLowerCase()} został zapisany`,
 			delete: ({ named }) => `${named('entity').toLowerCase()} został usunięty`,
 		},
-		info: {
+		warnings: {
 			passwordExpirationMessage: 'Twoje hasło wygaśnie za { days } dni',
 		},
 	},

package/src/locale/ro/ro.js

@@ -843,7 +843,7 @@ export default {
 			create: ({ named }) => `${named('entity').toLowerCase()} a fost salvat`,
 			delete: ({ named }) => `${named('entity').toLowerCase()} a fost șters`,
 		},
-		info: {
+		warnings: {
 			passwordExpirationMessage: 'Parola ta va expira în { days } zile',
 		},
 	},

package/src/locale/ru/ru.js

@@ -833,7 +833,7 @@ export default {
 			create: ({ named }) => `${named('entity')} был сохранён`,
 			delete: ({ named }) => `${named('entity')} был удалён`,
 		},
-		info: {
+		warnings: {
 			passwordExpirationMessage: 'Ваш пароль истечёт через { days } дн(я/ей)',
 		},
 	},

package/src/locale/uk/uk.js

@@ -832,7 +832,7 @@ export default {
 			create: ({ named }) => `${named('entity')} було збережено`,
 			delete: ({ named }) => `${named('entity')} було видалено`,
 		},
-		info: {
+		warnings: {
 			passwordExpirationMessage: 'Пароль спливе через { days } дн(і/ів)',
 		},
 	},

package/src/locale/uz/uz.js

@@ -841,7 +841,7 @@ export default {
 			create: ({ named }) => `${named('entity').toLowerCase()} saqlandi`,
 			delete: ({ named }) => `${named('entity').toLowerCase()} o'chirildi`,
 		},
-		info: {
+		warnings: {
 			passwordExpirationMessage:
 				'Parolingiz { days } kundan keyin amal qilishdan chiqadi',
 		},

package/src/locale/vi/vi.js

@@ -841,7 +841,7 @@ export default {
 			create: ({ named }) => `${named('entity').toLowerCase()} đã được lưu`,
 			delete: ({ named }) => `${named('entity').toLowerCase()} đã bị xóa`,
 		},
-		info: {
+		warnings: {
 			passwordExpirationMessage:
 				'Mật khẩu của bạn sẽ hết hạn sau { days } ngày',
 		},

package/src/modules/UserNotifications/api/UserNotifications.ts

@@ -0,0 +1,18 @@
+import {
+	applyTransform,
+	snakeToCamel,
+} from '@webitel/api-services/api/transformers';
+import { getUsers } from '@webitel/api-services/gen';
+
+const getUserWarnings = async () => {
+	try {
+		const response = await getUsers().getUserWarnings();
+		return applyTransform(response.data, [
+			snakeToCamel(),
+		]);
+	} catch (err) {
+		throw applyTransform(err, []);
+	}
+};
+
+export { getUserWarnings };

package/src/modules/UserNotifications/maps/userNotificationConfigsMap.ts

@@ -0,0 +1,16 @@
+import { ApiUserWarningId } from '@webitel/api-services/gen/models';
+import type { UserNotificationsConfigsMap } from '../types/UserWarnings';
+
+export const USER_NOTIFICATION_CONFIGS_MAP = new Map<
+	string,
+	UserNotificationsConfigsMap
+>([
+	[
+		ApiUserWarningId.PasswordExpiresSoon,
+		{
+			type: 'info',
+			localeKey: 'passwordExpirationMessage',
+			getDays: (warningData) => warningData.passwordExpiry.daysRemaining || 0,
+		},
+	],
+]);

package/src/modules/UserNotifications/stores/__tests__/userNotificationsStore.spec.ts

@@ -0,0 +1,118 @@
+import { ApiUserWarningId } from '@webitel/api-services/gen/models';
+import { createPinia, setActivePinia } from 'pinia';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { createApp } from 'vue';
+
+type ViMock = ReturnType<typeof vi.fn>;
+
+// Mocks for modules used by the store
+vi.mock('../../api/UserNotifications', () => {
+	return {
+		getUserWarnings: vi.fn(),
+	};
+});
+
+vi.mock('../../../../locale/i18n', () => {
+	return {
+		default: {
+			global: {
+				t: (key: string, payload?: number) =>
+					`${key}:${JSON.stringify(payload)}`,
+			},
+		},
+	};
+});
+
+vi.mock('../../../../scripts/eventBus', () => {
+	const emitMock = vi.fn();
+	return {
+		default: {
+			$on: vi.fn(),
+			$off: vi.fn(),
+			$emit: emitMock,
+		},
+	};
+});
+
+import eventBus from '../../../../scripts/eventBus';
+import { getUserWarnings } from '../../api/UserNotifications';
+import { USER_NOTIFICATION_CONFIGS_MAP } from '../../maps/userNotificationConfigsMap';
+import { createUserNotificationsStore } from '../userNotificationsStore';
+
+describe('createUserNotificationsStore', () => {
+	let useStore: ReturnType<typeof createUserNotificationsStore>;
+	let pinia: ReturnType<typeof createPinia>;
+
+	beforeEach(() => {
+		vi.clearAllMocks();
+
+		pinia = createPinia();
+		const app = createApp({});
+		app.use(pinia);
+		setActivePinia(pinia);
+
+		useStore = createUserNotificationsStore();
+	});
+
+	it('fetch should call API and populate notifications', async () => {
+		// Arrange: mock API to return warnings
+		const notificationsResponse = {
+			warnings: [
+				{
+					id: ApiUserWarningId.PasswordExpiresSoon,
+					warningData: {
+						passwordExpiry: {
+							daysRemaining: 5,
+						},
+					},
+				},
+			],
+		};
+
+		(getUserWarnings as ViMock).mockResolvedValue(notificationsResponse);
+
+		const store = useStore();
+
+		// Act
+		await store.initialize();
+
+		// Assert
+		expect(store.notifications.length).toBe(1);
+		expect(store.notifications[0].days).toBe(5);
+		expect(store.notifications[0].localeKey).toBe(
+			USER_NOTIFICATION_CONFIGS_MAP.get(ApiUserWarningId.PasswordExpiresSoon)
+				?.localeKey,
+		);
+		expect(getUserWarnings).toHaveBeenCalledOnce();
+	});
+
+	it('show should emit notification for mapped warnings', async () => {
+		const notificationsResponse = {
+			warnings: [
+				{
+					id: ApiUserWarningId.PasswordExpiresSoon,
+					warningData: {
+						passwordExpiry: {
+							daysRemaining: 3,
+						},
+					},
+				},
+			],
+		};
+
+		(getUserWarnings as ViMock).mockResolvedValue(notificationsResponse);
+
+		const store = useStore();
+		await store.initialize();
+
+		// Act: show should emit once
+		store.show();
+		expect(eventBus.$emit).toHaveBeenCalledOnce();
+		const [[eventName, payload]] = (eventBus.$emit as ViMock).mock.calls;
+		expect(eventName).toBe('notification');
+		expect(payload.type).toBe('info');
+		expect(payload.text).toContain(
+			'systemNotifications.warnings.passwordExpirationMessage',
+		);
+	});
+});

package/src/modules/UserNotifications/stores/userNotificationsStore.ts

@@ -0,0 +1,76 @@
+import type { ApiUserWarning } from '@webitel/api-services/gen/models';
+import { defineStore } from 'pinia';
+import { computed, ref } from 'vue';
+import i18n from '../../../locale/i18n';
+import eventBus from '../../../scripts/eventBus';
+import { getUserWarnings } from '../api/UserNotifications';
+import { USER_NOTIFICATION_CONFIGS_MAP } from '../maps/userNotificationConfigsMap';
+import type {
+	NotificationsType,
+	UserNotificationsConfigsMap,
+} from '../types/UserNotifications';
+
+export const createUserNotificationsStore = () => {
+	const namespace = 'userNotifications';
+
+	const store = defineStore(namespace, () => {
+		const rawNotifications = ref<ApiUserWarning[]>([]);
+
+		const initialize = async () => {
+			await fetch();
+		};
+
+		const fetch = async () => {
+			const response = await getUserWarnings();
+			rawNotifications.value =
+				(response && (response.warnings as ApiUserWarning[])) ?? [];
+		};
+
+		const notifications = computed<NotificationsType[]>(() => {
+			return rawNotifications.value
+				.map((notification) => {
+					const config: UserNotificationsConfigsMap =
+						USER_NOTIFICATION_CONFIGS_MAP.get(notification.id);
+					if (!config) return null;
+
+					return {
+						type: config.type,
+						localeKey: config.localeKey,
+						days: config.getDays(notification.warningData),
+						shown: false,
+					};
+				})
+				.filter(Boolean) as NotificationsType[];
+		});
+
+		const show = () => {
+			notifications.value.forEach((notification) => {
+				// @author @Lera24
+				//notification should only be displayed the first time you visit the page
+				if (notification.shown) return;
+
+				eventBus.$emit('notification', {
+					type: notification.type,
+					text: i18n.global.t(
+						`systemNotifications.warnings.${notification.localeKey}`,
+						{
+							days: notification.days,
+						},
+					),
+				});
+				notification.shown = true;
+			});
+		};
+
+		return {
+			initialize,
+			show,
+
+			/** internal for devtools/debug */
+			rawNotifications,
+			notifications,
+		};
+	});
+
+	return store;
+};

package/src/modules/UserNotifications/types/UserNotifications.ts

@@ -0,0 +1,15 @@
+interface UserNotificationsConfigsMap {
+	id: string;
+	type: 'info' | 'warning' | 'error';
+	localeKey: string;
+	getDays: (warningData: number) => number;
+}
+
+interface NotificationsType {
+	type: 'info' | 'warning' | 'error';
+	localeKey: string;
+	days: number;
+	shown?: boolean;
+}
+
+export type { NotificationsType, UserNotificationsConfigsMap };