@logora/debate 0.3.117 → 0.3.119

package/dist/assets/components/dialog/dropdown/Dropdown.module-BmT3rAwz.css

@@ -0,0 +1 @@
+._dropdownWrapper_7839n_3{position:relative;display:inline-block}._dropdownHeader_7839n_8{border:none;padding:0!important;cursor:pointer;background-color:var(--background-color-primary, white)}._dropdownHeader_7839n_8:focus:not(:focus-visible){outline:none;box-shadow:none}._dropdownList_7839n_19{position:absolute;z-index:3;background:var(--background-color-primary, white);box-shadow:var(--box-shadow, 0px 2px 5px rgba(7, 42, 68, .1));border:var(--box-border, 1px solid rgba(7, 42, 68, .1));border-radius:var(--box-border-radius, 6px);overscroll-behavior-y:contain;width:max-content}._bottom_7839n_30{top:calc(100% + 2px)}._top_7839n_34{bottom:calc(100% + 2px)}._left_7839n_38{left:0!important}._right_7839n_42{right:0!important}._center_7839n_46{left:50%;transform:translate(-50%)}

package/dist/components/dialog/dropdown/Dropdown.js

@@ -1,17 +1,18 @@
-import { jsxs as w, jsx as i } from "react/jsx-runtime";
-import u from "classnames";
-import { useState as g, useRef as x, useEffect as E } from "react";
+import { jsxs as g, jsx as i } from "react/jsx-runtime";
+import m from "classnames";
+import { useState as x, useRef as b, useEffect as E } from "react";
 import t from "./Dropdown.module.scss.js";
