strapi-plugin-comments 2.1.0 → 2.1.1

package/admin/src/pages/utils/api.ts

@@ -0,0 +1,70 @@
+import { stringify } from "qs";
+import { isEmpty } from "lodash";
+
+import { getApiURL, axiosInstance, handleAPIError } from "../../utils";
+import { Id } from "strapi-typed";
+import { ToBeFixed } from "../../../../types";
+
+// eslint-disable-next-line import/prefer-default-export
+export const fetchDetailsData = async (
+  id: Id,
+  queryParams: ToBeFixed,
+  toggleNotification: Function
+) => {
+  try {
+    const stringifiedProps = !isEmpty(queryParams)
+      ? `?${stringify(queryParams, { encode: false })}`
+      : "";
+    const { data } = await axiosInstance.get(
+      getApiURL(`moderate/single/${id}${stringifiedProps}`)
+    );
+
+    return data;
+  } catch (err: ToBeFixed) {
+    handleAPIError(err, toggleNotification);
+  }
+};
+
+export const fetchContentTypeData = async (
+  uid: string,
+  toggleNotification: Function
+) => {
+  try {
+    const { data } = await axiosInstance.get(
+      `/content-type-builder/content-types/${uid}`
+    );
+    return data?.data;
+  } catch (err: ToBeFixed) {
+    handleAPIError(err, toggleNotification);
+  }
+};
+
+export const blockItem = (id: Id) => {
+  return axiosInstance.patch(getApiURL(`moderate/single/${id}/block`));
+};
+
+export const unblockItem = (id: Id) => {
+  return axiosInstance.patch(getApiURL(`moderate/single/${id}/unblock`));
+};
+
+export const approveItem = (id: Id) => {
+  return axiosInstance.patch(getApiURL(`moderate/single/${id}/approve`));
+};
+
+export const rejectItem = (id: Id) => {
+  return axiosInstance.patch(getApiURL(`moderate/single/${id}/reject`));
+};
+
+export const blockItemThread = (id: Id) => {
+  return axiosInstance.patch(getApiURL(`moderate/thread/${id}/block`));
+};
+
+export const unblockItemThread = (id: Id) => {
+  return axiosInstance.patch(getApiURL(`moderate/thread/${id}/unblock`));
+};
+
+export const resolveReport = ({ id, reportId }: ToBeFixed) => {
+  return axiosInstance.patch(
+    getApiURL(`moderate/single/${id}/report/${reportId}/resolve`)
+  );
+};

package/admin/src/permissions.ts

@@ -0,0 +1,30 @@
+import permissions from "./../../permissions";
+
+export default {
+  access: [
+    { action: permissions.render(permissions.comments.read), subject: null },
+    { action: permissions.render(permissions.reports.read), subject: null },
+    // { action: 'plugin::comments.discover.read', subject: null },
+    { action: permissions.render(permissions.settings.read), subject: null },
+    { action: permissions.render(permissions.settings.read), subject: null },
+  ],
+  // discover: [{ action: 'plugin::comments.discover.read', subject: null }],
+  moderate: [
+    {
+      action: permissions.render(permissions.comments.moderate),
+      subject: null,
+    },
+  ],
+  reports: [
+    { action: permissions.render(permissions.reports.read), subject: null },
+  ],
+  reportsReview: [
+    { action: permissions.render(permissions.reports.action), subject: null },
+  ],
+  settings: [
+    { action: permissions.render(permissions.settings.read), subject: null },
+  ],
+  settingsChange: [
+    { action: permissions.render(permissions.settings.change), subject: null },
+  ],
+};

package/admin/src/pluginId.ts

@@ -0,0 +1,3 @@
+import * as pluginPkg from "../../package.json";
+
+export const pluginId = pluginPkg.name.replace(/^strapi-plugin-/i, "");

package/admin/src/reducers.ts

@@ -0,0 +1,8 @@
+import appReducer from "./pages/App/reducer";
+import { REDUCER_NAME } from "./pages/App/reducer/constants";
+
+const reducers = {
+  [`${REDUCER_NAME}`]: appReducer,
+};
+
+export default reducers;

