@linktr.ee/messaging-react 1.16.0-rc-1769569754 → 1.16.0

package/dist/index.js

@@ -24,8 +24,8 @@ const Fe = Ge({
   debug: c = !1
 }) => {
   const a = D(
-    (d, ...v) => {
-      c && console.log(`🔥 [MessagingProvider] ${d}`, ...v);
+    (d, ...N) => {
+      c && console.log(`🔥 [MessagingProvider] ${d}`, ...N);
     },
     [c]
   );
@@ -35,7 +35,7 @@ const Fe = Ge({
     serviceConfig: !!n,
     capabilities: Object.keys(l)
   });
-  const [u, h] = I(null), [x, p] = I(null), [f, o] = I(!1), [M, S] = I(!1), [g, m] = I(null), b = W(!1), N = W({
+  const [u, h] = I(null), [x, p] = I(null), [f, o] = I(!1), [M, S] = I(!1), [g, m] = I(null), b = W(!1), v = W({
     userId: s == null ? void 0 : s.id,
     apiKey: r,
     serviceConfig: n,
@@ -45,12 +45,12 @@ const Fe = Ge({
     renderCount: y.current,
     currentProps: { userId: s == null ? void 0 : s.id, apiKey: (r == null ? void 0 : r.substring(0, 8)) + "..." },
     propChanges: {
-      userChanged: N.current.userId !== (s == null ? void 0 : s.id),
-      apiKeyChanged: N.current.apiKey !== r,
-      serviceConfigChanged: N.current.serviceConfig !== n,
-      capabilitiesChanged: N.current.capabilities !== l
+      userChanged: v.current.userId !== (s == null ? void 0 : s.id),
+      apiKeyChanged: v.current.apiKey !== r,
+      serviceConfigChanged: v.current.serviceConfig !== n,
+      capabilitiesChanged: v.current.capabilities !== l
     }
-  }), N.current = {
+  }), v.current = {
     userId: s == null ? void 0 : s.id,
     apiKey: r,
     serviceConfig: n,
@@ -64,8 +64,8 @@ const Fe = Ge({
       dependencies: {
         apiKey: (r == null ? void 0 : r.substring(0, 8)) + "...",
         serviceConfigRef: n,
-        serviceConfigStable: N.current.serviceConfig === n,
-        apiKeyStable: N.current.apiKey === r
+        serviceConfigStable: v.current.serviceConfig === n,
+        apiKeyStable: v.current.apiKey === r
       }
     }), !r || !n) {
       a("⚠️ SERVICE INIT SKIPPED", {
@@ -77,26 +77,26 @@ const Fe = Ge({
     a("🚀 CREATING NEW SERVICE", {
       renderCount: d,
       apiKey: (r == null ? void 0 : r.substring(0, 8)) + "...",
-      serviceConfigChanged: N.current.serviceConfig !== n
+      serviceConfigChanged: v.current.serviceConfig !== n
     });
-    const v = new Ve({
+    const N = new Ve({
       ...n,
       apiKey: r,
       debug: c
     });
-    return h(v), a("✅ SERVICE SET", {
+    return h(N), a("✅ SERVICE SET", {
       renderCount: d,
-      serviceInstance: !!v
+      serviceInstance: !!N
     }), () => {
       a("🧹 SERVICE CLEANUP", {
         renderCount: d,
         reason: "Effect cleanup"
-      }), v.disconnectUser().catch(console.error);
+      }), N.disconnectUser().catch(console.error);
     };
   }, [r, n, c, a]);
   const _ = W(null);
   q(() => {
-    var v, P;
+    var N, P;
     if (a("🔗 USER CONNECTION EFFECT TRIGGERED", {
       hasService: !!u,
       hasUser: !!s,
@@ -112,7 +112,7 @@ const Fe = Ge({
       a("⚠️ USER CONNECTION SKIPPED", "Already connecting");
       return;
     }
-    if (((v = _.current) == null ? void 0 : v.serviceId) === u && ((P = _.current) == null ? void 0 : P.userId) === s.id) {
+    if (((N = _.current) == null ? void 0 : N.serviceId) === u && ((P = _.current) == null ? void 0 : P.userId) === s.id) {
       a(
         "⚠️ USER CONNECTION SKIPPED",
         "Already connected this user with this service"
@@ -167,10 +167,10 @@ const Fe = Ge({
       const d = await u.connectUser(s);
       p(d), o(!0), m(null), a("✅ CONNECTION REFRESH SUCCESS", { userId: s.id });
     } catch (d) {
-      const v = d instanceof Error ? d.message : "Refresh failed";
-      m(v), a("❌ CONNECTION REFRESH ERROR", {
+      const N = d instanceof Error ? d.message : "Refresh failed";
+      m(N), a("❌ CONNECTION REFRESH ERROR", {
         userId: s.id,
-        error: v
+        error: N
       });
     } finally {
       S(!1), a("🔄 CONNECTION REFRESH FINISHED", { userId: s.id });
@@ -358,18 +358,18 @@ const ne = ({
   ] });
 }, Oe = L.memo(
   ({ channel: t, selectedChannel: s, onChannelSelect: n, debug: r = !1, unread: l }) => {
-    var b, N, y, _, E, C;
+    var b, v, y, _, E, C;
     const c = (s == null ? void 0 : s.id) === (t == null ? void 0 : t.id), a = () => {
       t && n(t);
     }, h = Object.values(((b = t == null ? void 0 : t.state) == null ? void 0 : b.members) || {}).find(
       (d) => {
-        var v, P;
-        return ((v = d.user) == null ? void 0 : v.id) && d.user.id !== ((P = t == null ? void 0 : t._client) == null ? void 0 : P.userID);
+        var N, P;
+        return ((N = d.user) == null ? void 0 : N.id) && d.user.id !== ((P = t == null ? void 0 : t._client) == null ? void 0 : P.userID);
       }
-    ), x = ((N = h == null ? void 0 : h.user) == null ? void 0 : N.name) || "Conversation", p = (y = h == null ? void 0 : h.user) == null ? void 0 : y.image, f = (E = (_ = t == null ? void 0 : t.state) == null ? void 0 : _.messages) == null ? void 0 : E[t.state.messages.length - 1], M = (() => {
-      var v;
+    ), x = ((v = h == null ? void 0 : h.user) == null ? void 0 : v.name) || "Conversation", p = (y = h == null ? void 0 : h.user) == null ? void 0 : y.image, f = (E = (_ = t == null ? void 0 : t.state) == null ? void 0 : _.messages) == null ? void 0 : E[t.state.messages.length - 1], M = (() => {
+      var N;
       if (f != null && f.text) return f.text;
-      const d = (v = f == null ? void 0 : f.attachments) == null ? void 0 : v[0];
+      const d = (N = f == null ? void 0 : f.attachments) == null ? void 0 : N[0];
       return d ? d.og_scrape_url ? d.og_scrape_url : d.type === "image" ? "📷 Sent an image" : d.type === "video" ? "🎥 Sent a video" : d.type === "audio" ? "🎵 Sent audio" : d.type === "file" ? "📎 Sent a file" : "📎 Sent an attachment" : "No messages yet";
     })(), S = f != null && f.created_at ? Gs(new Date(f.created_at)) : "", g = f ? Le(f) : !1, m = l ?? 0;
     return r && console.log("📺 [ChannelList] 📋 CHANNEL PREVIEW RENDER", {
@@ -538,8 +538,8 @@ const Js = (t) => /* @__PURE__ */ e(Ze, { ...t, position: "center" }), Qs = (t)
     onUserHover: S,
     renderText: g,
     threadList: m
-  } = t, { client: b } = Je("CustomMessage"), { t: N } = Qe("CustomMessage"), [y, _] = I(!1), [E, C] = I(!1), d = Xe(o.id), {
-    Attachment: v = es,
+  } = t, { client: b } = Je("CustomMessage"), { t: v } = Qe("CustomMessage"), [y, _] = I(!1), [E, C] = I(!1), d = Xe(o.id), {
+    Attachment: N = es,
     Avatar: P = ss,
     EditMessageModal: j = ts,
     MessageBlocked: z = ns,
@@ -638,7 +638,7 @@ const Js = (t) => /* @__PURE__ */ e(Ze, { ...t, position: "center" }), Qs = (t)
             /* @__PURE__ */ i("div", { className: "str-chat__message-bubble", children: [
               ce && /* @__PURE__ */ e(bs, { poll: ce }),
               B != null && B.length && !o.quoted_message ? /* @__PURE__ */ e(
-                v,
+                N,
                 {
                   actionHandler: a,
                   attachments: B
@@ -669,7 +669,7 @@ const Js = (t) => /* @__PURE__ */ e(Ze, { ...t, position: "center" }), Qs = (t)
         /* @__PURE__ */ e(ee, {}),
         !f() && !!o.user && /* @__PURE__ */ e("span", { className: "str-chat__message-simple-name", children: o.user.name || o.user.id }),
         /* @__PURE__ */ e(ae, { customClass: "str-chat__message-simple-timestamp" }),
-        le && /* @__PURE__ */ e("span", { className: "str-chat__mesage-simple-edited", children: N("Edited") }),
+        le && /* @__PURE__ */ e("span", { className: "str-chat__mesage-simple-edited", children: v("Edited") }),
         le && /* @__PURE__ */ e(ws, { calendar: !0, open: E })
       ] })
     ] }, o.id)
@@ -837,18 +837,18 @@ fe.displayName = "LoadingState";
 const it = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) => {
   var f, o, M, S, g, m;
   const { channel: l } = De(), c = L.useMemo(() => Object.values(l.state.members || {}).find(
-    (N) => {
+    (v) => {
       var y;
-      return ((y = N.user) == null ? void 0 : y.id) && N.user.id !== l._client.userID;
+      return ((y = v.user) == null ? void 0 : y.id) && v.user.id !== l._client.userID;
     }
   ), [l._client.userID, l.state.members]), a = ((f = c == null ? void 0 : c.user) == null ? void 0 : f.name) || ((o = c == null ? void 0 : c.user) == null ? void 0 : o.id) || "Unknown member", u = (M = c == null ? void 0 : c.user) == null ? void 0 : M.image, [h, x] = I(
     !!((S = l.state.membership) != null && S.pinned_at)
   );
   q(() => {
-    const b = (N) => {
+    const b = (v) => {
       var y;
       x(
-        N != null && N.member ? !!N.member.pinned_at : !!((y = l.state.membership) != null && y.pinned_at)
+        v != null && v.member ? !!v.member.pinned_at : !!((y = l.state.membership) != null && y.pinned_at)
       );
     };
     return l.on("member.updated", b), () => {
@@ -992,7 +992,7 @@ const it = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
   onReportParticipantClick: p
 }) => {
   var X, K, ee, ae, O, G, Z;
-  const { service: f, debug: o } = ge(), [M, S] = I(!1), [g, m] = I(!1), [b, N] = I(!1), y = D(async () => {
+  const { service: f, debug: o } = ge(), [M, S] = I(!1), [g, m] = I(!1), [b, v] = I(!1), y = D(async () => {
     var k;
     if (!(!f || !((k = n == null ? void 0 : n.user) != null && k.id)))
       try {
@@ -1029,25 +1029,25 @@ const it = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
   }, E = async () => {
     var k, T, U;
     if (!(b || !f)) {
-      x == null || x(), o && console.log("[ChannelInfoDialog] Block member", (k = n == null ? void 0 : n.user) == null ? void 0 : k.id), N(!0);
+      x == null || x(), o && console.log("[ChannelInfoDialog] Block member", (k = n == null ? void 0 : n.user) == null ? void 0 : k.id), v(!0);
       try {
         await f.blockUser((T = n == null ? void 0 : n.user) == null ? void 0 : T.id), a && await a((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), s();
       } catch (B) {
         console.error("[ChannelInfoDialog] Failed to block member", B);
       } finally {
-        N(!1);
+        v(!1);
       }
     }
   }, C = async () => {
     var k, T, U;
     if (!(b || !f)) {
-      x == null || x(), o && console.log("[ChannelInfoDialog] Unblock member", (k = n == null ? void 0 : n.user) == null ? void 0 : k.id), N(!0);
+      x == null || x(), o && console.log("[ChannelInfoDialog] Unblock member", (k = n == null ? void 0 : n.user) == null ? void 0 : k.id), v(!0);
       try {
         await f.unBlockUser((T = n == null ? void 0 : n.user) == null ? void 0 : T.id), a && await a((U = n == null ? void 0 : n.user) == null ? void 0 : U.id), s();
       } catch (B) {
         console.error("[ChannelInfoDialog] Failed to unblock member", B);
       } finally {
-        N(!1);
+        v(!1);
       }
     }
   }, d = () => {
@@ -1058,7 +1058,7 @@ const it = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
     );
   };
   if (!n) return null;
-  const v = ((K = n.user) == null ? void 0 : K.name) || ((ee = n.user) == null ? void 0 : ee.id) || "Unknown member", P = (ae = n.user) == null ? void 0 : ae.image, j = (O = n.user) == null ? void 0 : O.email, z = (G = n.user) == null ? void 0 : G.username, re = j || (z ? `linktr.ee/${z}` : void 0), Q = ((Z = n.user) == null ? void 0 : Z.id) || "unknown";
+  const N = ((K = n.user) == null ? void 0 : K.name) || ((ee = n.user) == null ? void 0 : ee.id) || "Unknown member", P = (ae = n.user) == null ? void 0 : ae.image, j = (O = n.user) == null ? void 0 : O.email, z = (G = n.user) == null ? void 0 : G.username, re = j || (z ? `linktr.ee/${z}` : void 0), Q = ((Z = n.user) == null ? void 0 : Z.id) || "unknown";
   return (
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
     /* @__PURE__ */ e(
@@ -1086,14 +1086,14 @@ const it = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
                     ne,
                     {
                       id: Q,
-                      name: v,
+                      name: N,
                       image: P,
                       size: 88,
                       shape: "circle"
                     }
                   ),
                   /* @__PURE__ */ i("div", { className: "flex flex-col min-w-0 flex-1", children: [
-                    /* @__PURE__ */ e("p", { className: "truncate text-base font-semibold text-charcoal", children: v }),
+                    /* @__PURE__ */ e("p", { className: "truncate text-base font-semibold text-charcoal", children: N }),
                     re && /* @__PURE__ */ e("p", { className: "truncate text-sm text-[#00000055]", children: re }),
                     l && /* @__PURE__ */ e(
                       "span",
@@ -1255,13 +1255,16 @@ const it = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
     onReportParticipantClick: f,
     dmAgentEnabled: o
   }) => {
-    var m;
-    const M = ((m = t.data) == null ? void 0 : m.chatbot_paused) === !0, S = o && !M, g = D(
-      async (b, N, y) => S ? t.sendMessage(
-        { ...N, silent: !0 },
-        { ...y, skip_push: !0 }
-      ) : t.sendMessage(N, y),
-      [t, S]
+    const M = D(
+      async (S, g, m) => {
+        var y;
+        const b = ((y = t.data) == null ? void 0 : y.chatbot_paused) === !0;
+        return o && !b ? t.sendMessage(
+          { ...g, silent: !0 },
+          { ...m, skip_push: !0 }
+        ) : t.sendMessage(g, m);
+      },
+      [t, o]
     );
     return /* @__PURE__ */ e(
       "div",
@@ -1278,7 +1281,7 @@ const it = ({ onBack: t, showBackButton: s, onShowInfo: n, canShowInfo: r }) =>
             EmptyStateIndicator: u,
             LoadingIndicator: fe,
             DateSeparator: Js,
-            doSendMessageRequest: g,
+            doSendMessageRequest: M,
             children: /* @__PURE__ */ e(
               dt,
               {
@@ -1351,7 +1354,7 @@ const ut = ({
 }) => {
   const { debug: u } = ge(), [h, x] = I(""), [p, f] = I([]), [o, M] = I(!1), [S, g] = I(null), [m, b] = I(
     null
-  ), N = W(!1);
+  ), v = W(!1);
   q(() => {
     if (t.loading) {
       u && console.log(
@@ -1359,7 +1362,7 @@ const ut = ({
       );
       return;
     }
-    if (N.current) return;
+    if (v.current) return;
     (async () => {
       u && console.log("[ParticipantPicker] Loading initial participants..."), M(!0), g(null);
       try {
@@ -1368,23 +1371,23 @@ const ut = ({
           // Load all participants initially
           limit: 100
         });
-        f(d.participants), N.current = !0, u && console.log(
+        f(d.participants), v.current = !0, u && console.log(
           "[ParticipantPicker] Participants loaded successfully:",
           d.participants.length
         );
       } catch (d) {
-        const v = d instanceof Error ? d.message : "Failed to load participants";
-        g(v), console.error("[ParticipantPicker] Failed to load participants:", d);
+        const N = d instanceof Error ? d.message : "Failed to load participants";
+        g(N), console.error("[ParticipantPicker] Failed to load participants:", d);
       } finally {
         M(!1);
       }
     })();
   }, [t.loading, u]);
   const y = p.filter((C) => !r.has(C.id)).filter((C) => {
-    var v;
+    var N;
     if (!h) return !0;
     const d = h.toLowerCase();
-    return C.name.toLowerCase().includes(d) || ((v = C.email) == null ? void 0 : v.toLowerCase().includes(d)) || !1;
+    return C.name.toLowerCase().includes(d) || ((N = C.email) == null ? void 0 : N.toLowerCase().includes(d)) || !1;
   }), _ = D(
     async (C) => {
       if (!m) {
@@ -1442,7 +1445,7 @@ const ut = ({
       /* @__PURE__ */ e("p", { className: "text-xs text-stone", children: h ? "Try a different search term" : p.length > 0 ? `You have existing conversations with all your ${l}` : `${l.charAt(0).toUpperCase() + l.slice(1)} will appear here` })
     ] }) : /* @__PURE__ */ i("ul", { className: "space-y-0", children: [
       y.map((C) => {
-        const d = C.name || C.email || C.id, v = C.email && C.name ? C.email : C.phone;
+        const d = C.name || C.email || C.id, N = C.email && C.name ? C.email : C.phone;
         return /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
           "button",
           {
@@ -1463,7 +1466,7 @@ const ut = ({
                 ),
                 /* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: [
                   /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-charcoal truncate", children: d }),
-                  v && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: v })
+                  N && /* @__PURE__ */ e("p", { className: "text-xs text-stone truncate", children: N })
                 ] })
               ] }),
               /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: m === C.id ? /* @__PURE__ */ e(ue, { className: "h-5 w-5 text-primary animate-spin" }) : /* @__PURE__ */ e(_e, { className: "h-5 w-5 text-stone" }) })
@@ -1657,11 +1660,11 @@ const yt = ({
     service: g,
     client: m,
     isConnected: b,
-    isLoading: N,
+    isLoading: v,
     error: y,
     refreshConnection: _,
     debug: E
-  } = $s(), [C, d] = I(null), [v, P] = I(!1), [j, z] = I(!1), [re, Q] = I(!1), [X, K] = I(/* @__PURE__ */ new Set()), [ee, ae] = I(0), [O, G] = I(!1), [Z, k] = I(null), T = W(null), {
+  } = $s(), [C, d] = I(null), [N, P] = I(!1), [j, z] = I(!1), [re, Q] = I(!1), [X, K] = I(/* @__PURE__ */ new Set()), [ee, ae] = I(0), [O, G] = I(!1), [Z, k] = I(null), T = W(null), {
     participantSource: U,
     participantLabel: B = "participants",
     showDeleteConversation: se = !0
@@ -1831,7 +1834,7 @@ const yt = ({
     },
     [H, E]
   ), J = !!C;
-  return N ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(fe, {}) }) : y ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(he, { message: y, onBack: _ }) }) : !b || !m ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(
+  return v ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(fe, {}) }) : y ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(he, { message: y, onBack: _ }) }) : !b || !m ? /* @__PURE__ */ e("div", { className: R("h-full", s), children: /* @__PURE__ */ e(
     he,
     {
       message: "Not connected to messaging service",
@@ -1905,7 +1908,7 @@ const yt = ({
               ) : /* @__PURE__ */ e(
                 $e,
                 {
-                  hasChannels: v,
+                  hasChannels: N,
                   channelsLoaded: j
                 }
               )
@@ -2012,17 +2015,17 @@ const yt = ({
         cursor: _ ? void 0 : S
       });
       c(
-        (v) => _ ? d.participants : [...v, ...d.participants]
+        (N) => _ ? d.participants : [...N, ...d.participants]
       ), M(d.hasMore), g(d.nextCursor);
     } catch (d) {
-      const v = d instanceof Error ? d.message : "Failed to load participants";
-      x(v), console.error("[useParticipants] Load error:", d);
+      const N = d instanceof Error ? d.message : "Failed to load participants";
+      x(N), console.error("[useParticipants] Load error:", d);
     } finally {
       u(!1);
     }
   }, [t, p, S, r, a]), b = D(() => {
     o && !a && m(!1);
-  }, [o, a, m]), N = D((_) => {
+  }, [o, a, m]), v = D((_) => {
     f(_), g(void 0), m(!0, _);
   }, [m]), y = D(() => {
     g(void 0), m(!0);
@@ -2037,7 +2040,7 @@ const yt = ({
     hasMore: o,
     totalCount: t.totalCount,
     loadMore: b,
-    search: N,
+    search: v,
     refresh: y
   };
 };