@linktr.ee/messaging-react 3.3.6 → 3.3.7-rc-1781176703

package/dist/{index-D7eRkXoG.js → index-DmimisTH.js}

@@ -2,7 +2,7 @@ import { jsx as n, jsxs as h, Fragment as te } from "react/jsx-runtime";
 import $, { createContext as Ge, useContext as Te, useCallback as W, useState as P, useRef as H, useEffect as Y, useId as En, useMemo as ee, Suspense as He } from "react";
 import { StreamChatService as Sn } from "@linktr.ee/messaging-core";
 import { Chat as In, DateSeparator as Tn, useChannelStateContext as ce, useChatContext as Ye, areMessageUIPropsEqual as An, useMessageReminder as Mn, useComponentContext as Ut, Attachment as Rn, EditMessageModal as Ln, MessageBlocked as Dn, MessageBouncePrompt as Pn, MessageDeleted as On, MessageIsThreadReplyInChannelButtonIndicator as zn, MessageRepliesCountButton as $n, ReminderNotification as Fn, StreamedMessageText as Bn, messageHasAttachments as Un, messageHasReactions as jn, isDateSeparatorMessage as Vn, isMessageBlocked as Gn, isMessageBounced as Hn, MessageBounceModal as Yn, MessageText as Tt, Poll as qn, MessageErrorIcon as Wn, useMessageContext as pe, useMessageComposer as Xn, useStateStore as Kn, MessageInput as Jn, useMessageInputContext as Zn, useMessageComposerHasSendableData as Qn, AttachmentPreviewList as es, QuotedMessagePreview as ts, TextareaComposer as ns, MessageTimestamp as Le, AIStates as De, useTypingContext as ss, useAIState as as, Channel as rs, WithComponents as is, Window as os, MessageList as ls, ChannelList as cs } from "stream-chat-react";
-import { StarIcon as Fe, DotsThreeIcon as ds, SpinnerGapIcon as Ce, SignOutIcon as us, ProhibitInsetIcon as At, FlagIcon as jt, FileIcon as Vt, ImageIcon as ms, SpeakerHighIcon as hs, VideoCameraIcon as Gt, FileMdIcon as fs, FileTextIcon as gs, FileZipIcon as bs, FilePptIcon as ps, FileCsvIcon as vs, FileXlsIcon as xs, FileDocIcon as ws, FilePdfIcon as Ns, CircleNotchIcon as ge, PlayIcon as Be, PauseIcon as _s, LinkIcon as ys, DownloadSimpleIcon as be, GiftIcon as Cs, ThumbsUpIcon as ks, ThumbsDownIcon as Es, TrashSimpleIcon as Ss, XIcon as Ae, ArrowUpIcon as Is, SparkleIcon as Ue, ProhibitIcon as Ts, ArrowLeftIcon as Mt, PencilSimpleIcon as As, CaretLeftIcon as Ms, CaretRightIcon as Rs } from "@phosphor-icons/react";
+import { StarIcon as Fe, DotsThreeIcon as ds, SpinnerGapIcon as Ce, SignOutIcon as us, ProhibitInsetIcon as At, FlagIcon as jt, FileIcon as Vt, ImageIcon as ms, SpeakerHighIcon as hs, VideoCameraIcon as Gt, FileMdIcon as fs, FileTextIcon as gs, FileZipIcon as bs, FilePptIcon as ps, FileCsvIcon as vs, FileXlsIcon as xs, FileDocIcon as ws, FilePdfIcon as _s, CircleNotchIcon as ge, PlayIcon as Be, PauseIcon as Ns, LinkIcon as ys, DownloadSimpleIcon as be, GiftIcon as Cs, ThumbsUpIcon as ks, ThumbsDownIcon as Es, TrashSimpleIcon as Ss, XIcon as Ae, ArrowUpIcon as Is, SparkleIcon as Ue, ProhibitIcon as Ts, ArrowLeftIcon as Mt, PencilSimpleIcon as As, CaretLeftIcon as Ms, CaretRightIcon as Rs } from "@phosphor-icons/react";
 import y from "classnames";
 import { MessageActions as Ls, DefaultDropdownActionButton as Ht } from "stream-chat-react/experimental";
 import { LinkPreviewsManager as Rt } from "stream-chat";
@@ -36,7 +36,7 @@ const Yt = Ge({
     serviceConfig: !!s,
     capabilities: Object.keys(r)
   });
