@ethora/chat-component 26.7.6 → 26.7.8

package/dist/UserProfileModal-CUcGYJb9.js

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

package/dist/{UserSettingsModal-OcAJao-d.js → UserSettingsModal-LWwOt5TY.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-B-8IhwaP.js";
-import { S as b, D as u, a as k, b as y, c as S, d as f } from "./SideDrawer-Dr_lkaOW.js";
+import { n as g, a as p, o as w, M as r } from "./main-SdAeI1xI.js";
+import { S as b, D as u, a as k, b as y, c as S, d as f } from "./SideDrawer-DWeOHKWM.js";
 const T = ({
   handleCloseModal: l
 }) => {

package/dist/{VideoCallOverlay-CC4sShdK.js → VideoCallOverlay-Dw_ydJ2K.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-B-8IhwaP.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-SdAeI1xI.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-DkMhx_2k.js → VisibilityModal-D06gXwjS.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 { x as o, a as L, n as P, u as z, aF as D, aG as I } from "./main-B-8IhwaP.js";
-import { S as N, D as C, a as w, b as O, e as S, f as p } from "./SideDrawer-Dr_lkaOW.js";
+import { v as o, a as L, n as P, u as z, aD as D, aE as I } from "./main-SdAeI1xI.js";
+import { S as N, D as C, a as w, b as O, e as S, f as p } from "./SideDrawer-DWeOHKWM.js";
 o.div``;
 o.div`
   font-size: 16px;

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

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { IConfig, IMessage } from '../../types/types';
+interface ChatRoomOpeningPreviewProps {
+    seedMessage: IMessage;
+    config?: IConfig;
+    xmppUsername: string;
+    isReply: boolean;
+    CustomMessage?: React.ComponentType<{
+        message: IMessage;
+        isUser: boolean;
+        $isUser?: boolean;
+        isReply: boolean;
+    }>;
+    /**
+     * Whether history is still on its way. The loader above the seeded message
+     * stands in for the rest of the conversation, so it must disappear once the
+     * room has settled. Some rooms keep the seed forever: `chats/my` reports a
+     * last message while their MAM archive is empty, and a permanent spinner
+     * there would promise messages that are never going to arrive.
+     */
+    loading?: boolean;
+}
+export declare const ChatRoomOpeningPreview: React.FC<ChatRoomOpeningPreviewProps>;
+export default ChatRoomOpeningPreview;

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

@@ -1,5 +1,6 @@
 import { default as React, FC } from 'react';
 import { IConfig, IRoom } from '../../types/types';
+export declare const THREE_COLUMN_MIN_WIDTH_PX = 1280;
 interface ChatWrapperProps {
     token?: string;
     room?: IRoom;

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

@@ -2,4 +2,14 @@ export declare const ChooseChatMessageContainer: import('styled-components/dist/
 export declare const ChooseChatMessageContainerBoxText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ChooseChatTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ChooseChatDescription: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ChooseChatMessage: () => import("react/jsx-runtime").JSX.Element;
+interface ChooseChatMessageProps {
+    /**
+     * True when a specific room WAS requested (a QR code, a shared link, a
+     * `roomJID` prop) but is not available to this user. Without this the
+     * failure rendered as the ordinary "pick a chat" placeholder, so a dead
+     * or members-only link looked exactly like an idle chat pane.
+     */
+    unavailable?: boolean;
+}
+export declare const ChooseChatMessage: ({ unavailable }?: ChooseChatMessageProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Modals/Modal/Modal.d.ts

@@ -5,5 +5,15 @@ interface ModalProps {
     modal?: string;
     setOpenModal: (value?: ModalType) => any;
 }
+/**
+ * Host for the store-driven modals that really are centred dialogs: the file
+ * preview / lightbox. The profile, user, settings, Manage Data and Visibility
+ * panels used to render here too, parked against the right edge of this same
+ * full-viewport overlay, which is exactly why they covered the conversation.
+ * They are rendered by `SidePanel` instead now, as a column of the chat's own
+ * flex row, so opening one shrinks the chat rather than hiding it. This
+ * component deliberately renders nothing for those types so they can never be
+ * painted twice.
+ */
 declare const Modal: React.FC<ModalProps>;
 export default Modal;

package/dist/components/Modals/Modal/ModalContent.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+import { ModalType } from '../../../types/types';
+/**
+ * The store-driven modal router, minus any opinion about WHERE the panel is
+ * painted.
+ *
+ * There are two hosts for it now and they place their content very
+ * differently: `Modal.tsx` paints a centred dialog on top of everything
+ * inside a scrim, while `SidePanel.tsx` paints a column that takes part in
+ * the chat's flex row (so opening a profile shrinks the chat instead of
+ * covering it). Everything else - which component is open, stepping a
+ * settings sub-panel back to Settings, Escape, and moving focus into a
+ * lazily-loaded chunk once it actually mounts - is identical, so it lives
+ * here once rather than being copied into both hosts.
+ */
+interface ModalContentProps {
+    modal: string;
+    setOpenModal: (value?: ModalType) => any;
+}
+declare const ModalContent: React.FC<ModalContentProps>;
+export default ModalContent;