@ethora/chat-component 26.7.6 → 26.7.7

package/dist/UserProfileModal-Q_jhXpsX.js

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

package/dist/handleCopyClick-CpmPa6VI.js

@@ -1,32 +0,0 @@
-import { x as e } from "./main-B-8IhwaP.js";
-const a = e.div`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: var(--ethora-space-3, 12px);
-  padding: var(--ethora-space-2, 8px) 0 var(--ethora-space-1, 4px);
-  text-align: center;
-`, r = e.div`
-  font-size: var(--ethora-font-size-lg, 18px);
-  font-weight: var(--ethora-font-weight-semibold, 600);
-  color: var(--ethora-color-text, #141414);
-  overflow-wrap: anywhere;
-`, i = e.div`
-  font-size: var(--ethora-font-size-sm, 14px);
-  font-weight: var(--ethora-font-weight-regular, 400);
-  color: var(--ethora-color-text-muted, #8c8c8c);
-`, c = e.div`
-  display: flex;
-  flex-direction: column;
-  gap: var(--ethora-space-2, 8px);
-  width: 100%;
-`, l = (o) => {
-  navigator.clipboard.writeText(o);
-};
-export {
-  a as P,
-  r as a,
-  c as b,
-  i as c,
-  l as h
-};