@bcc-code/vue-bcc-chat-ui 3.17.0 → 3.18.0

package/dist/vue-bcc-chat-ui.js

@@ -3,7 +3,7 @@ var ES = (e) => {
   throw TypeError(e);
 };
 var cke = (e, t, n) => t in e ? uke(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var Xn = (e, t, n) => cke(e, typeof t != "symbol" ? t + "" : t, n), CS = (e, t, n) => t.has(e) || ES("Cannot " + n);
+var qn = (e, t, n) => cke(e, typeof t != "symbol" ? t + "" : t, n), CS = (e, t, n) => t.has(e) || ES("Cannot " + n);
 var Li = (e, t, n) => (CS(e, t, "read from private field"), n ? n.call(e) : t.get(e)), pS = (e, t, n) => t.has(e) ? ES("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n);
 var Ir = (e, t, n) => (CS(e, t, "access private method"), n);
 import { defineComponent as Qt, ref as ae, onBeforeMount as hr, watch as Vr, inject as Tn, onMounted as gr, onUpdated as _0, onBeforeUnmount as mr, nextTick as oo, computed as Hn, reactive as Np, onUnmounted as Uu, onBeforeUpdate as Oa, getCurrentInstance as f0, openBlock as U, createElementBlock as F, createCommentVNode as Ve, normalizeStyle as it, createBlock as vt, resolveDynamicComponent as wt, mergeProps as Ot, toHandlers as Nt, withCtx as ft, Fragment as mt, renderList as _t, createElementVNode as Se, resolveComponent as pn, createVNode as Nn, toDisplayString as Jn, withDirectives as mu, vShow as vu, createTextVNode as Dp, renderSlot as dke, createSlots as o0, normalizeProps as c0, normalizeClass as Js, KeepAlive as gke, pushScopeId as Kv, popScopeId as Qv, triggerRef as hke, unref as tr, provide as Eke, watchEffect as Cke } from "vue";
@@ -9402,7 +9402,7 @@ var te = {}, d = {}, Zv = { exports: {} };
     }]);
   });
 })(Zv);
-var Z = Zv.exports, qv = {}, qn = {}, ol = {}, Wn = {};
+var Z = Zv.exports, qv = {}, Xn = {}, ol = {}, Wn = {};
 Object.defineProperty(Wn, "__esModule", { value: !0 });
 Wn.isFunction = void 0;
 function fke(e) {
@@ -9841,8 +9841,8 @@ function eA(e) {
   };
 }
 Ma.pipeFromArray = eA;
-Object.defineProperty(qn, "__esModule", { value: !0 });
-qn.Observable = void 0;
+Object.defineProperty(Xn, "__esModule", { value: !0 });
+Xn.Observable = void 0;
 var sp = ol, Fke = fr, zke = Zi, $ke = Ma, Vke = ai, NC = Wn, Yke = Xa, Hke = function() {
   function e(t) {
     t && (this._subscribe = t);
@@ -9903,7 +9903,7 @@ var sp = ol, Fke = fr, zke = Zi, $ke = Ma, Vke = ai, NC = Wn, Yke = Xa, Hke = fu
     return new e(t);
   }, e;
 }();