-  const [l, d] = P(null), [m, b] = P(null), [u, f] = P(!1), [c, g] = P(!1), [p, v] = P(null), N = H(!1), x = H({
+  const [l, d] = P(null), [m, b] = P(null), [u, f] = P(!1), [c, g] = P(!1), [p, v] = P(null), _ = H(!1), x = H({
     userId: t == null ? void 0 : t.id,
     apiKey: a,
     serviceConfig: s,
@@ -97,23 +97,23 @@ const Yt = Ge({
   }, [a, s, i, o]);
   const E = H(null);
   Y(() => {
-    var T, _;
+    var T, N;
     if (o("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!l,
       hasUser: !!t,
       userId: t == null ? void 0 : t.id,
-      isConnecting: N.current,
+      isConnecting: _.current,
       isConnected: u,
       dependencies: { service: !!l, userId: t == null ? void 0 : t.id }
     }), !l || !t) {
       o("⚠️ USER CONNECTION SKIPPED", "Missing service or user");
       return;
     }
-    if (N.current) {
+    if (_.current) {
       o("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((T = E.current) == null ? void 0 : T.serviceId) === l && ((_ = E.current) == null ? void 0 : _.userId) === t.id) {
+    if (((T = E.current) == null ? void 0 : T.serviceId) === l && ((N = E.current) == null ? void 0 : N.userId) === t.id) {
       o(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -121,7 +121,7 @@ const Yt = Ge({
       return;
     }
     (async () => {
-      o("🚀 STARTING USER CONNECTION", { userId: t.id }), N.current = !0, g(!0), v(null);
+      o("🚀 STARTING USER CONNECTION", { userId: t.id }), _.current = !0, g(!0), v(null);
       try {
         o("📞 CALLING SERVICE.CONNECTUSER", { userId: t.id });
         const I = await l.connectUser(t);
@@ -136,7 +136,7 @@ const Yt = Ge({
           error: R
         });
       } finally {
-        g(!1), N.current = !1, o("🔄 USER CONNECTION FINISHED", {
+        g(!1), _.current = !1, o("🔄 USER CONNECTION FINISHED", {
           userId: t.id,
           isConnected: u
         });
@@ -375,7 +375,7 @@ const ae = ({
   logLabel: b = "useChannelModerationActions"
 }) => {
   var F;
-  const { service: u, debug: f } = qe(), c = (F = t == null ? void 0 : t.user) == null ? void 0 : F.id, g = !!(a && s && u && c), [p, v] = P(!1), [N, x] = P(null), [S, E] = P(!1), [M, D] = P(!1), k = g && ((N == null ? void 0 : N.participantId) !== c || (N == null ? void 0 : N.service) !== u);
+  const { service: u, debug: f } = qe(), c = (F = t == null ? void 0 : t.user) == null ? void 0 : F.id, g = !!(a && s && u && c), [p, v] = P(!1), [_, x] = P(null), [S, E] = P(!1), [M, D] = P(!1), k = g && ((_ == null ? void 0 : _.participantId) !== c || (_ == null ? void 0 : _.service) !== u);
   return Y(() => {
     if (!g || !u || !c) {
       v(!1), x(null);
@@ -480,7 +480,7 @@ const ae = ({
   triggerClassName: u
 }) => {
   const [f, c] = P(!1), g = H(null), p = En(), v = W(() => c(!1), []), {
-    isParticipantBlocked: N,
+    isParticipantBlocked: _,
     isCheckingBlockedStatus: x,
     isLeaving: S,
     isUpdatingBlockStatus: E,
@@ -556,7 +556,7 @@ const ae = ({
               /* @__PURE__ */ n(Ce, { className: "h-5 w-5 animate-spin" }),
               /* @__PURE__ */ n("span", { children: "Block" })
             ] })
-          ) : N ? /* @__PURE__ */ h(
+          ) : _ ? /* @__PURE__ */ h(
             he,
             {
               onClick: k,
@@ -630,7 +630,7 @@ function Xt({
   const s = e == null ? void 0 : e.text, a = Gs(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const Hs = $.lazy(() => import("./Card-CVZzYmYW.js")), Ys = $.lazy(() => import("./Card-DzjYyrie.js")), qs = $.lazy(() => import("./Card-B9QrjooN.js")), We = () => /* @__PURE__ */ n(
+const Hs = $.lazy(() => import("./Card-D-JLW3MJ.js")), Ys = $.lazy(() => import("./Card-D4cn0k04.js")), qs = $.lazy(() => import("./Card-BDWTAZYS.js")), We = () => /* @__PURE__ */ n(
   "div",
   {
     className: "w-[280px] min-h-[200px] animate-pulse rounded-md bg-black/[0.06] shadow-[0_0_0_1px_rgba(0,0,0,0.04),0_1px_2px_rgba(0,0,0,0.04),0_8px_32px_rgba(0,0,0,0.1)]",
@@ -661,7 +661,7 @@ const Zs = {
   image: ms,
   document: Vt
 }, Qs = {
-  pdf: Ns,
+  pdf: _s,
   doc: ws,
   xls: xs,
   csv: vs,
@@ -693,7 +693,7 @@ const ta = (e) => {
   muted: d = !1,
   onContainerClick: m
 }) => {
-  const b = ne(t), u = H(null), f = H(null), c = H(null), g = H(r), [p, v] = P(a), [N, x] = P(0), [S, E] = P(!1), [M, D] = P(!1), [k, T] = P(!1), [_, I] = P(!1), [R, F] = P(!0), [A, L] = P(null), z = W(() => {
+  const b = ne(t), u = H(null), f = H(null), c = H(null), g = H(r), [p, v] = P(a), [_, x] = P(0), [S, E] = P(!1), [M, D] = P(!1), [k, T] = P(!1), [N, I] = P(!1), [R, F] = P(!0), [A, L] = P(null), z = W(() => {
     T(!1), v(!0);
   }, []), V = W((w) => {
     const C = f.current;
@@ -739,7 +739,7 @@ const ta = (e) => {
       window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", C), window.removeEventListener("touchmove", w), window.removeEventListener("touchend", C);
     };
   }, [S, V, B]);
-  const X = A ? { aspectRatio: String(A) } : void 0, G = A ? "" : " aspect-video", O = Math.round(N * 100);
+  const X = A ? { aspectRatio: String(A) } : void 0, G = A ? "" : " aspect-video", O = Math.round(_ * 100);
   return /* @__PURE__ */ h(
     "div",
     {
@@ -820,7 +820,7 @@ const ta = (e) => {
             children: /* @__PURE__ */ n("track", { kind: "captions" })
           }
         ) }),
-        _ && !k && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
+        N && !k && /* @__PURE__ */ n("div", { className: "absolute inset-0 z-10 flex items-center justify-center", children: /* @__PURE__ */ n(
           ge,
           {
             className: "size-8 animate-spin text-white/80",
@@ -858,7 +858,7 @@ const ta = (e) => {
             onTouchStart: U,
             onClick: (w) => w.stopPropagation(),
             onKeyDown: (w) => {
-              w.key === "ArrowRight" && B(Math.min(1, N + 0.05)), w.key === "ArrowLeft" && B(Math.max(0, N - 0.05));
+              w.key === "ArrowRight" && B(Math.min(1, _ + 0.05)), w.key === "ArrowLeft" && B(Math.max(0, _ - 0.05));
             },
             children: /* @__PURE__ */ n("div", { className: "w-full overflow-hidden rounded-full bg-white/30 h-1", children: /* @__PURE__ */ n(
               "div",
@@ -879,7 +879,7 @@ const ta = (e) => {
               },
               className: "shrink-0 text-white",
               "aria-label": p ? "Pause" : "Play",
-              children: p ? /* @__PURE__ */ n(_s, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Be, { className: "size-5 translate-x-px", weight: "fill" })
+              children: p ? /* @__PURE__ */ n(Ns, { className: "size-5", weight: "fill" }) : /* @__PURE__ */ n(Be, { className: "size-5 translate-x-px", weight: "fill" })
             }
           ),
           /* @__PURE__ */ h(
@@ -899,7 +899,7 @@ const ta = (e) => {
               onMouseEnter: () => D(!0),
               onMouseLeave: () => D(!1),
               onKeyDown: (w) => {
-                w.key === "ArrowRight" && B(Math.min(1, N + 0.05)), w.key === "ArrowLeft" && B(Math.max(0, N - 0.05));
+                w.key === "ArrowRight" && B(Math.min(1, _ + 0.05)), w.key === "ArrowLeft" && B(Math.max(0, _ - 0.05));
               },
               children: [
                 /* @__PURE__ */ n(
@@ -1291,14 +1291,14 @@ const sn = ({
     return /* @__PURE__ */ n("div", { className: Xe(!1), children: /* @__PURE__ */ n(Ke, { attachment: t, isMyMessage: !1 }) });
   const s = Ze(e);
   return s ? /* @__PURE__ */ n(an, { ...s }) : null;
-}, Ni = Object.assign(ua, {
+}, _i = Object.assign(ua, {
   Creator: ma,
   Visitor: ha
 }), fa = {
   isUnlocking: () => !1
 }, ga = {
   LockedAttachment: fa
-}, rn = Ge({}), _i = rn.Provider;
+}, rn = Ge({}), Ni = rn.Provider;
 function ba(e) {
   return Te(rn)[e] ?? ga[e];
 }
@@ -1331,7 +1331,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
 }, wa = (e) => {
   var t;
   return ((t = e.metadata) == null ? void 0 : t.custom_type) === "MESSAGE_ATTACHMENT";
-}, on = (e) => va(e) || xa(e), Na = (e) => {
+}, on = (e) => va(e) || xa(e), _a = (e) => {
   var t;
   return on(e) && !((t = e.text) != null && t.trim());
 }, Pe = ({
@@ -1365,7 +1365,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     b,
     m
   ] }) });
-}, _a = ({
+}, Na = ({
   selected: e,
   onVoteUp: t,
   onVoteDown: s
@@ -1399,7 +1399,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     }
   )
 ] }), ya = (e) => {
-  var ht, ft, gt, bt, pt, vt, xt, wt, Nt, _t, yt, Ct, kt, Et;
+  var ht, ft, gt, bt, pt, vt, xt, wt, _t, Nt, yt, Ct, kt, Et;
   const {
     additionalMessageInputProps: t,
     chatbotVotingEnabled: s,
@@ -1417,7 +1417,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     renderText: g,
     threadList: p,
     viewerLanguage: v
-  } = e, { client: N } = Ye("CustomMessage"), { channel: x } = ce("CustomMessage"), { isUnlocking: S, onUnlockClick: E, onFetchSource: M, onDownloadClick: D } = ba("LockedAttachment"), [k, T] = P(!1), _ = Mn(c.id), { selected: I, voteUp: R, voteDown: F } = Vs(c), {
+  } = e, { client: _ } = Ye("CustomMessage"), { channel: x } = ce("CustomMessage"), { isUnlocking: S, onUnlockClick: E, onFetchSource: M, onDownloadClick: D } = ba("LockedAttachment"), [k, T] = P(!1), N = Mn(c.id), { selected: I, voteUp: R, voteDown: F } = Vs(c), {
     Attachment: A = Rn,
     EditMessageModal: L = Ln,
     MessageActions: z,
@@ -1429,7 +1429,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ReminderNotification: O = Fn,
     StreamedMessageText: w = Bn,
     PinIndicator: C
-  } = Ut("CustomMessage"), j = Un(c), q = jn(c), _e = ee(
+  } = Ut("CustomMessage"), j = Un(c), q = jn(c), Ne = ee(
     () => u == null ? void 0 : u(c),
     [u, c]
   ), K = ee(() => {
@@ -1467,7 +1467,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
       "str-chat__virtual-message__wrapper--first": i,
       "str-chat__virtual-message__wrapper--group": o
     }
-  ), ct = c.poll_id && N.polls.fromState(c.poll_id), dt = Na(c), ue = ke(c), ut = wa(c), Re = !!(K != null && K.length && !c.quoted_message), mt = ue && de && Re;
+  ), ct = c.poll_id && _.polls.fromState(c.poll_id), dt = _a(c), ue = ke(c), ut = wa(c), Re = !!(K != null && K.length && !c.quoted_message), mt = ue && de && Re;
   return /* @__PURE__ */ h(te, { children: [
     a && /* @__PURE__ */ n(
       L,
@@ -1490,7 +1490,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
         "data-message-id": c.id,
         children: [
           C && /* @__PURE__ */ n(C, {}),
-          !!_ && /* @__PURE__ */ n(O, { reminder: _ }),
+          !!N && /* @__PURE__ */ n(O, { reminder: N }),
           c.user && /* @__PURE__ */ n(
             ae,
             {
@@ -1540,8 +1540,8 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                   /* @__PURE__ */ n(
                     Ot.Received,
                     {
-                      title: (Nt = c.metadata) == null ? void 0 : Nt.attachment_title,
-                      mimeType: (_t = c.metadata) == null ? void 0 : _t.attachment_mime_type,
+                      title: (_t = c.metadata) == null ? void 0 : _t.attachment_title,
+                      mimeType: (Nt = c.metadata) == null ? void 0 : Nt.attachment_mime_type,
                       thumbnailUrl: (yt = c.metadata) == null ? void 0 : yt.attachment_thumbnail,
                       amountText: (Ct = c.metadata) == null ? void 0 : Ct.amount_text,
                       detail: (kt = c.metadata) == null ? void 0 : kt.attachment_detail,
@@ -1581,7 +1581,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
                     attachments: K
                   }
                 ) : null,
-                _e ? /* @__PURE__ */ n(
+                Ne ? /* @__PURE__ */ n(
                   w,
                   {
                     message: re,
@@ -1608,7 +1608,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
               }
             ),
             s && ue && /* @__PURE__ */ n(
-              _a,
+              Na,
               {
                 selected: I,
                 onVoteUp: R,
@@ -1915,7 +1915,7 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
     ] }),
     !t && /* @__PURE__ */ n(Le, { message: e.message })
   ] });
-}, cn = Ge(!1), ze = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "4", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
+}, cn = Ge(!1), ze = ({ cx: e, index: t }) => /* @__PURE__ */ n("circle", { cx: e, cy: "6.15", r: "3.9", fill: "#A0A0A0", children: /* @__PURE__ */ n(
   "animateTransform",
   {
     attributeName: "transform",
@@ -1947,14 +1947,14 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   if ((s == null ? void 0 : s.typing_events) === !1)
     return null;
   const m = e ? [] : Object.values(i).filter(
-    ({ parent_id: v, user: N }) => {
+    ({ parent_id: v, user: _ }) => {
       var x;
-      return (N == null ? void 0 : N.id) !== ((x = r.user) == null ? void 0 : x.id) && !v;
+      return (_ == null ? void 0 : _.id) !== ((x = r.user) == null ? void 0 : x.id) && !v;
     }
   ), b = e ? Object.values(i).filter(
-    ({ parent_id: v, user: N }) => {
+    ({ parent_id: v, user: _ }) => {
       var x;
-      return (N == null ? void 0 : N.id) !== ((x = r.user) == null ? void 0 : x.id) && v === (a == null ? void 0 : a.id);
+      return (_ == null ? void 0 : _.id) !== ((x = r.user) == null ? void 0 : x.id) && v === (a == null ? void 0 : a.id);
     }
   ) : [], u = e ? b : m;
   if (!u.length)
@@ -1974,31 +1974,34 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
   avatarName: t,
   avatarImage: s,
   testId: a
-}) => /* @__PURE__ */ h(
+}) => /* @__PURE__ */ n(
   "div",
   {
-    className: "str-chat__typing-indicator !items-end !bg-transparent",
+    className: "str-chat__li str-chat__li--single str-chat__typing-indicator !static",
     "data-testid": a,
-    style: { insetInlineStart: 0, insetInlineEnd: "auto" },
-    children: [
-      /* @__PURE__ */ n("div", { className: "shrink-0", "aria-hidden": "true", children: /* @__PURE__ */ n(
+    style: {
+      marginBottom: "var(--messaging-channel-input-spacer-height, 80px)"
+    },
+    children: /* @__PURE__ */ h("div", { className: "str-chat__message str-chat__message-simple str-chat__message--regular str-chat__message--received str-chat__message--other str-chat__message--has-text", children: [
+      /* @__PURE__ */ n(
         ae,
         {
+          className: "str-chat__avatar str-chat__message-sender-avatar",
           id: e,
           name: t,
           image: s ?? void 0,
           size: 24,
           shape: "circle"
         }
-      ) }),
-      /* @__PURE__ */ n("div", { className: "px-4 py-3 rounded-lg bg-[#E9EAED] h-12 flex flex-col justify-end", children: /* @__PURE__ */ h(
+      ),
+      /* @__PURE__ */ n("div", { className: "str-chat__message-inner mx-0", children: /* @__PURE__ */ n("div", { className: "str-chat__message-bubble-wrapper", children: /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n("div", { className: "str-chat__message-text min-h-11 flex items-center", children: /* @__PURE__ */ n("div", { className: "str-chat__message-text-inner str-chat__message-simple-text-inner", children: /* @__PURE__ */ h(
         "svg",
         {
           "aria-hidden": "true",
-          className: "block overflow-visible mb-[0.2rem]",
-          viewBox: "0 0 32 8",
+          className: "block overflow-visible",
+          viewBox: "0 0 32 12.3",
           width: "32",
-          height: "8",
+          height: "13",
           overflow: "visible",
           children: [
             /* @__PURE__ */ n(ze, { cx: "4", index: 0 }),
@@ -2006,8 +2009,8 @@ const pa = ({ size: e = 15 }) => /* @__PURE__ */ n(
             /* @__PURE__ */ n(ze, { cx: "28", index: 2 })
           ]
         }
-      ) })
-    ]
+      ) }) }) }) }) })
+    ] })
   }
 );
 function Ya(e, t) {
@@ -2086,20 +2089,20 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   var E, M, D, k, T;
   const { channel: g } = ce(), p = $.useMemo(() => {
     var R, F;
-    const _ = (R = g._client) == null ? void 0 : R.userID;
-    return _ ? Object.values(((F = g.state) == null ? void 0 : F.members) || {}).find(
+    const N = (R = g._client) == null ? void 0 : R.userID;
+    return N ? Object.values(((F = g.state) == null ? void 0 : F.members) || {}).find(
       (A) => {
         var L;
-        return ((L = A.user) == null ? void 0 : L.id) && A.user.id !== _;
+        return ((L = A.user) == null ? void 0 : L.id) && A.user.id !== N;
       }
     ) : void 0;
-  }, [(E = g._client) == null ? void 0 : E.userID, (M = g.state) == null ? void 0 : M.members]), v = Wt(p == null ? void 0 : p.user), N = (D = p == null ? void 0 : p.user) == null ? void 0 : D.image, x = qt(g), S = async () => {
+  }, [(E = g._client) == null ? void 0 : E.userID, (M = g.state) == null ? void 0 : M.members]), v = Wt(p == null ? void 0 : p.user), _ = (D = p == null ? void 0 : p.user) == null ? void 0 : D.image, x = qt(g), S = async () => {
     try {
       x ? await g.unpin() : await g.pin();
-    } catch (_) {
+    } catch (N) {
       console.error(
         "[CustomChannelHeader] Failed to update pinned status:",
-        _
+        N
       );
     }
   };
@@ -2125,7 +2128,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           {
             id: ((k = p == null ? void 0 : p.user) == null ? void 0 : k.id) || g.id || "unknown",
             name: v,
-            image: N,
+            image: _,
             starred: s && x,
             dmAgentEnabled: a,
             size: 48
@@ -2196,7 +2199,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
           {
             id: ((T = p == null ? void 0 : p.user) == null ? void 0 : T.id) || g.id || "unknown",
             name: v,
-            image: N,
+            image: _,
             starred: s && x,
             dmAgentEnabled: a,
             size: 48
@@ -2268,7 +2271,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   composerDisabledReason: g,
   showStarButton: p = !1,
   chatbotVotingEnabled: v = !1,
-  renderChannelBanner: N,
+  renderChannelBanner: _,
   customChannelActions: x,
   renderMessage: S,
   dmAgentEnabled: E = !1,
@@ -2285,14 +2288,14 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         return ((q = j.user) == null ? void 0 : q.id) && j.user.id !== G;
       }
     ) : void 0;
-  }, [(L = k._client) == null ? void 0 : L.userID, (z = k.state) == null ? void 0 : z.members]), _ = $.useMemo(() => {
+  }, [(L = k._client) == null ? void 0 : L.userID, (z = k.state) == null ? void 0 : z.members]), N = $.useMemo(() => {
     var w, C;
     const G = (w = k._client) == null ? void 0 : w.userID;
     return G ? Object.values(((C = k.state) == null ? void 0 : C.members) || {}).find((j) => {
       var q;
       return ((q = j.user) == null ? void 0 : q.id) === G;
     }) : void 0;
-  }, [(V = k._client) == null ? void 0 : V.userID, (B = k.state) == null ? void 0 : B.members]), I = ((U = _ == null ? void 0 : _.user) == null ? void 0 : U.is_account) ?? (_ == null ? void 0 : _.is_account), R = ((X = T == null ? void 0 : T.user) == null ? void 0 : X.is_account) ?? (T == null ? void 0 : T.is_account), F = E && I === !1 && R === !0, A = W(
+  }, [(V = k._client) == null ? void 0 : V.userID, (B = k.state) == null ? void 0 : B.members]), I = ((U = N == null ? void 0 : N.user) == null ? void 0 : U.is_account) ?? (N == null ? void 0 : N.is_account), R = ((X = T == null ? void 0 : T.user) == null ? void 0 : X.is_account) ?? (T == null ? void 0 : T.is_account), F = E && I === !1 && R === !0, A = W(
     (G) => {
       const { message: O } = pe("ChannelView"), w = /* @__PURE__ */ n(
         ka,
@@ -2333,7 +2336,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
             customChannelActions: x
           }
         ) }, "lt-channel-header"),
-        N ? /* @__PURE__ */ n($.Fragment, { children: N() }, "lt-channel-banner") : null,
+        _ ? /* @__PURE__ */ n($.Fragment, { children: _() }, "lt-channel-banner") : null,
         /* @__PURE__ */ n(
           "div",
           {
@@ -2377,7 +2380,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     showBlockParticipant: g = !0,
     showReportParticipant: p = !0,
     composerDisabled: v = !1,
-    composerDisabledReason: N,
+    composerDisabledReason: _,
     dmAgentEnabled: x,
     messageMetadata: S,
     onMessageSent: E,
@@ -2385,7 +2388,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     chatbotVotingEnabled: D = !1,
     renderChannelBanner: k,
     customChannelActions: T,
-    renderMessage: _,
+    renderMessage: N,
     onMessageLinkClick: I,
     sendButton: R,
     attachmentPreviewList: F,
@@ -2419,7 +2422,7 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       const U = (X) => {
         const G = X.target, O = G == null ? void 0 : G.closest("a[href]"), w = O == null ? void 0 : O.getAttribute("href");
         if (!w) return;
-        const C = O == null ? void 0 : O.closest("[data-message-id]"), j = C == null ? void 0 : C.getAttribute("data-message-id"), q = j ? e.state.messages.find((_e) => _e.id === j) : void 0;
+        const C = O == null ? void 0 : O.closest("[data-message-id]"), j = C == null ? void 0 : C.getAttribute("data-message-id"), q = j ? e.state.messages.find((Ne) => Ne.id === j) : void 0;
         I(w, q);
       };
       return B.addEventListener("click", U), () => B.removeEventListener("click", U);
@@ -2461,13 +2464,13 @@ const oe = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
                 showBlockParticipant: g,
                 showReportParticipant: p,
                 composerDisabled: v,
-                composerDisabledReason: N,
+                composerDisabledReason: _,
                 showStarButton: M,
                 dmAgentEnabled: x,
                 chatbotVotingEnabled: D,
                 renderChannelBanner: k,
                 customChannelActions: T,
-                renderMessage: _,
+                renderMessage: N,
                 viewerLanguage: A,
                 showChannelInfo: L
               }
@@ -2512,7 +2515,7 @@ const yi = ({
   renderChannelBanner: g,
   customChannelActions: p,
   renderMessage: v,
-  onMessageLinkClick: N,
+  onMessageLinkClick: _,
   showChannelInfo: x
 }) => {
   const {
@@ -2522,7 +2525,7 @@ const yi = ({
     error: D,
     refreshConnection: k,
     service: T,
-    debug: _
+    debug: N
   } = Ds(), [I, R] = P(null), [F, A] = P(null), [L, z] = P(!1), { showDeleteConversation: V = !0 } = e, B = H(o);
   B.current = o;
   const U = H(a);
@@ -2543,7 +2546,7 @@ const yi = ({
     (async () => {
       var K, re;
       try {
-        _ && console.log(
+        N && console.log(
           "[MessagingShell] Loading initial conversation with:",
           i
         );
@@ -2556,7 +2559,7 @@ const yi = ({
           { limit: 1 }
         );
         if (J.length > 0) {
-          R(J[0]), A(null), (K = U.current) == null || K.call(U, J[0]), _ && console.log(
+          R(J[0]), A(null), (K = U.current) == null || K.call(U, J[0]), N && console.log(
             "[MessagingShell] Initial conversation loaded:",
             J[0].id
           );
@@ -2564,7 +2567,7 @@ const yi = ({
         }
         const se = B.current;
         if (!se || !T) {
-          q(), A("No conversation found with this account"), _ && console.log(
+          q(), A("No conversation found with this account"), N && console.log(
             "[MessagingShell] No conversation found for:",
             i
           );
@@ -2576,7 +2579,7 @@ const yi = ({
             name: se.name,
             phone: se.phone
           });
-          R(Q), A(null), (re = U.current) == null || re.call(U, Q), _ && console.log(
+          R(Q), A(null), (re = U.current) == null || re.call(U, Q), N && console.log(
             "[MessagingShell] Channel created and loaded:",
             Q.id
           );
@@ -2593,7 +2596,7 @@ const yi = ({
         ), q(), G.current || A("Failed to load conversation");
       }
     })();
-  }, [i, S, E, T, _]);
+  }, [i, S, E, T, N]);
   const O = H(r);
   O.current = r;
   const w = W(() => {
@@ -2625,7 +2628,7 @@ const yi = ({
       viewerLanguage: c,
       customChannelActions: p,
       renderMessage: v,
-      onMessageLinkClick: N,
+      onMessageLinkClick: _,
       showChannelInfo: x
     },
     I.id
@@ -2676,40 +2679,40 @@ const un = $.createContext({
       viewerLanguage: o
     } = Qa(), l = (s == null ? void 0 : s.id) === (e == null ? void 0 : e.id), d = () => {
       e && a(e);
-    }, m = (_) => {
-      const I = _.key === "Enter" || _.key === " ", R = _.repeat;
-      !I || R || (_.preventDefault(), d());
+    }, m = (N) => {
+      const I = N.key === "Enter" || N.key === " ", R = N.repeat;
+      !I || R || (N.preventDefault(), d());
     }, u = Object.values(((D = e == null ? void 0 : e.state) == null ? void 0 : D.members) || {}).find(
-      (_) => {
+      (N) => {
         var I, R;
-        return ((I = _.user) == null ? void 0 : I.id) && _.user.id !== ((R = e == null ? void 0 : e._client) == null ? void 0 : R.userID);
+        return ((I = N.user) == null ? void 0 : I.id) && N.user.id !== ((R = e == null ? void 0 : e._client) == null ? void 0 : R.userID);
       }
     ), f = Wt(u == null ? void 0 : u.user), c = (k = u == null ? void 0 : u.user) == null ? void 0 : k.image, g = (() => {
       var I;
-      const _ = (I = e == null ? void 0 : e.state) == null ? void 0 : I.messages;
-      if (_ != null && _.length) {
-        for (let R = _.length - 1; R >= 0; R--)
-          if (_[R].type !== "system") return _[R];
+      const N = (I = e == null ? void 0 : e.state) == null ? void 0 : I.messages;
+      if (N != null && N.length) {
+        for (let R = N.length - 1; R >= 0; R--)
+          if (N[R].type !== "system") return N[R];
       }
     })(), v = (() => {
       var L, z, V, B;
-      const _ = Xt({
+      const N = Xt({
         message: g,
         viewerLanguage: o
       });
-      if (((L = g == null ? void 0 : g.metadata) == null ? void 0 : L.custom_type) === "MESSAGE_TIP") return _ ? `💵 ${_}` : "💵 Sent a tip";
-      if (((z = g == null ? void 0 : g.metadata) == null ? void 0 : z.custom_type) === "MESSAGE_PAID") return _ ? `💰 ${_}` : "💰 Sent a message";
-      if (((V = g == null ? void 0 : g.metadata) == null ? void 0 : V.custom_type) === "MESSAGE_ATTACHMENT") return _ ? `📎 ${_}` : "📎 Sent an attachment";
-      if (_) return _;
+      if (((L = g == null ? void 0 : g.metadata) == null ? void 0 : L.custom_type) === "MESSAGE_TIP") return N ? `💵 ${N}` : "💵 Sent a tip";
+      if (((z = g == null ? void 0 : g.metadata) == null ? void 0 : z.custom_type) === "MESSAGE_PAID") return N ? `💰 ${N}` : "💰 Sent a message";
+      if (((V = g == null ? void 0 : g.metadata) == null ? void 0 : V.custom_type) === "MESSAGE_ATTACHMENT") return N ? `📎 ${N}` : "📎 Sent an attachment";
+      if (N) return N;
       const A = (B = g == null ? void 0 : g.attachments) == null ? void 0 : B[0];
       return A ? A.og_scrape_url ? A.og_scrape_url : A.type === "image" ? "📷 Sent an image" : A.type === "video" ? "🎥 Sent a video" : A.type === "audio" ? "🎵 Sent audio" : A.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
-    })(), N = g != null && g.created_at ? tr(new Date(g.created_at)) : "", x = g ? ke(g) : !1, S = i ? i(g, v) : `${x ? "✨ " : ""}${v}`, E = qt(e), M = t ?? 0;
+    })(), _ = g != null && g.created_at ? tr(new Date(g.created_at)) : "", x = g ? ke(g) : !1, S = i ? i(g, v) : `${x ? "✨ " : ""}${v}`, E = qt(e), M = t ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
       channelId: e == null ? void 0 : e.id,
       isSelected: l,
       participantName: f,
       unreadCount: M,
-      hasTimestamp: !!N
+      hasTimestamp: !!_
     }), /* @__PURE__ */ n(
       "div",
       {
@@ -2749,7 +2752,7 @@ const un = $.createContext({
                   ]
                 }
               ),
-              N && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: N })
+              _ && /* @__PURE__ */ n("span", { className: "text-xs text-[#717070] flex-shrink-0", children: _ })
             ] }),
             /* @__PURE__ */ h("div", { className: "flex items-center justify-between gap-2 min-w-0", children: [
               /* @__PURE__ */ n("p", { className: "text-sm text-[#717070] flex-1 line-clamp-1", children: S }),
@@ -2897,7 +2900,7 @@ const ir = {
   const v = y(
     "truncate text-base font-medium leading-6",
     d && !t ? cr : lr[e]
-  ), N = y(
+  ), _ = y(
     "truncate text-xs leading-4",
     dr[e]
   );
@@ -2909,9 +2912,9 @@ const ir = {
             i ? /* @__PURE__ */ n("span", { className: "shrink-0", children: i }) : null,
             /* @__PURE__ */ n("p", { className: y("min-w-0", v), children: m })
           ] }),
-          u && /* @__PURE__ */ n("p", { className: N, children: a })
+          u && /* @__PURE__ */ n("p", { className: _, children: a })
         ] }),
-        !g && c && /* @__PURE__ */ n("p", { className: N, children: f })
+        !g && c && /* @__PURE__ */ n("p", { className: _, children: f })
       ] }),
       l && /* @__PURE__ */ n("div", { className: "shrink-0", children: l })
     ] }),
@@ -3248,7 +3251,7 @@ const ir = {
 }, xr = {
   dark: "border-white/[0.08]",
   light: "border-black/[0.08]"
-}, wr = (e) => e === "dark" ? "sender" : "receiver", Nr = {
+}, wr = (e) => e === "dark" ? "sender" : "receiver", _r = {
   sender: {
     single: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[18px]",
     first: "rounded-tl-[18px] rounded-tr-[18px] rounded-bl-[18px] rounded-br-[4px]",
@@ -3270,7 +3273,7 @@ const ir = {
   children: i,
   "data-testid": o
 }) => {
-  const l = t != null && t !== "", d = Nr[wr(e)][a];
+  const l = t != null && t !== "", d = _r[wr(e)][a];
   return /* @__PURE__ */ h(
     "div",
     {
@@ -3335,7 +3338,7 @@ const ir = {
   firstOfGroup: e,
   endOfGroup: t,
   groupedByUser: s
-}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", _r = ({
+}) => !s || e && t ? "single" : e ? "first" : t ? "end" : "middle", Nr = ({
   src: e,
   mimeType: t,
   filename: s,
@@ -3363,7 +3366,7 @@ const ir = {
   preload: l,
   onDismiss: d
 }) => {
-  const m = we(e), b = e === "composer" && !!d, u = _r({ src: t, mimeType: s, filename: a, items: r });
+  const m = we(e), b = e === "composer" && !!d, u = Nr({ src: t, mimeType: s, filename: a, items: r });
   if (u.length === 0)
     return null;
   const f = l ?? (u.length > 1 ? "none" : "metadata");
@@ -3569,10 +3572,10 @@ const Pr = ({
     items: o
   }), g = (v) => {
     if ((m == null ? void 0 : m(v)) === !1) return;
-    const N = c[v];
-    if (!N) return;
-    const x = N.filename ?? Z(N.src);
-    gn(N.src, x);
+    const _ = c[v];
+    if (!_) return;
+    const x = _.filename ?? Z(_.src);
+    gn(_.src, x);
   };
   if (c.length === 0)
     return null;
@@ -3594,16 +3597,16 @@ const Pr = ({
       text: l,
       groupPosition: d,
       "data-testid": "file-attachment",
-      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, N) => /* @__PURE__ */ n(
+      children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-2", children: c.map((v, _) => /* @__PURE__ */ n(
         Or,
         {
           variant: u,
           item: v,
-          index: N,
+          index: _,
           onActivate: g,
-          trailingAction: f && N === 0 ? /* @__PURE__ */ n(xe, { onClick: b, variant: "inline" }) : p
+          trailingAction: f && _ === 0 ? /* @__PURE__ */ n(xe, { onClick: b, variant: "inline" }) : p
         },
-        `${v.src}-${N}`
+        `${v.src}-${_}`
       )) })
     }
   );
@@ -3963,7 +3966,7 @@ const Pr = ({
       })
     }
   );
-}, Ne = (e) => {
+}, _e = (e) => {
   const [t, s] = P(!1), [a, r] = P(0), i = W(
     (l) => {
       (e == null ? void 0 : e(l)) !== !1 && (r(l), s(!0));
@@ -3995,7 +3998,7 @@ const Pr = ({
   alt: s.alt,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), Gr = ({ src: e, alt: t, filename: s, loading: a = "lazy", onClick: r, onDismiss: i }) => {
-  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = Ne(
+  const { viewerOpen: o, viewerIndex: l, handleActivate: d, closeViewer: m } = _e(
     r
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4041,13 +4044,13 @@ const Pr = ({
   loading: l = "lazy",
   onClick: d
 }) => {
-  const m = Vr({ src: t, alt: s, items: r }), b = we(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: g } = Ne(
+  const m = Vr({ src: t, alt: s, items: r }), b = we(e), { viewerOpen: u, viewerIndex: f, handleActivate: c, closeViewer: g } = _e(
     d
   );
   if (m.length === 0)
     return null;
   const p = m.map(
-    (v, N) => jr(v, N, m.length, l)
+    (v, _) => jr(v, _, m.length, l)
   );
   return /* @__PURE__ */ h(
     ve,
@@ -4164,12 +4167,12 @@ const Pr = ({
   onClick: d,
   onDismiss: m
 }) => {
-  const b = we(e), u = Jr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = Ne(
+  const b = we(e), u = Jr({ src: t, filename: s, fileSize: a, title: r, items: i }), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = _e(
     d
   ), v = e === "composer" && !!m;
   if (u.length === 0)
     return null;
-  const N = u.map((x) => ({
+  const _ = u.map((x) => ({
     src: x.src,
     filename: x.filename ?? Z(x.src)
   }));
@@ -4208,7 +4211,7 @@ const Pr = ({
           Xr,
           {
             open: f,
-            items: N,
+            items: _,
             initialIndex: c,
             onClose: p
           }
@@ -4220,7 +4223,7 @@ const Pr = ({
   Composer: Qr,
   Sent: ei,
   Received: ti
-}, Nn = ({
+}, _n = ({
   open: e,
   items: t,
   initialIndex: s = 0,
@@ -4270,7 +4273,7 @@ const Pr = ({
       ]
     }
   ) : null;
-}, si = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Be, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), _n = ({
+}, si = () => /* @__PURE__ */ n("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "flex size-12 items-center justify-center rounded-full bg-black/55 text-white backdrop-blur", children: /* @__PURE__ */ n(Be, { className: "size-6", weight: "fill", "aria-hidden": !0 }) }) }), Nn = ({
   item: e,
   index: t
 }) => /* @__PURE__ */ h("div", { className: "absolute inset-0 size-full bg-[#0d0d0d]", children: [
@@ -4295,7 +4298,7 @@ const Pr = ({
   /* @__PURE__ */ n(si, {})
 ] }), ai = (e, t, s) => ({
   ariaLabel: `Play video ${t + 1} of ${s}`,
-  content: /* @__PURE__ */ n(_n, { item: e, index: t })
+  content: /* @__PURE__ */ n(Nn, { item: e, index: t })
 }), ri = ({
   src: e,
   poster: t,
@@ -4309,7 +4312,7 @@ const Pr = ({
   preload: s.preload,
   filename: t && e.length === 1 ? t : t ? `${t} (${a + 1})` : void 0
 })), ii = ({ src: e, poster: t, mimeType: s, filename: a, preload: r, onClick: i, onDismiss: o }) => {
-  const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: b } = Ne(
+  const { viewerOpen: l, viewerIndex: d, handleActivate: m, closeViewer: b } = _e(
     i
   );
   return /* @__PURE__ */ h("div", { className: "relative w-fit", children: [
@@ -4320,12 +4323,12 @@ const Pr = ({
         onClick: () => m(0),
         "aria-label": "Play video",
         className: "relative block size-[280px] cursor-pointer overflow-hidden rounded-md outline-none focus-visible:ring-2 focus-visible:ring-black/40",
-        children: /* @__PURE__ */ n(_n, { item: { src: e, poster: t, mimeType: s }, index: 0 })
+        children: /* @__PURE__ */ n(Nn, { item: { src: e, poster: t, mimeType: s }, index: 0 })
       }
     ),
     o ? /* @__PURE__ */ n("div", { className: "absolute right-2 top-2 z-10", children: /* @__PURE__ */ n(xe, { onClick: o }) }) : null,
     /* @__PURE__ */ n(
-      Nn,
+      _n,
       {
         open: l,
         items: yn(
@@ -4349,13 +4352,13 @@ const Pr = ({
   preload: d,
   onClick: m
 }) => {
-  const b = ri({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = we(e), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = Ne(
+  const b = ri({ src: t, poster: s, mimeType: a, preload: d, items: i }), u = we(e), { viewerOpen: f, viewerIndex: c, handleActivate: g, closeViewer: p } = _e(
     m
   );
   if (b.length === 0)
     return null;
   const v = b.map(
-    (N, x) => ai(N, x, b.length)
+    (_, x) => ai(_, x, b.length)
   );
   return /* @__PURE__ */ h(
     ve,
@@ -4374,7 +4377,7 @@ const Pr = ({
           }
         ) }),
         /* @__PURE__ */ n(
-          Nn,
+          _n,
           {
             open: f,
             items: yn(b, r),
@@ -4466,17 +4469,17 @@ export {
   Ds as D,
   Si as F,
   Ci as L,
-  Ni as M,
+  _i as M,
   he as a,
   ae as b,
   sr as c,
   dn as d,
-  _i as e,
+  Ni as e,
   ui as f,
   ne as g,
   Ot as h,
   Ei as i,
-  _a as j,
+  Na as j,
   wi as k,
   yi as l,
   Mr as m,
@@ -4494,4 +4497,4 @@ export {
   Wt as y,
   ba as z
 };
-//# sourceMappingURL=index-D7eRkXoG.js.map
+//# sourceMappingURL=index-DmimisTH.js.map