package/admin/src/utils/axiosInstance.ts

@@ -0,0 +1,38 @@
+// @ts-ignore
+import axios from "axios";
+// @ts-ignore
+import { auth } from "@strapi/helper-plugin";
+import { ToBeFixed } from "../../../types";
+
+const instance = axios.create({
+  baseURL: process.env.STRAPI_ADMIN_BACKEND_URL,
+});
+
+instance.interceptors.request.use(
+  async (config: ToBeFixed) => {
+    config.headers = {
+      Authorization: `Bearer ${auth.getToken()}`,
+      Accept: "application/json",
+      "Content-Type": "application/json",
+    };
+
+    return config;
+  },
+  (error: ToBeFixed) => {
+    Promise.reject(error);
+  }
+);
+
+instance.interceptors.response.use(
+  (response: ToBeFixed) => response,
+  (error: ToBeFixed) => {
+    if (error.response?.status === 401) {
+      auth.clearAppStorage();
+      window.location.reload();
+    }
+
+    throw error;
+  }
+);
+
+export default instance;

package/admin/src/utils/constants.ts

@@ -0,0 +1,25 @@
+export const APPROVAL_STATUS = {
+  PENDING: "PENDING",
+  APPROVED: "APPROVED",
+  REJECTED: "REJECTED",
+};
+
+export const REPORT_STATUS = {
+  RESOLVED: "RESOLVED",
+  OPEN: "OPEN",
+};
+
+export const REPORT_REASON = {
+  BAD_LANGUAGE: "BAD_LANGUAGE",
+  DISCRIMINATION: "DISCRIMINATION",
+  OTHER: "OTHER",
+};
+
+export const COMMENT_STATUS = {
+  UNKNOWN: "UNKNOWN",
+  BLOCKED: "BLOCKED",
+  OPEN: "OPEN",
+  REMOVED: "REMOVED",
+  TO_REVIEW: "TO_REVIEW",
+  ...APPROVAL_STATUS,
+};

package/admin/src/utils/getApiUrl.ts

@@ -0,0 +1,5 @@
+import { pluginId } from "../pluginId";
+
+const getApiURL = (endPoint: string) => `/${pluginId}/${endPoint}`;
+
+export default getApiURL;

package/admin/src/utils/getMessage.ts

@@ -0,0 +1,29 @@
+// @ts-ignore
+import { useIntl } from "react-intl";
+import { isString } from "lodash";
+
+import { pluginId } from "../pluginId";
+import { ToBeFixed } from "../../../types";
+
+const getMessage = (
+  input: ToBeFixed,
+  defaultMessage = "",
+  inPluginScope = true
+) => {
+  const { formatMessage } = useIntl();
+  let formattedId = "";
+  if (isString(input)) {
+    formattedId = input;
+  } else {
+    formattedId = input?.id;
+  }
+  return formatMessage(
+    {
+      id: `${inPluginScope ? pluginId : "app.components"}.${formattedId}`,
+      defaultMessage,
+    },
+    input?.props || undefined
+  );
+};
+
+export default getMessage;

package/admin/src/utils/getRelatedGroups.ts

@@ -0,0 +1,6 @@
+import { ToBeFixed } from "../../../types";
+
+const getRelatedGroups = (related: string, config: ToBeFixed) =>
+  related.split(config.regex.relatedUid).filter((s) => s && s.length > 0);
+
+export default getRelatedGroups;

package/admin/src/utils/getUrl.ts

@@ -0,0 +1,5 @@
+import { pluginId } from "../pluginId";
+
+const getUrl = (path = "") => `/plugins/${pluginId}/${path}`;
+
+export default getUrl;

package/admin/src/utils/handleAPIError.ts

@@ -0,0 +1,21 @@
+import { ToBeFixed } from "../../../types";
+import { pluginId } from "../pluginId";
+
+const handleAPIError = (
+  err = null,
+  toggleNotification: ToBeFixed = null,
+  message = "app.components.notification.error"
+) => {
+  toggleNotification({
+    type: "warning",
+    message: `${pluginId}.${message}`,
+  });
+
+  if (err) {
+    throw err;
+  } else {
+    throw new Error("error");
+  }
+};
+
+export default handleAPIError;

