@bigbinary/neeto-rules-frontend 0.2.5 → 0.3.1

package/dist/index.js

@@ -4,7 +4,7 @@ import React, { Component, useContext, useState, useRef, useEffect, useMemo, mem
 import { useFormikContext, FieldArray, Formik, Form, useField, ErrorMessage } from 'formik';
 import Scrollable from 'neetomolecules/Scrollable';
 import { MultiEmailInput, Input as Input$2, Textarea, ActionBlock, Select as Select$1, Radio } from '@bigbinary/neetoui/formik';
-import { Search, Check, Plus, Delete, Eye, Close, Refresh } from '@bigbinary/neeto-icons';
+import { Search, Check, Plus, Delete, Eye, Down, Up, Close, Refresh } from '@bigbinary/neeto-icons';
 import { Dropdown as Dropdown$2, Typography, Input as Input$1, Checkbox, Pane, Button, DatePicker, Select, Label } from '@bigbinary/neetoui';
 import classNames from 'classnames';
 import { isNotEmpty, findBy, toLabelAndValue, noop as noop$2, removeBy } from '@bigbinary/neeto-commons-frontend/pure';
@@ -13,6 +13,7 @@ import * as dayjs from 'dayjs';
 import dayjs__default from 'dayjs';
 import { FormikEditor, isEditorEmpty } from '@bigbinary/neeto-editor';
 import * as yup from 'yup';
+import PageLoader from 'neetomolecules/PageLoader';
 import { joinHyphenCase } from '@bigbinary/neeto-commons-frontend/utils';
 import { useDebounce, useHotKeys } from '@bigbinary/neeto-commons-frontend/react-utils';
 
@@ -5771,7 +5772,9 @@ var common$1 = {
 	or: "or",
 	search: "Search",
 	as: "as",
-	"delete": "Delete"
+	"delete": "Delete",
+	viewMore: "View more",
+	viewLess: "View less"
 };
 var form = {
 	noEvents: "A rule without events will run hourly.",
@@ -5871,7 +5874,8 @@ var labels = {
 	unassigned: "Unassigned",
 	checked: "Checked",
 	unchecked: "Unchecked",
-	text: "Text"
+	text: "Text",
+	ruleSummary: "Automation rule summary"
 };
 var placeholders$1 = {
 	"if": "If",
@@ -15717,7 +15721,7 @@ function cov_1l1zuel3qt() {
 }
 cov_1l1zuel3qt();
 cov_1l1zuel3qt().s[0]++;
-var Title = function Title(_ref) {
+var Title$1 = function Title(_ref) {
   var title = _ref.title,
     children = _ref.children;
   cov_1l1zuel3qt().f[0]++;
@@ -16559,7 +16563,7 @@ var Actions$1 = function Actions(_ref) {
     setScrollToBottom(true);
   };
   cov_3lq6cjh4u().s[18]++;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Title, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Title$1, {
     title: t("common.actions")
   }, /*#__PURE__*/React.createElement(FieldArray, {
     name: "actions",
@@ -26519,7 +26523,7 @@ var Conditions$1 = function Conditions(_ref2) {
     return index ? (cov_2otqdci4wd().b[4][0]++, t("placeholders.if").toLowerCase()) : (cov_2otqdci4wd().b[4][1]++, t("placeholders.if"));
   };
   cov_2otqdci4wd().s[22]++;
-  return /*#__PURE__*/React.createElement(Title, {
+  return /*#__PURE__*/React.createElement(Title$1, {
     title: t("common.conditions")
   }, /*#__PURE__*/React.createElement(FieldArray, {
     name: "conditions",
@@ -31357,7 +31361,7 @@ var Events$2 = function Events() {
     arrayHelper.remove(index);
   };
   cov_dprwv7svz().s[12]++;
-  return /*#__PURE__*/React.createElement(Title, {
+  return /*#__PURE__*/React.createElement(Title$1, {
     title: t("common.events")
   }, /*#__PURE__*/React.createElement(FieldArray, {
     name: "events",
@@ -33895,489 +33899,83 @@ var NeetoRules$2 = function NeetoRules(_ref) {
   return /*#__PURE__*/React.createElement(BrowserRouter, null, /*#__PURE__*/React.createElement(Main, rest));
 };
 
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-function _asyncToGenerator(fn) {
-  return function () {
-    var self = this,
-      args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-      _next(undefined);
-    });
-  };
-}
-
-var regeneratorRuntime$1 = {exports: {}};
-
-var _typeof = {exports: {}};
-
-(function (module) {
-  function _typeof(obj) {
-    "@babel/helpers - typeof";
-
-    return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-      return typeof obj;
-    } : function (obj) {
-      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
-  }
-  module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
-})(_typeof);
-
-(function (module) {
-  var _typeof$1 = _typeof.exports["default"];
-  function _regeneratorRuntime() {
-
-    /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
-    module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
-      return exports;
-    }, module.exports.__esModule = true, module.exports["default"] = module.exports;
-    var exports = {},
-      Op = Object.prototype,
-      hasOwn = Op.hasOwnProperty,
-      defineProperty = Object.defineProperty || function (obj, key, desc) {
-        obj[key] = desc.value;
-      },
-      $Symbol = "function" == typeof Symbol ? Symbol : {},
-      iteratorSymbol = $Symbol.iterator || "@@iterator",
-      asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
-      toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-    function define(obj, key, value) {
-      return Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: !0,
-        configurable: !0,
-        writable: !0
-      }), obj[key];
-    }
-    try {
-      define({}, "");
-    } catch (err) {
-      define = function define(obj, key, value) {
-        return obj[key] = value;
-      };
-    }
-    function wrap(innerFn, outerFn, self, tryLocsList) {
-      var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
-        generator = Object.create(protoGenerator.prototype),
-        context = new Context(tryLocsList || []);
-      return defineProperty(generator, "_invoke", {
-        value: makeInvokeMethod(innerFn, self, context)
-      }), generator;
-    }
-    function tryCatch(fn, obj, arg) {
-      try {
-        return {
-          type: "normal",
-          arg: fn.call(obj, arg)
-        };
-      } catch (err) {
-        return {
-          type: "throw",
-          arg: err
-        };
-      }
-    }
-    exports.wrap = wrap;
-    var ContinueSentinel = {};
-    function Generator() {}
-    function GeneratorFunction() {}
-    function GeneratorFunctionPrototype() {}
-    var IteratorPrototype = {};
-    define(IteratorPrototype, iteratorSymbol, function () {
-      return this;
-    });
-    var getProto = Object.getPrototypeOf,
-      NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-    NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
-    var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
-    function defineIteratorMethods(prototype) {
-      ["next", "throw", "return"].forEach(function (method) {
-        define(prototype, method, function (arg) {
-          return this._invoke(method, arg);
-        });
-      });
-    }
-    function AsyncIterator(generator, PromiseImpl) {
-      function invoke(method, arg, resolve, reject) {
-        var record = tryCatch(generator[method], generator, arg);
-        if ("throw" !== record.type) {
-          var result = record.arg,
-            value = result.value;
-          return value && "object" == _typeof$1(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
-            invoke("next", value, resolve, reject);
-          }, function (err) {
-            invoke("throw", err, resolve, reject);
-          }) : PromiseImpl.resolve(value).then(function (unwrapped) {
-            result.value = unwrapped, resolve(result);
-          }, function (error) {
-            return invoke("throw", error, resolve, reject);
-          });
-        }
-        reject(record.arg);
-      }
-      var previousPromise;
-      defineProperty(this, "_invoke", {
-        value: function value(method, arg) {
-          function callInvokeWithMethodAndArg() {
-            return new PromiseImpl(function (resolve, reject) {
-              invoke(method, arg, resolve, reject);
-            });
-          }
-          return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-        }
-      });
-    }
-    function makeInvokeMethod(innerFn, self, context) {
-      var state = "suspendedStart";
-      return function (method, arg) {
-        if ("executing" === state) throw new Error("Generator is already running");
-        if ("completed" === state) {
-          if ("throw" === method) throw arg;
-          return doneResult();
-        }
-        for (context.method = method, context.arg = arg;;) {
-          var delegate = context.delegate;
-          if (delegate) {
-            var delegateResult = maybeInvokeDelegate(delegate, context);
-            if (delegateResult) {
-              if (delegateResult === ContinueSentinel) continue;
-              return delegateResult;
-            }
-          }
-          if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
-            if ("suspendedStart" === state) throw state = "completed", context.arg;
-            context.dispatchException(context.arg);
-          } else "return" === context.method && context.abrupt("return", context.arg);
-          state = "executing";
-          var record = tryCatch(innerFn, self, context);
-          if ("normal" === record.type) {
-            if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
-            return {
-              value: record.arg,
-              done: context.done
-            };
-          }
-          "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
-        }
-      };
-    }
-    function maybeInvokeDelegate(delegate, context) {
-      var methodName = context.method,
-        method = delegate.iterator[methodName];
-      if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel;
-      var record = tryCatch(method, delegate.iterator, context.arg);
-      if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
-      var info = record.arg;
-      return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
-    }
-    function pushTryEntry(locs) {
-      var entry = {
-        tryLoc: locs[0]
-      };
-      1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
-    }
-    function resetTryEntry(entry) {
-      var record = entry.completion || {};
-      record.type = "normal", delete record.arg, entry.completion = record;
-    }
-    function Context(tryLocsList) {
-      this.tryEntries = [{
-        tryLoc: "root"
-      }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
-    }
-    function values(iterable) {
-      if (iterable) {
-        var iteratorMethod = iterable[iteratorSymbol];
-        if (iteratorMethod) return iteratorMethod.call(iterable);
-        if ("function" == typeof iterable.next) return iterable;
-        if (!isNaN(iterable.length)) {
-          var i = -1,
-            next = function next() {
-              for (; ++i < iterable.length;) {
-                if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
-              }
-              return next.value = undefined, next.done = !0, next;
-            };
-          return next.next = next;
-        }
-      }
-      return {
-        next: doneResult
-      };
-    }
-    function doneResult() {
-      return {
-        value: undefined,
-        done: !0
-      };
-    }
-    return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
-      value: GeneratorFunctionPrototype,
-      configurable: !0
-    }), defineProperty(GeneratorFunctionPrototype, "constructor", {
-      value: GeneratorFunction,
-      configurable: !0
-    }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
-      var ctor = "function" == typeof genFun && genFun.constructor;
-      return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
-    }, exports.mark = function (genFun) {
-      return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
-    }, exports.awrap = function (arg) {
-      return {
-        __await: arg
-      };
-    }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
-      return this;
-    }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-      void 0 === PromiseImpl && (PromiseImpl = Promise);
-      var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
-      return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
-        return result.done ? result.value : iter.next();
-      });
-    }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
-      return this;
-    }), define(Gp, "toString", function () {
-      return "[object Generator]";
-    }), exports.keys = function (val) {
-      var object = Object(val),
-        keys = [];
-      for (var key in object) {
-        keys.push(key);
-      }
-      return keys.reverse(), function next() {
-        for (; keys.length;) {
-          var key = keys.pop();
-          if (key in object) return next.value = key, next.done = !1, next;
-        }
-        return next.done = !0, next;
-      };
-    }, exports.values = values, Context.prototype = {
-      constructor: Context,
-      reset: function reset(skipTempReset) {
-        if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) {
-          "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
-        }
-      },
-      stop: function stop() {
-        this.done = !0;
-        var rootRecord = this.tryEntries[0].completion;
-        if ("throw" === rootRecord.type) throw rootRecord.arg;
-        return this.rval;
-      },
-      dispatchException: function dispatchException(exception) {
-        if (this.done) throw exception;
-        var context = this;
-        function handle(loc, caught) {
-          return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
-        }
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i],
-            record = entry.completion;
-          if ("root" === entry.tryLoc) return handle("end");
-          if (entry.tryLoc <= this.prev) {
-            var hasCatch = hasOwn.call(entry, "catchLoc"),
-              hasFinally = hasOwn.call(entry, "finallyLoc");
-            if (hasCatch && hasFinally) {
-              if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-              if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-            } else if (hasCatch) {
-              if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
-            } else {
-              if (!hasFinally) throw new Error("try statement without catch or finally");
-              if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
-            }
-          }
-        }
-      },
-      abrupt: function abrupt(type, arg) {
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i];
-          if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
-            var finallyEntry = entry;
-            break;
-          }
-        }
-        finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
-        var record = finallyEntry ? finallyEntry.completion : {};
-        return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
-      },
-      complete: function complete(record, afterLoc) {
-        if ("throw" === record.type) throw record.arg;
-        return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
-      },
-      finish: function finish(finallyLoc) {
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i];
-          if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
-        }
-      },
-      "catch": function _catch(tryLoc) {
-        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-          var entry = this.tryEntries[i];
-          if (entry.tryLoc === tryLoc) {
-            var record = entry.completion;
-            if ("throw" === record.type) {
-              var thrown = record.arg;
-              resetTryEntry(entry);
-            }
-            return thrown;
-          }
-        }
-        throw new Error("illegal catch attempt");
-      },
-      delegateYield: function delegateYield(iterable, resultName, nextLoc) {
-        return this.delegate = {
-          iterator: values(iterable),
-          resultName: resultName,
-          nextLoc: nextLoc
-        }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
-      }
-    }, exports;
-  }
-  module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports;
-})(regeneratorRuntime$1);
-
-// TODO(Babel 8): Remove this file.
-
-var runtime = regeneratorRuntime$1.exports();
-var regenerator = runtime;
-
-// Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
-try {
-  regeneratorRuntime = runtime;
-} catch (accidentalStrictMode) {
-  if ((typeof globalThis === "undefined" ? "undefined" : _typeof$2(globalThis)) === "object") {
-    globalThis.regeneratorRuntime = runtime;
-  } else {
-    Function("r", "regeneratorRuntime = r")(runtime);
-  }
-}
-
-function cov_k2snexiez() {
-  var path = "/home/runner/work/neeto-rules-frontend/neeto-rules-frontend/src/components/NeetoRules/Element/Actions/constants.js";
-  var hash = "a62a7b0d81cfcce07b53d50e2f5aad6922fc1011";
+function cov_13jp1hsz0e() {
+  var path = "/home/runner/work/neeto-rules-frontend/neeto-rules-frontend/src/components/RulePreview/Card.jsx";
+  var hash = "060ed8cb86ad2890593771245657ef35803f1a4f";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
-    path: "/home/runner/work/neeto-rules-frontend/neeto-rules-frontend/src/components/NeetoRules/Element/Actions/constants.js",
+    path: "/home/runner/work/neeto-rules-frontend/neeto-rules-frontend/src/components/RulePreview/Card.jsx",
     statementMap: {
       "0": {
         start: {
-          line: 3,
-          column: 21
+          line: 6,
+          column: 14
         },
         end: {
-          line: 18,
+          line: 15,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 20,
-          column: 33
+          line: 7,
+          column: 2
         },
         end: {
-          line: 31,
-          column: 1
+          line: 14,
+          column: 5
         }
       },
       "2": {
         start: {
-          line: 33,
-          column: 16
-        },
-        end: {
-          line: 36,
-          column: 1
-        }
-      },
-      "3": {
-        start: {
-          line: 38,
-          column: 28
-        },
-        end: {
-          line: 41,
-          column: 1
-        }
-      },
-      "4": {
-        start: {
-          line: 43,
-          column: 22
-        },
-        end: {
-          line: 43,
-          column: 67
-        }
-      },
-      "5": {
-        start: {
-          line: 45,
-          column: 20
+          line: 17,
+          column: 0
         },
         end: {
-          line: 45,
-          column: 48
+          line: 20,
+          column: 2
         }
-      },
-      "6": {
-        start: {
-          line: 47,
-          column: 30
+      }
+    },
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
+        decl: {
+          start: {
+            line: 6,
+            column: 14
+          },
+          end: {
+            line: 6,
+            column: 15
+          }
         },
-        end: {
-          line: 47,
-          column: 31
-        }
-      },
-      "7": {
-        start: {
-          line: 49,
-          column: 27
+        loc: {
+          start: {
+            line: 7,
+            column: 2
+          },
+          end: {
+            line: 14,
+            column: 5
+          }
         },
-        end: {
-          line: 49,
-          column: 65
-        }
+        line: 7
       }
     },
-    fnMap: {},
     branchMap: {},
     s: {
       "0": 0,
       "1": 0,
-      "2": 0,
-      "3": 0,
-      "4": 0,
-      "5": 0,
-      "6": 0,
-      "7": 0
+      "2": 0
+    },
+    f: {
+      "0": 0
     },
-    f: {},
     b: {},
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "a62a7b0d81cfcce07b53d50e2f5aad6922fc1011"
+    hash: "060ed8cb86ad2890593771245657ef35803f1a4f"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -34386,31 +33984,3317 @@ function cov_k2snexiez() {
   var actualCoverage = coverage[path];
   {
     // @ts-ignore
-    cov_k2snexiez = function () {
+    cov_13jp1hsz0e = function () {
       return actualCoverage;
     };
   }
   return actualCoverage;
 }
-cov_k2snexiez();
-var ACTION_TYPES = (cov_k2snexiez().s[0]++, {
-  emailToIds: "emailToIds",
-  email: "email",
-  emailTo: "emailTo",
-  dropdown: "dropdown",
-  list: "list",
-  multiSelect: "multiSelect",
-  note: "note",
-  text: "text",
-  number: "number",
-  decimal: "decimal",
-  regex: "regex",
-  textarea: "textarea",
-  date: "date",
-  longText: "longText"
-});
-var LIST_FIELD_TOOLTIP_PROPS = (cov_k2snexiez().s[1]++, {
-  save: {
+cov_13jp1hsz0e();
+cov_13jp1hsz0e().s[0]++;
+var Title = function Title(_ref) {
+  var title = _ref.title,
+    children = _ref.children;
+  cov_13jp1hsz0e().f[0]++;
+  cov_13jp1hsz0e().s[1]++;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
+    className: "neeto-ui-text-gray-800",
+    style: "h5",
+    weight: "semibold"
+  }, title), /*#__PURE__*/React.createElement("div", {
+    className: "neeto-ui-bg-gray-100 neeto-ui-rounded-sm my-3 p-4"
+  }, children));
+};
+cov_13jp1hsz0e().s[2]++;
+
+function cov_1yo87bzjl0() {
+  var path = "/home/runner/work/neeto-rules-frontend/neeto-rules-frontend/src/components/RulePreview/MultiSelectValues.jsx";
+  var hash = "ebc82c77b82c7a6b1fe37565159b52052ceca263";
+  var global = new Function("return this")();
+  var gcv = "__coverage__";
+  var coverageData = {
+    path: "/home/runner/work/neeto-rules-frontend/neeto-rules-frontend/src/components/RulePreview/MultiSelectValues.jsx",
+    statementMap: {
+      "0": {
+        start: {
+          line: 5,
+          column: 26
+        },
+        end: {
+          line: 28,
+          column: 1
+        }
+      },
+      "1": {
+        start: {
+          line: 6,
+          column: 2
+        },
+        end: {
+          line: 27,
+          column: 5
+        }
+      },
+      "2": {
+        start: {
+          line: 8,
+          column: 6
+        },
+        end: {
+          line: 25,
+          column: 23
+        }
+      }
+    },
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
+        decl: {
+          start: {
+            line: 5,
+            column: 26
+          },
+          end: {
+            line: 5,
+            column: 27
+          }
+        },
+        loc: {
+          start: {
+            line: 6,
+            column: 2
+          },
+          end: {
+            line: 27,
+            column: 5
+          }
+        },
+        line: 6
+      },
+      "1": {
+        name: "(anonymous_1)",
+        decl: {
+          start: {
+            line: 7,
+            column: 17
+          },
+          end: {
+            line: 7,
+            column: 18
+          }
+        },
+        loc: {
+          start: {
+            line: 8,
+            column: 6
+          },
+          end: {
+            line: 25,
+            column: 23
+          }
+        },
+        line: 8
+      }
+    },
+    branchMap: {
+      "0": {
+        loc: {
+          start: {
+            line: 9,
+            column: 9
+          },
+          end: {
+            line: 17,
+            column: 9
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 9,
+            column: 9
+          },
+          end: {
+            line: 9,
+            column: 14
+          }
+        }, {
+          start: {
+            line: 10,
+            column: 10
+          },
+          end: {
+            line: 16,
+            column: 23
+          }
+        }],
+        line: 9
+      }
+    },
+    s: {
+      "0": 0,
+      "1": 0,
+      "2": 0
+    },
+    f: {
+      "0": 0,
+      "1": 0
+    },
+    b: {
+      "0": [0, 0]
+    },
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "ebc82c77b82c7a6b1fe37565159b52052ceca263"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_1yo87bzjl0 = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_1yo87bzjl0();
+cov_1yo87bzjl0().s[0]++;
+var MultiSelectValues = function MultiSelectValues(_ref) {
+  var separator = _ref.separator,
+    values = _ref.values;
+  cov_1yo87bzjl0().f[0]++;
+  cov_1yo87bzjl0().s[1]++;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, values === null || values === void 0 ? void 0 : values.map(function (value, idx) {
+    cov_1yo87bzjl0().f[1]++;
+    cov_1yo87bzjl0().s[2]++;
+    return /*#__PURE__*/React.createElement(React.Fragment, {
+      key: idx
+    }, (cov_1yo87bzjl0().b[0][0]++, !!idx) && (cov_1yo87bzjl0().b[0][1]++, /*#__PURE__*/React.createElement(Typography, {
+      className: "neeto-ui-text-gray-700",
+      style: "h5",
+      weight: "normal"
+    }, separator)), /*#__PURE__*/React.createElement(Typography, {
+      className: "neeto-ui-text-gray-800",
+      style: "h5",
+      weight: "semibold"
+    }, value.toLowerCase()));
+  }));
+};
+
+function cov_l89oqcaez() {
+  var path = "/home/runner/work/neeto-rules-frontend/neeto-rules-frontend/src/components/RulePreview/utils.js";
+  var hash = "67d71dfe37d2327777bd145bf79ff7779c4b115d";
+  var global = new Function("return this")();
+  var gcv = "__coverage__";
+  var coverageData = {
+    path: "/home/runner/work/neeto-rules-frontend/neeto-rules-frontend/src/components/RulePreview/utils.js",
+    statementMap: {
+      "0": {
+        start: {
+          line: 3,
+          column: 37
+        },
+        end: {
+          line: 7,
+          column: 25
+        }
+      },
+      "1": {
+        start: {
+          line: 4,
+          column: 2
+        },
+        end: {
+          line: 7,
+          column: 25
+        }
+      }
+    },
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
+        decl: {
+          start: {
+            line: 3,
+            column: 37
+          },
+          end: {
+            line: 3,
+            column: 38
+          }
+        },
+        loc: {
+          start: {
+            line: 4,
+            column: 2
+          },
+          end: {
+            line: 7,
+            column: 25
+          }
+        },
+        line: 4
+      }
+    },
+    branchMap: {},
+    s: {
+      "0": 0,
+      "1": 0
+    },
+    f: {
+      "0": 0
+    },
+    b: {},
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "67d71dfe37d2327777bd145bf79ff7779c4b115d"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_l89oqcaez = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_l89oqcaez();
+cov_l89oqcaez().s[0]++;
+var getEntityDisplayValue = function getEntityDisplayValue(entitiy, entitiyOption) {
+  var _findBy, _findBy$label;
+  cov_l89oqcaez().f[0]++;
+  cov_l89oqcaez().s[1]++;
+  return (_findBy = findBy({
+    value: entitiy.metadata.value
+  }, entitiyOption.dropdownOptions)) === null || _findBy === void 0 ? void 0 : (_findBy$label = _findBy.label) === null || _findBy$label === void 0 ? void 0 : _findBy$label.toLowerCase();
+};
+
+function cov_12s3p009b2() {
+  var path = "/home/runner/work/neeto-rules-frontend/neeto-rules-frontend/src/components/RulePreview/ActionsDetail.jsx";
+  var hash = "f649e2bb358ba3c6a0dec691b8f1c0f6ace29061";
+  var global = new Function("return this")();
+  var gcv = "__coverage__";
+  var coverageData = {
+    path: "/home/runner/work/neeto-rules-frontend/neeto-rules-frontend/src/components/RulePreview/ActionsDetail.jsx",
+    statementMap: {
+      "0": {
+        start: {
+          line: 13,
+          column: 22
+        },
+        end: {
+          line: 103,
+          column: 1
+        }
+      },
+      "1": {
+        start: {
+          line: 14,
+          column: 34
+        },
+        end: {
+          line: 14,
+          column: 49
+        }
+      },
+      "2": {
+        start: {
+          line: 15,
+          column: 16
+        },
+        end: {
+          line: 15,
+          column: 32
+        }
+      },
+      "3": {
+        start: {
+          line: 17,
+          column: 22
+        },
+        end: {
+          line: 17,
+          column: 35
+        }
+      },
+      "4": {
+        start: {
+          line: 19,
+          column: 4
+        },
+        end: {
+          line: 19,
+          column: 78
+        }
+      },
+      "5": {
+        start: {
+          line: 21,
+          column: 19
+        },
+        end: {
+          line: 24,
+          column: 24
+        }
+      },
+      "6": {
+        start: {
+          line: 22,
+          column: 4
+        },
+        end: {
+          line: 24,
+          column: 24
+        }
+      },
+      "7": {
+        start: {
+          line: 26,
+          column: 29
+        },
+        end: {
+          line: 56,
+          column: 3
+        }
+      },
+      "8": {
+        start: {
+          line: 27,
+          column: 4
+        },
+        end: {
+          line: 37,
+          column: 5
+        }
+      },
+      "9": {
+        start: {
+          line: 28,
+          column: 6
+        },
+        end: {
+          line: 36,
+          column: 8
+        }
+      },
+      "10": {
+        start: {
+          line: 39,
+          column: 4
+        },
+        end: {
+          line: 53,
+          column: 5
+        }
+      },
+      "11": {
+        start: {
+          line: 40,
+          column: 21
+        },
+        end: {
+          line: 45,
+          column: 7
+        }
+      },
+      "12": {
+        start: {
+          line: 43,
+          column: 10
+        },
+        end: {
+          line: 43,
+          column: 47
+        }
+      },
+      "13": {
+        start: {
+          line: 47,
+          column: 6
+        },
+        end: {
+          line: 52,
+          column: 8
+        }
+      },
+      "14": {
+        start: {
+          line: 55,
+          column: 4
+        },
+        end: {
+          line: 55,
+          column: 16
+        }
+      },
+      "15": {
+        start: {
+          line: 58,
+          column: 23
+        },
+        end: {
+          line: 74,
+          column: 3
+        }
+      },
+      "16": {
+        start: {
+          line: 59,
+          column: 25
+        },
+        end: {
+          line: 59,
+          column: 78
+        }
+      },
+      "17": {
+        start: {
+          line: 60,
+          column: 4
+        },
+        end: {
+          line: 60,
+          column: 35
+        }
+      },
+      "18": {
+        start: {
+          line: 60,
+          column: 23
+        },
+        end: {
+          line: 60,
+          column: 35
+        }
+      },
+      "19": {
+        start: {
+          line: 62,
+          column: 4
+        },
+        end: {
+          line: 73,
+          column: 6
+        }
+      },
+      "20": {
+        start: {
+          line: 76,
+          column: 2
+        },
+        end: {
+          line: 102,
+          column: 4
+        }
+      },
+      "21": {
+        start: {
+          line: 79,
+          column: 8
+        },
+        end: {
+          line: 88,
+          column: 14
+        }
+      },
+      "22": {
+        start: {
+          line: 97,
+          column: 27
+        },
+        end: {
+          line: 97,
+          column: 63
+        }
+      },
+      "23": {
+        start: {
+          line: 97,
+          column: 52
+        },
+        end: {
+          line: 97,
+          column: 62
+        }
+      }
+    },
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
+        decl: {
+          start: {
+            line: 13,
+            column: 22
+          },
+          end: {
+            line: 13,
+            column: 23
+          }
+        },
+        loc: {
+          start: {
+            line: 13,
+            column: 39
+          },
+          end: {
+            line: 103,
+            column: 1
+          }
+        },
+        line: 13
+      },
+      "1": {
+        name: "(anonymous_1)",
+        decl: {
+          start: {
+            line: 21,
+            column: 19
+          },
+          end: {
+            line: 21,
+            column: 20
+          }
+        },
+        loc: {
+          start: {
+            line: 22,
+            column: 4
+          },
+          end: {
+            line: 24,
+            column: 24
+          }
+        },
+        line: 22
+      },
+      "2": {
+        name: "(anonymous_2)",
+        decl: {
+          start: {
+            line: 26,
+            column: 29
+          },
+          end: {
+            line: 26,
+            column: 30
+          }
+        },
+        loc: {
+          start: {
+            line: 26,
+            column: 55
+          },
+          end: {
+            line: 56,
+            column: 3
+          }
+        },
+        line: 26
+      },
+      "3": {
+        name: "(anonymous_3)",
+        decl: {
+          start: {
+            line: 42,
+            column: 44
+          },
+          end: {
+            line: 42,
+            column: 45
+          }
+        },
+        loc: {
+          start: {
+            line: 43,
+            column: 10
+          },
+          end: {
+            line: 43,
+            column: 47
+          }
+        },
+        line: 43
+      },
+      "4": {
+        name: "(anonymous_4)",
+        decl: {
+          start: {
+            line: 58,
+            column: 23
+          },
+          end: {
+            line: 58,
+            column: 24
+          }
+        },
+        loc: {
+          start: {
+            line: 58,
+            column: 33
+          },
+          end: {
+            line: 74,
+            column: 3
+          }
+        },
+        line: 58
+      },
+      "5": {
+        name: "(anonymous_5)",
+        decl: {
+          start: {
+            line: 78,
+            column: 22
+          },
+          end: {
+            line: 78,
+            column: 23
+          }
+        },
+        loc: {
+          start: {
+            line: 79,
+            column: 8
+          },
+          end: {
+            line: 88,
+            column: 14
+          }
+        },
+        line: 79
+      },
+      "6": {
+        name: "(anonymous_6)",
+        decl: {
+          start: {
+            line: 97,
+            column: 21
+          },
+          end: {
+            line: 97,
+            column: 22
+          }
+        },
+        loc: {
+          start: {
+            line: 97,
+            column: 27
+          },
+          end: {
+            line: 97,
+            column: 63
+          }
+        },
+        line: 97
+      },
+      "7": {
+        name: "(anonymous_7)",
+        decl: {
+          start: {
+            line: 97,
+            column: 39
+          },
+          end: {
+            line: 97,
+            column: 40
+          }
+        },
+        loc: {
+          start: {
+            line: 97,
+            column: 52
+          },
+          end: {
+            line: 97,
+            column: 62
+          }
+        },
+        line: 97
+      }
+    },
+    branchMap: {
+      "0": {
+        loc: {
+          start: {
+            line: 19,
+            column: 4
+          },
+          end: {
+            line: 19,
+            column: 78
+          }
+        },
+        type: "cond-expr",
+        locations: [{
+          start: {
+            line: 19,
+            column: 41
+          },
+          end: {
+            line: 19,
+            column: 52
+          }
+        }, {
+          start: {
+            line: 19,
+            column: 55
+          },
+          end: {
+            line: 19,
+            column: 78
+          }
+        }],
+        line: 19
+      },
+      "1": {
+        loc: {
+          start: {
+            line: 19,
+            column: 4
+          },
+          end: {
+            line: 19,
+            column: 38
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 19,
+            column: 4
+          },
+          end: {
+            line: 19,
+            column: 12
+          }
+        }, {
+          start: {
+            line: 19,
+            column: 16
+          },
+          end: {
+            line: 19,
+            column: 38
+          }
+        }],
+        line: 19
+      },
+      "2": {
+        loc: {
+          start: {
+            line: 22,
+            column: 4
+          },
+          end: {
+            line: 24,
+            column: 24
+          }
+        },
+        type: "cond-expr",
+        locations: [{
+          start: {
+            line: 23,
+            column: 8
+          },
+          end: {
+            line: 23,
+            column: 65
+          }
+        }, {
+          start: {
+            line: 24,
+            column: 8
+          },
+          end: {
+            line: 24,
+            column: 24
+          }
+        }],
+        line: 22
+      },
+      "3": {
+        loc: {
+          start: {
+            line: 27,
+            column: 4
+          },
+          end: {
+            line: 37,
+            column: 5
+          }
+        },
+        type: "if",
+        locations: [{
+          start: {
+            line: 27,
+            column: 4
+          },
+          end: {
+            line: 37,
+            column: 5
+          }
+        }, {
+          start: {
+            line: undefined,
+            column: undefined
+          },
+          end: {
+            line: undefined,
+            column: undefined
+          }
+        }],
+        line: 27
+      },
+      "4": {
+        loc: {
+          start: {
+            line: 39,
+            column: 4
+          },
+          end: {
+            line: 53,
+            column: 5
+          }
+        },
+        type: "if",
+        locations: [{
+          start: {
+            line: 39,
+            column: 4
+          },
+          end: {
+            line: 53,
+            column: 5
+          }
+        }, {
+          start: {
+            line: undefined,
+            column: undefined
+          },
+          end: {
+            line: undefined,
+            column: undefined
+          }
+        }],
+        line: 39
+      },
+      "5": {
+        loc: {
+          start: {
+            line: 60,
+            column: 4
+          },
+          end: {
+            line: 60,
+            column: 35
+          }
+        },
+        type: "if",
+        locations: [{
+          start: {
+            line: 60,
+            column: 4
+          },
+          end: {
+            line: 60,
+            column: 35
+          }
+        }, {
+          start: {
+            line: undefined,
+            column: undefined
+          },
+          end: {
+            line: undefined,
+            column: undefined
+          }
+        }],
+        line: 60
+      },
+      "6": {
+        loc: {
+          start: {
+            line: 90,
+            column: 7
+          },
+          end: {
+            line: 100,
+            column: 7
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 90,
+            column: 7
+          },
+          end: {
+            line: 90,
+            column: 29
+          }
+        }, {
+          start: {
+            line: 91,
+            column: 8
+          },
+          end: {
+            line: 99,
+            column: 14
+          }
+        }],
+        line: 90
+      },
+      "7": {
+        loc: {
+          start: {
+            line: 93,
+            column: 18
+          },
+          end: {
+            line: 93,
+            column: 39
+          }
+        },
+        type: "cond-expr",
+        locations: [{
+          start: {
+            line: 93,
+            column: 30
+          },
+          end: {
+            line: 93,
+            column: 34
+          }
+        }, {
+          start: {
+            line: 93,
+            column: 37
+          },
+          end: {
+            line: 93,
+            column: 39
+          }
+        }],
+        line: 93
+      },
+      "8": {
+        loc: {
+          start: {
+            line: 94,
+            column: 19
+          },
+          end: {
+            line: 94,
+            column: 74
+          }
+        },
+        type: "cond-expr",
+        locations: [{
+          start: {
+            line: 94,
+            column: 31
+          },
+          end: {
+            line: 94,
+            column: 51
+          }
+        }, {
+          start: {
+            line: 94,
+            column: 54
+          },
+          end: {
+            line: 94,
+            column: 74
+          }
+        }],
+        line: 94
+      }
+    },
+    s: {
+      "0": 0,
+      "1": 0,
+      "2": 0,
+      "3": 0,
+      "4": 0,
+      "5": 0,
+      "6": 0,
+      "7": 0,
+      "8": 0,
+      "9": 0,
+      "10": 0,
+      "11": 0,
+      "12": 0,
+      "13": 0,
+      "14": 0,
+      "15": 0,
+      "16": 0,
+      "17": 0,
+      "18": 0,
+      "19": 0,
+      "20": 0,
+      "21": 0,
+      "22": 0,
+      "23": 0
+    },
+    f: {
+      "0": 0,
+      "1": 0,
+      "2": 0,
+      "3": 0,
+      "4": 0,
+      "5": 0,
+      "6": 0,
+      "7": 0
+    },
+    b: {
+      "0": [0, 0],
+      "1": [0, 0],
+      "2": [0, 0],
+      "3": [0, 0],
+      "4": [0, 0],
+      "5": [0, 0],
+      "6": [0, 0],
+      "7": [0, 0],
+      "8": [0, 0]
+    },
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "f649e2bb358ba3c6a0dec691b8f1c0f6ace29061"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_12s3p009b2 = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_12s3p009b2();
+cov_12s3p009b2().s[0]++;
+var ActionsDetail = function ActionsDetail(_ref) {
+  var actions = _ref.actions;
+  cov_12s3p009b2().f[0]++;
+  var _ref2 = (cov_12s3p009b2().s[1]++, useState(false)),
+    _ref3 = _slicedToArray(_ref2, 2),
+    viewMore = _ref3[0],
+    setViewMore = _ref3[1];
+  var _ref4 = (cov_12s3p009b2().s[2]++, useTranslation()),
+    t = _ref4.t;
+  var actionsList = (cov_12s3p009b2().s[3]++, actions.value);
+  var allActions = (cov_12s3p009b2().s[4]++, (cov_12s3p009b2().b[1][0]++, viewMore) && (cov_12s3p009b2().b[1][1]++, actionsList.length > 4) ? (cov_12s3p009b2().b[0][0]++, actionsList) : (cov_12s3p009b2().b[0][1]++, actionsList.slice(0, 4)));
+  cov_12s3p009b2().s[5]++;
+  var getLabel = function getLabel(index) {
+    cov_12s3p009b2().f[1]++;
+    cov_12s3p009b2().s[6]++;
+    return index ? (cov_12s3p009b2().b[2][0]++, t("common.and", {
+      what: t("common.then").toLowerCase()
+    })) : (cov_12s3p009b2().b[2][1]++, t("common.then"));
+  };
+  cov_12s3p009b2().s[7]++;
+  var renderActionValues = function renderActionValues(action, actionOption) {
+    cov_12s3p009b2().f[2]++;
+    cov_12s3p009b2().s[8]++;
+    if (actionOption.type === "dropdown") {
+      cov_12s3p009b2().b[3][0]++;
+      cov_12s3p009b2().s[9]++;
+      return /*#__PURE__*/React.createElement(Typography, {
+        className: "neeto-ui-text-gray-800",
+        style: "h5",
+        weight: "semibold"
+      }, getEntityDisplayValue(action, actionOption));
+    } else {
+      cov_12s3p009b2().b[3][1]++;
+    }
+    cov_12s3p009b2().s[10]++;
+    if (actionOption.type === "multiSelect") {
+      cov_12s3p009b2().b[4][0]++;
+      var values = (cov_12s3p009b2().s[11]++, pluck("label", actionOption.dropdownOptions.filter(function (_ref5) {
+        var value = _ref5.value;
+        cov_12s3p009b2().f[3]++;
+        cov_12s3p009b2().s[12]++;
+        return action.metadata.value.includes(value);
+      })));
+      cov_12s3p009b2().s[13]++;
+      return /*#__PURE__*/React.createElement(MultiSelectValues, {
+        separator: t("common.and", {
+          what: ""
+        }),
+        values: values
+      });
+    } else {
+      cov_12s3p009b2().b[4][1]++;
+    }
+    cov_12s3p009b2().s[14]++;
+    return null;
+  };
+  cov_12s3p009b2().s[15]++;
+  var renderAction = function renderAction(action) {
+    cov_12s3p009b2().f[4]++;
+    var actionOption = (cov_12s3p009b2().s[16]++, findBy({
+      value: action.name
+    }, actions.actionOptions));
+    cov_12s3p009b2().s[17]++;
+    if (!actionOption) {
+      cov_12s3p009b2().b[5][0]++;
+      cov_12s3p009b2().s[18]++;
+      return null;
+    } else {
+      cov_12s3p009b2().b[5][1]++;
+    }
+    cov_12s3p009b2().s[19]++;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
+      className: "neeto-ui-text-gray-800",
+      style: "h5",
+      weight: "semibold"
+    }, actionOption === null || actionOption === void 0 ? void 0 : actionOption.label.toLowerCase()), renderActionValues(action, actionOption));
+  };
+  cov_12s3p009b2().s[20]++;
+  return /*#__PURE__*/React.createElement(Title, {
+    title: t("common.then")
+  }, allActions.map(function (action, index) {
+    cov_12s3p009b2().f[5]++;
+    cov_12s3p009b2().s[21]++;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "mb-2 flex flex-wrap gap-x-1 gap-y-2",
+      key: action.name
+    }, /*#__PURE__*/React.createElement(Typography, {
+      className: "neeto-ui-text-gray-700",
+      style: "h5",
+      weight: "normal"
+    }, getLabel(index)), renderAction(action));
+  }), (cov_12s3p009b2().b[6][0]++, actionsList.length > 4) && (cov_12s3p009b2().b[6][1]++, /*#__PURE__*/React.createElement("div", {
+    className: "mt-3 w-full"
+  }, /*#__PURE__*/React.createElement(Button, {
+    icon: !viewMore ? (cov_12s3p009b2().b[7][0]++, Down) : (cov_12s3p009b2().b[7][1]++, Up),
+    label: !viewMore ? (cov_12s3p009b2().b[8][0]++, t("common.viewMore")) : (cov_12s3p009b2().b[8][1]++, t("common.viewLess")),
+    size: "small",
+    style: "link",
+    onClick: function onClick() {
+      cov_12s3p009b2().f[6]++;
+      cov_12s3p009b2().s[22]++;
+      return setViewMore(function (prevState) {
+        cov_12s3p009b2().f[7]++;
+        cov_12s3p009b2().s[23]++;
+        return !prevState;
+      });
+    }
+  }))));
+};
+
+function cov_h01t9qzwy() {
+  var path = "/home/runner/work/neeto-rules-frontend/neeto-rules-frontend/src/components/RulePreview/ConditionsDetail.jsx";
+  var hash = "fc61378f8f3779c202fa96af72a7593a3f420615";
+  var global = new Function("return this")();
+  var gcv = "__coverage__";
+  var coverageData = {
+    path: "/home/runner/work/neeto-rules-frontend/neeto-rules-frontend/src/components/RulePreview/ConditionsDetail.jsx",
+    statementMap: {
+      "0": {
+        start: {
+          line: 11,
+          column: 25
+        },
+        end: {
+          line: 118,
+          column: 1
+        }
+      },
+      "1": {
+        start: {
+          line: 12,
+          column: 27
+        },
+        end: {
+          line: 13,
+          column: 45
+        }
+      },
+      "2": {
+        start: {
+          line: 13,
+          column: 4
+        },
+        end: {
+          line: 13,
+          column: 45
+        }
+      },
+      "3": {
+        start: {
+          line: 15,
+          column: 32
+        },
+        end: {
+          line: 52,
+          column: 3
+        }
+      },
+      "4": {
+        start: {
+          line: 16,
+          column: 4
+        },
+        end: {
+          line: 26,
+          column: 5
+        }
+      },
+      "5": {
+        start: {
+          line: 17,
+          column: 6
+        },
+        end: {
+          line: 25,
+          column: 8
+        }
+      },
+      "6": {
+        start: {
+          line: 28,
+          column: 4
+        },
+        end: {
+          line: 37,
+          column: 5
+        }
+      },
+      "7": {
+        start: {
+          line: 29,
+          column: 21
+        },
+        end: {
+          line: 34,
+          column: 7
+        }
+      },
+      "8": {
+        start: {
+          line: 32,
+          column: 10
+        },
+        end: {
+          line: 32,
+          column: 51
+        }
+      },
+      "9": {
+        start: {
+          line: 36,
+          column: 6
+        },
+        end: {
+          line: 36,
+          column: 78
+        }
+      },
+      "10": {
+        start: {
+          line: 39,
+          column: 4
+        },
+        end: {
+          line: 49,
+          column: 5
+        }
+      },
+      "11": {
+        start: {
+          line: 40,
+          column: 6
+        },
+        end: {
+          line: 48,
+          column: 8
+        }
+      },
+      "12": {
+        start: {
+          line: 51,
+          column: 4
+        },
+        end: {
+          line: 51,
+          column: 16
+        }
+      },
+      "13": {
+        start: {
+          line: 54,
+          column: 26
+        },
+        end: {
+          line: 82,
+          column: 3
+        }
+      },
+      "14": {
+        start: {
+          line: 55,
+          column: 28
+        },
+        end: {
+          line: 58,
+          column: 5
+        }
+      },
+      "15": {
+        start: {
+          line: 59,
+          column: 4
+        },
+        end: {
+          line: 59,
+          column: 38
+        }
+      },
+      "16": {
+        start: {
+          line: 59,
+          column: 26
+        },
+        end: {
+          line: 59,
+          column: 38
+        }
+      },
+      "17": {
+        start: {
+          line: 61,
+          column: 26
+        },
+        end: {
+          line: 61,
+          column: 71
+        }
+      },
+      "18": {
+        start: {
+          line: 63,
+          column: 4
+        },
+        end: {
+          line: 81,
+          column: 6
+        }
+      },
+      "19": {
+        start: {
+          line: 84,
+          column: 2
+        },
+        end: {
+          line: 117,
+          column: 4
+        }
+      },
+      "20": {
+        start: {
+          line: 87,
+          column: 8
+        },
+        end: {
+          line: 114,
+          column: 14
+        }
+      }
+    },
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
+        decl: {
+          start: {
+            line: 11,
+            column: 25
+          },
+          end: {
+            line: 11,
+            column: 26
+          }
+        },
+        loc: {
+          start: {
+            line: 11,
+            column: 79
+          },
+          end: {
+            line: 118,
+            column: 1
+          }
+        },
+        line: 11
+      },
+      "1": {
+        name: "(anonymous_1)",
+        decl: {
+          start: {
+            line: 12,
+            column: 27
+          },
+          end: {
+            line: 12,
+            column: 28
+          }
+        },
+        loc: {
+          start: {
+            line: 13,
+            column: 4
+          },
+          end: {
+            line: 13,
+            column: 45
+          }
+        },
+        line: 13
+      },
+      "2": {
+        name: "(anonymous_2)",
+        decl: {
+          start: {
+            line: 15,
+            column: 32
+          },
+          end: {
+            line: 15,
+            column: 33
+          }
+        },
+        loc: {
+          start: {
+            line: 15,
+            column: 64
+          },
+          end: {
+            line: 52,
+            column: 3
+          }
+        },
+        line: 15
+      },
+      "3": {
+        name: "(anonymous_3)",
+        decl: {
+          start: {
+            line: 31,
+            column: 47
+          },
+          end: {
+            line: 31,
+            column: 48
+          }
+        },
+        loc: {
+          start: {
+            line: 32,
+            column: 10
+          },
+          end: {
+            line: 32,
+            column: 51
+          }
+        },
+        line: 32
+      },
+      "4": {
+        name: "(anonymous_4)",
+        decl: {
+          start: {
+            line: 54,
+            column: 26
+          },
+          end: {
+            line: 54,
+            column: 27
+          }
+        },
+        loc: {
+          start: {
+            line: 54,
+            column: 39
+          },
+          end: {
+            line: 82,
+            column: 3
+          }
+        },
+        line: 54
+      },
+      "5": {
+        name: "(anonymous_5)",
+        decl: {
+          start: {
+            line: 86,
+            column: 22
+          },
+          end: {
+            line: 86,
+            column: 23
+          }
+        },
+        loc: {
+          start: {
+            line: 87,
+            column: 8
+          },
+          end: {
+            line: 114,
+            column: 14
+          }
+        },
+        line: 87
+      }
+    },
+    branchMap: {
+      "0": {
+        loc: {
+          start: {
+            line: 13,
+            column: 4
+          },
+          end: {
+            line: 13,
+            column: 45
+          }
+        },
+        type: "cond-expr",
+        locations: [{
+          start: {
+            line: 13,
+            column: 33
+          },
+          end: {
+            line: 13,
+            column: 37
+          }
+        }, {
+          start: {
+            line: 13,
+            column: 40
+          },
+          end: {
+            line: 13,
+            column: 45
+          }
+        }],
+        line: 13
+      },
+      "1": {
+        loc: {
+          start: {
+            line: 16,
+            column: 4
+          },
+          end: {
+            line: 26,
+            column: 5
+          }
+        },
+        type: "if",
+        locations: [{
+          start: {
+            line: 16,
+            column: 4
+          },
+          end: {
+            line: 26,
+            column: 5
+          }
+        }, {
+          start: {
+            line: undefined,
+            column: undefined
+          },
+          end: {
+            line: undefined,
+            column: undefined
+          }
+        }],
+        line: 16
+      },
+      "2": {
+        loc: {
+          start: {
+            line: 28,
+            column: 4
+          },
+          end: {
+            line: 37,
+            column: 5
+          }
+        },
+        type: "if",
+        locations: [{
+          start: {
+            line: 28,
+            column: 4
+          },
+          end: {
+            line: 37,
+            column: 5
+          }
+        }, {
+          start: {
+            line: undefined,
+            column: undefined
+          },
+          end: {
+            line: undefined,
+            column: undefined
+          }
+        }],
+        line: 28
+      },
+      "3": {
+        loc: {
+          start: {
+            line: 39,
+            column: 4
+          },
+          end: {
+            line: 49,
+            column: 5
+          }
+        },
+        type: "if",
+        locations: [{
+          start: {
+            line: 39,
+            column: 4
+          },
+          end: {
+            line: 49,
+            column: 5
+          }
+        }, {
+          start: {
+            line: undefined,
+            column: undefined
+          },
+          end: {
+            line: undefined,
+            column: undefined
+          }
+        }],
+        line: 39
+      },
+      "4": {
+        loc: {
+          start: {
+            line: 59,
+            column: 4
+          },
+          end: {
+            line: 59,
+            column: 38
+          }
+        },
+        type: "if",
+        locations: [{
+          start: {
+            line: 59,
+            column: 4
+          },
+          end: {
+            line: 59,
+            column: 38
+          }
+        }, {
+          start: {
+            line: undefined,
+            column: undefined
+          },
+          end: {
+            line: undefined,
+            column: undefined
+          }
+        }],
+        line: 59
+      },
+      "5": {
+        loc: {
+          start: {
+            line: 88,
+            column: 11
+          },
+          end: {
+            line: 96,
+            column: 11
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 88,
+            column: 11
+          },
+          end: {
+            line: 88,
+            column: 17
+          }
+        }, {
+          start: {
+            line: 89,
+            column: 12
+          },
+          end: {
+            line: 95,
+            column: 25
+          }
+        }],
+        line: 88
+      },
+      "6": {
+        loc: {
+          start: {
+            line: 97,
+            column: 11
+          },
+          end: {
+            line: 105,
+            column: 11
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 97,
+            column: 11
+          },
+          end: {
+            line: 97,
+            column: 18
+          }
+        }, {
+          start: {
+            line: 98,
+            column: 12
+          },
+          end: {
+            line: 104,
+            column: 25
+          }
+        }],
+        line: 97
+      }
+    },
+    s: {
+      "0": 0,
+      "1": 0,
+      "2": 0,
+      "3": 0,
+      "4": 0,
+      "5": 0,
+      "6": 0,
+      "7": 0,
+      "8": 0,
+      "9": 0,
+      "10": 0,
+      "11": 0,
+      "12": 0,
+      "13": 0,
+      "14": 0,
+      "15": 0,
+      "16": 0,
+      "17": 0,
+      "18": 0,
+      "19": 0,
+      "20": 0
+    },
+    f: {
+      "0": 0,
+      "1": 0,
+      "2": 0,
+      "3": 0,
+      "4": 0,
+      "5": 0
+    },
+    b: {
+      "0": [0, 0],
+      "1": [0, 0],
+      "2": [0, 0],
+      "3": [0, 0],
+      "4": [0, 0],
+      "5": [0, 0],
+      "6": [0, 0]
+    },
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "fc61378f8f3779c202fa96af72a7593a3f420615"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_h01t9qzwy = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_h01t9qzwy();
+cov_h01t9qzwy().s[0]++;
+var ConditionsDetail = function ConditionsDetail(_ref) {
+  var conditions = _ref.conditions,
+    conditionOptions = _ref.conditionOptions,
+    conditionVerbs = _ref.conditionVerbs;
+  cov_h01t9qzwy().f[0]++;
+  cov_h01t9qzwy().s[1]++;
+  var getLogicOperator = function getLogicOperator(joinType) {
+    cov_h01t9qzwy().f[1]++;
+    cov_h01t9qzwy().s[2]++;
+    return joinType === "or_operator" ? (cov_h01t9qzwy().b[0][0]++, "or") : (cov_h01t9qzwy().b[0][1]++, "and");
+  };
+  cov_h01t9qzwy().s[3]++;
+  var renderConditionValues = function renderConditionValues(condition, conditionOption) {
+    cov_h01t9qzwy().f[2]++;
+    cov_h01t9qzwy().s[4]++;
+    if (["email", "text", "number"].includes(conditionOption.type)) {
+      var _condition$metadata$v;
+      cov_h01t9qzwy().b[1][0]++;
+      cov_h01t9qzwy().s[5]++;
+      return /*#__PURE__*/React.createElement(Typography, {
+        className: "neeto-ui-text-gray-800",
+        style: "h5",
+        weight: "semibold"
+      }, (_condition$metadata$v = condition.metadata.value) === null || _condition$metadata$v === void 0 ? void 0 : _condition$metadata$v.toLowerCase());
+    } else {
+      cov_h01t9qzwy().b[1][1]++;
+    }
+    cov_h01t9qzwy().s[6]++;
+    if (conditionOption.type === "multi-select") {
+      cov_h01t9qzwy().b[2][0]++;
+      var values = (cov_h01t9qzwy().s[7]++, pluck("label", conditionOption.dropdownOptions.filter(function (_ref2) {
+        var value = _ref2.value;
+        cov_h01t9qzwy().f[3]++;
+        cov_h01t9qzwy().s[8]++;
+        return condition.metadata.values.includes(value);
+      })));
+      cov_h01t9qzwy().s[9]++;
+      return /*#__PURE__*/React.createElement(MultiSelectValues, {
+        separator: t("common.or"),
+        values: values
+      });
+    } else {
+      cov_h01t9qzwy().b[2][1]++;
+    }
+    cov_h01t9qzwy().s[10]++;
+    if (conditionOption.type === "dropdown") {
+      cov_h01t9qzwy().b[3][0]++;
+      cov_h01t9qzwy().s[11]++;
+      return /*#__PURE__*/React.createElement(Typography, {
+        className: "neeto-ui-text-gray-800",
+        style: "h5",
+        weight: "semibold"
+      }, getEntityDisplayValue(condition, conditionOption));
+    } else {
+      cov_h01t9qzwy().b[3][1]++;
+    }
+    cov_h01t9qzwy().s[12]++;
+    return null;
+  };
+  cov_h01t9qzwy().s[13]++;
+  var renderCondition = function renderCondition(condition) {
+    var _conditionVerbs$condi;
+    cov_h01t9qzwy().f[4]++;
+    var conditionOption = (cov_h01t9qzwy().s[14]++, findBy({
+      value: condition.field
+    }, conditionOptions));
+    cov_h01t9qzwy().s[15]++;
+    if (!conditionOption) {
+      cov_h01t9qzwy().b[4][0]++;
+      cov_h01t9qzwy().s[16]++;
+      return null;
+    } else {
+      cov_h01t9qzwy().b[4][1]++;
+    }
+    var conditionVerb = (cov_h01t9qzwy().s[17]++, (_conditionVerbs$condi = conditionVerbs[condition.verb]) === null || _conditionVerbs$condi === void 0 ? void 0 : _conditionVerbs$condi.toLowerCase());
+    cov_h01t9qzwy().s[18]++;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
+      className: "neeto-ui-text-gray-800",
+      style: "h5",
+      weight: "semibold"
+    }, conditionOption === null || conditionOption === void 0 ? void 0 : conditionOption.label.toLowerCase()), /*#__PURE__*/React.createElement(Typography, {
+      className: "neeto-ui-text-gray-800",
+      style: "h5",
+      weight: "semibold"
+    }, conditionVerb), renderConditionValues(condition, conditionOption));
+  };
+  cov_h01t9qzwy().s[19]++;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "mt-2"
+  }, conditions.map(function (condition, index) {
+    cov_h01t9qzwy().f[5]++;
+    cov_h01t9qzwy().s[20]++;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "mb-2 flex flex-wrap gap-x-2 gap-y-2",
+      key: condition.id
+    }, (cov_h01t9qzwy().b[5][0]++, !index) && (cov_h01t9qzwy().b[5][1]++, /*#__PURE__*/React.createElement(Typography, {
+      className: "neeto-ui-text-gray-700",
+      style: "h5",
+      weight: "normal"
+    }, t("common.and", {
+      what: ""
+    }))), (cov_h01t9qzwy().b[6][0]++, !!index) && (cov_h01t9qzwy().b[6][1]++, /*#__PURE__*/React.createElement(Typography, {
+      className: "neeto-ui-text-gray-800",
+      style: "h5",
+      weight: "semibold"
+    }, getLogicOperator(condition.joinType))), /*#__PURE__*/React.createElement(Typography, {
+      className: "neeto-ui-text-gray-700",
+      style: "h5",
+      weight: "normal"
+    }, t("common.when").toLowerCase()), renderCondition(condition));
+  }));
+};
+
+function cov_rr7czlpcc() {
+  var path = "/home/runner/work/neeto-rules-frontend/neeto-rules-frontend/src/components/RulePreview/EventsDetail.jsx";
+  var hash = "027ffb7dc7b431626e71008ddc8edc3a2d938d8a";
+  var global = new Function("return this")();
+  var gcv = "__coverage__";
+  var coverageData = {
+    path: "/home/runner/work/neeto-rules-frontend/neeto-rules-frontend/src/components/RulePreview/EventsDetail.jsx",
+    statementMap: {
+      "0": {
+        start: {
+          line: 12,
+          column: 21
+        },
+        end: {
+          line: 96,
+          column: 1
+        }
+      },
+      "1": {
+        start: {
+          line: 13,
+          column: 34
+        },
+        end: {
+          line: 13,
+          column: 49
+        }
+      },
+      "2": {
+        start: {
+          line: 15,
+          column: 21
+        },
+        end: {
+          line: 15,
+          column: 48
+        }
+      },
+      "3": {
+        start: {
+          line: 16,
+          column: 20
+        },
+        end: {
+          line: 18,
+          column: 3
+        }
+      },
+      "4": {
+        start: {
+          line: 17,
+          column: 4
+        },
+        end: {
+          line: 17,
+          column: 37
+        }
+      },
+      "5": {
+        start: {
+          line: 20,
+          column: 25
+        },
+        end: {
+          line: 20,
+          column: 41
+        }
+      },
+      "6": {
+        start: {
+          line: 22,
+          column: 4
+        },
+        end: {
+          line: 24,
+          column: 34
+        }
+      },
+      "7": {
+        start: {
+          line: 26,
+          column: 27
+        },
+        end: {
+          line: 29,
+          column: 3
+        }
+      },
+      "8": {
+        start: {
+          line: 31,
+          column: 2
+        },
+        end: {
+          line: 95,
+          column: 4
+        }
+      },
+      "9": {
+        start: {
+          line: 35,
+          column: 10
+        },
+        end: {
+          line: 61,
+          column: 16
+        }
+      },
+      "10": {
+        start: {
+          line: 90,
+          column: 27
+        },
+        end: {
+          line: 90,
+          column: 63
+        }
+      },
+      "11": {
+        start: {
+          line: 90,
+          column: 52
+        },
+        end: {
+          line: 90,
+          column: 62
+        }
+      }
+    },
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
+        decl: {
+          start: {
+            line: 12,
+            column: 21
+          },
+          end: {
+            line: 12,
+            column: 22
+          }
+        },
+        loc: {
+          start: {
+            line: 12,
+            column: 60
+          },
+          end: {
+            line: 96,
+            column: 1
+          }
+        },
+        line: 12
+      },
+      "1": {
+        name: "(anonymous_1)",
+        decl: {
+          start: {
+            line: 16,
+            column: 47
+          },
+          end: {
+            line: 16,
+            column: 48
+          }
+        },
+        loc: {
+          start: {
+            line: 17,
+            column: 4
+          },
+          end: {
+            line: 17,
+            column: 37
+          }
+        },
+        line: 17
+      },
+      "2": {
+        name: "(anonymous_2)",
+        decl: {
+          start: {
+            line: 34,
+            column: 23
+          },
+          end: {
+            line: 34,
+            column: 24
+          }
+        },
+        loc: {
+          start: {
+            line: 35,
+            column: 10
+          },
+          end: {
+            line: 61,
+            column: 16
+          }
+        },
+        line: 35
+      },
+      "3": {
+        name: "(anonymous_3)",
+        decl: {
+          start: {
+            line: 90,
+            column: 21
+          },
+          end: {
+            line: 90,
+            column: 22
+          }
+        },
+        loc: {
+          start: {
+            line: 90,
+            column: 27
+          },
+          end: {
+            line: 90,
+            column: 63
+          }
+        },
+        line: 90
+      },
+      "4": {
+        name: "(anonymous_4)",
+        decl: {
+          start: {
+            line: 90,
+            column: 39
+          },
+          end: {
+            line: 90,
+            column: 40
+          }
+        },
+        loc: {
+          start: {
+            line: 90,
+            column: 52
+          },
+          end: {
+            line: 90,
+            column: 62
+          }
+        },
+        line: 90
+      }
+    },
+    branchMap: {
+      "0": {
+        loc: {
+          start: {
+            line: 22,
+            column: 4
+          },
+          end: {
+            line: 24,
+            column: 34
+          }
+        },
+        type: "cond-expr",
+        locations: [{
+          start: {
+            line: 23,
+            column: 8
+          },
+          end: {
+            line: 23,
+            column: 22
+          }
+        }, {
+          start: {
+            line: 24,
+            column: 8
+          },
+          end: {
+            line: 24,
+            column: 34
+          }
+        }],
+        line: 22
+      },
+      "1": {
+        loc: {
+          start: {
+            line: 22,
+            column: 4
+          },
+          end: {
+            line: 22,
+            column: 41
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 22,
+            column: 4
+          },
+          end: {
+            line: 22,
+            column: 12
+          }
+        }, {
+          start: {
+            line: 22,
+            column: 16
+          },
+          end: {
+            line: 22,
+            column: 41
+          }
+        }],
+        line: 22
+      },
+      "2": {
+        loc: {
+          start: {
+            line: 36,
+            column: 13
+          },
+          end: {
+            line: 44,
+            column: 13
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 36,
+            column: 13
+          },
+          end: {
+            line: 36,
+            column: 19
+          }
+        }, {
+          start: {
+            line: 37,
+            column: 14
+          },
+          end: {
+            line: 43,
+            column: 27
+          }
+        }],
+        line: 36
+      },
+      "3": {
+        loc: {
+          start: {
+            line: 45,
+            column: 13
+          },
+          end: {
+            line: 53,
+            column: 13
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 45,
+            column: 13
+          },
+          end: {
+            line: 45,
+            column: 20
+          }
+        }, {
+          start: {
+            line: 46,
+            column: 14
+          },
+          end: {
+            line: 52,
+            column: 27
+          }
+        }],
+        line: 45
+      },
+      "4": {
+        loc: {
+          start: {
+            line: 83,
+            column: 7
+          },
+          end: {
+            line: 93,
+            column: 7
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 83,
+            column: 7
+          },
+          end: {
+            line: 83,
+            column: 32
+          }
+        }, {
+          start: {
+            line: 84,
+            column: 8
+          },
+          end: {
+            line: 92,
+            column: 14
+          }
+        }],
+        line: 83
+      },
+      "5": {
+        loc: {
+          start: {
+            line: 86,
+            column: 18
+          },
+          end: {
+            line: 86,
+            column: 39
+          }
+        },
+        type: "cond-expr",
+        locations: [{
+          start: {
+            line: 86,
+            column: 30
+          },
+          end: {
+            line: 86,
+            column: 34
+          }
+        }, {
+          start: {
+            line: 86,
+            column: 37
+          },
+          end: {
+            line: 86,
+            column: 39
+          }
+        }],
+        line: 86
+      },
+      "6": {
+        loc: {
+          start: {
+            line: 87,
+            column: 19
+          },
+          end: {
+            line: 87,
+            column: 74
+          }
+        },
+        type: "cond-expr",
+        locations: [{
+          start: {
+            line: 87,
+            column: 31
+          },
+          end: {
+            line: 87,
+            column: 51
+          }
+        }, {
+          start: {
+            line: 87,
+            column: 54
+          },
+          end: {
+            line: 87,
+            column: 74
+          }
+        }],
+        line: 87
+      }
+    },
+    s: {
+      "0": 0,
+      "1": 0,
+      "2": 0,
+      "3": 0,
+      "4": 0,
+      "5": 0,
+      "6": 0,
+      "7": 0,
+      "8": 0,
+      "9": 0,
+      "10": 0,
+      "11": 0
+    },
+    f: {
+      "0": 0,
+      "1": 0,
+      "2": 0,
+      "3": 0,
+      "4": 0
+    },
+    b: {
+      "0": [0, 0],
+      "1": [0, 0],
+      "2": [0, 0],
+      "3": [0, 0],
+      "4": [0, 0],
+      "5": [0, 0],
+      "6": [0, 0]
+    },
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "027ffb7dc7b431626e71008ddc8edc3a2d938d8a"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_rr7czlpcc = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_rr7czlpcc();
+cov_rr7czlpcc().s[0]++;
+var EventsDetail = function EventsDetail(_ref) {
+  var _currentPerformer$lab;
+  var events = _ref.events,
+    performer = _ref.performer,
+    conditions = _ref.conditions;
+  cov_rr7czlpcc().f[0]++;
+  var _ref2 = (cov_rr7czlpcc().s[1]++, useState(false)),
+    _ref3 = _slicedToArray(_ref2, 2),
+    viewMore = _ref3[0],
+    setViewMore = _ref3[1];
+  var eventNames = (cov_rr7czlpcc().s[2]++, pluck("name", events.value));
+  var allEvents = (cov_rr7czlpcc().s[3]++, events.eventOptions.filter(function (event) {
+    cov_rr7czlpcc().f[1]++;
+    cov_rr7czlpcc().s[4]++;
+    return eventNames === null || eventNames === void 0 ? void 0 : eventNames.includes(event.value);
+  }));
+  var conditionsList = (cov_rr7czlpcc().s[5]++, conditions.value);
+  var allConditions = (cov_rr7czlpcc().s[6]++, (cov_rr7czlpcc().b[1][0]++, viewMore) && (cov_rr7czlpcc().b[1][1]++, conditionsList.length > 3) ? (cov_rr7czlpcc().b[0][0]++, conditionsList) : (cov_rr7czlpcc().b[0][1]++, conditionsList.slice(0, 3)));
+  var currentPerformer = (cov_rr7czlpcc().s[7]++, findBy({
+    value: performer.value
+  }, performer.options));
+  cov_rr7czlpcc().s[8]++;
+  return /*#__PURE__*/React.createElement(Title, {
+    title: t("common.when")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-wrap gap-x-2 gap-y-2"
+  }, allEvents.map(function (event, index) {
+    cov_rr7czlpcc().f[2]++;
+    cov_rr7czlpcc().s[9]++;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "flex gap-x-2",
+      key: index
+    }, (cov_rr7czlpcc().b[2][0]++, !index) && (cov_rr7czlpcc().b[2][1]++, /*#__PURE__*/React.createElement(Typography, {
+      className: "neeto-ui-text-gray-700 my-auto",
+      style: "h5",
+      weight: "normal"
+    }, t("common.when"))), (cov_rr7czlpcc().b[3][0]++, !!index) && (cov_rr7czlpcc().b[3][1]++, /*#__PURE__*/React.createElement(Typography, {
+      className: "neeto-ui-text-gray-700 my-auto",
+      style: "h5",
+      weight: "normal"
+    }, t("common.or"))), /*#__PURE__*/React.createElement(Typography, {
+      className: "neeto-ui-text-gray-800",
+      style: "h5",
+      weight: "semibold"
+    }, event.label.toLowerCase()));
+  }), /*#__PURE__*/React.createElement(Typography, {
+    className: "neeto-ui-text-gray-700",
+    style: "h5",
+    weight: "normal"
+  }, t("common.by")), /*#__PURE__*/React.createElement(Typography, {
+    className: "neeto-ui-text-gray-800",
+    style: "h5",
+    weight: "semibold"
+  }, currentPerformer === null || currentPerformer === void 0 ? void 0 : (_currentPerformer$lab = currentPerformer.label) === null || _currentPerformer$lab === void 0 ? void 0 : _currentPerformer$lab.toLowerCase())), /*#__PURE__*/React.createElement(ConditionsDetail, {
+    conditionOptions: conditions.conditionOptions,
+    conditionVerbs: conditions.verbs,
+    conditions: allConditions
+  }), (cov_rr7czlpcc().b[4][0]++, conditionsList.length > 3) && (cov_rr7czlpcc().b[4][1]++, /*#__PURE__*/React.createElement("div", {
+    className: "mt-3 w-full"
+  }, /*#__PURE__*/React.createElement(Button, {
+    icon: !viewMore ? (cov_rr7czlpcc().b[5][0]++, Down) : (cov_rr7czlpcc().b[5][1]++, Up),
+    label: !viewMore ? (cov_rr7czlpcc().b[6][0]++, t("common.viewMore")) : (cov_rr7czlpcc().b[6][1]++, t("common.viewLess")),
+    size: "small",
+    style: "link",
+    onClick: function onClick() {
+      cov_rr7czlpcc().f[3]++;
+      cov_rr7czlpcc().s[10]++;
+      return setViewMore(function (prevState) {
+        cov_rr7czlpcc().f[4]++;
+        cov_rr7czlpcc().s[11]++;
+        return !prevState;
+      });
+    }
+  }))));
+};
+
+function cov_229plf36at() {
+  var path = "/home/runner/work/neeto-rules-frontend/neeto-rules-frontend/src/components/RulePreview/index.jsx";
+  var hash = "3462c6a4c7347e110f00d280be805931b49100da";
+  var global = new Function("return this")();
+  var gcv = "__coverage__";
+  var coverageData = {
+    path: "/home/runner/work/neeto-rules-frontend/neeto-rules-frontend/src/components/RulePreview/index.jsx",
+    statementMap: {
+      "0": {
+        start: {
+          line: 10,
+          column: 20
+        },
+        end: {
+          line: 73,
+          column: 1
+        }
+      },
+      "1": {
+        start: {
+          line: 11,
+          column: 16
+        },
+        end: {
+          line: 11,
+          column: 32
+        }
+      },
+      "2": {
+        start: {
+          line: 13,
+          column: 2
+        },
+        end: {
+          line: 13,
+          column: 39
+        }
+      },
+      "3": {
+        start: {
+          line: 13,
+          column: 17
+        },
+        end: {
+          line: 13,
+          column: 39
+        }
+      },
+      "4": {
+        start: {
+          line: 15,
+          column: 2
+        },
+        end: {
+          line: 72,
+          column: 4
+        }
+      }
+    },
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
+        decl: {
+          start: {
+            line: 10,
+            column: 20
+          },
+          end: {
+            line: 10,
+            column: 21
+          }
+        },
+        loc: {
+          start: {
+            line: 10,
+            column: 69
+          },
+          end: {
+            line: 73,
+            column: 1
+          }
+        },
+        line: 10
+      }
+    },
+    branchMap: {
+      "0": {
+        loc: {
+          start: {
+            line: 13,
+            column: 2
+          },
+          end: {
+            line: 13,
+            column: 39
+          }
+        },
+        type: "if",
+        locations: [{
+          start: {
+            line: 13,
+            column: 2
+          },
+          end: {
+            line: 13,
+            column: 39
+          }
+        }, {
+          start: {
+            line: undefined,
+            column: undefined
+          },
+          end: {
+            line: undefined,
+            column: undefined
+          }
+        }],
+        line: 13
+      }
+    },
+    s: {
+      "0": 0,
+      "1": 0,
+      "2": 0,
+      "3": 0,
+      "4": 0
+    },
+    f: {
+      "0": 0
+    },
+    b: {
+      "0": [0, 0]
+    },
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "3462c6a4c7347e110f00d280be805931b49100da"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_229plf36at = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_229plf36at();
+cov_229plf36at().s[0]++;
+var RulePreview = function RulePreview(_ref) {
+  var isLoading = _ref.isLoading,
+    ruleDetails = _ref.ruleDetails,
+    isOpen = _ref.isOpen,
+    onClose = _ref.onClose;
+  cov_229plf36at().f[0]++;
+  var _ref2 = (cov_229plf36at().s[1]++, useTranslation()),
+    t = _ref2.t;
+  cov_229plf36at().s[2]++;
+  if (isLoading) {
+    cov_229plf36at().b[0][0]++;
+    cov_229plf36at().s[3]++;
+    return /*#__PURE__*/React.createElement(PageLoader, null);
+  } else {
+    cov_229plf36at().b[0][1]++;
+  }
+  cov_229plf36at().s[4]++;
+  return /*#__PURE__*/React.createElement(Pane, {
+    isOpen: isOpen,
+    onClose: onClose
+  }, /*#__PURE__*/React.createElement(Pane.Header, null, /*#__PURE__*/React.createElement(Typography, {
+    style: "h2",
+    weight: "semibold"
+  }, t("labels.ruleSummary"))), /*#__PURE__*/React.createElement(Pane.Body, null, /*#__PURE__*/React.createElement("div", {
+    className: "w-full"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "neeto-ui-rounded mb-4 border p-4"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "mb-3 flex flex-wrap justify-between gap-x-4"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    className: "neeto-ui-text-gray-700 my-auto",
+    style: "h5",
+    weight: "semibold"
+  }, t("common.name")), /*#__PURE__*/React.createElement("div", {
+    className: "flex w-72 flex-wrap"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    className: "neeto-ui-text-gray-800 my-auto",
+    style: "h5",
+    weight: "normal"
+  }, ruleDetails.name.value))), /*#__PURE__*/React.createElement("hr", null), /*#__PURE__*/React.createElement("div", {
+    className: "my-3 flex flex-wrap justify-between gap-x-2"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    className: "neeto-ui-text-gray-700 my-auto",
+    style: "h5",
+    weight: "semibold"
+  }, t("common.description")), /*#__PURE__*/React.createElement("div", {
+    className: "flex w-72 flex-wrap"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    className: "neeto-ui-text-gray-800 my-auto",
+    style: "h5",
+    weight: "normal"
+  }, ruleDetails.description.value)))), /*#__PURE__*/React.createElement(EventsDetail, {
+    conditions: ruleDetails.conditions,
+    events: ruleDetails.events,
+    performer: ruleDetails.performer
+  }), /*#__PURE__*/React.createElement(ActionsDetail, {
+    actions: ruleDetails.actions
+  }))));
+};
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+  try {
+    var info = gen[key](arg);
+    var value = info.value;
+  } catch (error) {
+    reject(error);
+    return;
+  }
+  if (info.done) {
+    resolve(value);
+  } else {
+    Promise.resolve(value).then(_next, _throw);
+  }
+}
+function _asyncToGenerator(fn) {
+  return function () {
+    var self = this,
+      args = arguments;
+    return new Promise(function (resolve, reject) {
+      var gen = fn.apply(self, args);
+      function _next(value) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+      }
+      function _throw(err) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+      }
+      _next(undefined);
+    });
+  };
+}
+
+var regeneratorRuntime$1 = {exports: {}};
+
+var _typeof = {exports: {}};
+
+(function (module) {
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
+  }
+  module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
+})(_typeof);
+
+(function (module) {
+  var _typeof$1 = _typeof.exports["default"];
+  function _regeneratorRuntime() {
+
+    /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
+    module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
+      return exports;
+    }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+    var exports = {},
+      Op = Object.prototype,
+      hasOwn = Op.hasOwnProperty,
+      defineProperty = Object.defineProperty || function (obj, key, desc) {
+        obj[key] = desc.value;
+      },
+      $Symbol = "function" == typeof Symbol ? Symbol : {},
+      iteratorSymbol = $Symbol.iterator || "@@iterator",
+      asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator",
+      toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
+    function define(obj, key, value) {
+      return Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: !0,
+        configurable: !0,
+        writable: !0
+      }), obj[key];
+    }
+    try {
+      define({}, "");
+    } catch (err) {
+      define = function define(obj, key, value) {
+        return obj[key] = value;
+      };
+    }
+    function wrap(innerFn, outerFn, self, tryLocsList) {
+      var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator,
+        generator = Object.create(protoGenerator.prototype),
+        context = new Context(tryLocsList || []);
+      return defineProperty(generator, "_invoke", {
+        value: makeInvokeMethod(innerFn, self, context)
+      }), generator;
+    }
+    function tryCatch(fn, obj, arg) {
+      try {
+        return {
+          type: "normal",
+          arg: fn.call(obj, arg)
+        };
+      } catch (err) {
+        return {
+          type: "throw",
+          arg: err
+        };
+      }
+    }
+    exports.wrap = wrap;
+    var ContinueSentinel = {};
+    function Generator() {}
+    function GeneratorFunction() {}
+    function GeneratorFunctionPrototype() {}
+    var IteratorPrototype = {};
+    define(IteratorPrototype, iteratorSymbol, function () {
+      return this;
+    });
+    var getProto = Object.getPrototypeOf,
+      NativeIteratorPrototype = getProto && getProto(getProto(values([])));
+    NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype);
+    var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
+    function defineIteratorMethods(prototype) {
+      ["next", "throw", "return"].forEach(function (method) {
+        define(prototype, method, function (arg) {
+          return this._invoke(method, arg);
+        });
+      });
+    }
+    function AsyncIterator(generator, PromiseImpl) {
+      function invoke(method, arg, resolve, reject) {
+        var record = tryCatch(generator[method], generator, arg);
+        if ("throw" !== record.type) {
+          var result = record.arg,
+            value = result.value;
+          return value && "object" == _typeof$1(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) {
+            invoke("next", value, resolve, reject);
+          }, function (err) {
+            invoke("throw", err, resolve, reject);
+          }) : PromiseImpl.resolve(value).then(function (unwrapped) {
+            result.value = unwrapped, resolve(result);
+          }, function (error) {
+            return invoke("throw", error, resolve, reject);
+          });
+        }
+        reject(record.arg);
+      }
+      var previousPromise;
+      defineProperty(this, "_invoke", {
+        value: function value(method, arg) {
+          function callInvokeWithMethodAndArg() {
+            return new PromiseImpl(function (resolve, reject) {
+              invoke(method, arg, resolve, reject);
+            });
+          }
+          return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+        }
+      });
+    }
+    function makeInvokeMethod(innerFn, self, context) {
+      var state = "suspendedStart";
+      return function (method, arg) {
+        if ("executing" === state) throw new Error("Generator is already running");
+        if ("completed" === state) {
+          if ("throw" === method) throw arg;
+          return doneResult();
+        }
+        for (context.method = method, context.arg = arg;;) {
+          var delegate = context.delegate;
+          if (delegate) {
+            var delegateResult = maybeInvokeDelegate(delegate, context);
+            if (delegateResult) {
+              if (delegateResult === ContinueSentinel) continue;
+              return delegateResult;
+            }
+          }
+          if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) {
+            if ("suspendedStart" === state) throw state = "completed", context.arg;
+            context.dispatchException(context.arg);
+          } else "return" === context.method && context.abrupt("return", context.arg);
+          state = "executing";
+          var record = tryCatch(innerFn, self, context);
+          if ("normal" === record.type) {
+            if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue;
+            return {
+              value: record.arg,
+              done: context.done
+            };
+          }
+          "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg);
+        }
+      };
+    }
+    function maybeInvokeDelegate(delegate, context) {
+      var methodName = context.method,
+        method = delegate.iterator[methodName];
+      if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel;
+      var record = tryCatch(method, delegate.iterator, context.arg);
+      if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
+      var info = record.arg;
+      return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel);
+    }
+    function pushTryEntry(locs) {
+      var entry = {
+        tryLoc: locs[0]
+      };
+      1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry);
+    }
+    function resetTryEntry(entry) {
+      var record = entry.completion || {};
+      record.type = "normal", delete record.arg, entry.completion = record;
+    }
+    function Context(tryLocsList) {
+      this.tryEntries = [{
+        tryLoc: "root"
+      }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0);
+    }
+    function values(iterable) {
+      if (iterable) {
+        var iteratorMethod = iterable[iteratorSymbol];
+        if (iteratorMethod) return iteratorMethod.call(iterable);
+        if ("function" == typeof iterable.next) return iterable;
+        if (!isNaN(iterable.length)) {
+          var i = -1,
+            next = function next() {
+              for (; ++i < iterable.length;) {
+                if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next;
+              }
+              return next.value = undefined, next.done = !0, next;
+            };
+          return next.next = next;
+        }
+      }
+      return {
+        next: doneResult
+      };
+    }
+    function doneResult() {
+      return {
+        value: undefined,
+        done: !0
+      };
+    }
+    return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", {
+      value: GeneratorFunctionPrototype,
+      configurable: !0
+    }), defineProperty(GeneratorFunctionPrototype, "constructor", {
+      value: GeneratorFunction,
+      configurable: !0
+    }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) {
+      var ctor = "function" == typeof genFun && genFun.constructor;
+      return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name));
+    }, exports.mark = function (genFun) {
+      return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun;
+    }, exports.awrap = function (arg) {
+      return {
+        __await: arg
+      };
+    }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
+      return this;
+    }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
+      void 0 === PromiseImpl && (PromiseImpl = Promise);
+      var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
+      return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) {
+        return result.done ? result.value : iter.next();
+      });
+    }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () {
+      return this;
+    }), define(Gp, "toString", function () {
+      return "[object Generator]";
+    }), exports.keys = function (val) {
+      var object = Object(val),
+        keys = [];
+      for (var key in object) {
+        keys.push(key);
+      }
+      return keys.reverse(), function next() {
+        for (; keys.length;) {
+          var key = keys.pop();
+          if (key in object) return next.value = key, next.done = !1, next;
+        }
+        return next.done = !0, next;
+      };
+    }, exports.values = values, Context.prototype = {
+      constructor: Context,
+      reset: function reset(skipTempReset) {
+        if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) {
+          "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined);
+        }
+      },
+      stop: function stop() {
+        this.done = !0;
+        var rootRecord = this.tryEntries[0].completion;
+        if ("throw" === rootRecord.type) throw rootRecord.arg;
+        return this.rval;
+      },
+      dispatchException: function dispatchException(exception) {
+        if (this.done) throw exception;
+        var context = this;
+        function handle(loc, caught) {
+          return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught;
+        }
+        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+          var entry = this.tryEntries[i],
+            record = entry.completion;
+          if ("root" === entry.tryLoc) return handle("end");
+          if (entry.tryLoc <= this.prev) {
+            var hasCatch = hasOwn.call(entry, "catchLoc"),
+              hasFinally = hasOwn.call(entry, "finallyLoc");
+            if (hasCatch && hasFinally) {
+              if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+              if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+            } else if (hasCatch) {
+              if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0);
+            } else {
+              if (!hasFinally) throw new Error("try statement without catch or finally");
+              if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc);
+            }
+          }
+        }
+      },
+      abrupt: function abrupt(type, arg) {
+        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+          var entry = this.tryEntries[i];
+          if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
+            var finallyEntry = entry;
+            break;
+          }
+        }
+        finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null);
+        var record = finallyEntry ? finallyEntry.completion : {};
+        return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record);
+      },
+      complete: function complete(record, afterLoc) {
+        if ("throw" === record.type) throw record.arg;
+        return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel;
+      },
+      finish: function finish(finallyLoc) {
+        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+          var entry = this.tryEntries[i];
+          if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel;
+        }
+      },
+      "catch": function _catch(tryLoc) {
+        for (var i = this.tryEntries.length - 1; i >= 0; --i) {
+          var entry = this.tryEntries[i];
+          if (entry.tryLoc === tryLoc) {
+            var record = entry.completion;
+            if ("throw" === record.type) {
+              var thrown = record.arg;
+              resetTryEntry(entry);
+            }
+            return thrown;
+          }
+        }
+        throw new Error("illegal catch attempt");
+      },
+      delegateYield: function delegateYield(iterable, resultName, nextLoc) {
+        return this.delegate = {
+          iterator: values(iterable),
+          resultName: resultName,
+          nextLoc: nextLoc
+        }, "next" === this.method && (this.arg = undefined), ContinueSentinel;
+      }
+    }, exports;
+  }
+  module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports;
+})(regeneratorRuntime$1);
+
+// TODO(Babel 8): Remove this file.
+
+var runtime = regeneratorRuntime$1.exports();
+var regenerator = runtime;
+
+// Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
+try {
+  regeneratorRuntime = runtime;
+} catch (accidentalStrictMode) {
+  if ((typeof globalThis === "undefined" ? "undefined" : _typeof$2(globalThis)) === "object") {
+    globalThis.regeneratorRuntime = runtime;
+  } else {
+    Function("r", "regeneratorRuntime = r")(runtime);
+  }
+}
+
+function cov_k2snexiez() {
+  var path = "/home/runner/work/neeto-rules-frontend/neeto-rules-frontend/src/components/NeetoRules/Element/Actions/constants.js";
+  var hash = "a62a7b0d81cfcce07b53d50e2f5aad6922fc1011";
+  var global = new Function("return this")();
+  var gcv = "__coverage__";
+  var coverageData = {
+    path: "/home/runner/work/neeto-rules-frontend/neeto-rules-frontend/src/components/NeetoRules/Element/Actions/constants.js",
+    statementMap: {
+      "0": {
+        start: {
+          line: 3,
+          column: 21
+        },
+        end: {
+          line: 18,
+          column: 1
+        }
+      },
+      "1": {
+        start: {
+          line: 20,
+          column: 33
+        },
+        end: {
+          line: 31,
+          column: 1
+        }
+      },
+      "2": {
+        start: {
+          line: 33,
+          column: 16
+        },
+        end: {
+          line: 36,
+          column: 1
+        }
+      },
+      "3": {
+        start: {
+          line: 38,
+          column: 28
+        },
+        end: {
+          line: 41,
+          column: 1
+        }
+      },
+      "4": {
+        start: {
+          line: 43,
+          column: 22
+        },
+        end: {
+          line: 43,
+          column: 67
+        }
+      },
+      "5": {
+        start: {
+          line: 45,
+          column: 20
+        },
+        end: {
+          line: 45,
+          column: 48
+        }
+      },
+      "6": {
+        start: {
+          line: 47,
+          column: 30
+        },
+        end: {
+          line: 47,
+          column: 31
+        }
+      },
+      "7": {
+        start: {
+          line: 49,
+          column: 27
+        },
+        end: {
+          line: 49,
+          column: 65
+        }
+      }
+    },
+    fnMap: {},
+    branchMap: {},
+    s: {
+      "0": 0,
+      "1": 0,
+      "2": 0,
+      "3": 0,
+      "4": 0,
+      "5": 0,
+      "6": 0,
+      "7": 0
+    },
+    f: {},
+    b: {},
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "a62a7b0d81cfcce07b53d50e2f5aad6922fc1011"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_k2snexiez = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_k2snexiez();
+var ACTION_TYPES = (cov_k2snexiez().s[0]++, {
+  emailToIds: "emailToIds",
+  email: "email",
+  emailTo: "emailTo",
+  dropdown: "dropdown",
+  list: "list",
+  multiSelect: "multiSelect",
+  note: "note",
+  text: "text",
+  number: "number",
+  decimal: "decimal",
+  regex: "regex",
+  textarea: "textarea",
+  date: "date",
+  longText: "longText"
+});
+var LIST_FIELD_TOOLTIP_PROPS = (cov_k2snexiez().s[1]++, {
+  save: {
     content: t("buttons.save"),
     position: "top",
     delay: 300
@@ -41899,7 +44783,7 @@ var getSlackChannelErrors = function getSlackChannelErrors(slackChannels, action
 
 function cov_ydtn5b3nu() {
   var path = "/home/runner/work/neeto-rules-frontend/neeto-rules-frontend/src/components/NeetoRules/Element/Actions/ActionSubItem/Fields/DropdownField.jsx";
-  var hash = "4bfaf367b7f98c3365bcf2170fdae32ec4959128";
+  var hash = "f757258b10f39c22c2519e0f955df06c0555bce5";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -41921,7 +44805,7 @@ function cov_ydtn5b3nu() {
           column: 22
         },
         end: {
-          line: 155,
+          line: 156,
           column: 1
         }
       },
@@ -42081,7 +44965,7 @@ function cov_ydtn5b3nu() {
           column: 36
         },
         end: {
-          line: 68,
+          line: 69,
           column: 3
         }
       },
@@ -42091,7 +44975,7 @@ function cov_ydtn5b3nu() {
           column: 4
         },
         end: {
-          line: 67,
+          line: 68,
           column: 5
         }
       },
@@ -42111,7 +44995,7 @@ function cov_ydtn5b3nu() {
           column: 6
         },
         end: {
-          line: 64,
+          line: 65,
           column: 7
         }
       },
@@ -42137,121 +45021,131 @@ function cov_ydtn5b3nu() {
       },
       "23": {
         start: {
-          line: 66,
+          line: 64,
+          column: 8
+        },
+        end: {
+          line: 64,
+          column: 34
+        }
+      },
+      "24": {
+        start: {
+          line: 67,
           column: 6
         },
         end: {
-          line: 66,
+          line: 67,
           column: 56
         }
       },
-      "24": {
+      "25": {
         start: {
-          line: 70,
+          line: 71,
           column: 2
         },
         end: {
-          line: 72,
+          line: 73,
           column: 38
         }
       },
-      "25": {
+      "26": {
         start: {
-          line: 71,
+          line: 72,
           column: 4
         },
         end: {
-          line: 71,
+          line: 72,
           column: 32
         }
       },
-      "26": {
+      "27": {
         start: {
-          line: 74,
+          line: 75,
           column: 2
         },
         end: {
-          line: 154,
+          line: 155,
           column: 4
         }
       },
-      "27": {
+      "28": {
         start: {
-          line: 102,
+          line: 103,
           column: 14
         },
         end: {
-          line: 102,
+          line: 103,
           column: 80
         }
       },
-      "28": {
+      "29": {
         start: {
-          line: 103,
+          line: 104,
           column: 14
         },
         end: {
-          line: 103,
+          line: 104,
           column: 51
         }
       },
-      "29": {
+      "30": {
         start: {
-          line: 103,
+          line: 104,
           column: 39
         },
         end: {
-          line: 103,
+          line: 104,
           column: 49
         }
       },
-      "30": {
+      "31": {
         start: {
-          line: 120,
+          line: 121,
           column: 29
         },
         end: {
-          line: 120,
+          line: 121,
           column: 58
         }
       },
-      "31": {
+      "32": {
         start: {
-          line: 121,
+          line: 122,
           column: 28
         },
         end: {
-          line: 121,
+          line: 122,
           column: 47
         }
       },
-      "32": {
+      "33": {
         start: {
-          line: 128,
+          line: 129,
           column: 14
         },
         end: {
-          line: 143,
+          line: 144,
           column: 32
         }
       },
-      "33": {
+      "34": {
         start: {
-          line: 140,
+          line: 141,
           column: 31
         },
         end: {
-          line: 140,
+          line: 141,
           column: 57
         }
       },
-      "34": {
+      "35": {
         start: {
-          line: 157,
+          line: 158,
           column: 0
         },
         end: {
-          line: 161,
+          line: 162,
           column: 2
         }
       }
@@ -42275,7 +45169,7 @@ function cov_ydtn5b3nu() {
             column: 75
           },
           end: {
-            line: 155,
+            line: 156,
             column: 1
           }
         },
@@ -42347,7 +45241,7 @@ function cov_ydtn5b3nu() {
             column: 42
           },
           end: {
-            line: 68,
+            line: 69,
             column: 3
           }
         },
@@ -42357,169 +45251,169 @@ function cov_ydtn5b3nu() {
         name: "(anonymous_4)",
         decl: {
           start: {
-            line: 70,
+            line: 71,
             column: 12
           },
           end: {
-            line: 70,
+            line: 71,
             column: 13
           }
         },
         loc: {
           start: {
-            line: 70,
+            line: 71,
             column: 18
           },
           end: {
-            line: 72,
+            line: 73,
             column: 3
           }
         },
-        line: 70
+        line: 71
       },
       "5": {
         name: "(anonymous_5)",
         decl: {
           start: {
-            line: 101,
+            line: 102,
             column: 21
           },
           end: {
-            line: 101,
+            line: 102,
             column: 22
           }
         },
         loc: {
           start: {
-            line: 101,
+            line: 102,
             column: 27
           },
           end: {
-            line: 104,
+            line: 105,
             column: 13
           }
         },
-        line: 101
+        line: 102
       },
       "6": {
         name: "(anonymous_6)",
         decl: {
           start: {
-            line: 103,
+            line: 104,
             column: 26
           },
           end: {
-            line: 103,
+            line: 104,
             column: 27
           }
         },
         loc: {
           start: {
-            line: 103,
+            line: 104,
             column: 39
           },
           end: {
-            line: 103,
+            line: 104,
             column: 49
           }
         },
-        line: 103
+        line: 104
       },
       "7": {
         name: "(anonymous_7)",
         decl: {
           start: {
-            line: 120,
+            line: 121,
             column: 24
           },
           end: {
-            line: 120,
+            line: 121,
             column: 25
           }
         },
         loc: {
           start: {
-            line: 120,
+            line: 121,
             column: 29
           },
           end: {
-            line: 120,
+            line: 121,
             column: 58
           }
         },
-        line: 120
+        line: 121
       },
       "8": {
         name: "(anonymous_8)",
         decl: {
           start: {
-            line: 121,
+            line: 122,
             column: 23
           },
           end: {
-            line: 121,
+            line: 122,
             column: 24
           }
         },
         loc: {
           start: {
-            line: 121,
+            line: 122,
             column: 28
           },
           end: {
-            line: 121,
+            line: 122,
             column: 47
           }
         },
-        line: 121
+        line: 122
       },
       "9": {
         name: "(anonymous_9)",
         decl: {
           start: {
-            line: 127,
+            line: 128,
             column: 33
           },
           end: {
-            line: 127,
+            line: 128,
             column: 34
           }
         },
         loc: {
           start: {
-            line: 128,
+            line: 129,
             column: 14
           },
           end: {
-            line: 143,
+            line: 144,
             column: 32
           }
         },
-        line: 128
+        line: 129
       },
       "10": {
         name: "(anonymous_10)",
         decl: {
           start: {
-            line: 140,
+            line: 141,
             column: 25
           },
           end: {
-            line: 140,
+            line: 141,
             column: 26
           }
         },
         loc: {
           start: {
-            line: 140,
+            line: 141,
             column: 31
           },
           end: {
-            line: 140,
+            line: 141,
             column: 57
           }
         },
-        line: 140
+        line: 141
       }
     },
     branchMap: {
@@ -42647,7 +45541,7 @@ function cov_ydtn5b3nu() {
             column: 4
           },
           end: {
-            line: 67,
+            line: 68,
             column: 5
           }
         },
@@ -42658,16 +45552,16 @@ function cov_ydtn5b3nu() {
             column: 4
           },
           end: {
-            line: 67,
+            line: 68,
             column: 5
           }
         }, {
           start: {
-            line: 65,
+            line: 66,
             column: 11
           },
           end: {
-            line: 67,
+            line: 68,
             column: 5
           }
         }],
@@ -42680,7 +45574,7 @@ function cov_ydtn5b3nu() {
             column: 6
           },
           end: {
-            line: 64,
+            line: 65,
             column: 7
           }
         },
@@ -42691,7 +45585,7 @@ function cov_ydtn5b3nu() {
             column: 6
           },
           end: {
-            line: 64,
+            line: 65,
             column: 7
           }
         }, {
@@ -42700,7 +45594,7 @@ function cov_ydtn5b3nu() {
             column: 13
           },
           end: {
-            line: 64,
+            line: 65,
             column: 7
           }
         }],
@@ -42709,134 +45603,134 @@ function cov_ydtn5b3nu() {
       "5": {
         loc: {
           start: {
-            line: 76,
+            line: 77,
             column: 7
           },
           end: {
-            line: 85,
+            line: 86,
             column: 7
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 76,
+            line: 77,
             column: 7
           },
           end: {
-            line: 76,
+            line: 77,
             column: 35
           }
         }, {
           start: {
-            line: 77,
+            line: 78,
             column: 8
           },
           end: {
-            line: 84,
+            line: 85,
             column: 21
           }
         }],
-        line: 76
+        line: 77
       },
       "6": {
         loc: {
           start: {
-            line: 112,
+            line: 113,
             column: 11
           },
           end: {
-            line: 123,
+            line: 124,
             column: 11
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 112,
+            line: 113,
             column: 11
           },
           end: {
-            line: 112,
+            line: 113,
             column: 57
           }
         }, {
           start: {
-            line: 113,
+            line: 114,
             column: 12
           },
           end: {
-            line: 122,
+            line: 123,
             column: 14
           }
         }],
-        line: 112
+        line: 113
       },
       "7": {
         loc: {
           start: {
-            line: 136,
+            line: 137,
             column: 18
           },
           end: {
-            line: 138,
+            line: 139,
             column: 19
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 136,
+            line: 137,
             column: 18
           },
           end: {
-            line: 136,
+            line: 137,
             column: 62
           }
         }, {
           start: {
-            line: 137,
+            line: 138,
             column: 20
           },
           end: {
-            line: 137,
+            line: 138,
             column: 67
           }
         }],
-        line: 136
+        line: 137
       },
       "8": {
         loc: {
           start: {
-            line: 146,
+            line: 147,
             column: 11
           },
           end: {
-            line: 150,
+            line: 151,
             column: 11
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 146,
+            line: 147,
             column: 11
           },
           end: {
-            line: 146,
+            line: 147,
             column: 35
           }
         }, {
           start: {
-            line: 147,
+            line: 148,
             column: 12
           },
           end: {
-            line: 149,
+            line: 150,
             column: 30
           }
         }],
-        line: 146
+        line: 147
       }
     },
     s: {
@@ -42874,7 +45768,8 @@ function cov_ydtn5b3nu() {
       "31": 0,
       "32": 0,
       "33": 0,
-      "34": 0
+      "34": 0,
+      "35": 0
     },
     f: {
       "0": 0,
@@ -42901,7 +45796,7 @@ function cov_ydtn5b3nu() {
       "8": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "4bfaf367b7f98c3365bcf2170fdae32ec4959128"
+    hash: "f757258b10f39c22c2519e0f955df06c0555bce5"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -42989,22 +45884,24 @@ var DropdownField$1 = function DropdownField(_ref2) {
         setDefaultSelectedOption({
           label: defaultLabel
         });
+        cov_ydtn5b3nu().s[23]++;
+        setFieldValue(name, null);
       }
     } else {
       cov_ydtn5b3nu().b[3][1]++;
-      cov_ydtn5b3nu().s[23]++;
+      cov_ydtn5b3nu().s[24]++;
       setDefaultSelectedOption({
         label: defaultLabel
       });
     }
   };
-  cov_ydtn5b3nu().s[24]++;
+  cov_ydtn5b3nu().s[25]++;
   useEffect(function () {
     cov_ydtn5b3nu().f[4]++;
-    cov_ydtn5b3nu().s[25]++;
+    cov_ydtn5b3nu().s[26]++;
     findDefaultSelectedOption();
   }, [defaultValue, dropdownOptions]);
-  cov_ydtn5b3nu().s[26]++;
+  cov_ydtn5b3nu().s[27]++;
   return /*#__PURE__*/React.createElement(React.Fragment, null, (cov_ydtn5b3nu().b[5][0]++, !selectedField.hideSeparator) && (cov_ydtn5b3nu().b[5][1]++, /*#__PURE__*/React.createElement(Typography, {
     className: "neeto-ui-text-gray-700 mt-1",
     "data-cy": "action-dropdown-seperator-text",
@@ -43023,12 +45920,12 @@ var DropdownField$1 = function DropdownField(_ref2) {
       }),
       onClick: function onClick() {
         cov_ydtn5b3nu().f[5]++;
-        cov_ydtn5b3nu().s[27]++;
-        setTouched(assocPath(["actions", "value", index], true, touched));
         cov_ydtn5b3nu().s[28]++;
+        setTouched(assocPath(["actions", "value", index], true, touched));
+        cov_ydtn5b3nu().s[29]++;
         setIsActive(function (prevState) {
           cov_ydtn5b3nu().f[6]++;
-          cov_ydtn5b3nu().s[29]++;
+          cov_ydtn5b3nu().s[30]++;
           return !prevState;
         });
       }
@@ -43045,19 +45942,19 @@ var DropdownField$1 = function DropdownField(_ref2) {
     value: searchTerm,
     onChange: function onChange(e) {
       cov_ydtn5b3nu().f[7]++;
-      cov_ydtn5b3nu().s[30]++;
+      cov_ydtn5b3nu().s[31]++;
       return setSearchTerm(e.target.value);
     },
     onClick: function onClick(e) {
       cov_ydtn5b3nu().f[8]++;
-      cov_ydtn5b3nu().s[31]++;
+      cov_ydtn5b3nu().s[32]++;
       return e.stopPropagation();
     }
   })), /*#__PURE__*/React.createElement(OptionsWrapper, {
     hasScroll: dropdownOptions.length > MAXIMUM_OPTION_LENGTH$3
   }, searchedOptions.map(function (option, idx) {
     cov_ydtn5b3nu().f[9]++;
-    cov_ydtn5b3nu().s[32]++;
+    cov_ydtn5b3nu().s[33]++;
     return /*#__PURE__*/React.createElement(MenuItem$9.Button, {
       "data-cy": "".concat(joinHyphenCase(option.label), "-menu-item"),
       key: idx,
@@ -43069,7 +45966,7 @@ var DropdownField$1 = function DropdownField(_ref2) {
       })),
       onClick: function onClick() {
         cov_ydtn5b3nu().f[10]++;
-        cov_ydtn5b3nu().s[33]++;
+        cov_ydtn5b3nu().s[34]++;
         return handleSelectOption(option);
       }
     }, option.label);
@@ -43077,7 +45974,7 @@ var DropdownField$1 = function DropdownField(_ref2) {
     "data-cy": "no-options-menu-item"
   }, t("common.noOptions"))))));
 };
-cov_ydtn5b3nu().s[34]++;
+cov_ydtn5b3nu().s[35]++;
 
 function cov_1ifnsi25f3() {
   var path = "/home/runner/work/neeto-rules-frontend/neeto-rules-frontend/src/components/NeetoRules/Element/Actions/ActionSubItem/Fields/EditorAction.jsx";
@@ -71068,5 +73965,5 @@ function cov_2lkzw7diw1() {
 }
 cov_2lkzw7diw1();
 
-export { Actions$1 as ActionForm, Conditions$1 as ConditionForm, NeetoRules as NeetoRulesForm, NeetoRules$2 as default };
+export { Actions$1 as ActionForm, Conditions$1 as ConditionForm, NeetoRules as NeetoRulesForm, RulePreview, NeetoRules$2 as default };
 //# sourceMappingURL=index.js.map