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

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

@@ -0,0 +1,557 @@
+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 React__default, { Component } from "react";
+import PropTypes from "prop-types";
+import { b as getBaseUrl, T as Toast, H as HelmetExport, I as Icon, a6 as checkSVG, o as backSVG } from "../entry-server.js";
+import { connect } from "react-redux";
+import { compose } from "redux";
+import { Link } from "react-router-dom";
+import { createPortal } from "react-dom";
+import { Container, Segment, Table, Select, Button, Checkbox } from "semantic-ui-react";
+import { injectIntl, defineMessages, FormattedMessage } from "react-intl";
+import { a as addRule, g as getRules, e as enableRules, d as disableRules, b as applyRulesToSubfolders, u as unapplyRulesToSubfolders, r as removeRules } from "./rules-BR_HXhIG.js";
+import { T as Toolbar } from "./Toolbar-DVsVq7NQ.js";
+import { toast } from "react-toastify";
+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: "Rules",
+    defaultMessage: "Rules"
+  },
+  success: {
+    id: "Success",
+    defaultMessage: "Success"
+  },
+  add: {
+    id: "Added",
+    defaultMessage: "Added"
+  },
+  enable: {
+    id: "Enabled",
+    defaultMessage: "Enabled"
+  },
+  disable: {
+    id: "Disabled",
+    defaultMessage: "Disabled"
+  },
+  apply: {
+    id: "Applied to subfolders",
+    defaultMessage: "Applied to subfolders"
+  },
+  unapply: {
+    id: "Disabled apply to subfolders",
+    defaultMessage: "Disabled apply to subfolders"
+  },
+  remove: {
+    id: "Unassigned",
+    defaultMessage: "Unassigned"
+  }
+});
+class Rules extends Component {
+  /**
+   * Constructor
+   * @method constructor
+   * @param {Object} props Component properties
+   * @constructs Rules
+   */
+  constructor(props) {
+    super(props);
+    /**
+     * Rule check handler
+     * @method handleCheckRule
+     * @returns {undefined}
+     */
+    __publicField(this, "handleCheckRule", (rule) => {
+      const rules = this.state.checkedRules;
+      if (rules.includes(rule)) {
+        const index = rules.indexOf(rule);
+        if (index > -1) {
+          let newRules = rules;
+          newRules.splice(index, 1);
+          this.setState({ checkedRules: newRules });
+        }
+      } else {
+        this.setState({
+          checkedRules: [...this.state.checkedRules, rule]
+        });
+      }
+    });
+    /**
+     * Disable rules handler
+     * @method handleDisableRules
+     * @returns {undefined}
+     */
+    __publicField(this, "handleDisableRules", () => {
+      this.props.disableRules(
+        getBaseUrl(this.props.pathname),
+        this.state.checkedRules
+      );
+    });
+    /**
+     * Enable rules handler
+     * @method handleEnableRules
+     * @returns {undefined}
+     */
+    __publicField(this, "handleEnableRules", () => {
+      this.props.enableRules(
+        getBaseUrl(this.props.pathname),
+        this.state.checkedRules
+      );
+    });
+    /**
+     * Apply rules to subfolder handler
+     * @method handleApplyToSubfolder
+     * @returns {undefined}
+     */
+    __publicField(this, "handleApplyToSubfolder", () => {
+      this.props.applyRulesToSubfolders(
+        getBaseUrl(this.props.pathname),
+        this.state.checkedRules
+      );
+    });
+    /**
+     * Unapply rules to subfolder handler
+     * @method handleUnapplyToSubfolder
+     * @returns {undefined}
+     */
+    __publicField(this, "handleUnapplyToSubfolder", () => {
+      this.props.unapplyRulesToSubfolders(
+        getBaseUrl(this.props.pathname),
+        this.state.checkedRules
+      );
+    });
+    /**
+     * Remove rules handler
+     * @method handleRemoveRules
+     * @returns {undefined}
+     */
+    __publicField(this, "handleRemoveRules", () => {
+      this.props.removeRules(
+        getBaseUrl(this.props.pathname),
+        this.state.checkedRules
+      );
+    });
+    /**
+     * Remove rules handler
+     * @method handleAddRule
+     * @returns {undefined}
+     */
+    __publicField(this, "handleAddRule", () => {
+      this.props.addRule(getBaseUrl(this.props.pathname), this.state.newRule);
+    });
+    this.state = {
+      isClient: false,
+      checkedRules: [],
+      newRule: ""
+    };
+  }
+  /**
+   * Component did mount
+   * @method componentDidMount
+   * @returns {undefined}
+   */
+  componentDidMount() {
+    this.props.getRules(getBaseUrl(this.props.pathname));
+    this.setState({ isClient: true });
+  }
+  componentDidUpdate(prevProps, prevState) {
+  }
+  /**
+   * Component will receive props
+   * @method componentWillReceiveProps
+   * @param {Object} nextProps Next properties
+   * @returns {undefined}
+   */
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (this.props.rules.add.loading && nextProps.rules.add.loaded) {
+      this.props.getRules(getBaseUrl(this.props.pathname));
+      this.setState({ newRule: "" });
+      toast.success(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            success: true,
+            title: this.props.intl.formatMessage(messages.success),
+            content: this.props.intl.formatMessage(messages.add)
+          }
+        )
+      );
+    }
+    if (this.props.rules.disable.loading && nextProps.rules.disable.loaded) {
+      this.props.getRules(getBaseUrl(this.props.pathname));
+      this.setState({ checkedRules: [] });
+      toast.success(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            success: true,
+            title: this.props.intl.formatMessage(messages.success),
+            content: this.props.intl.formatMessage(messages.disable)
+          }
+        )
+      );
+    }
+    if (this.props.rules.enable.loading && nextProps.rules.enable.loaded) {
+      this.props.getRules(getBaseUrl(this.props.pathname));
+      this.setState({ checkedRules: [] });
+      toast.success(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            success: true,
+            title: this.props.intl.formatMessage(messages.success),
+            content: this.props.intl.formatMessage(messages.enable)
+          }
+        )
+      );
+    }
+    if (this.props.rules.apply.loading && nextProps.rules.apply.loaded) {
+      this.props.getRules(getBaseUrl(this.props.pathname));
+      this.setState({ checkedRules: [] });
+      toast.success(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            success: true,
+            title: this.props.intl.formatMessage(messages.success),
+            content: this.props.intl.formatMessage(messages.apply)
+          }
+        )
+      );
+    }
+    if (this.props.rules.unapply.loading && nextProps.rules.unapply.loaded) {
+      this.props.getRules(getBaseUrl(this.props.pathname));
+      this.setState({ checkedRules: [] });
+      toast.success(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            success: true,
+            title: this.props.intl.formatMessage(messages.success),
+            content: this.props.intl.formatMessage(messages.unapply)
+          }
+        )
+      );
+    }
+    if (this.props.rules.remove.loading && nextProps.rules.remove.loaded) {
+      this.props.getRules(getBaseUrl(this.props.pathname));
+      this.setState({ checkedRules: [] });
+      toast.success(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            success: true,
+            title: this.props.intl.formatMessage(messages.success),
+            content: this.props.intl.formatMessage(messages.remove)
+          }
+        )
+      );
+    }
+  }
+  /**
+   * Render method.
+   * @method render
+   * @returns {string} Markup for the component.
+   */
+  render() {
+    var _a;
+    const { acquired_rules, assigned_rules, assignable_rules } = ((_a = this.props.rules) == null ? void 0 : _a.rules) || {};
+    return /* @__PURE__ */ jsxs(Container, { id: "rules", children: [
+      /* @__PURE__ */ jsx(HelmetExport, { title: this.props.intl.formatMessage(messages.rules) }),
+      /* @__PURE__ */ jsxs(Segment.Group, { raised: true, children: [
+        /* @__PURE__ */ jsx(Segment, { className: "primary", children: /* @__PURE__ */ jsx(
+          FormattedMessage,
+          {
+            id: "Content rules for {title}",
+            defaultMessage: "Content rules for {title}",
+            values: { title: /* @__PURE__ */ jsx("q", { children: this.props.title }) }
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Segment, { secondary: true, children: /* @__PURE__ */ jsx(
+          FormattedMessage,
+          {
+            id: "The following content rules are active in this Page. Use the content rules control panel to create new rules or delete or modify existing ones.",
+            defaultMessage: "The following content rules are active in this Page. Use the content rules control panel to create new rules or delete or modify existing ones."
+          }
+        ) })
+      ] }),
+      acquired_rules && acquired_rules.length > 0 && /* @__PURE__ */ jsx(Table, { children: /* @__PURE__ */ jsxs(Table.Body, { children: [
+        /* @__PURE__ */ jsxs(Table.Row, { children: [
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: /* @__PURE__ */ jsx(
+            FormattedMessage,
+            {
+              id: "Content rules from parent folders",
+              defaultMessage: "Content rules from parent folders"
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Table.HeaderCell, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Active", defaultMessage: "Active" }) })
+        ] }),
+        acquired_rules.map((rule, i) => /* @__PURE__ */ jsxs(Table.Row, { children: [
+          /* @__PURE__ */ jsxs(Table.Cell, { children: [
+            rule.title,
+            "(",
+            rule.trigger,
+            ")"
+          ] }),
+          /* @__PURE__ */ jsx(Table.Cell, { children: rule.enabled && /* @__PURE__ */ jsx("span", { style: { color: "green" }, children: /* @__PURE__ */ jsx(
+            Icon,
+            {
+              name: checkSVG,
+              className: "contents circled",
+              size: "10px"
+            }
+          ) }) })
+        ] }, i))
+      ] }) }),
+      assignable_rules && assignable_rules.length > 0 && /* @__PURE__ */ jsxs(Segment, { children: [
+        /* @__PURE__ */ jsx(
+          FormattedMessage,
+          {
+            id: "Available content rules:",
+            defaultMessage: "Available content rules:"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex" }, children: [
+          /* @__PURE__ */ jsx(
+            Select,
+            {
+              placeholder: "Select rule",
+              value: this.state.newRule,
+              onChange: (e, { value }) => this.setState({ newRule: value }),
+              options: assignable_rules.map((rule, i) => {
+                return { key: rule.id, value: rule.id, text: rule.title };
+              })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: this.handleAddRule,
+              primary: true,
+              style: { marginLeft: "10px" },
+              children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Add", defaultMessage: "Add" })
+            }
+          )
+        ] })
+      ] }),
+      assigned_rules && assigned_rules.length > 0 && /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+        /* @__PURE__ */ jsx(Table, { children: /* @__PURE__ */ jsxs(Table.Body, { children: [
+          /* @__PURE__ */ jsxs(Table.Row, { children: [
+            /* @__PURE__ */ jsx(Table.HeaderCell, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Select", defaultMessage: "Select" }) }),
+            /* @__PURE__ */ jsx(Table.HeaderCell, { children: /* @__PURE__ */ jsx(
+              FormattedMessage,
+              {
+                id: "Active content rules in this Page",
+                defaultMessage: "Active content rules in this Page"
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Table.HeaderCell, { children: /* @__PURE__ */ jsx(
+              FormattedMessage,
+              {
+                id: "Applies to subfolders?",
+                defaultMessage: "Applies to subfolders?"
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Table.HeaderCell, { children: /* @__PURE__ */ jsx(
+              FormattedMessage,
+              {
+                id: "Enabled here?",
+                defaultMessage: "Enabled here?"
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Table.HeaderCell, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Enabled?", defaultMessage: "Enabled?" }) })
+          ] }),
+          assigned_rules.map((rule, i) => /* @__PURE__ */ jsxs(Table.Row, { children: [
+            /* @__PURE__ */ jsx(Table.Cell, { children: /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                onChange: (o, { value }) => this.handleCheckRule(value),
+                value: rule.id,
+                checked: this.state.checkedRules.includes(rule.id)
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(Table.Cell, { children: [
+              rule.title,
+              "(",
+              rule.trigger,
+              ")"
+            ] }),
+            /* @__PURE__ */ jsx(Table.Cell, { children: rule.bubbles && /* @__PURE__ */ jsx("span", { style: { color: "green" }, children: /* @__PURE__ */ jsx(
+              Icon,
+              {
+                name: checkSVG,
+                className: "contents circled",
+                size: "10px"
+              }
+            ) }) }),
+            /* @__PURE__ */ jsx(Table.Cell, { children: rule.enabled && /* @__PURE__ */ jsx("span", { style: { color: "green" }, children: /* @__PURE__ */ jsx(
+              Icon,
+              {
+                name: checkSVG,
+                className: "contents circled",
+                size: "10px"
+              }
+            ) }) }),
+            /* @__PURE__ */ jsx(Table.Cell, { children: rule.global_enabled && /* @__PURE__ */ jsx("span", { style: { color: "green" }, children: /* @__PURE__ */ jsx(
+              Icon,
+              {
+                name: checkSVG,
+                className: "contents circled",
+                size: "10px"
+              }
+            ) }) })
+          ] }, i))
+        ] }) }),
+        /* @__PURE__ */ jsx(Button, { onClick: this.handleEnableRules, primary: true, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Enable", defaultMessage: "Enable" }) }),
+        /* @__PURE__ */ jsx(Button, { onClick: this.handleDisableRules, primary: true, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Disable", defaultMessage: "Disable" }) }),
+        /* @__PURE__ */ jsx(Button, { onClick: this.handleApplyToSubfolder, primary: true, children: /* @__PURE__ */ jsx(
+          FormattedMessage,
+          {
+            id: "Apply to subfolders",
+            defaultMessage: "Apply to subfolders"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Button, { onClick: this.handleUnapplyToSubfolder, primary: true, children: /* @__PURE__ */ jsx(
+          FormattedMessage,
+          {
+            id: "Disable apply to subfolders",
+            defaultMessage: "Disable apply to subfolders"
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Button, { color: "youtube", onClick: this.handleRemoveRules, children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Unassign", defaultMessage: "Unassign" }) })
+      ] }),
+      this.state.isClient && createPortal(
+        /* @__PURE__ */ jsx(
+          Toolbar,
+          {
+            pathname: this.props.pathname,
+            hideDefaultViewButtons: true,
+            inner: /* @__PURE__ */ jsx(
+              Link,
+              {
+                to: `${getBaseUrl(this.props.pathname)}`,
+                className: "item",
+                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", {
+  getRules: PropTypes.func.isRequired,
+  addRule: PropTypes.func.isRequired,
+  enableRules: PropTypes.func.isRequired,
+  disableRules: PropTypes.func.isRequired,
+  applyRulesToSubfolders: PropTypes.func.isRequired,
+  unapplyRulesToSubfolders: PropTypes.func.isRequired,
+  removeRules: PropTypes.func.isRequired,
+  pathname: PropTypes.string.isRequired,
+  title: PropTypes.string.isRequired
+});
+const Rules$1 = compose(
+  injectIntl,
+  connect(
+    (state, props) => {
+      var _a;
+      return {
+        rules: state.rules,
+        pathname: props.location.pathname,
+        title: ((_a = state.content.data) == null ? void 0 : _a.title) || ""
+      };
+    },
+    {
+      addRule,
+      getRules,
+      enableRules,
+      disableRules,
+      applyRulesToSubfolders,
+      unapplyRulesToSubfolders,
+      removeRules
+    }
+  )
+)(Rules);
+export {
+  Rules$1 as default
+};