strapi-plugin-comments 3.0.6 → 3.0.7

package/dist/_chunks/index-CwHmRIcs.mjs

@@ -0,0 +1,339 @@
+import { jsx as e, Fragment as U, jsxs as i } from "react/jsx-runtime";
+import { e as I, f as re, B as p, a1 as ae, F as q, T as m, Z as a, m as n, a2 as x, a3 as T, a4 as f, a5 as se, a6 as N, a7 as Q, a8 as le } from "./index-CF4vndXw.mjs";
+import { useTracking as ce, useNotification as de, Page as W, Layouts as j, Form as ge } from "@strapi/strapi/admin";
+import { useMutation as A, useQuery as M, useQueryClient as he, QueryClient as pe } from "@tanstack/react-query";
+import { u as $, f as me, a as ue, g as t, l as D, e as be } from "./index-pLgOJz-6.mjs";
+import { useMemo as fe, useRef as ye, useState as Se, useCallback as O } from "react";
+import we from "styled-components";
+const P = ({
+  children: d,
+  condition: l
+}) => l ? /* @__PURE__ */ e(U, { children: d }) : null, Re = (d = {}) => {
+  const l = $(), y = A({
+    mutationFn: l.settings.update,
+    onSuccess: d.updateSettingsMutationSuccess,
+    onError: d.updateSettingsMutationError
+  }), S = A({
+    mutationFn: l.settings.restore,
+    onSuccess: d.restoreSettingsMutationSuccess,
+    onError: d.restoreSettingsMutationError
+  }), h = A({
+    mutationFn: l.settings.restart,
+    onSuccess: d.restartStrapiMutationSuccess,
+    onError: d.restartStrapiMutationError
+  }), w = M({
+    queryKey: l.config.getKey(),
+    queryFn: l.config.query
+  }), u = M({
+    queryKey: l.contentTypeBuilder.all.getKey(),
+    queryFn: l.contentTypeBuilder.all.query
+  }), b = M({
+    queryKey: l.roles.getKey(),
+    queryFn: l.roles.query
+  });
+  return fe(() => ({
+    config: w,
+    collectionTypes: u,
+    roles: b,
+    restoreSettingsMutation: S,
+    updateSettingsMutation: y,
+    restartStrapiMutation: h
+  }), [
+    w,
+    b,
+    u,
+    S,
+    y,
+    h
+  ]);
+}, C = {
+  background: "neutral0",
+  hasRadius: !0,
+  shadow: "filterShadow",
+  padding: 6,
+  width: "100%"
+}, Ce = we(le)(() => ({
+  "[role]": {
+    flexDirection: "column"
+  }
+})), Le = () => {
+  const { trackUsage: d } = ce(), l = ye(null), { toggleNotification: y } = de(), [S, h] = Se(!1), { isLoadingForPermissions: w, canSettingsChange: u } = ue(), b = he(), v = $(), {
+    config: c,
+    collectionTypes: k,
+    roles: L,
+    restoreSettingsMutation: G,
+    updateSettingsMutation: E,
+    restartStrapiMutation: V
+  } = Re({
+    restoreSettingsMutationSuccess: () => {
+      b.invalidateQueries({
+        queryKey: v.config.getKey(),
+        exact: !1
+      }), h(!0), y({
+        message: t("page.settings.actions.restore.success"),
+        type: "success"
+      });
+    },
+    restartStrapiMutationSuccess: () => {
+      h(!1);
+    },
+    updateSettingsMutationSuccess: () => {
+      b.invalidateQueries({
+        queryKey: v.config.getKey(),
+        exact: !1
+      }), h(!0);
+    }
+  }), Z = O(() => {
+    l.current?.requestSubmit();
+  }, []), z = O((r) => {
+    E.mutate({
+      ...r,
+      blockedAuthorProps: r.blockedAuthorProps.split(",").map((s) => s.trim())
+    });
+  }, [E]);
+  if (c.status !== "success" || k.status !== "success" || L.status !== "success" || w)
+    return t("page.settings.loading");
+  const F = k.data.filter((r) => r.uid.includes("api::")), J = c.data.enabledCollections.filter((r) => F.some((s) => s.uid === r)), X = D.isNil(c.data.badWords) ? !0 : c.data?.badWords, Y = !!c.data.gql?.auth, _ = c.data.moderatorRoles.filter((r) => L.data.filter((s) => s.code === r)), ee = c.data.client?.url, te = c.data.client?.contactEmail, ne = c.data.blockedAuthorProps ?? [], ie = () => h(!1);
+  return /* @__PURE__ */ i(U, { children: [
+    /* @__PURE__ */ e(W.Title, { children: "Comments - settings" }),
+    /* @__PURE__ */ i(W.Main, { children: [
+      /* @__PURE__ */ e(
+        j.Header,
+        {
+          title: t("page.settings.header.title"),
+          subtitle: t("page.settings.header.description"),
+          as: "h2",
+          primaryAction: /* @__PURE__ */ e(P, { condition: u, children: /* @__PURE__ */ e(I, { type: "submit", startIcon: /* @__PURE__ */ e(re, {}), onClick: Z, children: t("page.settings.actions.submit") }) })
+        }
+      ),
+      /* @__PURE__ */ i(j.Content, { children: [
+        S && /* @__PURE__ */ e(p, { marginBottom: 4, children: /* @__PURE__ */ e(
+          Ce,
+          {
+            closeLabel: t("page.settings.actions.restart.alert.cancel"),
+            title: t("page.settings.actions.restart.alert.title"),
+            onClose: ie,
+            action: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(I, { onClick: V.mutate, startIcon: /* @__PURE__ */ e(ae, {}), children: t("page.settings.actions.restart") }) }),
+            children: /* @__PURE__ */ e(p, { marginTop: 4, children: t("page.settings.actions.restart.alert.description") })
+          }
+        ) }),
+        /* @__PURE__ */ e(
+          ge,
+          {
+            method: "POST",
+            ref: l,
+            onSubmit: z,
+            initialValues: {
+              enabledCollections: J,
+              moderatorRoles: _,
+              badWords: X,
+              clientEmail: te,
+              clientUrl: ee,
+              gqlAuthEnabled: Y,
+              approvalFlow: c.data.approvalFlow,
+              entryLabel: c.data.entryLabel,
+              blockedAuthorProps: ne.join(", ")
+            },
+            children: ({ values: r, onChange: s }) => /* @__PURE__ */ i(q, { gap: 4, direction: "column", children: [
+              /* @__PURE__ */ i(p, { ...C, children: [
+                /* @__PURE__ */ e(m, { variant: "delta", as: "h2", children: t("page.settings.section.general") }),
+                /* @__PURE__ */ i(a.Root, { gap: 4, marginTop: 4, width: "100%", children: [
+                  /* @__PURE__ */ e(a.Item, { xs: 12, children: /* @__PURE__ */ i(n.Root, { width: "100%", hint: t("page.settings.form.enabledCollections.hint"), children: [
+                    /* @__PURE__ */ e(n.Label, { htmlFor: "enabledCollections", children: t("page.settings.form.enabledCollections.label") }),
+                    /* @__PURE__ */ e(
+                      x,
+                      {
+                        withTags: !0,
+                        name: "enabledCollections",
+                        value: r.enabledCollections,
+                        onChange: (o) => {
+                          s("enabledCollections", o);
+                        },
+                        children: F.map((o) => /* @__PURE__ */ e(T, { value: o.uid, children: o.schema.displayName }, o.uid))
+                      }
+                    ),
+                    /* @__PURE__ */ e(n.Hint, {})
+                  ] }) }),
+                  r.enabledCollections.length > 0 && /* @__PURE__ */ e(a.Item, { children: /* @__PURE__ */ i(a.Root, { gap: 4, width: "100%", children: [
+                    /* @__PURE__ */ e(a.Item, { children: /* @__PURE__ */ e(m, { children: t("page.settings.form.contentTypesSettings.label") }) }),
+                    /* @__PURE__ */ e(a.Item, { children: /* @__PURE__ */ e(f.Root, { style: { width: "100%" }, children: D.orderBy(r.enabledCollections).map((o) => {
+                      const H = F.find((R) => R.uid === o);
+                      if (H) {
+                        const { schema: { displayName: R, attributes: K } } = H, B = Object.keys(K).filter((g) => K[g].type === "string");
+                        return /* @__PURE__ */ i(f.Item, { value: o, children: [
+                          /* @__PURE__ */ e(f.Header, { children: /* @__PURE__ */ e(f.Trigger, { children: /* @__PURE__ */ e(m, { variant: "epsilon", as: "h3", children: R }) }) }),
+                          /* @__PURE__ */ e(f.Content, { children: /* @__PURE__ */ i(a.Root, { padding: 6, gap: 4, children: [
+                            /* @__PURE__ */ e(a.Item, { children: /* @__PURE__ */ i(
+                              n.Root,
+                              {
+                                width: "100%",
+                                hint: t({
+                                  id: "page.settings.form.approvalFlow.hint",
+                                  props: { name: R }
+                                }),
+                                children: [
+                                  /* @__PURE__ */ e(n.Label, { children: t("page.settings.form.approvalFlow.label") }),
+                                  /* @__PURE__ */ e(
+                                    se,
+                                    {
+                                      visibleLabels: !0,
+                                      onLabel: t("components.toogle.enabled"),
+                                      offLabel: t("components.toogle.disabled"),
+                                      checked: r.approvalFlow.includes(o),
+                                      onCheckedChange: (g) => {
+                                        s("approvalFlow", g ? [...r.approvalFlow, o] : r.approvalFlow.filter((oe) => oe !== o));
+                                      }
+                                    }
+                                  ),
+                                  /* @__PURE__ */ e(n.Hint, {})
+                                ]
+                              }
+                            ) }),
+                            /* @__PURE__ */ e(P, { condition: B.length > 0, children: /* @__PURE__ */ e(a.Item, { children: /* @__PURE__ */ i(
+                              n.Root,
+                              {
+                                width: "100%",
+                                hint: t("page.settings.form.entryLabel.hint"),
+                                children: [
+                                  /* @__PURE__ */ e(n.Label, { children: t("page.settings.form.entryLabel.label") }),
+                                  /* @__PURE__ */ e(
+                                    x,
+                                    {
+                                      withTags: !0,
+                                      placeholder: t("page.settings.form.entryLabel.placeholder"),
+                                      name: "enabledCollections",
+                                      value: r.entryLabel[o] ?? [],
+                                      onChange: (g) => {
+                                        s("entryLabel", { ...r.entryLabel, [o]: g });
+                                      },
+                                      children: B.map((g) => /* @__PURE__ */ e(T, { value: g, children: g }, g))
+                                    }
+                                  ),
+                                  /* @__PURE__ */ e(n.Hint, {})
+                                ]
+                              }
+                            ) }) })
+                          ] }) })
+                        ] }, o);
+                      }
+                      return null;
+                    }) }) })
+                  ] }) })
+                ] })
+              ] }),
+              /* @__PURE__ */ i(p, { ...C, children: [
+                /* @__PURE__ */ e(m, { variant: "delta", as: "h2", children: t("page.settings.section.additional") }),
+                /* @__PURE__ */ i(a.Root, { gap: 4, marginTop: 4, width: "100%", children: [
+                  /* @__PURE__ */ e(a.Item, { xs: 4, children: /* @__PURE__ */ i(n.Root, { width: "100%", hint: t("page.settings.form.enabledCollections.hint"), children: [
+                    /* @__PURE__ */ e(n.Label, { htmlFor: "enabledCollections", children: t("page.settings.form.enabledCollections.label") }),
+                    /* @__PURE__ */ e(
+                      N,
+                      {
+                        name: "badWords",
+                        checked: r.badWords,
+                        onChange: s,
+                        onLabel: t("components.toogle.enabled"),
+                        offLabel: t("components.toogle.disabled"),
+                        width: "100%"
+                      }
+                    ),
+                    /* @__PURE__ */ e(n.Hint, {})
+                  ] }) }),
+                  /* @__PURE__ */ e(a.Item, { xs: 4, children: /* @__PURE__ */ i(n.Root, { width: "100%", hint: t("page.settings.form.author.blockedProps.hint"), children: [
+                    /* @__PURE__ */ e(n.Label, { htmlFor: "enabledCollections", children: t("page.settings.form.author.blockedProps.label") }),
+                    /* @__PURE__ */ e(n.Input, { name: "blockedProps", onChange: s }),
+                    /* @__PURE__ */ e(n.Hint, {})
+                  ] }) }),
+                  /* @__PURE__ */ e(a.Item, { xs: 4, children: /* @__PURE__ */ i(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(
+                      N,
+                      {
+                        name: "gqlAuthEnabled",
+                        checked: r.gqlAuthEnabled,
+                        onChange: s,
+                        onLabel: t("components.toogle.enabled"),
+                        offLabel: t("components.toogle.disabled"),
+                        width: "100%"
+                      }
+                    ),
+                    /* @__PURE__ */ e(n.Hint, {})
+                  ] }) })
+                ] })
+              ] }),
+              /* @__PURE__ */ i(p, { ...C, children: [
+                /* @__PURE__ */ e(m, { variant: "delta", as: "h2", children: t("page.settings.section.client") }),
+                /* @__PURE__ */ i(a.Root, { gap: 4, marginTop: 4, width: "100%", children: [
+                  /* @__PURE__ */ e(a.Item, { xs: 4, children: /* @__PURE__ */ i(n.Root, { width: "100%", hint: t("page.settings.form.client.url.hint"), children: [
+                    /* @__PURE__ */ e(n.Label, { children: t("page.settings.form.client.url.label") }),
+                    /* @__PURE__ */ e(n.Input, { name: "clientUrl", onChange: s }),
+                    /* @__PURE__ */ e(n.Hint, {})
+                  ] }) }),
+                  /* @__PURE__ */ e(a.Item, { xs: 4, children: /* @__PURE__ */ i(n.Root, { width: "100%", hint: t("page.settings.form.client.email.hint"), children: [
+                    /* @__PURE__ */ e(n.Label, { children: t("page.settings.form.client.email.label") }),
+                    /* @__PURE__ */ e(n.Input, { name: "clientEmail", onChange: s }),
+                    /* @__PURE__ */ e(n.Hint, {})
+                  ] }) }),
+                  /* @__PURE__ */ e(a.Item, { xs: 4, children: /* @__PURE__ */ i(
+                    n.Root,
+                    {
+                      width: "100%",
+                      hint: t("page.settings.form.moderatorRoles.hint"),
+                      children: [
+                        /* @__PURE__ */ e(n.Label, { children: t("page.settings.form.moderatorRoles.label") }),
+                        /* @__PURE__ */ e(
+                          x,
+                          {
+                            withTags: !0,
+                            placeholder: t("page.settings.form.moderatorRoles.placeholder"),
+                            name: "enabledCollections",
+                            value: r.moderatorRoles,
+                            onChange: (o) => {
+                              s("moderatorRoles", o);
+                            },
+                            children: L.data.map((o) => /* @__PURE__ */ e(T, { value: o.code, children: o.name }, o.code))
+                          }
+                        ),
+                        /* @__PURE__ */ e(n.Hint, {})
+                      ]
+                    }
+                  ) })
+                ] })
+              ] }),
+              /* @__PURE__ */ e(P, { condition: u, children: /* @__PURE__ */ e(p, { ...C, children: /* @__PURE__ */ i(q, { gap: 4, direction: "column", alignItems: "flex-start", children: [
+                /* @__PURE__ */ i(q, { gap: 2, direction: "column", alignItems: "flex-start", children: [
+                  /* @__PURE__ */ e(m, { variant: "delta", as: "h2", children: t("page.settings.section.restore") }),
+                  /* @__PURE__ */ e(m, { variant: "pi", as: "h4", children: t("page.settings.section.restore.subtitle") })
+                ] }),
+                /* @__PURE__ */ e(
+                  be,
+                  {
+                    Trigger: ({ onClick: o }) => /* @__PURE__ */ e(
+                      I,
+                      {
+                        variant: "danger-light",
+                        startIcon: /* @__PURE__ */ e(Q, {}),
+                        onClick: o,
+                        children: t("page.settings.actions.restore")
+                      }
+                    ),
+                    onConfirm: G.mutate,
+                    title: t("page.settings.actions.restore.confirmation.header"),
+                    labelConfirm: t("page.settings.actions.restore.confirmation.button.confirm"),
+                    iconConfirm: /* @__PURE__ */ e(Q, {}),
+                    children: t("page.settings.actions.restore.confirmation.description")
+                  }
+                )
+              ] }) }) })
+            ] })
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+new pe();
+const Pe = () => /* @__PURE__ */ e(me, { children: /* @__PURE__ */ e(Le, {}) });
+export {
+  Pe as default
+};