@ethora/chat-component 26.7.9 → 26.8.2

package/dist/UserProfileModal-a_O8hh1O.js

@@ -0,0 +1,594 @@
+import { jsxs as u, Fragment as $, jsx as o } from "react/jsx-runtime";
+import { forwardRef as ge, useState as I, useCallback as y, useImperativeHandle as ve, useRef as ae, useMemo as M } from "react";
+import { a as be, n as J, p as ye, q as xe, t as we, P as re, I as H, v as D, w as Ce, x as Se, y as Ie, z as te, C as De, D as Ne, E as ke, F as Ue, u as Q, G as Fe, J as Pe, L as Ae, K as Re, N as Y, o as Z, O as ze, Q as je, R as Be, s as $e, B as X, S as Ee, T as Oe, U as Te, W as ee, X as R, Y as Le, Z as Me, V as He, A as Xe, _ as We, $ as Je, a0 as Ke, a1 as Ve } from "./main-DkokKp7d.js";
+import { D as E, a as W, b as Ge, e as qe, f as _e, S as Qe } from "./SideDrawer-mSCnYOgy.js";
+import { P as ne, a as Ye, D as Ze, b as eo, h as oo } from "./handleCopyClick-tizCFAb8.js";
+const ao = (c, i) => {
+  const l = atob(c.split(",")[1]), g = new ArrayBuffer(l.length), e = new Uint8Array(g);
+  for (let r = 0; r < l.length; r++)
+    e[r] = l.charCodeAt(r);
+  const n = new Blob([e], { type: "image/jpeg" });
+  return new File([n], i, { type: "image/jpeg" });
+}, ro = D.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--ethora-space-4, 16px);
+  width: 100%;
+`, se = ge(
+  ({ setIsEditing: c, modalUser: i, config: l }, g) => {
+    const e = be(), n = J(), [r, t] = I(i?.firstName || ""), [f, U] = I(i?.lastName || ""), [b, w] = I(i?.description || ""), [v, x] = I(
+      i?.profileImage
+    ), C = y(async () => {
+      try {
+        let s = new FormData();
+        if (typeof v == "string" && v.startsWith("data:image/")) {
+          const F = ao(v, "profileImage.jpg");
+          s.append("file", F);
+        } else v instanceof File && s.append("file", v);
+        s.append("firstName", r), s.append("lastName", f), s.append("description", b);
+        const { user: N } = await ye(s);
+        e(
+          xe({
+            updates: {
+              firstName: r,
+              lastName: f,
+              description: b,
+              profileImage: N?.profileImage
+            }
+          })
+        ), c(!1);
+      } catch (s) {
+        we.log("error", s);
+      }
+    }, [
+      e,
+      b,
+      r,
+      f,
+      v,
+      c
+    ]);
+    ve(g, () => ({ save: C }), [C]);
+    const S = (s) => {
+      x(s);
+    };
+    return /* @__PURE__ */ u($, { children: [
+      /* @__PURE__ */ o(ne, { children: /* @__PURE__ */ o(
+        re,
+        {
+          icon: v,
+          name: `${r} ${f}`,
+          size: 96,
+          upload: {
+            onUpload: S,
+            active: !0
+          }
+        }
+      ) }),
+      /* @__PURE__ */ o(E, { children: /* @__PURE__ */ u(ro, { children: [
+        /* @__PURE__ */ o(
+          H,
+          {
+            color: l?.colors?.primary,
+            colorBg: l?.colors?.colorInput,
+            placeholder: n("field.firstName"),
+            label: n("field.firstName"),
+            value: r,
+            onChange: (s) => t(s.target.value)
+          }
+        ),
+        /* @__PURE__ */ o(
+          H,
+          {
+            color: l?.colors?.primary,
+            colorBg: l?.colors?.colorInput,
+            placeholder: n("field.lastName"),
+            label: n("field.lastName"),
+            value: f,
+            onChange: (s) => U(s.target.value)
+          }
+        ),
+        /* @__PURE__ */ o(
+          H,
+          {
+            color: l?.colors?.primary,
+            colorBg: l?.colors?.colorInput,
+            placeholder: n("modal.profile.about"),
+            label: n("modal.profile.about"),
+            value: b,
+            onChange: (s) => w(s.target.value)
+          }
+        )
+      ] }) })
+    ] });
+  }
+);
+se.displayName = "EditUserModal";
+const to = te`
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(180deg);
+  }
+`, no = te`
+  from {
+    transform: rotate(180deg);
+  }
+  to {
+    transform: rotate(0deg);
+  }
+`, so = D.div`
+  position: relative;
+  width: 100%;
+`, io = D.div`
+  border: 1px solid
+    ${({ $borderColor: c, $isOpen: i }) => i ? c || "var(--ethora-color-primary, #0052cd)" : c || "var(--ethora-color-border, #e6e8ec)"};
+  padding: 0 16px;
+  height: 48px;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  background-color: var(--ethora-color-bg, #fff);
+  color: var(--ethora-color-text, #141414);
+  font-size: var(--ethora-font-size, 16px);
+  border-radius: var(--ethora-radius-md, 16px);
+  transition:
+    border-color var(--ethora-motion-fast, 150ms) var(--ethora-motion-ease, ease),
+    box-shadow var(--ethora-motion-fast, 150ms) var(--ethora-motion-ease, ease);
+
+  ${({ $isOpen: c }) => c && Se`
+      outline: 2px solid var(--ethora-color-primary, #0052cd);
+      outline-offset: 1px;
+    `}
+
+  &:focus-visible {
+    outline: 2px solid var(--ethora-color-primary, #0052cd);
+    outline-offset: 1px;
+  }
+`, lo = D.span`
+  color: var(--ethora-color-text-muted, #8c8c8c);
+`, co = D.span`
+  margin-left: 10px;
+  display: inline-block;
+  color: var(--ethora-color-text-muted, #8c8c8c);
+  font-size: 12px;
+  animation: ${(c) => c.$isOpen ? to : no} 0.3s ease
+    forwards;
+`, po = D.div`
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  border: 1px solid var(--ethora-color-border, #e6e8ec);
+  background-color: var(--ethora-color-bg, #fff);
+  max-height: 200px;
+  overflow-y: auto;
+  margin-top: 4px;
+  border-radius: var(--ethora-radius-md, 16px);
+  box-shadow: var(--ethora-shadow-md, 0 4px 12px rgba(16, 24, 40, 0.1));
+  z-index: 100;
+  ${Ie}
+`, mo = D.input`
+  width: 100%;
+  padding: 12px 16px;
+  border: none;
+  border-bottom: 1px solid var(--ethora-color-border, #e6e8ec);
+  outline: none;
+  box-sizing: border-box;
+  font-size: var(--ethora-font-size-sm, 14px);
+  background: transparent;
+  color: var(--ethora-color-text, #141414);
+
+  &::placeholder {
+    color: var(--ethora-color-text-muted, #8c8c8c);
+  }
+`, oe = D.div`
+  padding: 12px 16px;
+  cursor: pointer;
+  font-size: var(--ethora-font-size-sm, 14px);
+  color: var(--ethora-color-text, #141414);
+  background-color: ${({ $selected: c }) => c ? "var(--ethora-color-primary-soft, #e7edf9)" : "transparent"};
+  transition: background-color var(--ethora-motion-fast, 150ms);
+
+  &:hover {
+    background-color: ${({ $selected: c }) => c ? "var(--ethora-color-primary-soft, #e7edf9)" : "var(--ethora-color-bg-hover, #f0f2f5)"};
+  }
+`, ho = ({
+  options: c,
+  placeholder: i,
+  onSelect: l,
+  accentColor: g,
+  selectedValue: e
+}) => {
+  const n = J(), [r, t] = I(!1), [f, U] = I(
+    e
+  ), [b, w] = I(""), v = ae(null), x = () => t((a) => !a), C = (a) => {
+    U(a), l(a), t(!1), w("");
+  }, S = c.filter(
+    (a) => a.name.toLowerCase().includes(b.toLowerCase())
+  ), s = y(() => t(!1), []);
+  Ce({
+    enabled: r,
+    onClose: s,
+    kind: "menu",
+    insideRefs: [v],
+    closeOnOutsidePress: !0
+  });
+  const N = (a) => {
+    a.key === "Enter" || a.key === " " ? (a.preventDefault(), x()) : a.key === "Escape" && r && t(!1);
+  }, F = (a, P) => {
+    (a.key === "Enter" || a.key === " ") && (a.preventDefault(), C(P));
+  };
+  return /* @__PURE__ */ u(so, { ref: v, children: [
+    /* @__PURE__ */ u(
+      io,
+      {
+        $isOpen: r,
+        onClick: x,
+        onKeyDown: N,
+        $borderColor: g,
+        role: "button",
+        tabIndex: 0,
+        "aria-haspopup": "listbox",
+        "aria-expanded": r,
+        children: [
+          f ? /* @__PURE__ */ o("span", { children: f.name }) : /* @__PURE__ */ o(lo, { children: i }),
+          /* @__PURE__ */ o(co, { style: { color: g }, $isOpen: r, children: "▼" })
+        ]
+      }
+    ),
+    r && /* @__PURE__ */ u(po, { role: "listbox", children: [
+      /* @__PURE__ */ o(
+        mo,
+        {
+          type: "text",
+          placeholder: n("search.placeholder"),
+          value: b,
+          onChange: (a) => w(a.target.value)
+        }
+      ),
+      S.length > 0 ? S.map((a) => /* @__PURE__ */ o(
+        oe,
+        {
+          onClick: () => C(a),
+          onKeyDown: (P) => F(P, a),
+          role: "option",
+          tabIndex: 0,
+          "aria-selected": f?.id === a.id,
+          $selected: f?.id === a.id,
+          children: a.name
+        },
+        a.id
+      )) : /* @__PURE__ */ o(oe, { children: n("select.noOptions") })
+    ] })
+  ] });
+}, yo = ({
+  handleCloseModal: c
+}) => {
+  const i = De(), { client: l } = Ne();
+  ke();
+  const { showToast: g } = Ue(), e = J(), { config: n, user: r, selectedUser: t, langSource: f } = Q(
+    (d) => d.chatSettingStore
+  ), U = Q((d) => d.call.phase), [b, w] = I(!1), v = ae(null), x = n?.videoCalls, C = n?.e2ee?.enabled === !0, S = x?.enabled === !0 && !!x?.livekitUrl?.trim() && (x?.allowedRoomTypes || ["private"]).includes("private"), s = S && x?.enableAudioCalls === !0, N = U !== "idle", F = y(() => {
+    i(Fe()), c();
+  }, []), a = y(() => {
+    Pe.performLogout();
+  }, []), P = M(
+    () => [
+      {
+        label: e("action.logOut"),
+        icon: /* @__PURE__ */ o(Ae, {}),
+        onClick: () => {
+          a();
+        },
+        styles: { color: "var(--ethora-color-danger, #D92D20)" }
+      }
+    ],
+    [a, e]
+  ), ie = (d) => {
+    i(Ve(d.id));
+  }, le = y(() => {
+    w(!0);
+  }, []), ce = async (d, h) => {
+    try {
+      const p = We(
+        d,
+        n?.xmppSettings?.conference,
+        h
+      );
+      if (!p || !p.jid)
+        return console.error(
+          "handleRoomCreation: failed to normalize new private room",
+          d
+        ), g({
+          id: Date.now().toString(),
+          title: e("toast.error"),
+          message: e("toast.couldNotOpenPrivateChat"),
+          type: "error",
+          duration: 4e3
+        }), null;
+      if (i(
+        Je({
+          room: p,
+          xmpp: l
+        })
+      ), l && p.jid) {
+        try {
+          await l.presenceInRoomStanza(p.jid);
+        } catch (k) {
+          console.warn("presenceInRoomStanza failed (non-fatal):", k);
+        }
+        try {
+          l.getHistoryStanza(p.jid, 10);
+        } catch (k) {
+          console.warn("getHistoryStanza failed (non-fatal):", k);
+        }
+      }
+      return i(Ke({ roomJID: p.jid })), g({
+        id: Date.now().toString(),
+        title: e("toast.success"),
+        message: e("toast.roomCreatedSuccess"),
+        type: "success",
+        duration: 3e3
+      }), { jid: p.jid };
+    } catch (p) {
+      return console.error("Error handling room creation:", p), null;
+    }
+  }, z = y(async (d = !1) => {
+    const h = String(
+      t?.name || `${t?.firstName || ""} ${t?.lastName || ""}`
+    ).trim() || "";
+    if (n?.newArch !== !1) {
+      const T = t?.xmppUsername || t?.userJID || t?.id;
+      if (!T)
+        return g({
+          id: Date.now().toString(),
+          title: e("toast.error"),
+          message: e("toast.couldNotResolveRecipient"),
+          type: "error",
+          duration: 4e3
+        }), null;
+      try {
+        const B = await Re(T, d), L = await ce(B, 2);
+        return L?.jid ? {
+          jid: L.jid,
+          bareName: L.jid.split("@")[0],
+          peerXmppUsername: String(T).split("@")[0],
+          peerDisplay: h
+        } : null;
+      } catch (B) {
+        return console.error("postPrivateRoom failed:", B), g({
+          id: Date.now().toString(),
+          title: e("toast.error"),
+          message: B?.message || e("toast.failedToCreatePrivateChat"),
+          type: "error",
+          duration: 4e3
+        }), null;
+      }
+    }
+    const p = Y(t.id), ue = [Y(r.defaultWallet.walletAddress), p].sort().join(".").toLowerCase(), _ = [r.firstName, t.name?.split(" ")?.[0]].sort().join(" and "), A = await l.createPrivateRoomStanza(
+      _,
+      `Private chat ${_}`,
+      ue
+    );
+    return A && (await l.inviteRoomRequestStanza(p, A), await l.getRoomsStanza()), A ? {
+      jid: A,
+      bareName: String(A).split("@")[0],
+      peerXmppUsername: p,
+      peerDisplay: h
+    } : null;
+  }, [t, n?.newArch, l, r]), j = y(
+    async (d) => {
+      g({
+        id: Date.now().toString(),
+        title: e("toast.roomCreationTitle"),
+        message: e("toast.roomCreating"),
+        type: "info",
+        duration: 3e3
+      }), await z(d), i(Z());
+    },
+    [z, i, g, e]
+  ), K = y(
+    () => j(!1),
+    [j]
+  ), V = y(
+    () => j(!0),
+    [j]
+  ), O = y(
+    async (d) => {
+      const h = await z();
+      if (!h) return;
+      const p = h.peerDisplay || h.bareName;
+      i(
+        ze({
+          roomJid: h.jid,
+          roomName: p,
+          roomBareName: h.bareName,
+          kind: d,
+          peerXmppUsername: h.peerXmppUsername || null
+        })
+      ), h.peerXmppUsername && je(d, {
+        peerXmppUsername: h.peerXmppUsername,
+        roomBareName: h.bareName
+      }), i(Z());
+      try {
+        await Be(h.bareName, { kind: d });
+      } catch (k) {
+        const q = k instanceof Error ? k.message : e("toast.failedToCreateCall");
+        i($e(q));
+      }
+    },
+    [z, i, e]
+  ), m = t ?? r, de = () => {
+    if (f)
+      return ee.find((d) => d.id === f);
+  }, pe = t ? void 0 : /* @__PURE__ */ u($, { children: [
+    /* @__PURE__ */ o(X, { onClick: le, "aria-label": e("action.editProfile"), children: /* @__PURE__ */ o(Ee, { color: "var(--ethora-color-text-muted, #8C8C8C)" }) }),
+    /* @__PURE__ */ o(
+      Oe,
+      {
+        options: P,
+        position: "left",
+        menuIcon: /* @__PURE__ */ o(Te, {})
+      }
+    )
+  ] }), me = /* @__PURE__ */ u($, { children: [
+    /* @__PURE__ */ o(
+      X,
+      {
+        variant: "ghost",
+        onClick: () => w(!1),
+        style: { width: "auto", padding: "0 var(--ethora-space-3, 12px)" },
+        children: e("action.cancel")
+      }
+    ),
+    /* @__PURE__ */ o(
+      X,
+      {
+        variant: "filled",
+        onClick: () => {
+          v.current?.save();
+        },
+        style: { width: "auto", padding: "0 var(--ethora-space-4, 16px)" },
+        children: e("action.save")
+      }
+    )
+  ] }), G = t && t.xmppUsername !== r.xmppUsername && !n?.disableProfilesInteractions, he = M(
+    () => /* @__PURE__ */ u($, { children: [
+      /* @__PURE__ */ u(ne, { children: [
+        /* @__PURE__ */ o(
+          re,
+          {
+            icon: m?.profileImage ?? null,
+            name: m?.name ?? m?.firstName,
+            size: 96
+          }
+        ),
+        /* @__PURE__ */ o(Ye, { children: m?.name ? `${m?.name}` : `${m?.firstName} ${m?.lastName}` })
+      ] }),
+      /* @__PURE__ */ u(E, { children: [
+        /* @__PURE__ */ o(W, { children: e("modal.profile.about") }),
+        /* @__PURE__ */ o(
+          Ze,
+          {
+            $empty: !(m?.description && m?.description?.length > 4),
+            children: m?.description && m?.description?.length > 4 ? m.description : e("modal.profile.noDescription")
+          }
+        )
+      ] }),
+      !t && n?.translates?.enabled && /* @__PURE__ */ u(E, { children: [
+        /* @__PURE__ */ o(W, { children: e("modal.profile.preferences") }),
+        /* @__PURE__ */ o(Ge, { children: /* @__PURE__ */ u(qe, { children: [
+          /* @__PURE__ */ o(_e, { children: e("modal.profile.languageHint") }),
+          /* @__PURE__ */ o(
+            ho,
+            {
+              options: ee,
+              placeholder: e("language.select"),
+              onSelect: ie,
+              accentColor: n?.colors?.primary,
+              selectedValue: de()
+            }
+          )
+        ] }) })
+      ] }),
+      G && /* @__PURE__ */ u(E, { children: [
+        /* @__PURE__ */ o(W, { children: e("modal.profile.actions") }),
+        /* @__PURE__ */ u(eo, { children: [
+          /* @__PURE__ */ o(
+            R,
+            {
+              StartIcon: /* @__PURE__ */ o(Le, {}),
+              onClick: K,
+              variant: "filled",
+              children: e("action.message")
+            }
+          ),
+          C && /* @__PURE__ */ o(
+            R,
+            {
+              StartIcon: /* @__PURE__ */ o(Me, { color: "var(--ethora-color-text-on-primary, #FFFFFF)" }),
+              onClick: V,
+              variant: "filled",
+              children: e("action.encryptedMessage")
+            }
+          ),
+          S && /* @__PURE__ */ o(
+            R,
+            {
+              StartIcon: /* @__PURE__ */ o(He, { color: "var(--ethora-color-text-on-primary, #FFFFFF)" }),
+              onClick: () => {
+                O("video");
+              },
+              disabled: N,
+              variant: "filled",
+              children: e(s ? "action.videoCall" : "action.call")
+            }
+          ),
+          s && /* @__PURE__ */ o(
+            R,
+            {
+              StartIcon: /* @__PURE__ */ o(Xe, { color: "var(--ethora-color-text-on-primary, #FFFFFF)" }),
+              onClick: () => {
+                O("audio");
+              },
+              disabled: N,
+              variant: "filled",
+              children: e("action.audioCall")
+            }
+          ),
+          /* @__PURE__ */ o(
+            R,
+            {
+              onClick: () => oo(t.id),
+              variant: "outlined",
+              children: e("action.copyUserId")
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    [
+      m,
+      S,
+      s,
+      N,
+      O,
+      K,
+      V,
+      C,
+      t,
+      G,
+      r,
+      n,
+      f,
+      e
+    ]
+  ), fe = M(
+    () => /* @__PURE__ */ o(
+      se,
+      {
+        ref: v,
+        setIsEditing: w,
+        modalUser: m,
+        config: n
+      }
+    ),
+    [m]
+  );
+  return /* @__PURE__ */ o(
+    Qe,
+    {
+      title: e("modal.profile.title"),
+      onClose: F,
+      headerActions: b ? me : pe,
+      children: b ? fe : he
+    }
+  );
+};
+export {
+  yo as default
+};

package/dist/{UserSettingsModal-CjkqSAhD.js → UserSettingsModal-92nP1add.js}

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as n } from "react/jsx-runtime";
 import m, { useCallback as D, useMemo as h } from "react";
-import { n as g, a as p, o as w, M as r } from "./main-BNdWGLpK.js";
-import { S as b, D as u, a as k, b as y, c as S, d as f } from "./SideDrawer-CT108Ag1.js";
+import { n as g, a as p, o as w, M as r } from "./main-DkokKp7d.js";
+import { S as b, D as u, a as k, b as y, c as S, d as f } from "./SideDrawer-mSCnYOgy.js";
 const T = ({
   handleCloseModal: l
 }) => {

package/dist/{VideoCallOverlay-D2u_n0s-.js → VideoCallOverlay-DYd3pFuD.js}

@@ -1,7 +1,7 @@
 import { jsxs as z, jsx as M, Fragment as xi } from "react/jsx-runtime";
 import * as F from "react";
 import { useState as zt, useRef as be, useEffect as ge, useMemo as ln, useCallback as mi } from "react";
-import { u as Qi, P as Kn, H as Oi, a as Hd, b as zd, s as po, c as Kd, d as Gd, e as fo, f as Jd, g as Yd, h as mo, i as $d, j as Xd, r as go, k as Qd, l as Zd, A as vo, V as bo, B as eu } from "./main-BNdWGLpK.js";
+import { u as Qi, P as Kn, H as Oi, a as Hd, b as zd, s as po, c as Kd, d as Gd, e as fo, f as Jd, g as Yd, h as mo, i as $d, j as Xd, r as go, k as Qd, l as Zd, A as vo, V as bo, B as eu } from "./main-DkokKp7d.js";
 function tu(n, e) {
   return e.forEach(function(t) {
     t && typeof t != "string" && !Array.isArray(t) && Object.keys(t).forEach(function(i) {

package/dist/{VisibilityModal-BsbvHoF6.js → VisibilityModal-BKI5XKir.js}

@@ -1,7 +1,7 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { useState as b, useEffect as x } from "react";
-import { v as o, a as L, n as P, u as z, aD as D, aE as I } from "./main-BNdWGLpK.js";
-import { S as N, D as C, a as w, b as O, e as S, f as p } from "./SideDrawer-CT108Ag1.js";
+import { v as o, a as L, n as P, u as z, aE as D, aF as I } from "./main-DkokKp7d.js";
+import { S as N, D as C, a as w, b as O, e as S, f as p } from "./SideDrawer-mSCnYOgy.js";
 o.div``;
 o.div`
   font-size: 16px;

package/dist/assets/icons.d.ts

@@ -172,3 +172,11 @@ export declare const ZoomResetIcon: ({ color, ...props }: {
     [x: string]: any;
     color?: string;
 }) => import("react/jsx-runtime").JSX.Element;
+export declare const LockIcon: ({ color, ...props }: {
+    [x: string]: any;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const LockOffIcon: ({ color, ...props }: {
+    [x: string]: any;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/MainComponents/AttachmentList.d.ts

@@ -2,6 +2,11 @@ import { default as React } from 'react';
 import { IAttachment } from '../../types/types';
 interface AttachmentListProps {
     attachments: IAttachment[];
+    /** See CustomMessageImage's `onUnavailable` - only wired to the full-width
+     * single-image renderer (AttachmentRow), not the multi-file grid tiles,
+     * since one dead thumbnail there shouldn't tombstone a message that still
+     * has other live attachments. */
+    onUnavailable?: () => void;
 }
 declare const AttachmentList: React.FC<AttachmentListProps>;
 export default AttachmentList;

package/dist/components/styled/MessageImage.d.ts

@@ -4,6 +4,16 @@ interface CustomMessageImageProps {
     fileName: string;
     mimetype: string;
     locationPreview?: string;
+    /**
+     * Called only once the server itself says the file is gone (404/410),
+     * not merely when the <img> failed to load. The only known cause in
+     * practice is the file having been deleted from the Files panel without
+     * a matching message found locally to tombstone up front (see
+     * FilesPanel.tsx's handleDelete) - the caller uses this to flip the
+     * message to the normal "deleted" placeholder instead of leaving this
+     * broken-image card on screen.
+     */
+    onUnavailable?: () => void;
 }
 declare const CustomMessageImage: React.FC<CustomMessageImageProps>;
 export default CustomMessageImage;

package/dist/e2ee/crypto.d.ts

@@ -0,0 +1,32 @@
+import { concatBytes, randomBytes } from '@noble/hashes/utils.js';
+export { concatBytes, randomBytes };
+export interface KeyPair {
+    priv: Uint8Array;
+    pub: Uint8Array;
+}
+/** Ed25519 identity key; `seed` is the 32-byte Ed25519 secret key. */
+export interface IdentityKey {
+    seed: Uint8Array;
+    pub: Uint8Array;
+}
+export declare function hkdfSha256(ikm: Uint8Array, salt: Uint8Array | undefined, info: string, length: number): Uint8Array<ArrayBufferLike> & Uint8Array<ArrayBuffer>;
+export declare function hmacSha256(key: Uint8Array, data: Uint8Array): Uint8Array;
+/** AES-256-CBC with PKCS#7 padding. */
+export declare function aesEncrypt(key: Uint8Array, iv: Uint8Array, data: Uint8Array): Uint8Array;
+export declare function aesDecrypt(key: Uint8Array, iv: Uint8Array, data: Uint8Array): Uint8Array;
+export declare function generateKeyPair(): KeyPair;
+export declare function generateIdentity(): IdentityKey;
+/** X25519; throws on low-order public keys. */
+export declare function dh(priv: Uint8Array, pub: Uint8Array): Uint8Array;
+/** The X25519 form of an identity key, for X3DH. */
+export declare function identityDhPrivate(identity: IdentityKey): Uint8Array;
+export declare function identityDhPublic(identityPub: Uint8Array): Uint8Array;
+export declare function sign(identity: IdentityKey, message: Uint8Array): Uint8Array;
+export declare function verify(signature: Uint8Array, message: Uint8Array, identityPub: Uint8Array): boolean;
+/** Constant-time comparison. */
+export declare function bytesEqual(a: Uint8Array, b: Uint8Array): boolean;
+export declare function toBase64(bytes: Uint8Array): string;
+export declare function fromBase64(text: string): Uint8Array;
+export declare function toHex(bytes: Uint8Array): string;
+/** Random integer in [min, max]. */
+export declare function randomInt(min: number, max: number): number;