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

package/dist/server/assets/ConfigureRule-DJaR8x5h.js

@@ -0,0 +1,1338 @@
+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 { jsxs, jsx } from "react/jsx-runtime";
+import React__default, { Component } from "react";
+import PropTypes from "prop-types";
+import { connect } from "react-redux";
+import { compose } from "redux";
+import { Link } from "react-router-dom";
+import { be as ModalForm, b as getBaseUrl, T as Toast, bI as getParentUrl, H as HelmetExport, I as Icon, N as UniversalLink, o as backSVG } from "../entry-server.js";
+import { createPortal } from "react-dom";
+import { Modal, Container, Segment, Grid, Card, Button, Dropdown } from "semantic-ui-react";
+import { injectIntl, defineMessages, FormattedMessage } from "react-intl";
+import { T as Toolbar } from "./Toolbar-DVsVq7NQ.js";
+import { k as getControlPanelRule, l as removeCondition, m as addCondition, n as editCondition, o as getCondition, p as getAction, q as removeAction, s as addAction, t as editAction, v as moveRuleCondition, w as moveRuleAction } from "./rules-BR_HXhIG.js";
+import { toast } from "react-toastify";
+import { g as getVocabulary } from "./vocabularies-C3rWoW1K.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 upSVG = { "attributes": { "xmlns": "http://www.w3.org/2000/svg", "width": "36", "height": "36", "viewBox": "0 0 36 36" }, "content": '<path fill-rule="evenodd" d="M30.707 17.293 18 4.586 5.293 17.293 6.707 18.707 17 8.414 17 31 19 31 19 8.414 29.293 18.707z"/>' };
+const downSVG = { "attributes": { "xmlns": "http://www.w3.org/2000/svg", "width": "36", "height": "36", "viewBox": "0 0 36 36" }, "content": '<path fill-rule="evenodd" d="M29.293 17.293 19 27.586 19 5 17 5 17 27.586 6.707 17.293 5.293 18.707 18 31.414 30.707 18.707z"/>' };
+const setSchema = (name, choices = "") => {
+  switch (name) {
+    case "Content type":
+      return {
+        fieldsets: [
+          {
+            id: "default",
+            title: "default",
+            fields: ["check_types"]
+          }
+        ],
+        properties: {
+          check_types: {
+            title: "Content Types",
+            isMulti: true,
+            default: choices && choices.length > 0 ? choices[0] : "",
+            choices
+          }
+        },
+        required: ["check_types"]
+      };
+    case "File Extension":
+      return {
+        fieldsets: [
+          {
+            id: "default",
+            title: "default",
+            fields: ["file_extension"]
+          }
+        ],
+        properties: {
+          file_extension: {
+            title: "File Extension",
+            type: "string"
+          }
+        },
+        required: ["file_extension"]
+      };
+    case "Workflow state":
+      return {
+        fieldsets: [
+          {
+            id: "default",
+            title: "default",
+            fields: ["wf_states"]
+          }
+        ],
+        properties: {
+          wf_states: {
+            title: "Workflow State",
+            isMulti: true,
+            default: choices && choices.length > 0 ? choices[0] : "",
+            choices
+          }
+        },
+        required: ["wf_states"]
+      };
+    case "User's group":
+      return {
+        fieldsets: [
+          {
+            id: "default",
+            title: "default",
+            fields: ["group_names"]
+          }
+        ],
+        properties: {
+          group_names: {
+            title: "Groups",
+            isMulti: true,
+            default: choices && choices.length > 0 ? choices[0] : "",
+            choices
+          }
+        },
+        required: ["group_names"]
+      };
+    case "User's role":
+      return {
+        fieldsets: [
+          {
+            id: "default",
+            title: "default",
+            fields: ["role_names"]
+          }
+        ],
+        properties: {
+          role_names: {
+            title: "Roles",
+            isMulti: true,
+            default: choices && choices.length > 0 ? choices[0] : "",
+            choices
+          }
+        },
+        required: ["role_names"]
+      };
+    case "TALES expression":
+      return {
+        fieldsets: [
+          {
+            id: "default",
+            title: "default",
+            fields: ["tales_expression"]
+          }
+        ],
+        properties: {
+          tales_expression: {
+            title: "File Extension",
+            type: "string"
+          }
+        },
+        required: ["tales_expression"]
+      };
+    case "Logger":
+      return {
+        title: "Logger",
+        fieldsets: [
+          {
+            id: "default",
+            title: "Logger Action",
+            fields: ["targetLogger", "Level", "message"]
+          }
+        ],
+        properties: {
+          targetLogger: {
+            title: "Logger name",
+            type: "string"
+          },
+          Level: {
+            title: "Logging level",
+            type: "string"
+          },
+          message: {
+            title: "Message",
+            type: "string"
+          }
+        },
+        required: ["targetLogger", "Level", "message"]
+      };
+    case "Notify user":
+      return {
+        title: "Notify user",
+        fieldsets: [
+          {
+            id: "default",
+            title: "Message",
+            fields: ["message", "message_type"]
+          }
+        ],
+        properties: {
+          message: {
+            title: "Message",
+            type: "string"
+          },
+          message_type: {
+            title: "Message Type",
+            default: ["info", "info"],
+            choices: [
+              ["info", "info"],
+              ["warning", "warning"],
+              ["error", "error"]
+            ]
+          }
+        },
+        required: ["message", "message_type"]
+      };
+    case "Copy to folder":
+      return {
+        title: "Target folder: ",
+        fieldsets: [
+          {
+            id: "default",
+            title: "Target folder: ",
+            fields: ["target_folder"]
+          }
+        ],
+        properties: {
+          target_folder: {
+            title: "Target folder: ",
+            widget: "internal_url"
+          }
+        },
+        required: ["target_folder"]
+      };
+    case "Move to folder":
+      return {
+        title: "Target folder: ",
+        fieldsets: [
+          {
+            id: "default",
+            title: "Target folder: ",
+            fields: ["target_folder"]
+          }
+        ],
+        properties: {
+          target_folder: {
+            title: "Target folder: ",
+            widget: "internal_url"
+          }
+        },
+        required: ["target_folder"]
+      };
+    case "Delete object":
+      return {
+        title: "Delete",
+        fieldsets: [
+          {
+            id: "default",
+            title: "Target folder: ",
+            fields: []
+          }
+        ],
+        properties: {},
+        required: []
+      };
+    case "Transition workflow state":
+      return {
+        fieldsets: [
+          {
+            id: "default",
+            title: "Transition workflow state",
+            fields: ["transition"]
+          }
+        ],
+        properties: {
+          transition: {
+            title: "Transition workflow state",
+            isMulti: true,
+            default: choices && choices.length > 0 ? choices[0] : "",
+            choices
+          }
+        },
+        required: ["transition"]
+      };
+    case "Send email":
+      return {
+        title: "Send mail",
+        fieldsets: [
+          {
+            id: "default",
+            title: "Send mail",
+            fields: [
+              "subject",
+              "source",
+              "recipients",
+              "exclude_actor",
+              "message"
+            ]
+          }
+        ],
+        properties: {
+          message: {
+            title: "Message",
+            widget: "textarea"
+          },
+          subject: {
+            title: "Subject",
+            type: "string"
+          },
+          source: {
+            title: "Email source",
+            type: "string"
+          },
+          recipients: {
+            title: "Email Recipients",
+            type: "string"
+          },
+          exclude_actor: {
+            title: "Exclude actor from recipients",
+            description: "Do not send the email to the user that did the action.",
+            type: "boolean"
+          }
+        },
+        required: ["subject", "recipients", "message"]
+      };
+    case "Version object":
+      return {
+        title: "Send mail",
+        fieldsets: [
+          {
+            id: "default",
+            title: "Send mail",
+            fields: ["comment"]
+          }
+        ],
+        properties: {
+          comment: {
+            title: "Comment",
+            type: "string"
+          }
+        },
+        required: ["comment"]
+      };
+    case "IMSv4: Retract and rename old Indicator":
+      return {
+        title: "Delete",
+        fieldsets: [
+          {
+            id: "default",
+            title: "Target folder: ",
+            fields: []
+          }
+        ],
+        properties: {},
+        required: []
+      };
+    default:
+      return "";
+  }
+};
+const detectVocabulary = (type) => {
+  switch (type) {
+    case "Content type":
+      return "plone.app.vocabularies.ReallyUserFriendlyTypes";
+    case "Workflow state":
+      return "plone.app.vocabularies.WorkflowStates";
+    case "User's group":
+      return "plone.app.vocabularies.Groups";
+    case "User's role":
+      return "plone.app.vocabularies.Roles";
+    case "Transition workflow state":
+      return "plone.app.vocabularies.WorkflowTransitions";
+    default:
+      return "";
+  }
+};
+const processSchema = (schema) => {
+  const properties = { ...schema.properties };
+  Object.keys(properties).forEach((key) => {
+    var _a;
+    const value = properties[key];
+    const vocabId = (_a = value == null ? void 0 : value.vocabulary) == null ? void 0 : _a["@id"];
+    if (vocabId == null ? void 0 : vocabId.includes("@sources")) {
+      value["widget"] = "internal_url";
+      delete value["vocabulary"];
+    }
+  });
+  const newSchema = {
+    ...schema,
+    properties
+  };
+  return newSchema;
+};
+const VariableModal = ({
+  open,
+  type,
+  onClose,
+  onOpen,
+  onSave,
+  value,
+  vocabularies,
+  getVocabulary: getVocabulary2,
+  action,
+  formData
+}) => {
+  const [vocabularyName, setVocabularyName] = React__default.useState("");
+  const [inputSchema, setInputSchema] = React__default.useState("");
+  const { addview = "" } = value || {};
+  React__default.useEffect(() => {
+    if (value == null ? void 0 : value.title) {
+      const detectedVocab = detectVocabulary(value.title);
+      if (detectedVocab) {
+        setVocabularyName(detectedVocab);
+        getVocabulary2({ vocabNameOrURL: detectedVocab });
+      }
+    }
+  }, [value, open, formData]);
+  React__default.useEffect(() => {
+    setInputSchema("");
+    const rawSchema = value["@schema"] || formData["@schema"];
+    let schema;
+    if (rawSchema) {
+      schema = processSchema(rawSchema);
+    } else {
+      const vocabularyOptions = vocabularyName && vocabularies && vocabularies[vocabularyName] && vocabularies[vocabularyName].items ? vocabularies[vocabularyName].items.map((item, i) => {
+        return [item.value, item.label];
+      }) : [];
+      schema = setSchema(value.title, vocabularyOptions);
+    }
+    setInputSchema(schema);
+  }, [vocabularies, open, formData, value]);
+  const handleSave = (v) => {
+    if (action === "add") {
+      onSave({ ...v, type: addview });
+    }
+    if (action === "edit") {
+      onSave(v);
+    }
+    setInputSchema("");
+    onClose();
+  };
+  const handleClose = () => {
+    setInputSchema("");
+    setVocabularyName("");
+    onClose();
+  };
+  return /* @__PURE__ */ jsxs("div", { children: [
+    inputSchema && action === "add" && /* @__PURE__ */ jsx(
+      ModalForm,
+      {
+        dimmer: /* @__PURE__ */ jsx(Modal.Dimmer, { style: { zIndex: 99 } }),
+        open,
+        onSubmit: (data) => handleSave(data),
+        onCancel: handleClose,
+        title: `Add ${value.title} ${type}`,
+        schema: inputSchema
+      }
+    ),
+    inputSchema && action === "edit" && formData && /* @__PURE__ */ jsx(
+      ModalForm,
+      {
+        dimmer: /* @__PURE__ */ jsx(Modal.Dimmer, { style: { zIndex: 99 } }),
+        open,
+        onSubmit: (data) => handleSave(data),
+        onCancel: handleClose,
+        formData: formData ? formData : "",
+        title: `Add ${value.title} ${type}`,
+        schema: inputSchema
+      }
+    )
+  ] });
+};
+const VariableModal$1 = compose(
+  injectIntl,
+  connect(
+    (state, props) => ({
+      vocabularies: state.vocabularies
+    }),
+    { getVocabulary }
+  )
+)(VariableModal);
+const messages = defineMessages({
+  back: {
+    id: "Back",
+    defaultMessage: "Back"
+  },
+  configRule: {
+    id: "Configure content rule",
+    defaultMessage: "Configure content rule"
+  },
+  success: {
+    id: "Success",
+    defaultMessage: "Success"
+  },
+  deleteCondition: {
+    id: "Delete condition",
+    defaultMessage: "Condition deleted"
+  },
+  addCondition: {
+    id: "Add condition",
+    defaultMessage: "Condition added"
+  },
+  deleteAction: {
+    id: "Delete action",
+    defaultMessage: "Action deleted"
+  },
+  addAction: {
+    id: "Add action",
+    defaultMessage: "Action added"
+  },
+  editAction: {
+    id: "Action changed",
+    defaultMessage: "Action changed"
+  },
+  editCondition: {
+    id: "Condition changed",
+    defaultMessage: "Condition changed"
+  },
+  move: {
+    id: "Position changed",
+    defaultMessage: "Position changed"
+  },
+  moveUp: {
+    id: "Move up",
+    defaultMessage: "Move up"
+  },
+  moveDown: {
+    id: "Move down",
+    defaultMessage: "Move down"
+  }
+});
+class ConfigureRule extends Component {
+  /**
+   * Constructor
+   * @method constructor
+   * @param {Object} props Component properties
+   * @constructs Rules
+   */
+  constructor(props) {
+    super(props);
+    this.openConditionModal = this.openConditionModal.bind(this);
+    this.openActionModal = this.openActionModal.bind(this);
+    this.handleConditionAdd = this.handleConditionAdd.bind(this);
+    this.handleActionAdd = this.handleActionAdd.bind(this);
+    this.openEditCondition = this.openEditCondition.bind(this);
+    this.openEditAction = this.openEditAction.bind(this);
+    this.handleEditCondition = this.handleEditCondition.bind(this);
+    this.handleEditAction = this.handleEditAction.bind(this);
+    this.state = {
+      isClient: false,
+      openModal: false,
+      selConditionToAdd: "",
+      selActionToAdd: "",
+      selConditionToEdit: "",
+      selActionToEdit: "",
+      conditionFormData: "",
+      actionFormData: ""
+    };
+  }
+  /**
+   * Component did mount
+   * @method componentDidMount
+   * @returns {undefined}
+   */
+  componentDidMount() {
+    var _a, _b, _c;
+    this.setState({ isClient: true });
+    this.props.getControlPanelRule(
+      getBaseUrl(this.props.pathname),
+      (_c = (_b = (_a = this.props) == null ? void 0 : _a.match) == null ? void 0 : _b.params) == null ? void 0 : _c.id
+    );
+  }
+  /**
+   * Component did mount
+   * @method componentDidUpdate
+   * @returns {undefined}
+   */
+  componentDidUpdate(prevProps, prevState) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+    if (this.state.selConditionToEdit && prevState.selConditionToEdit !== this.state.selConditionToEdit) {
+      this.props.getCondition(
+        getBaseUrl(this.props.pathname),
+        (_c = (_b = (_a = this.props) == null ? void 0 : _a.match) == null ? void 0 : _b.params) == null ? void 0 : _c.id,
+        this.state.selConditionToEdit.idx
+      );
+    }
+    if (((_e = (_d = this.props) == null ? void 0 : _d.rule) == null ? void 0 : _e.condition) && ((_g = (_f = this.props) == null ? void 0 : _f.rule) == null ? void 0 : _g.condition) !== (prevProps == null ? void 0 : prevProps.rule.condition)) {
+      const conditionFormData = (_i = (_h = this.props) == null ? void 0 : _h.rule) == null ? void 0 : _i.condition;
+      this.setState({ conditionFormData });
+    }
+    if (this.state.selActionToEdit && prevState.selActionToEdit !== this.state.selActionToEdit) {
+      this.props.getAction(
+        getBaseUrl(this.props.pathname),
+        (_l = (_k = (_j = this.props) == null ? void 0 : _j.match) == null ? void 0 : _k.params) == null ? void 0 : _l.id,
+        this.state.selActionToEdit.idx
+      );
+    }
+    if (((_n = (_m = this.props) == null ? void 0 : _m.rule) == null ? void 0 : _n.action) && ((_p = (_o = this.props) == null ? void 0 : _o.rule) == null ? void 0 : _p.action) !== (prevProps == null ? void 0 : prevProps.rule.action)) {
+      const actionFormData = (_r = (_q = this.props) == null ? void 0 : _q.rule) == null ? void 0 : _r.action;
+      this.setState({ actionFormData });
+    }
+  }
+  /**
+   * Component will receive props
+   * @method componentWillReceiveProps
+   * @param {Object} nextProps Next properties
+   * @returns {undefined}
+   */
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
+    if (this.props.rule.move.loading && nextProps.rule.move.loaded) {
+      toast.success(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            success: true,
+            title: this.props.intl.formatMessage(messages.success),
+            content: this.props.intl.formatMessage(messages.move)
+          }
+        )
+      );
+      this.props.getControlPanelRule(
+        getBaseUrl(this.props.pathname),
+        (_c = (_b = (_a = this.props) == null ? void 0 : _a.match) == null ? void 0 : _b.params) == null ? void 0 : _c.id
+      );
+    }
+    if (this.props.rule.deletecondition.loading && nextProps.rule.deletecondition.loaded) {
+      toast.success(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            success: true,
+            title: this.props.intl.formatMessage(messages.success),
+            content: this.props.intl.formatMessage(messages.deleteCondition)
+          }
+        )
+      );
+      this.props.getControlPanelRule(
+        getBaseUrl(this.props.pathname),
+        (_f = (_e = (_d = this.props) == null ? void 0 : _d.match) == null ? void 0 : _e.params) == null ? void 0 : _f.id
+      );
+    }
+    if (this.props.rule.editcondition.loading && nextProps.rule.editcondition.loaded) {
+      toast.success(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            success: true,
+            title: this.props.intl.formatMessage(messages.success),
+            content: this.props.intl.formatMessage(messages.editCondition)
+          }
+        )
+      );
+      this.props.getControlPanelRule(
+        getBaseUrl(this.props.pathname),
+        (_i = (_h = (_g = this.props) == null ? void 0 : _g.match) == null ? void 0 : _h.params) == null ? void 0 : _i.id
+      );
+    }
+    if (this.props.rule.editaction.loading && nextProps.rule.editaction.loaded) {
+      toast.success(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            success: true,
+            title: this.props.intl.formatMessage(messages.success),
+            content: this.props.intl.formatMessage(messages.editAction)
+          }
+        )
+      );
+      this.props.getControlPanelRule(
+        getBaseUrl(this.props.pathname),
+        (_l = (_k = (_j = this.props) == null ? void 0 : _j.match) == null ? void 0 : _k.params) == null ? void 0 : _l.id
+      );
+    }
+    if (this.props.rule.addcondition.loading && nextProps.rule.addcondition.loaded) {
+      toast.success(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            success: true,
+            title: this.props.intl.formatMessage(messages.success),
+            content: this.props.intl.formatMessage(messages.addCondition)
+          }
+        )
+      );
+      this.props.getControlPanelRule(
+        getBaseUrl(this.props.pathname),
+        (_o = (_n = (_m = this.props) == null ? void 0 : _m.match) == null ? void 0 : _n.params) == null ? void 0 : _o.id
+      );
+    }
+    if (this.props.rule.deleteaction.loading && nextProps.rule.deleteaction.loaded) {
+      toast.success(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            success: true,
+            title: this.props.intl.formatMessage(messages.success),
+            content: this.props.intl.formatMessage(messages.deleteAction)
+          }
+        )
+      );
+      this.props.getControlPanelRule(
+        getBaseUrl(this.props.pathname),
+        (_r = (_q = (_p = this.props) == null ? void 0 : _p.match) == null ? void 0 : _q.params) == null ? void 0 : _r.id
+      );
+    }
+    if (this.props.rule.addaction.loading && nextProps.rule.addaction.loaded) {
+      toast.success(
+        /* @__PURE__ */ jsx(
+          Toast,
+          {
+            success: true,
+            title: this.props.intl.formatMessage(messages.success),
+            content: this.props.intl.formatMessage(messages.addAction)
+          }
+        )
+      );
+      this.props.getControlPanelRule(
+        getBaseUrl(this.props.pathname),
+        (_u = (_t = (_s = this.props) == null ? void 0 : _s.match) == null ? void 0 : _t.params) == null ? void 0 : _u.id
+      );
+    }
+  }
+  /**
+   * Back/Cancel handler
+   * @method onCancel
+   * @returns {undefined}
+   */
+  onCancel() {
+    this.props.history.push(getParentUrl(getParentUrl(this.props.pathname)));
+  }
+  /**
+   * Remove condition handler
+   * @method handleRemoveCondition
+   * @returns {undefined}
+   */
+  handleRemoveCondition(conditionId) {
+    var _a, _b, _c;
+    const ruleId = (_c = (_b = (_a = this.props) == null ? void 0 : _a.match) == null ? void 0 : _b.params) == null ? void 0 : _c.id;
+    this.props.removeCondition(
+      getBaseUrl(this.props.pathname),
+      ruleId,
+      conditionId
+    );
+  }
+  /**
+   * Edit condition handler
+   * @method handleEditCondition
+   * @returns {undefined}
+   */
+  handleEditCondition(val) {
+    var _a, _b, _c;
+    const ruleId = (_c = (_b = (_a = this.props) == null ? void 0 : _a.match) == null ? void 0 : _b.params) == null ? void 0 : _c.id;
+    if (this.state.selConditionToEdit) {
+      this.props.editCondition(
+        getBaseUrl(this.props.pathname),
+        ruleId,
+        val,
+        this.state.selConditionToEdit.idx
+      );
+    }
+  }
+  /**
+   * Edit action handler
+   * @method handleEditAction
+   * @returns {undefined}
+   */
+  handleEditAction(val) {
+    var _a, _b, _c;
+    const ruleId = (_c = (_b = (_a = this.props) == null ? void 0 : _a.match) == null ? void 0 : _b.params) == null ? void 0 : _c.id;
+    if (this.state.selActionToEdit) {
+      this.props.editAction(
+        getBaseUrl(this.props.pathname),
+        ruleId,
+        val,
+        this.state.selActionToEdit.idx
+      );
+    }
+  }
+  /**
+   * open modal edit condition handler
+   * @method openEditCondition
+   * @returns {undefined}
+   */
+  openEditCondition(cond_id) {
+    this.setState({
+      selConditionToEdit: cond_id,
+      openModal: true,
+      selActionToEdit: ""
+    });
+  }
+  /**
+   * open modal edit action handler
+   * @method openEditAction
+   * @returns {undefined}
+   */
+  openEditAction(action_id) {
+    this.setState({
+      selActionToEdit: action_id,
+      openModal: true,
+      selConditionToEdit: ""
+    });
+  }
+  /**
+   * Add condition handler
+   * @method openConditionModal
+   * @returns {undefined}
+   */
+  openConditionModal() {
+    if (this.state.selConditionToAdd) {
+      this.setState({ openModal: true });
+    }
+  }
+  /**
+   * Condition save handler
+   * @method handleConditionAdd
+   * @returns {undefined}
+   */
+  handleConditionAdd(val) {
+    var _a, _b, _c;
+    const ruleId = (_c = (_b = (_a = this.props) == null ? void 0 : _a.match) == null ? void 0 : _b.params) == null ? void 0 : _c.id;
+    this.props.addCondition(getBaseUrl(this.props.pathname), ruleId, val);
+    this.setState({ selConditionToAdd: "" });
+  }
+  /**
+   * Add action handler
+   * @method openActionModal
+   * @returns {undefined}
+   */
+  openActionModal() {
+    this.setState({ openModal: true });
+  }
+  /**
+   * Action save handler
+   * @method handleActionAdd
+   * @returns {undefined}
+   */
+  handleActionAdd(val) {
+    var _a, _b, _c;
+    const ruleId = (_c = (_b = (_a = this.props) == null ? void 0 : _a.match) == null ? void 0 : _b.params) == null ? void 0 : _c.id;
+    this.props.addAction(getBaseUrl(this.props.pathname), ruleId, val);
+    this.setState({ selConditionToAdd: "" });
+  }
+  /**
+   * Remove action handler
+   * @method handleRemoveAction
+   * @returns {undefined}
+   */
+  handleRemoveAction(actionId) {
+    var _a, _b, _c;
+    const ruleId = (_c = (_b = (_a = this.props) == null ? void 0 : _a.match) == null ? void 0 : _b.params) == null ? void 0 : _c.id;
+    this.props.removeAction(getBaseUrl(this.props.pathname), ruleId, actionId);
+  }
+  /**
+   * Move action handler
+   * @method handleMoveAction
+   * @returns {undefined}
+   */
+  handleMoveAction(action, direction) {
+    var _a, _b, _c;
+    const ruleId = (_c = (_b = (_a = this.props) == null ? void 0 : _a.match) == null ? void 0 : _b.params) == null ? void 0 : _c.id;
+    this.props.moveRuleAction(
+      getBaseUrl(this.props.pathname),
+      {
+        "form.button.Move": direction === "up" ? "_move_up" : "_move_down"
+      },
+      ruleId,
+      action
+    );
+  }
+  /**
+   * Move action handler
+   * @method handleMoveCondition
+   * @returns {undefined}
+   */
+  handleMoveCondition(condition, direction) {
+    var _a, _b, _c;
+    const ruleId = (_c = (_b = (_a = this.props) == null ? void 0 : _a.match) == null ? void 0 : _b.params) == null ? void 0 : _c.id;
+    this.props.moveRuleCondition(
+      getBaseUrl(this.props.pathname),
+      {
+        "form.button.Move": direction === "up" ? "_move_up" : "_move_down"
+      },
+      ruleId,
+      condition
+    );
+  }
+  /**
+   * Render method.
+   * @method render
+   * @returns {string} Markup for the component.
+   */
+  render() {
+    const { item = {} } = this.props.rule || {};
+    const {
+      actions = [],
+      addable_actions = [],
+      addable_conditions = [],
+      assignments = [],
+      conditions = [],
+      title = ""
+    } = item;
+    const conditions_options = addable_conditions.map((cond) => {
+      return { key: cond.title, text: cond.title, value: cond };
+    });
+    const actions_options = addable_actions.map((act) => {
+      return { key: act.title, text: act.title, value: act };
+    });
+    return /* @__PURE__ */ jsxs("div", { id: "page-rule-configure", children: [
+      /* @__PURE__ */ jsx(HelmetExport, { title: this.props.intl.formatMessage(messages.configRule) }),
+      /* @__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: "Configure Content Rule: {title}",
+            defaultMessage: "Configure Content Rule: {title}",
+            values: { title: /* @__PURE__ */ jsx("q", { children: title }) }
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Segment, { className: "secondary", children: /* @__PURE__ */ jsx(
+          FormattedMessage,
+          {
+            id: "Rules execute when a triggering event occurs. Rule actions will only be invoked if all the rule's conditions are met. You can add new actions and conditions using the buttons below.",
+            defaultMessage: "Rules execute when a triggering event occurs. Rule actions will only be invoked if all the rule's conditions are met. You can add new actions and conditions using the buttons below."
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Segment, { children: /* @__PURE__ */ jsxs(Grid, { children: [
+          /* @__PURE__ */ jsxs(Grid.Row, { children: [
+            /* @__PURE__ */ jsxs(
+              Grid.Column,
+              {
+                mobile: 16,
+                tablet: 16,
+                computer: 6,
+                largeScreen: 6,
+                children: [
+                  /* @__PURE__ */ jsx("h4", { children: /* @__PURE__ */ jsx(
+                    FormattedMessage,
+                    {
+                      id: "If all of the following conditions are met:",
+                      defaultMessage: "If all of the following conditions are met:"
+                    }
+                  ) }),
+                  conditions && conditions.length > 0 && /* @__PURE__ */ jsx(Card.Group, { children: conditions.map((cond, i) => {
+                    return /* @__PURE__ */ jsxs(Card, { fluid: true, children: [
+                      /* @__PURE__ */ jsxs(Card.Content, { children: [
+                        /* @__PURE__ */ jsx(Card.Header, { children: /* @__PURE__ */ jsx("h4", { children: cond.title }) }),
+                        /* @__PURE__ */ jsx(Card.Description, { children: cond.summary })
+                      ] }),
+                      /* @__PURE__ */ jsxs(Card.Content, { extra: true, children: [
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            onClick: () => this.openEditCondition(cond),
+                            compact: true,
+                            size: "tiny",
+                            primary: true,
+                            children: "Edit"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            onClick: () => this.handleRemoveCondition(cond.idx),
+                            compact: true,
+                            size: "tiny",
+                            color: "youtube",
+                            children: "Remove"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            compact: true,
+                            size: "tiny",
+                            primary: true,
+                            disabled: cond == null ? void 0 : cond.first,
+                            onClick: () => this.handleMoveCondition(cond.idx, "up"),
+                            children: /* @__PURE__ */ jsx(Button.Content, { children: /* @__PURE__ */ jsx(
+                              Icon,
+                              {
+                                name: upSVG,
+                                size: "10px",
+                                title: this.props.intl.formatMessage(
+                                  messages.moveUp
+                                )
+                              }
+                            ) })
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            compact: true,
+                            size: "tiny",
+                            primary: true,
+                            disabled: cond == null ? void 0 : cond.last,
+                            onClick: () => this.handleMoveCondition(cond.idx, "down"),
+                            children: /* @__PURE__ */ jsx(Button.Content, { children: /* @__PURE__ */ jsx(
+                              Icon,
+                              {
+                                name: downSVG,
+                                size: "10px",
+                                title: this.props.intl.formatMessage(
+                                  messages.moveDown
+                                )
+                              }
+                            ) })
+                          }
+                        )
+                      ] })
+                    ] }, i);
+                  }) }),
+                  /* @__PURE__ */ jsxs(Grid.Row, { children: [
+                    /* @__PURE__ */ jsx("h4", { style: { marginTop: "15px" }, children: /* @__PURE__ */ jsx(
+                      FormattedMessage,
+                      {
+                        id: "Condition: ",
+                        defaultMessage: "Condition: "
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(
+                      Dropdown,
+                      {
+                        style: { margin: "5px 0" },
+                        placeholder: "Select condition",
+                        fluid: true,
+                        selection: true,
+                        options: conditions_options,
+                        value: this.state.selConditionToAdd,
+                        onChange: (e, { value }) => this.setState({ selConditionToAdd: value })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        compact: true,
+                        onClick: this.openConditionModal,
+                        primary: true,
+                        children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Add", defaultMessage: "Add" })
+                      }
+                    )
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              Grid.Column,
+              {
+                mobile: 16,
+                tablet: 16,
+                computer: 6,
+                largeScreen: 6,
+                children: [
+                  /* @__PURE__ */ jsx("h4", { children: /* @__PURE__ */ jsx(
+                    FormattedMessage,
+                    {
+                      id: "Perform the following actions:",
+                      defaultMessage: "Perform the following actions:"
+                    }
+                  ) }),
+                  actions && actions.length > 0 && /* @__PURE__ */ jsx(Card.Group, { children: actions.map((action, i) => {
+                    return /* @__PURE__ */ jsxs(Card, { fluid: true, children: [
+                      /* @__PURE__ */ jsxs(Card.Content, { children: [
+                        /* @__PURE__ */ jsx(Card.Header, { children: /* @__PURE__ */ jsx("h4", { children: action.title }) }),
+                        /* @__PURE__ */ jsx(Card.Description, { children: action.summary })
+                      ] }),
+                      /* @__PURE__ */ jsxs(Card.Content, { extra: true, children: [
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            onClick: () => this.openEditAction(action),
+                            compact: true,
+                            size: "tiny",
+                            primary: true,
+                            children: "Edit"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            onClick: () => this.handleRemoveAction(action.idx),
+                            compact: true,
+                            size: "tiny",
+                            color: "youtube",
+                            children: "Remove"
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            compact: true,
+                            size: "tiny",
+                            primary: true,
+                            disabled: action == null ? void 0 : action.first,
+                            onClick: () => this.handleMoveAction(action.idx, "up"),
+                            children: /* @__PURE__ */ jsx(Button.Content, { children: /* @__PURE__ */ jsx(
+                              Icon,
+                              {
+                                name: upSVG,
+                                size: "10px",
+                                title: this.props.intl.formatMessage(
+                                  messages.moveUp
+                                )
+                              }
+                            ) })
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            compact: true,
+                            size: "tiny",
+                            primary: true,
+                            disabled: action == null ? void 0 : action.last,
+                            onClick: () => this.handleMoveAction(action.idx, "down"),
+                            children: /* @__PURE__ */ jsx(Button.Content, { children: /* @__PURE__ */ jsx(
+                              Icon,
+                              {
+                                name: downSVG,
+                                size: "10px",
+                                title: this.props.intl.formatMessage(
+                                  messages.moveDown
+                                )
+                              }
+                            ) })
+                          }
+                        )
+                      ] })
+                    ] }, i);
+                  }) }),
+                  /* @__PURE__ */ jsxs(Grid.Row, { children: [
+                    /* @__PURE__ */ jsx("h4", { style: { marginTop: "15px" }, children: /* @__PURE__ */ jsx(
+                      FormattedMessage,
+                      {
+                        id: "Action: ",
+                        defaultMessage: "Action: "
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(
+                      Dropdown,
+                      {
+                        style: { margin: "5px 0" },
+                        placeholder: "Select action",
+                        fluid: true,
+                        selection: true,
+                        options: actions_options,
+                        onChange: (e, { value }) => this.setState({ selActionToAdd: value })
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        compact: true,
+                        onClick: () => this.openActionModal(),
+                        primary: true,
+                        children: /* @__PURE__ */ jsx(FormattedMessage, { id: "Add", defaultMessage: "Add" })
+                      }
+                    )
+                  ] })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(Grid.Row, { stretched: true, children: /* @__PURE__ */ jsxs(Grid.Column, { children: [
+            /* @__PURE__ */ jsx("h4", { children: /* @__PURE__ */ jsx(
+              FormattedMessage,
+              {
+                id: "Assignments",
+                defaultMessage: "Assignments"
+              }
+            ) }),
+            /* @__PURE__ */ jsx(
+              FormattedMessage,
+              {
+                id: "This rule is assigned to the following locations:",
+                defaultMessage: "This rule is assigned to the following locations:"
+              }
+            ),
+            assignments.map((assignment, i) => /* @__PURE__ */ jsx(
+              UniversalLink,
+              {
+                title: assignment.title,
+                href: getBaseUrl(assignment.url),
+                children: assignment.title
+              },
+              i
+            ))
+          ] }) })
+        ] }) })
+      ] }) }) }),
+      this.state.selConditionToAdd && /* @__PURE__ */ jsx(
+        VariableModal$1,
+        {
+          open: this.state.openModal,
+          onClose: () => this.setState({ openModal: false, selConditionToAdd: "" }),
+          onOpen: () => this.setState({ openModal: true }),
+          onSave: (v) => this.handleConditionAdd(v),
+          value: this.state.selConditionToAdd,
+          type: "Condition",
+          action: "add"
+        }
+      ),
+      this.state.selActionToAdd && /* @__PURE__ */ jsx(
+        VariableModal$1,
+        {
+          open: this.state.openModal,
+          onClose: () => this.setState({ openModal: false, selActionToAdd: "" }),
+          onOpen: () => this.setState({ openModal: true }),
+          onSave: (v) => this.handleActionAdd(v),
+          value: this.state.selActionToAdd,
+          type: "Action",
+          action: "add"
+        }
+      ),
+      this.state.selConditionToEdit && this.state.conditionFormData && /* @__PURE__ */ jsx(
+        VariableModal$1,
+        {
+          open: this.state.openModal,
+          onClose: () => this.setState({
+            openModal: false,
+            selConditionToEdit: "",
+            conditionFormData: ""
+          }),
+          onOpen: () => this.setState({ openModal: true }),
+          onSave: (v) => this.handleEditCondition(v),
+          value: this.state.selConditionToEdit,
+          formData: this.state.conditionFormData,
+          type: "Condition",
+          action: "edit"
+        }
+      ),
+      this.state.selActionToEdit && this.state.actionFormData && /* @__PURE__ */ jsx(
+        VariableModal$1,
+        {
+          open: this.state.openModal,
+          onClose: () => this.setState({
+            openModal: false,
+            selActionToEdit: "",
+            actionFormData: ""
+          }),
+          onOpen: () => this.setState({ openModal: true }),
+          onSave: this.handleEditAction,
+          value: this.state.selActionToEdit,
+          formData: this.state.actionFormData,
+          type: "Action",
+          action: "edit"
+        }
+      ),
+      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(ConfigureRule, "propTypes", {
+  getControlPanelRule: PropTypes.func.isRequired,
+  removeCondition: PropTypes.func.isRequired,
+  addCondition: PropTypes.func.isRequired,
+  removeAction: PropTypes.func.isRequired,
+  addAction: PropTypes.func.isRequired,
+  moveRuleCondition: PropTypes.func.isRequired,
+  moveRuleAction: PropTypes.func.isRequired
+});
+const ConfigureRule$1 = compose(
+  injectIntl,
+  connect(
+    (state, props) => ({
+      pathname: props.location.pathname,
+      rule: state.controlpanelrule
+    }),
+    {
+      getControlPanelRule,
+      removeCondition,
+      addCondition,
+      editCondition,
+      getCondition,
+      getAction,
+      removeAction,
+      addAction,
+      editAction,
+      moveRuleCondition,
+      moveRuleAction
+    }
+  )
+)(ConfigureRule);
+export {
+  ConfigureRule$1 as default
+};