@ethora/chat-component 26.10.6 → 26.10.7

package/dist/UserProfileModal-B8KtGnwZ.js

@@ -1,594 +0,0 @@
-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, x as J, z as ye, C as xe, D as we, P as re, I as H, E as D, F as Ce, G as Se, J as Ie, K as te, L as De, N as Ne, O as ke, Q as Ue, u as Q, R as Fe, S as Pe, T as Ae, U as Re, W as Y, y as Z, X as ze, Y as je, Z as Be, h as $e, B as X, _ as Ee, $ as Oe, a0 as Te, a1 as ee, a2 as R, a3 as Le, a4 as Me, V as He, A as Xe, a5 as We, a6 as Je, a7 as Ke, a8 as Ve } from "./main-36gqdbJ8.js";
-import { D as E, a as W, b as Ge, e as _e, f as qe, S as Qe } from "./SideDrawer-Cl-vbuIG.js";
-import { P as ne, a as Ye, D as Ze, b as eo, h as oo } from "./handleCopyClick-Crn2jEEu.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(), q = [r.firstName, t.name?.split(" ")?.[0]].sort().join(" and "), A = await l.createPrivateRoomStanza(
-      q,
-      `Private chat ${q}`,
-      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 _ = k instanceof Error ? k.message : e("toast.failedToCreateCall");
-        i($e(_));
-      }
-    },
-    [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(_e, { children: [
-          /* @__PURE__ */ o(qe, { 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
-};