-const k = ({
+const y = ({
   onClick: s,
-  horizontalPosition: c = "left",
+  horizontalPosition: d = "left",
+  verticalPosition: c = "bottom",
   disabled: l = !1,
-  closeOnContentClick: m = !1,
-  className: d,
+  closeOnContentClick: p = !1,
+  className: f,
   dropdownClassName: a,
-  children: f
+  children: u
 }) => {
-  const [r, o] = g(!1), n = x(null), p = () => {
+  const [r, o] = x(!1), n = b(null), w = () => {
     l || (s && s(), o(!r));
   };
   return E(() => {
@@ -19,11 +20,11 @@ const k = ({
       n.current && !n.current.contains(v.target) && o(!1);
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, []), /* @__PURE__ */ w(
+  }, []), /* @__PURE__ */ g(
     "div",
     {
       ref: n,
-      className: u(t.dropdownWrapper, { [d]: d }),
+      className: m(t.dropdownWrapper, { [f]: f }),
       children: [
         /* @__PURE__ */ i(
           "button",
@@ -31,20 +32,21 @@ const k = ({
             type: "button",
             "aria-expanded": r,
             className: t.dropdownHeader,
-            onClick: p,
-            children: f[0]
+            onClick: w,
+            children: u[0]
           }
         ),
         r && /* @__PURE__ */ i(
           "div",
           {
-            className: a || u(t.dropdownList, {
+            className: a || m(t.dropdownList, {
+              [t[d]]: d,
               [t[c]]: c
             }),
             onClick: (e) => {
-              (m || e.target === e.currentTarget) && o(!1);
+              (p || e.target === e.currentTarget) && o(!1);
             },
-            children: f[1]
+            children: u[1]
           }
         )
       ]
@@ -52,5 +54,5 @@ const k = ({
   );
 };
 export {
-  k as Dropdown
+  y as Dropdown
 };

package/dist/components/dialog/dropdown/Dropdown.module.scss.js

@@ -1,17 +1,21 @@
-import '../../../assets/components/dialog/dropdown/Dropdown.module-FG2Sqrqs.css';const r = "_dropdownWrapper_zrxfa_3", o = "_dropdownHeader_zrxfa_8", d = "_dropdownList_zrxfa_19", t = "_left_zrxfa_31", e = "_right_zrxfa_35", n = "_center_zrxfa_39", _ = {
-  dropdownWrapper: r,
-  dropdownHeader: o,
-  dropdownList: d,
-  left: t,
+import '../../../assets/components/dialog/dropdown/Dropdown.module-BmT3rAwz.css';const o = "_dropdownWrapper_7839n_3", t = "_dropdownHeader_7839n_8", n = "_dropdownList_7839n_19", r = "_bottom_7839n_30", _ = "_top_7839n_34", d = "_left_7839n_38", e = "_right_7839n_42", p = "_center_7839n_46", s = {
+  dropdownWrapper: o,
+  dropdownHeader: t,
+  dropdownList: n,
+  bottom: r,
+  top: _,
+  left: d,
   right: e,
-  center: n
+  center: p
 };
 export {
-  n as center,
-  _ as default,
-  o as dropdownHeader,
-  d as dropdownList,
-  r as dropdownWrapper,
-  t as left,
-  e as right
+  r as bottom,
+  p as center,
+  s as default,
+  t as dropdownHeader,
+  n as dropdownList,
+  o as dropdownWrapper,
+  d as left,
+  e as right,
+  _ as top
 };

package/dist/components/list/paginated_list/PaginatedList.js

@@ -1,10 +1,10 @@
-import { jsxs as $, jsx as u, Fragment as Qe } from "react/jsx-runtime";
-import $e from "@rooks/use-previous";
-import Ue from "classnames";
-import We, { useState as m, useEffect as p } from "react";
+import { jsxs as U, jsx as g, Fragment as Qe } from "react/jsx-runtime";
+import Ue from "@rooks/use-previous";
+import $e from "classnames";
+import We, { useState as f, useEffect as p } from "react";
 import { useIntl as ze } from "react-intl";
 import { useLocation as Ge } from "react-router";
-import a from "./PaginatedList.module.scss.js";
+import l from "./PaginatedList.module.scss.js";
 import { ActionBar as Pe } from "./action_bar/ActionBar.js";
 import { useList as Ve } from "../list_provider/useList.js";
 import { useDataProvider as Xe } from "../../data/data_provider/useDataProvider.js";
@@ -15,14 +15,14 @@ import { Pagination as He } from "../pagination/Pagination.js";
 import { StandardErrorBoundary as Ie } from "../../error/standard_error_boundary/StandardErrorBoundary.js";
 const ct = ({
   query: N,
-  sortOptions: i,
+  sortOptions: o,
   sort: M,
-  filters: o,
+  filters: m,
   tagList: ne,
   pinnedTagList: ae,
   currentPage: R,
   resource: A,
-  currentListId: n,
+  currentListId: a,
   withToken: le,
   perPage: v,
   perPageParam: ie = "per_page",
@@ -31,7 +31,7 @@ const ct = ({
   queryParam: de = "query",
   tagParam: re = "tag_id",
   totalHeaderParam: D = "total",
-  onUpdateTotal: U,
+  onUpdateTotal: $,
   onElementsLoad: b,
   transformData: W,
   uniqueIdKey: S = "id",
@@ -39,8 +39,8 @@ const ct = ({
   resourcePropName: ce,
   loadingComponent: z,
   searchBar: ue = !1,
-  title: Ee,
-  subtitle: ge,
+  title: ge,
+  subtitle: Ee,
   showDebateConsultationSubtitle: he = !1,
   emptyListComponent: G,
   emptyText: P,
@@ -55,28 +55,28 @@ const ct = ({
   withUrlParams: Ne = !1,
   onLoadNewPage: Z
 }) => {
-  const J = ze(), t = Ve(), H = Xe(), I = Ge(), { isMobile: K, isTablet: Me, isDesktop: L } = Ye(), [k, E] = m(!1), [Re, be] = m(!1), [d, y] = Ze(n, []), [O, ke] = m(
+  const J = ze(), t = Ve(), H = Xe(), I = Ge(), { isMobile: K, isTablet: Me, isDesktop: L } = Ye(), [k, E] = f(!1), [Re, be] = f(!1), [d, y] = Ze(a, []), [O, ke] = f(
     d?.length || 0
-  ), [g, j] = m(R || 1), [w, B] = m(N || null), [C, q] = m(null), [Ce, ee] = m(null), r = new URLSearchParams(
+  ), [h, j] = f(R || 1), [w, B] = f(N || null), [C, q] = f(null), [Ce, ee] = f(null), c = new URLSearchParams(
     typeof window < "u" ? window.location.search : I.search
-  ), Fe = () => i && i[0].type === "sort" && i[0].value || M || "", Te = () => {
+  ), Te = () => o && o[0].type === "sort" && o[0].value || M || "", Fe = () => {
     let e = {};
-    return i && i[0].type === "filter" && (e[i[0].name] = i[0].value), o && (e = Object.assign({}, e, o)), e;
-  }, [F, T] = m(Fe()), [Q, _] = m(Te()), te = $e(o);
-  R && R !== g && j(R), N !== void 0 && N !== w && B(N), M !== void 0 && M !== F && T(M), te && JSON.stringify(o) !== JSON.stringify(te) && JSON.stringify(o) !== JSON.stringify(Q) && _(o), p(() => {
-    if (r.get("tagId") && q(Number.parseInt(r.get("tagId"))), r.get("search") && B(r.get("search")), r.get("sort")) {
-      T(r.get("sort"));
-      for (const e of r.values()) {
-        i?.map((s) => {
+    return o && o[0].type === "filter" && (e[o[0].name] = o[0].value), m && (e = Object.assign({}, e, m)), e;
+  }, [T, F] = f(Te()), [Q, _] = f(Fe()), te = Ue(m);
+  R && R !== h && j(R), N !== void 0 && N !== w && B(N), M !== void 0 && M !== T && F(M), te && JSON.stringify(m) !== JSON.stringify(te) && JSON.stringify(m) !== JSON.stringify(Q) && _(m), p(() => {
+    if (c.get("tagId") && q(Number.parseInt(c.get("tagId"))), c.get("search") && B(c.get("search")), c.get("sort")) {
+      F(c.get("sort"));
+      for (const e of c.values()) {
+        o?.map((s) => {
           s.value === e && ee(s.name);
         });
         break;
       }
     }
-    for (const e of r.keys()) {
-      i?.map((s) => {
+    for (const e of c.keys()) {
+      o?.map((s) => {
         s.name === e && (_({
-          ...o,
+          ...m,
           [s.name]: s.value
         }), ee(s.name));
       });
@@ -85,61 +85,71 @@ const ct = ({
   }, [I.search]), p(() => {
     A ? (j(1), y([]), E(!0), se(1)) : E(!1);
   }, [
-    F,
+    T,
     Q,
     w,
     A,
     C,
     v
   ]), p(() => {
-    g > 1 && (E(!0), se(g));
-  }, [g]), p(() => {
-    if (t.addElements && n in t.addElements && t.addElements[n].length > 0) {
-      Ae(t.addElements[n]);
+    h > 1 && (E(!0), se(h));
+  }, [h]), p(() => {
+    if (t.addElements && a in t.addElements && t.addElements[a].length > 0) {
+      Ae(t.addElements[a]);
       const e = t.addElements;
-      delete e[n], t.setAddElements(e);
+      delete e[a], t.setAddElements(e);
     }
   }, [t.addElements]), p(() => {
-    if (t.updateElements && n in t.updateElements && t.updateElements[n].length > 0 && d.length > 0) {
-      De(t.updateElements[n]);
-      const e = { ...t.updateElements };
-      delete e[n], t.setUpdateElements(e);
+    if (t.updateElements && a in t.updateElements) {
+      const e = t.updateElements[a];
+      if (e.length > 0) {
+        const s = e.filter(
+          (i) => d.some((n) => n.id === i.id)
+        );
+        if (s.length > 0) {
+          De(s);
+          const i = e.filter(
+            (r) => !d.some((u) => u.id === r.id)
+          ), n = { ...t.updateElements };
+          i.length > 0 ? n[a] = i : delete n[a], t.setUpdateElements(n);
+        }
+      }
     }
   }, [t.updateElements, d]), p(() => {
-    if (t.removeElements && n in t.removeElements && t.removeElements[n].length > 0 && d.length > 0) {
-      Je(t.removeElements[n]);
+    if (t.removeElements && a in t.removeElements && t.removeElements[a].length > 0 && d.length > 0) {
+      Je(t.removeElements[a]);
       const e = { ...t.removeElements };
-      delete e[n], t.setRemoveElements(e);
+      delete e[a], t.setRemoveElements(e);
     }
   }, [t.removeElements, d]);
   const _e = (e) => {
-    e.type === "filter" ? (T(""), _({
-      ...o,
+    e.type === "filter" ? (F(""), _({
+      ...m,
       [e.name]: e.value
-    })) : (T(e.value), _(o ? { ...o } : {}));
+    })) : (F(e.value), _(m ? { ...m } : {}));
   }, xe = () => {
-    typeof Z == "function" && Z() !== null || j(g + 1);
+    typeof Z == "function" && Z() !== null || j(h + 1);
   }, se = (e) => {
     const s = le ? H.getListWithToken : H.getList;
     if ((e - 1) * v <= (Y || O) || e === 1) {
-      const f = {
+      const i = {
         [oe]: e,
         [ie]: v,
-        ...F && !w && { [me]: F },
+        ...T && !w && { [me]: T },
         ...w && { [de]: w },
         ...ye === !0 && { countless: !0 },
         ...Q,
         ...C && { [re]: C }
       };
-      s(A, f).then((l) => {
-        const c = l.headers;
-        c && D in c && (ke(
-          Number.parseInt(c[D || "total"], 10)
-        ), U && U(c[D || "total"]));
-        let h = l?.data?.data;
-        b && b(h), W && (h = h.filter(W)), t.addElements && n in t.addElements && t.addElements[n].length > 0 && (h = [...t.addElements[n], h]), Le(h), E(!1);
-      }).catch((l) => {
-        console.error(l), l?.response?.status !== 404 && be(!0), E(!1);
+      s(A, i).then((n) => {
+        const r = n.headers;
+        r && D in r && (ke(
+          Number.parseInt(r[D || "total"], 10)
+        ), $ && $(r[D || "total"]));
+        let u = n?.data?.data;
+        b && b(u), W && (u = u.filter(W)), t.addElements && a in t.addElements && t.addElements[a].length > 0 && (u = [...t.addElements[a], u]), Le(u), E(!1);
+      }).catch((n) => {
+        console.error(n), n?.response?.status !== 404 && be(!0), E(!1);
       });
     } else
       E(!1);
@@ -149,35 +159,35 @@ const ct = ({
     ), b && b(e);
   }, De = (e) => {
     y((s) => {
-      let f = s;
+      let i = s;
       return e.forEach(
-        (l) => f = f.map(
-          (c) => c.id === l.id ? l : c
+        (n) => i = i.map(
+          (r) => r.id === n.id ? n : r
         )
-      ), x(f, S || "id");
+      ), x(i, S || "id");
     });
   }, Je = (e) => {
-    const s = e.map((l) => l.id), f = d.filter(
-      (l) => s.indexOf(l.id) === -1
+    const s = e.map((n) => n.id), i = d.filter(
+      (n) => s.indexOf(n.id) === -1
     );
-    y(x(f, S || "id"));
+    y(x(i, S || "id"));
   }, Le = (e) => {
     y(
       (s) => x([...s, ...e], S || "id")
     );
-  }, je = (e, s) => e !== void 0 ? /* @__PURE__ */ u(
+  }, je = (e, s) => e !== void 0 ? /* @__PURE__ */ g(
     "li",
     {
-      className: a.paginatedListItem,
+      className: l.paginatedListItem,
       "data-testid": "list-item",
       onClick: we,
-      children: /* @__PURE__ */ u(Ie, { hideMessage: !0, children: We.cloneElement(fe, {
+      children: /* @__PURE__ */ g(Ie, { hideMessage: !0, children: We.cloneElement(fe, {
         index: s,
         [ce]: e
       }) })
     },
     `${e[S || "id"]}_${e.updated_at || e.content}`
-  ) : null, Be = (e) => z ? /* @__PURE__ */ u("li", { className: a.paginatedListItem, children: z }, e) : null;
+  ) : null, Be = (e) => z ? /* @__PURE__ */ g("li", { className: l.paginatedListItem, children: z }, e) : null;
   if (Re)
     throw new Error(
       J.formatMessage({
@@ -185,14 +195,14 @@ const ct = ({
         defaultMessage: "Error when loading content."
       })
     );
-  return /* @__PURE__ */ $("div", { className: a.listContainer, children: [
-    /* @__PURE__ */ u(
+  return /* @__PURE__ */ U("div", { className: l.listContainer, children: [
+    /* @__PURE__ */ g(
       Pe,
       {
-        title: Ee,
-        subtitle: ge,
+        title: ge,
+        subtitle: Ee,
         showDebateConsultationSubtitle: he,
-        sortOptions: i,
+        sortOptions: o,
         defaultSelectOption: Ce,
         searchBar: ue,
         tagList: ne,
@@ -204,23 +214,23 @@ const ct = ({
         withUrlParams: Ne
       }
     ),
-    !k && d.length === 0 ? G ? /* @__PURE__ */ u("div", { className: a.emptyListElement, children: G }) : /* @__PURE__ */ u("div", { className: a.emptyList, children: P || J.formatMessage({
+    !k && d.length === 0 ? G ? /* @__PURE__ */ g("div", { className: l.emptyListElement, children: G }) : /* @__PURE__ */ g("div", { className: l.emptyList, children: P || J.formatMessage({
       id: "info.emptyList",
       defaultMessage: "No items for now."
-    }) }) : /* @__PURE__ */ $(Qe, { children: [
-      /* @__PURE__ */ $(
+    }) }) : /* @__PURE__ */ U(Qe, { children: [
+      /* @__PURE__ */ U(
         "ul",
         {
-          className: Ue(a.paginatedList, {
-            [a.paginatedListIsTablet]: !K && !L,
-            [a.centeredList]: V === "column",
-            [a.column]: V === "column",
-            [a.twoElementsPerLine]: X === 2,
-            [a.oneElementPerLine]: X === 1,
-            [a.indexLayoutList]: pe,
-            [a.listIsDesktop]: L,
-            [a.listIsTablet]: Me && !L,
-            [a.listIsMobile]: K
+          className: $e(l.paginatedList, {
+            [l.paginatedListIsTablet]: !K && !L,
+            [l.centeredList]: V === "column",
+            [l.column]: V === "column",
+            [l.twoElementsPerLine]: X === 2,
+            [l.oneElementPerLine]: X === 1,
+            [l.indexLayoutList]: pe,
+            [l.listIsDesktop]: L,
+            [l.listIsTablet]: Me && !L,
+            [l.listIsMobile]: K
           }),
           style: { gap: ve },
           children: [
@@ -229,14 +239,14 @@ const ct = ({
           ]
         }
       ),
-      !k && Se !== !1 && /* @__PURE__ */ u(
+      !k && Se !== !1 && /* @__PURE__ */ g(
         He,
         {
           buttonText: J.formatMessage({
             id: "action.see_more",
             defaultMessage: "See more"
           }),
-          currentPage: g,
+          currentPage: h,
           perPage: v,
           totalElements: Y || O,
           onLoad: xe,

package/dist/components/user_content/content_footer/ContentFooter.js

@@ -14,7 +14,7 @@ import { Link as nt } from "../../action/link/Link.js";
 import { Icon as l } from "../../icons/icon/Icon.js";
 import { ShareButton as ot } from "../../share/share_button/ShareButton.js";
 import { Dropdown as at } from "../../dialog/dropdown/Dropdown.js";
-const rt = O(() => import("../../share/share_modal/index.js").then((n) => ({ default: n.ShareModal }))), vt = ({
+const rt = O(() => import("../../share/share_modal/index.js").then((n) => ({ default: n.ShareModal }))), Dt = ({
   resource: n,
   reportType: I,
   deleteType: k,
@@ -36,9 +36,9 @@ const rt = O(() => import("../../share/share_modal/index.js").then((n) => ({ def
   showShareText: T,
   enableEdition: j = !0,
   enableDeletion: F = !0,
-  enableReport: B = !0,
-  containerClassName: L,
-  voteActionClassName: P,
+  enableReport: P = !0,
+  containerClassName: B,
+  voteActionClassName: L,
   replyRedirectUrl: g
 }) => {
   const o = Q(), y = V(), { currentUser: d } = X(), { showModal: U } = Y(), { setInputContent: W } = Z() || {}, { reportContent: w } = $(I, n.id), { deleteContent: M } = tt(
@@ -46,7 +46,7 @@ const rt = O(() => import("../../share/share_modal/index.js").then((n) => ({ def
     k,
     N,
     x
-  ), { elementWidth: c } = et(), q = () => d?.id ? n.author?.id === d?.id || n.debate_suggestion?.author?.id === d?.id : !1, D = () => {
+  ), { elementWidth: c } = et(), q = () => d?.id ? n.author?.id === d?.id || n.debate_suggestion?.author?.id === d?.id : !1, v = () => {
     W(n);
   }, G = () => {
     if (n.created_at && y.actions?.editionTime) {
@@ -58,7 +58,7 @@ const rt = O(() => import("../../share/share_modal/index.js").then((n) => ({ def
       return /* @__PURE__ */ new Date() < a;
     }
     return !0;
-  }, v = () => {
+  }, D = () => {
     U(
       /* @__PURE__ */ t(J, { fallback: null, children: /* @__PURE__ */ t(
         rt,
@@ -75,14 +75,14 @@ const rt = O(() => import("../../share/share_modal/index.js").then((n) => ({ def
   }, i = (a) => (s) => {
     (s.key === "Enter" || s.key === " ") && (s.preventDefault(), a());
   };
-  return /* @__PURE__ */ r("div", { className: b(e.container, L), children: [
+  return /* @__PURE__ */ r("div", { className: b(e.container, B), children: [
     /* @__PURE__ */ t(
       "div",
       {
         onKeyDown: (a) => {
           (a.key === "Enter" || a.key === " ") && (a.preventDefault(), onClick());
         },
-        className: b(e.voteAction, P),
+        className: b(e.voteAction, L),
         "data-tid": "action_vote_argument",
         children: C
       }
@@ -159,6 +159,7 @@ const rt = O(() => import("../../share/share_modal/index.js").then((n) => ({ def
           {
             className: e.moreActionDropdown,
             horizontalPosition: "right",
+            verticalPosition: "top",
             children: [
               /* @__PURE__ */ t(
                 l,
@@ -181,8 +182,8 @@ const rt = O(() => import("../../share/share_modal/index.js").then((n) => ({ def
                       "data-tid": "action_edit_argument",
                       className: e.dropdownItem,
                       tabIndex: "0",
-                      onClick: D,
-                      onKeyDown: i(D),
+                      onClick: v,
+                      onKeyDown: i(v),
                       children: o.formatMessage({
                         id: "user_content.content_footer.update",
                         defaultMessage: "Update"
@@ -204,7 +205,7 @@ const rt = O(() => import("../../share/share_modal/index.js").then((n) => ({ def
                     }
                   )
                 ] }),
-                B && /* @__PURE__ */ t(
+                P && /* @__PURE__ */ t(
                   "div",
                   {
                     "data-tid": "action_report_argument",
@@ -225,8 +226,8 @@ const rt = O(() => import("../../share/share_modal/index.js").then((n) => ({ def
                     "data-tid": "action_share_argument",
                     className: e.dropdownItem,
                     tabIndex: "0",
-                    onClick: v,
-                    onKeyDown: i(v),
+                    onClick: D,
+                    onKeyDown: i(D),
                     children: o.formatMessage({
                       id: "user_content.content_footer.share",
                       defaultMessage: "Share"
@@ -242,5 +243,5 @@ const rt = O(() => import("../../share/share_modal/index.js").then((n) => ({ def
   ] });
 };
 export {
-  vt as ContentFooter
+  Dt as ContentFooter
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logora/debate",
-  "version": "0.3.117",
+  "version": "0.3.119",
   "type": "module",
   "license": "AGPL-3.0",
   "description": "Design system of @Logora made with React",

package/dist/assets/components/dialog/dropdown/Dropdown.module-FG2Sqrqs.css

@@ -1 +0,0 @@
-._dropdownWrapper_zrxfa_3{position:relative;display:inline-block}._dropdownHeader_zrxfa_8{border:none;padding:0!important;cursor:pointer;background-color:var(--background-color-primary, white)}._dropdownHeader_zrxfa_8:focus:not(:focus-visible){outline:none;box-shadow:none}._dropdownList_zrxfa_19{position:absolute;top:calc(100% + 2px);z-index:3;background:var(--background-color-primary, white);box-shadow:var(--box-shadow, 0px 2px 5px rgba(7, 42, 68, .1));border:var(--box-border, 1px solid rgba(7, 42, 68, .1));border-radius:var(--box-border-radius, 6px);overscroll-behavior-y:contain;width:max-content}._left_zrxfa_31{left:0!important}._right_zrxfa_35{right:0!important}._center_zrxfa_39{left:50%;transform:translate(-50%)}