package/admin/src/utils/index.ts

@@ -0,0 +1,11 @@
+export { default as axiosInstance } from "./axiosInstance";
+export { default as getApiURL } from "./getApiUrl";
+export { default as getUrl } from "./getUrl";
+export { default as getMessage } from "./getMessage";
+export { default as handleAPIError } from "./handleAPIError";
+export { default as getRelatedGroups } from "./getRelatedGroups";
+export { default as renderEntryTitle } from "./renderEntryTitle";
+export { default as renderInitials } from "./renderInitials";
+export { default as resolveCommentStatus } from "./resolveCommentStatus";
+export { default as resolveCommentStatusColor } from "./resolveCommentStatusColor";
+export { default as parseRegExp } from "./parseRegExp";

package/admin/src/utils/parseRegExp.ts

@@ -0,0 +1,9 @@
+const parseRegExp = (regexpString: string) => {
+  const [value, flags] = regexpString.split("/").filter((_) => _.length > 0);
+  return {
+    value,
+    flags,
+  };
+};
+
+export default parseRegExp;

package/admin/src/utils/renderEntryTitle.ts

@@ -0,0 +1,16 @@
+import { first } from "lodash";
+import { ToBeFixed } from "../../../types";
+
+const renderEntryTitle = (entry: ToBeFixed, config: ToBeFixed = {}) => {
+  const { entryLabel } = config;
+  const rule =
+    entry.uid in entryLabel ? entryLabel[entry.uid] : entryLabel["*"];
+  return first(
+    Object.keys(entry)
+      .filter((_) => rule === _ || rule.includes(_))
+      .map((_) => entry[_])
+      .filter((_) => _)
+  );
+};
+
+export default renderEntryTitle;

package/admin/src/utils/renderInitials.ts

@@ -0,0 +1,10 @@
+import { first } from "lodash";
+
+const renderInitials = (value = "") =>
+  value
+    .split(" ")
+    .map((_) => first(_))
+    .join("")
+    .toUpperCase();
+
+export default renderInitials;

package/admin/src/utils/resolveCommentStatus.ts

@@ -0,0 +1,37 @@
+import { isNil } from "lodash";
+import { ToBeFixed } from "../../../types";
+import { COMMENT_STATUS } from "./constants";
+
+const resolveCommentStatus = ({
+  removed,
+  blocked,
+  blockedThread,
+  approvalStatus,
+  reviewFlowEnabled,
+}: ToBeFixed) => {
+  const gotApprovalFlow = !isNil(approvalStatus);
+
+  if (removed) {
+    return COMMENT_STATUS.REMOVED;
+  }
+
+  if (blocked || blockedThread) {
+    return COMMENT_STATUS.BLOCKED;
+  }
+
+  if (reviewFlowEnabled) {
+    return COMMENT_STATUS.TO_REVIEW;
+  }
+
+  if (gotApprovalFlow) {
+    const status = approvalStatus.toUpperCase();
+    if (Object.keys(COMMENT_STATUS).includes(status)) {
+      return status;
+    }
+    return COMMENT_STATUS.UNKNOWN;
+  }
+
+  return COMMENT_STATUS.OPEN;
+};
+
+export default resolveCommentStatus;

package/admin/src/utils/resolveCommentStatusColor.ts

@@ -0,0 +1,22 @@
+import { ToBeFixed } from "../../../types";
+import { COMMENT_STATUS } from "./constants";
+
+const resolveCommentStatusColor = (status: ToBeFixed) => {
+  if (Object.keys(COMMENT_STATUS).includes(status)) {
+    switch (status) {
+      case COMMENT_STATUS.REMOVED:
+        return "secondary";
+      case COMMENT_STATUS.TO_REVIEW:
+      case COMMENT_STATUS.REJECTED:
+        return "warning";
+      case COMMENT_STATUS.BLOCKED:
+        return "danger";
+      case COMMENT_STATUS.OPEN:
+      case COMMENT_STATUS.APPROVED:
+        return "success";
+    }
+  }
+  return "secondary";
+};
+
+export default resolveCommentStatusColor;