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

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

@@ -1,1338 +0,0 @@
-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
-};