@ethora/chat-component 26.10.7 → 26.10.8

package/dist/{UserProfileModal-D0JZ3-uy.js → UserProfileModal-Ca5wHYvr.js}

@@ -1,28 +1,28 @@
 import { jsxs as g, Fragment as T, jsx as o } from "react/jsx-runtime";
-import { forwardRef as Ce, useState as D, useCallback as b, useImperativeHandle as Se, useRef as ie, useMemo as X } from "react";
-import { a as De, M as _, Q as Ie, R as ke, S as le, P as ce, T as W, U as I, W as Ue, X as Ne, Y as Pe, Z as de, _ as Re, $ as Fe, a0 as je, a1 as Ae, u as O, a2 as Be, a3 as ze, a4 as $e, a5 as Ee, a6 as re, N as K, a7 as Oe, a8 as Te, a9 as Le, o as Me, aa as He, ab as Je, ac as Xe, ad as te, I as V, ae as We, af as Ke, ag as Ve, ah as ne, ai as F, aj as Ge, ak as _e, V as qe, G as Qe, al as Ye, am as Ze, an as eo, ao as oo } from "./main-CpHMnydn.js";
-import { D as L, a as G, b as ao, e as ro, f as to, S as no } from "./SideDrawer-CqZl9sxK.js";
-import { P as pe, a as so, D as io, b as lo, h as co } from "./handleCopyClick-BUbVvd2G.js";
-const po = (p, t) => {
-  const l = atob(p.split(",")[1]), f = new ArrayBuffer(l.length), e = new Uint8Array(f);
+import { forwardRef as Ce, useState as D, useCallback as b, useImperativeHandle as Se, useRef as ie, useMemo as J } from "react";
+import { a as De, Z as G, a0 as Ie, a1 as ke, a2 as le, P as ce, a3 as W, a4 as I, a5 as Ue, a6 as Ne, a7 as Pe, a8 as de, a9 as Re, aa as Ae, ab as Fe, ac as je, u as O, ad as Be, ae as ze, af as Ee, ag as $e, ah as Oe, ai as re, _ as K, aj as Te, ak as Le, al as Me, d as Xe, am as He, an as Je, ao as We, ap as te, U as V, aq as Ke, ar as Ve, as as qe, at as ne, au as A, av as Ge, aw as _e, V as Ze, T as Qe, ax as Ye, ay as eo, az as oo, aA as ao } from "./main-B25iFKAC.js";
+import { D as L, a as q, b as ro, e as to, f as no, S as so } from "./SideDrawer-A_1ECqD2.js";
+import { P as pe, a as io, D as lo, b as co, h as po } from "./handleCopyClick-BX1fcFGN.js";
+const mo = (p, t) => {
+  const l = atob(p.split(",")[1]), u = new ArrayBuffer(l.length), e = new Uint8Array(u);
   for (let n = 0; n < l.length; n++)
     e[n] = l.charCodeAt(n);
   const i = new Blob([e], { type: "image/jpeg" });
   return new File([i], t, { type: "image/jpeg" });
-}, mo = I.div`
+}, uo = I.div`
   display: flex;
   flex-direction: column;
   gap: var(--ethora-space-4, 16px);
   width: 100%;
 `, me = Ce(
-  ({ setIsEditing: p, modalUser: t, config: l }, f) => {
-    const e = De(), i = _(), [n, a] = D(t?.firstName || ""), [h, j] = D(t?.lastName || ""), [y, k] = D(t?.description || ""), [v, C] = D(
+  ({ setIsEditing: p, modalUser: t, config: l }, u) => {
+    const e = De(), i = G(), [n, a] = D(t?.firstName || ""), [h, F] = D(t?.lastName || ""), [y, k] = D(t?.description || ""), [v, C] = D(
       t?.profileImage
     ), S = b(async () => {
       try {
         let c = new FormData();
         if (typeof v == "string" && v.startsWith("data:image/")) {
-          const N = po(v, "profileImage.jpg");
+          const N = mo(v, "profileImage.jpg");
           c.append("file", N);
         } else v instanceof File && c.append("file", v);
         c.append("firstName", n), c.append("lastName", h), c.append("description", y);
@@ -48,7 +48,7 @@ const po = (p, t) => {
       v,
       p
     ]);
-    Se(f, () => ({ save: S }), [S]);
+    Se(u, () => ({ save: S }), [S]);
     const x = (c) => {
       C(c);
     };
@@ -65,7 +65,7 @@ const po = (p, t) => {
           }
         }
       ) }),
-      /* @__PURE__ */ o(L, { children: /* @__PURE__ */ g(mo, { children: [
+      /* @__PURE__ */ o(L, { children: /* @__PURE__ */ g(uo, { children: [
         /* @__PURE__ */ o(
           W,
           {
@@ -85,7 +85,7 @@ const po = (p, t) => {
             placeholder: i("field.lastName"),
             label: i("field.lastName"),
             value: h,
-            onChange: (c) => j(c.target.value)
+            onChange: (c) => F(c.target.value)
           }
         ),
         /* @__PURE__ */ o(
@@ -111,17 +111,17 @@ const fo = de`
   to {
     transform: rotate(180deg);
   }
-`, uo = de`
+`, ho = de`
   from {
     transform: rotate(180deg);
   }
   to {
     transform: rotate(0deg);
   }
-`, ho = I.div`
+`, go = I.div`
   position: relative;
   width: 100%;
-`, go = I.div`
+`, vo = I.div`
   border: 1px solid
     ${({ $borderColor: p, $isOpen: t }) => t ? p || "var(--ethora-color-primary, #0052cd)" : p || "var(--ethora-color-border, #e6e8ec)"};
   padding: 0 16px;
@@ -148,16 +148,16 @@ const fo = de`
     outline: 2px solid var(--ethora-color-primary, #0052cd);
     outline-offset: 1px;
   }
-`, vo = I.span`
-  color: var(--ethora-color-text-muted, #8c8c8c);
 `, bo = I.span`
+  color: var(--ethora-color-text-muted, #8c8c8c);
+`, yo = I.span`
   margin-left: 10px;
   display: inline-block;
   color: var(--ethora-color-text-muted, #8c8c8c);
   font-size: 12px;
-  animation: ${(p) => p.$isOpen ? fo : uo} 0.3s ease
+  animation: ${(p) => p.$isOpen ? fo : ho} 0.3s ease
     forwards;
-`, yo = I.div`
+`, wo = I.div`
   position: absolute;
   top: 100%;
   left: 0;
@@ -171,7 +171,7 @@ const fo = de`
   box-shadow: var(--ethora-shadow-md, 0 4px 12px rgba(16, 24, 40, 0.1));
   z-index: 100;
   ${Pe}
-`, wo = I.input`
+`, xo = I.input`
   width: 100%;
   padding: 12px 16px;
   border: none;
@@ -196,17 +196,17 @@ const fo = de`
   &:hover {
     background-color: ${({ $selected: p }) => p ? "var(--ethora-color-primary-soft, #e7edf9)" : "var(--ethora-color-bg-hover, #f0f2f5)"};
   }
-`, xo = ({
+`, Co = ({
   options: p,
   placeholder: t,
   onSelect: l,
-  accentColor: f,
+  accentColor: u,
   selectedValue: e
 }) => {
-  const i = _(), [n, a] = D(!1), [h, j] = D(
+  const i = G(), [n, a] = D(!1), [h, F] = D(
     e
   ), [y, k] = D(""), v = ie(null), C = () => a((r) => !r), S = (r) => {
-    j(r), l(r), a(!1), k("");
+    F(r), l(r), a(!1), k("");
   }, x = p.filter(
     (r) => r.name.toLowerCase().includes(y.toLowerCase())
   ), c = b(() => a(!1), []);
@@ -219,30 +219,30 @@ const fo = de`
   });
   const U = (r) => {
     r.key === "Enter" || r.key === " " ? (r.preventDefault(), C()) : r.key === "Escape" && n && a(!1);
-  }, N = (r, A) => {
-    (r.key === "Enter" || r.key === " ") && (r.preventDefault(), S(A));
+  }, N = (r, j) => {
+    (r.key === "Enter" || r.key === " ") && (r.preventDefault(), S(j));
   };
-  return /* @__PURE__ */ g(ho, { ref: v, children: [
+  return /* @__PURE__ */ g(go, { ref: v, children: [
     /* @__PURE__ */ g(
-      go,
+      vo,
       {
         $isOpen: n,
         onClick: C,
         onKeyDown: U,
-        $borderColor: f,
+        $borderColor: u,
         role: "button",
         tabIndex: 0,
         "aria-haspopup": "listbox",
         "aria-expanded": n,
         children: [
-          h ? /* @__PURE__ */ o("span", { children: h.name }) : /* @__PURE__ */ o(vo, { children: t }),
-          /* @__PURE__ */ o(bo, { style: { color: f }, $isOpen: n, children: "▼" })
+          h ? /* @__PURE__ */ o("span", { children: h.name }) : /* @__PURE__ */ o(bo, { children: t }),
+          /* @__PURE__ */ o(yo, { style: { color: u }, $isOpen: n, children: "▼" })
         ]
       }
     ),
-    n && /* @__PURE__ */ g(yo, { role: "listbox", children: [
+    n && /* @__PURE__ */ g(wo, { role: "listbox", children: [
       /* @__PURE__ */ o(
-        wo,
+        xo,
         {
           type: "text",
           placeholder: i("search.placeholder"),
@@ -254,7 +254,7 @@ const fo = de`
         se,
         {
           onClick: () => S(r),
-          onKeyDown: (A) => N(A, r),
+          onKeyDown: (j) => N(j, r),
           role: "option",
           tabIndex: 0,
           "aria-selected": h?.id === r.id,
@@ -265,38 +265,38 @@ const fo = de`
       )) : /* @__PURE__ */ o(se, { children: i("select.noOptions") })
     ] })
   ] });
-}, Uo = ({
+}, No = ({
   handleCloseModal: p
 }) => {
-  const t = Re(), { client: l } = Fe();
-  je();
-  const { showToast: f } = Ae(), e = _(), { config: i, user: n, selectedUser: a, langSource: h } = O(
+  const t = Re(), { client: l } = Ae();
+  Fe();
+  const { showToast: u } = je(), e = G(), { config: i, user: n, selectedUser: a, langSource: h } = O(
     (s) => s.chatSettingStore
-  ), j = O((s) => s.call.phase), y = O((s) => s.rooms.rooms), k = O(
+  ), F = O((s) => s.call.phase), y = O((s) => s.rooms.rooms), k = O(
     (s) => s.rooms.activeRoomJID
-  ), [v, C] = D(!1), S = ie(null), x = i?.videoCalls, c = i?.e2ee?.enabled === !0, U = x?.enabled === !0 && !!x?.livekitUrl?.trim() && (x?.allowedRoomTypes || ["private"]).includes("private"), N = U && x?.enableAudioCalls === !0, r = j !== "idle", A = b(() => {
-    t(Be()), p();
-  }, []), q = b(() => {
-    ze.performLogout();
-  }, []), fe = X(
+  ), [v, C] = D(!1), S = ie(null), x = i?.videoCalls, c = i?.e2ee?.enabled === !0, U = x?.enabled === !0 && !!x?.livekitUrl?.trim() && Be("private", x?.allowedRoomTypes), N = U && x?.enableAudioCalls === !0, r = F !== "idle", j = b(() => {
+    t(ze()), p();
+  }, []), _ = b(() => {
+    Ee.performLogout();
+  }, []), ue = J(
     () => [
       {
         label: e("action.logOut"),
         icon: /* @__PURE__ */ o($e, {}),
         onClick: () => {
-          q();
+          _();
         },
         styles: { color: "var(--ethora-color-danger, #D92D20)" }
       }
     ],
-    [q, e]
-  ), ue = (s) => {
-    t(oo(s.id));
+    [_, e]
+  ), fe = (s) => {
+    t(ao(s.id));
   }, he = b(() => {
     C(!0);
   }, []), ge = async (s, d) => {
     try {
-      const m = Ze(
+      const m = eo(
         s,
         i?.xmppSettings?.conference,
         d
@@ -305,7 +305,7 @@ const fo = de`
         return console.error(
           "handleRoomCreation: failed to normalize new private room",
           s
-        ), f({
+        ), u({
           id: Date.now().toString(),
           title: e("toast.error"),
           message: e("toast.couldNotOpenPrivateChat"),
@@ -313,7 +313,7 @@ const fo = de`
           duration: 4e3
         }), null;
       if (t(
-        eo({
+        oo({
           room: m,
           xmpp: l
         })
@@ -329,7 +329,7 @@ const fo = de`
           console.warn("getHistoryStanza failed (non-fatal):", w);
         }
       }
-      return t(te({ roomJID: m.jid })), f({
+      return t(te({ roomJID: m.jid })), u({
         id: Date.now().toString(),
         title: e("toast.success"),
         message: e("toast.roomCreatedSuccess"),
@@ -344,9 +344,9 @@ const fo = de`
       a?.name || `${a?.firstName || ""} ${a?.lastName || ""}`
     ).trim() || "";
     if (i?.newArch !== !1) {
-      const H = a?.xmppUsername || a?.userJID || a?.id;
-      if (!H)
-        return f({
+      const X = a?.xmppUsername || a?.userJID || a?.id;
+      if (!X)
+        return u({
           id: Date.now().toString(),
           title: e("toast.error"),
           message: e("toast.couldNotResolveRecipient"),
@@ -354,18 +354,18 @@ const fo = de`
           duration: 4e3
         }), null;
       try {
-        const E = await Ee(H, s), J = await ge(E, 2);
-        return J?.jid ? {
-          jid: J.jid,
-          bareName: J.jid.split("@")[0],
-          peerXmppUsername: String(H).split("@")[0],
+        const $ = await Oe(X, s), H = await ge($, 2);
+        return H?.jid ? {
+          jid: H.jid,
+          bareName: H.jid.split("@")[0],
+          peerXmppUsername: String(X).split("@")[0],
           peerDisplay: d
         } : null;
-      } catch (E) {
-        return console.error("postPrivateRoom failed:", E), f({
+      } catch ($) {
+        return console.error("postPrivateRoom failed:", $), u({
           id: Date.now().toString(),
           title: e("toast.error"),
-          message: E?.message || e("toast.failedToCreatePrivateChat"),
+          message: $?.message || e("toast.failedToCreatePrivateChat"),
           type: "error",
           duration: 4e3
         }), null;
@@ -382,9 +382,9 @@ const fo = de`
       peerXmppUsername: m,
       peerDisplay: d
     } : null;
-  }, [a, i?.newArch, l, n]), $ = b(
+  }, [a, i?.newArch, l, n]), E = b(
     async (s) => {
-      f({
+      u({
         id: Date.now().toString(),
         title: e("toast.roomCreationTitle"),
         message: e("toast.roomCreating"),
@@ -392,39 +392,43 @@ const fo = de`
         duration: 3e3
       }), await z(s), t(K());
     },
-    [z, t, f, e]
+    [z, t, u, e]
+  ), Z = b(
+    () => E(!1),
+    [E]
   ), Q = b(
-    () => $(!1),
-    [$]
-  ), Y = b(
-    () => $(!0),
-    [$]
+    () => E(!0),
+    [E]
   ), M = b(
     async (s) => {
       const d = await z();
       if (!d) return;
       const m = d.peerDisplay || d.bareName;
       t(
-        Oe({
+        Te({
           roomJid: d.jid,
           roomName: m,
           roomBareName: d.bareName,
           kind: s,
           peerXmppUsername: d.peerXmppUsername || null
         })
-      ), d.peerXmppUsername && Te(s, {
+      ), d.peerXmppUsername && Le(s, {
         peerXmppUsername: d.peerXmppUsername,
         roomBareName: d.bareName
       }), t(K());
       try {
-        await Le(d.bareName, { kind: s });
+        await Me({
+          chatName: d.bareName,
+          kind: s,
+          peerXmppUsername: d.peerXmppUsername || null
+        });
       } catch (w) {
         const P = w instanceof Error ? w.message : e("toast.failedToCreateCall");
-        t(Me(P));
+        t(Xe(P));
       }
     },
     [z, t, e]
-  ), Z = !!a && i?.features?.userBlock === !0 && !i?.disableUserBlock, ee = b(async () => {
+  ), Y = !!a && i?.features?.userBlock === !0 && !i?.disableUserBlock, ee = b(async () => {
     const s = a?.xmppUsername || a?.userJID || a?.id;
     if (s)
       try {
@@ -436,32 +440,32 @@ const fo = de`
         Object.values(y || {}).forEach((P) => {
           P.type !== "private" || !(P.members || []).some(
             (R) => R.xmppUsername && R.xmppUsername !== m && R.xmppUsername.split("@")[0] === d
-          ) || (t(Xe({ jid: P.jid })), P.jid === k && (w = !0));
-        }), w && (typeof window < "u" && window.history.pushState(null, "", window.location.pathname), t(te({ roomJID: null }))), t(K()), f({
+          ) || (t(We({ jid: P.jid })), P.jid === k && (w = !0));
+        }), w && (typeof window < "u" && window.history.pushState(null, "", window.location.pathname), t(te({ roomJID: null }))), t(K()), u({
           id: Date.now().toString(),
           title: e("toast.success"),
           message: e("toast.blockedSuccess"),
           type: "success"
         });
       } catch (d) {
-        le.log("Block user failed", d), f({
+        le.log("Block user failed", d), u({
           id: Date.now().toString(),
           title: e("toast.error"),
           message: e("toast.blockFailed"),
           type: "error"
         });
       }
-  }, [a, t, f, e, n?.xmppUsername, y, k]), u = a ?? n, ve = () => {
+  }, [a, t, u, e, n?.xmppUsername, y, k]), f = a ?? n, ve = () => {
     if (h)
       return ne.find((s) => s.id === h);
   }, be = a ? void 0 : /* @__PURE__ */ g(T, { children: [
-    /* @__PURE__ */ o(V, { onClick: he, "aria-label": e("action.editProfile"), children: /* @__PURE__ */ o(We, { color: "var(--ethora-color-text-muted, #8C8C8C)" }) }),
+    /* @__PURE__ */ o(V, { onClick: he, "aria-label": e("action.editProfile"), children: /* @__PURE__ */ o(Ke, { color: "var(--ethora-color-text-muted, #8C8C8C)" }) }),
     /* @__PURE__ */ o(
-      Ke,
+      Ve,
       {
-        options: fe,
+        options: ue,
         position: "left",
-        menuIcon: /* @__PURE__ */ o(Ve, {})
+        menuIcon: /* @__PURE__ */ o(qe, {})
       }
     )
   ] }), ye = /* @__PURE__ */ g(T, { children: [
@@ -485,39 +489,39 @@ const fo = de`
         children: e("action.save")
       }
     )
-  ] }), oe = a && a.xmppUsername !== n.xmppUsername && !i?.disableProfilesInteractions, we = X(
+  ] }), oe = a && a.xmppUsername !== n.xmppUsername && !i?.disableProfilesInteractions, we = J(
     () => /* @__PURE__ */ g(T, { children: [
       /* @__PURE__ */ g(pe, { children: [
         /* @__PURE__ */ o(
           ce,
           {
-            icon: u?.profileImage ?? null,
-            name: u?.name ?? u?.firstName,
+            icon: f?.profileImage ?? null,
+            name: f?.name ?? f?.firstName,
             size: 96
           }
         ),
-        /* @__PURE__ */ o(so, { children: u?.name ? `${u?.name}` : `${u?.firstName} ${u?.lastName}` })
+        /* @__PURE__ */ o(io, { children: f?.name ? `${f?.name}` : `${f?.firstName} ${f?.lastName}` })
       ] }),
       /* @__PURE__ */ g(L, { children: [
-        /* @__PURE__ */ o(G, { children: e("modal.profile.about") }),
+        /* @__PURE__ */ o(q, { children: e("modal.profile.about") }),
         /* @__PURE__ */ o(
-          io,
+          lo,
           {
-            $empty: !(u?.description && u?.description?.length > 4),
-            children: u?.description && u?.description?.length > 4 ? u.description : e("modal.profile.noDescription")
+            $empty: !(f?.description && f?.description?.length > 4),
+            children: f?.description && f?.description?.length > 4 ? f.description : e("modal.profile.noDescription")
           }
         )
       ] }),
       !a && i?.translates?.enabled && /* @__PURE__ */ g(L, { children: [
-        /* @__PURE__ */ o(G, { children: e("modal.profile.preferences") }),
-        /* @__PURE__ */ o(ao, { children: /* @__PURE__ */ g(ro, { children: [
-          /* @__PURE__ */ o(to, { children: e("modal.profile.languageHint") }),
+        /* @__PURE__ */ o(q, { children: e("modal.profile.preferences") }),
+        /* @__PURE__ */ o(ro, { children: /* @__PURE__ */ g(to, { children: [
+          /* @__PURE__ */ o(no, { children: e("modal.profile.languageHint") }),
           /* @__PURE__ */ o(
-            xo,
+            Co,
             {
               options: ne,
               placeholder: e("language.select"),
-              onSelect: ue,
+              onSelect: fe,
               accentColor: i?.colors?.primary,
               selectedValue: ve()
             }
@@ -525,30 +529,30 @@ const fo = de`
         ] }) })
       ] }),
       oe && /* @__PURE__ */ g(L, { children: [
-        /* @__PURE__ */ o(G, { children: e("modal.profile.actions") }),
-        /* @__PURE__ */ g(lo, { children: [
+        /* @__PURE__ */ o(q, { children: e("modal.profile.actions") }),
+        /* @__PURE__ */ g(co, { children: [
           /* @__PURE__ */ o(
-            F,
+            A,
             {
               StartIcon: /* @__PURE__ */ o(Ge, {}),
-              onClick: Q,
+              onClick: Z,
               variant: "filled",
               children: e("action.message")
             }
           ),
           c && /* @__PURE__ */ o(
-            F,
+            A,
             {
               StartIcon: /* @__PURE__ */ o(_e, { color: "var(--ethora-color-text-on-primary, #FFFFFF)" }),
-              onClick: Y,
+              onClick: Q,
               variant: "filled",
               children: e("action.encryptedMessage")
             }
           ),
           U && /* @__PURE__ */ o(
-            F,
+            A,
             {
-              StartIcon: /* @__PURE__ */ o(qe, { color: "var(--ethora-color-text-on-primary, #FFFFFF)" }),
+              StartIcon: /* @__PURE__ */ o(Ze, { color: "var(--ethora-color-text-on-primary, #FFFFFF)" }),
               onClick: () => {
                 M("video");
               },
@@ -558,7 +562,7 @@ const fo = de`
             }
           ),
           N && /* @__PURE__ */ o(
-            F,
+            A,
             {
               StartIcon: /* @__PURE__ */ o(Qe, { color: "var(--ethora-color-text-on-primary, #FFFFFF)" }),
               onClick: () => {
@@ -570,15 +574,15 @@ const fo = de`
             }
           ),
           /* @__PURE__ */ o(
-            F,
+            A,
             {
-              onClick: () => co(a.id),
+              onClick: () => po(a.id),
               variant: "outlined",
               children: e("action.copyUserId")
             }
           ),
-          Z && /* @__PURE__ */ o(
-            F,
+          Y && /* @__PURE__ */ o(
+            A,
             {
               StartIcon: /* @__PURE__ */ o(Ye, {}),
               onClick: ee,
@@ -591,15 +595,15 @@ const fo = de`
       ] })
     ] }),
     [
-      u,
+      f,
       U,
-      Z,
+      Y,
       N,
       r,
       M,
       ee,
+      Z,
       Q,
-      Y,
       c,
       a,
       oe,
@@ -608,28 +612,28 @@ const fo = de`
       h,
       e
     ]
-  ), xe = X(
+  ), xe = J(
     () => /* @__PURE__ */ o(
       me,
       {
         ref: S,
         setIsEditing: C,
-        modalUser: u,
+        modalUser: f,
         config: i
       }
     ),
-    [u]
+    [f]
   );
   return /* @__PURE__ */ o(
-    no,
+    so,
     {
       title: e("modal.profile.title"),
-      onClose: A,
+      onClose: j,
       headerActions: v ? ye : be,
       children: v ? xe : we
     }
   );
 };
 export {
-  Uo as default
+  No as default
 };

package/dist/{UserSettingsModal-OvykYDsT.js → UserSettingsModal-CAyyQGV6.js}

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as r } from "react/jsx-runtime";
 import m, { useCallback as D, useMemo as h } from "react";
-import { M as g, a as p, N as w, O as l } from "./main-CpHMnydn.js";
-import { S as b, D as u, a as k, b as y, c as S, d as f } from "./SideDrawer-CqZl9sxK.js";
+import { Z as g, a as p, _ as w, $ as l } from "./main-B25iFKAC.js";
+import { S as b, D as u, a as k, b as y, c as S, d as f } from "./SideDrawer-A_1ECqD2.js";
 const T = ({
   handleCloseModal: n
 }) => {