strapi-plugin-comments 3.2.4 → 3.2.6

package/dist/_chunks/{index-D9B_m9fB.mjs → index-BF9v7878.mjs}

@@ -1,72 +1,83 @@
-import { jsx as e, Fragment as O, jsxs as i } from "react/jsx-runtime";
-import { Button as F, Flex as I, Typography as h, Badge as oe, Box as m, Grid as s, Field as n, MultiSelect as q, MultiSelectOption as A, Accordion as y, Switch as re, Toggle as B, Alert as se } from "@strapi/design-system";
-import { Check as le, Play as ae, ArrowClockwise as W } from "@strapi/icons";
-import { useNotification as ce, Page as j, Layouts as N, Form as de } from "@strapi/strapi/admin";
-import { useMutation as T, useQuery as v, useQueryClient as ge } from "@tanstack/react-query";
-import { u as U, f as he, a as pe, g as t, l as D, e as me } from "./index-BIaTg-pL.mjs";
-import { useMemo as ue, useRef as be, useState as fe, useCallback as Q } from "react";
-import ye from "styled-components";
-import { v as Se } from "./index-CynNsAVf.mjs";
-const P = ({
-  children: c,
+import { jsx as e, Fragment as V, jsxs as o } from "react/jsx-runtime";
+import { Button as P, Flex as F, Typography as h, Badge as ae, Box as m, Grid as s, Field as n, MultiSelect as T, MultiSelectOption as A, Accordion as y, Switch as ce, Toggle as v, Alert as de } from "@strapi/design-system";
+import { Check as ge, Play as he, ArrowClockwise as j } from "@strapi/icons";
+import { useNotification as pe, Page as N, Layouts as D, Form as me } from "@strapi/strapi/admin";
+import { useMutation as k, useQuery as M, useQueryClient as ue } from "@tanstack/react-query";
+import { u as G, f as be, a as fe, g as t, l as O, e as ye } from "./index-Dfe55Tn-.mjs";
+import { useMemo as we, useRef as Se, useState as Ie, useCallback as U } from "react";
+import Re from "styled-components";
+import { v as Ce } from "./index-CdDH4b25.mjs";
+const x = ({
+  children: d,
   condition: a
-}) => a ? /* @__PURE__ */ e(O, { children: c }) : null, we = (c = {}) => {
-  const a = U(), S = T({
+}) => a ? /* @__PURE__ */ e(V, { children: d }) : null, Le = (d = {}) => {
+  const a = G(), w = k({
     mutationFn: a.settings.update,
-    onSuccess: c.updateSettingsMutationSuccess,
-    onError: c.updateSettingsMutationError
-  }), p = T({
+    onSuccess: d.updateSettingsMutationSuccess,
+    onError: d.updateSettingsMutationError
+  }), p = k({
     mutationFn: a.settings.restore,
-    onSuccess: c.restoreSettingsMutationSuccess,
-    onError: c.restoreSettingsMutationError
-  }), w = T({
+    onSuccess: d.restoreSettingsMutationSuccess,
+    onError: d.restoreSettingsMutationError
+  }), S = k({
     mutationFn: a.settings.restart,
-    onSuccess: c.restartStrapiMutationSuccess,
-    onError: c.restartStrapiMutationError
-  }), u = v({
+    onSuccess: d.restartStrapiMutationSuccess,
+    onError: d.restartStrapiMutationError
+  }), u = M({
     queryKey: a.config.getKey(),
     queryFn: a.config.query
-  }), b = v({
+  }), b = M({
     queryKey: a.contentTypeBuilder.all.getKey(),
     queryFn: a.contentTypeBuilder.all.query
-  }), f = v({
+  }), f = M({
     queryKey: a.roles.getKey(),
     queryFn: a.roles.query
   });
-  return ue(() => ({
+  return we(() => ({
     config: u,
     collectionTypes: b,
     roles: f,
     restoreSettingsMutation: p,
-    updateSettingsMutation: S,
-    restartStrapiMutation: w
+    updateSettingsMutation: w,
+    restartStrapiMutation: S
   }), [
     u,
     f,
     b,
     p,
-    S,
-    w
+    w,
+    S
   ]);
-}, Ce = Se, R = {
+}, Fe = Ce, E = {
   background: "neutral0",
   hasRadius: !0,
   shadow: "filterShadow",
   padding: 6,
   width: "100%"
-}, Ie = ye(se)(() => ({
+}, xe = Re(de)(() => ({
   "[role]": {
     flexDirection: "column"
   }
-})), Re = () => {
-  const c = be(null), { toggleNotification: a } = ce(), [S, p] = fe(!1), { isLoadingForPermissions: w, canSettingsChange: u } = pe(), b = ge(), f = U(), {
-    config: d,
-    collectionTypes: M,
-    roles: L,
-    restoreSettingsMutation: V,
-    updateSettingsMutation: k,
-    restartStrapiMutation: G
-  } = we({
+})), Ee = {
+  entryLabel: {},
+  approvalFlow: [],
+  blockedAuthorProps: [],
+  reactionsEnabled: !1,
+  enabledCollections: [],
+  moderatorRoles: [],
+  isReactionsPluginInstalled: !1,
+  client: { url: "", contactEmail: "" },
+  gql: { auth: !1 },
+  badWords: void 0
+}, qe = () => {
+  const d = Se(null), { toggleNotification: a } = pe(), [w, p] = Ie(!1), { isLoadingForPermissions: S, canSettingsChange: u } = fe(), b = ue(), f = G(), {
+    config: I,
+    collectionTypes: R,
+    roles: C,
+    restoreSettingsMutation: z,
+    updateSettingsMutation: H,
+    restartStrapiMutation: J
+  } = Le({
     restoreSettingsMutationSuccess: () => {
       b.invalidateQueries({
         queryKey: f.config.getKey(),
@@ -85,76 +96,82 @@ const P = ({
         exact: !1
       }), p(!0);
     }
-  }), z = Q(() => {
-    c.current?.requestSubmit();
-  }, []), J = Q(
-    (r) => {
-      k.mutate({
-        ...r,
-        blockedAuthorProps: r.blockedAuthorProps.split(",").map((l) => l.trim())
+  }), X = U(() => {
+    d.current?.requestSubmit();
+  }, []), Y = U(
+    (i) => {
+      H.mutate({
+        ...i,
+        blockedAuthorProps: i.blockedAuthorProps.split(",").map((l) => l.trim()),
+        reactionsEnabled: i.reactionsEnabled
       });
     },
-    [k]
-  );
-  if (d.status !== "success" || M.status !== "success" || L.status !== "success" || w)
+    [H]
+  ), c = I.data ?? Ee, Z = R.data ?? [], K = C.data ?? [];
+  if (I.status === "pending" || R.status === "pending" || C.status === "pending" || S)
     return t("page.settings.loading");
-  const x = M.data.filter((r) => r.uid.includes("api::")), X = d.data.enabledCollections.filter(
-    (r) => x.some((l) => l.uid === r)
-  ), Y = D.isNil(d.data.badWords) ? !0 : d.data?.badWords, Z = !!d.data.gql?.auth, _ = d.data.moderatorRoles.filter(
-    (r) => L.data.filter((l) => l.code === r)
-  ), $ = d.data.client?.url, ee = d.data.client?.contactEmail, te = d.data.blockedAuthorProps ?? [], ne = () => p(!1);
-  return /* @__PURE__ */ i(O, { children: [
-    /* @__PURE__ */ e(j.Title, { children: "Comments - settings" }),
-    /* @__PURE__ */ i(j.Main, { children: [
+  (I.status === "error" || R.status === "error" || C.status === "error") && (a({
+    message: t("page.settings.error"),
+    type: "danger"
+  }), console.error("Failed to fetch configuration. Please try again later."), console.error(I.error), console.error(R.error), console.error(C.error));
+  const q = Z.filter((i) => i.uid.includes("api::")), _ = c.enabledCollections.filter(
+    (i) => q.some((l) => l.uid === i)
+  ), $ = O.isNil(c.badWords) ? !0 : c.badWords, ee = !!c.gql?.auth, te = c.moderatorRoles.filter(
+    (i) => K.filter((l) => l.code === i)
+  ), ne = c.client?.url, oe = c.client?.contactEmail, ie = c.blockedAuthorProps ?? [], re = c.reactionsEnabled ?? !1, se = () => p(!1);
+  return /* @__PURE__ */ o(V, { children: [
+    /* @__PURE__ */ e(N.Title, { children: "Comments - settings" }),
+    /* @__PURE__ */ o(N.Main, { children: [
       /* @__PURE__ */ e(
-        N.Header,
+        D.Header,
         {
           title: t("page.settings.header.title"),
-          subtitle: /* @__PURE__ */ i(I, { direction: "row", gap: 3, alignItems: "center", justifyContent: "space-between", children: [
+          subtitle: /* @__PURE__ */ o(F, { direction: "row", gap: 3, alignItems: "center", justifyContent: "space-between", children: [
             /* @__PURE__ */ e(h, { variant: "epsilon", textColor: "neutral600", tag: "p", children: t("page.settings.header.description") }),
-            /* @__PURE__ */ e(oe, { color: "neutral", minWidth: "fit-content", children: /* @__PURE__ */ i("span", { style: { textTransform: "none" }, children: [
+            /* @__PURE__ */ e(ae, { color: "neutral", minWidth: "fit-content", children: /* @__PURE__ */ o("span", { style: { textTransform: "none" }, children: [
               "v",
-              Ce
+              Fe
             ] }) })
           ] }),
-          primaryAction: /* @__PURE__ */ e(P, { condition: u, children: /* @__PURE__ */ e(F, { type: "submit", startIcon: /* @__PURE__ */ e(le, {}), onClick: z, children: t("page.settings.actions.submit") }) })
+          primaryAction: /* @__PURE__ */ e(x, { condition: u, children: /* @__PURE__ */ e(P, { type: "submit", startIcon: /* @__PURE__ */ e(ge, {}), onClick: X, children: t("page.settings.actions.submit") }) })
         }
       ),
-      /* @__PURE__ */ i(N.Content, { children: [
-        S && /* @__PURE__ */ e(m, { marginBottom: 4, children: /* @__PURE__ */ e(
-          Ie,
+      /* @__PURE__ */ o(D.Content, { children: [
+        w && /* @__PURE__ */ e(m, { marginBottom: 4, children: /* @__PURE__ */ e(
+          xe,
           {
             closeLabel: t("page.settings.actions.restart.alert.close"),
             title: t("page.settings.actions.restart.alert.title"),
-            onClose: ne,
-            action: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(F, { onClick: G.mutate, startIcon: /* @__PURE__ */ e(ae, {}), children: t("page.settings.actions.restart") }) }),
+            onClose: se,
+            action: /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(P, { onClick: J.mutate, startIcon: /* @__PURE__ */ e(he, {}), children: t("page.settings.actions.restart") }) }),
             children: /* @__PURE__ */ e(m, { marginTop: 4, children: t("page.settings.actions.restart.alert.description") })
           }
         ) }),
         /* @__PURE__ */ e(
-          de,
+          me,
           {
             method: "POST",
             width: "auto",
             height: "auto",
-            ref: c,
-            onSubmit: J,
+            ref: d,
+            onSubmit: Y,
             initialValues: {
-              enabledCollections: X,
-              moderatorRoles: _,
-              badWords: Y,
-              clientEmail: ee,
-              clientUrl: $,
-              gqlAuthEnabled: Z,
-              approvalFlow: d.data.approvalFlow,
-              entryLabel: d.data.entryLabel,
-              blockedAuthorProps: te.join(", ")
+              enabledCollections: _,
+              moderatorRoles: te,
+              badWords: $,
+              clientEmail: oe,
+              clientUrl: ne,
+              gqlAuthEnabled: ee,
+              approvalFlow: c.approvalFlow,
+              entryLabel: c.entryLabel,
+              blockedAuthorProps: ie.join(", "),
+              reactionsEnabled: re
             },
-            children: ({ values: r, onChange: l }) => /* @__PURE__ */ i(I, { gap: 4, direction: "column", children: [
-              /* @__PURE__ */ i(m, { ...R, children: [
+            children: ({ values: i, onChange: l }) => /* @__PURE__ */ o(F, { gap: 4, direction: "column", children: [
+              /* @__PURE__ */ o(m, { ...E, children: [
                 /* @__PURE__ */ e(h, { variant: "delta", as: "h2", children: t("page.settings.section.general") }),
-                /* @__PURE__ */ i(s.Root, { gap: 4, marginTop: 4, width: "100%", children: [
-                  /* @__PURE__ */ e(s.Item, { xs: 12, children: /* @__PURE__ */ i(
+                /* @__PURE__ */ o(s.Root, { gap: 4, marginTop: 4, width: "100%", children: [
+                  /* @__PURE__ */ e(s.Item, { xs: 12, children: /* @__PURE__ */ o(
                     n.Root,
                     {
                       width: "100%",
@@ -162,58 +179,58 @@ const P = ({
                       children: [
                         /* @__PURE__ */ e(n.Label, { htmlFor: "enabledCollections", children: t("page.settings.form.enabledCollections.label") }),
                         /* @__PURE__ */ e(
-                          q,
+                          T,
                           {
                             withTags: !0,
                             name: "enabledCollections",
-                            value: r.enabledCollections,
-                            onChange: (o) => {
-                              l("enabledCollections", o);
+                            value: i.enabledCollections,
+                            onChange: (r) => {
+                              l("enabledCollections", r);
                             },
-                            children: x.map((o) => /* @__PURE__ */ e(A, { value: o.uid, children: o.schema.displayName }, o.uid))
+                            children: q.map((r) => /* @__PURE__ */ e(A, { value: r.uid, children: r.schema.displayName }, r.uid))
                           }
                         ),
                         /* @__PURE__ */ e(n.Hint, {})
                       ]
                     }
                   ) }),
-                  r.enabledCollections.length > 0 && /* @__PURE__ */ e(s.Item, { children: /* @__PURE__ */ i(s.Root, { gap: 4, width: "100%", children: [
+                  i.enabledCollections.length > 0 && /* @__PURE__ */ e(s.Item, { children: /* @__PURE__ */ o(s.Root, { gap: 4, width: "100%", children: [
                     /* @__PURE__ */ e(s.Item, { children: /* @__PURE__ */ e(h, { children: t("page.settings.form.contentTypesSettings.label") }) }),
-                    /* @__PURE__ */ e(s.Item, { children: /* @__PURE__ */ e(y.Root, { style: { width: "100%" }, children: D.orderBy(r.enabledCollections).map((o) => {
-                      const E = x.find((C) => C.uid === o);
-                      if (E) {
+                    /* @__PURE__ */ e(s.Item, { children: /* @__PURE__ */ e(y.Root, { style: { width: "100%" }, children: O.orderBy(i.enabledCollections).map((r) => {
+                      const W = q.find((L) => L.uid === r);
+                      if (W) {
                         const {
-                          schema: { displayName: C, attributes: H }
-                        } = E, K = Object.keys(H).filter(
-                          (g) => H[g].type === "string"
+                          schema: { displayName: L, attributes: B }
+                        } = W, Q = Object.keys(B).filter(
+                          (g) => B[g].type === "string"
                         );
-                        return /* @__PURE__ */ i(y.Item, { value: o, children: [
-                          /* @__PURE__ */ e(y.Header, { children: /* @__PURE__ */ e(y.Trigger, { children: /* @__PURE__ */ e(h, { variant: "epsilon", as: "h3", children: C }) }) }),
-                          /* @__PURE__ */ e(y.Content, { children: /* @__PURE__ */ i(s.Root, { padding: 6, gap: 4, children: [
-                            /* @__PURE__ */ e(s.Item, { children: /* @__PURE__ */ i(
+                        return /* @__PURE__ */ o(y.Item, { value: r, children: [
+                          /* @__PURE__ */ e(y.Header, { children: /* @__PURE__ */ e(y.Trigger, { children: /* @__PURE__ */ e(h, { variant: "epsilon", as: "h3", children: L }) }) }),
+                          /* @__PURE__ */ e(y.Content, { children: /* @__PURE__ */ o(s.Root, { padding: 6, gap: 4, children: [
+                            /* @__PURE__ */ e(s.Item, { children: /* @__PURE__ */ o(
                               n.Root,
                               {
                                 width: "100%",
                                 hint: t({
                                   id: "page.settings.form.approvalFlow.hint",
-                                  props: { name: C }
+                                  props: { name: L }
                                 }),
                                 children: [
                                   /* @__PURE__ */ e(n.Label, { children: t(
                                     "page.settings.form.approvalFlow.label"
                                   ) }),
                                   /* @__PURE__ */ e(
-                                    re,
+                                    ce,
                                     {
                                       visibleLabels: !0,
                                       onLabel: t("components.toogle.enabled"),
                                       offLabel: t("components.toogle.disabled"),
-                                      checked: r.approvalFlow.includes(o),
+                                      checked: i.approvalFlow.includes(r),
                                       onCheckedChange: (g) => {
                                         l(
                                           "approvalFlow",
-                                          g ? [...r.approvalFlow, o] : r.approvalFlow.filter(
-                                            (ie) => ie !== o
+                                          g ? [...i.approvalFlow, r] : i.approvalFlow.filter(
+                                            (le) => le !== r
                                           )
                                         );
                                       }
@@ -223,7 +240,7 @@ const P = ({
                                 ]
                               }
                             ) }),
-                            /* @__PURE__ */ e(P, { condition: K.length > 0, children: /* @__PURE__ */ e(s.Item, { children: /* @__PURE__ */ i(
+                            /* @__PURE__ */ e(x, { condition: Q.length > 0, children: /* @__PURE__ */ e(s.Item, { children: /* @__PURE__ */ o(
                               n.Root,
                               {
                                 width: "100%",
@@ -235,21 +252,21 @@ const P = ({
                                     "page.settings.form.entryLabel.label"
                                   ) }),
                                   /* @__PURE__ */ e(
-                                    q,
+                                    T,
                                     {
                                       withTags: !0,
                                       placeholder: t(
                                         "page.settings.form.entryLabel.placeholder"
                                       ),
                                       name: "enabledCollections",
-                                      value: r.entryLabel[o] ?? [],
+                                      value: i.entryLabel[r] ?? [],
                                       onChange: (g) => {
                                         l("entryLabel", {
-                                          ...r.entryLabel,
-                                          [o]: g
+                                          ...i.entryLabel,
+                                          [r]: g
                                         });
                                       },
-                                      children: K.map((g) => /* @__PURE__ */ e(A, { value: g, children: g }, g))
+                                      children: Q.map((g) => /* @__PURE__ */ e(A, { value: g, children: g }, g))
                                     }
                                   ),
                                   /* @__PURE__ */ e(n.Hint, {})
@@ -257,28 +274,28 @@ const P = ({
                               }
                             ) }) })
                           ] }) })
-                        ] }, o);
+                        ] }, r);
                       }
                       return null;
                     }) }) })
                   ] }) })
                 ] })
               ] }),
-              /* @__PURE__ */ i(m, { ...R, children: [
+              /* @__PURE__ */ o(m, { ...E, children: [
                 /* @__PURE__ */ e(h, { variant: "delta", as: "h2", children: t("page.settings.section.additional") }),
-                /* @__PURE__ */ i(s.Root, { gap: 4, marginTop: 4, width: "100%", children: [
-                  /* @__PURE__ */ e(s.Item, { col: 4, xs: 12, alignItems: "start", children: /* @__PURE__ */ i(
+                /* @__PURE__ */ o(s.Root, { gap: 4, marginTop: 4, width: "100%", children: [
+                  /* @__PURE__ */ e(s.Item, { col: 4, xs: 12, alignItems: "start", children: /* @__PURE__ */ o(
                     n.Root,
                     {
                       width: "100%",
-                      hint: t("page.settings.form.enabledCollections.hint"),
+                      hint: t("page.settings.form.badWords.hint"),
                       children: [
-                        /* @__PURE__ */ e(n.Label, { htmlFor: "enabledCollections", children: t("page.settings.form.enabledCollections.label") }),
+                        /* @__PURE__ */ e(n.Label, { htmlFor: "badWords", children: t("page.settings.form.badWords.label") }),
                         /* @__PURE__ */ e(
-                          B,
+                          v,
                           {
                             name: "badWords",
-                            checked: r.badWords,
+                            checked: i.badWords,
                             onChange: l,
                             onLabel: t("components.toogle.enabled"),
                             offLabel: t("components.toogle.disabled"),
@@ -289,7 +306,7 @@ const P = ({
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ e(s.Item, { col: 4, xs: 12, alignItems: "start", children: /* @__PURE__ */ i(
+                  /* @__PURE__ */ e(s.Item, { col: 4, xs: 12, alignItems: "start", children: /* @__PURE__ */ o(
                     n.Root,
                     {
                       width: "100%",
@@ -300,7 +317,7 @@ const P = ({
                           n.Input,
                           {
                             name: "blockedAuthorProps",
-                            value: r.blockedAuthorProps,
+                            value: i.blockedAuthorProps,
                             onChange: l
                           }
                         ),
@@ -308,13 +325,13 @@ const P = ({
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ e(s.Item, { col: 4, xs: 12, alignItems: "start", children: /* @__PURE__ */ i(n.Root, { width: "100%", hint: t("page.settings.form.gqlAuth.hint"), children: [
+                  /* @__PURE__ */ e(s.Item, { col: 4, xs: 12, alignItems: "start", children: /* @__PURE__ */ o(n.Root, { width: "100%", hint: t("page.settings.form.gqlAuth.hint"), children: [
                     /* @__PURE__ */ e(n.Label, { children: t("page.settings.form.gqlAuth.label") }),
                     /* @__PURE__ */ e(
-                      B,
+                      v,
                       {
                         name: "gqlAuthEnabled",
-                        checked: r.gqlAuthEnabled,
+                        checked: i.gqlAuthEnabled,
                         onChange: l,
                         onLabel: t("components.toogle.enabled"),
                         offLabel: t("components.toogle.disabled"),
@@ -322,13 +339,35 @@ const P = ({
                       }
                     ),
                     /* @__PURE__ */ e(n.Hint, {})
-                  ] }) })
+                  ] }) }),
+                  /* @__PURE__ */ e(x, { condition: c.isReactionsPluginInstalled, children: /* @__PURE__ */ e(s.Item, { col: 4, xs: 12, alignItems: "start", children: /* @__PURE__ */ o(
+                    n.Root,
+                    {
+                      width: "100%",
+                      hint: t("page.settings.form.reactionsEnabled.hint"),
+                      children: [
+                        /* @__PURE__ */ e(n.Label, { children: t("page.settings.form.reactionsEnabled.label") }),
+                        /* @__PURE__ */ e(
+                          v,
+                          {
+                            name: "reactionsEnabled",
+                            checked: i.reactionsEnabled,
+                            onChange: l,
+                            onLabel: t("components.toogle.enabled"),
+                            offLabel: t("components.toogle.disabled"),
+                            width: "100%"
+                          }
+                        ),
+                        /* @__PURE__ */ e(n.Hint, {})
+                      ]
+                    }
+                  ) }) })
                 ] })
               ] }),
-              /* @__PURE__ */ i(m, { ...R, children: [
+              /* @__PURE__ */ o(m, { ...E, children: [
                 /* @__PURE__ */ e(h, { variant: "delta", as: "h2", children: t("page.settings.section.client") }),
-                /* @__PURE__ */ i(s.Root, { gap: 4, marginTop: 4, width: "100%", children: [
-                  /* @__PURE__ */ e(s.Item, { col: 4, xs: 12, alignItems: "start", children: /* @__PURE__ */ i(
+                /* @__PURE__ */ o(s.Root, { gap: 4, marginTop: 4, width: "100%", children: [
+                  /* @__PURE__ */ e(s.Item, { col: 4, xs: 12, alignItems: "start", children: /* @__PURE__ */ o(
                     n.Root,
                     {
                       width: "100%",
@@ -340,7 +379,7 @@ const P = ({
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ e(s.Item, { col: 4, xs: 12, alignItems: "start", children: /* @__PURE__ */ i(
+                  /* @__PURE__ */ e(s.Item, { col: 4, xs: 12, alignItems: "start", children: /* @__PURE__ */ o(
                     n.Root,
                     {
                       width: "100%",
@@ -352,7 +391,7 @@ const P = ({
                       ]
                     }
                   ) }),
-                  /* @__PURE__ */ e(s.Item, { col: 4, xs: 12, alignItems: "start", children: /* @__PURE__ */ i(
+                  /* @__PURE__ */ e(s.Item, { col: 4, xs: 12, alignItems: "start", children: /* @__PURE__ */ o(
                     n.Root,
                     {
                       width: "100%",
@@ -360,16 +399,16 @@ const P = ({
                       children: [
                         /* @__PURE__ */ e(n.Label, { children: t("page.settings.form.moderatorRoles.label") }),
                         /* @__PURE__ */ e(
-                          q,
+                          T,
                           {
                             withTags: !0,
                             placeholder: t("page.settings.form.moderatorRoles.placeholder"),
                             name: "enabledCollections",
-                            value: r.moderatorRoles,
-                            onChange: (o) => {
-                              l("moderatorRoles", o);
+                            value: i.moderatorRoles,
+                            onChange: (r) => {
+                              l("moderatorRoles", r);
                             },
-                            children: L.data.map((o) => /* @__PURE__ */ e(A, { value: o.code, children: o.name }, o.code))
+                            children: K.map((r) => /* @__PURE__ */ e(A, { value: r.code, children: r.name }, r.code))
                           }
                         ),
                         /* @__PURE__ */ e(n.Hint, {})
@@ -378,29 +417,29 @@ const P = ({
                   ) })
                 ] })
               ] }),
-              /* @__PURE__ */ e(P, { condition: u, children: /* @__PURE__ */ e(m, { ...R, children: /* @__PURE__ */ i(I, { gap: 4, direction: "column", alignItems: "flex-start", children: [
-                /* @__PURE__ */ i(I, { gap: 2, direction: "column", alignItems: "flex-start", children: [
+              /* @__PURE__ */ e(x, { condition: u, children: /* @__PURE__ */ e(m, { ...E, children: /* @__PURE__ */ o(F, { gap: 4, direction: "column", alignItems: "flex-start", children: [
+                /* @__PURE__ */ o(F, { gap: 2, direction: "column", alignItems: "flex-start", children: [
                   /* @__PURE__ */ e(h, { variant: "delta", as: "h2", children: t("page.settings.section.restore") }),
                   /* @__PURE__ */ e(h, { variant: "pi", as: "h4", children: t("page.settings.section.restore.subtitle") })
                 ] }),
                 /* @__PURE__ */ e(
-                  me,
+                  ye,
                   {
-                    Trigger: ({ onClick: o }) => /* @__PURE__ */ e(
-                      F,
+                    Trigger: ({ onClick: r }) => /* @__PURE__ */ e(
+                      P,
                       {
                         variant: "danger-light",
-                        startIcon: /* @__PURE__ */ e(W, {}),
-                        onClick: o,
+                        startIcon: /* @__PURE__ */ e(j, {}),
+                        onClick: r,
                         children: t("page.settings.actions.restore")
                       }
                     ),
-                    onConfirm: V.mutate,
+                    onConfirm: z.mutate,
                     title: t("page.settings.actions.restore.confirmation.header"),
                     labelConfirm: t(
                       "page.settings.actions.restore.confirmation.button.confirm"
                     ),
-                    iconConfirm: /* @__PURE__ */ e(W, {}),
+                    iconConfirm: /* @__PURE__ */ e(j, {}),
                     children: t("page.settings.actions.restore.confirmation.description")
                   }
                 )
@@ -411,7 +450,7 @@ const P = ({
       ] })
     ] })
   ] });
-}, ke = () => /* @__PURE__ */ e(he, { children: /* @__PURE__ */ e(Re, {}) });
+}, Be = () => /* @__PURE__ */ e(be, { children: /* @__PURE__ */ e(qe, {}) });
 export {
-  ke as default
+  Be as default
 };

package/dist/_chunks/index-Bp-bmc3E.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@strapi/design-system"),S=require("@strapi/icons"),h=require("@strapi/strapi/admin"),g=require("@tanstack/react-query"),s=require("./index-BE4WKyKM.js"),x=require("react"),V=require("styled-components"),$=require("./index-zjD2IIJE.js"),z=o=>o&&o.__esModule?o:{default:o},J=z(V),w=({children:o,condition:l})=>l?e.jsx(e.Fragment,{children:o}):null,X=(o={})=>{const l=s.useAPI(),j=g.useMutation({mutationFn:l.settings.update,onSuccess:o.updateSettingsMutationSuccess,onError:o.updateSettingsMutationError}),d=g.useMutation({mutationFn:l.settings.restore,onSuccess:o.restoreSettingsMutationSuccess,onError:o.restoreSettingsMutationError}),b=g.useMutation({mutationFn:l.settings.restart,onSuccess:o.restartStrapiMutationSuccess,onError:o.restartStrapiMutationError}),u=g.useQuery({queryKey:l.config.getKey(),queryFn:l.config.query}),p=g.useQuery({queryKey:l.contentTypeBuilder.all.getKey(),queryFn:l.contentTypeBuilder.all.query}),m=g.useQuery({queryKey:l.roles.getKey(),queryFn:l.roles.query});return x.useMemo(()=>({config:u,collectionTypes:p,roles:m,restoreSettingsMutation:d,updateSettingsMutation:j,restartStrapiMutation:b}),[u,m,p,d,j,b])},Y=$.version,I={background:"neutral0",hasRadius:!0,shadow:"filterShadow",padding:6,width:"100%"},Z=J.default(t.Alert)(()=>({"[role]":{flexDirection:"column"}})),ee={entryLabel:{},approvalFlow:[],blockedAuthorProps:[],reactionsEnabled:!1,enabledCollections:[],moderatorRoles:[],isReactionsPluginInstalled:!1,client:{url:"",contactEmail:""},gql:{auth:!1},badWords:void 0},te=()=>{const o=x.useRef(null),{toggleNotification:l}=h.useNotification(),[j,d]=x.useState(!1),{isLoadingForPermissions:b,canSettingsChange:u}=s.usePermissions(),p=g.useQueryClient(),m=s.useAPI(),{config:f,collectionTypes:y,roles:M,restoreSettingsMutation:P,updateSettingsMutation:C,restartStrapiMutation:E}=X({restoreSettingsMutationSuccess:()=>{p.invalidateQueries({queryKey:m.config.getKey(),exact:!1}),d(!0),l({message:s.getMessage("page.settings.actions.restore.success"),type:"success"})},restartStrapiMutationSuccess:()=>{d(!1)},updateSettingsMutationSuccess:()=>{p.invalidateQueries({queryKey:m.config.getKey(),exact:!1}),d(!0)}}),k=x.useCallback(()=>{o.current?.requestSubmit()},[]),v=x.useCallback(n=>{C.mutate({...n,blockedAuthorProps:n.blockedAuthorProps.split(",").map(r=>r.trim()),reactionsEnabled:n.reactionsEnabled})},[C]),a=f.data??ee,G=y.data??[],L=M.data??[];if(f.status==="pending"||y.status==="pending"||M.status==="pending"||b)return s.getMessage("page.settings.loading");(f.status==="error"||y.status==="error"||M.status==="error")&&(l({message:s.getMessage("page.settings.error"),type:"danger"}),console.error("Failed to fetch configuration. Please try again later."),console.error(f.error),console.error(y.error),console.error(M.error));const R=G.filter(n=>n.uid.includes("api::")),B=a.enabledCollections.filter(n=>R.some(r=>r.uid===n)),H=s.lodashExports.isNil(a.badWords)?!0:a.badWords,K=!!a.gql?.auth,Q=a.moderatorRoles.filter(n=>L.filter(r=>r.code===n)),W=a.client?.url,O=a.client?.contactEmail,D=a.blockedAuthorProps??[],N=a.reactionsEnabled??!1,_=()=>d(!1);return e.jsxs(e.Fragment,{children:[e.jsx(h.Page.Title,{children:"Comments - settings"}),e.jsxs(h.Page.Main,{children:[e.jsx(h.Layouts.Header,{title:s.getMessage("page.settings.header.title"),subtitle:e.jsxs(t.Flex,{direction:"row",gap:3,alignItems:"center",justifyContent:"space-between",children:[e.jsx(t.Typography,{variant:"epsilon",textColor:"neutral600",tag:"p",children:s.getMessage("page.settings.header.description")}),e.jsx(t.Badge,{color:"neutral",minWidth:"fit-content",children:e.jsxs("span",{style:{textTransform:"none"},children:["v",Y]})})]}),primaryAction:e.jsx(w,{condition:u,children:e.jsx(t.Button,{type:"submit",startIcon:e.jsx(S.Check,{}),onClick:k,children:s.getMessage("page.settings.actions.submit")})})}),e.jsxs(h.Layouts.Content,{children:[j&&e.jsx(t.Box,{marginBottom:4,children:e.jsx(Z,{closeLabel:s.getMessage("page.settings.actions.restart.alert.close"),title:s.getMessage("page.settings.actions.restart.alert.title"),onClose:_,action:e.jsx(t.Box,{children:e.jsx(t.Button,{onClick:E.mutate,startIcon:e.jsx(S.Play,{}),children:s.getMessage("page.settings.actions.restart")})}),children:e.jsx(t.Box,{marginTop:4,children:s.getMessage("page.settings.actions.restart.alert.description")})})}),e.jsx(h.Form,{method:"POST",width:"auto",height:"auto",ref:o,onSubmit:v,initialValues:{enabledCollections:B,moderatorRoles:Q,badWords:H,clientEmail:O,clientUrl:W,gqlAuthEnabled:K,approvalFlow:a.approvalFlow,entryLabel:a.entryLabel,blockedAuthorProps:D.join(", "),reactionsEnabled:N},children:({values:n,onChange:r})=>e.jsxs(t.Flex,{gap:4,direction:"column",children:[e.jsxs(t.Box,{...I,children:[e.jsx(t.Typography,{variant:"delta",as:"h2",children:s.getMessage("page.settings.section.general")}),e.jsxs(t.Grid.Root,{gap:4,marginTop:4,width:"100%",children:[e.jsx(t.Grid.Item,{xs:12,children:e.jsxs(t.Field.Root,{width:"100%",hint:s.getMessage("page.settings.form.enabledCollections.hint"),children:[e.jsx(t.Field.Label,{htmlFor:"enabledCollections",children:s.getMessage("page.settings.form.enabledCollections.label")}),e.jsx(t.MultiSelect,{withTags:!0,name:"enabledCollections",value:n.enabledCollections,onChange:i=>{r("enabledCollections",i)},children:R.map(i=>e.jsx(t.MultiSelectOption,{value:i.uid,children:i.schema.displayName},i.uid))}),e.jsx(t.Field.Hint,{})]})}),n.enabledCollections.length>0&&e.jsx(t.Grid.Item,{children:e.jsxs(t.Grid.Root,{gap:4,width:"100%",children:[e.jsx(t.Grid.Item,{children:e.jsx(t.Typography,{children:s.getMessage("page.settings.form.contentTypesSettings.label")})}),e.jsx(t.Grid.Item,{children:e.jsx(t.Accordion.Root,{style:{width:"100%"},children:s.lodashExports.orderBy(n.enabledCollections).map(i=>{const T=R.find(F=>F.uid===i);if(T){const{schema:{displayName:F,attributes:q}}=T,A=Object.keys(q).filter(c=>q[c].type==="string");return e.jsxs(t.Accordion.Item,{value:i,children:[e.jsx(t.Accordion.Header,{children:e.jsx(t.Accordion.Trigger,{children:e.jsx(t.Typography,{variant:"epsilon",as:"h3",children:F})})}),e.jsx(t.Accordion.Content,{children:e.jsxs(t.Grid.Root,{padding:6,gap:4,children:[e.jsx(t.Grid.Item,{children:e.jsxs(t.Field.Root,{width:"100%",hint:s.getMessage({id:"page.settings.form.approvalFlow.hint",props:{name:F}}),children:[e.jsx(t.Field.Label,{children:s.getMessage("page.settings.form.approvalFlow.label")}),e.jsx(t.Switch,{visibleLabels:!0,onLabel:s.getMessage("components.toogle.enabled"),offLabel:s.getMessage("components.toogle.disabled"),checked:n.approvalFlow.includes(i),onCheckedChange:c=>{r("approvalFlow",c?[...n.approvalFlow,i]:n.approvalFlow.filter(U=>U!==i))}}),e.jsx(t.Field.Hint,{})]})}),e.jsx(w,{condition:A.length>0,children:e.jsx(t.Grid.Item,{children:e.jsxs(t.Field.Root,{width:"100%",hint:s.getMessage("page.settings.form.entryLabel.hint"),children:[e.jsx(t.Field.Label,{children:s.getMessage("page.settings.form.entryLabel.label")}),e.jsx(t.MultiSelect,{withTags:!0,placeholder:s.getMessage("page.settings.form.entryLabel.placeholder"),name:"enabledCollections",value:n.entryLabel[i]??[],onChange:c=>{r("entryLabel",{...n.entryLabel,[i]:c})},children:A.map(c=>e.jsx(t.MultiSelectOption,{value:c,children:c},c))}),e.jsx(t.Field.Hint,{})]})})})]})})]},i)}return null})})})]})})]})]}),e.jsxs(t.Box,{...I,children:[e.jsx(t.Typography,{variant:"delta",as:"h2",children:s.getMessage("page.settings.section.additional")}),e.jsxs(t.Grid.Root,{gap:4,marginTop:4,width:"100%",children:[e.jsx(t.Grid.Item,{col:4,xs:12,alignItems:"start",children:e.jsxs(t.Field.Root,{width:"100%",hint:s.getMessage("page.settings.form.badWords.hint"),children:[e.jsx(t.Field.Label,{htmlFor:"badWords",children:s.getMessage("page.settings.form.badWords.label")}),e.jsx(t.Toggle,{name:"badWords",checked:n.badWords,onChange:r,onLabel:s.getMessage("components.toogle.enabled"),offLabel:s.getMessage("components.toogle.disabled"),width:"100%"}),e.jsx(t.Field.Hint,{})]})}),e.jsx(t.Grid.Item,{col:4,xs:12,alignItems:"start",children:e.jsxs(t.Field.Root,{width:"100%",hint:s.getMessage("page.settings.form.author.blockedProps.hint"),children:[e.jsx(t.Field.Label,{htmlFor:"enabledCollections",children:s.getMessage("page.settings.form.author.blockedProps.label")}),e.jsx(t.Field.Input,{name:"blockedAuthorProps",value:n.blockedAuthorProps,onChange:r}),e.jsx(t.Field.Hint,{})]})}),e.jsx(t.Grid.Item,{col:4,xs:12,alignItems:"start",children:e.jsxs(t.Field.Root,{width:"100%",hint:s.getMessage("page.settings.form.gqlAuth.hint"),children:[e.jsx(t.Field.Label,{children:s.getMessage("page.settings.form.gqlAuth.label")}),e.jsx(t.Toggle,{name:"gqlAuthEnabled",checked:n.gqlAuthEnabled,onChange:r,onLabel:s.getMessage("components.toogle.enabled"),offLabel:s.getMessage("components.toogle.disabled"),width:"100%"}),e.jsx(t.Field.Hint,{})]})}),e.jsx(w,{condition:a.isReactionsPluginInstalled,children:e.jsx(t.Grid.Item,{col:4,xs:12,alignItems:"start",children:e.jsxs(t.Field.Root,{width:"100%",hint:s.getMessage("page.settings.form.reactionsEnabled.hint"),children:[e.jsx(t.Field.Label,{children:s.getMessage("page.settings.form.reactionsEnabled.label")}),e.jsx(t.Toggle,{name:"reactionsEnabled",checked:n.reactionsEnabled,onChange:r,onLabel:s.getMessage("components.toogle.enabled"),offLabel:s.getMessage("components.toogle.disabled"),width:"100%"}),e.jsx(t.Field.Hint,{})]})})})]})]}),e.jsxs(t.Box,{...I,children:[e.jsx(t.Typography,{variant:"delta",as:"h2",children:s.getMessage("page.settings.section.client")}),e.jsxs(t.Grid.Root,{gap:4,marginTop:4,width:"100%",children:[e.jsx(t.Grid.Item,{col:4,xs:12,alignItems:"start",children:e.jsxs(t.Field.Root,{width:"100%",hint:s.getMessage("page.settings.form.client.url.hint"),children:[e.jsx(t.Field.Label,{children:s.getMessage("page.settings.form.client.url.label")}),e.jsx(t.Field.Input,{name:"clientUrl",onChange:r}),e.jsx(t.Field.Hint,{})]})}),e.jsx(t.Grid.Item,{col:4,xs:12,alignItems:"start",children:e.jsxs(t.Field.Root,{width:"100%",hint:s.getMessage("page.settings.form.client.email.hint"),children:[e.jsx(t.Field.Label,{children:s.getMessage("page.settings.form.client.email.label")}),e.jsx(t.Field.Input,{name:"clientEmail",onChange:r}),e.jsx(t.Field.Hint,{})]})}),e.jsx(t.Grid.Item,{col:4,xs:12,alignItems:"start",children:e.jsxs(t.Field.Root,{width:"100%",hint:s.getMessage("page.settings.form.moderatorRoles.hint"),children:[e.jsx(t.Field.Label,{children:s.getMessage("page.settings.form.moderatorRoles.label")}),e.jsx(t.MultiSelect,{withTags:!0,placeholder:s.getMessage("page.settings.form.moderatorRoles.placeholder"),name:"enabledCollections",value:n.moderatorRoles,onChange:i=>{r("moderatorRoles",i)},children:L.map(i=>e.jsx(t.MultiSelectOption,{value:i.code,children:i.name},i.code))}),e.jsx(t.Field.Hint,{})]})})]})]}),e.jsx(w,{condition:u,children:e.jsx(t.Box,{...I,children:e.jsxs(t.Flex,{gap:4,direction:"column",alignItems:"flex-start",children:[e.jsxs(t.Flex,{gap:2,direction:"column",alignItems:"flex-start",children:[e.jsx(t.Typography,{variant:"delta",as:"h2",children:s.getMessage("page.settings.section.restore")}),e.jsx(t.Typography,{variant:"pi",as:"h4",children:s.getMessage("page.settings.section.restore.subtitle")})]}),e.jsx(s.ConfirmationDialog,{Trigger:({onClick:i})=>e.jsx(t.Button,{variant:"danger-light",startIcon:e.jsx(S.ArrowClockwise,{}),onClick:i,children:s.getMessage("page.settings.actions.restore")}),onConfirm:P.mutate,title:s.getMessage("page.settings.actions.restore.confirmation.header"),labelConfirm:s.getMessage("page.settings.actions.restore.confirmation.button.confirm"),iconConfirm:e.jsx(S.ArrowClockwise,{}),children:s.getMessage("page.settings.actions.restore.confirmation.description")})]})})})]})})]})]})]})},se=()=>e.jsx(s.CommonProviders,{children:e.jsx(te,{})});exports.default=se;