@bigbinary/neeto-rules-frontend 2.5.55 → 2.5.57

package/dist/cjs/NeetoRulesForm.js

@@ -2,6 +2,7 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectDestructuringEmpty = require('@babel/runtime/helpers/objectDestructuringEmpty');
+var useDebouncedUpdate = require('../useDebouncedUpdate-6Ibug5MF.js');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var shallow = require('zustand/shallow');
@@ -95,11 +96,6 @@ function _interopNamespaceDefault(e) {
 
 var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
 
-var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=true===r.prepend?"prepend":"append",d=true===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
-
-var css = ".neeto-rules-main-content__container{height:100dvh!important}.neeto-rules-main-card .neeto-ui-btn.underline{text-align:start}.neeto-rules-side-panel{flex-grow:0;flex-shrink:0}.neeto-rules-side-panel--small{width:320px}.neeto-rules-side-panel--large{width:380px}@media (min-width:1024px){.neeto-rules-side-panel--small{width:380px}.neeto-rules-side-panel--large{width:480px}}.neeto-rules-json-editor__wrapper{height:35vh;padding-bottom:2rem;position:relative}.neeto-rules-json-editor__editor{height:100%}.neeto-rules-json-editor__dynamic-variables{inset-inline-end:1rem;position:absolute;top:1rem;z-index:10}[data-tippy-root]{z-index:99999!important}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL2xheW91dC5jc3MiLCJhcHAvamF2YXNjcmlwdC9zcmMvc3R5bGVzaGVldHMvY29tcG9uZW50cy9wYW5lLmNzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL2pzb24tZWRpdG9yLmNzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL2Ryb3Bkb3duLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxQ0FDRSx1QkFDRixDQUVBLCtDQUNFLGdCQUNGLENDTkEsd0JBRUUsV0FBWSxDQURaLGFBRUYsQ0FFQSwrQkFDRSxXQUNGLENBRUEsK0JBQ0UsV0FDRixDQUVBLDBCQUNFLCtCQUNFLFdBQ0YsQ0FDQSwrQkFDRSxXQUNGLENBQ0YsQ0NwQkEsa0NBRUUsV0FBWSxDQUNaLG1CQUFvQixDQUZwQixpQkFHRixDQUVBLGlDQUNFLFdBQ0YsQ0FFQSw0Q0FHRSxxQkFBc0IsQ0FGdEIsaUJBQWtCLENBQ2xCLFFBQVMsQ0FFVCxVQUNGLENDZkEsa0JBQ0UsdUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyIubmVldG8tcnVsZXMtbWFpbi1jb250ZW50X19jb250YWluZXIge1xuICBoZWlnaHQ6IDEwMGR2aCAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tcnVsZXMtbWFpbi1jYXJkIC5uZWV0by11aS1idG4udW5kZXJsaW5lIHtcbiAgdGV4dC1hbGlnbjogc3RhcnQ7XG59XG4iLCIubmVldG8tcnVsZXMtc2lkZS1wYW5lbCB7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBmbGV4LWdyb3c6IDA7XG59XG5cbi5uZWV0by1ydWxlcy1zaWRlLXBhbmVsLS1zbWFsbCB7XG4gIHdpZHRoOiAzMjBweDtcbn1cblxuLm5lZXRvLXJ1bGVzLXNpZGUtcGFuZWwtLWxhcmdlIHtcbiAgd2lkdGg6IDM4MHB4O1xufVxuXG5AbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gIC5uZWV0by1ydWxlcy1zaWRlLXBhbmVsLS1zbWFsbCB7XG4gICAgd2lkdGg6IDM4MHB4O1xuICB9XG4gIC5uZWV0by1ydWxlcy1zaWRlLXBhbmVsLS1sYXJnZSB7XG4gICAgd2lkdGg6IDQ4MHB4O1xuICB9XG59XG4iLCIubmVldG8tcnVsZXMtanNvbi1lZGl0b3JfX3dyYXBwZXIge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGhlaWdodDogMzV2aDtcbiAgcGFkZGluZy1ib3R0b206IDJyZW07XG59XG5cbi5uZWV0by1ydWxlcy1qc29uLWVkaXRvcl9fZWRpdG9yIHtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4ubmVldG8tcnVsZXMtanNvbi1lZGl0b3JfX2R5bmFtaWMtdmFyaWFibGVzIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDFyZW07XG4gIGluc2V0LWlubGluZS1lbmQ6IDFyZW07XG4gIHotaW5kZXg6IDEwO1xufVxuIiwiW2RhdGEtdGlwcHktcm9vdF0ge1xuICB6LWluZGV4OiA5OTk5OSAhaW1wb3J0YW50O1xufVxuIl19 */";
-n(css,{});
-
 var Body = function Body(_ref) {
   var children = _ref.children,
     className = _ref.className;
@@ -490,55 +486,6 @@ var ActionPanel = function ActionPanel() {
   });
 };
 
