@ethora/chat-component 26.8.1 → 26.9.0

package/dist/UserProfileModal-CD2IB5SD.js

@@ -1,574 +0,0 @@
-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-DmtEeYji.js";
-import { D as $, a as W, b as Xe, e as We, f as Je, S as Ke } from "./SideDrawer-C_nWZRwH.js";
-import { P as re, a as Ve, D as Ge, b as qe, h as _e } from "./handleCopyClick-Bj2V_brV.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/VisibilityModal-4QJnWpAL.js

@@ -1,132 +0,0 @@
-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-DmtEeYji.js";
-import { S as N, D as C, a as w, b as O, e as S, f as p } from "./SideDrawer-C_nWZRwH.js";
-o.div``;
-o.div`
-  font-size: 16px;
-  font-weight: bold;
-  color: var(--ethora-color-text, #141414);
-`;
-o.p`
-  font-size: 14px;
-  color: var(--ethora-color-text-muted, #6b7280);
-  margin-bottom: 32px;
-`;
-const $ = o.div`
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-`, h = o.label`
-  display: flex;
-  align-items: center;
-  font-size: 14px;
-  gap: 8px;
-`, f = o.input`
-  accent-color: ${({ $radioColor: t }) => t || "var(--ethora-color-primary, #0052CD)"};
-  margin: 0px;
-`, R = o.div`
-  padding: 10px 15px;
-  margin-top: 16px;
-  color: ${({ type: t }) => t === "success" ? "#10b981" : "#ef4444"};
-  background: ${({ type: t }) => t === "success" ? "#d1fae5" : "#fee2e2"};
-  border: 1px solid
-    ${({ type: t }) => t === "success" ? "#10b981" : "#ef4444"};
-  border-radius: 4px;
-`, M = ({
-  handleCloseModal: t
-}) => {
-  const k = L(), i = P(), { user: c, config: l } = z(
-    (s) => s.chatSettingStore
-  ), y = (s) => k(I(s)), [n, m] = b(c?.isProfileOpen), [a, g] = b(c?.isAssetsOpen), [u, v] = b(null), d = (s, A) => {
-    v({ message: s, type: A }), setTimeout(() => v(null), 3e3);
-  };
-  return x(() => {
-    n !== c.isProfileOpen && D({ isProfileOpen: n }).then(({ data: s }) => {
-      y(s.user), d(i("notification.saved"), "success");
-    }).catch(() => d(i("toast.error"), "error"));
-  }, [n]), x(() => {
-    a !== c?.isAssetsOpen && D({ isAssetsOpen: a }).then(({ data: s }) => {
-      y(s.user), d(i("notification.saved"), "success");
-    }).catch(() => d(i("toast.error"), "error"));
-  }, [a]), /* @__PURE__ */ r(
-    N,
-    {
-      title: i("settings.visibility.title"),
-      onClose: t,
-      backLabel: i("action.back"),
-      children: [
-        /* @__PURE__ */ r(C, { children: [
-          /* @__PURE__ */ e(w, { children: i("settings.visibility.profileLabel") }),
-          /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(S, { children: /* @__PURE__ */ r($, { children: [
-            /* @__PURE__ */ r(h, { children: [
-              /* @__PURE__ */ e(
-                f,
-                {
-                  $radioColor: l?.colors?.primary,
-                  type: "radio",
-                  name: "ethora-profile-visibility",
-                  checked: n === !0,
-                  onChange: () => m(!0)
-                }
-              ),
-              i("settings.visibility.open")
-            ] }),
-            /* @__PURE__ */ e(p, { children: i("settings.visibility.openDescription") }),
-            /* @__PURE__ */ r(h, { children: [
-              /* @__PURE__ */ e(
-                f,
-                {
-                  $radioColor: l?.colors?.primary,
-                  type: "radio",
-                  name: "ethora-profile-visibility",
-                  checked: n === !1,
-                  onChange: () => m(!1)
-                }
-              ),
-              i("settings.visibility.restricted")
-            ] }),
-            /* @__PURE__ */ e(p, { children: i("settings.visibility.restrictedDescription") })
-          ] }) }) })
-        ] }),
-        /* @__PURE__ */ r(C, { children: [
-          /* @__PURE__ */ e(w, { children: i("settings.visibility.documentsLabel") }),
-          /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(S, { children: /* @__PURE__ */ r($, { children: [
-            /* @__PURE__ */ r(h, { children: [
-              /* @__PURE__ */ e(
-                f,
-                {
-                  $radioColor: l?.colors?.primary,
-                  type: "radio",
-                  name: "ethora-documents-visibility",
-                  checked: a === !0,
-                  onChange: () => g(!0)
-                }
-              ),
-              i("settings.visibility.full")
-            ] }),
-            /* @__PURE__ */ e(p, { children: i("settings.visibility.fullDescription") }),
-            /* @__PURE__ */ r(h, { children: [
-              /* @__PURE__ */ e(
-                f,
-                {
-                  $radioColor: l?.colors?.primary,
-                  type: "radio",
-                  name: "ethora-documents-visibility",
-                  checked: a === !1,
-                  onChange: () => g(!1)
-                }
-              ),
-              i("settings.visibility.individual")
-            ] }),
-            /* @__PURE__ */ e(p, { children: i("settings.visibility.individualDescription") })
-          ] }) }) })
-        ] }),
-        u && /* @__PURE__ */ e(R, { type: u.type, children: u.message })
-      ]
-    }
-  );
-};
-export {
-  M as default
-};