@logora/debate 0.2.2 → 0.2.3

package/dist/components/navbar/navbar_modal/NavbarModal.js

@@ -1,156 +1,184 @@
-import { Link as e } from "../../action/link/Link.js";
-import { Icon as t } from "../../icons/icon/Icon.js";
-import { useAuth as n } from "../../auth/use_auth/useAuth.js";
-import { useConfig as r } from "../../data/config_provider/useConfig.js";
-import { useRoutes as i } from "../../data/config_provider/useRoutes.js";
-import { useResponsive as a } from "../../hooks/use_responsive/useResponsive.js";
-import { useModal as o } from "../../dialog/modal/useModal.js";
-import { Modal as s } from "../../dialog/modal/Modal.js";
-import { useAuthRequired as c } from "../../hooks/use_auth_required/useAuthRequired.js";
-import { Avatar as l } from "../../user/avatar/Avatar.js";
-import u from "./NavbarModal.module.js";
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import a from "classnames";
 import "react";
-import { matchPath as d } from "react-router-dom";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import m from "classnames";
-import { FormattedMessage as h } from "react-intl";
-import { useLocation as g } from "react-router";
-//#region src/components/navbar/navbar_modal/NavbarModal.jsx
-var _ = () => {
-	let { hideModal: _ } = o(), v = r(), y = i(), { pathname: b } = g(), { isLoggedIn: x, currentUser: S } = n(), C = c(), { isMobile: w, elementWidth: T } = a?.() || {}, E = w && T <= 576 && !v.isDrawer, D = (e) => !!d(e, b), O = () => {
-		C({});
-	};
-	return /* @__PURE__ */ p(s, {
-		fullScreen: !v.isDrawer,
-		showCloseButton: !0,
-		children: [/* @__PURE__ */ p("div", {
-			className: u.modalContainer,
-			children: [/* @__PURE__ */ f("div", {
-				className: u.modalTitle,
-				children: /* @__PURE__ */ f(h, {
-					id: "info.menu",
-					defaultMessage: "Navigation"
-				})
-			}), /* @__PURE__ */ p("div", {
-				className: u.navigationContainer,
-				children: [
-					/* @__PURE__ */ f("div", {
-						className: m(u.modalItem, { [u.active]: D(y.indexLocation.path) || D(y.debateShowLocation.path) || D(y.rootLocation.path || "/") }),
-						onClick: _,
-						children: /* @__PURE__ */ p(e, {
-							className: m(u.itemContainer, { [u.activeItem]: D(y.indexLocation.path) || D(y.debateShowLocation.path) || D(y.rootLocation.path || "/") }),
-							to: y.indexLocation.toUrl(),
-							"data-tid": "view_index",
-							children: [/* @__PURE__ */ f(t, {
-								name: "chat",
-								height: 24,
-								width: 24
-							}), /* @__PURE__ */ f("span", {
-								className: u.text,
-								children: /* @__PURE__ */ f(h, {
-									id: "info.all_debates_short",
-									defaultMessage: "Debates"
-								})
-							})]
-						})
-					}),
-					v.modules.consultation && /* @__PURE__ */ f("div", {
-						className: m(u.modalItem, { [u.active]: D(y.consultationIndexLocation.path) || D(y.consultationShowLocation.path) }),
-						onClick: _,
-						children: /* @__PURE__ */ p(e, {
-							className: m(u.itemContainer, { [u.activeItem]: D(y.consultationIndexLocation.path) || D(y.consultationShowLocation.path) }),
-							to: y.consultationIndexLocation.toUrl(),
-							"data-tid": "view_consultation",
-							children: [/* @__PURE__ */ f(t, {
-								name: "community",
-								height: 24,
-								width: 24
-							}), /* @__PURE__ */ f("span", {
-								className: m(u.text, u.consultationText),
-								children: /* @__PURE__ */ f(h, {
-									id: "info.consultations",
-									defaultMessage: "Consultations"
-								})
-							})]
-						})
-					}),
-					v.modules.suggestions?.active === !1 ? null : /* @__PURE__ */ f("div", {
-						className: m(u.modalItem, { [u.active]: D(y.suggestionLocation.path) }),
-						onClick: _,
-						children: /* @__PURE__ */ p(e, {
-							className: m(u.itemContainer, { [u.activeItem]: D(y.suggestionLocation.path) }),
-							to: y.suggestionLocation.toUrl(),
-							"data-tid": "view_suggestions",
-							children: [/* @__PURE__ */ f(t, {
-								name: "suggestion",
-								height: 24,
-								width: 24
-							}), /* @__PURE__ */ f("span", {
-								className: u.text,
-								children: /* @__PURE__ */ f(h, {
-									id: "info.suggestion",
-									defaultMessage: "Suggestions"
-								})
-							})]
-						})
-					}),
-					x && E && /* @__PURE__ */ f("div", {
-						className: m(u.modalItem, { [u.active]: D(y.userShowLocation.path) || D(y.userEditLocation.path) }),
-						onClick: _,
-						children: /* @__PURE__ */ f(e, {
-							className: m(u.itemContainer, { [u.activeItem]: D(y.userShowLocation.path) || D(y.userEditLocation.path) }),
-							to: y.userShowLocation.toUrl({ userSlug: S.hash_id }),
-							"data-tid": "view_user_profile",
-							children: /* @__PURE__ */ p("div", {
-								"data-tid": "view_user_profile",
-								className: u.profile,
-								children: [/* @__PURE__ */ f(l, {
-									avatarUrl: S.image_url,
-									userName: S.full_name,
-									size: 24,
-									"data-tid": "view_user_profile"
-								}), /* @__PURE__ */ f("span", {
-									className: u.text,
-									children: /* @__PURE__ */ f(h, {
-										id: "info.profile",
-										defaultMessage: "Profile"
-									})
-								})]
-							})
-						})
-					}),
-					!x && v?.actions?.hideLoginButton !== !0 && /* @__PURE__ */ f("div", {
-						className: u.modalItem,
-						"data-tid": "action_login_link",
-						onClick: O,
-						children: /* @__PURE__ */ p("div", {
-							className: u.itemContainer,
-							"data-tid": "action_login_link",
-							children: [/* @__PURE__ */ f(t, {
-								name: "login",
-								height: 24,
-								width: 24
-							}), /* @__PURE__ */ f("span", {
-								className: u.text,
-								children: /* @__PURE__ */ f(h, {
-									id: "action.sign_in",
-									defaultMessage: "Sign in"
-								})
-							})]
-						})
-					})
-				]
-			})]
-		}), !v.isDrawer && /* @__PURE__ */ f("div", {
-			className: u.mobileExitButton,
-			onClick: _,
-			children: /* @__PURE__ */ f(t, {
-				name: "mobileClose",
-				width: 50,
-				height: 50
-			})
-		})]
-	});
+import { FormattedMessage as l } from "react-intl";
+import { useLocation as _ } from "react-router";
+import { matchPath as x } from "react-router-dom";
+import t from "./NavbarModal.module.scss.js";
+import { useModal as C } from "../../dialog/modal/useModal.js";
+import { useConfig as I } from "../../data/config_provider/useConfig.js";
+import { useRoutes as M } from "../../data/config_provider/useRoutes.js";
+import { useAuth as S } from "../../auth/use_auth/useAuth.js";
+import { useAuthRequired as b } from "../../hooks/use_auth_required/useAuthRequired.js";
+import { useResponsive as k } from "../../hooks/use_responsive/useResponsive.js";
+import { Modal as U } from "../../dialog/modal/Modal.js";
+import { Link as d } from "../../action/link/Link.js";
+import { Icon as c } from "../../icons/icon/Icon.js";
+import { Avatar as A } from "../../user/avatar/Avatar.js";
+const Q = () => {
+  const { hideModal: r } = C(), s = I(), o = M(), { pathname: u } = _(), { isLoggedIn: h, currentUser: m } = S(), p = b(), g = k?.() || {}, { isMobile: f, elementWidth: v } = g, L = f && v <= 576 && !s.isDrawer, e = (N) => !!x(N, u), w = () => {
+    p({});
+  };
+  return /* @__PURE__ */ n(U, { fullScreen: !s.isDrawer, showCloseButton: !0, children: [
+    /* @__PURE__ */ n("div", { className: t.modalContainer, children: [
+      /* @__PURE__ */ i("div", { className: t.modalTitle, children: /* @__PURE__ */ i(l, { id: "info.menu", defaultMessage: "Navigation" }) }),
+      /* @__PURE__ */ n("div", { className: t.navigationContainer, children: [
+        /* @__PURE__ */ i(
+          "div",
+          {
+            className: a(t.modalItem, {
+              [t.active]: e(o.indexLocation.path) || e(o.debateShowLocation.path) || e(o.rootLocation.path || "/")
+            }),
+            onClick: r,
+            children: /* @__PURE__ */ n(
+              d,
+              {
+                className: a(t.itemContainer, {
+                  [t.activeItem]: e(o.indexLocation.path) || e(o.debateShowLocation.path) || e(o.rootLocation.path || "/")
+                }),
+                to: o.indexLocation.toUrl(),
+                "data-tid": "view_index",
+                children: [
+                  /* @__PURE__ */ i(c, { name: "chat", height: 24, width: 24 }),
+                  /* @__PURE__ */ i("span", { className: t.text, children: /* @__PURE__ */ i(
+                    l,
+                    {
+                      id: "info.all_debates_short",
+                      defaultMessage: "Debates"
+                    }
+                  ) })
+                ]
+              }
+            )
+          }
+        ),
+        s.modules.consultation && /* @__PURE__ */ i(
+          "div",
+          {
+            className: a(t.modalItem, {
+              [t.active]: e(o.consultationIndexLocation.path) || e(o.consultationShowLocation.path)
+            }),
+            onClick: r,
+            children: /* @__PURE__ */ n(
+              d,
+              {
+                className: a(t.itemContainer, {
+                  [t.activeItem]: e(o.consultationIndexLocation.path) || e(o.consultationShowLocation.path)
+                }),
+                to: o.consultationIndexLocation.toUrl(),
+                "data-tid": "view_consultation",
+                children: [
+                  /* @__PURE__ */ i(c, { name: "community", height: 24, width: 24 }),
+                  /* @__PURE__ */ i("span", { className: a(t.text, t.consultationText), children: /* @__PURE__ */ i(
+                    l,
+                    {
+                      id: "info.consultations",
+                      defaultMessage: "Consultations"
+                    }
+                  ) })
+                ]
+              }
+            )
+          }
+        ),
+        s.modules.suggestions?.active === !1 ? null : /* @__PURE__ */ i(
+          "div",
+          {
+            className: a(t.modalItem, {
+              [t.active]: e(o.suggestionLocation.path)
+            }),
+            onClick: r,
+            children: /* @__PURE__ */ n(
+              d,
+              {
+                className: a(t.itemContainer, {
+                  [t.activeItem]: e(o.suggestionLocation.path)
+                }),
+                to: o.suggestionLocation.toUrl(),
+                "data-tid": "view_suggestions",
+                children: [
+                  /* @__PURE__ */ i(c, { name: "suggestion", height: 24, width: 24 }),
+                  /* @__PURE__ */ i("span", { className: t.text, children: /* @__PURE__ */ i(
+                    l,
+                    {
+                      id: "info.suggestion",
+                      defaultMessage: "Suggestions"
+                    }
+                  ) })
+                ]
+              }
+            )
+          }
+        ),
+        h && L && /* @__PURE__ */ i(
+          "div",
+          {
+            className: a(t.modalItem, {
+              [t.active]: e(o.userShowLocation.path) || e(o.userEditLocation.path)
+            }),
+            onClick: r,
+            children: /* @__PURE__ */ i(
+              d,
+              {
+                className: a(t.itemContainer, {
+                  [t.activeItem]: e(o.userShowLocation.path) || e(o.userEditLocation.path)
+                }),
+                to: o.userShowLocation.toUrl({
+                  userSlug: m.hash_id
+                }),
+                "data-tid": "view_user_profile",
+                children: /* @__PURE__ */ n("div", { "data-tid": "view_user_profile", className: t.profile, children: [
+                  /* @__PURE__ */ i(
+                    A,
+                    {
+                      avatarUrl: m.image_url,
+                      userName: m.full_name,
+                      size: 24,
+                      "data-tid": "view_user_profile"
+                    }
+                  ),
+                  /* @__PURE__ */ i("span", { className: t.text, children: /* @__PURE__ */ i(
+                    l,
+                    {
+                      id: "info.profile",
+                      defaultMessage: "Profile"
+                    }
+                  ) })
+                ] })
+              }
+            )
+          }
+        ),
+        !h && s?.actions?.hideLoginButton !== !0 && /* @__PURE__ */ i(
+          "div",
+          {
+            className: t.modalItem,
+            "data-tid": "action_login_link",
+            onClick: w,
+            children: /* @__PURE__ */ n(
+              "div",
+              {
+                className: t.itemContainer,
+                "data-tid": "action_login_link",
+                children: [
+                  /* @__PURE__ */ i(c, { name: "login", height: 24, width: 24 }),
+                  /* @__PURE__ */ i("span", { className: t.text, children: /* @__PURE__ */ i(
+                    l,
+                    {
+                      id: "action.sign_in",
+                      defaultMessage: "Sign in"
+                    }
+                  ) })
+                ]
+              }
+            )
+          }
+        )
+      ] })
+    ] }),
+    !s.isDrawer && /* @__PURE__ */ i("div", { className: t.mobileExitButton, onClick: r, children: /* @__PURE__ */ i(c, { name: "mobileClose", width: 50, height: 50 }) })
+  ] });
+};
+export {
+  Q as NavbarModal
 };
-//#endregion
-export { _ as NavbarModal };

package/dist/components/navbar/navbar_modal/NavbarModal.module.scss.js

@@ -0,0 +1,25 @@
+import '../../../assets/components/navbar/navbar_modal/NavbarModal.module-B02ZOEuE.css';const t = "_modalContainer_o3sxy_3", o = "_modalTitle_o3sxy_22", e = "_navigationContainer_o3sxy_29", n = "_modalItem_o3sxy_33", i = "_active_o3sxy_41", a = "_itemContainer_o3sxy_53", _ = "_activeItem_o3sxy_69", s = "_profile_o3sxy_90", m = "_text_o3sxy_101", l = "_mobileExitButton_o3sxy_108", c = {
+  modalContainer: t,
+  modalTitle: o,
+  navigationContainer: e,
+  modalItem: n,
+  active: i,
+  itemContainer: a,
+  activeItem: _,
+  profile: s,
+  text: m,
+  mobileExitButton: l
+};
+export {
+  i as active,
+  _ as activeItem,
+  c as default,
+  a as itemContainer,
+  l as mobileExitButton,
+  t as modalContainer,
+  n as modalItem,
+  o as modalTitle,
+  e as navigationContainer,
+  s as profile,
+  m as text
+};

package/dist/components/notification/notification_item/NotificationItem.js

@@ -1,49 +1,79 @@
-import { useDataProvider as e } from "../../data/data_provider/useDataProvider.js";
-import { useConfig as t } from "../../data/config_provider/useConfig.js";
-import { useRoutes as n } from "../../data/config_provider/useRoutes.js";
-import { useRelativeTime as r } from "../../hooks/use_relative_time/useRelativeTime.js";
-import i from "./NotificationItem.module.js";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import w from "classnames";
 import "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import s from "classnames";
-import { useIntl as c } from "react-intl";
-import { useNavigate as l } from "react-router";
-//#region src/components/notification/notification_item/NotificationItem.jsx
-var u = ({ notification: u, notificationDefinitions: d = {}, isRead: f }) => {
-	let { id: p, created_at: m, notify_type: h, is_opened: g } = u, _ = c(), v = n(), y = e(), b = l(), x = r(new Date(m).getTime()), S = t();
-	if (!(h in d)) return null;
-	let C = d[h], w = () => {
-		if (typeof window < "u") {
-			let e = C.getRedirectUrl(u, v, S);
-			e?.pathname?.startsWith("http") ? window.location.href = e.pathname : b(e);
-		}
-		g || y.create(`notifications/read/${p}`, {}).catch(() => {});
-	};
-	return /* @__PURE__ */ a("div", {
-		className: i.notificationItem,
-		tabIndex: "0",
-		onClick: () => w(),
-		children: /* @__PURE__ */ o("div", {
-			"data-tid": "action_view_notification",
-			className: s(i.notificationItemBody, { [i.read]: g || f }),
-			children: [/* @__PURE__ */ a("div", {
-				"data-tid": "action_view_notification",
-				className: i.notificationImageContainer,
-				children: C.getImage(u)
-			}), /* @__PURE__ */ o("div", {
-				"data-tid": "action_view_notification",
-				className: i.notificationItemContent,
-				children: [/* @__PURE__ */ a("div", {
-					"data-tid": "action_view_notification",
-					children: C.getContent(u, _)
-				}), /* @__PURE__ */ a("div", {
-					"data-tid": "action_view_notification",
-					className: i.notificationItemDate,
-					children: x
-				})]
-			})]
-		})
-	});
+import { useIntl as I } from "react-intl";
+import { useNavigate as N } from "react-router";
+import t from "./NotificationItem.module.scss.js";
+import { useRoutes as C } from "../../data/config_provider/useRoutes.js";
+import { useDataProvider as x } from "../../data/data_provider/useDataProvider.js";
+import { useRelativeTime as y } from "../../hooks/use_relative_time/useRelativeTime.js";
+import { useConfig as R } from "../../data/config_provider/useConfig.js";
+const $ = ({
+  notification: i,
+  notificationDefinitions: a = {},
+  isRead: d
+}) => {
+  const { id: m, created_at: f, notify_type: c, is_opened: r } = i, l = I(), p = C(), v = x(), h = N(), _ = y(new Date(f).getTime()), u = R();
+  if (!(c in a))
+    return null;
+  const o = a[c], g = () => {
+    if (typeof window < "u") {
+      const n = o.getRedirectUrl(
+        i,
+        p,
+        u
+      );
+      n?.pathname?.startsWith("http") ? window.location.href = n.pathname : h(n);
+    }
+    r || v.create(`notifications/read/${m}`, {}).catch(() => {
+    });
+  };
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: t.notificationItem,
+      tabIndex: "0",
+      onClick: () => g(),
+      children: /* @__PURE__ */ s(
+        "div",
+        {
+          "data-tid": "action_view_notification",
+          className: w(t.notificationItemBody, {
+            [t.read]: r || d
+          }),
+          children: [
+            /* @__PURE__ */ e(
+              "div",
+              {
+                "data-tid": "action_view_notification",
+                className: t.notificationImageContainer,
+                children: o.getImage(i)
+              }
+            ),
+            /* @__PURE__ */ s(
+              "div",
+              {
+                "data-tid": "action_view_notification",
+                className: t.notificationItemContent,
+                children: [
+                  /* @__PURE__ */ e("div", { "data-tid": "action_view_notification", children: o.getContent(i, l) }),
+                  /* @__PURE__ */ e(
+                    "div",
+                    {
+                      "data-tid": "action_view_notification",
+                      className: t.notificationItemDate,
+                      children: _
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  $ as NotificationItem
 };
-//#endregion
-export { u as NotificationItem };

package/dist/components/notification/notification_item/NotificationItem.module.scss.js

@@ -0,0 +1,17 @@
+import '../../../assets/components/notification/notification_item/NotificationItem.module-BWdhgSy4.css';const t = "_notificationItem_1rrmp_3", n = "_notificationItemBody_1rrmp_13", i = "_read_1rrmp_24", o = "_notificationImageContainer_1rrmp_31", e = "_notificationItemContent_1rrmp_40", a = "_notificationItemDate_1rrmp_45", c = {
+  notificationItem: t,
+  notificationItemBody: n,
+  read: i,
+  notificationImageContainer: o,
+  notificationItemContent: e,
+  notificationItemDate: a
+};
+export {
+  c as default,
+  o as notificationImageContainer,
+  t as notificationItem,
+  n as notificationItemBody,
+  e as notificationItemContent,
+  a as notificationItemDate,
+  i as read
+};

package/dist/components/notification/notification_menu/NotificationMenu.js

@@ -1,53 +1,60 @@
-import { useDataProvider as e } from "../../data/data_provider/useDataProvider.js";
-import { PaginatedList as t } from "../../list/paginated_list/PaginatedList.js";
-import { UserContentSkeleton as n } from "../../skeleton/user_content_skeleton/UserContentSkeleton.js";
-import { NotificationItem as r } from "../notification_item/NotificationItem.js";
-import i from "./NotificationMenu.module.js";
-import { useState as a } from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { useIntl as l } from "react-intl";
-//#region src/components/notification/notification_menu/NotificationMenu.jsx
-var u = ({ notificationDefinitions: u = {} }) => {
-	let d = l(), f = e(), [p, m] = a(!1);
-	return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ c("div", {
-		className: i.notificationMenuHeader,
-		children: [/* @__PURE__ */ s("div", {
-			className: i.notificationMenuHeaderText,
-			children: d.formatMessage({
-				id: "header.notifications",
-				defaultMessage: "Alerts"
-			})
-		}), /* @__PURE__ */ s("div", {
-			id: "read_all_notifications",
-			"data-tid": "action_read_all_notifications",
-			className: i.readNotificationsButton,
-			tabIndex: "0",
-			onClick: () => {
-				m(!0), f.create("notifications/read/all", {}).then(() => {});
-			},
-			children: d.formatMessage({
-				id: "notifications.read_all",
-				defaultMessage: "Mark all as read"
-			})
-		})]
-	}), /* @__PURE__ */ s("div", {
-		className: i.notificationList,
-		children: /* @__PURE__ */ s(t, {
-			currentListId: "notificationList",
-			loadingComponent: /* @__PURE__ */ s(n, { numberLines: 0 }),
-			resourcePropName: "notification",
-			resource: "notifications",
-			sort: "-created_at",
-			perPage: 10,
-			withToken: !0,
-			display: "column",
-			gap: "0px",
-			children: /* @__PURE__ */ s(r, {
-				notificationDefinitions: u,
-				isRead: p
-			})
-		})
-	})] });
+import { jsxs as a, Fragment as l, jsx as t } from "react/jsx-runtime";
+import { useState as d } from "react";
+import { useIntl as m } from "react-intl";
+import i from "./NotificationMenu.module.scss.js";
+import { useDataProvider as f } from "../../data/data_provider/useDataProvider.js";
+import { PaginatedList as u } from "../../list/paginated_list/PaginatedList.js";
+import { NotificationItem as p } from "../notification_item/NotificationItem.js";
+import { UserContentSkeleton as h } from "../../skeleton/user_content_skeleton/UserContentSkeleton.js";
+const C = ({ notificationDefinitions: o = {} }) => {
+  const e = m(), n = f(), [r, s] = d(!1), c = () => {
+    s(!0), n.create("notifications/read/all", {}).then(() => {
+    });
+  };
+  return /* @__PURE__ */ a(l, { children: [
+    /* @__PURE__ */ a("div", { className: i.notificationMenuHeader, children: [
+      /* @__PURE__ */ t("div", { className: i.notificationMenuHeaderText, children: e.formatMessage({
+        id: "header.notifications",
+        defaultMessage: "Alerts"
+      }) }),
+      /* @__PURE__ */ t(
+        "div",
+        {
+          id: "read_all_notifications",
+          "data-tid": "action_read_all_notifications",
+          className: i.readNotificationsButton,
+          tabIndex: "0",
+          onClick: c,
+          children: e.formatMessage({
+            id: "notifications.read_all",
+            defaultMessage: "Mark all as read"
+          })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("div", { className: i.notificationList, children: /* @__PURE__ */ t(
+      u,
+      {
+        currentListId: "notificationList",
+        loadingComponent: /* @__PURE__ */ t(h, { numberLines: 0 }),
+        resourcePropName: "notification",
+        resource: "notifications",
+        sort: "-created_at",
+        perPage: 10,
+        withToken: !0,
+        display: "column",
+        gap: "0px",
+        children: /* @__PURE__ */ t(
+          p,
+          {
+            notificationDefinitions: o,
+            isRead: r
+          }
+        )
+      }
+    ) })
+  ] });
+};
+export {
+  C as NotificationMenu
 };
-//#endregion
-export { u as NotificationMenu };