-qn.Observable = Hke;
+Xn.Observable = Hke;
 function yS(e) {
   var t;
   return (t = e ?? Vke.config.Promise) !== null && t !== void 0 ? t : Promise;
@@ -10037,7 +10037,7 @@ var rUe = $e && $e.__extends || /* @__PURE__ */ function() {
 }();
 Object.defineProperty(qi, "__esModule", { value: !0 });
 qi.ConnectableObservable = void 0;
-var oUe = qn, _S = fr, aUe = Gu, iUe = Xt, sUe = Ft, lUe = function(e) {
+var oUe = Xn, _S = fr, aUe = Gu, iUe = Xt, sUe = Ft, lUe = function(e) {
   rUe(t, e);
   function t(n, r) {
     var o = e.call(this) || this;
@@ -10133,7 +10133,7 @@ var xp = {};
 })(xp);
 Object.defineProperty(O0, "__esModule", { value: !0 });
 O0.animationFrames = void 0;
-var uUe = qn, cUe = rA, fS = xp;
+var uUe = Xn, cUe = rA, fS = xp;
 function dUe(e) {
   return e ? oA(e) : gUe;
 }
@@ -10193,7 +10193,7 @@ var aA = $e && $e.__extends || /* @__PURE__ */ function() {
 };
 Object.defineProperty(Sr, "__esModule", { value: !0 });
 Sr.AnonymousSubject = Sr.Subject = void 0;
-var MS = qn, lp = fr, CUe = ju, pUe = ko, DC = Xa, iA = function(e) {
+var MS = Xn, lp = fr, CUe = ju, pUe = ko, DC = Xa, iA = function(e) {
   aA(t, e);
   function t() {
     var n = e.call(this) || this;
@@ -11000,7 +11000,7 @@ qs.VirtualAction = hA;
 var U0 = {}, _o = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", { value: !0 }), e.empty = e.EMPTY = void 0;
-  var t = qn;
+  var t = Xn;
   e.EMPTY = new t.Observable(function(o) {
     return o.complete();
   });
@@ -11342,7 +11342,7 @@ var D5e = $e && $e.__awaiter || function(e, t, n, r) {
 };
 Object.defineProperty(Cn, "__esModule", { value: !0 });
 Cn.fromReadableStreamLike = Cn.fromAsyncIterable = Cn.fromIterable = Cn.fromPromise = Cn.fromArrayLike = Cn.fromInteropObservable = Cn.innerFrom = void 0;
-var w5e = ll, x5e = Vu, ul = qn, k5e = Yu, U5e = Hu, P5e = Wu, B5e = Ku, CA = ei, G5e = Wn, j5e = Bu, F5e = Zi;
+var w5e = ll, x5e = Vu, ul = Xn, k5e = Yu, U5e = Hu, P5e = Wu, B5e = Ku, CA = ei, G5e = Wn, j5e = Bu, F5e = Zi;
 function z5e(e) {
   if (e instanceof ul.Observable)
     return e;
@@ -11525,7 +11525,7 @@ B0.schedulePromise = rPe;
 var G0 = {};
 Object.defineProperty(G0, "__esModule", { value: !0 });
 G0.scheduleArray = void 0;
-var oPe = qn;
+var oPe = Xn;
 function aPe(e, t) {
   return new oPe.Observable(function(n) {
     var r = 0;
@@ -11538,7 +11538,7 @@ G0.scheduleArray = aPe;
 var Qu = {};
 Object.defineProperty(Qu, "__esModule", { value: !0 });
 Qu.scheduleIterable = void 0;
-var iPe = qn, sPe = Yi, lPe = Wn, LS = Po;
+var iPe = Xn, sPe = Yi, lPe = Wn, LS = Po;
 function uPe(e, t) {
   return new iPe.Observable(function(n) {
     var r;
@@ -11562,7 +11562,7 @@ Qu.scheduleIterable = uPe;
 var Ju = {};
 Object.defineProperty(Ju, "__esModule", { value: !0 });
 Ju.scheduleAsyncIterable = void 0;
-var cPe = qn, wS = Po;
+var cPe = Xn, wS = Po;
 function dPe(e, t) {
   if (!e)
     throw new Error("Iterable cannot be null");
@@ -11627,7 +11627,7 @@ sl.of = xPe;
 var Zu = {};
 Object.defineProperty(Zu, "__esModule", { value: !0 });
 Zu.throwError = void 0;
-var kPe = qn, UPe = Wn;
+var kPe = Xn, UPe = Wn;
 function PPe(e, t) {
   var n = UPe.isFunction(e) ? e : function() {
     return e;
@@ -11684,7 +11684,7 @@ Zu.throwError = PPe;
 var F0 = {};
 Object.defineProperty(F0, "__esModule", { value: !0 });
 F0.isObservable = void 0;
-var BPe = qn, xS = Wn;
+var BPe = Xn, xS = Wn;
 function GPe(e) {
   return !!e && (e instanceof BPe.Observable || xS.isFunction(e.lift) && xS.isFunction(e.subscribe));
 }
@@ -11878,7 +11878,7 @@ var a8e = $e && $e.__read || function(e, t) {
 };
 Object.defineProperty(tc, "__esModule", { value: !0 });
 tc.bindCallbackInternals = void 0;
-var i8e = Xi, s8e = qn, l8e = ts, u8e = aa, c8e = es, d8e = il;
+var i8e = Xi, s8e = Xn, l8e = ts, u8e = aa, c8e = es, d8e = il;
 function dp(e, t, n, r) {
   if (n)
     if (i8e.isScheduler(n))
@@ -11973,7 +11973,7 @@ function T8e(e, t) {
 rc.createObject = T8e;
 Object.defineProperty(ti, "__esModule", { value: !0 });
 ti.combineLatestInit = ti.combineLatest = void 0;
-var y8e = qn, _8e = nc, IA = Uo, TA = Or, f8e = aa, US = Tr, M8e = rc, O8e = Xt, b8e = Po;
+var y8e = Xn, _8e = nc, IA = Uo, TA = Or, f8e = aa, US = Tr, M8e = rc, O8e = Xt, b8e = Po;
 function N8e() {
   for (var e = [], t = 0; t < arguments.length; t++)
     e[t] = arguments[t];
@@ -12086,7 +12086,7 @@ ns.concat = H8e;
 var H0 = {}, os = {};
 Object.defineProperty(os, "__esModule", { value: !0 });
 os.defer = void 0;
-var W8e = qn, K8e = Cn;
+var W8e = Xn, K8e = Cn;
 function Q8e(e) {
   return new W8e.Observable(function(t) {
     K8e.innerFrom(e()).subscribe(t);
@@ -12095,7 +12095,7 @@ function Q8e(e) {
 os.defer = Q8e;
 Object.defineProperty(H0, "__esModule", { value: !0 });
 H0.connectable = void 0;
-var J8e = Sr, Z8e = qn, q8e = os, X8e = {
+var J8e = Sr, Z8e = Xn, q8e = os, X8e = {
   connector: function() {
     return new J8e.Subject();
   },
@@ -12118,7 +12118,7 @@ H0.connectable = e6e;
 var W0 = {};
 Object.defineProperty(W0, "__esModule", { value: !0 });
 W0.forkJoin = void 0;
-var t6e = qn, n6e = nc, r6e = Cn, o6e = Tr, a6e = Xt, i6e = aa, s6e = rc;
+var t6e = Xn, n6e = nc, r6e = Cn, o6e = Tr, a6e = Xt, i6e = aa, s6e = rc;
 function l6e() {
   for (var e = [], t = 0; t < arguments.length; t++)
     e[t] = arguments[t];
@@ -12162,7 +12162,7 @@ var K0 = {}, u6e = $e && $e.__read || function(e, t) {
 };
 Object.defineProperty(K0, "__esModule", { value: !0 });
 K0.fromEvent = void 0;
-var c6e = Cn, d6e = qn, g6e = Bo, h6e = ll, Hi = Wn, E6e = aa, C6e = ["addListener", "removeListener"], p6e = ["addEventListener", "removeEventListener"], S6e = ["on", "off"];
+var c6e = Cn, d6e = Xn, g6e = Bo, h6e = ll, Hi = Wn, E6e = aa, C6e = ["addListener", "removeListener"], p6e = ["addEventListener", "removeEventListener"], S6e = ["on", "off"];
 function gp(e, t, n, r) {
   if (Hi.isFunction(n) && (r = n, n = void 0), r)
     return gp(e, t, n).pipe(E6e.mapOneOrManyArgs(r));
@@ -12208,7 +12208,7 @@ function A6e(e) {
 var Q0 = {};
 Object.defineProperty(Q0, "__esModule", { value: !0 });
 Q0.fromEventPattern = void 0;
-var I6e = qn, T6e = Wn, y6e = aa;
+var I6e = Xn, T6e = Wn, y6e = aa;
 function fA(e, t, n) {
   return n ? fA(e, t).pipe(y6e.mapOneOrManyArgs(n)) : new I6e.Observable(function(r) {
     var o = function() {
@@ -12323,7 +12323,7 @@ Z0.iif = D6e;
 var oc = {}, sa = {};
 Object.defineProperty(sa, "__esModule", { value: !0 });
 sa.timer = void 0;
-var R6e = qn, L6e = io, w6e = Xi, x6e = cl;
+var R6e = Xn, L6e = io, w6e = Xi, x6e = cl;
 function k6e(e, t, n) {
   e === void 0 && (e = 0), n === void 0 && (n = L6e.async);
   var r = -1;
@@ -12358,7 +12358,7 @@ q0.merge = $6e;
 var hp = {};
 (function(e) {
   Object.defineProperty(e, "__esModule", { value: !0 }), e.never = e.NEVER = void 0;
-  var t = qn, n = Mr;
+  var t = Xn, n = Mr;
   e.NEVER = new t.Observable(n.noop);
   function r() {
     return e.NEVER;
@@ -12470,7 +12470,7 @@ ng.partition = cBe;
 var Wi = {};
 Object.defineProperty(Wi, "__esModule", { value: !0 });
 Wi.raceInit = Wi.race = void 0;
-var dBe = qn, MA = Cn, gBe = ba, hBe = Xt;
+var dBe = Xn, MA = Cn, gBe = ba, hBe = Xt;
 function EBe() {
   for (var e = [], t = 0; t < arguments.length; t++)
     e[t] = arguments[t];
@@ -12496,7 +12496,7 @@ Wi.raceInit = OA;
 var og = {};
 Object.defineProperty(og, "__esModule", { value: !0 });
 og.range = void 0;
-var CBe = qn, pBe = _o;
+var CBe = Xn, pBe = _o;
 function SBe(e, t, n) {
   if (t == null && (t = e, e = 0), t <= 0)
     return pBe.EMPTY;
@@ -12516,7 +12516,7 @@ og.range = SBe;
 var ag = {};
 Object.defineProperty(ag, "__esModule", { value: !0 });
 ag.using = void 0;
-var mBe = qn, vBe = Cn, ABe = _o;
+var mBe = Xn, vBe = Cn, ABe = _o;
 function IBe(e, t) {
   return new mBe.Observable(function(n) {
     var r = e(), o = t(r), i = o ? vBe.innerFrom(o) : ABe.EMPTY;
@@ -12549,7 +12549,7 @@ var hl = {}, TBe = $e && $e.__read || function(e, t) {
 };
 Object.defineProperty(hl, "__esModule", { value: !0 });
 hl.zip = void 0;
-var _Be = qn, fBe = Cn, MBe = ba, OBe = _o, bBe = Xt, NBe = Tr;
+var _Be = Xn, fBe = Cn, MBe = ba, OBe = _o, bBe = Xt, NBe = Tr;
 function DBe() {
   for (var e = [], t = 0; t < arguments.length; t++)
     e[t] = arguments[t];
@@ -13059,7 +13059,7 @@ Sg.concatWith = e9e;
 var El = {}, vg = {};
 Object.defineProperty(vg, "__esModule", { value: !0 });
 vg.fromSubscribable = void 0;
-var t9e = qn;
+var t9e = Xn;
 function n9e(e) {
   return new t9e.Observable(function(t) {
     return e.subscribe(t);
@@ -13459,7 +13459,7 @@ xg.first = Fje;
 var kg = {};
 Object.defineProperty(kg, "__esModule", { value: !0 });
 kg.groupBy = void 0;
-var zje = qn, $je = Cn, Vje = Sr, Yje = Ft, sm = Xt;
+var zje = Xn, $je = Cn, Vje = Sr, Yje = Ft, sm = Xt;
 function Hje(e, t, n, r) {
   return Yje.operate(function(o, i) {
     var a;
@@ -14754,7 +14754,7 @@ Nh.zipWith = G$e;
     for (var ur in lo) ur !== "default" && !Object.prototype.hasOwnProperty.call(br, ur) && t(br, lo, ur);
   };
   Object.defineProperty(e, "__esModule", { value: !0 }), e.interval = e.iif = e.generate = e.fromEventPattern = e.fromEvent = e.from = e.forkJoin = e.empty = e.defer = e.connectable = e.concat = e.combineLatest = e.bindNodeCallback = e.bindCallback = e.UnsubscriptionError = e.TimeoutError = e.SequenceError = e.ObjectUnsubscribedError = e.NotFoundError = e.EmptyError = e.ArgumentOutOfRangeError = e.firstValueFrom = e.lastValueFrom = e.isObservable = e.identity = e.noop = e.pipe = e.NotificationKind = e.Notification = e.Subscriber = e.Subscription = e.Scheduler = e.VirtualAction = e.VirtualTimeScheduler = e.animationFrameScheduler = e.animationFrame = e.queueScheduler = e.queue = e.asyncScheduler = e.async = e.asapScheduler = e.asap = e.AsyncSubject = e.ReplaySubject = e.BehaviorSubject = e.Subject = e.animationFrames = e.observable = e.ConnectableObservable = e.Observable = void 0, e.filter = e.expand = e.exhaustMap = e.exhaustAll = e.exhaust = e.every = e.endWith = e.elementAt = e.distinctUntilKeyChanged = e.distinctUntilChanged = e.distinct = e.dematerialize = e.delayWhen = e.delay = e.defaultIfEmpty = e.debounceTime = e.debounce = e.count = e.connect = e.concatWith = e.concatMapTo = e.concatMap = e.concatAll = e.combineLatestWith = e.combineLatestAll = e.combineAll = e.catchError = e.bufferWhen = e.bufferToggle = e.bufferTime = e.bufferCount = e.buffer = e.auditTime = e.audit = e.config = e.NEVER = e.EMPTY = e.scheduled = e.zip = e.using = e.timer = e.throwError = e.range = e.race = e.partition = e.pairs = e.onErrorResumeNext = e.of = e.never = e.merge = void 0, e.switchMapTo = e.switchMap = e.switchAll = e.subscribeOn = e.startWith = e.skipWhile = e.skipUntil = e.skipLast = e.skip = e.single = e.shareReplay = e.share = e.sequenceEqual = e.scan = e.sampleTime = e.sample = e.refCount = e.retryWhen = e.retry = e.repeatWhen = e.repeat = e.reduce = e.raceWith = e.publishReplay = e.publishLast = e.publishBehavior = e.publish = e.pluck = e.pairwise = e.observeOn = e.multicast = e.min = e.mergeWith = e.mergeScan = e.mergeMapTo = e.mergeMap = e.flatMap = e.mergeAll = e.max = e.materialize = e.mapTo = e.map = e.last = e.isEmpty = e.ignoreElements = e.groupBy = e.first = e.findIndex = e.find = e.finalize = void 0, e.zipWith = e.zipAll = e.withLatestFrom = e.windowWhen = e.windowToggle = e.windowTime = e.windowCount = e.window = e.toArray = e.timestamp = e.timeoutWith = e.timeout = e.timeInterval = e.throwIfEmpty = e.throttleTime = e.throttle = e.tap = e.takeWhile = e.takeUntil = e.takeLast = e.take = e.switchScan = void 0;
-  var r = qn;
+  var r = Xn;
   Object.defineProperty(e, "Observable", { enumerable: !0, get: function() {
     return r.Observable;
   } });
@@ -73977,8 +73977,8 @@ const Bit = async (e) => {
 class jit extends Pr {
   constructor(n, { configuration: r }) {
     super(n);
-    Xn(this, "configuration");
-    Xn(this, "newDataSource");
+    qn(this, "configuration");
+    qn(this, "newDataSource");
     this.newDataSource = n, this.configuration = r;
   }
   getBccReplyOption(n) {
@@ -74009,9 +74009,9 @@ class jit extends Pr {
 }
 class Fit {
   constructor(t) {
-    Xn(this, "style");
-    Xn(this, "optionIconURL");
-    Xn(this, "optionStyle");
+    qn(this, "style");
+    qn(this, "optionIconURL");
+    qn(this, "optionStyle");
     this.style = t.style, this.optionIconURL = t.optionIconURL, this.optionStyle = t.optionStyle;
   }
   getReplyPreviewStyle() {
@@ -74030,7 +74030,7 @@ function zit(e) {
 class $it extends so {
   constructor({ configuration: n } = { configuration: new Fit({}) }) {
     super();
-    Xn(this, "configuration");
+    qn(this, "configuration");
     this.configuration = n;
   }
   enable() {
@@ -74252,7 +74252,7 @@ var kn, Sp, $s, mp, s0, vp, l0, Ap, Ip, Tp, yp;
 class tst {
   constructor(t = "cometchat") {
     pS(this, kn);
-    Xn(this, "storePrefix");
+    qn(this, "storePrefix");
     this.storePrefix = t;
   }
   getGroupMessages(t, n) {
@@ -74399,11 +74399,11 @@ async function lst() {
   return du ? await du : (du = ust(), Du.value = await du, du = void 0, Du.value);
 }
 function Gh(e, t) {
-  var r, o, i, a, u, c, l, g;
-  if (!(e != null && e.getSender()) || t && ((o = (r = t.value) == null ? void 0 : r.getMetadata()) != null && o.isChannel))
+  var o, i, a, u, c, l, g, C, v, p;
+  if (!(e != null && e.getSender()) || t && ((i = (o = t.value) == null ? void 0 : o.getMetadata()) != null && i.isChannel))
     return "";
-  let n = (u = (a = (i = e.getData().entities) == null ? void 0 : i.receiver) == null ? void 0 : a.entity) == null ? void 0 : u.scope;
-  return (c = e == null ? void 0 : e.getData().metadata) != null && c.senderDisplayName && (n == "moderator" || n == "admin" || n === void 0) ? (l = e == null ? void 0 : e.getData().metadata) == null ? void 0 : l.senderDisplayName : (g = e == null ? void 0 : e.getSender()) == null ? void 0 : g.getName();
+  let n = (c = (u = (a = e.getData().entities) == null ? void 0 : a.receiver) == null ? void 0 : u.entity) == null ? void 0 : c.scope, r = (l = e.getReceiver().getMetadata()) == null ? void 0 : l.systemDisplayName;
+  return e instanceof Z.CometChat.Action && (r = (g = e.getActionFor().getMetadata()) == null ? void 0 : g.systemDisplayName), (C = e == null ? void 0 : e.getData().metadata) != null && C.senderDisplayName && (n == "moderator" || n === void 0) ? (v = e == null ? void 0 : e.getData().metadata) == null ? void 0 : v.senderDisplayName : r && (e instanceof Z.CometChat.Action || n == "admin") ? r : (p = e == null ? void 0 : e.getSender()) == null ? void 0 : p.getName();
 }
 async function ust() {
   if (!await Xp())
@@ -74434,26 +74434,31 @@ async function ust() {
   }));
 }
 function eS(e, t = !1, n = !0) {
+  var r;
   if (!e) return "";
   if ((e == null ? void 0 : e.getDeletedAt()) != null) return "(" + d.localize("MESSAGE_IS_DELETED") + ")";
   if (e instanceof Z.CometChat.TextMessage)
     return e.getText();
   if (e instanceof Z.CometChat.MediaMessage) {
-    let r, o = n ? e.getAttachment().getName() : "";
+    let o, i = n ? e.getAttachment().getName() : "";
     switch (e.getType()) {
       case "media":
-        return r = t ? "🖼️ " : "", r + (e.getCaption() || o || "Media message");
+        return o = t ? "🖼️ " : "", o + (e.getCaption() || i || "Media message");
       case d.CometChatUIKitConstants.MessageTypes.image:
-        return r = t ? "🖼️ " : "", r + (e.getCaption() || "Photo");
+        return o = t ? "🖼️ " : "", o + (e.getCaption() || "Photo");
       case d.CometChatUIKitConstants.MessageTypes.video:
-        return r = t ? "🎥 " : "", r + (e.getCaption() || o || "Video");
+        return o = t ? "🎥 " : "", o + (e.getCaption() || i || "Video");
       case d.CometChatUIKitConstants.MessageTypes.audio:
-        return r = t ? "🎤 " : "", r + (o || "Audio message");
+        return o = t ? "🎤 " : "", o + (i || "Audio message");
       case d.CometChatUIKitConstants.MessageTypes.file:
-        return r = t ? "📄 " : "", r + (e.getCaption() || o || "File");
+        return o = t ? "📄 " : "", o + (e.getCaption() || i || "File");
     }
   }
-  return e instanceof Z.CometChat.Action ? e.getMessage() : "Custom message";
+  if (e instanceof Z.CometChat.Action) {
+    let o = (r = e.getActionFor().getMetadata()) == null ? void 0 : r.systemDisplayName, i = e.getMessage();
+    return o != null && (i = i.replace(e.getActionBy().getName(), o)), i;
+  }
+  return "Custom message";
 }
 function Ru(e) {
   return e && e.startsWith("https://data-eu.cometchat.io/") && (e = `${ta().chatApiBaseUrl}/file-proxy?uri=${e}`), e;
@@ -78068,17 +78073,17 @@ var Cct = dT();
 class gT extends te.BaseStyle {
   constructor(n, r) {
     super({});
-    Xn(this, "titleFont");
-    Xn(this, "titleColor");
-    Xn(this, "subtitleFont");
-    Xn(this, "subtitleColor");
-    Xn(this, "closeButtonIconTint");
-    Xn(this, "barLeftPosition");
-    Xn(this, "barWidth");
-    Xn(this, "barBackground");
-    Xn(this, "barOpacity");
-    Xn(this, "previewWrapperPadding");
-    Xn(this, "previewWrapperOpacity");
+    qn(this, "titleFont");
+    qn(this, "titleColor");
+    qn(this, "subtitleFont");
+    qn(this, "subtitleColor");
+    qn(this, "closeButtonIconTint");
+    qn(this, "barLeftPosition");
+    qn(this, "barWidth");
+    qn(this, "barBackground");
+    qn(this, "barOpacity");
+    qn(this, "previewWrapperPadding");
+    qn(this, "previewWrapperOpacity");
     this.border = `1px solid ${r.palette.getAccent200()}`, this.borderRadius = "12px", this.background = r.palette.getBackground(), this.titleFont = d.fontHelper(r.typography.subtitle1), this.titleColor = r.palette.getAccent(), this.subtitleFont = d.fontHelper(r.typography.subtitle2), this.subtitleColor = r.palette.getAccent600(), this.closeButtonIconTint = r.palette.getAccent500(), this.barLeftPosition = "3px", this.barWidth = "3px", this.barBackground = r.palette.getAccent(), this.barOpacity = "0.5", Object.assign(this, n);
   }
 }
@@ -79371,9 +79376,11 @@ const adt = /* @__PURE__ */ _ke(tdt), idt = { class: "cc__imageviewer__full-scre
 }), Rdt = /* @__PURE__ */ Da(Ddt, [["__scopeId", "data-v-c653dd5e"]]);
 class Ldt extends Pr {
   constructor(n) {
+    var r;
     super(n);
-    Xn(this, "newDataSource");
-    this.newDataSource = n;
+    qn(this, "newDataSource");
+    qn(this, "mainDataSource");
+    for (this.newDataSource = n, this.mainDataSource = st.getDataSource(); (r = this.mainDataSource) != null && r.dataSource; ) this.mainDataSource = this.mainDataSource.dataSource;
   }
   getMessageOptions(n, r, o, i) {
     return super.getMessageOptions(n, r, o, i).filter(
@@ -79406,6 +79413,26 @@ class Ldt extends Pr {
       }
     };
   }
+  getGroupActionTemplate(n) {
+    const r = super.getGroupActionTemplate(n);
+    return r.contentView = (o) => this.getGroupActionBubble(o, n), r;
+  }
+  getGroupActionBubble(n, r) {
+    var u;
+    let o = this.mainDataSource.getActionMessage(n), i = (u = n.getActionFor().getMetadata()) == null ? void 0 : u.systemDisplayName;
+    i != null && (o = o.replace(n.getActionBy().getName(), i));
+    let a = {
+      textFont: d.fontHelper(r.typography.subtitle2),
+      textColor: r.palette.getAccent()
+    };
+    return {
+      componentName: "CometChatTextBubble",
+      props: {
+        text: o,
+        textStyle: a
+      }
+    };
+  }
   checkIfOptionExist(n, r) {
     return n.some((o) => o.id === r);
   }
@@ -79522,9 +79549,9 @@ const Vi = ae(new d.CometChatTheme({
 class kdt extends Pr {
   constructor(n) {
     super(n);
-    Xn(this, "newDataSource");
-    Xn(this, "captionedAttachmentInput");
-    Xn(this, "chatInstance");
+    qn(this, "newDataSource");
+    qn(this, "captionedAttachmentInput");
+    qn(this, "chatInstance");
     this.newDataSource = n, this.captionedAttachmentInput = document.createElement("input"), this.captionedAttachmentInput.style.display = "none", this.captionedAttachmentInput.type = "file", this.captionedAttachmentInput.accept = "image/*", this.captionedAttachmentInput.addEventListener("change", (r) => this.changeHandler(r));
   }
   getCaptionedImageAttachmentAction(n) {
@@ -79617,10 +79644,12 @@ function jdt(e, t) {
   const n = new te.MessageListConfiguration({
     scrollToBottomOnNewMessages: !0
   });
-  let r = st.getDataSource().getAllMessageTypes();
   return Hn(() => {
     var o, i;
-    return _a.initialized.value == !1 || ((i = (o = t == null ? void 0 : t.value) == null ? void 0 : o.getMetadata()) != null && i.isChannel && (r = r.filter((a) => a !== d.CometChatUIKitConstants.MessageTypes.groupMember), n.showAvatar = !1), n.messagesRequestBuilder = new Z.CometChat.MessagesRequestBuilder().setLimit(30).setTypes(r).hideReplies(!0), n.templates = Ur.getDataSource().getAllMessageTemplates(Vi.value).map((a) => (a.options = Vdt(a.options, e), a.headerView = function(u) {
+    if (_a.initialized.value == !1)
+      return n;
+    let r = st.getDataSource().getAllMessageTypes();
+    return (i = (o = t == null ? void 0 : t.value) == null ? void 0 : o.getMetadata()) != null && i.isChannel && (r = r.filter((a) => a !== d.CometChatUIKitConstants.MessageTypes.groupMember), n.showAvatar = !1), n.messagesRequestBuilder = new Z.CometChat.MessagesRequestBuilder().setLimit(30).setTypes(r).hideReplies(!0), n.templates = Ur.getDataSource().getAllMessageTemplates(Vi.value).map((a) => (a.options = Vdt(a.options, e), a.headerView = function(u) {
       var l, g;
       if (!Fdt(u, n))
         return;
@@ -79642,7 +79671,7 @@ function jdt(e, t) {
               </div>
             `
       };
-    }, a))), n;
+    }, a)), n;
   });
 }
 function Fdt(e, t) {
@@ -80153,11 +80182,11 @@ const _a = {
 });
 class xi {
   constructor() {
-    Xn(this, "html");
-    Xn(this, "componentName");
-    Xn(this, "props");
-    Xn(this, "slots");
-    Xn(this, "listeners");
+    qn(this, "html");
+    qn(this, "componentName");
+    qn(this, "props");
+    qn(this, "slots");
+    qn(this, "listeners");
   }
 }
 const qdt = Qt({
@@ -80505,7 +80534,7 @@ const d0t = /* @__PURE__ */ Qt({
       var p, S;
       if (v === d.MessageStatus.inprogress) {
         let T = (C == null ? void 0 : C.getMetadata()) || {}, I = (p = r.value) == null ? void 0 : p.getScope();
-        o.value.replyToMessage && (T.replyToMessageId = (S = o.value.replyToMessage) == null ? void 0 : S.getId(), o.value.replyToMessage = null), t.senderDisplayName && (I == "moderator" || I == "admin") && (T.senderDisplayName = t.senderDisplayName), C == null || C.setMetadata(T);
+        o.value.replyToMessage && (T.replyToMessageId = (S = o.value.replyToMessage) == null ? void 0 : S.getId(), o.value.replyToMessage = null), t.senderDisplayName && I == "moderator" && (T.senderDisplayName = t.senderDisplayName), C == null || C.setMetadata(T);
       }
     });
     Cke(() => {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@bcc-code/vue-bcc-chat-ui",
   "author": "bcc-code",
   "license": "Apache-2.0",
-  "version": "3.17.0",
+  "version": "3.18.0",
   "type": "module",
   "private": false,
   "files": [

package/src/components/BccChatMessageList.vue

@@ -58,7 +58,7 @@ const onMessageSend = CometChatMessageEvents.ccMessageSent.subscribe(({ message,
       chatInstance.value.replyToMessage = null;
     }
 
-    if (props.senderDisplayName && (scope == "moderator" || scope == "admin")) {
+    if (props.senderDisplayName && scope == "moderator") {
       metadata.senderDisplayName = props.senderDisplayName
     }