@linktr.ee/messaging-react 3.5.7-rc-1783067095 → 3.5.7-rc-1783068568

package/dist/{index-gnuITMC7.js → index-CxGOKFnx.js}

@@ -680,7 +680,7 @@ const ne = ({
               className: "-mb-2"
             }
           ),
-          /* @__PURE__ */ m("span", { className: "relative z-10 flex max-w-full flex-col items-center justify-center rounded-full border border-white/10 bg-white/65 py-1.5 pl-3 pr-2 shadow-[0px_0px_0px_0px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04),0px_8px_32px_0px_rgba(0,0,0,0.1)] backdrop-blur-[2px] transition-colors duration-150 group-hover:bg-white/80", children: [
+          /* @__PURE__ */ m("span", { className: "relative z-10 flex max-w-full flex-col items-center justify-center rounded-full border border-white/10 bg-white/65 py-1.5 pl-3 pr-2 shadow-[0px_0px_0px_0px_rgba(0,0,0,0.04),0px_1px_2px_0px_rgba(0,0,0,0.04),0px_8px_32px_0px_rgba(0,0,0,0.1)] backdrop-blur-[2px] transition-filter duration-150 group-hover:brightness-95", children: [
             /* @__PURE__ */ m("span", { className: "flex max-w-full items-center justify-center", children: [
               /* @__PURE__ */ n("span", { className: "min-w-0 truncate text-sm font-bold leading-[1.43] tracking-[0.28px] text-black/90", children: N }),
               /* @__PURE__ */ m("span", { className: "ml-2 flex gap-1", children: [
@@ -800,7 +800,7 @@ function tn({
   const s = e == null ? void 0 : e.text, a = aa(t);
   return a ? ((r = e == null ? void 0 : e.i18n) == null ? void 0 : r[`${a}_text`]) ?? s : s;
 }
-const ra = j.lazy(() => import("./Card-CAalQRJs.js")), ia = j.lazy(() => import("./Card-6zV3sFbU.js")), la = j.lazy(() => import("./Card-wg-7Dyut.js")), at = () => /* @__PURE__ */ n(
+const ra = j.lazy(() => import("./Card-DgWCIgWw.js")), ia = j.lazy(() => import("./Card-DN8P8IeT.js")), la = j.lazy(() => import("./Card-C_TfROjB.js")), at = () => /* @__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)]",
@@ -909,7 +909,7 @@ const ga = (e) => {
       window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", R), window.removeEventListener("touchmove", w), window.removeEventListener("touchend", R);
     };
   }, [N, O, F]);
-  const J = I ? { aspectRatio: String(I) } : void 0, ee = I ? "" : " aspect-video", q = Math.round(p * 100);
+  const J = I ? { aspectRatio: String(I) } : void 0, ee = I ? "" : " aspect-video", W = Math.round(p * 100);
   return /* @__PURE__ */ m(
     "div",
     {
@@ -1018,7 +1018,7 @@ const ga = (e) => {
           {
             role: "slider",
             "aria-label": "Playback position",
-            "aria-valuenow": q,
+            "aria-valuenow": W,
             "aria-valuemin": 0,
             "aria-valuemax": 100,
             tabIndex: 0,
@@ -1034,7 +1034,7 @@ const ga = (e) => {
               "div",
               {
                 className: "h-full rounded-full bg-white",
-                style: { width: `${q}%` }
+                style: { width: `${W}%` }
               }
             ) })
           }
@@ -1057,7 +1057,7 @@ const ga = (e) => {
             {
               role: "slider",
               "aria-label": "Playback position",
-              "aria-valuenow": q,
+              "aria-valuenow": W,
               "aria-valuemin": 0,
               "aria-valuemax": 100,
               tabIndex: 0,
@@ -1080,7 +1080,7 @@ const ga = (e) => {
                       "div",
                       {
                         className: "h-full rounded-full bg-white",
-                        style: { width: `${q}%` }
+                        style: { width: `${W}%` }
                       }
                     )
                   }
@@ -1089,7 +1089,7 @@ const ga = (e) => {
                   "div",
                   {
                     className: `absolute size-3 -translate-x-1/2 rounded-full bg-white shadow transition-[opacity,transform] duration-200 ${T || N ? "scale-100 opacity-100" : "scale-0 opacity-0"}`,
-                    style: { left: `${q}%` }
+                    style: { left: `${W}%` }
                   }
                 )
               ]
@@ -1596,10 +1596,10 @@ const Ma = ({ size: e = 15 }) => /* @__PURE__ */ n(
     MessageDeleted: B = Bn,
     MessageIsThreadReplyInChannelButtonIndicator: J = Un,
     MessageRepliesCountButton: ee = Vn,
-    ReminderNotification: q = Gn,
+    ReminderNotification: W = Gn,
     StreamedMessageText: w = Hn,
     PinIndicator: R
-  } = Wt("CustomMessage"), G = Yn(c), H = qn(c), W = ie(
+  } = Wt("CustomMessage"), G = Yn(c), H = qn(c), Y = ie(
     () => h == null ? void 0 : h(c),
     [h, c]
   ), U = ie(() => {
@@ -1607,7 +1607,7 @@ const Ma = ({ size: e = 15 }) => /* @__PURE__ */ n(
     if (!De(c)) return Ae;
     const Pt = Ae.filter((Ot) => !("type" in Ot) || !cn(Ot));
     return Pt.length === Ae.length ? Ae : Pt;
-  }, [c]), Y = ie(() => {
+  }, [c]), q = ie(() => {
     const ve = tn({ message: c, viewerLanguage: b });
     return ve === c.text ? c : { ...c, text: ve };
   }, [c, b]);
@@ -1661,7 +1661,7 @@ const Ma = ({ size: e = 15 }) => /* @__PURE__ */ n(
         "data-dd-privacy": "mask",
         children: [
           R && /* @__PURE__ */ n(R, {}),
-          !!P && /* @__PURE__ */ n(q, { reminder: P }),
+          !!P && /* @__PURE__ */ n(W, { reminder: P }),
           c.user && /* @__PURE__ */ n(
             ne,
             {
@@ -1728,7 +1728,7 @@ const Ma = ({ size: e = 15 }) => /* @__PURE__ */ n(
                 c.text && /* @__PURE__ */ n("div", { className: "str-chat__message-bubble", children: /* @__PURE__ */ n(
                   jt,
                   {
-                    message: Y,
+                    message: q,
                     renderText: v
                   }
                 ) })
@@ -1752,16 +1752,16 @@ const Ma = ({ size: e = 15 }) => /* @__PURE__ */ n(
                     attachments: U
                   }
                 ) : null,
-                W ? /* @__PURE__ */ n(
+                Y ? /* @__PURE__ */ n(
                   w,
                   {
-                    message: Y,
+                    message: q,
                     renderText: v
                   }
                 ) : /* @__PURE__ */ n(
                   jt,
                   {
-                    message: Y,
+                    message: q,
                     renderText: v
                   }
                 ),
@@ -2580,22 +2580,24 @@ const ue = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
   var w, R, G, H;
   const { channel: y } = ce(), { client: A } = de(), I = j.useMemo(
     () => {
-      var W;
+      var Y;
       return Oe(
-        (W = y.state) == null ? void 0 : W.members,
+        (Y = y.state) == null ? void 0 : Y.members,
         A == null ? void 0 : A.userID,
         y.type
       );
     },
     [(w = y.state) == null ? void 0 : w.members, A == null ? void 0 : A.userID, y.type]
   ), C = j.useMemo(() => {
-    var Y;
-    const W = A == null ? void 0 : A.userID;
-    return W ? Object.values(((Y = y.state) == null ? void 0 : Y.members) || {}).find((Z) => {
+    var q;
+    const Y = A == null ? void 0 : A.userID;
+    return Y ? Object.values(((q = y.state) == null ? void 0 : q.members) || {}).find((Z) => {
       var re;
-      return ((re = Z.user) == null ? void 0 : re.id) === W;
+      return ((re = Z.user) == null ? void 0 : re.id) === Y;
     }) : void 0;
-  }, [A == null ? void 0 : A.userID, (R = y.state) == null ? void 0 : R.members]), S = ((G = C == null ? void 0 : C.user) == null ? void 0 : G.is_account) ?? (C == null ? void 0 : C.is_account), O = ((H = I == null ? void 0 : I.user) == null ? void 0 : H.is_account) ?? (I == null ? void 0 : I.is_account), F = M && S === !1 && O === !0, B = y.state.messages.length > 0, J = p ? /* @__PURE__ */ n(j.Fragment, { children: p() }, "lt-channel-banner") : null, ee = P ? /* @__PURE__ */ n(
+  }, [A == null ? void 0 : A.userID, (R = y.state) == null ? void 0 : R.members]), S = ((G = C == null ? void 0 : C.user) == null ? void 0 : G.is_account) ?? (C == null ? void 0 : C.is_account), O = ((H = I == null ? void 0 : I.user) == null ? void 0 : H.is_account) ?? (I == null ? void 0 : I.is_account), F = M && S === !1 && O === !0, B = y.state.messages.some(
+    (Y) => Y.type !== "deleted"
+  ), J = p ? /* @__PURE__ */ n(j.Fragment, { children: p() }, "lt-channel-banner") : null, ee = P ? /* @__PURE__ */ n(
     ea,
     {
       onBack: e,
@@ -2615,17 +2617,17 @@ const ue = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
       renderChannelActions: E,
       onParticipantNameClick: P
     }
-  ) : null, q = K(
-    (W) => {
-      const { message: U } = Ce("ChannelView"), Y = /* @__PURE__ */ n(
+  ) : null, W = K(
+    (Y) => {
+      const { message: U } = Ce("ChannelView"), q = /* @__PURE__ */ n(
         $a,
         {
-          ...W,
+          ...Y,
           chatbotVotingEnabled: b,
           viewerLanguage: L
         }
       );
-      return !T || !U ? Y : T(Y, U);
+      return !T || !U ? q : T(q, U);
     },
     [b, T, L]
   );
@@ -2633,7 +2635,7 @@ const ue = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     us,
     {
       overrides: {
-        Message: q,
+        Message: W,
         MessageActions: Ua
       },
       children: /* @__PURE__ */ m(ms, { children: [
@@ -2739,9 +2741,9 @@ const ue = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
     composerInput: B
   }) => {
     const J = K(
-      async (q, w, R) => {
+      async (W, w, R) => {
         var Z;
-        const G = ((Z = e.data) == null ? void 0 : Z.chatbot_paused) === !0, H = x && !G, W = {
+        const G = ((Z = e.data) == null ? void 0 : Z.chatbot_paused) === !0, H = x && !G, Y = {
           ...w,
           ...H && { silent: !0 },
           ...N && {
@@ -2753,22 +2755,22 @@ const ue = "size-10 rounded-full hover:bg-[#E5E4E1] flex items-center justify-ce
         }, U = {
           ...R,
           ...H && { skip_push: !0 }
-        }, Y = await e.sendMessage(W, U);
-        return E == null || E(Y), Y;
+        }, q = await e.sendMessage(Y, U);
+        return E == null || E(q), q;
       },
       [e, x, N, E]
     ), ee = V(null);
     return X(() => {
       if (!A) return;
-      const q = ee.current;
-      if (!q) return;
+      const W = ee.current;
+      if (!W) return;
       const w = (R) => {
-        const G = R.target, H = G == null ? void 0 : G.closest("a[href]"), W = H == null ? void 0 : H.getAttribute("href");
-        if (!W) return;
-        const U = H == null ? void 0 : H.closest("[data-message-id]"), Y = U == null ? void 0 : U.getAttribute("data-message-id"), Z = Y ? e.state.messages.find((re) => re.id === Y) : void 0;
-        A(W, Z);
+        const G = R.target, H = G == null ? void 0 : G.closest("a[href]"), Y = H == null ? void 0 : H.getAttribute("href");
+        if (!Y) return;
+        const U = H == null ? void 0 : H.closest("[data-message-id]"), q = U == null ? void 0 : U.getAttribute("data-message-id"), Z = q ? e.state.messages.find((re) => re.id === q) : void 0;
+        A(Y, Z);
       };
-      return q.addEventListener("click", w), () => q.removeEventListener("click", w);
+      return W.addEventListener("click", w), () => W.removeEventListener("click", w);
     }, [A, e]), /* @__PURE__ */ n(
       "div",
       {
@@ -2877,8 +2879,8 @@ const Oi = ({
     refreshConnection: y,
     service: A,
     debug: I
-  } = js(), [C, S] = $(null), [O, F] = $(null), [B, J] = $(!1), { showDeleteConversation: ee = !0 } = e, q = V(l);
-  q.current = l;
+  } = js(), [C, S] = $(null), [O, F] = $(null), [B, J] = $(!1), { showDeleteConversation: ee = !0 } = e, W = V(l);
+  W.current = l;
   const w = V(a);
   w.current = a;
   const R = V(null), G = V(null);
@@ -2888,11 +2890,11 @@ const Oi = ({
     if (!L || !D) return;
     const U = L.userID;
     if (!U) return;
-    const Y = `${U}::${i}`;
-    if (R.current === Y) return;
-    R.current = Y;
+    const q = `${U}::${i}`;
+    if (R.current === q) return;
+    R.current = q;
     const Z = () => {
-      R.current === Y && (R.current = null);
+      R.current === q && (R.current = null);
     };
     (async () => {
       var ge, pe;
@@ -2916,7 +2918,7 @@ const Oi = ({
           );
           return;
         }
-        const te = q.current;
+        const te = W.current;
         if (!te || !A) {
           Z(), F("No conversation found with this account"), I && console.log(
             "[MessagingShell] No conversation found for:",
@@ -2950,7 +2952,7 @@ const Oi = ({
   }, [i, L, D, A, I]);
   const H = V(r);
   H.current = r;
-  const W = K(() => {
+  const Y = K(() => {
     var U;
     S(null), J(!0), (U = H.current) == null || U.call(H);
   }, []);
@@ -2967,8 +2969,8 @@ const Oi = ({
       renderMessageInputActions: t,
       renderConversationFooter: s,
       renderChannelBanner: _,
-      onLeaveConversation: W,
-      onBlockParticipant: W,
+      onLeaveConversation: Y,
+      onBlockParticipant: Y,
       CustomChannelEmptyState: o,
       showDeleteConversation: ee,
       onBlockParticipantClick: d,
@@ -4874,4 +4876,4 @@ export {
   ot as y,
   st as z
 };
-//# sourceMappingURL=index-gnuITMC7.js.map
+//# sourceMappingURL=index-CxGOKFnx.js.map