@logora/debate 0.2.2 → 0.2.3

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

@@ -1,171 +1,246 @@
-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 { useResponsive as i } from "../../hooks/use_responsive/useResponsive.js";
-import { Dropdown as a } from "../../dialog/dropdown/Dropdown.js";
-import { useModal as o } from "../../dialog/modal/useModal.js";
-import { useInput as s } from "../../input/input_provider/useInput.js";
-import { ShareButton as c } from "../../share/share_button/ShareButton.js";
-import { useDeleteContent as l } from "../use_delete_content/useDeleteContent.js";
-import { useReportContent as ee } from "../use_report_content/useReportContent.js";
-import u from "./ContentFooter.module.js";
-import { Suspense as d, lazy as f } from "react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import g from "classnames";
-import { useIntl as _ } from "react-intl";
-//#region src/components/user_content/content_footer/ContentFooter.jsx
-var v = f(() => import("../../share/share_modal/index.js")), y = ({ resource: f, reportType: y, deleteType: b, deleteListId: x, softDelete: S = !1, disabled: C = !1, children: te, enableReply: w, handleReplyTo: T, showActions: E = !0, showShareButton: D = !0, shareModal: O, shareUrl: k, shareTitle: A, shareText: j, shareModalTitle: M, showShareCode: N, shareCode: P, showShareText: F, enableEdition: I = !0, enableDeletion: L = !0, enableReport: R = !0, containerClassName: z, voteActionClassName: B, replyRedirectUrl: V }) => {
-	let H = _(), U = r(), { currentUser: W } = n(), { showModal: G } = o(), { setInputContent: K } = s() || {}, { reportContent: q } = ee(y, f.id), { deleteContent: J } = l(f, b, x, S), { elementWidth: Y } = i(), X = () => W?.id ? f.author?.id === W?.id || f.debate_suggestion?.author?.id === W?.id : !1, Z = () => {
-		K(f);
-	}, ne = () => {
-		if (f.created_at && U.actions?.editionTime) {
-			let e = new Date(new Date(f.created_at).setSeconds(new Date(f.created_at).getSeconds() + U.actions?.editionTime));
-			return /* @__PURE__ */ new Date() < e;
-		}
-		return !0;
-	}, Q = () => {
-		G(/* @__PURE__ */ m(d, {
-			fallback: null,
-			children: /* @__PURE__ */ m(v, {
-				shareUrl: k,
-				shareTitle: A,
-				shareText: j,
-				title: M,
-				showShareCode: N,
-				shareCode: P
-			})
-		}));
-	}, $ = (e) => (t) => {
-		(t.key === "Enter" || t.key === " ") && (t.preventDefault(), e());
-	};
-	return /* @__PURE__ */ h("div", {
-		className: g(u.container, z),
-		children: [
-			/* @__PURE__ */ m("div", {
-				onKeyDown: (e) => {
-					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), onClick());
-				},
-				className: g(u.voteAction, B),
-				"data-tid": "action_vote_argument",
-				children: te
-			}),
-			!C && w && /* @__PURE__ */ m("div", {
-				"data-tid": "action_reply_argument",
-				"data-testid": "reply-button",
-				children: V ? /* @__PURE__ */ h(e, {
-					to: V,
-					className: u.replyAction,
-					tabIndex: "0",
-					"data-testid": "action-reply-button",
-					children: [/* @__PURE__ */ m(t, {
-						name: "reply",
-						"data-tid": "action_reply_argument",
-						height: 17,
-						width: 17
-					}), !(Y < 768) && /* @__PURE__ */ m("span", {
-						className: u.replyText,
-						children: H.formatMessage({
-							id: "user_content.content_footer.reply",
-							defaultMessage: "Reply"
-						})
-					})]
-				}) : /* @__PURE__ */ h("button", {
-					type: "button",
-					className: u.replyAction,
-					onClick: T,
-					"data-testid": "action-reply-button",
-					children: [/* @__PURE__ */ m(t, {
-						name: "reply",
-						"data-tid": "action_reply_argument",
-						height: 17,
-						width: 17
-					}), !(Y < 768) && /* @__PURE__ */ m("span", {
-						className: u.replyText,
-						children: H.formatMessage({
-							id: "user_content.content_footer.reply",
-							defaultMessage: "Reply"
-						})
-					})]
-				})
-			}),
-			D && /* @__PURE__ */ m(c, {
-				shareUrl: k,
-				shareTitle: A,
-				shareText: j,
-				showShareCode: N,
-				shareCode: P,
-				showText: !(Y < 768) && F,
-				iconSize: 17
-			}),
-			E && /* @__PURE__ */ m("div", {
-				className: u.moreAction,
-				title: H.formatMessage({
-					id: "user_content.content_footer.more",
-					defaultMessage: "More options"
-				}),
-				children: /* @__PURE__ */ h(a, {
-					className: u.moreActionDropdown,
-					horizontalPosition: "right",
-					children: [/* @__PURE__ */ m(t, {
-						name: "ellipsis",
-						width: 17,
-						height: 17,
-						"data-testid": "dropdown",
-						"aria-label": H.formatMessage({
-							id: "user_content.content_footer.menu.aria_label",
-							defaultMessage: "opens menu"
-						})
-					}), /* @__PURE__ */ h("div", { children: [
-						X() && /* @__PURE__ */ h(p, { children: [!C && I && ne() && /* @__PURE__ */ m("div", {
-							"data-tid": "action_edit_argument",
-							className: u.dropdownItem,
-							tabIndex: "0",
-							onClick: Z,
-							onKeyDown: $(Z),
-							children: H.formatMessage({
-								id: "user_content.content_footer.update",
-								defaultMessage: "Update"
-							})
-						}), L && /* @__PURE__ */ m("div", {
-							"data-tid": "action_delete_argument",
-							className: u.dropdownItem,
-							tabIndex: "0",
-							onClick: J,
-							onKeyDown: $(J),
-							children: H.formatMessage({
-								id: "user_content.content_footer.delete",
-								defaultMessage: "Delete"
-							})
-						})] }),
-						R && /* @__PURE__ */ m("div", {
-							"data-tid": "action_report_argument",
-							className: u.dropdownItem,
-							tabIndex: "0",
-							onClick: q,
-							"data-testid": "report-content",
-							onKeyDown: $(q),
-							children: H.formatMessage({
-								id: "user_content.content_footer.report",
-								defaultMessage: "Report"
-							})
-						}),
-						O && /* @__PURE__ */ m("div", {
-							"data-tid": "action_share_argument",
-							className: u.dropdownItem,
-							tabIndex: "0",
-							onClick: Q,
-							onKeyDown: $(Q),
-							children: H.formatMessage({
-								id: "user_content.content_footer.share",
-								defaultMessage: "Share"
-							})
-						})
-					] })]
-				})
-			})
-		]
-	});
+import { jsxs as r, jsx as t, Fragment as H } from "react/jsx-runtime";
+import { Suspense as J, lazy as O } from "react";
+import { useIntl as Q } from "react-intl";
+import b from "classnames";
+import e from "./ContentFooter.module.scss.js";
+import { useConfig as V } from "../../data/config_provider/useConfig.js";
+import { useAuth as X } from "../../auth/use_auth/useAuth.js";
+import { useModal as Y } from "../../dialog/modal/useModal.js";
+import { useInput as Z } from "../../input/input_provider/useInput.js";
+import { useReportContent as $ } from "../use_report_content/useReportContent.js";
+import { useDeleteContent as tt } from "../use_delete_content/useDeleteContent.js";
+import { useResponsive as et } from "../../hooks/use_responsive/useResponsive.js";
+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")), vt = ({
+  resource: n,
+  reportType: I,
+  deleteType: k,
+  deleteListId: N,
+  softDelete: x = !1,
+  disabled: m = !1,
+  children: C,
+  enableReply: A,
+  handleReplyTo: S,
+  showActions: K = !0,
+  showShareButton: E = !0,
+  shareModal: R,
+  shareUrl: p,
+  shareTitle: u,
+  shareText: f,
+  shareModalTitle: z,
+  showShareCode: _,
+  shareCode: h,
+  showShareText: T,
+  enableEdition: j = !0,
+  enableDeletion: F = !0,
+  enableReport: B = !0,
+  containerClassName: L,
+  voteActionClassName: P,
+  replyRedirectUrl: g
+}) => {
+  const o = Q(), y = V(), { currentUser: d } = X(), { showModal: U } = Y(), { setInputContent: W } = Z() || {}, { reportContent: w } = $(I, n.id), { deleteContent: M } = tt(
+    n,
+    k,
+    N,
+    x
+  ), { elementWidth: c } = et(), q = () => d?.id ? n.author?.id === d?.id || n.debate_suggestion?.author?.id === d?.id : !1, D = () => {
+    W(n);
+  }, G = () => {
+    if (n.created_at && y.actions?.editionTime) {
+      const a = new Date(
+        new Date(n.created_at).setSeconds(
+          new Date(n.created_at).getSeconds() + y.actions?.editionTime
+        )
+      );
+      return /* @__PURE__ */ new Date() < a;
+    }
+    return !0;
+  }, v = () => {
+    U(
+      /* @__PURE__ */ t(J, { fallback: null, children: /* @__PURE__ */ t(
+        rt,
+        {
+          shareUrl: p,
+          shareTitle: u,
+          shareText: f,
+          title: z,
+          showShareCode: _,
+          shareCode: h
+        }
+      ) })
+    );
+  }, i = (a) => (s) => {
+    (s.key === "Enter" || s.key === " ") && (s.preventDefault(), a());
+  };
+  return /* @__PURE__ */ r("div", { className: b(e.container, L), children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        onKeyDown: (a) => {
+          (a.key === "Enter" || a.key === " ") && (a.preventDefault(), onClick());
+        },
+        className: b(e.voteAction, P),
+        "data-tid": "action_vote_argument",
+        children: C
+      }
+    ),
+    !m && A && /* @__PURE__ */ t("div", { "data-tid": "action_reply_argument", "data-testid": "reply-button", children: g ? /* @__PURE__ */ r(
+      nt,
+      {
+        to: g,
+        className: e.replyAction,
+        tabIndex: "0",
+        "data-testid": "action-reply-button",
+        children: [
+          /* @__PURE__ */ t(
+            l,
+            {
+              name: "reply",
+              "data-tid": "action_reply_argument",
+              height: 17,
+              width: 17
+            }
+          ),
+          !(c < 768) && /* @__PURE__ */ t("span", { className: e.replyText, children: o.formatMessage({
+            id: "user_content.content_footer.reply",
+            defaultMessage: "Reply"
+          }) })
+        ]
+      }
+    ) : /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        className: e.replyAction,
+        onClick: S,
+        "data-testid": "action-reply-button",
+        children: [
+          /* @__PURE__ */ t(
+            l,
+            {
+              name: "reply",
+              "data-tid": "action_reply_argument",
+              height: 17,
+              width: 17
+            }
+          ),
+          !(c < 768) && /* @__PURE__ */ t("span", { className: e.replyText, children: o.formatMessage({
+            id: "user_content.content_footer.reply",
+            defaultMessage: "Reply"
+          }) })
+        ]
+      }
+    ) }),
+    E && /* @__PURE__ */ t(
+      ot,
+      {
+        shareUrl: p,
+        shareTitle: u,
+        shareText: f,
+        showShareCode: _,
+        shareCode: h,
+        showText: !(c < 768) && T,
+        iconSize: 17
+      }
+    ),
+    K && /* @__PURE__ */ t(
+      "div",
+      {
+        className: e.moreAction,
+        title: o.formatMessage({
+          id: "user_content.content_footer.more",
+          defaultMessage: "More options"
+        }),
+        children: /* @__PURE__ */ r(
+          at,
+          {
+            className: e.moreActionDropdown,
+            horizontalPosition: "right",
+            children: [
+              /* @__PURE__ */ t(
+                l,
+                {
+                  name: "ellipsis",
+                  width: 17,
+                  height: 17,
+                  "data-testid": "dropdown",
+                  "aria-label": o.formatMessage({
+                    id: "user_content.content_footer.menu.aria_label",
+                    defaultMessage: "opens menu"
+                  })
+                }
+              ),
+              /* @__PURE__ */ r("div", { children: [
+                q() && /* @__PURE__ */ r(H, { children: [
+                  !m && j && G() && /* @__PURE__ */ t(
+                    "div",
+                    {
+                      "data-tid": "action_edit_argument",
+                      className: e.dropdownItem,
+                      tabIndex: "0",
+                      onClick: D,
+                      onKeyDown: i(D),
+                      children: o.formatMessage({
+                        id: "user_content.content_footer.update",
+                        defaultMessage: "Update"
+                      })
+                    }
+                  ),
+                  F && /* @__PURE__ */ t(
+                    "div",
+                    {
+                      "data-tid": "action_delete_argument",
+                      className: e.dropdownItem,
+                      tabIndex: "0",
+                      onClick: M,
+                      onKeyDown: i(M),
+                      children: o.formatMessage({
+                        id: "user_content.content_footer.delete",
+                        defaultMessage: "Delete"
+                      })
+                    }
+                  )
+                ] }),
+                B && /* @__PURE__ */ t(
+                  "div",
+                  {
+                    "data-tid": "action_report_argument",
+                    className: e.dropdownItem,
+                    tabIndex: "0",
+                    onClick: w,
+                    "data-testid": "report-content",
+                    onKeyDown: i(w),
+                    children: o.formatMessage({
+                      id: "user_content.content_footer.report",
+                      defaultMessage: "Report"
+                    })
+                  }
+                ),
+                R && /* @__PURE__ */ t(
+                  "div",
+                  {
+                    "data-tid": "action_share_argument",
+                    className: e.dropdownItem,
+                    tabIndex: "0",
+                    onClick: v,
+                    onKeyDown: i(v),
+                    children: o.formatMessage({
+                      id: "user_content.content_footer.share",
+                      defaultMessage: "Share"
+                    })
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+};
+export {
+  vt as ContentFooter
 };
-//#endregion
-export { y as ContentFooter };

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

@@ -0,0 +1,19 @@
+import '../../../assets/components/user_content/content_footer/ContentFooter.module-B9R3dZFl.css';const o = "_container_173pi_3", t = "_replyAction_173pi_17", n = "_voteAction_173pi_21", e = "_moreAction_173pi_25", c = "_moreActionDropdown_173pi_33", i = "_replyText_173pi_54", r = "_dropdownItem_173pi_58", _ = {
+  container: o,
+  replyAction: t,
+  voteAction: n,
+  moreAction: e,
+  moreActionDropdown: c,
+  replyText: i,
+  dropdownItem: r
+};
+export {
+  o as container,
+  _ as default,
+  r as dropdownItem,
+  e as moreAction,
+  c as moreActionDropdown,
+  t as replyAction,
+  i as replyText,
+  n as voteAction
+};