@nice2dev/ui-communication 1.1.9 → 1.2.0

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as o, Fragment as he } from "react/jsx-runtime";
-import { NiceIcon as S, useNiceTranslation as Ke, NiceEmpty as $t, resolveCssColor as de, NiceAppShell as St, useControllableState as Mt } from "@nice2dev/ui";
-import nt, { useRef as le, useState as N, useCallback as R, useEffect as re, useMemo as oe, useReducer as Ot, useLayoutEffect as Lt } from "react";
-class kt {
+import { createId as nt, NiceIcon as S, useNiceTranslation as Ke, NiceEmpty as Mt, resolveCssColor as de, NiceAppShell as kt, useControllableState as Ot } from "@nice2dev/ui";
+import it, { useRef as le, useState as N, useCallback as R, useEffect as re, useMemo as oe, useReducer as Lt, useLayoutEffect as Wt } from "react";
+class Ct {
   constructor() {
     this.listeners = /* @__PURE__ */ new Map();
   }
@@ -20,7 +20,7 @@ class kt {
     this.listeners.clear();
   }
 }
-class Wt extends kt {
+class _t extends Ct {
   constructor(e = {}) {
     super(), this.type = "webrtc", this.signalingWs = null, this.localStream = null, this.screenStream = null, this.peers = /* @__PURE__ */ new Map(), this.userId = "", this.connected = !1, this.config = {
       iceServers: [
@@ -65,7 +65,7 @@ class Wt extends kt {
     this.localStream && (this.localStream.getTracks().forEach((e) => e.stop()), this.localStream = null), this.screenStream && (this.screenStream.getTracks().forEach((e) => e.stop()), this.screenStream = null);
   }
   async startCall(e, t) {
-    const i = crypto.randomUUID();
+    const i = nt();
     return this.sendSignal({
       type: "call:request",
       callId: i,
@@ -224,7 +224,7 @@ class Wt extends kt {
     return await t.setLocalDescription(i), this.sendSignal({ type: "offer", to: e, from: this.userId, sdp: i.sdp }), t;
   }
 }
-class _t extends kt {
+class Ft extends Ct {
   constructor() {
     super(...arguments), this.type = "mock", this.connected = !1, this.localStream = null;
   }
@@ -251,7 +251,7 @@ class _t extends kt {
   }
   async startCall(e, t) {
     const i = {
-      id: crypto.randomUUID(),
+      id: nt(),
       type: t,
       participants: [],
       status: "connecting",
@@ -293,17 +293,17 @@ class _t extends kt {
     this.emit("screen:stopped", { participantId: "local" });
   }
 }
-function Ft(n, e) {
+function jt(n, e) {
   switch (n) {
     case "mock":
-      return new _t();
+      return new Ft();
     case "webrtc":
     case "sfu":
     default:
-      return new Wt(e);
+      return new _t(e);
   }
 }
-function jt(n) {
+function Bt(n) {
   const {
     currentUser: e,
     transport: t = "webrtc",
@@ -329,7 +329,7 @@ function jt(n) {
   }), x = R(() => {
     if (p.current)
       return p.current;
-    const I = Ft(t, i);
+    const I = jt(t, i);
     return I.on(
       "transport:connected",
       () => h((k) => ({ ...k, isConnected: !0, connectionError: null }))
@@ -458,9 +458,9 @@ function jt(n) {
     transport: p
   };
 }
-function ai(n, e, t, i = "text") {
+function si(n, e, t, i = "text") {
   return {
-    id: `optimistic-${crypto.randomUUID()}`,
+    id: `optimistic-${nt()}`,
     conversationId: n,
     authorId: e,
     content: t,
@@ -473,22 +473,22 @@ function ai(n, e, t, i = "text") {
     isPinned: !1
   };
 }
-function ot(n, e, t) {
+function lt(n, e, t) {
   if (n.type !== "dm")
     return;
   const i = n.participantIds.find((a) => a !== e);
   return t.find((a) => a.id === i);
 }
-function Ct(n) {
+function It(n) {
   return n.reduce((e, t) => e + t.unreadCount, 0);
 }
-function si(n) {
+function oi(n) {
   return n.reduce((e, t) => e + t.mentionCount, 0);
 }
-function oi(n, e) {
+function li(n, e) {
   return n ? "workspace" : e ? "messenger" : "bubble";
 }
-const Bt = {
+const Ut = {
   online: "Online",
   away: "Away",
   busy: "Busy",
@@ -496,7 +496,7 @@ const Bt = {
   offline: "Offline",
   invisible: "Invisible",
   unknown: "Unknown"
-}, Ut = {
+}, Ht = {
   online: "var(--nice-success, #22c55e)",
   away: "var(--nice-warning, #f59e0b)",
   busy: "var(--nice-danger, #ef4444)",
@@ -504,7 +504,7 @@ const Bt = {
   offline: "var(--nice-text-muted, #9ca3af)",
   invisible: "var(--nice-text-muted, #9ca3af)",
   unknown: "var(--nice-border, #d1d5db)"
-}, Ht = {
+}, Kt = {
   xs: 6,
   sm: 8,
   md: 10,
@@ -520,7 +520,7 @@ function we({
   id: l,
   "data-testid": c
 }) {
-  const u = Ht[e], d = Ut[n], g = Bt[n], p = /* @__PURE__ */ r(
+  const u = Kt[e], d = Ht[n], g = Ut[n], p = /* @__PURE__ */ r(
     "span",
     {
       className: `nice-presence-dot nice-presence-dot--${n} nice-presence-dot--${e}`,
@@ -573,7 +573,7 @@ function we({
     }
   );
 }
-function It({
+function zt({
   session: n,
   currentUser: e,
   localStream: t,
@@ -731,7 +731,7 @@ function It({
               alignItems: "center",
               gap: 4,
               fontSize: 12,
-              color: "var(--nice-text-on-primary, #fff)"
+              color: "var(--nice-color-white, #fff)"
             },
             children: [
               /* @__PURE__ */ r(S, { name: "mic", size: 12 }),
@@ -753,7 +753,7 @@ function It({
               border: "none",
               borderRadius: 6,
               padding: "5px 8px",
-              color: "var(--nice-text-on-primary, #fff)",
+              color: "var(--nice-color-white, #fff)",
               cursor: "pointer",
               fontSize: 16
             },
@@ -902,7 +902,7 @@ function Pe({
           borderRadius: "50%",
           border: "none",
           background: i ? "var(--nice-overlay-light-15, rgba(255, 255, 255, 0.15))" : "var(--nice-overlay-light-8, rgba(255, 255, 255, 0.08))",
-          color: "var(--nice-text-on-primary, #fff)",
+          color: "var(--nice-color-white, #fff)",
           fontSize: 18,
           cursor: "pointer",
           display: "flex",
@@ -928,7 +928,7 @@ function Pe({
     )
   ] });
 }
-const Kt = ["👍", "❤️", "😂", "😮", "😢", "🎉"];
+const Yt = ["👍", "❤️", "😂", "😮", "😢", "🎉"];
 function Ve({
   message: n,
   author: e,
@@ -1042,7 +1042,7 @@ function Ve({
                     padding: "8px 12px",
                     borderRadius: t ? "18px 18px 4px 18px" : "18px 18px 18px 4px",
                     background: t ? "var(--nice-info, #6366f1)" : "var(--nice-bg-secondary, #f3f4f6)",
-                    color: t ? "var(--nice-text-on-primary, #fff)" : "var(--nice-text, #111827)",
+                    color: t ? "var(--nice-color-white, #fff)" : "var(--nice-text, #111827)",
                     fontSize: 14,
                     lineHeight: 1.5,
                     wordBreak: "break-word"
@@ -1211,7 +1211,7 @@ function Ve({
                       padding: "6px 8px",
                       zIndex: 20
                     },
-                    children: Kt.map((M) => /* @__PURE__ */ r(
+                    children: Yt.map((M) => /* @__PURE__ */ r(
                       "button",
                       {
                         onClick: () => {
@@ -1306,7 +1306,7 @@ function Ve({
     }
   );
 }
-function lt({
+function ct({
   placeholder: n = "Type a message…",
   maxLength: e,
   replyTo: t,
@@ -1441,7 +1441,7 @@ function lt({
                 alignItems: "center",
                 justifyContent: "center",
                 flexShrink: 0,
-                color: "var(--nice-text-on-primary, #fff)",
+                color: "var(--nice-color-white, #fff)",
                 transition: "background 0.15s"
               },
               children: /* @__PURE__ */ r(S, { name: "send", size: 16 })
@@ -1495,7 +1495,7 @@ function Ye({
   "data-testid": G
 }) {
   var q, w;
-  const Z = le(null), W = le(null), [I, k] = N(null), [_, K] = N(null), E = nt.useMemo(() => {
+  const Z = le(null), W = le(null), [I, k] = N(null), [_, K] = N(null), E = it.useMemo(() => {
     const v = /* @__PURE__ */ new Map();
     return t.forEach((V) => v.set(V.id, V)), v;
   }, [t]);
@@ -1748,7 +1748,7 @@ function Ye({
                 ))
               ] }),
               /* @__PURE__ */ r(
-                lt,
+                ct,
                 {
                   placeholder: "Reply in thread…",
                   onSend: (v) => h == null ? void 0 : h(n.id, v, "text")
@@ -1758,7 +1758,7 @@ function Ye({
           }
         ),
         /* @__PURE__ */ r(
-          lt,
+          ct,
           {
             placeholder: p,
             maxLength: m,
@@ -1773,7 +1773,7 @@ function Ye({
     }
   );
 }
-function Yt({ conversation: n, partner: e, isActive: t, lastMessage: i, onClick: a }) {
+function Gt({ conversation: n, partner: e, isActive: t, lastMessage: i, onClick: a }) {
   var g;
   const s = (e == null ? void 0 : e.displayName) ?? (e == null ? void 0 : e.name) ?? n.name ?? "Group", l = ((g = s[0]) == null ? void 0 : g.toUpperCase()) ?? "?", c = (e == null ? void 0 : e.avatarUrl) ?? n.avatarUrl, u = i ? i.timestamp.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : "", d = i ? i.isDeleted ? "Message deleted" : i.content.slice(0, 50) : "";
   return /* @__PURE__ */ o(
@@ -1806,7 +1806,7 @@ function Yt({ conversation: n, partner: e, isActive: t, lastMessage: i, onClick:
                 display: "flex",
                 alignItems: "center",
                 justifyContent: "center",
-                color: "var(--nice-text-on-primary, #fff)",
+                color: "var(--nice-color-white, #fff)",
                 fontWeight: 700,
                 fontSize: 16
               },
@@ -1945,7 +1945,7 @@ function Yt({ conversation: n, partner: e, isActive: t, lastMessage: i, onClick:
     }
   );
 }
-function Gt({
+function qt({
   conversations: n,
   messages: e,
   users: t,
@@ -1981,7 +1981,7 @@ function Gt({
       const V = Z.toLowerCase();
       v = v.filter((Q) => {
         var X, ae;
-        const ee = ot(Q, i.id, t);
+        const ee = lt(Q, i.id, t);
         return (ee == null ? void 0 : ee.name.toLowerCase().includes(V)) || ((X = Q.name) == null ? void 0 : X.toLowerCase().includes(V)) || ((ae = Q.lastMessage) == null ? void 0 : ae.content.toLowerCase().includes(V));
       });
     }
@@ -2003,7 +2003,7 @@ function Gt({
       G(v), T == null || T(v);
     },
     [T]
-  ), B = oe(() => Ct(n), [n]), U = s ?? [], q = t.filter((v) => v.id !== i.id && v.presence.status === "online").slice(0, 6);
+  ), B = oe(() => It(n), [n]), U = s ?? [], q = t.filter((v) => v.id !== i.id && v.presence.status === "online").slice(0, 6);
   return /* @__PURE__ */ o(
     "div",
     {
@@ -2109,7 +2109,7 @@ function Gt({
                           border: "none",
                           borderRadius: 6,
                           background: I === v ? "var(--nice-info, #6366f1)" : "transparent",
-                          color: I === v ? "var(--nice-text-on-primary, #fff)" : "var(--nice-text-secondary, #6b7280)",
+                          color: I === v ? "var(--nice-color-white, #fff)" : "var(--nice-text-secondary, #6b7280)",
                           cursor: "pointer",
                           fontSize: 12,
                           textTransform: "capitalize",
@@ -2228,10 +2228,10 @@ function Gt({
                     children: "No conversations"
                   }
                 ) : _.map((v) => /* @__PURE__ */ r(
-                  Yt,
+                  Gt,
                   {
                     conversation: v,
-                    partner: ot(v, i.id, t),
+                    partner: lt(v, i.id, t),
                     isActive: v.id === H,
                     lastMessage: v.lastMessage,
                     onClick: () => P(v.id)
@@ -2362,7 +2362,7 @@ function Gt({
     }
   );
 }
-const qt = ["👍", "❤️", "😂", "🎉", "😮", "😢"];
+const Vt = ["👍", "❤️", "😂", "🎉", "😮", "😢"];
 function Xe({
   message: n,
   author: e,
@@ -2592,7 +2592,7 @@ function Xe({
                       padding: "6px 8px",
                       zIndex: 20
                     },
-                    children: qt.map((z) => /* @__PURE__ */ r(
+                    children: Vt.map((z) => /* @__PURE__ */ r(
                       "button",
                       {
                         onClick: () => {
@@ -2652,7 +2652,7 @@ function Xe({
     }
   );
 }
-function Vt({
+function Xt({
   channel: n,
   messages: e,
   users: t,
@@ -2676,7 +2676,7 @@ function Vt({
   "data-testid": Y
 }) {
   var q;
-  const M = le(null), H = le(null), [G, Z] = N(""), [W, I] = N(null), [k, _] = N(null), K = nt.useMemo(() => {
+  const M = le(null), H = le(null), [G, Z] = N(""), [W, I] = N(null), [k, _] = N(null), K = it.useMemo(() => {
     const w = /* @__PURE__ */ new Map();
     return t.forEach((v) => w.set(v.id, v)), w;
   }, [t]);
@@ -2731,7 +2731,7 @@ function Vt({
                   ),
                   /* @__PURE__ */ o("div", { children: [
                     /* @__PURE__ */ r("div", { style: { fontWeight: 700, fontSize: 16 }, children: n.name }),
-                    n.description && /* @__PURE__ */ r(
+                    (n.topic || n.description) && /* @__PURE__ */ o(
                       "div",
                       {
                         style: {
@@ -2739,7 +2739,18 @@ function Vt({
                           color: "var(--nice-text-secondary, #6b7280)",
                           marginTop: 1
                         },
-                        children: n.description
+                        children: [
+                          n.topic && /* @__PURE__ */ r(
+                            "span",
+                            {
+                              className: "nice-channel-view__topic",
+                              style: { fontWeight: 600, color: "var(--nice-text-primary, #111827)" },
+                              children: n.topic
+                            }
+                          ),
+                          n.topic && n.description && " · ",
+                          n.description
+                        ]
                       }
                     )
                   ] })
@@ -2963,7 +2974,7 @@ function Vt({
                         alignItems: "center",
                         justifyContent: "center",
                         flexShrink: 0,
-                        color: "var(--nice-text-on-primary, #fff)",
+                        color: "var(--nice-color-white, #fff)",
                         transition: "background 0.15s"
                       },
                       children: /* @__PURE__ */ r(S, { name: "send", size: 15 })
@@ -3214,7 +3225,7 @@ function Je({
               justifyContent: "space-between"
             },
             children: [
-              /* @__PURE__ */ o("span", { style: { color: "var(--nice-text-on-primary, #fff)", fontSize: 11, fontWeight: 500 }, children: [
+              /* @__PURE__ */ o("span", { style: { color: "var(--nice-color-white, #fff)", fontSize: 11, fontWeight: 500 }, children: [
                 c.displayName ?? c.name,
                 e && " (You)"
               ] }),
@@ -3290,7 +3301,7 @@ function Je({
     }
   );
 }
-function zt({
+function Tt({
   session: n,
   currentUser: e,
   localStream: t,
@@ -3427,7 +3438,7 @@ function zt({
                       border: "none",
                       borderRadius: 6,
                       padding: "4px 10px",
-                      color: "var(--nice-text-on-primary, #fff)",
+                      color: "var(--nice-color-white, #fff)",
                       cursor: "pointer",
                       fontSize: 12
                     },
@@ -3452,7 +3463,7 @@ function zt({
                       border: "none",
                       borderRadius: 6,
                       padding: "4px 10px",
-                      color: "var(--nice-text-on-primary, #fff)",
+                      color: "var(--nice-color-white, #fff)",
                       cursor: "pointer",
                       fontSize: 12
                     },
@@ -3707,7 +3718,7 @@ function Ie({
           borderRadius: "50%",
           border: "none",
           background: s ? "var(--nice-danger, #ef4444)" : a ? "var(--nice-danger-dark, #450a0a)" : i ? "var(--nice-info, #6366f1)" : "var(--nice-overlay-light-12, rgba(255, 255, 255, 0.12))",
-          color: "var(--nice-text-on-primary, #fff)",
+          color: "var(--nice-color-white, #fff)",
           fontSize: 18,
           cursor: "pointer",
           display: "flex",
@@ -3746,7 +3757,7 @@ function $e(n, e = /* @__PURE__ */ new Date()) {
   if (n.unit !== "forever")
     return new Date(e.getTime() + tt(n));
 }
-class ct {
+class dt {
   constructor(e = "nice2dev-communication") {
     this.storeName = "nice_comm_store", this.db = null, this.dbName = e;
   }
@@ -3812,7 +3823,7 @@ class ct {
     await Promise.all(t.map((i) => this.delete(i)));
   }
 }
-class Xt {
+class Jt {
   constructor(e = "nice_comm__") {
     this.prefix = e;
   }
@@ -3849,18 +3860,18 @@ class Xt {
     (await this.list(e ?? "")).forEach((i) => localStorage.removeItem(this.prefix + i));
   }
 }
-class Jt {
+class Qt {
   constructor(e, t) {
     this.config = e, this.encryption = t, this.adapter = this.buildAdapter();
   }
   buildAdapter() {
     switch (this.config.provider) {
       case "localstorage":
-        return new Xt();
+        return new Jt();
       case "custom":
-        return this.config.customAdapter ?? new ct();
+        return this.config.customAdapter ?? new dt();
       default:
-        return new ct();
+        return new dt();
     }
   }
   getRuleFor(e) {
@@ -3985,7 +3996,7 @@ class Jt {
     return this.config;
   }
 }
-const Tt = [
+const Pt = [
   {
     dataType: "messages",
     activePeriod: { value: 1, unit: "years" },
@@ -4040,13 +4051,13 @@ const Tt = [
     legalHoldEnabled: !0
   }
 ], je = /* @__PURE__ */ new Map();
-function Qt(n, e, t) {
-  return je.has(n) || je.set(n, new Jt(e, t)), je.get(n);
+function Zt(n, e, t) {
+  return je.has(n) || je.set(n, new Qt(e, t)), je.get(n);
 }
-function li(n) {
+function ci(n) {
   je.delete(n);
 }
-const dt = [
+const pt = [
   "var(--nice-color-accent-pink, #e91e63)",
   "var(--nice-accent, #9c27b0)",
   "var(--nice-accent, #3f51b5)",
@@ -4058,13 +4069,13 @@ const dt = [
   "var(--nice-warning-dark, #795548)",
   "var(--nice-text-secondary, #607d8b)"
 ];
-function Zt(n) {
+function en(n) {
   let e = 0;
   for (let t = 0; t < n.length; t++)
     e = e * 31 + n.charCodeAt(t) >>> 0;
-  return dt[e % dt.length];
+  return pt[e % pt.length];
 }
-function pt(n, e, t) {
+function ft(n, e, t) {
   const i = { ...n }, a = [...e];
   switch (t.type) {
     case "object:add":
@@ -4106,7 +4117,7 @@ function pt(n, e, t) {
   }
   return { objects: i, layers: a };
 }
-function en(n, e) {
+function tn(n, e) {
   switch (e.type) {
     case "LOAD_SESSION":
       return {
@@ -4119,7 +4130,7 @@ function en(n, e) {
     case "SET_TOOL":
       return { ...n, activeTool: e.tool };
     case "APPLY_OP": {
-      const { op: t, local: i } = e, { objects: a, layers: s } = pt(n.session.objects, n.session.layers, t), l = {
+      const { op: t, local: i } = e, { objects: a, layers: s } = ft(n.session.objects, n.session.layers, t), l = {
         ...n.session,
         objects: a,
         layers: s,
@@ -4165,7 +4176,7 @@ function en(n, e) {
       const t = n.redoStack[0];
       let { objects: i, layers: a } = { objects: n.session.objects, layers: n.session.layers };
       for (const s of t)
-        ({ objects: i, layers: a } = pt(i, a, s));
+        ({ objects: i, layers: a } = ft(i, a, s));
       return {
         ...n,
         session: { ...n.session, objects: i, layers: a },
@@ -4208,7 +4219,7 @@ function en(n, e) {
       return n;
   }
 }
-function tn(n) {
+function nn(n) {
   const {
     session: e,
     currentUser: t,
@@ -4217,7 +4228,7 @@ function tn(n) {
     readonly: s = !1,
     storageConfig: l,
     autoSaveMs: c = 3e4
-  } = n, [u, d] = Ot(en, {
+  } = n, [u, d] = Lt(tn, {
     session: e,
     activeTool: s ? "select" : "pen",
     selectedObjectIds: [],
@@ -4228,7 +4239,7 @@ function tn(n) {
     isDirty: !1
   }), g = le(0), p = le(null), m = le(null);
   re(() => {
-    l && (m.current = Qt(`wb_${e.id}`, l), m.current.loadWhiteboardSnapshot(e.id).then((P) => {
+    l && (m.current = Zt(`wb_${e.id}`, l), m.current.loadWhiteboardSnapshot(e.id).then((P) => {
       P && d({ type: "LOAD_SESSION", session: P });
     }));
   }, [e.id, l]), re(() => {
@@ -4361,7 +4372,7 @@ function tn(n) {
       user: P,
       cursorX: 0,
       cursorY: 0,
-      color: Zt(P.id),
+      color: en(P.id),
       selectedObjectIds: [],
       activeTool: "pen",
       lastSeenAt: /* @__PURE__ */ new Date()
@@ -4410,7 +4421,7 @@ function tn(n) {
     saveNow: E
   };
 }
-const nn = [
+const rn = [
   { id: "select", label: "Select", icon: "cursor", group: "select" },
   { id: "laser", label: "Laser", icon: "circle", group: "select" },
   { id: "pen", label: "Pen", icon: "pen", group: "draw" },
@@ -4432,13 +4443,13 @@ function _e() {
 function Qe(n, e, t) {
   return { sx: n * t.scale + t.x, sy: e * t.scale + t.y };
 }
-function rn(n, e, t) {
+function an(n, e, t) {
   return { wx: (n - t.x) / t.scale, wy: (e - t.y) / t.scale };
 }
-function an(n, e) {
+function sn(n, e) {
   return Math.hypot(e.x - n.x, e.y - n.y);
 }
-function sn(n, e) {
+function on(n, e) {
   if (!(e.points.length < 2)) {
     n.save(), n.globalAlpha = e.opacity, n.strokeStyle = de(e.color, n.canvas), n.lineWidth = e.strokeWidth, n.lineCap = "round", n.lineJoin = "round", e.tool === "highlighter" && (n.globalCompositeOperation = "multiply"), n.beginPath(), n.moveTo(e.points[0].x, e.points[0].y);
     for (let t = 1; t < e.points.length; t++) {
@@ -4451,7 +4462,7 @@ function sn(n, e) {
     n.stroke(), n.restore();
   }
 }
-function on(n, e) {
+function ln(n, e) {
   switch (n.save(), n.globalAlpha = e.opacity, n.strokeStyle = de(e.strokeColor, n.canvas), n.lineWidth = e.strokeWidth, e.fillColor && (n.fillStyle = de(e.fillColor, n.canvas)), n.translate(e.x + e.width / 2, e.y + e.height / 2), n.rotate(e.rotation * Math.PI / 180), n.beginPath(), e.shape) {
     case "rect":
       n.rect(-e.width / 2, -e.height / 2, e.width, e.height);
@@ -4472,7 +4483,7 @@ function on(n, e) {
   }
   e.fillColor && n.fill(), n.stroke(), n.restore();
 }
-function ln(n, e) {
+function cn(n, e) {
   if (n.save(), n.translate(e.x + e.width / 2, e.y + e.height / 2), n.rotate(e.rotation * Math.PI / 180), n.font = `${e.fontStyle} ${e.fontWeight} ${e.fontSize}px ${e.fontFamily}`, n.fillStyle = de(e.color, n.canvas), n.textAlign = e.textAlign, n.textBaseline = "middle", e.backgroundColor) {
     const t = n.measureText(e.text), i = 4;
     n.fillStyle = de(e.backgroundColor, n.canvas), n.fillRect(
@@ -4484,7 +4495,7 @@ function ln(n, e) {
   }
   n.fillText(e.text, 0, 0), n.restore();
 }
-function cn(n, e) {
+function dn(n, e) {
   n.save(), n.translate(e.x, e.y), n.rotate(e.rotation * Math.PI / 180), n.shadowColor = de("var(--nice-overlay-15, rgba(0, 0, 0, 0.15))", n.canvas), n.shadowBlur = 8, n.shadowOffsetY = 3, n.fillStyle = de(e.backgroundColor, n.canvas), n.fillRect(0, 0, e.width, e.height), n.shadowColor = "transparent", n.fillStyle = de(e.textColor, n.canvas), n.font = `${e.fontSize}px sans-serif`, n.textAlign = "left", n.textBaseline = "top";
   const t = 10, i = e.width - t * 2, a = e.fontSize * 1.4, s = e.text.split(" ");
   let l = "", c = t;
@@ -4494,7 +4505,7 @@ function cn(n, e) {
   }
   l && n.fillText(l, t, c), n.restore();
 }
-function dn(n, e) {
+function pn(n, e) {
   if (!(e.points.length < 2)) {
     if (n.save(), n.strokeStyle = de(e.strokeColor, n.canvas), n.lineWidth = e.strokeWidth, n.lineCap = "round", n.beginPath(), n.moveTo(e.points[0].x, e.points[0].y), e.curved && e.points.length > 2) {
       for (let t = 1; t < e.points.length - 1; t++) {
@@ -4521,24 +4532,24 @@ function dn(n, e) {
     n.restore();
   }
 }
-function pn(n, e) {
+function fn(n, e) {
   n.save(), n.strokeStyle = de(e.borderColor ?? "var(--nice-text-muted, #aaa)", n.canvas), n.lineWidth = 2, n.setLineDash([8, 4]), e.backgroundColor && (n.fillStyle = de(e.backgroundColor, n.canvas), n.fillRect(e.x, e.y, e.width, e.height)), n.strokeRect(e.x, e.y, e.width, e.height), n.setLineDash([]), n.fillStyle = de("var(--nice-text-secondary, #555)", n.canvas), n.font = "bold 13px sans-serif", n.fillText(e.name, e.x + 8, e.y - 6), n.restore();
 }
-function fn(n, e) {
+function un(n, e) {
   if (e.visible)
     switch (e.type) {
       case "stroke":
-        return sn(n, e);
-      case "shape":
         return on(n, e);
-      case "text":
+      case "shape":
         return ln(n, e);
-      case "sticky":
+      case "text":
         return cn(n, e);
-      case "connector":
+      case "sticky":
         return dn(n, e);
-      case "frame":
+      case "connector":
         return pn(n, e);
+      case "frame":
+        return fn(n, e);
       case "image": {
         const t = e, i = new Image();
         i.src = t.dataUrl ?? t.url, n.save(), n.translate(t.x + t.width / 2, t.y + t.height / 2), n.rotate(t.rotation * Math.PI / 180), n.drawImage(i, -t.width / 2, -t.height / 2, t.width, t.height), n.restore();
@@ -4546,11 +4557,11 @@ function fn(n, e) {
       }
     }
 }
-function Pt(n) {
+function Rt(n) {
   const { t: e } = Ke();
-  return n.session ? /* @__PURE__ */ r(un, { ...n, session: n.session }) : /* @__PURE__ */ r("div", { className: n.className, style: n.style, "data-testid": n["data-testid"], children: /* @__PURE__ */ r($t, { title: e("whiteboard.noSession", "No whiteboard session") }) });
+  return n.session ? /* @__PURE__ */ r(hn, { ...n, session: n.session }) : /* @__PURE__ */ r("div", { className: n.className, style: n.style, "data-testid": n["data-testid"], children: /* @__PURE__ */ r(Mt, { title: e("whiteboard.noSession", "No whiteboard session") }) });
 }
-function un({
+function hn({
   session: n,
   currentUser: e,
   onOperation: t,
@@ -4568,7 +4579,7 @@ function un({
   style: x,
   "data-testid": T
 }) {
-  const f = tn({
+  const f = nn({
     session: n,
     currentUser: e,
     onOperation: t,
@@ -4645,7 +4656,7 @@ function un({
     const J = Object.values(f.session.objects).filter((C) => C.visible).sort((C, A) => C.zIndex - A.zIndex);
     b.translate(O.x, O.y), b.scale(O.scale, O.scale);
     for (const C of J)
-      fn(b, C);
+      un(b, C);
     if (w.current.active && w.current.currentPoints.length > 1) {
       const C = w.current.currentPoints;
       b.strokeStyle = de(M, y), b.lineWidth = G, b.lineCap = "round", b.lineJoin = "round", b.beginPath(), b.moveTo(C[0].x, C[0].y);
@@ -4671,7 +4682,7 @@ function un({
     M,
     G
   ]);
-  Lt(() => {
+  Wt(() => {
     function y() {
       ee(), $.current = requestAnimationFrame(y);
     }
@@ -4710,7 +4721,7 @@ function un({
   }, [f]);
   const X = R(
     (y) => {
-      const b = z.current.getBoundingClientRect(), L = y.clientX - b.left, j = y.clientY - b.top, { wx: O, wy: J } = rn(L, j, f.viewport);
+      const b = z.current.getBoundingClientRect(), L = y.clientX - b.left, j = y.clientY - b.top, { wx: O, wy: J } = an(L, j, f.viewport);
       return { x: O, y: J, pressure: y.pressure ?? 0.5 };
     },
     [f.viewport]
@@ -4759,7 +4770,7 @@ function un({
       const L = f.activeTool;
       if (L === "pen" || L === "highlighter") {
         const j = w.current.currentPoints;
-        (j.length === 0 || an(j[j.length - 1], b) > 2) && (w.current.currentPoints = [...j, b]);
+        (j.length === 0 || sn(j[j.length - 1], b) > 2) && (w.current.currentPoints = [...j, b]);
       } else if (L === "laser") {
         const j = w.current.laserPoints;
         w.current.laserPoints = [...j.slice(-40), b];
@@ -5067,7 +5078,7 @@ function un({
   ], ue = oe(() => {
     var b;
     const y = {};
-    for (const L of nn)
+    for (const L of rn)
       (y[b = L.group] ?? (y[b] = [])).push(L);
     return Object.values(y);
   }, []);
@@ -5102,7 +5113,7 @@ function un({
               flexWrap: "wrap"
             },
             children: [
-              ue.map((y, b) => /* @__PURE__ */ o(nt.Fragment, { children: [
+              ue.map((y, b) => /* @__PURE__ */ o(it.Fragment, { children: [
                 b > 0 && /* @__PURE__ */ r(
                   "div",
                   {
@@ -5406,7 +5417,7 @@ function un({
               style: {
                 flex: 1,
                 display: "block",
-                cursor: gn(f.activeTool, w.current.spaceDown)
+                cursor: mn(f.activeTool, w.current.spaceDown)
               },
               onPointerDown: ae,
               onPointerMove: me,
@@ -5416,7 +5427,7 @@ function un({
             }
           ),
           s && D && /* @__PURE__ */ r(
-            hn,
+            gn,
             {
               layers: f.layers,
               objects: f.session.objects,
@@ -5578,7 +5589,7 @@ function un({
     }
   );
 }
-function hn({ layers: n, objects: e, onAdd: t, onUpdate: i, onDelete: a }) {
+function gn({ layers: n, objects: e, onAdd: t, onUpdate: i, onDelete: a }) {
   return /* @__PURE__ */ o(
     "div",
     {
@@ -5732,7 +5743,7 @@ function ve(n = !1, e = !1) {
     fontWeight: e ? 600 : 400
   };
 }
-function gn(n, e) {
+function mn(n, e) {
   if (e)
     return "grab";
   switch (n) {
@@ -5780,7 +5791,7 @@ function ze({
               borderRadius: 10,
               border: "none",
               background: t ? "var(--nice-overlay-light-20, rgba(255, 255, 255, 0.2))" : "transparent",
-              color: "var(--nice-text-on-primary, #fff)",
+              color: "var(--nice-color-white, #fff)",
               cursor: "pointer",
               display: "flex",
               alignItems: "center",
@@ -5825,7 +5836,7 @@ function ze({
     }
   );
 }
-function mn({
+function yn({
   team: n,
   activeChannelId: e,
   onSelectChannel: t
@@ -5985,7 +5996,7 @@ function mn({
     ))
   ] });
 }
-function yn({
+function vn({
   conversation: n,
   partner: e,
   isActive: t,
@@ -6060,7 +6071,7 @@ function yn({
     }
   );
 }
-function vn({
+function bn({
   currentUser: n,
   users: e,
   teams: t,
@@ -6122,7 +6133,7 @@ function vn({
   }, ge = oe(() => {
     const C = /* @__PURE__ */ new Map();
     return e.forEach((A) => C.set(A.id, A)), C;
-  }, [e]), Ce = oe(() => Ct(i), [i]), F = oe(
+  }, [e]), Ce = oe(() => It(i), [i]), F = oe(
     () => i.reduce((C, A) => C + A.mentionCount, 0),
     [i]
   ), te = oe(() => {
@@ -6163,7 +6174,7 @@ function vn({
       style: { position: "relative", height: "100%", ...P },
       children: [
         /* @__PURE__ */ r(
-          St,
+          kt,
           {
             flush: !0,
             height: "100%",
@@ -6325,7 +6336,7 @@ function vn({
                     ] }),
                     /* @__PURE__ */ o("div", { style: { flex: 1, overflowY: "auto" }, children: [
                       q === "teams" && /* @__PURE__ */ r(he, { children: t.map((C) => /* @__PURE__ */ r(
-                        mn,
+                        yn,
                         {
                           team: C,
                           activeChannelId: v == null ? void 0 : v.channelId,
@@ -6354,7 +6365,7 @@ function vn({
                             C.participantIds.find((ie) => ie !== n.id) ?? ""
                           );
                           return /* @__PURE__ */ r(
-                            yn,
+                            vn,
                             {
                               conversation: C,
                               partner: A,
@@ -6617,7 +6628,7 @@ function vn({
                 },
                 children: [
                   (v == null ? void 0 : v.type) === "channel" && te ? /* @__PURE__ */ r(
-                    Vt,
+                    Xt,
                     {
                       channel: te,
                       messages: ue,
@@ -6650,7 +6661,7 @@ function vn({
                       style: { height: "100%" }
                     }
                   ) : q === "whiteboard" && X ? /* @__PURE__ */ r(
-                    Pt,
+                    Rt,
                     {
                       session: X,
                       currentUser: n,
@@ -6683,7 +6694,7 @@ function vn({
                     }
                   ),
                   b && s && /* @__PURE__ */ r("div", { style: { position: "absolute", inset: 0, zIndex: 50 }, children: s.participants.length > 2 ? /* @__PURE__ */ r(
-                    zt,
+                    Tt,
                     {
                       session: s,
                       currentUser: n,
@@ -6695,7 +6706,7 @@ function vn({
                       onStopScreenShare: K
                     }
                   ) : /* @__PURE__ */ r(
-                    It,
+                    zt,
                     {
                       session: s,
                       currentUser: n,
@@ -6827,13 +6838,13 @@ function vn({
     }
   );
 }
-const bn = {
+const xn = {
   "bottom-right": { bottom: 24, right: 24 },
   "bottom-left": { bottom: 24, left: 24 },
   "top-right": { top: 24, right: 24 },
   "top-left": { top: 24, left: 24 }
 };
-function xn({
+function wn({
   props: n,
   onExpand: e
 }) {
@@ -6852,7 +6863,7 @@ function xn({
     onEditMessage: T,
     onLoadMoreMessages: f,
     onStartCall: z
-  } = n, $ = bn[a], D = u.find((M) => M.id === g) ?? u[0] ?? null, Y = D ? d[D.id] ?? [] : [];
+  } = n, $ = xn[a], D = u.find((M) => M.id === g) ?? u[0] ?? null, Y = D ? d[D.id] ?? [] : [];
   return /* @__PURE__ */ o("div", { style: { position: "fixed", zIndex: 9999, ...$ }, children: [
     t && D && /* @__PURE__ */ o(
       "div",
@@ -6899,7 +6910,7 @@ function xn({
                         border: "none",
                         borderRadius: 6,
                         padding: "3px 7px",
-                        color: "var(--nice-text-on-primary, #fff)",
+                        color: "var(--nice-color-white, #fff)",
                         cursor: "pointer",
                         display: "inline-flex",
                         alignItems: "center"
@@ -6974,7 +6985,7 @@ function xn({
     )
   ] });
 }
-function wn({
+function Sn({
   call: n,
   onAccept: e,
   onDecline: t
@@ -7063,7 +7074,7 @@ function wn({
     }
   );
 }
-function ci(n) {
+function di(n) {
   const {
     mode: e,
     currentUser: t,
@@ -7143,7 +7154,7 @@ function ci(n) {
     toggleCamera: C,
     startScreenShare: A,
     stopScreenShare: ie
-  } = jt({
+  } = Bt({
     currentUser: t,
     transport: p,
     rtcConfig: m,
@@ -7159,13 +7170,13 @@ function ci(n) {
     },
     [K]
   ), ce = R(
-    async (se, st) => {
+    async (se, ot) => {
       if (Y) {
-        await Y(se, st);
+        await Y(se, ot);
         return;
       }
-      const Nt = await b(se, st);
-      F(Nt), X(se.length > 2 ? "conference" : "call");
+      const $t = await b(se, ot);
+      F($t), X(se.length > 2 ? "conference" : "call");
     },
     [Y, b]
   ), ye = R(async () => {
@@ -7185,7 +7196,7 @@ function ci(n) {
       J(), Z == null || Z(se);
     },
     [J, Z]
-  ), at = R(
+  ), st = R(
     (se) => {
       C(), W == null || W(se);
     },
@@ -7205,11 +7216,11 @@ function ci(n) {
     onStartCall: ce,
     onEndCall: be,
     onMuteAudio: Le,
-    onMuteVideo: at,
+    onMuteVideo: st,
     onStartScreenShare: We,
     onStopScreenShare: Ge,
     onRaiseHand: _
-  }, qe = a.find((se) => se.id === l) ?? a[0], xe = fe ? fe.participants.length > 2 ? "conference" : "call" : ee, Et = {
+  }, qe = a.find((se) => se.id === l) ?? a[0], xe = fe ? fe.participants.length > 2 ? "conference" : "call" : ee, Nt = {
     width: "100%",
     height: "100%",
     position: "relative",
@@ -7221,17 +7232,17 @@ function ci(n) {
       id: V,
       "data-testid": Q,
       className: `nice-communication nice-communication--${xe}${w ? ` ${w}` : ""}`,
-      style: Et,
+      style: Nt,
       children: [
         ue && xe !== "workspace" && /* @__PURE__ */ r(
-          wn,
+          Sn,
           {
             call: ue,
             onAccept: ye,
             onDecline: Se
           }
         ),
-        xe === "bubble" && /* @__PURE__ */ r(xn, { props: n, onExpand: ne }),
+        xe === "bubble" && /* @__PURE__ */ r(wn, { props: n, onExpand: ne }),
         xe === "chat" && qe && /* @__PURE__ */ r(
           Ye,
           {
@@ -7244,7 +7255,7 @@ function ci(n) {
           }
         ),
         xe === "messenger" && /* @__PURE__ */ r(
-          Gt,
+          qt,
           {
             conversations: a,
             messages: s,
@@ -7259,7 +7270,7 @@ function ci(n) {
           }
         ),
         xe === "workspace" && /* @__PURE__ */ r(
-          vn,
+          bn,
           {
             currentUser: t,
             users: i,
@@ -7281,7 +7292,7 @@ function ci(n) {
           }
         ),
         xe === "call" && fe && /* @__PURE__ */ r(
-          It,
+          zt,
           {
             session: fe,
             currentUser: t,
@@ -7292,7 +7303,7 @@ function ci(n) {
           }
         ),
         xe === "conference" && fe && /* @__PURE__ */ r(
-          zt,
+          Tt,
           {
             session: fe,
             currentUser: t,
@@ -7303,7 +7314,7 @@ function ci(n) {
           }
         ),
         xe === "whiteboard" && B && /* @__PURE__ */ r(
-          Pt,
+          Rt,
           {
             session: ae ?? ge,
             currentUser: t,
@@ -7316,7 +7327,7 @@ function ci(n) {
     }
   );
 }
-const Sn = {
+const kn = {
   messages: "Messages",
   attachments: "Attachments",
   "whiteboard-snapshots": "Whiteboard snapshots",
@@ -7325,13 +7336,13 @@ const Sn = {
   documents: "Documents",
   "call-logs": "Call logs",
   "audit-logs": "Audit logs"
-}, ft = {
+}, ut = {
   none: "No encryption",
   "AES-GCM-128": "AES-GCM 128-bit",
   "AES-GCM-256": "AES-GCM 256-bit (recommended)",
   "ChaCha20-Poly1305": "ChaCha20-Poly1305",
   "E2E-ECDH-P384": "End-to-End ECDH P-384"
-}, kn = {
+}, Cn = {
   messages: "Messages",
   attachments: "Attachments",
   whiteboard: "Whiteboard",
@@ -7340,14 +7351,14 @@ const Sn = {
   calls: "Calls (metadata)",
   presence: "Presence data",
   all: "Everything"
-}, Cn = ["days", "weeks", "months", "years", "forever"];
-function ut(n) {
+}, In = ["days", "weeks", "months", "years", "forever"];
+function ht(n) {
   if (n === 0)
     return "0 B";
   const e = 1024, t = ["B", "KB", "MB", "GB"], i = Math.floor(Math.log(n) / Math.log(e));
   return `${(n / Math.pow(e, i)).toFixed(1)} ${t[i]}`;
 }
-function ht({
+function gt({
   value: n,
   onChange: e,
   disabled: t = !1
@@ -7383,16 +7394,16 @@ function ht({
           borderRadius: 5,
           fontSize: 12
         },
-        children: Cn.map((i) => /* @__PURE__ */ r("option", { value: i, children: i }, i))
+        children: In.map((i) => /* @__PURE__ */ r("option", { value: i, children: i }, i))
       }
     )
   ] });
 }
-function In({
+function zn({
   config: n,
   onChange: e
 }) {
-  const t = n.retentionRules.length > 0 ? n.retentionRules : Tt;
+  const t = n.retentionRules.length > 0 ? n.retentionRules : Pt;
   function i(a, s) {
     const l = t.map((c) => c.dataType === a ? { ...c, ...s } : c);
     e({ ...n, retentionRules: l });
@@ -7453,9 +7464,9 @@ function In({
         {
           style: { borderBottom: "1px solid var(--nice-bg-secondary, #f3f4f6)" },
           children: [
-            /* @__PURE__ */ r("td", { style: { ...Ae, fontWeight: 500, color: "var(--nice-text, #374151)" }, children: Sn[a.dataType] }),
+            /* @__PURE__ */ r("td", { style: { ...Ae, fontWeight: 500, color: "var(--nice-text, #374151)" }, children: kn[a.dataType] }),
             /* @__PURE__ */ r("td", { style: Ae, children: /* @__PURE__ */ r(
-              ht,
+              gt,
               {
                 value: a.activePeriod,
                 onChange: (s) => i(a.dataType, { activePeriod: s })
@@ -7463,7 +7474,7 @@ function In({
             ) }),
             /* @__PURE__ */ r("td", { style: Ae, children: a.archivePeriod ? /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
               /* @__PURE__ */ r(
-                ht,
+                gt,
                 {
                   value: a.archivePeriod,
                   onChange: (s) => i(a.dataType, { archivePeriod: s })
@@ -7557,7 +7568,7 @@ function In({
     ] })
   ] });
 }
-function zn({
+function Tn({
   config: n,
   onChange: e
 }) {
@@ -7640,7 +7651,7 @@ function zn({
             value: n.defaultAlgorithm,
             onChange: (i) => e({ ...n, defaultAlgorithm: i.target.value }),
             style: Te,
-            children: Object.entries(ft).map(([i, a]) => /* @__PURE__ */ r("option", { value: i, children: a }, i))
+            children: Object.entries(ut).map(([i, a]) => /* @__PURE__ */ r("option", { value: i, children: a }, i))
           }
         )
       ] }),
@@ -7735,7 +7746,7 @@ function zn({
                   }
                 }
               ),
-              /* @__PURE__ */ r("span", { style: { minWidth: 120, fontSize: 12, color: "var(--nice-text, #374151)" }, children: kn[i] }),
+              /* @__PURE__ */ r("span", { style: { minWidth: 120, fontSize: 12, color: "var(--nice-text, #374151)" }, children: Cn[i] }),
               /* @__PURE__ */ r(
                 "select",
                 {
@@ -7749,7 +7760,7 @@ function zn({
                     e({ ...n, scopeOverrides: d });
                   },
                   style: { ...Te, flex: 1, opacity: s ? 1 : 0.4 },
-                  children: Object.entries(ft).map(([u, d]) => /* @__PURE__ */ r("option", { value: u, children: d }, u))
+                  children: Object.entries(ut).map(([u, d]) => /* @__PURE__ */ r("option", { value: u, children: d }, u))
                 }
               )
             ]
@@ -7760,7 +7771,7 @@ function zn({
     ] })
   ] });
 }
-function di({
+function pi({
   storageConfig: n,
   defaultStorageConfig: e,
   encryptionConfig: t,
@@ -7774,7 +7785,7 @@ function di({
   style: g,
   "data-testid": p
 }) {
-  const [m, h] = N("retention"), [x, T] = Mt({
+  const [m, h] = N("retention"), [x, T] = Ot({
     value: n,
     defaultValue: e,
     fallbackValue: { provider: "indexeddb", retentionRules: [] },
@@ -7786,7 +7797,7 @@ function di({
     showIndicator: !0
   }, z = {
     ...x,
-    retentionRules: x.retentionRules.length > 0 ? x.retentionRules : Tt
+    retentionRules: x.retentionRules.length > 0 ? x.retentionRules : Pt
   };
   return /* @__PURE__ */ o(
     "div",
@@ -7830,9 +7841,9 @@ function di({
               children: [
                 /* @__PURE__ */ r("span", { children: "Storage used" }),
                 /* @__PURE__ */ o("span", { children: [
-                  ut(s),
+                  ht(s),
                   " / ",
-                  ut(x.quota)
+                  ht(x.quota)
                 ] })
               ]
             }
@@ -7885,9 +7896,9 @@ function di({
           }
         ),
         /* @__PURE__ */ o("div", { children: [
-          (m === "retention" || !l) && c && /* @__PURE__ */ r(In, { config: z, onChange: T }),
+          (m === "retention" || !l) && c && /* @__PURE__ */ r(zn, { config: z, onChange: T }),
           (m === "encryption" || !c) && l && /* @__PURE__ */ r(
-            zn,
+            Tn,
             {
               config: f,
               onChange: a ?? (() => {
@@ -7929,13 +7940,13 @@ function He(n) {
   const e = Math.floor(n / 1e3), t = Math.floor(e / 60), i = Math.floor(t / 60);
   return i > 0 ? `${i}:${String(t % 60).padStart(2, "0")}:${String(e % 60).padStart(2, "0")}` : `${String(t).padStart(2, "0")}:${String(e % 60).padStart(2, "0")}`;
 }
-function Tn(n) {
+function Pn(n) {
   if (n === 0)
     return "0 B";
   const e = 1024, t = ["B", "KB", "MB", "GB"], i = Math.floor(Math.log(n) / Math.log(e));
   return `${(n / Math.pow(e, i)).toFixed(1)} ${t[i]}`;
 }
-function Pn(n, e) {
+function Rn(n, e) {
   return new Intl.DateTimeFormat(e, {
     month: "short",
     day: "numeric",
@@ -7943,7 +7954,7 @@ function Pn(n, e) {
     minute: "2-digit"
   }).format(new Date(n));
 }
-const Rn = (n, e) => n(`recording.state.${e}`, Rt[e].label), Rt = {
+const An = (n, e) => n(`recording.state.${e}`, At[e].label), At = {
   idle: {
     label: "Idle",
     icon: null,
@@ -7981,7 +7992,7 @@ const Rn = (n, e) => n(`recording.state.${e}`, Rt[e].label), Rt = {
     fg: "var(--nice-danger-dark, #dc2626)"
   }
 };
-function An({
+function Dn({
   segments: n,
   onClose: e,
   currentTimeMs: t = 0
@@ -8030,7 +8041,7 @@ function An({
                     "button",
                     {
                       onClick: e,
-                      style: En,
+                      style: Nn,
                       "aria-label": i("recording.close", "Close"),
                       children: /* @__PURE__ */ r(S, { name: "close", size: 16 })
                     }
@@ -8114,22 +8125,22 @@ function An({
     }
   );
 }
-function At({ startedAt: n }) {
+function Dt({ startedAt: n }) {
   const [e, t] = N(0);
   return re(() => {
     const i = new Date(n).getTime(), a = setInterval(() => t(Date.now() - i), 500);
     return () => clearInterval(a);
   }, [n]), /* @__PURE__ */ r(he, { children: He(e) });
 }
-function Dn({
+function En({
   rec: n,
   onDelete: e,
   onDownload: t
 }) {
-  const { t: i, lang: a } = Ke(), [s, l] = N(!1), [c, u] = N(0), d = le(null), g = Rt[n.state], p = Rn(i, n.state), m = n.state === "recording" || n.state === "paused";
+  const { t: i, lang: a } = Ke(), [s, l] = N(!1), [c, u] = N(0), d = le(null), g = At[n.state], p = An(i, n.state), m = n.state === "recording" || n.state === "paused";
   return /* @__PURE__ */ o(he, { children: [
     s && n.transcript && /* @__PURE__ */ r(
-      An,
+      Dn,
       {
         segments: n.transcript,
         currentTimeMs: c,
@@ -8181,9 +8192,9 @@ function Dn({
                   gap: 8
                 },
                 children: [
-                  /* @__PURE__ */ r("span", { children: Pn(n.startedAt, a) }),
-                  /* @__PURE__ */ r("span", { children: m ? /* @__PURE__ */ r(At, { startedAt: n.startedAt }) : n.durationMs != null ? He(n.durationMs) : "—" }),
-                  n.size != null && /* @__PURE__ */ r("span", { children: Tn(n.size) }),
+                  /* @__PURE__ */ r("span", { children: Rn(n.startedAt, a) }),
+                  /* @__PURE__ */ r("span", { children: m ? /* @__PURE__ */ r(Dt, { startedAt: n.startedAt }) : n.durationMs != null ? He(n.durationMs) : "—" }),
+                  n.size != null && /* @__PURE__ */ r("span", { children: Pn(n.size) }),
                   /* @__PURE__ */ o("span", { children: [
                     n.participants.length,
                     " participants"
@@ -8262,7 +8273,7 @@ function Dn({
     )
   ] });
 }
-function pi({
+function fi({
   recordings: n,
   onRecordingStart: e,
   onRecordingStop: t,
@@ -8359,7 +8370,7 @@ function pi({
                   disabled: Y || M,
                   onChange: () => {
                   },
-                  style: { ...gt, flex: 0 },
+                  style: { ...mt, flex: 0 },
                   children: [
                     /* @__PURE__ */ r("option", { value: "call", children: m("recording.type.call", "Call") }),
                     /* @__PURE__ */ r("option", { value: "meeting", children: m("recording.type.meeting", "Meeting") }),
@@ -8438,7 +8449,7 @@ function pi({
                   "span",
                   {
                     style: { fontSize: 12, color: "var(--nice-text-muted, #9ca3af)", marginLeft: 4 },
-                    children: /* @__PURE__ */ r(At, { startedAt: D.startedAt })
+                    children: /* @__PURE__ */ r(Dt, { startedAt: D.startedAt })
                   }
                 )
               ] })
@@ -8477,7 +8488,7 @@ function pi({
                 {
                   value: z,
                   onChange: (W) => $(W.target.value),
-                  style: gt,
+                  style: mt,
                   children: [
                     /* @__PURE__ */ r("option", { value: "all", children: m("recording.filter.all", "All types") }),
                     /* @__PURE__ */ r("option", { value: "call", children: m("recording.filter.calls", "Calls") }),
@@ -8509,7 +8520,7 @@ function pi({
             ]
           }
         ) : H.map((W) => /* @__PURE__ */ r(
-          Dn,
+          En,
           {
             rec: W,
             onDelete: G,
@@ -8539,14 +8550,14 @@ const Ze = {
   display: "inline-flex",
   alignItems: "center",
   gap: 4
-}, gt = {
+}, mt = {
   padding: "4px 6px",
   border: "1px solid var(--nice-border, #e5e7eb)",
   borderRadius: 6,
   fontSize: 12,
   color: "var(--nice-text, #374151)",
   background: "var(--nice-bg, #fff)"
-}, En = {
+}, Nn = {
   border: "none",
   background: "none",
   cursor: "pointer",
@@ -8555,7 +8566,7 @@ const Ze = {
   lineHeight: 1,
   padding: 4
 };
-function mt({
+function yt({
   participant: n,
   isFollowing: e,
   onClick: t
@@ -8574,7 +8585,7 @@ function mt({
         height: 30,
         borderRadius: "50%",
         background: n.color,
-        color: "var(--nice-text-on-primary, #fff)",
+        color: "var(--nice-color-white, #fff)",
         fontSize: 11,
         fontWeight: 600,
         border: `2px solid ${e ? "var(--nice-bg, #fff)" : n.color}`,
@@ -8613,7 +8624,7 @@ function mt({
     }
   );
 }
-function Nn({ participant: n, containerRect: e }) {
+function $n({ participant: n, containerRect: e }) {
   if (!n.cursorX || !n.cursorY || !e)
     return null;
   const t = n.cursorX, i = n.cursorY;
@@ -8643,7 +8654,7 @@ function Nn({ participant: n, containerRect: e }) {
           {
             style: {
               background: n.color,
-              color: "var(--nice-text-on-primary, #fff)",
+              color: "var(--nice-color-white, #fff)",
               fontSize: 10,
               padding: "1px 5px",
               borderRadius: 3,
@@ -8658,7 +8669,7 @@ function Nn({ participant: n, containerRect: e }) {
     }
   );
 }
-function $n({ count: n }) {
+function Mn({ count: n }) {
   return n === 0 ? null : /* @__PURE__ */ o(
     "div",
     {
@@ -8691,7 +8702,7 @@ function $n({ count: n }) {
     }
   );
 }
-function Mn() {
+function On() {
   return /* @__PURE__ */ r(
     "div",
     {
@@ -8712,7 +8723,7 @@ function Mn() {
         {
           style: {
             background: "var(--nice-overlay-60, rgba(0, 0, 0, 0.6))",
-            color: "var(--nice-text-on-primary, #fff)",
+            color: "var(--nice-color-white, #fff)",
             fontSize: 12,
             padding: "4px 14px",
             borderRadius: 20,
@@ -8729,7 +8740,7 @@ function Mn() {
     }
   );
 }
-function On({ pending: n }) {
+function Ln({ pending: n }) {
   return n === 0 ? /* @__PURE__ */ o(
     "span",
     {
@@ -8764,7 +8775,7 @@ function On({ pending: n }) {
     }
   );
 }
-function Ln({
+function Wn({
   participant: n,
   isFollowing: e,
   onClick: t
@@ -8779,7 +8790,7 @@ function Ln({
         border: `1px solid ${e ? n.color : "var(--nice-border, #e5e7eb)"}`,
         borderRadius: 20,
         background: e ? n.color : "var(--nice-bg, #fff)",
-        color: e ? "var(--nice-text-on-primary, #fff)" : "var(--nice-text-secondary, #6b7280)",
+        color: e ? "var(--nice-color-white, #fff)" : "var(--nice-text-secondary, #6b7280)",
         cursor: "pointer",
         display: "flex",
         alignItems: "center",
@@ -8793,7 +8804,7 @@ function Ln({
     }
   );
 }
-function fi({
+function ui({
   editorType: n,
   sessionId: e,
   currentUser: t,
@@ -8868,10 +8879,10 @@ function fi({
           }
         ),
         /* @__PURE__ */ r("span", { style: { flex: 1 } }),
-        /* @__PURE__ */ r(On, { pending: p }),
+        /* @__PURE__ */ r(Ln, { pending: p }),
         d && i.length > 0 && /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: -4 }, children: [
           i.slice(0, 5).map((E, P) => /* @__PURE__ */ r("div", { style: { marginLeft: P > 0 ? -8 : 0, zIndex: 10 - P }, children: /* @__PURE__ */ r(
-            mt,
+            yt,
             {
               participant: E,
               isFollowing: Y === E.user.id,
@@ -8969,9 +8980,9 @@ function fi({
             ]
           }
         ),
-        g && i.filter((E) => E.user.id !== t.id && E.cursorX != null && E.cursorY != null).map((E) => /* @__PURE__ */ r(Nn, { participant: E, containerRect: $ }, E.user.id)),
-        /* @__PURE__ */ r($n, { count: m }),
-        u && /* @__PURE__ */ r(Mn, {})
+        g && i.filter((E) => E.user.id !== t.id && E.cursorX != null && E.cursorY != null).map((E) => /* @__PURE__ */ r($n, { participant: E, containerRect: $ }, E.user.id)),
+        /* @__PURE__ */ r(Mn, { count: m }),
+        u && /* @__PURE__ */ r(On, {})
       ]
     }
   ), K = H && i.length > 0 ? /* @__PURE__ */ o(
@@ -9033,7 +9044,7 @@ function fi({
             children: [
               /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
                 /* @__PURE__ */ r(
-                  mt,
+                  yt,
                   {
                     participant: E,
                     isFollowing: Y === E.user.id,
@@ -9059,7 +9070,7 @@ function fi({
                 ] })
               ] }),
               E.user.id !== t.id && /* @__PURE__ */ r(
-                Ln,
+                Wn,
                 {
                   participant: E,
                   isFollowing: Y === E.user.id,
@@ -9074,7 +9085,7 @@ function fi({
     }
   ) : void 0;
   return /* @__PURE__ */ r(
-    St,
+    kt,
     {
       flush: !0,
       className: h,
@@ -9090,25 +9101,25 @@ function fi({
     }
   );
 }
-function it(n) {
+function rt(n) {
   let e = "";
   for (let t = 0; t < n.length; t++)
     e += String.fromCharCode(n[t]);
   return btoa(e);
 }
-function rt(n) {
+function at(n) {
   const e = atob(n), t = new Uint8Array(e.length);
   for (let i = 0; i < e.length; i++)
     t[i] = e.charCodeAt(i);
   return t;
 }
-function Wn(n) {
+function _n(n) {
   return new TextEncoder().encode(n);
 }
-function _n(n) {
+function Fn(n) {
   return new TextDecoder().decode(n);
 }
-async function Fn(n) {
+async function jn(n) {
   return crypto.subtle.generateKey(
     { name: "AES-GCM", length: n },
     !0,
@@ -9116,10 +9127,10 @@ async function Fn(n) {
     ["encrypt", "decrypt"]
   );
 }
-async function jn() {
+async function Bn() {
   return crypto.subtle.generateKey({ name: "ECDH", namedCurve: "P-384" }, !0, ["deriveKey"]);
 }
-async function Bn(n, e) {
+async function Un(n, e) {
   return crypto.subtle.deriveKey(
     { name: "ECDH", public: e },
     n,
@@ -9128,20 +9139,20 @@ async function Bn(n, e) {
     ["encrypt", "decrypt"]
   );
 }
-async function Un(n, e) {
-  const t = crypto.getRandomValues(new Uint8Array(12)), i = Wn(e), a = await crypto.subtle.encrypt(
+async function Hn(n, e) {
+  const t = crypto.getRandomValues(new Uint8Array(12)), i = _n(e), a = await crypto.subtle.encrypt(
     { name: "AES-GCM", iv: t },
     n,
     i
   ), s = new Uint8Array(a), l = new Uint8Array(12 + s.length);
-  return l.set(t, 0), l.set(s, 12), it(l);
+  return l.set(t, 0), l.set(s, 12), rt(l);
 }
-async function Hn(n, e) {
-  const t = rt(e), i = t.slice(0, 12), a = t.slice(12), s = await crypto.subtle.decrypt({ name: "AES-GCM", iv: i }, n, a);
-  return _n(new Uint8Array(s));
+async function Kn(n, e) {
+  const t = at(e), i = t.slice(0, 12), a = t.slice(12), s = await crypto.subtle.decrypt({ name: "AES-GCM", iv: i }, n, a);
+  return Fn(new Uint8Array(s));
 }
-async function yt(n, e) {
-  const t = rt(n);
+async function vt(n, e) {
+  const t = at(n);
   return crypto.subtle.importKey(
     "raw",
     t,
@@ -9150,16 +9161,16 @@ async function yt(n, e) {
     ["encrypt", "decrypt"]
   );
 }
-async function Kn(n) {
+async function Yn(n) {
   const e = await crypto.subtle.exportKey("raw", n);
-  return it(new Uint8Array(e));
+  return rt(new Uint8Array(e));
 }
-async function Yn(n) {
+async function Gn(n) {
   const e = await crypto.subtle.exportKey("spki", n);
-  return it(new Uint8Array(e));
+  return rt(new Uint8Array(e));
 }
-async function Gn(n) {
-  const e = rt(n);
+async function qn(n) {
+  const e = at(n);
   return crypto.subtle.importKey(
     "spki",
     e,
@@ -9168,7 +9179,7 @@ async function Gn(n) {
     []
   );
 }
-class qn {
+class Vn {
   constructor(e) {
     this.keys = {}, this.ready = !1, this.config = e;
   }
@@ -9180,12 +9191,12 @@ class qn {
     }
     const e = this.config.defaultAlgorithm;
     if (this.config.keyMaterial)
-      e === "AES-GCM-128" ? this.keys.aes128 = await yt(this.config.keyMaterial, 128) : this.keys.aes256 = await yt(this.config.keyMaterial, 256);
+      e === "AES-GCM-128" ? this.keys.aes128 = await vt(this.config.keyMaterial, 128) : this.keys.aes256 = await vt(this.config.keyMaterial, 256);
     else if (e === "AES-GCM-256" || e === "AES-GCM-128") {
-      const t = e === "AES-GCM-256" ? 256 : 128, i = await Fn(t);
+      const t = e === "AES-GCM-256" ? 256 : 128, i = await jn(t);
       t === 128 ? this.keys.aes128 = i : this.keys.aes256 = i;
     } else if (e === "E2E-ECDH-P384") {
-      const t = await jn();
+      const t = await Bn();
       this.keys.ecdhPrivate = t.privateKey, this.keys.ecdhPublic = t.publicKey, this.keys.ecdhSessionKeys = /* @__PURE__ */ new Map();
     }
     this.ready = !0;
@@ -9193,14 +9204,14 @@ class qn {
   // ── Key exchange (E2E) ────────────────────────────────────────────────────
   /** Export local ECDH public key — broadcast this to peers */
   async getPublicKeyForPeer() {
-    return this.keys.ecdhPublic ? Yn(this.keys.ecdhPublic) : null;
+    return this.keys.ecdhPublic ? Gn(this.keys.ecdhPublic) : null;
   }
   /** Register a peer's ECDH public key to derive a shared session key */
   async registerPeerPublicKey(e, t) {
     var s;
     if (!this.keys.ecdhPrivate)
       return;
-    const i = await Gn(t), a = await Bn(this.keys.ecdhPrivate, i);
+    const i = await qn(t), a = await Un(this.keys.ecdhPrivate, i);
     (s = this.keys.ecdhSessionKeys) == null || s.set(e, a);
   }
   // ── Encrypt / Decrypt ─────────────────────────────────────────────────────
@@ -9236,7 +9247,7 @@ class qn {
     if (a === "none")
       return e;
     const s = this.getKey(a, i);
-    return s ? Un(s, e) : (console.warn(`EncryptionService: no key found for algorithm "${a}" — returning plaintext`), e);
+    return s ? Hn(s, e) : (console.warn(`EncryptionService: no key found for algorithm "${a}" — returning plaintext`), e);
   }
   async decrypt(e, t, i) {
     if (!this.config.enabled)
@@ -9247,13 +9258,13 @@ class qn {
     if (a === "none")
       return e;
     const s = this.getKey(a, i);
-    return s ? Hn(s, e) : (console.warn(`EncryptionService: no key found for algorithm "${a}" — returning as-is`), e);
+    return s ? Kn(s, e) : (console.warn(`EncryptionService: no key found for algorithm "${a}" — returning as-is`), e);
   }
   // ── Utilities ─────────────────────────────────────────────────────────────
   /** Export the symmetric key for backup / persistence */
   async exportSymmetricKey(e) {
     const t = e ?? this.config.defaultAlgorithm, i = this.getKey(t);
-    return i ? Kn(i) : null;
+    return i ? Yn(i) : null;
   }
   isEnabled() {
     return this.config.enabled;
@@ -9266,13 +9277,13 @@ class qn {
   }
 }
 const Be = /* @__PURE__ */ new Map();
-function ui(n, e) {
-  return Be.has(n) || Be.set(n, new qn(e)), Be.get(n);
+function hi(n, e) {
+  return Be.has(n) || Be.set(n, new Vn(e)), Be.get(n);
 }
-function hi(n) {
+function gi(n) {
   Be.delete(n);
 }
-class Vn {
+class Xn {
   constructor(e = {}) {
     this.recorder = null, this.chunks = [], this.session = null, this.recognition = null, this.segmentCounter = 0, this.callbacks = e;
   }
@@ -9390,13 +9401,13 @@ class Vn {
   }
 }
 const Ue = /* @__PURE__ */ new Map();
-function gi(n, e) {
-  return Ue.has(n) || Ue.set(n, new Vn(e)), Ue.get(n);
+function mi(n, e) {
+  return Ue.has(n) || Ue.set(n, new Xn(e)), Ue.get(n);
 }
-function mi(n) {
+function yi(n) {
   Ue.delete(n);
 }
-class Xn {
+class Jn {
   constructor(e) {
     this.events = [], this.eventListeners = /* @__PURE__ */ new Map(), this.config = {
       serverUrl: e.serverUrl,
@@ -9683,20 +9694,20 @@ class Xn {
   }
 }
 let ke = null;
-function vt(n) {
-  if (!ke && n && (ke = new Xn(n)), !ke)
+function bt(n) {
+  if (!ke && n && (ke = new Jn(n)), !ke)
     throw new Error("EmailTrackingService not initialized. Call with config first.");
   return ke;
 }
-function yi() {
+function vi() {
   ke == null || ke.clearEvents(), ke = null;
 }
-function vi(n) {
+function bi(n) {
   const { config: e, campaignId: t, autoRefreshInterval: i } = n, a = oe(() => {
     if (e)
-      return vt(e);
+      return bt(e);
     try {
-      return vt();
+      return bt();
     } catch {
       return null;
     }
@@ -9735,7 +9746,7 @@ function vi(n) {
     refreshStats: d
   };
 }
-class Jn {
+class Qn {
   constructor(e) {
     this.templates = /* @__PURE__ */ new Map(), this.campaigns = /* @__PURE__ */ new Map(), this.abortControllers = /* @__PURE__ */ new Map(), this.config = {
       sendEmail: e.sendEmail,
@@ -10206,20 +10217,20 @@ class Jn {
   }
 }
 let Me = null;
-function bt(n) {
-  if (!Me && n && (Me = new Jn(n)), !Me)
+function xt(n) {
+  if (!Me && n && (Me = new Qn(n)), !Me)
     throw new Error("MailMergeService not initialized. Call with config first.");
   return Me;
 }
-function bi() {
+function xi() {
   Me = null;
 }
-function xi(n = {}) {
+function wi(n = {}) {
   const { config: e } = n, t = oe(() => {
     if (e)
-      return bt(e);
+      return xt(e);
     try {
-      return bt();
+      return xt();
     } catch {
       return null;
     }
@@ -10287,7 +10298,7 @@ function xi(n = {}) {
     campaigns: d
   };
 }
-class Qn {
+class Zn {
   constructor(e) {
     this.abortController = null, this.mapping = {
       users: /* @__PURE__ */ new Map(),
@@ -10679,20 +10690,20 @@ class Qn {
   }
 }
 let Oe = null;
-function xt(n) {
-  if (!Oe && n && (Oe = new Qn(n)), !Oe)
+function wt(n) {
+  if (!Oe && n && (Oe = new Zn(n)), !Oe)
     throw new Error("SlackImportService not initialized. Call with config first.");
   return Oe;
 }
-function wi() {
+function Si() {
   Oe = null;
 }
-function Si(n = {}) {
+function ki(n = {}) {
   const { config: e } = n, t = oe(() => {
     if (e)
-      return xt(e);
+      return wt(e);
     try {
-      return xt();
+      return wt();
     } catch {
       return null;
     }
@@ -10743,7 +10754,7 @@ function Si(n = {}) {
     result: c
   };
 }
-const Zn = {
+const ei = {
   toggleMute: "*6",
   raiseHand: "*9",
   leave: "#",
@@ -10751,7 +10762,7 @@ const Zn = {
   hostMuteAll: "*1",
   hostUnmuteAll: "*2",
   hostEndMeeting: "*#"
-}, ei = {
+}, ti = {
   welcome: "Welcome to the conference. ",
   enterPin: "Please enter your meeting PIN followed by the pound key.",
   invalidPin: "Invalid PIN. Please try again.",
@@ -10760,7 +10771,7 @@ const Zn = {
   unmuted: "You are now unmuted.",
   onHold: "Please hold. The meeting host will be with you shortly.",
   goodbye: "Goodbye."
-}, wt = {
+}, St = {
   US: "+1",
   CA: "+1",
   UK: "+44",
@@ -10775,7 +10786,7 @@ const Zn = {
   BR: "+55",
   MX: "+52"
 };
-class Dt {
+class Et {
   constructor(e = {}) {
     this.eventHandlers = {}, this.participants = /* @__PURE__ */ new Map(), this.meetingDialIns = /* @__PURE__ */ new Map(), this.connectionStatus = "disconnected", this.config = {
       provider: "twilio",
@@ -10787,7 +10798,7 @@ class Dt {
       maxParticipants: 100,
       recordingMode: "none",
       ...e
-    }, this.dtmfCommands = Zn, this.ivrText = { ...ei, ...e.ivrText };
+    }, this.dtmfCommands = ei, this.ivrText = { ...ti, ...e.ivrText };
   }
   /* ────────────────────────────────────────────────────────────────────────────
      Event Handlers
@@ -10846,11 +10857,11 @@ class Dt {
     }));
   }
   generatePhoneNumber(e) {
-    const t = wt[e], i = Math.floor(1e9 + Math.random() * 9e9).toString();
+    const t = St[e], i = Math.floor(1e9 + Math.random() * 9e9).toString();
     return `${t}${i}`;
   }
   formatPhoneNumber(e) {
-    const t = wt[e], i = this.generatePhoneNumber(e).slice(t.length);
+    const t = St[e], i = this.generatePhoneNumber(e).slice(t.length);
     return e === "US" || e === "CA" ? `${t} (${i.slice(0, 3)}) ${i.slice(3, 6)}-${i.slice(6)}` : `${t} ${i}`;
   }
   generateAccessPin(e = 6) {
@@ -11083,14 +11094,14 @@ a=fmtp:101 0-16
   }
 }
 let et = null;
-function ti(n) {
-  return et || (et = new Dt(n)), et;
-}
-function ki(n) {
-  return new Dt(n);
+function ni(n) {
+  return et || (et = new Et(n)), et;
 }
 function Ci(n) {
-  const e = oe(() => ti(n), []), [t, i] = N(
+  return new Et(n);
+}
+function Ii(n) {
+  const e = oe(() => ni(n), []), [t, i] = N(
     "disconnected"
   ), [a, s] = N([]);
   re(() => {
@@ -11122,56 +11133,56 @@ function Ci(n) {
   };
 }
 export {
-  Zn as DEFAULT_DTMF_COMMANDS,
-  ei as DEFAULT_IVR_TEXT,
-  Tt as DEFAULT_RETENTION_RULES,
-  Xn as EmailTrackingService,
-  qn as EncryptionService,
-  Jn as MailMergeService,
-  _t as MockTransport,
-  It as NiceCallScreen,
-  Vt as NiceChannelView,
+  ei as DEFAULT_DTMF_COMMANDS,
+  ti as DEFAULT_IVR_TEXT,
+  Pt as DEFAULT_RETENTION_RULES,
+  Jn as EmailTrackingService,
+  Vn as EncryptionService,
+  Qn as MailMergeService,
+  Ft as MockTransport,
+  zt as NiceCallScreen,
+  Xt as NiceChannelView,
   Ye as NiceChatWindow,
-  fi as NiceCollaborativeEditor,
-  ci as NiceCommunication,
-  ci as NiceCommunicationDefault,
-  Gt as NiceMessenger,
+  ui as NiceCollaborativeEditor,
+  di as NiceCommunication,
+  di as NiceCommunicationDefault,
+  qt as NiceMessenger,
   we as NicePresenceIndicator,
-  pi as NiceRecordingPanel,
-  di as NiceStorageSettings,
-  vn as NiceTeamsWorkspace,
-  zt as NiceVideoConference,
-  Pt as NiceWhiteboard,
-  Dt as PstnGatewayService,
-  wt as REGION_CODES,
-  Vn as RecordingService,
-  Qn as SlackImportService,
-  Jt as StorageService,
-  Wt as WebRTCTransport,
-  ai as buildOptimisticMessage,
-  ki as createPstnGateway,
-  Ft as createTransport,
-  yi as disposeEmailTrackingService,
-  hi as disposeEncryptionService,
-  bi as disposeMailMergeService,
-  mi as disposeRecordingService,
-  wi as disposeSlackImportService,
-  li as disposeStorageService,
-  ot as findConversationPartner,
-  oi as getDefaultMode,
-  vt as getEmailTrackingService,
-  ui as getEncryptionService,
-  bt as getMailMergeService,
-  si as getMentionCount,
-  ti as getPstnGateway,
-  gi as getRecordingService,
-  xt as getSlackImportService,
-  Qt as getStorageService,
-  Ct as getUnreadCount,
-  jt as useCommunication,
-  vi as useEmailTracking,
-  xi as useMailMerge,
-  Ci as usePstnGateway,
-  Si as useSlackImport,
-  tn as useWhiteboard
+  fi as NiceRecordingPanel,
+  pi as NiceStorageSettings,
+  bn as NiceTeamsWorkspace,
+  Tt as NiceVideoConference,
+  Rt as NiceWhiteboard,
+  Et as PstnGatewayService,
+  St as REGION_CODES,
+  Xn as RecordingService,
+  Zn as SlackImportService,
+  Qt as StorageService,
+  _t as WebRTCTransport,
+  si as buildOptimisticMessage,
+  Ci as createPstnGateway,
+  jt as createTransport,
+  vi as disposeEmailTrackingService,
+  gi as disposeEncryptionService,
+  xi as disposeMailMergeService,
+  yi as disposeRecordingService,
+  Si as disposeSlackImportService,
+  ci as disposeStorageService,
+  lt as findConversationPartner,
+  li as getDefaultMode,
+  bt as getEmailTrackingService,
+  hi as getEncryptionService,
+  xt as getMailMergeService,
+  oi as getMentionCount,
+  ni as getPstnGateway,
+  mi as getRecordingService,
+  wt as getSlackImportService,
+  Zt as getStorageService,
+  It as getUnreadCount,
+  Bt as useCommunication,
+  bi as useEmailTracking,
+  wi as useMailMerge,
+  Ii as usePstnGateway,
+  ki as useSlackImport,
+  nn as useWhiteboard
 };