@plone/volto 18.0.0-alpha.43 → 18.0.0-alpha.44

package/dist/server/assets/Rules-DEEwiG_G.js

@@ -0,0 +1,456 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Component } from "react";
+import PropTypes from "prop-types";
+import { connect } from "react-redux";
+import { compose } from "redux";
+import { Link } from "react-router-dom";
+import { b as getBaseUrl, T as Toast, bI as getParentUrl, H as HelmetExport, I as Icon, o as backSVG } from "../entry-server.js";
+import { createPortal } from "react-dom";
+import { Container, Segment, Header, Form as Form$1, Checkbox, Table, Button } from "semantic-ui-react";
+import { injectIntl, defineMessages, FormattedMessage } from "react-intl";
+import { T as Toolbar } from "./Toolbar-DVsVq7NQ.js";
+import { toast } from "react-toastify";
+import { c as getControlPanelRules, f as deleteControlPanelRule, h as getContentRulesEvents, i as editRule } from "./rules-BR_HXhIG.js";
+import "classnames";
+import "lodash-es";
+import "moment";
+import "react-router";
+import "react-router-hash-link";
+import "tlds";
+import "prepend-http";
+import "lodash-move";
+import "react-dom/server";
+import "react-transition-group";
+import "promise-file-reader";
+import "uuid";
+import "pretty-bytes";
+import "react-side-effect";
+import "github-slugger";
+import "slate";
+import "hoist-non-react-statics";
+import "query-string";
+import "slate-react";
+import "prettier/standalone";
+import "prettier/parser-html";
+import "prismjs/components/prism-core.js";
+import "react-animate-height";
+import "react-popper";
+import "react-sortable-hoc";
+import "react-dates/initialize.js";
+import "react-anchor-link-smooth-scroll";
+import "jwt-decode";
+import "react-router-config";
+import "react-fast-compare";
+import "object-assign";
+import "lodash-es/split.js";
+import "lodash-es/join.js";
+import "lodash-es/trim.js";
+import "react-cookie";
+import "react-intl-redux";
+import "universal-cookie";
+import "slate-hyperscript";
+import "is-hotkey";
+import "react-dropzone";
+import "react-intersection-observer";
+import "is-url";
+import "lodash-es/isUndefined.js";
+import "lodash-es/isString.js";
+import "redux-mock-store";
+import "serialize-javascript";
+import "superagent";
+import "connected-react-router";
+import "react-beautiful-dnd";
+import "detect-browser";
+import "locale";
+import "history";
+import "redux-thunk";
+import "redux-localstorage-simple";
+import "debug";
+import "express";
+import "http-proxy-middleware";
+import "./users-BY0qskQF.js";
+import "./User-CeYa32LY.js";
+import "./PersonalInformation--cOokZv2.js";
+const messages = defineMessages({
+  back: {
+    id: "Back",
+    defaultMessage: "Back"
+  },
+  rules: {
+    id: "Content Rules",
+    defaultMessage: "Content Rules"
+  },
+  success: {
+    id: "Success",
+    defaultMessage: "Success"
+  },
+  delete: {
+    id: "Deleted",
+    defaultMessage: "Deleted"
+  },
+  enable: {
+    id: "Rule enable changed",
+    defaultMessage: "Rule enable changed"
+  }
+});
+class Rules extends Component {
+  /**
+   * Constructor
+   * @method constructor
+   * @param {Object} props Component properties
+   * @constructs Rules
+   */
+  constructor(props) {
+    super(props);
+    this.state = {
+      isClient: false,
+      selectedFilters: [],
+      selectedRules: []
+    };
+  }
+  /**
+   * Component did mount
+   * @method componentDidMount
+   * @returns {undefined}
+   */
+  componentDidMount() {
+    this.props.getControlPanelRules(getBaseUrl(this.props.pathname));
+    this.props.getContentRulesEvents(getBaseUrl(this.props.pathname));
+    this.setState({ isClient: true });
+  }
+  /**
+   * Component did mount
+   * @method componentDidUpdate
+   * @returns {undefined}
+   */
+  componentDidUpdate(prevProps, prevState) {
+    if (prevProps.rules !== this.props.rules && this.props.rules.items) {
+      this.setState({ selectedRules: this.props.rules.items });
+    }
+    if (prevState.selectedFilters !== this.state.selectedFilters && this.props.rules.items) {
+      if (this.state.selectedFilters.length > 0) {
+        let filteredRules = this.props.rules.items.filter(
+          (rule) => this.state.selectedFilters.includes(rule.trigger)
+        );
+        this.setState({
+          selectedRules: filteredRules
+        });
+      } else {
+        this.setState({ selectedRules: this.props.rules.items });
+      }
+    }
+  }
+  /**
+   * Component will receive props
+   * @method componentWillReceiveProps
+   * @param {Object} nextProps Next properties
+   * @returns {undefined}
+   */
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (this.props.indivRule.edit.loading && nextProps.indivRule.edit.loaded) {
+      toast.success(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            success: true,
+            title: this.props.intl.formatMessage(messages.success),
+            content: this.props.intl.formatMessage(messages.enable)
+          }
+        )
+      );
+      this.props.getControlPanelRules(getBaseUrl(this.props.pathname));
+    }
+    if (this.props.indivRule.delete.loading && nextProps.indivRule.delete.loaded) {
+      this.props.getControlPanelRules(getBaseUrl(this.props.pathname));
+      toast.success(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            success: true,
+            title: this.props.intl.formatMessage(messages.success),
+            content: this.props.intl.formatMessage(messages.delete)
+          }
+        )
+      );
+    }
+  }
+  /**
+   * Back/Cancel handler
+   * @method onCancel
+   * @returns {undefined}
+   */
+  onCancel() {
+    this.props.history.push(getParentUrl(this.props.pathname));
+  }
+  /**
+   * Select filter type handler
+   * @method handleSelectFilterType
+   * @returns {undefined}
+   */
+  handleSelectFilterType(type) {
+    this.setState({ filterType: type });
+  }
+  /**
+   * Add Rule handler
+   * @method handleAddRule
+   * @returns {undefined}
+   */
+  handleAddRule() {
+    this.props.history.push(`${this.props.pathname}/add`);
+  }
+  /**
+   * Configure Rule handler
+   * @method handleConfigure
+   * @returns {undefined}
+   */
+  handleConfigure(ruleId) {
+    this.props.history.push(`${this.props.pathname}/${ruleId}/configure`);
+  }
+  /**
+   * Edit Rule handler
+   * @method handleEdit
+   * @returns {undefined}
+   */
+  handleEdit(ruleId) {
+    this.props.history.push(`${this.props.pathname}/${ruleId}/edit`);
+  }
+  /**
+   * Delete Rule handler
+   * @method handleDelete
+   * @returns {undefined}
+   */
+  handleDelete(ruleId) {
+    this.props.deleteControlPanelRule(getBaseUrl(this.props.pathname), ruleId);
+  }
+  /**
+   * Set filter handler
+   * @method handleSetFilters
+   * @returns {undefined}
+   */
+  handleSetFilters(value) {
+    if (!this.state.selectedFilters.includes(value)) {
+      this.setState({
+        selectedFilters: [...this.state.selectedFilters, value]
+      });
+    } else {
+      this.setState({
+        selectedFilters: this.state.selectedFilters.filter((f) => f !== value)
+      });
+    }
+  }
+  /**
+   *Enable rule handler
+   * @method handleEnableRule
+   * @returns {undefined}
+   */
+  handleEnableRule(rule) {
+    const { id, cascading, description, enabled, event, stop, title } = rule;
+    this.props.editRule(
+      getBaseUrl(this.props.pathname),
+      { id, cascading, description, enabled: !enabled, event, stop, title },
+      id
+    );
+  }
+  /**
+   * Render method.
+   * @method render
+   * @returns {string} Markup for the component.
+   */
+  render() {
+    return /* @__PURE__ */ jsxs("div", { id: "page-rules", children: [
+      /* @__PURE__ */ jsx(HelmetExport, { title: this.props.intl.formatMessage(messages.rules) }),
+      /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsx("article", { id: "content", children: /* @__PURE__ */ jsxs(Segment.Group, { raised: true, children: [
+        /* @__PURE__ */ jsx(Segment, { className: "primary", children: /* @__PURE__ */ jsx(
+          FormattedMessage,
+          {
+            id: "Content Rules",
+            defaultMessage: "Content Rules"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Segment, { className: "secondary", children: /* @__PURE__ */ jsx(
+          FormattedMessage,
+          {
+            id: "Use the form below to define, change or remove content rules. Rules will automatically perform actions on content when certain triggers take place. After defining rules, you may want to go to a folder to assign them, using the 'rules' item in the actions menu.",
+            defaultMessage: "Use the form below to define, change or remove content rules. Rules will automatically perform actions on content when certain triggers take place. After defining rules, you may want to go to a folder to assign them, using the 'rules' item in the actions menu."
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(Segment, { children: [
+          /* @__PURE__ */ jsx(Header, { size: "small", children: /* @__PURE__ */ jsx(
+            FormattedMessage,
+            {
+              id: "Filter Rules:",
+              defaultMessage: "Filter Rules:"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Form$1, { children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                display: "flex",
+                flexWrap: "wrap"
+              },
+              children: this.props.events && this.props.events.items && this.props.events.items.length > 0 && this.props.events.items.map((event) => {
+                return { label: event.title, value: event.title };
+              }).map((o, i) => /* @__PURE__ */ jsx(Form$1.Field, { style: { marginRight: "15px" }, children: /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  onChange: (e, { value }) => this.handleSetFilters(value),
+                  checked: this.state.selectedFilters.includes[o.value],
+                  value: o.value,
+                  label: o.label
+                }
+              ) }, i))
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Table, { children: /* @__PURE__ */ jsxs(Table.Body, { children: [
+            /* @__PURE__ */ jsxs(Table.Row, { children: [
+              /* @__PURE__ */ jsx(Table.HeaderCell, { children: /* @__PURE__ */ jsx(
+                FormattedMessage,
+                {
+                  id: "Content Rule",
+                  defaultMessage: "Content Rule"
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Table.HeaderCell, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Event", defaultMessage: "Event" }) }),
+              /* @__PURE__ */ jsx(Table.HeaderCell, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Status", defaultMessage: "Status" }) }),
+              /* @__PURE__ */ jsx(Table.HeaderCell, { children: /* @__PURE__ */ jsx(
+                FormattedMessage,
+                {
+                  id: "Actions",
+                  defaultMessage: "Actions"
+                }
+              ) })
+            ] }),
+            this.state.selectedRules && this.state.selectedRules.length > 0 && this.state.selectedRules.map((rule, i) => /* @__PURE__ */ jsxs(Table.Row, { children: [
+              /* @__PURE__ */ jsxs(Table.Cell, { children: [
+                /* @__PURE__ */ jsx("p", { style: { fontSize: "16px" }, children: rule.title }),
+                /* @__PURE__ */ jsx("p", { style: { fontSize: "14px" }, children: rule.description })
+              ] }),
+              /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx("p", { children: rule.trigger }) }),
+              /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: { display: "flex", alignItems: "center" },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Checkbox,
+                      {
+                        onChange: (e, o) => this.handleEnableRule(rule),
+                        checked: rule.enabled,
+                        value: rule.enabled,
+                        label: "enabled"
+                      }
+                    ),
+                    !rule.assigned && /* @__PURE__ */ jsx(
+                      "p",
+                      {
+                        style: {
+                          marginLeft: "5px",
+                          padding: "3px",
+                          backgroundColor: "#ffc106",
+                          borderRadius: "5px",
+                          fontSize: "10px",
+                          fontWeight: "bold"
+                        },
+                        children: "not assigned"
+                      }
+                    )
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsxs("div", { style: { display: "flex" }, children: [
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    size: "mini",
+                    primary: true,
+                    onClick: () => this.handleConfigure(rule.id),
+                    children: "Configure"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    size: "mini",
+                    secondary: true,
+                    onClick: () => this.handleEdit(rule.id),
+                    children: "Edit"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    size: "mini",
+                    color: "youtube",
+                    onClick: () => this.handleDelete(rule.id),
+                    children: "Delete"
+                  }
+                )
+              ] }) })
+            ] }, i))
+          ] }) }),
+          /* @__PURE__ */ jsx(Button, { onClick: () => this.handleAddRule(), primary: true, children: /* @__PURE__ */ jsx(
+            FormattedMessage,
+            {
+              id: "Add content rule",
+              defaultMessage: "Add content rule"
+            }
+          ) })
+        ] })
+      ] }) }) }),
+      this.state.isClient && createPortal(
+        /* @__PURE__ */ jsx(
+          Toolbar,
+          {
+            pathname: this.props.pathname,
+            hideDefaultViewButtons: true,
+            inner: /* @__PURE__ */ jsx(Link, { className: "item", to: "#", onClick: () => this.onCancel(), children: /* @__PURE__ */ jsx(
+              Icon,
+              {
+                name: backSVG,
+                className: "contents circled",
+                size: "30px",
+                title: this.props.intl.formatMessage(messages.back)
+              }
+            ) })
+          }
+        ),
+        document.getElementById("toolbar")
+      )
+    ] });
+  }
+}
+/**
+ * Property types.
+ * @property {Object} propTypes Property types.
+ * @static
+ */
+__publicField(Rules, "propTypes", {
+  getControlPanelRules: PropTypes.func.isRequired,
+  deleteControlPanelRule: PropTypes.func.isRequired,
+  getContentRulesEvents: PropTypes.func.isRequired,
+  editRule: PropTypes.func.isRequired
+});
+const Rules$1 = compose(
+  injectIntl,
+  connect(
+    (state, props) => ({
+      indivRule: state.controlpanelrule,
+      rules: state.controlpanelrules,
+      events: state.contentrulesevents,
+      pathname: props.location.pathname
+    }),
+    {
+      getControlPanelRules,
+      deleteControlPanelRule,
+      getContentRulesEvents,
+      editRule
+    }
+  )
+)(Rules);
+export {
+  Rules$1 as default
+};