@logora/debate 0.2.2 → 0.2.3

package/dist/components/user_content/use_report_content/ReportModal.js

@@ -1,265 +1,268 @@
-import { Button as e } from "../../action/button/Button.js";
-import { useAuth as t } from "../../auth/use_auth/useAuth.js";
-import { useDataProvider as n } from "../../data/data_provider/useDataProvider.js";
-import { Loader as r } from "../../progress/loader/Loader.js";
-import { Select as i } from "../../input/select/Select.js";
-import { useModal as a } from "../../dialog/modal/useModal.js";
-import { Modal as o } from "../../dialog/modal/Modal.js";
-import s from "./ReportModal.module.js";
-import { useState as c } from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import f from "classnames";
-import { useIntl as p } from "react-intl";
-//#region src/components/user_content/use_report_content/ReportModal.jsx
-var m = (m) => {
-	let [h, g] = c("SUBMIT"), [_, v] = c(""), [y, b] = c(""), [x, S] = c(""), [C, w] = c(""), [T, E] = c(""), [D, O] = c(!1), { hideModal: k } = a(), { isLoggedIn: A, currentUser: j } = t(), M = p(), N = n();
-	return /* @__PURE__ */ u("div", { children: /* @__PURE__ */ u(o, {
-		"data-vid": "report_modal",
-		title: m.title || M.formatMessage({
-			id: "report.report_modal.title",
-			defaultMessage: "Report content"
-		}),
-		showCloseButton: !0,
-		children: /* @__PURE__ */ u("div", {
-			className: f(s.reportModalBody),
-			children: {
-				SUBMIT: /* @__PURE__ */ d("form", {
-					onSubmit: (e) => {
-						e.preventDefault();
-						let t = {
-							reportable_id: m.reportableId,
-							reportable_type: m.reportableType,
-							classification: y,
-							description: _,
-							first_name: x,
-							last_name: C,
-							email: T
-						};
-						g("LOADING"), N.create("reports", t, {}, A).then((e) => {
-							g("SUCCESS");
-						}, (e) => {
-							g("SUCCESS");
-						});
-					},
-					className: s.reportForm,
-					children: [
-						/* @__PURE__ */ d("div", {
-							className: s.formGroup,
-							children: [/* @__PURE__ */ u("label", {
-								htmlFor: "reportType",
-								children: M.formatMessage({
-									id: "report.report_modal.type_input_label",
-									defaultMessage: "Report type"
-								})
-							}), /* @__PURE__ */ u(i, {
-								onChange: (e) => b(e.value),
-								options: [
-									{
-										name: "EMPTY",
-										value: "",
-										text: M.formatMessage({
-											id: "report.report_modal.select_placeholder",
-											defaultMessage: "Select a reason"
-										})
-									},
-									{
-										name: "TOXICITY",
-										value: "TOXICITY",
-										text: M.formatMessage({
-											id: "report.report_modal.toxicity_option",
-											defaultMessage: "Incivility"
-										})
-									},
-									{
-										name: "OBSCENE",
-										value: "OBSCENE",
-										text: M.formatMessage({
-											id: "report.report_modal.obscene_option",
-											defaultMessage: "Profanity, Sexually explicit, Flirtation, Obscene"
-										})
-									},
-									{
-										name: "HATE_SPEECH",
-										value: "HATE_SPEECH",
-										text: M.formatMessage({
-											id: "report.report_modal.hate_speech_option",
-											defaultMessage: "Hate speech or Identity attack"
-										})
-									},
-									{
-										name: "INCOHERENT",
-										value: "INCOHERENT",
-										text: M.formatMessage({
-											id: "report.report_modal.incoherent_option",
-											defaultMessage: "Incomprehensibility"
-										})
-									},
-									{
-										name: "SPAM",
-										value: "SPAM",
-										text: M.formatMessage({
-											id: "report.report_modal.spam_option",
-											defaultMessage: "Spam : Irrelevant or unsolicited commercial content / Off-topic"
-										})
-									},
-									{
-										name: "UNSUBSTANTIAL",
-										value: "UNSUBSTANTIAL",
-										text: M.formatMessage({
-											id: "report.report_modal.unsubstantial_option",
-											defaultMessage: "Unsubstantial : Trivial or short / Repetition"
-										})
-									}
-								],
-								className: s.select
-							})]
-						}),
-						/* @__PURE__ */ d("div", {
-							className: s.formGroup,
-							children: [
-								/* @__PURE__ */ u("label", {
-									htmlFor: "reportDescription",
-									children: M.formatMessage({
-										id: "report.report_modal.description_input_label",
-										defaultMessage: "Tell us more about your report"
-									})
-								}),
-								/* @__PURE__ */ u("textarea", {
-									className: s.formControl,
-									id: "reportDescription",
-									role: "textbox",
-									rows: 4,
-									value: _,
-									onChange: (e) => v(e.target.value),
-									placeholder: M.formatMessage({
-										id: "report.report_modal.description_input_placeholder",
-										defaultMessage: "Tell us more"
-									})
-								}),
-								j && Object.keys(j).length > 0 && /* @__PURE__ */ u("div", {
-									className: s.formGroup,
-									children: /* @__PURE__ */ d("label", {
-										className: s.checkboxLabel,
-										children: [/* @__PURE__ */ u("input", {
-											type: "checkbox",
-											className: s.checkboxInput,
-											checked: D,
-											onChange: (e) => O(e.target.checked),
-											required: !0
-										}), M.formatMessage({
-											id: "report.report_modal.declaration",
-											defaultMessage: "By submitting this report, I declare that the information provided is, to my knowledge, accurate and complete."
-										})]
-									})
-								})
-							]
-						}),
-						m.allowAnonymousUser && !(j && Object.keys(j).length > 0) && /* @__PURE__ */ d(l, { children: [
-							/* @__PURE__ */ d("div", {
-								className: f(s.formGroup, s.nameGroup),
-								children: [/* @__PURE__ */ d("div", {
-									className: s.nameField,
-									children: [/* @__PURE__ */ u("label", {
-										htmlFor: "firstName",
-										children: M.formatMessage({
-											id: "report.report_modal.first_name_input_label",
-											defaultMessage: "First Name"
-										})
-									}), /* @__PURE__ */ u("input", {
-										type: "text",
-										className: s.formControl,
-										id: "firstName",
-										value: x,
-										onChange: (e) => S(e.target.value),
-										required: !0
-									})]
-								}), /* @__PURE__ */ d("div", {
-									className: s.nameField,
-									children: [/* @__PURE__ */ u("label", {
-										htmlFor: "lastName",
-										children: M.formatMessage({
-											id: "report.report_modal.last_name_input_label",
-											defaultMessage: "Last Name"
-										})
-									}), /* @__PURE__ */ u("input", {
-										type: "text",
-										className: s.formControl,
-										id: "lastName",
-										value: C,
-										onChange: (e) => w(e.target.value),
-										required: !0
-									})]
-								})]
-							}),
-							/* @__PURE__ */ d("div", {
-								className: s.formGroup,
-								children: [/* @__PURE__ */ u("label", {
-									htmlFor: "email",
-									children: M.formatMessage({
-										id: "report.report_modal.email_input_label",
-										defaultMessage: "Email"
-									})
-								}), /* @__PURE__ */ u("input", {
-									type: "email",
-									className: s.formControl,
-									id: "email",
-									value: T,
-									onChange: (e) => E(e.target.value),
-									required: !0
-								})]
-							}),
-							/* @__PURE__ */ u("div", {
-								className: s.formGroup,
-								children: /* @__PURE__ */ d("label", {
-									className: s.checkboxLabel,
-									children: [/* @__PURE__ */ u("input", {
-										type: "checkbox",
-										className: s.checkboxInput,
-										checked: D,
-										onChange: (e) => O(e.target.checked),
-										required: !0
-									}), M.formatMessage({
-										id: "report.report_modal.declaration",
-										defaultMessage: "By submitting this report, I declare that the information provided is, to my knowledge, accurate and complete."
-									})]
-								})
-							})
-						] }),
-						/* @__PURE__ */ u("div", {
-							className: f(s.formGroup, s.reportFormSubmit),
-							children: /* @__PURE__ */ u(e, {
-								handleClick: () => null,
-								"data-tid": "action_submit_report",
-								type: "submit",
-								disabled: !y,
-								children: M.formatMessage({
-									id: "report.report_modal.submit_label",
-									defaultMessage: "Send"
-								})
-							})
-						})
-					]
-				}),
-				LOADING: /* @__PURE__ */ u(r, {}),
-				SUCCESS: /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("div", {
-					className: s.successText,
-					children: M.formatMessage({
-						id: "report.report_modal.success",
-						defaultMessage: "Thank you for your submission !"
-					})
-				}), /* @__PURE__ */ u("div", {
-					className: s.successButtonBox,
-					children: /* @__PURE__ */ u(e, {
-						handleClick: k,
-						children: M.formatMessage({
-							id: "report.report_modal.close",
-							defaultMessage: "Close"
-						})
-					})
-				})] })
-			}[h]
-		})
-	}) });
+import { jsx as t, jsxs as o, Fragment as B } from "react/jsx-runtime";
+import m from "classnames";
+import { useState as s } from "react";
+import { useIntl as F } from "react-intl";
+import e from "./ReportModal.module.scss.js";
+import { useModal as A } from "../../dialog/modal/useModal.js";
+import { useAuth as O } from "../../auth/use_auth/useAuth.js";
+import { useDataProvider as U } from "../../data/data_provider/useDataProvider.js";
+import { Modal as G } from "../../dialog/modal/Modal.js";
+import { Button as _ } from "../../action/button/Button.js";
+import { Loader as L } from "../../progress/loader/Loader.js";
+import { Select as R } from "../../input/select/Select.js";
+const V = (l) => {
+  const [M, d] = s("SUBMIT"), [n, b] = s(""), [c, N] = s(""), [p, v] = s(""), [u, y] = s(""), [f, C] = s(""), [h, g] = s(!1), { hideModal: S } = A(), { isLoggedIn: x, currentUser: i } = O(), r = F(), I = U(), T = (a) => {
+    a.preventDefault();
+    const k = {
+      reportable_id: l.reportableId,
+      reportable_type: l.reportableType,
+      classification: c,
+      description: n,
+      first_name: p,
+      last_name: u,
+      email: f
+    };
+    d("LOADING"), I.create("reports", k, {}, x).then(
+      (E) => {
+        d("SUCCESS");
+      },
+      (E) => {
+        d("SUCCESS");
+      }
+    );
+  };
+  return /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+    G,
+    {
+      "data-vid": "report_modal",
+      title: l.title || r.formatMessage({
+        id: "report.report_modal.title",
+        defaultMessage: "Report content"
+      }),
+      showCloseButton: !0,
+      children: /* @__PURE__ */ t("div", { className: m(e.reportModalBody), children: {
+        SUBMIT: /* @__PURE__ */ o(
+          "form",
+          {
+            onSubmit: T,
+            className: e.reportForm,
+            children: [
+              /* @__PURE__ */ o("div", { className: e.formGroup, children: [
+                /* @__PURE__ */ t("label", { htmlFor: "reportType", children: r.formatMessage({
+                  id: "report.report_modal.type_input_label",
+                  defaultMessage: "Report type"
+                }) }),
+                /* @__PURE__ */ t(
+                  R,
+                  {
+                    onChange: (a) => N(a.value),
+                    options: [
+                      {
+                        name: "EMPTY",
+                        value: "",
+                        text: r.formatMessage({
+                          id: "report.report_modal.select_placeholder",
+                          defaultMessage: "Select a reason"
+                        })
+                      },
+                      {
+                        name: "TOXICITY",
+                        value: "TOXICITY",
+                        text: r.formatMessage({
+                          id: "report.report_modal.toxicity_option",
+                          defaultMessage: "Incivility"
+                        })
+                      },
+                      {
+                        name: "OBSCENE",
+                        value: "OBSCENE",
+                        text: r.formatMessage({
+                          id: "report.report_modal.obscene_option",
+                          defaultMessage: "Profanity, Sexually explicit, Flirtation, Obscene"
+                        })
+                      },
+                      {
+                        name: "HATE_SPEECH",
+                        value: "HATE_SPEECH",
+                        text: r.formatMessage({
+                          id: "report.report_modal.hate_speech_option",
+                          defaultMessage: "Hate speech or Identity attack"
+                        })
+                      },
+                      {
+                        name: "INCOHERENT",
+                        value: "INCOHERENT",
+                        text: r.formatMessage({
+                          id: "report.report_modal.incoherent_option",
+                          defaultMessage: "Incomprehensibility"
+                        })
+                      },
+                      {
+                        name: "SPAM",
+                        value: "SPAM",
+                        text: r.formatMessage({
+                          id: "report.report_modal.spam_option",
+                          defaultMessage: "Spam : Irrelevant or unsolicited commercial content / Off-topic"
+                        })
+                      },
+                      {
+                        name: "UNSUBSTANTIAL",
+                        value: "UNSUBSTANTIAL",
+                        text: r.formatMessage({
+                          id: "report.report_modal.unsubstantial_option",
+                          defaultMessage: "Unsubstantial : Trivial or short / Repetition"
+                        })
+                      }
+                    ],
+                    className: e.select
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ o("div", { className: e.formGroup, children: [
+                /* @__PURE__ */ t("label", { htmlFor: "reportDescription", children: r.formatMessage({
+                  id: "report.report_modal.description_input_label",
+                  defaultMessage: "Tell us more about your report"
+                }) }),
+                /* @__PURE__ */ t(
+                  "textarea",
+                  {
+                    className: e.formControl,
+                    id: "reportDescription",
+                    role: "textbox",
+                    rows: 4,
+                    value: n,
+                    onChange: (a) => b(a.target.value),
+                    placeholder: r.formatMessage({
+                      id: "report.report_modal.description_input_placeholder",
+                      defaultMessage: "Tell us more"
+                    })
+                  }
+                ),
+                i && Object.keys(i).length > 0 && /* @__PURE__ */ t("div", { className: e.formGroup, children: /* @__PURE__ */ o("label", { className: e.checkboxLabel, children: [
+                  /* @__PURE__ */ t(
+                    "input",
+                    {
+                      type: "checkbox",
+                      className: e.checkboxInput,
+                      checked: h,
+                      onChange: (a) => g(a.target.checked),
+                      required: !0
+                    }
+                  ),
+                  r.formatMessage({
+                    id: "report.report_modal.declaration",
+                    defaultMessage: "By submitting this report, I declare that the information provided is, to my knowledge, accurate and complete."
+                  })
+                ] }) })
+              ] }),
+              l.allowAnonymousUser && !(i && Object.keys(i).length > 0) && /* @__PURE__ */ o(B, { children: [
+                /* @__PURE__ */ o("div", { className: m(e.formGroup, e.nameGroup), children: [
+                  /* @__PURE__ */ o("div", { className: e.nameField, children: [
+                    /* @__PURE__ */ t("label", { htmlFor: "firstName", children: r.formatMessage({
+                      id: "report.report_modal.first_name_input_label",
+                      defaultMessage: "First Name"
+                    }) }),
+                    /* @__PURE__ */ t(
+                      "input",
+                      {
+                        type: "text",
+                        className: e.formControl,
+                        id: "firstName",
+                        value: p,
+                        onChange: (a) => v(a.target.value),
+                        required: !0
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ o("div", { className: e.nameField, children: [
+                    /* @__PURE__ */ t("label", { htmlFor: "lastName", children: r.formatMessage({
+                      id: "report.report_modal.last_name_input_label",
+                      defaultMessage: "Last Name"
+                    }) }),
+                    /* @__PURE__ */ t(
+                      "input",
+                      {
+                        type: "text",
+                        className: e.formControl,
+                        id: "lastName",
+                        value: u,
+                        onChange: (a) => y(a.target.value),
+                        required: !0
+                      }
+                    )
+                  ] })
+                ] }),
+                /* @__PURE__ */ o("div", { className: e.formGroup, children: [
+                  /* @__PURE__ */ t("label", { htmlFor: "email", children: r.formatMessage({
+                    id: "report.report_modal.email_input_label",
+                    defaultMessage: "Email"
+                  }) }),
+                  /* @__PURE__ */ t(
+                    "input",
+                    {
+                      type: "email",
+                      className: e.formControl,
+                      id: "email",
+                      value: f,
+                      onChange: (a) => C(a.target.value),
+                      required: !0
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ t("div", { className: e.formGroup, children: /* @__PURE__ */ o("label", { className: e.checkboxLabel, children: [
+                  /* @__PURE__ */ t(
+                    "input",
+                    {
+                      type: "checkbox",
+                      className: e.checkboxInput,
+                      checked: h,
+                      onChange: (a) => g(a.target.checked),
+                      required: !0
+                    }
+                  ),
+                  r.formatMessage({
+                    id: "report.report_modal.declaration",
+                    defaultMessage: "By submitting this report, I declare that the information provided is, to my knowledge, accurate and complete."
+                  })
+                ] }) })
+              ] }),
+              /* @__PURE__ */ t(
+                "div",
+                {
+                  className: m(e.formGroup, e.reportFormSubmit),
+                  children: /* @__PURE__ */ t(
+                    _,
+                    {
+                      handleClick: () => null,
+                      "data-tid": "action_submit_report",
+                      type: "submit",
+                      disabled: !c,
+                      children: r.formatMessage({
+                        id: "report.report_modal.submit_label",
+                        defaultMessage: "Send"
+                      })
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        LOADING: /* @__PURE__ */ t(L, {}),
+        SUCCESS: /* @__PURE__ */ o("div", { children: [
+          /* @__PURE__ */ t("div", { className: e.successText, children: r.formatMessage({
+            id: "report.report_modal.success",
+            defaultMessage: "Thank you for your submission !"
+          }) }),
+          /* @__PURE__ */ t("div", { className: e.successButtonBox, children: /* @__PURE__ */ t(_, { handleClick: S, children: r.formatMessage({
+            id: "report.report_modal.close",
+            defaultMessage: "Close"
+          }) }) })
+        ] })
+      }[M] })
+    }
+  ) });
+};
+export {
+  V as ReportModal
 };
-//#endregion
-export { m as ReportModal };

package/dist/components/user_content/use_report_content/ReportModal.module.scss.js

@@ -0,0 +1,27 @@
+import '../../../assets/components/user_content/use_report_content/ReportModal.module-BxF-D5C5.css';const o = "_reportModalBody_1ih9a_3", t = "_reportForm_1ih9a_9", r = "_reportFormSubmit_1ih9a_19", e = "_successButtonBox_1ih9a_23", c = "_formGroup_1ih9a_27", _ = "_formControl_1ih9a_39", n = "_select_1ih9a_71", s = "_nameGroup_1ih9a_80", a = "_nameField_1ih9a_94", m = "_checkboxLabel_1ih9a_110", p = "_checkboxInput_1ih9a_116", u = {
+  reportModalBody: o,
+  reportForm: t,
+  reportFormSubmit: r,
+  successButtonBox: e,
+  formGroup: c,
+  formControl: _,
+  select: n,
+  nameGroup: s,
+  nameField: a,
+  checkboxLabel: m,
+  checkboxInput: p
+};
+export {
+  p as checkboxInput,
+  m as checkboxLabel,
+  u as default,
+  _ as formControl,
+  c as formGroup,
+  a as nameField,
+  s as nameGroup,
+  t as reportForm,
+  r as reportFormSubmit,
+  o as reportModalBody,
+  n as select,
+  e as successButtonBox
+};

package/dist/components/user_content/use_report_content/useReportContent.js

@@ -1,24 +1,26 @@
-import { useAuth as e } from "../../auth/use_auth/useAuth.js";
-import { useConfig as t } from "../../data/config_provider/useConfig.js";
-import { useModal as n } from "../../dialog/modal/useModal.js";
-import { useAuthRequired as r } from "../../hooks/use_auth_required/useAuthRequired.js";
-import { ReportModal as i } from "./ReportModal.js";
-import { Suspense as a } from "react";
-import { jsx as o } from "react/jsx-runtime";
-//#region src/components/user_content/use_report_content/useReportContent.jsx
-var s = (s, c, l) => {
-	let { isLoggedIn: u, currentUser: d } = e(), { showModal: f } = n(), p = t(), m = r();
-	return { reportContent: () => {
-		u || p.actions?.allowAnonymousReport === !0 ? f(/* @__PURE__ */ o(a, {
-			fallback: null,
-			children: /* @__PURE__ */ o(i, {
-				reportableType: s,
-				reportableId: c,
-				title: l,
-				allowAnonymousUser: p.actions?.allowAnonymousReport
-			})
-		})) : m();
-	} };
+import { jsx as t } from "react/jsx-runtime";
+import { Suspense as m } from "react";
+import { ReportModal as l } from "./ReportModal.js";
+import { useAuth as p } from "../../auth/use_auth/useAuth.js";
+import { useModal as c } from "../../dialog/modal/useModal.js";
+import { useConfig as a } from "../../data/config_provider/useConfig.js";
+import { useAuthRequired as f } from "../../hooks/use_auth_required/useAuthRequired.js";
+const q = (r, e, n) => {
+  const { isLoggedIn: s, currentUser: d } = p(), { showModal: i } = c(), o = a(), u = f();
+  return { reportContent: () => {
+    s || o.actions?.allowAnonymousReport === !0 ? i(
+      /* @__PURE__ */ t(m, { fallback: null, children: /* @__PURE__ */ t(
+        l,
+        {
+          reportableType: r,
+          reportableId: e,
+          title: n,
+          allowAnonymousUser: o.actions?.allowAnonymousReport
+        }
+      ) })
+    ) : u();
+  } };
+};
+export {
+  q as useReportContent
 };
-//#endregion
-export { s as useReportContent };