@webitel/ui-sdk 25.10.60 → 25.10.62

package/dist/{vidstack-Bq6c3Bam-CddoBKkE.js → vidstack-Bq6c3Bam-gxXrCSig.js}

@@ -5,8 +5,8 @@ var ot = (n) => {
 var Xt = (n, t, s) => t in n ? Qt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : n[t] = s;
 var M = (n, t, s) => Xt(n, typeof t != "symbol" ? t + "" : t, s), X = (n, t, s) => t.has(n) || ot("Cannot " + s);
 var i = (n, t, s) => (X(n, t, "read from private field"), s ? s.call(n) : t.get(n)), d = (n, t, s) => t.has(n) ? ot("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, s), c = (n, t, s, r) => (X(n, t, "write to private field"), r ? r.call(n, s) : t.set(n, s), s), a = (n, t, s) => (X(n, t, "access private method"), s);
-import { y as Yt, x as ut, z as j, A as Zt, b as ti, E as nt, e as lt, B as _, C as ii, F as ei, d as si, G as ai, l as rt, H as dt, D as ni, L as Y, J as Z } from "./install-BIBTsOtE.js";
-import { R as ri } from "./vidstack-DqAw8m9J-BOZzC5vP.js";
+import { y as Yt, x as ut, z as j, A as Zt, b as ti, E as nt, e as lt, B as _, C as ii, F as ei, d as si, G as ai, l as rt, H as dt, D as ni, L as Y, J as Z } from "./install-CJQfl0hy.js";
+import { R as ri } from "./vidstack-DqAw8m9J-BV_UffFj.js";
 let q = null, z = [], J = [];
 function ht() {
   return q ?? (q = new AudioContext());

package/dist/{vidstack-D2pY00kU-_TcpbsxY.js → vidstack-D2pY00kU-BFY6dR6B.js}

@@ -5,7 +5,7 @@ var w = (t) => {
 var P = (t, e, a) => e in t ? _(t, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[e] = a;
 var u = (t, e, a) => P(t, typeof e != "symbol" ? e + "" : e, a), C = (t, e, a) => e.has(t) || w("Cannot " + a);
 var c = (t, e, a) => (C(t, e, "read from private field"), a ? a.call(t) : e.get(t)), m = (t, e, a) => e.has(t) ? w("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, a), y = (t, e, a, o) => (C(t, e, "write to private field"), o ? o.call(t, a) : e.set(t, a), a), s = (t, e, a) => (C(t, e, "access private method"), a);
-import { l as b, h as A, S as O, C as D, d as R, m as M } from "./install-BIBTsOtE.js";
+import { l as b, h as A, S as O, C as D, d as R, m as M } from "./install-CJQfl0hy.js";
 function G() {
   return "https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1";
 }
@@ -94,7 +94,7 @@ class F {
   async load(e) {
     if (!c(this, n))
       throw Error("[vidstack] google cast player was not initialized");
-    return new (await import("./vidstack-google-cast-C_H8WnQH.js")).GoogleCastProvider(c(this, n), e);
+    return new (await import("./vidstack-google-cast-IR47LQ6g.js")).GoogleCastProvider(c(this, n), e);
   }
 }
 n = new WeakMap(), r = new WeakSet(), S = async function(e) {

package/dist/{vidstack-DDXt6fpN-CHZwRfQ_.js → vidstack-DDXt6fpN-B-lwWzfa.js}

@@ -5,7 +5,7 @@ var g = (s) => {
 var w = (s, t, i) => t in s ? y(s, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[t] = i;
 var c = (s, t, i) => w(s, typeof t != "symbol" ? t + "" : t, i), h = (s, t, i) => t.has(s) || g("Cannot " + i);
 var e = (s, t, i) => (h(s, t, "read from private field"), i ? i.call(s) : t.get(s)), l = (s, t, i) => t.has(s) ? g("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(s) : t.set(s, i), p = (s, t, i, a) => (h(s, t, "write to private field"), a ? a.call(s, i) : t.set(s, i), i), u = (s, t, i) => (h(s, t, "access private method"), i);
-import { J as M, l as f, e as A, d as P, R as O, b as S } from "./install-BIBTsOtE.js";
+import { J as M, l as f, e as A, d as P, R as O, b as S } from "./install-CJQfl0hy.js";
 var r, o, b, m;
 class W {
   constructor(t) {

package/dist/{vidstack-D_-9AA6_-Cp8Dg-cI.js → vidstack-D_-9AA6_-BWo8rqGl.js}

@@ -1,4 +1,4 @@
-import { c as d, a as i, I as l, e as m } from "./install-BIBTsOtE.js";
+import { c as d, a as i, I as l, e as m } from "./install-CJQfl0hy.js";
 const p = /* @__PURE__ */ i(
   '<svg viewBox="0 0 32 32" fill="none" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"></svg>'
 );

package/dist/{vidstack-DqAw8m9J-BOZzC5vP.js → vidstack-DqAw8m9J-BV_UffFj.js}

@@ -3,7 +3,7 @@ var l = (i) => {
 };
 var c = (i, t, s) => t.has(i) || l("Cannot " + s);
 var r = (i, t, s) => (c(i, t, "read from private field"), s ? s.call(i) : t.get(i)), e = (i, t, s) => t.has(i) ? l("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, s), h = (i, t, s, f) => (c(i, t, "write to private field"), f ? f.call(i, s) : t.set(i, s), s), m = (i, t, s) => (c(i, t, "access private method"), s);
-import { j as p, t as u } from "./install-BIBTsOtE.js";
+import { j as p, t as u } from "./install-CJQfl0hy.js";
 var o, a, n, d;
 class F {
   constructor(t) {

package/dist/{vidstack-audio-BrPd1E5M.js → vidstack-audio-IHdHpg26.js}

@@ -1,8 +1,8 @@
 var a = Object.defineProperty;
 var o = (i, e, t) => e in i ? a(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
 var r = (i, e, t) => o(i, typeof e != "symbol" ? e + "" : e, t);
-import { s as p } from "./install-BIBTsOtE.js";
-import { H as d, a as u } from "./vidstack-Bq6c3Bam-CddoBKkE.js";
+import { s as p } from "./install-CJQfl0hy.js";
+import { H as d, a as u } from "./vidstack-Bq6c3Bam-gxXrCSig.js";
 class n extends d {
   constructor(t, s) {
     super(t, s);

package/dist/{vidstack-dash-Dd4QxslG.js → vidstack-dash-KAIY2weY.js}

@@ -5,9 +5,9 @@ var Y = (n) => {
 var wt = (n, t, e) => t in n ? vt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
 var I = (n, t, e) => wt(n, typeof t != "symbol" ? t + "" : t, e), b = (n, t, e) => t.has(n) || Y("Cannot " + e);
 var i = (n, t, e) => (b(n, t, "read from private field"), e ? e.call(n) : t.get(n)), f = (n, t, e) => t.has(n) ? Y("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, e), p = (n, t, e, r) => (b(n, t, "write to private field"), r ? r.call(n, e) : t.set(n, e), e), h = (n, t, e) => (b(n, t, "access private method"), e);
-import { o as Et, b as _, p as Lt, d as At, Q as z, l as J, e as Dt, D as N, f as xt, g as O, T as Mt, L as q, q as Ct, r as Nt, t as Rt, h as Ft, j as Z, k as Pt, m as qt, n as _t } from "./install-BIBTsOtE.js";
-import { VideoProvider as $t } from "./vidstack-video-CP-SHCvS.js";
-import { R as jt } from "./vidstack-DqAw8m9J-BOZzC5vP.js";
+import { o as Et, b as _, p as Lt, d as At, Q as z, l as J, e as Dt, D as N, f as xt, g as O, T as Mt, L as q, q as Ct, r as Nt, t as Rt, h as Ft, j as Z, k as Pt, m as qt, n as _t } from "./install-CJQfl0hy.js";
+import { VideoProvider as $t } from "./vidstack-video-DWMQ0ihW.js";
+import { R as jt } from "./vidstack-DqAw8m9J-BV_UffFj.js";
 function W(n) {
   try {
     return new Intl.DisplayNames(navigator.languages, { type: "language" }).of(n) ?? null;

package/dist/{vidstack-google-cast-C_H8WnQH.js → vidstack-google-cast-IR47LQ6g.js}

@@ -5,9 +5,9 @@ var W = (d) => {
 var vt = (d, t, s) => t in d ? Lt(d, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : d[t] = s;
 var G = (d, t, s) => vt(d, typeof t != "symbol" ? t + "" : t, s), O = (d, t, s) => t.has(d) || W("Cannot " + s);
 var e = (d, t, s) => (O(d, t, "read from private field"), s ? s.call(d) : t.get(d)), T = (d, t, s) => t.has(d) ? W("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(d) : t.set(d, s), l = (d, t, s, i) => (O(d, t, "write to private field"), i ? i.call(d, s) : t.set(d, s), s), r = (d, t, s) => (O(d, t, "access private method"), s);
-import { y as St, K as L, U as Z, x as At, D as tt, d as V, l as et, e as It, V as bt, L as Rt } from "./install-BIBTsOtE.js";
-import { R as wt } from "./vidstack-DqAw8m9J-BOZzC5vP.js";
-import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-_TcpbsxY.js";
+import { y as St, K as L, U as Z, x as At, D as tt, d as V, l as et, e as It, V as bt, L as Rt } from "./install-CJQfl0hy.js";
+import { R as wt } from "./vidstack-DqAw8m9J-BV_UffFj.js";
+import { g as Mt, a as Dt, b as it, h as st, l as Nt, c as Pt } from "./vidstack-D2pY00kU-BFY6dR6B.js";
 var g, _, at;
 class _t {
   constructor(t) {

package/dist/{vidstack-hls-C44OUY5O.js → vidstack-hls-hjvWJcUS.js}

@@ -5,9 +5,9 @@ var N = (n) => {
 var ot = (n, t, i) => t in n ? rt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: i }) : n[t] = i;
 var _ = (n, t, i) => ot(n, typeof t != "symbol" ? t + "" : t, i), R = (n, t, i) => t.has(n) || N("Cannot " + i);
 var e = (n, t, i) => (R(n, t, "read from private field"), i ? i.call(n) : t.get(n)), p = (n, t, i) => t.has(n) ? N("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(n) : t.set(n, i), f = (n, t, i, s) => (R(n, t, "write to private field"), s ? s.call(n, i) : t.set(n, i), i), a = (n, t, i) => (R(n, t, "access private method"), i);
-import { i as ht, b as C, p as at, d as O, Q as V, l as j, e as dt, D as x, f as ut, T as ct, g as k, L as $, h as lt, j as q, k as pt, m as ft, n as vt } from "./install-BIBTsOtE.js";
-import { VideoProvider as yt } from "./vidstack-video-CP-SHCvS.js";
-import { R as gt } from "./vidstack-DqAw8m9J-BOZzC5vP.js";
+import { i as ht, b as C, p as at, d as O, Q as V, l as j, e as dt, D as x, f as ut, T as ct, g as k, L as $, h as lt, j as q, k as pt, m as ft, n as vt } from "./install-CJQfl0hy.js";
+import { VideoProvider as yt } from "./vidstack-video-DWMQ0ihW.js";
+import { R as gt } from "./vidstack-DqAw8m9J-BV_UffFj.js";
 const Lt = (n) => ut(n);
 var T, h, o, D, b, r, E, M, U, F, Q, K, W, B, J, X, Y, z, G, Z, tt;
 class St {

package/dist/{vidstack-video-CP-SHCvS.js → vidstack-video-DWMQ0ihW.js}

@@ -5,8 +5,8 @@ var b = (i) => {
 var N = (i, t, e) => t in i ? $(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
 var m = (i, t, e) => N(i, typeof t != "symbol" ? t + "" : t, e), E = (i, t, e) => t.has(i) || b("Cannot " + e);
 var s = (i, t, e) => (E(i, t, "read from private field"), e ? e.call(i) : t.get(i)), r = (i, t, e) => t.has(i) ? b("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(i) : t.set(i, e), c = (i, t, e, n) => (E(i, t, "write to private field"), n ? n.call(i, e) : t.set(i, e), e), p = (i, t, e) => (E(i, t, "access private method"), e);
-import { s as U, u as V, v as A, w as q, x as C, l as F, D as Y, E as _, T as j, g as v } from "./install-BIBTsOtE.js";
-import { H as z, a as B } from "./vidstack-Bq6c3Bam-CddoBKkE.js";
+import { s as U, u as V, v as A, w as q, x as C, l as F, D as Y, E as _, T as j, g as v } from "./install-CJQfl0hy.js";
+import { H as z, a as B } from "./vidstack-Bq6c3Bam-gxXrCSig.js";
 var P, f, k, D, H;
 class G {
   constructor(t, e) {

package/dist/{vidstack-vimeo-LUL_WmZN.js → vidstack-vimeo-D-w_5fjk.js}

@@ -5,9 +5,9 @@ var N = (r) => {
 var de = (r, c, e) => c in r ? ue(r, c, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[c] = e;
 var b = (r, c, e) => de(r, typeof c != "symbol" ? c + "" : c, e), S = (r, c, e) => c.has(r) || N("Cannot " + e);
 var t = (r, c, e) => (S(r, c, "read from private field"), e ? e.call(r) : c.get(r)), f = (r, c, e) => c.has(r) ? N("Cannot add the same private member more than once") : c instanceof WeakSet ? c.add(r) : c.set(r, e), u = (r, c, e, i) => (S(r, c, "write to private field"), i ? i.call(r, e) : c.set(r, e), e), o = (r, c, e) => (S(r, c, "access private method"), e);
-import { y as fe, J as U, K as C, p as pe, e as q, d as Q, b as ye, M as _, L as R, l as be, N as ke, T as ve, Q as J } from "./install-BIBTsOtE.js";
-import { R as me } from "./vidstack-DqAw8m9J-BOZzC5vP.js";
-import { E as we } from "./vidstack-DDXt6fpN-CHZwRfQ_.js";
+import { y as fe, J as U, K as C, p as pe, e as q, d as Q, b as ye, M as _, L as R, l as be, N as ke, T as ve, Q as J } from "./install-CJQfl0hy.js";
+import { R as me } from "./vidstack-DqAw8m9J-BV_UffFj.js";
+import { E as we } from "./vidstack-DDXt6fpN-B-lwWzfa.js";
 import { resolveVimeoVideoId as Pe, getVimeoVideoInfo as Te } from "./vidstack-krOAtKMi-B4IZWKdc.js";
 const Ce = [
   "bufferend",

package/dist/{vidstack-youtube-D5NgWd5Z.js → vidstack-youtube-Ci1_W6v9.js}

@@ -5,8 +5,8 @@ var B = (r) => {
 var N = (r, n, e) => n in r ? K(r, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[n] = e;
 var T = (r, n, e) => N(r, typeof n != "symbol" ? n + "" : n, e), R = (r, n, e) => n.has(r) || B("Cannot " + e);
 var s = (r, n, e) => (R(r, n, "read from private field"), e ? e.call(r) : n.get(r)), p = (r, n, e) => n.has(r) ? B("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(r) : n.set(r, e), l = (r, n, e, t) => (R(r, n, "write to private field"), t ? t.call(r, e) : n.set(r, e), e), o = (r, n, e) => (R(r, n, "access private method"), e);
-import { y as q, J as z, p as A, e as G, b as H, M as Q, K as C, O as W, t as $, P as X } from "./install-BIBTsOtE.js";
-import { E as Z } from "./vidstack-DDXt6fpN-CHZwRfQ_.js";
+import { y as q, J as z, p as A, e as G, b as H, M as Q, K as C, O as W, t as $, P as X } from "./install-CJQfl0hy.js";
+import { E as Z } from "./vidstack-DDXt6fpN-B-lwWzfa.js";
 import { resolveYouTubeVideoId as ee } from "./vidstack-Dm1xEU9Q-qSXq3AI-.js";
 const b = {
   Ended: 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webitel/ui-sdk",
-  "version": "25.10.60",
+  "version": "25.10.62",
   "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",
@@ -65,6 +65,7 @@
     "deep-copy": "^1.4.2",
     "deep-equal": "^2.2.3",
     "deepmerge": "^4.3.1",
+    "emoji-picker-element": "^1.27.0",
     "file-saver-es": "^2.0.5",
     "flat": "^6.0.1",
     "is-valid-domain": "^0.1.6",
@@ -73,12 +74,12 @@
     "lodash-es": "^4.17.21",
     "mitt": "^3.0.1",
     "path-browserify": "^1.0.1",
-    "vidstack": "^1.12.13",
     "plyr": "^3.7.8",
     "primevue": "^4.3.4",
     "qs-esm": "^7.0.2",
     "sortablejs": "^1.15.3",
     "tailwindcss": "^4.1.7",
+    "vidstack": "^1.12.13",
     "vue-i18n": "^11.1.2",
     "vue-multiselect": "^3.1.0",
     "vue-observe-visibility": "^2.0.0-alpha.1",

package/src/components/index.js

@@ -1,3 +1,4 @@
+import WtChatEmoji from './on-demand/wt-chat-emoji/wt-chat-emoji.vue';
 import WtDisplayChipItems from './on-demand/wt-display-chip-items/wt-display-chip-items.vue';
 import WtNavigationMenu from './on-demand/wt-navigation-menu/components/wt-navigation-menu.vue';
 import WtSelectionPopup from './on-demand/wt-selection-popup/wt-selection-popup.vue';
@@ -145,6 +146,7 @@ const Components = {
   WtSelectionPopup,
   WtDisplayChipItems,
   WtVidstackPlayer,
+  WtChatEmoji,
 };
 
 export {
@@ -156,6 +158,7 @@ export {
   WtBreadcrumb,
   WtButton,
   WtButtonSelect,
+  WtChatEmoji,
   WtCheckbox,
   WtChip,
   WtConfirmDialog,

package/src/components/on-demand/wt-chat-emoji/wt-chat-emoji.vue

@@ -0,0 +1,95 @@
+<template>
+  <div
+    v-clickaway="closePicker"
+    class="wt-chat-emoji"
+  >
+    <wt-rounded-action
+      :size="size"
+      color="secondary"
+      icon="chat-emoji"
+      rounded
+      wide
+      @click="togglePicker"
+    />
+    <div
+      v-if="isOpened"
+      ref="emojiPickerWrapper"
+      class="wt-chat-emoji__wrapper"
+    ></div>
+  </div>
+</template>
+
+<script setup>
+import { ComponentSize } from '@webitel/ui-sdk/enums';
+import * as EmojiPicker from 'emoji-picker-element/picker'; ///!not delete
+import { nextTick,onBeforeUnmount, ref } from 'vue';
+
+const props = defineProps({
+  size: {
+    type: String,
+    default: ComponentSize.MD,
+  },
+});
+
+const emit = defineEmits(['insert-emoji']);
+
+const emojiPickerWrapper = ref(null);
+const isOpened = ref(false);
+const picker = ref(null);
+
+const initPicker = async () => {
+  if (picker.value) return;
+
+  picker.value = document.createElement('emoji-picker');
+
+  appendPicker();
+  picker.value.addEventListener('emoji-click', emitEmojiClickEvent);
+};
+
+const appendPicker = () => {
+  if (emojiPickerWrapper.value && picker.value) {
+    emojiPickerWrapper.value.appendChild(picker.value);
+  }
+};
+
+const emitEmojiClickEvent = (event) => {
+  const { unicode } = event.detail;
+  emit('insert-emoji', unicode);
+  closePicker();
+};
+
+const closePicker = () => {
+  isOpened.value = false;
+  if (picker.value && emojiPickerWrapper.value) {
+    picker.value.removeEventListener('emoji-click', emitEmojiClickEvent);
+    emojiPickerWrapper.value.removeChild(picker.value);
+    picker.value = null;
+  }
+};
+
+const togglePicker = async () => {
+  isOpened.value = !isOpened.value;
+  if (isOpened.value) {
+    await nextTick();
+    await initPicker();
+  } else {
+    closePicker();
+  }
+};
+
+onBeforeUnmount(() => {
+  closePicker();
+});
+</script>
+
+<style lang="scss" scoped>
+.wt-chat-emoji {
+  position: relative;
+  width: 100%;
+
+  :deep() emoji-picker {
+    --background: var(--content-wrapper-color);
+    --border-color: var(--secondary-color);
+  }
+}
+</style>

package/src/components/wt-icon/_variables.scss

@@ -9,17 +9,17 @@
 
   --icon-color: var(--grey-darken-2);
   --icon-active-color: var(--grey-darken-4);
-  --icon-primary-color: var(--primary-color);
-  --icon-error-color: var(--error-color);
-  --icon-success-color: var(--success-color);
-  --icon-warning-color: var(--warning-color);
+  --icon-primary-color: var(--p-primary-color);
+  --icon-error-color: var(--p-error-color);
+  --icon-success-color: var(--p-success-color);
+  --icon-warning-color: var(--p-warn-color);
   --icon-on-dark-color: var(--white);
   --icon-on-light-color: var(--grey-darken-3);
   --icon-on-primary-color: var(--primary-on-color);
-  --icon-info-color: var(--info-color);
-  --icon-chat-color: var(--chat-color);
-  --icon-transfer-color: var(--transfer-color);
-  --icon-job-color: var(--job-color);
+  --icon-info-color: var(--p-info-color);
+  --icon-chat-color: var(--p-chat-color);
+  --icon-transfer-color: var(--p-transfer-color);
+  --icon-job-color: var(--p-task-color);
   --icon-disabled-color: var(--grey-lighten-4);
 }
 

package/src/components/wt-icon-action/iconMappings.js

@@ -21,4 +21,5 @@ export const WtIconActionIconMappings = Object.freeze({
   [IconAction.APPLY_PRESET]: 'load-preset',
   [IconAction.ADD_CONTACT]: 'add-contact',
   [IconAction.DOWNLOAD_PDF]: 'download-pdf',
+  [IconAction.CHAT]: 'chat',
 });

package/src/components/wt-icon-action/wt-icon-action.vue

@@ -37,6 +37,7 @@ const props = defineProps({
         IconAction.APPLY_PRESET,
         IconAction.ADD_CONTACT,
         IconAction.DOWNLOAD_PDF,
+        IconAction.CHAT
       ]).includes(v),
   },
   disabled: {

package/src/enums/ChatGatewayProvider/ChatGatewayProvider.enum.js

@@ -1,12 +1,9 @@
-const ChatGatewayProvider = Object.freeze({
-  TELEGRAM_BOT: 'telegram',
-  TELEGRAM_APP: 'gotd',
-  MESSENGER: 'messenger',
-  VIBER: 'viber',
-  WEBCHAT: 'webchat',
-  INFOBIP: 'infobip_whatsapp',
-  CUSTOM: 'custom',
-  PORTAL: 'portal',
-});
+/*
+* @author @Lera24
+* @description Enum for Chat Gateway Providers
+* https://webitel.atlassian.net/browse/WTEL-7842?focusedCommentId=702198
+* */
+
+import { ChatGatewayProvider } from '@webitel/api-services/enums';
 
 export default ChatGatewayProvider;

package/src/enums/ChatGatewayProvider/ProviderIconType.enum.js

@@ -8,6 +8,7 @@ const ProviderIconType = Object.freeze({
   [ChatGatewayProvider.WEBCHAT]: 'messenger-web-chat',
   [ChatGatewayProvider.INFOBIP]: 'messenger-infobip',
   [ChatGatewayProvider.CUSTOM]: 'custom-chat-gateway',
+  [ChatGatewayProvider.PORTAL]: 'portal',
 });
 
 export default ProviderIconType;

package/src/enums/IconAction/IconAction.enum.js

@@ -22,6 +22,7 @@ const IconAction = Object.freeze({
   APPLY_PRESET: 'apply-preset',
   ADD_CONTACT: 'add-contact',
   DOWNLOAD_PDF: 'download-pdf',
+  CHAT: 'chat',
 });
 
 export default IconAction;

package/src/enums/index.ts

@@ -4,6 +4,7 @@ import { ButtonColor } from './ButtonColor/ButtonColor';
 import { ButtonSize } from './ButtonSize/ButtonSize.js';
 import { ButtonVariant } from './ButtonVariant/ButtonVariant';
 import ChatGatewayProvider from './ChatGatewayProvider/ChatGatewayProvider.enum.js';
+import ProviderIconType from './ChatGatewayProvider/ProviderIconType.enum';
 import { ChipColor } from './ChipColor/ChipColor';
 import { ComponentSize } from './ComponentSize/ComponentSize';
 import { CrudAction } from './CrudAction/CrudAction';
@@ -39,6 +40,7 @@ export {
   IconAction,
   IconColor,
   ProcessingTableColumnType,
+  ProviderIconType,
   QueueType,
   RelativeDatetimeValue,
   SupervisorSections,

package/src/locale/en/en.js

@@ -184,6 +184,11 @@ export default deepmerge({
     customization: {
       customization: 'Customization | Customizations',
     },
+    chatGateway: 'Chat gateway | Chat gateways',
+    chat: {
+      chat: 'Chat | Chats',
+      draftPlaceholder: 'Write a message...',
+    },
     queue: {
       queue: 'Queue | Queues',
       type: {
@@ -512,6 +517,7 @@ export default deepmerge({
         [IconAction.ADD_CONTACT]: ({ linked }) => {
           return `${linked('reusable.add')} contacts`;
         },
+        [IconAction.CHAT]: ({linked}) => linked('objects.chat.chat')
       },
     },
     errorPages: {

package/src/locale/es/es.js

@@ -177,6 +177,11 @@ export default {
     customization: {
       customization: 'Personalización | Personalizaciones',
     },
+    chatGateway: 'Pasarela de chat | Pasarelas de chat',
+    chat: {
+      chat: 'Chat | Chats',
+      draftPlaceholder: 'Escribe un mensaje...',
+    },
     queue: {
       queue: 'Cola | Colas',
       type: {
@@ -502,6 +507,7 @@ export default {
         [IconAction.ADD_CONTACT]: ({ linked }) => {
           return `${linked('reusable.add')} contacts`;
         },
+        [IconAction.CHAT]: ({linked}) => linked('objects.chat.chat')
       },
     },
     errorPages: {

package/src/locale/kz/kz.js

@@ -182,6 +182,11 @@ export default {
     customLookup: {
       customLookup: 'Жекелендіру | Жекелендірулер',
     },
+    chatGateway: 'Чат шлюзі | Чат шлюздер',
+    chat: {
+      chat: 'Чат | Чаттар',
+      draftPlaceholder: 'Хабарлама жазыңыз...',
+    },
     queue: {
       queue: 'Кезек | Кезектер',
       type: {
@@ -505,6 +510,7 @@ export default {
         [IconAction.ADD_CONTACT]: ({ linked }) => {
           return `${linked('reusable.add')} contacts`;
         },
+        [IconAction.CHAT]: ({linked}) => linked('objects.chat.chat')
       },
     },
     errorPages: {

package/src/locale/pl/pl.js

@@ -182,6 +182,11 @@ export default {
     customLookup: {
       customLookup: 'Dostosowanie | Dostosowania',
     },
+    chatGateway: 'Bramka czatu | Bramki czatu',
+    chat: {
+      chat: 'Czat | Czaty',
+      draftPlaceholder: 'Napisz wiadomość...',
+    },
     queue: {
       queue: 'Kolejka | Kolejki',
       type: {
@@ -506,6 +511,7 @@ export default {
         [IconAction.ADD_CONTACT]: ({ linked }) => {
           return `${linked('reusable.add')} kontakty`;
         },
+        [IconAction.CHAT]: ({linked}) => linked('objects.chat.chat')
       },
     },
     errorPages: {

package/src/locale/ro/ro.js

@@ -182,6 +182,11 @@ export default {
     customLookup: {
       customLookup: 'Personalizare | Personalizări',
     },
+    chatGateway: 'Gateway chat | Gateway-uri chat',
+    chat: {
+      chat: 'Chat | Chat-uri',
+      draftPlaceholder: 'Scrie un mesaj...',
+    },
     queue: {
       queue: 'Coadă | Cozi',
       type: {
@@ -507,6 +512,7 @@ export default {
         [IconAction.ADD_CONTACT]: ({ linked }) => {
           return `${linked('reusable.add')} contacte`;
         },
+        [IconAction.CHAT]: ({linked}) => linked('objects.chat.chat')
       },
     },
     errorPages: {

package/src/locale/ru/ru.js

@@ -182,6 +182,11 @@ export default {
       customLookup:
         'Пользовательский справочник | Пользовательские справочники',
     },
+    chatGateway: 'Текстовый шлюз | Текстовые шлюзы',
+    chat: {
+      chat: 'Чат | Чаты',
+      draftPlaceholder: 'Напишите сообщение...',
+    },
     queue: {
       queue: 'Очередь | Очереди',
       type: {
@@ -502,6 +507,7 @@ export default {
         [IconAction.ADD_CONTACT]: ({ linked }) => {
           return `${linked('reusable.add')} контакты`;
         },
+        [IconAction.CHAT]: ({linked}) => linked('objects.chat.chat')
       },
     },
     errorPages: {

package/src/locale/uk/uk.js

@@ -181,6 +181,11 @@ export default {
     customLookup: {
       customLookup: 'Користувацький довідник | Користувацькі довідники',
     },
+    chatGateway: 'Текстовий шлюз | Текстові шлюзи',
+    chat: {
+      chat: 'Чат | Чати',
+      draftPlaceholder: 'Напишіть повідомлення...',
+    },
     queue: {
       queue: 'Черга | Черги',
       type: {
@@ -501,6 +506,7 @@ export default {
         [IconAction.ADD_CONTACT]: ({ linked }) => {
           return `${linked('reusable.add')} контакти`;
         },
+        [IconAction.CHAT]: ({linked}) => linked('objects.chat.chat')
       },
     },
     errorPages: {

package/src/locale/uz/uz.js

@@ -183,6 +183,11 @@ export default {
     customLookup: {
       customLookup: 'Maxsuslash | Maxsuslashlar',
     },
+    chatGateway: 'Chat shlyuzi | Chat shlyuzlari',
+    chat: {
+      chat: 'Chat | Chatlar',
+      draftPlaceholder: 'Xabar yozing...',
+    },
     queue: {
       queue: 'Navbat | Navbatlar',
       type: {
@@ -509,6 +514,7 @@ export default {
         [IconAction.ADD_CONTACT]: ({ linked }) => {
           return `${linked('reusable.add')} kontaktlar`;
         },
+        [IconAction.CHAT]: ({linked}) => linked('objects.chat.chat')
       },
     },
     errorPages: {

package/src/locale/vi/vi.js

@@ -182,6 +182,11 @@ export default {
     customLookup: {
       customLookup: 'Tùy chỉnh | Các tùy chỉnh',
     },
+    chatGateway: 'Cổng trò chuyện | Các cổng trò chuyện',
+    chat: {
+      chat: 'Trò chuyện | Các cuộc trò chuyện',
+      draftPlaceholder: 'Viết tin nhắn...',
+    },
     queue: {
       queue: 'Hàng chờ | Hàng chờ',
       type: {
@@ -508,6 +513,7 @@ export default {
         [IconAction.ADD_CONTACT]: ({ linked }) => {
           return `${linked('reusable.add')} liên hệ`;
         },
+        [IconAction.CHAT]: ({linked}) => linked('objects.chat.chat')
       },
     },
     errorPages: {

package/types/components/index.d.ts

@@ -72,6 +72,7 @@ import WtTree from './wt-tree/wt-tree.vue';
 import WtTreeTable from './wt-tree-table/wt-tree-table.vue';
 import WtTypeExtensionValueInput from './on-demand/wt-type-extension-value-input/wt-type-extension-value-input.vue';
 import WtVidstackPlayer from './wt-vidstack-player/wt-vidstack-player.vue';
+import WtChatEmoji from './on-demand/wt-chat-emoji/wt-chat-emoji.vue';
 declare namespace Components {
     export { WtActionBar };
     export { WtImage };
@@ -145,5 +146,6 @@ declare namespace Components {
     export { WtSelectionPopup };
     export { WtDisplayChipItems };
     export { WtVidstackPlayer };
+    export { WtChatEmoji };
 }
-export { WtActionBar, WtAppHeader, WtAppNavigator, WtAvatar, WtBadge, WtBreadcrumb, WtButton, WtButtonSelect, WtCheckbox, WtChip, WtConfirmDialog, WtContextMenu, WtCopyAction, WtDatepicker, WtDisplayChipItems, WtDivider, WtDualPanel, WtDummy, WtEmpty, WtErrorPage, WtExpansionPanel, WtFiltersPanelWrapper, WtHeaderActions, WtHeadline, WtHint, WtIcon, WtIconAction, WtIconBtn, WtImage, WtIndicator, WtInput, WtInputInfo, WtIntersectionObserver, WtItemLink, WtLabel, WtLoadBar, WtLoader, WtLogo, WtNavigationBar, WtNavigationMenu, WtNotification, WtNotificationsBar, WtPageHeader, WtPageWrapper, WtPagination, WtPlayer, WtPopover, WtPopup, WtProgressBar, WtRadio, WtReplaceTransition, WtRoundedAction, WtSearchBar, WtSelect, WtSelectionPopup, WtSlider, WtStartPage, WtStatusSelect, WtStepper, WtSwitcher, WtTable, WtTableActions, WtTableColumnSelect, WtTabs, WtTagsInput, WtTextarea, WtTimeInput, WtTimepicker, WtTooltip, WtTree, WtTreeTable, WtTypeExtensionValueInput, WtVidstackPlayer };
+export { WtActionBar, WtAppHeader, WtAppNavigator, WtAvatar, WtBadge, WtBreadcrumb, WtButton, WtButtonSelect, WtCheckbox, WtChip, WtConfirmDialog, WtContextMenu, WtCopyAction, WtDatepicker, WtDisplayChipItems, WtDivider, WtDualPanel, WtDummy, WtEmpty, WtErrorPage, WtExpansionPanel, WtFiltersPanelWrapper, WtHeaderActions, WtHeadline, WtHint, WtIcon, WtIconAction, WtIconBtn, WtImage, WtIndicator, WtInput, WtInputInfo, WtIntersectionObserver, WtItemLink, WtLabel, WtLoadBar, WtLoader, WtLogo, WtNavigationBar, WtNavigationMenu, WtNotification, WtNotificationsBar, WtPageHeader, WtPageWrapper, WtPagination, WtPlayer, WtPopover, WtPopup, WtProgressBar, WtRadio, WtReplaceTransition, WtRoundedAction, WtSearchBar, WtSelect, WtSelectionPopup, WtSlider, WtStartPage, WtStatusSelect, WtStepper, WtSwitcher, WtTable, WtTableActions, WtTableColumnSelect, WtTabs, WtTagsInput, WtTextarea, WtTimeInput, WtTimepicker, WtTooltip, WtTree, WtTreeTable, WtTypeExtensionValueInput, WtVidstackPlayer, WtChatEmoji };

package/types/components/on-demand/wt-chat-emoji/wt-chat-emoji.vue.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    $emit: (event: "insert-emoji", ...args: any[]) => void;
+    size: string;
+    $props: {
+        readonly size?: string;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/components/wt-icon-action/iconMappings.d.ts

@@ -19,4 +19,5 @@ export const WtIconActionIconMappings: Readonly<{
     "apply-preset": "load-preset";
     "add-contact": "add-contact";
     "download-pdf": "download-pdf";
+    chat: "chat";
 }>;

package/types/enums/ChatGatewayProvider/ChatGatewayProvider.enum.d.ts

@@ -1,11 +1,2 @@
 export default ChatGatewayProvider;
-declare const ChatGatewayProvider: Readonly<{
-    TELEGRAM_BOT: "telegram";
-    TELEGRAM_APP: "gotd";
-    MESSENGER: "messenger";
-    VIBER: "viber";
-    WEBCHAT: "webchat";
-    INFOBIP: "infobip_whatsapp";
-    CUSTOM: "custom";
-    PORTAL: "portal";
-}>;
+import { ChatGatewayProvider } from '@webitel/api-services/enums';