-function isBuffer (obj) {
-  return obj &&
-    obj.constructor &&
-    (typeof obj.constructor.isBuffer === 'function') &&
-    obj.constructor.isBuffer(obj)
-}
-
-function keyIdentity (key) {
-  return key
-}
-
-function flatten (target, opts) {
-  opts = opts || {};
-
-  const delimiter = opts.delimiter || '.';
-  const maxDepth = opts.maxDepth;
-  const transformKey = opts.transformKey || keyIdentity;
-  const output = {};
-
-  function step (object, prev, currentDepth) {
-    currentDepth = currentDepth || 1;
-    Object.keys(object).forEach(function (key) {
-      const value = object[key];
-      const isarray = opts.safe && Array.isArray(value);
-      const type = Object.prototype.toString.call(value);
-      const isbuffer = isBuffer(value);
-      const isobject = (
-        type === '[object Object]' ||
-        type === '[object Array]'
-      );
-
-      const newKey = prev
-        ? prev + delimiter + transformKey(key)
-        : transformKey(key);
-
-      if (!isarray && !isbuffer && isobject && Object.keys(value).length &&
-        (!opts.maxDepth || currentDepth < maxDepth)) {
-        return step(value, newKey, currentDepth + 1)
-      }
-
-      output[newKey] = value;
-    });
-  }
-
-  step(target);
-
-  return output
-}
-
 var DEFAULT_LONG_TEXT_ROWS = 8;
 
 var Target$k = function Target(_ref) {
@@ -1744,35 +1691,6 @@ var Input = function Input(_ref2) {
 };
 Input.Target = Target$e;
 
-var useOnClickOutside = function useOnClickOutside(ref, handler) {
-  react.useEffect(function () {
-    var listener = function listener(event) {
-      // Do nothing if clicking ref's element or descendent elements
-      if (!ref.current || ref.current.contains(event.target)) {
-        return;
-      }
-      handler(event);
-    };
-    document.addEventListener("mousedown", listener);
-    document.addEventListener("touchstart", listener);
-    return function () {
-      document.removeEventListener("mousedown", listener);
-      document.removeEventListener("touchstart", listener);
-    };
-  }, [handler]);
-};
-
-var SHORTCUTS = {
-  cancel: {
-    sequence: "escape",
-    description: i18next.t("neetoRules.shortcuts.cancel")
-  },
-  submit: {
-    sequence: "enter",
-    description: i18next.t("neetoRules.shortcuts.submit")
-  }
-};
-
 var _excluded$c = ["value", "nullable", "className", "handleSubmit", "handleCancel"];
 function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -1798,13 +1716,13 @@ var InlineInput = /*#__PURE__*/react.forwardRef(function (props, ref) {
     handleSubmit(inputValue);
     setInputValue("");
   };
-  useOnClickOutside(inputWrapperRef, function () {
+  useDebouncedUpdate.useOnClickOutside(inputWrapperRef, function () {
     return handleCancel(inputValue);
   });
-  var inputFieldEscapeHotkeyRef = useHotkeys(SHORTCUTS.cancel.sequence, handleCancel, {
+  var inputFieldEscapeHotkeyRef = useHotkeys(useDebouncedUpdate.SHORTCUTS.cancel.sequence, handleCancel, {
     mode: "scoped"
   });
-  var inputFieldEnterHotkeyRef = useHotkeys(SHORTCUTS.submit.sequence, onSubmit, {
+  var inputFieldEnterHotkeyRef = useHotkeys(useDebouncedUpdate.SHORTCUTS.submit.sequence, onSubmit, {
     mode: "scoped"
   });
   react.useEffect(function () {
@@ -3237,7 +3155,7 @@ var ActionSubItemPanel = function ActionSubItemPanel() {
   var header = index ? "".concat(andText, " ").concat(selectedFieldLabel, "...") : "".concat(thenText, " ").concat(selectedFieldLabel, "...");
   var ActionChildren = action.children;
   var handleContinue = function handleContinue() {
-    Object.keys(flatten(meta.error || {})).forEach(function (path) {
+    Object.keys(useDebouncedUpdate.flatten(meta.error || {})).forEach(function (path) {
       setFieldTouched("".concat(name, ".metadata.").concat(path), true, false);
     });
     !meta.error && resetPanelState();
@@ -4430,7 +4348,7 @@ var VerbAndValuePanel = function VerbAndValuePanel() {
     value: logicalOperator.value
   }, getLogicalOperatorOptions(isWithEvents))) === null || _findBy2 === void 0 ? void 0 : _findBy2.label;
   var handleContinue = function handleContinue() {
-    Object.keys(flatten(valueMeta.error || {})).forEach(function (path) {
+    Object.keys(useDebouncedUpdate.flatten(valueMeta.error || {})).forEach(function (path) {
       setFieldTouched("".concat(name, ".metadata.").concat(path), true, false);
     });
     setVerbTouched(true);
@@ -4539,7 +4457,7 @@ var DelayPanel = function DelayPanel() {
     unitRef = _useActiveField2.ref,
     setUnitFieldActive = _useActiveField2.setFieldActive;
   var handleContinue = function handleContinue() {
-    Object.keys(flatten(meta.error || {})).forEach(function (path) {
+    Object.keys(useDebouncedUpdate.flatten(meta.error || {})).forEach(function (path) {
       setFieldTouched("".concat(name, ".value.").concat(path), true, false);
     });
     !meta.error && resetPanelState();
@@ -4617,19 +4535,22 @@ var EventsPanel = function EventsPanel() {
     setSearchTerm = _useState2[1];
   var _useUtilityStore = useUtilityStore.useUtilityStore(function (store) {
       return {
-        setPanelState: store["setPanelState"]
+        setPanelState: store["setPanelState"],
+        resetPanelState: store["resetPanelState"]
       };
     }, shallow.shallow),
-    setPanelState = _useUtilityStore.setPanelState;
+    setPanelState = _useUtilityStore.setPanelState,
+    resetPanelState = _useUtilityStore.resetPanelState;
   var _useUtilityStore2 = useUtilityStore.useUtilityStore(function (store) {
-      var _store$panelState, _store$panelState2, _store$panelState3, _store$panelState4, _store$panelState5, _store$panelState6;
+      var _store$panelState, _store$panelState2, _store$panelState3, _store$panelState4, _store$panelState5, _store$panelState6, _store$panelState7;
       return {
         name: (_store$panelState = store["panelState"]) === null || _store$panelState === void 0 || (_store$panelState = _store$panelState["data"]) === null || _store$panelState === void 0 ? void 0 : _store$panelState["name"],
         data: (_store$panelState2 = store["panelState"]) === null || _store$panelState2 === void 0 || (_store$panelState2 = _store$panelState2["data"]) === null || _store$panelState2 === void 0 ? void 0 : _store$panelState2["data"],
         performerName: (_store$panelState3 = store["panelState"]) === null || _store$panelState3 === void 0 || (_store$panelState3 = _store$panelState3["data"]) === null || _store$panelState3 === void 0 ? void 0 : _store$panelState3["performerName"],
         onSelectEvent: (_store$panelState4 = store["panelState"]) === null || _store$panelState4 === void 0 || (_store$panelState4 = _store$panelState4["data"]) === null || _store$panelState4 === void 0 ? void 0 : _store$panelState4["onSelectEvent"],
         isMenuDisabled: (_store$panelState5 = store["panelState"]) === null || _store$panelState5 === void 0 || (_store$panelState5 = _store$panelState5["data"]) === null || _store$panelState5 === void 0 ? void 0 : _store$panelState5["isMenuDisabled"],
-        singleSelect: (_store$panelState6 = store["panelState"]) === null || _store$panelState6 === void 0 || (_store$panelState6 = _store$panelState6["data"]) === null || _store$panelState6 === void 0 ? void 0 : _store$panelState6["singleSelect"]
+        singleSelect: (_store$panelState6 = store["panelState"]) === null || _store$panelState6 === void 0 || (_store$panelState6 = _store$panelState6["data"]) === null || _store$panelState6 === void 0 ? void 0 : _store$panelState6["singleSelect"],
+        hidePerformer: (_store$panelState7 = store["panelState"]) === null || _store$panelState7 === void 0 || (_store$panelState7 = _store$panelState7["data"]) === null || _store$panelState7 === void 0 ? void 0 : _store$panelState7["hidePerformer"]
       };
     }, shallow.shallow),
     name = _useUtilityStore2.name,
@@ -4637,7 +4558,8 @@ var EventsPanel = function EventsPanel() {
     performerName = _useUtilityStore2.performerName,
     onSelectEvent = _useUtilityStore2.onSelectEvent,
     isMenuDisabled = _useUtilityStore2.isMenuDisabled,
-    singleSelect = _useUtilityStore2.singleSelect;
+    singleSelect = _useUtilityStore2.singleSelect,
+    hidePerformer = _useUtilityStore2.hidePerformer;
   var _useFormikContext = formik.useFormikContext(),
     values = _useFormikContext.values,
     setFieldValue = _useFormikContext.setFieldValue;
@@ -4782,7 +4704,12 @@ var EventsPanel = function EventsPanel() {
   };
   var handleContinue = function handleContinue() {
     setTouched(true);
-    !error && setPanelState(ramda.mergeDeepLeft({
+    if (error) return;
+    if (hidePerformer) {
+      resetPanelState();
+      return;
+    }
+    setPanelState(ramda.mergeDeepLeft({
       type: PANEL_TYPES.PERFORMER,
       data: {
         activeField: null
@@ -6206,7 +6133,8 @@ var Events = function Events(_ref) {
     data = _ref.data,
     onSelectEvent = _ref.onSelectEvent,
     performerName = _ref.performerName,
-    singleSelect = _ref.singleSelect;
+    singleSelect = _ref.singleSelect,
+    hidePerformer = _ref.hidePerformer;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useActiveField = useActiveField.useActiveField(name),
@@ -6238,7 +6166,8 @@ var Events = function Events(_ref) {
       performerName: performerName,
       onSelectEvent: onSelectEvent,
       isMenuDisabled: isMenuDisabled,
-      singleSelect: singleSelect
+      singleSelect: singleSelect,
+      hidePerformer: hidePerformer
     }
   };
   react.useEffect(function () {
@@ -6293,7 +6222,7 @@ var Events = function Events(_ref) {
         "neeto-ui-text-error-500": isFieldInvalid && !isFieldActive
       }),
       onClick: handleOnClick
-    }), /*#__PURE__*/jsxRuntime.jsx(Performer, {
+    }), !hidePerformer && /*#__PURE__*/jsxRuntime.jsx(Performer, {
       data: data,
       isMenuDisabled: isMenuDisabled,
       name: name,
@@ -6303,7 +6232,7 @@ var Events = function Events(_ref) {
   });
 };
 
-var _excluded$6 = ["addButtonTooltipProps", "data", "label", "name", "performerName", "conditionsName", "onSelectEvent", "enableAddingDelay", "singleSelect"];
+var _excluded$6 = ["addButtonTooltipProps", "data", "label", "name", "performerName", "conditionsName", "onSelectEvent", "enableAddingDelay", "singleSelect", "hidePerformer"];
 function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EventConditions = function EventConditions(_ref) {
@@ -6319,6 +6248,8 @@ var EventConditions = function EventConditions(_ref) {
     enableAddingDelay = _ref$enableAddingDela === void 0 ? false : _ref$enableAddingDela,
     _ref$singleSelect = _ref.singleSelect,
     singleSelect = _ref$singleSelect === void 0 ? false : _ref$singleSelect,
+    _ref$hidePerformer = _ref.hidePerformer,
+    hidePerformer = _ref$hidePerformer === void 0 ? false : _ref$hidePerformer,
     config = _objectWithoutProperties(_ref, _excluded$6);
   var _useFormikContext = formik.useFormikContext(),
     values = _useFormikContext.values,
@@ -6363,6 +6294,7 @@ var EventConditions = function EventConditions(_ref) {
           className: "my-auto grow min-w-0",
           children: /*#__PURE__*/jsxRuntime.jsx(Events, {
             data: data,
+            hidePerformer: hidePerformer,
             name: name,
             onSelectEvent: onSelectEvent,
             performerName: performerName,
@@ -6396,19 +6328,6 @@ var EventConditions = function EventConditions(_ref) {
   });
 };
 
-var useDebouncedUpdate = function useDebouncedUpdate(value, setValue) {
-  var duration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 200;
-  var _useStateWithDependen = reactUtils.useStateWithDependency(value),
-    _useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 2),
-    text = _useStateWithDependen2[0],
-    setText = _useStateWithDependen2[1];
-  var debouncedValue = reactUtils.useDebounce(text, duration);
-  react.useEffect(function () {
-    setValue(text);
-  }, [debouncedValue]);
-  return [text, setText];
-};
-
 var _excluded$5 = ["data", "name", "label"];
 function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -6423,7 +6342,7 @@ var InputField = function InputField(_ref) {
     field = _useField2[0];
     _useField2[1];
     var setValue = _useField2[2].setValue;
-  var _useDebouncedUpdate = useDebouncedUpdate(field.value, setValue),
+  var _useDebouncedUpdate = useDebouncedUpdate.useDebouncedUpdate(field.value, setValue),
     _useDebouncedUpdate2 = _slicedToArray(_useDebouncedUpdate, 2),
     text = _useDebouncedUpdate2[0],
     setText = _useDebouncedUpdate2[1];
@@ -6536,7 +6455,7 @@ var TextareaField = function TextareaField(_ref) {
     field = _useField2[0];
     _useField2[1];
     var setValue = _useField2[2].setValue;
-  var _useDebouncedUpdate = useDebouncedUpdate(field.value, setValue),
+  var _useDebouncedUpdate = useDebouncedUpdate.useDebouncedUpdate(field.value, setValue),
     _useDebouncedUpdate2 = _slicedToArray(_useDebouncedUpdate, 2),
     text = _useDebouncedUpdate2[0],
     setText = _useDebouncedUpdate2[1];
@@ -6677,7 +6596,7 @@ var TouchErrors = function TouchErrors() {
     isValidating = _useFormikContext.isValidating;
   react.useEffect(function () {
     if (isSubmitting && !isValidating) {
-      Object.keys(flatten(errors)).forEach(function (path) {
+      Object.keys(useDebouncedUpdate.flatten(errors)).forEach(function (path) {
         setFieldTouched(path, true, false);
       });
     }