@ethora/chat-component 26.7.4 → 26.7.6

package/dist/UserProfileModal-Q_jhXpsX.js

@@ -0,0 +1,568 @@
+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/UserSettingsModal-OcAJao-d.js

@@ -0,0 +1,50 @@
+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";
+const T = ({
+  handleCloseModal: l
+}) => {
+  const t = g(), s = p(), o = D(
+    (e) => {
+      s(w(e));
+    },
+    [s]
+  ), c = h(
+    () => [
+      {
+        title: t("settings.section.privacy"),
+        rows: [
+          {
+            key: r.MANAGE_DATA,
+            label: t("settings.manageData.title"),
+            hint: t("settings.manageData.rowHint")
+          },
+          {
+            key: r.VISIBILITY,
+            label: t("settings.visibility.title"),
+            hint: t("settings.visibility.rowHint")
+          }
+        ]
+      }
+    ],
+    [t]
+  );
+  return /* @__PURE__ */ i(b, { title: t("settings.menu.title"), onClose: l, children: c.map((e) => /* @__PURE__ */ n(u, { children: [
+    /* @__PURE__ */ i(k, { children: e.title }),
+    /* @__PURE__ */ i(y, { children: e.rows.map((a, d) => /* @__PURE__ */ n(m.Fragment, { children: [
+      d > 0 && /* @__PURE__ */ i(S, {}),
+      /* @__PURE__ */ i(
+        f,
+        {
+          label: a.label,
+          hint: a.hint,
+          onClick: () => o(a.key)
+        }
+      )
+    ] }, a.key)) })
+  ] }, e.title)) });
+};
+export {
+  T as default
+};

package/dist/{VideoCallOverlay-BUfKp87t.js → VideoCallOverlay-CC4sShdK.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 $d, i as Xd, r as mo, j as Qd, k as Zd, A as go, V as vo, B as eu, l as bo } from "./main-DFqqDiy-.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-B-8IhwaP.js";
 function tu(n, e) {
   return e.forEach(function(t) {
     t && typeof t != "string" && !Array.isArray(t) && Object.keys(t).forEach(function(i) {
@@ -22367,7 +22367,7 @@ const Nd = (n) => {
         position: "relative",
         width: "100%",
         height: "100%",
-        // Video stage stays dark — that's the convention for video tiles
+        // Video stage stays dark - that's the convention for video tiles
         // (high contrast for skin tones), but the rest of the chrome
         // (top bar, controls tray) uses the chat's light tokens.
         background: "#0B1220"
@@ -23359,7 +23359,7 @@ const Nd = (n) => {
               fontSize: 14
             },
             children: [
-              i === "audio" ? /* @__PURE__ */ M(go, { color: pi }) : /* @__PURE__ */ M(vo, { color: pi }),
+              i === "audio" ? /* @__PURE__ */ M(vo, { color: pi }) : /* @__PURE__ */ M(bo, { color: pi }),
               /* @__PURE__ */ M("span", { children: e })
             ]
           }
@@ -23414,7 +23414,7 @@ const Nd = (n) => {
               "aria-label": "Accept call",
               title: "Accept",
               style: Wr("#10B981"),
-              children: a?.accept ?? (i === "audio" ? /* @__PURE__ */ M(go, { color: "#FFFFFF" }) : /* @__PURE__ */ M(vo, { color: "#FFFFFF" }))
+              children: a?.accept ?? (i === "audio" ? /* @__PURE__ */ M(vo, { color: "#FFFFFF" }) : /* @__PURE__ */ M(bo, { color: "#FFFFFF" }))
             }
           )
         ] }),
@@ -23449,7 +23449,7 @@ const Nd = (n) => {
     if (e.phase !== "requesting" || e.direction !== "outgoing")
       return;
     const P = window.setTimeout(() => {
-      n(po("No answer — call timed out"));
+      n(po("No answer - call timed out"));
     }, Sv);
     return () => window.clearTimeout(P);
   }, [e.phase, e.direction, e.startedAt, n]);
@@ -23509,13 +23509,13 @@ const Nd = (n) => {
           })
         );
       }
-      bo(P), n($d());
+      mo(P), n($d());
     },
     [n]
   ), y = mi(() => {
-    bo("declined"), n(Xd());
+    mo("declined"), n(Xd());
   }, [n]), m = mi(() => {
-    e.direction === "incoming" && e.phase === "ringing-incoming" ? y() : e.phase === "error" ? n(mo()) : p(e.phase === "requesting" ? "cancelled" : "ended");
+    e.direction === "incoming" && e.phase === "ringing-incoming" ? y() : e.phase === "error" ? n(go()) : p(e.phase === "requesting" ? "cancelled" : "ended");
   }, [e.direction, e.phase, y, p, n]), [S, k] = zt(!1), C = Nd(), x = be(null), f = be(null), g = !!e.token && (e.phase === "connecting" || e.phase === "in-call") && !!o, b = S && g;
   if (ge(() => {
     e.phase === "idle" && k(!1);
@@ -23622,7 +23622,7 @@ const Nd = (n) => {
             variant: "error",
             primaryColor: a,
             errorMessage: e.error || (o ? null : "Video calls unavailable: missing livekitUrl in config.videoCalls"),
-            onDismiss: () => n(mo())
+            onDismiss: () => n(go())
           }
         ) : /* @__PURE__ */ M(
           Hr,
@@ -23644,4 +23644,3 @@ const Nd = (n) => {
 export {
   Mv as VideoCallOverlay
 };
-//# sourceMappingURL=VideoCallOverlay-BUfKp87t.js.map