@bigbinary/neeto-rules-frontend 2.5.56 → 2.5.57

package/dist/useDebouncedUpdate-BcPAGgg7.js

@@ -0,0 +1,103 @@
+import { useEffect } from 'react';
+import { t as t$1 } from 'i18next';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useStateWithDependency, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
+
+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,{});
+
+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 useOnClickOutside = function useOnClickOutside(ref, handler) {
+  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: t$1("neetoRules.shortcuts.cancel")
+  },
+  submit: {
+    sequence: "enter",
+    description: t$1("neetoRules.shortcuts.submit")
+  }
+};
+
+var useDebouncedUpdate = function useDebouncedUpdate(value, setValue) {
+  var duration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 200;
+  var _useStateWithDependen = useStateWithDependency(value),
+    _useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 2),
+    text = _useStateWithDependen2[0],
+    setText = _useStateWithDependen2[1];
+  var debouncedValue = useDebounce(text, duration);
+  useEffect(function () {
+    setValue(text);
+  }, [debouncedValue]);
+  return [text, setText];
+};
+
+export { SHORTCUTS as S, useDebouncedUpdate as a, flatten as f, useOnClickOutside as u };
+//# sourceMappingURL=useDebouncedUpdate-BcPAGgg7.js.map

package/dist/useDebouncedUpdate-BcPAGgg7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedUpdate-BcPAGgg7.js","sources":["../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js","../node_modules/flat/index.js","../app/javascript/src/hooks/useOnClickOutside.js","../app/javascript/src/constants/keyboardShortcuts.js","../app/javascript/src/hooks/useDebouncedUpdate.js"],"sourcesContent":["var e=[],t=[];function n(n,r){if(n&&\"undefined\"!=typeof document){var a,s=!0===r.prepend?\"prepend\":\"append\",d=!0===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}}export{n as default};\n","function isBuffer (obj) {\n  return obj &&\n    obj.constructor &&\n    (typeof obj.constructor.isBuffer === 'function') &&\n    obj.constructor.isBuffer(obj)\n}\n\nfunction keyIdentity (key) {\n  return key\n}\n\nexport function flatten (target, opts) {\n  opts = opts || {}\n\n  const delimiter = opts.delimiter || '.'\n  const maxDepth = opts.maxDepth\n  const transformKey = opts.transformKey || keyIdentity\n  const output = {}\n\n  function step (object, prev, currentDepth) {\n    currentDepth = currentDepth || 1\n    Object.keys(object).forEach(function (key) {\n      const value = object[key]\n      const isarray = opts.safe && Array.isArray(value)\n      const type = Object.prototype.toString.call(value)\n      const isbuffer = isBuffer(value)\n      const isobject = (\n        type === '[object Object]' ||\n        type === '[object Array]'\n      )\n\n      const newKey = prev\n        ? prev + delimiter + transformKey(key)\n        : transformKey(key)\n\n      if (!isarray && !isbuffer && isobject && Object.keys(value).length &&\n        (!opts.maxDepth || currentDepth < maxDepth)) {\n        return step(value, newKey, currentDepth + 1)\n      }\n\n      output[newKey] = value\n    })\n  }\n\n  step(target)\n\n  return output\n}\n\nexport function unflatten (target, opts) {\n  opts = opts || {}\n\n  const delimiter = opts.delimiter || '.'\n  const overwrite = opts.overwrite || false\n  const transformKey = opts.transformKey || keyIdentity\n  const result = {}\n\n  const isbuffer = isBuffer(target)\n  if (isbuffer || Object.prototype.toString.call(target) !== '[object Object]') {\n    return target\n  }\n\n  // safely ensure that the key is\n  // an integer.\n  function getkey (key) {\n    const parsedKey = Number(key)\n\n    return (\n      isNaN(parsedKey) ||\n      key.indexOf('.') !== -1 ||\n      opts.object\n    )\n      ? key\n      : parsedKey\n  }\n\n  function addKeys (keyPrefix, recipient, target) {\n    return Object.keys(target).reduce(function (result, key) {\n      result[keyPrefix + delimiter + key] = target[key]\n\n      return result\n    }, recipient)\n  }\n\n  function isEmpty (val) {\n    const type = Object.prototype.toString.call(val)\n    const isArray = type === '[object Array]'\n    const isObject = type === '[object Object]'\n\n    if (!val) {\n      return true\n    } else if (isArray) {\n      return !val.length\n    } else if (isObject) {\n      return !Object.keys(val).length\n    }\n  }\n\n  target = Object.keys(target).reduce(function (result, key) {\n    const type = Object.prototype.toString.call(target[key])\n    const isObject = (type === '[object Object]' || type === '[object Array]')\n    if (!isObject || isEmpty(target[key])) {\n      result[key] = target[key]\n      return result\n    } else {\n      return addKeys(\n        key,\n        result,\n        flatten(target[key], opts)\n      )\n    }\n  }, {})\n\n  Object.keys(target).forEach(function (key) {\n    const split = key.split(delimiter).map(transformKey)\n    let key1 = getkey(split.shift())\n    let key2 = getkey(split[0])\n    let recipient = result\n\n    while (key2 !== undefined) {\n      if (key1 === '__proto__') {\n        return\n      }\n\n      const type = Object.prototype.toString.call(recipient[key1])\n      const isobject = (\n        type === '[object Object]' ||\n        type === '[object Array]'\n      )\n\n      // do not write over falsey, non-undefined values if overwrite is false\n      if (!overwrite && !isobject && typeof recipient[key1] !== 'undefined') {\n        return\n      }\n\n      if ((overwrite && !isobject) || (!overwrite && recipient[key1] == null)) {\n        recipient[key1] = (\n          typeof key2 === 'number' &&\n          !opts.object\n            ? []\n            : {}\n        )\n      }\n\n      recipient = recipient[key1]\n      if (split.length > 0) {\n        key1 = getkey(split.shift())\n        key2 = getkey(split[0])\n      }\n    }\n\n    // unflatten again for 'messy objects'\n    recipient[key1] = unflatten(target[key], opts)\n  })\n\n  return result\n}\n","import { useEffect } from \"react\";\n\nconst useOnClickOutside = (ref, handler) => {\n  useEffect(() => {\n    const listener = event => {\n      // Do nothing if clicking ref's element or descendent elements\n      if (!ref.current || ref.current.contains(event.target)) {\n        return;\n      }\n      handler(event);\n    };\n    document.addEventListener(\"mousedown\", listener);\n    document.addEventListener(\"touchstart\", listener);\n\n    return () => {\n      document.removeEventListener(\"mousedown\", listener);\n      document.removeEventListener(\"touchstart\", listener);\n    };\n  }, [handler]);\n};\n\nexport default useOnClickOutside;\n","import { t } from \"i18next\";\n\nexport const SHORTCUTS = {\n  cancel: {\n    sequence: \"escape\",\n    description: t(\"neetoRules.shortcuts.cancel\"),\n  },\n  submit: {\n    sequence: \"enter\",\n    description: t(\"neetoRules.shortcuts.submit\"),\n  },\n};\n","import { useEffect } from \"react\";\n\nimport { useDebounce, useStateWithDependency } from \"neetocommons/react-utils\";\n\nconst useDebouncedUpdate = (value, setValue, duration = 200) => {\n  const [text, setText] = useStateWithDependency(value);\n\n  const debouncedValue = useDebounce(text, duration);\n\n  useEffect(() => {\n    setValue(text);\n  }, [debouncedValue]);\n\n  return [text, setText];\n};\n\nexport default useDebouncedUpdate;\n"],"names":["useOnClickOutside","ref","handler","useEffect","listener","event","current","contains","target","document","addEventListener","removeEventListener","SHORTCUTS","cancel","sequence","description","t","submit","useDebouncedUpdate","value","setValue","duration","arguments","length","undefined","_useStateWithDependen","useStateWithDependency","_useStateWithDependen2","_slicedToArray","text","setText","debouncedValue","useDebounce"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/useUtilityStore-BBb39TOj.js

@@ -0,0 +1,53 @@
+import { withImmutableActions } from '@bigbinary/neeto-commons-frontend/v2/react-utils';
+import { modify, always } from 'ramda';
+import { create } from 'zustand';
+
+var applyStateOrUpdater = function applyStateOrUpdater(stateOrUpdater) {
+  return typeof stateOrUpdater === "function" ? stateOrUpdater : always(stateOrUpdater);
+};
+
+/** @type {import("neetocommons/react-utils").ZustandStoreHook} */
+var useUtilityStore = create(withImmutableActions(function (set) {
+  return {
+    moreActionDropdownItems: [],
+    showPreviewPane: false,
+    panelState: {
+      data: {}
+    },
+    isSaveAsTemplateEnabled: false,
+    errorFields: [],
+    setMoreActionDropdownItems: function setMoreActionDropdownItems(items) {
+      return set({
+        moreActionDropdownItems: items,
+        showPreviewPane: true
+      });
+    },
+    hidePreviewPane: function hidePreviewPane() {
+      return set({
+        moreActionDropdownItems: [],
+        showPreviewPane: false
+      });
+    },
+    setPanelState: function setPanelState(stateOrUpdater) {
+      return set(modify("panelState", applyStateOrUpdater(stateOrUpdater)));
+    },
+    resetPanelState: function resetPanelState() {
+      return set({
+        panelState: {
+          data: {}
+        }
+      });
+    },
+    setIsSaveAsTemplateEnabled: function setIsSaveAsTemplateEnabled(isSaveAsTemplateEnabled) {
+      return set({
+        isSaveAsTemplateEnabled: isSaveAsTemplateEnabled
+      });
+    },
+    setErrorFields: function setErrorFields(stateOrUpdater) {
+      return set(modify("errorFields", applyStateOrUpdater(stateOrUpdater)));
+    }
+  };
+}));
+
+export { useUtilityStore as u };
+//# sourceMappingURL=useUtilityStore-BBb39TOj.js.map

package/dist/useUtilityStore-BBb39TOj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUtilityStore-BBb39TOj.js","sources":["../app/javascript/src/v2/components/stores/useUtilityStore.js"],"sourcesContent":["import { withImmutableActions } from \"neetocommons/v2/react-utils\";\nimport { always, modify } from \"ramda\";\nimport { create } from \"zustand\";\n\nconst applyStateOrUpdater = stateOrUpdater =>\n  typeof stateOrUpdater === \"function\"\n    ? stateOrUpdater\n    : always(stateOrUpdater);\n\n/** @type {import(\"neetocommons/react-utils\").ZustandStoreHook} */\nconst useUtilityStore = create(\n  withImmutableActions(set => ({\n    moreActionDropdownItems: [],\n    showPreviewPane: false,\n    panelState: { data: {} },\n    isSaveAsTemplateEnabled: false,\n    errorFields: [],\n\n    setMoreActionDropdownItems: items =>\n      set({ moreActionDropdownItems: items, showPreviewPane: true }),\n    hidePreviewPane: () =>\n      set({ moreActionDropdownItems: [], showPreviewPane: false }),\n    setPanelState: stateOrUpdater =>\n      set(modify(\"panelState\", applyStateOrUpdater(stateOrUpdater))),\n    resetPanelState: () => set({ panelState: { data: {} } }),\n    setIsSaveAsTemplateEnabled: isSaveAsTemplateEnabled =>\n      set({ isSaveAsTemplateEnabled }),\n    setErrorFields: stateOrUpdater =>\n      set(modify(\"errorFields\", applyStateOrUpdater(stateOrUpdater))),\n  }))\n);\n\nexport default useUtilityStore;\n"],"names":["applyStateOrUpdater","stateOrUpdater","always","useUtilityStore","create","withImmutableActions","set","moreActionDropdownItems","showPreviewPane","panelState","data","isSaveAsTemplateEnabled","errorFields","setMoreActionDropdownItems","items","hidePreviewPane","setPanelState","modify","resetPanelState","setIsSaveAsTemplateEnabled","setErrorFields"],"mappings":";;;;AAIA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAGC,cAAc,EAAA;EAAA,OACxC,OAAOA,cAAc,KAAK,UAAU,GAChCA,cAAc,GACdC,MAAM,CAACD,cAAc,CAAC;AAAA,CAAA;;AAE5B;AACA,IAAME,eAAe,GAAGC,MAAM,CAC5BC,oBAAoB,CAAC,UAAAC,GAAG,EAAA;EAAA,OAAK;AAC3BC,IAAAA,uBAAuB,EAAE,EAAE;AAC3BC,IAAAA,eAAe,EAAE,KAAK;AACtBC,IAAAA,UAAU,EAAE;AAAEC,MAAAA,IAAI,EAAE;KAAI;AACxBC,IAAAA,uBAAuB,EAAE,KAAK;AAC9BC,IAAAA,WAAW,EAAE,EAAE;AAEfC,IAAAA,0BAA0B,EAAE,SAA5BA,0BAA0BA,CAAEC,KAAK,EAAA;AAAA,MAAA,OAC/BR,GAAG,CAAC;AAAEC,QAAAA,uBAAuB,EAAEO,KAAK;AAAEN,QAAAA,eAAe,EAAE;AAAK,OAAC,CAAC;AAAA,IAAA,CAAA;IAChEO,eAAe,EAAE,SAAjBA,eAAeA,GAAA;AAAA,MAAA,OACbT,GAAG,CAAC;AAAEC,QAAAA,uBAAuB,EAAE,EAAE;AAAEC,QAAAA,eAAe,EAAE;AAAM,OAAC,CAAC;AAAA,IAAA,CAAA;AAC9DQ,IAAAA,aAAa,EAAE,SAAfA,aAAaA,CAAEf,cAAc,EAAA;MAAA,OAC3BK,GAAG,CAACW,MAAM,CAAC,YAAY,EAAEjB,mBAAmB,CAACC,cAAc,CAAC,CAAC,CAAC;AAAA,IAAA,CAAA;IAChEiB,eAAe,EAAE,SAAjBA,eAAeA,GAAA;AAAA,MAAA,OAAQZ,GAAG,CAAC;AAAEG,QAAAA,UAAU,EAAE;AAAEC,UAAAA,IAAI,EAAE;AAAG;AAAE,OAAC,CAAC;AAAA,IAAA,CAAA;AACxDS,IAAAA,0BAA0B,EAAE,SAA5BA,0BAA0BA,CAAER,uBAAuB,EAAA;AAAA,MAAA,OACjDL,GAAG,CAAC;AAAEK,QAAAA,uBAAuB,EAAvBA;AAAwB,OAAC,CAAC;AAAA,IAAA,CAAA;AAClCS,IAAAA,cAAc,EAAE,SAAhBA,cAAcA,CAAEnB,cAAc,EAAA;MAAA,OAC5BK,GAAG,CAACW,MAAM,CAAC,aAAa,EAAEjB,mBAAmB,CAACC,cAAc,CAAC,CAAC,CAAC;AAAA,IAAA;GAClE;AAAA,CAAC,CACJ;;;;"}

package/dist/useUtilityStore-DkxAexDw.js

@@ -0,0 +1,55 @@
+'use strict';
+
+var reactUtils = require('@bigbinary/neeto-commons-frontend/v2/react-utils');
+var ramda = require('ramda');
+var zustand = require('zustand');
+
+var applyStateOrUpdater = function applyStateOrUpdater(stateOrUpdater) {
+  return typeof stateOrUpdater === "function" ? stateOrUpdater : ramda.always(stateOrUpdater);
+};
+
+/** @type {import("neetocommons/react-utils").ZustandStoreHook} */
+var useUtilityStore = zustand.create(reactUtils.withImmutableActions(function (set) {
+  return {
+    moreActionDropdownItems: [],
+    showPreviewPane: false,
+    panelState: {
+      data: {}
+    },
+    isSaveAsTemplateEnabled: false,
+    errorFields: [],
+    setMoreActionDropdownItems: function setMoreActionDropdownItems(items) {
+      return set({
+        moreActionDropdownItems: items,
+        showPreviewPane: true
+      });
+    },
+    hidePreviewPane: function hidePreviewPane() {
+      return set({
+        moreActionDropdownItems: [],
+        showPreviewPane: false
+      });
+    },
+    setPanelState: function setPanelState(stateOrUpdater) {
+      return set(ramda.modify("panelState", applyStateOrUpdater(stateOrUpdater)));
+    },
+    resetPanelState: function resetPanelState() {
+      return set({
+        panelState: {
+          data: {}
+        }
+      });
+    },
+    setIsSaveAsTemplateEnabled: function setIsSaveAsTemplateEnabled(isSaveAsTemplateEnabled) {
+      return set({
+        isSaveAsTemplateEnabled: isSaveAsTemplateEnabled
+      });
+    },
+    setErrorFields: function setErrorFields(stateOrUpdater) {
+      return set(ramda.modify("errorFields", applyStateOrUpdater(stateOrUpdater)));
+    }
+  };
+}));
+
+exports.useUtilityStore = useUtilityStore;
+//# sourceMappingURL=useUtilityStore-DkxAexDw.js.map

package/dist/useUtilityStore-DkxAexDw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUtilityStore-DkxAexDw.js","sources":["../app/javascript/src/v2/components/stores/useUtilityStore.js"],"sourcesContent":["import { withImmutableActions } from \"neetocommons/v2/react-utils\";\nimport { always, modify } from \"ramda\";\nimport { create } from \"zustand\";\n\nconst applyStateOrUpdater = stateOrUpdater =>\n  typeof stateOrUpdater === \"function\"\n    ? stateOrUpdater\n    : always(stateOrUpdater);\n\n/** @type {import(\"neetocommons/react-utils\").ZustandStoreHook} */\nconst useUtilityStore = create(\n  withImmutableActions(set => ({\n    moreActionDropdownItems: [],\n    showPreviewPane: false,\n    panelState: { data: {} },\n    isSaveAsTemplateEnabled: false,\n    errorFields: [],\n\n    setMoreActionDropdownItems: items =>\n      set({ moreActionDropdownItems: items, showPreviewPane: true }),\n    hidePreviewPane: () =>\n      set({ moreActionDropdownItems: [], showPreviewPane: false }),\n    setPanelState: stateOrUpdater =>\n      set(modify(\"panelState\", applyStateOrUpdater(stateOrUpdater))),\n    resetPanelState: () => set({ panelState: { data: {} } }),\n    setIsSaveAsTemplateEnabled: isSaveAsTemplateEnabled =>\n      set({ isSaveAsTemplateEnabled }),\n    setErrorFields: stateOrUpdater =>\n      set(modify(\"errorFields\", applyStateOrUpdater(stateOrUpdater))),\n  }))\n);\n\nexport default useUtilityStore;\n"],"names":["applyStateOrUpdater","stateOrUpdater","always","useUtilityStore","create","withImmutableActions","set","moreActionDropdownItems","showPreviewPane","panelState","data","isSaveAsTemplateEnabled","errorFields","setMoreActionDropdownItems","items","hidePreviewPane","setPanelState","modify","resetPanelState","setIsSaveAsTemplateEnabled","setErrorFields"],"mappings":";;;;;;AAIA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAGC,cAAc,EAAA;EAAA,OACxC,OAAOA,cAAc,KAAK,UAAU,GAChCA,cAAc,GACdC,YAAM,CAACD,cAAc,CAAC;AAAA,CAAA;;AAE5B;AACA,IAAME,eAAe,GAAGC,cAAM,CAC5BC,+BAAoB,CAAC,UAAAC,GAAG,EAAA;EAAA,OAAK;AAC3BC,IAAAA,uBAAuB,EAAE,EAAE;AAC3BC,IAAAA,eAAe,EAAE,KAAK;AACtBC,IAAAA,UAAU,EAAE;AAAEC,MAAAA,IAAI,EAAE;KAAI;AACxBC,IAAAA,uBAAuB,EAAE,KAAK;AAC9BC,IAAAA,WAAW,EAAE,EAAE;AAEfC,IAAAA,0BAA0B,EAAE,SAA5BA,0BAA0BA,CAAEC,KAAK,EAAA;AAAA,MAAA,OAC/BR,GAAG,CAAC;AAAEC,QAAAA,uBAAuB,EAAEO,KAAK;AAAEN,QAAAA,eAAe,EAAE;AAAK,OAAC,CAAC;AAAA,IAAA,CAAA;IAChEO,eAAe,EAAE,SAAjBA,eAAeA,GAAA;AAAA,MAAA,OACbT,GAAG,CAAC;AAAEC,QAAAA,uBAAuB,EAAE,EAAE;AAAEC,QAAAA,eAAe,EAAE;AAAM,OAAC,CAAC;AAAA,IAAA,CAAA;AAC9DQ,IAAAA,aAAa,EAAE,SAAfA,aAAaA,CAAEf,cAAc,EAAA;MAAA,OAC3BK,GAAG,CAACW,YAAM,CAAC,YAAY,EAAEjB,mBAAmB,CAACC,cAAc,CAAC,CAAC,CAAC;AAAA,IAAA,CAAA;IAChEiB,eAAe,EAAE,SAAjBA,eAAeA,GAAA;AAAA,MAAA,OAAQZ,GAAG,CAAC;AAAEG,QAAAA,UAAU,EAAE;AAAEC,UAAAA,IAAI,EAAE;AAAG;AAAE,OAAC,CAAC;AAAA,IAAA,CAAA;AACxDS,IAAAA,0BAA0B,EAAE,SAA5BA,0BAA0BA,CAAER,uBAAuB,EAAA;AAAA,MAAA,OACjDL,GAAG,CAAC;AAAEK,QAAAA,uBAAuB,EAAvBA;AAAwB,OAAC,CAAC;AAAA,IAAA,CAAA;AAClCS,IAAAA,cAAc,EAAE,SAAhBA,cAAcA,CAAEnB,cAAc,EAAA;MAAA,OAC5BK,GAAG,CAACW,YAAM,CAAC,aAAa,EAAEjB,mBAAmB,CAACC,cAAc,CAAC,CAAC,CAAC;AAAA,IAAA;GAClE;AAAA,CAAC,CACJ;;;;"}

package/dist/v2/CannedResponsesPane.js

@@ -0,0 +1,394 @@
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { createElement, useState, useRef } from 'react';
+import { Label, Input, Spinner, Sheet } from '@bigbinary/neeto-atoms';
+import { Select, ActionBlock } from '@bigbinary/neeto-atoms/formik';
+import { Formik, Form } from 'formik';
+import { findBy, isPresent, toLabelAndValue } from '@bigbinary/neeto-cist';
+import { PLURAL } from '@bigbinary/neeto-commons-frontend/v2/constants';
+import { join, not, omit, values } from 'ramda';
+import { useTranslation } from 'react-i18next';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { t } from 'i18next';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import Editor from '@bigbinary/neeto-editor/Editor';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var CANNED_RESPONSE_INPUT_ACTION_NAMES = ["assign_agent", "assign_group", "remove_tags", "add_tags", "change_priority", "change_status"];
+var CANNED_RESPONSE_RICH_TEXT_ACTION_NAME = ["add_note", "add_reply"];
+var CANNED_RESPONSE_ACTION_LABELS = [].concat(CANNED_RESPONSE_INPUT_ACTION_NAMES, CANNED_RESPONSE_RICH_TEXT_ACTION_NAME).reduce(function (labelObject, actionName) {
+  return _objectSpread$2(_objectSpread$2({}, labelObject), {}, _defineProperty({}, actionName, "neetoRules.labels.".concat(actionName)));
+}, {});
+var ACTION_OPTIONS = {
+  assignTicketFieldValue: "assign_field_value"
+};
+var ACTION_TYPES_MAP = {
+  single_option: "dropdown",
+  multi_option: "multiSelect",
+  checkbox: "dropdown",
+  integer: "number"
+};
+var DEFAULT_CHECKBOX_OPTIONS = [{
+  label: t("neetoRules.labels.checked"),
+  value: true
+}, {
+  label: t("neetoRules.labels.unchecked"),
+  value: false
+}];
+
+var Action = function Action(_ref) {
+  var id = _ref.id,
+    label = _ref.label,
+    setFieldValue = _ref.setFieldValue,
+    value = _ref.value,
+    _ref$richText = _ref.richText,
+    richText = _ref$richText === void 0 ? false : _ref$richText;
+  if (richText) {
+    return /*#__PURE__*/jsxs("div", {
+      className: "mb-4 space-y-2",
+      children: [/*#__PURE__*/jsx(Label, {
+        children: label
+      }), /*#__PURE__*/jsx(Editor, {
+        initialValue: value,
+        onChange: function onChange(newValue) {
+          return setFieldValue(id, newValue);
+        }
+      })]
+    }, id);
+  }
+  return /*#__PURE__*/createElement(Input, {
+    label: label,
+    disabled: true,
+    className: "mb-4",
+    key: id,
+    value: value.replace(/_/g, " ")
+  });
+};
+
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var renderActionValue = function renderActionValue(_ref) {
+  var actionType = _ref.actionType,
+    displayValue = _ref.displayValue;
+  if (actionType === "multiSelect") {
+    return join(", ", displayValue);
+  }
+  return displayValue;
+};
+var renderDefaultAction = function renderDefaultAction(_ref2) {
+  var id = _ref2.id,
+    name = _ref2.name,
+    displayValue = _ref2.displayValue,
+    setFieldValue = _ref2.setFieldValue,
+    trixBody = _ref2.trixBody;
+  var label = t(CANNED_RESPONSE_ACTION_LABELS[name]);
+  if (CANNED_RESPONSE_RICH_TEXT_ACTION_NAME.includes(name)) {
+    return /*#__PURE__*/jsx(Action, {
+      id: id,
+      label: label,
+      setFieldValue: setFieldValue,
+      richText: true,
+      value: trixBody
+    });
+  }
+  return /*#__PURE__*/jsx(Action, {
+    id: id,
+    label: label,
+    value: displayValue
+  });
+};
+var renderCustomAction = function renderCustomAction(_ref3) {
+  var id = _ref3.id,
+    actionableId = _ref3.actionableId,
+    displayValue = _ref3.displayValue,
+    actionOptions = _ref3.actionOptions,
+    setFieldValue = _ref3.setFieldValue;
+  var actionName = "ticket_field_".concat(actionableId);
+  var actionOption = findBy({
+    value: actionName
+  }, actionOptions);
+  var label = actionOption === null || actionOption === void 0 ? void 0 : actionOption.label;
+  var actionType = actionOption === null || actionOption === void 0 ? void 0 : actionOption.type;
+  var actionValue = renderActionValue({
+    actionType: actionType,
+    displayValue: displayValue
+  });
+  var isRichText = actionType === "rich-text";
+  return /*#__PURE__*/jsx(Action, {
+    id: id,
+    label: label,
+    setFieldValue: setFieldValue,
+    richText: isRichText,
+    value: actionValue
+  });
+};
+var getActionDropdown = function getActionDropdown(_ref4) {
+  var status = _ref4.status,
+    teams = _ref4.teams,
+    members = _ref4.members,
+    tags = _ref4.tags;
+  return {
+    change_status: status || [],
+    assign_group: teams || [],
+    assign_agent: members || [],
+    add_tags: tags || [],
+    remove_tags: tags || []
+  };
+};
+var getActionType = function getActionType(kind) {
+  return ACTION_TYPES_MAP[kind] || kind;
+};
+var getDropdownOptions = function getDropdownOptions(kind, optionsAttribute) {
+  if (["single_option", "multi_option"].includes(kind)) {
+    return optionsAttribute.map(function (_ref5) {
+      var id = _ref5.id,
+        label = _ref5.label;
+      return {
+        label: label,
+        value: id
+      };
+    });
+  } else if (kind === "checkbox") {
+    return _toConsumableArray(DEFAULT_CHECKBOX_OPTIONS);
+  }
+  return [];
+};
+var renderAction = function renderAction(_ref6) {
+  var name = _ref6.name,
+    id = _ref6.id,
+    actionableId = _ref6.actionableId,
+    displayValue = _ref6.displayValue,
+    _ref6$actionOptions = _ref6.actionOptions,
+    actionOptions = _ref6$actionOptions === void 0 ? [] : _ref6$actionOptions,
+    setFieldValue = _ref6.setFieldValue,
+    _ref6$trixBody = _ref6.trixBody,
+    trixBody = _ref6$trixBody === void 0 ? "" : _ref6$trixBody;
+  var isCustomAction = name === ACTION_OPTIONS.assignTicketFieldValue;
+  return isCustomAction ? renderCustomAction({
+    id: id,
+    actionableId: actionableId,
+    displayValue: displayValue,
+    actionOptions: actionOptions,
+    setFieldValue: setFieldValue
+  }) : renderDefaultAction({
+    id: id,
+    name: name,
+    displayValue: displayValue,
+    setFieldValue: setFieldValue,
+    trixBody: trixBody
+  });
+};
+var buildActionOptions = function buildActionOptions(_ref7) {
+  var dropdownOptions = _ref7.dropdownOptions,
+    actionNameOptions = _ref7.actionNameOptions,
+    variables = _ref7.variables;
+  var actionDropdown = getActionDropdown(dropdownOptions);
+  var options = actionNameOptions.map(function (option) {
+    var dropdownOptions = actionDropdown[option.value];
+    return dropdownOptions ? _objectSpread$1(_objectSpread$1({}, option), {}, {
+      dropdownOptions: dropdownOptions
+    }) : option;
+  });
+  var fields = (dropdownOptions.fields || []).filter(function (field) {
+    return !field.kind.startsWith("system_");
+  }) || [];
+  var fieldOptions = fields.map(function (_ref8) {
+    var id = _ref8.id,
+      name = _ref8.name,
+      kind = _ref8.kind,
+      attributeOptions = _ref8.data;
+    return {
+      label: t("neetoRules.common.assign", {
+        what: name
+      }),
+      value: "ticket_field_".concat(id),
+      type: getActionType(kind),
+      variables: variables,
+      defaultData: {
+        actionable_id: id,
+        actionable_type: "Field"
+      },
+      dropdownOptions: getDropdownOptions(kind, attributeOptions)
+    };
+  });
+  return [].concat(_toConsumableArray(options), _toConsumableArray(fieldOptions));
+};
+
+function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Body = function Body(_ref) {
+  var actionNameOptions = _ref.actionNameOptions,
+    cannedResponse = _ref.cannedResponse,
+    dropdownList = _ref.dropdownList,
+    isLoading = _ref.isLoading,
+    setFieldValue = _ref.setFieldValue,
+    variables = _ref.variables;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var actionOptions = buildActionOptions({
+    dropdownOptions: dropdownList,
+    actionNameOptions: actionNameOptions,
+    variables: variables
+  });
+  if (isLoading) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(Spinner, {})
+    });
+  }
+  var sortedActions = cannedResponse.actions.sort(function (a, b) {
+    if (CANNED_RESPONSE_RICH_TEXT_ACTION_NAME.includes(a.name)) {
+      return 1;
+    } else if (CANNED_RESPONSE_RICH_TEXT_ACTION_NAME.includes(b.name)) {
+      return -1;
+    }
+    return 0;
+  });
+  return /*#__PURE__*/jsx("div", {
+    className: "overflow-y-auto",
+    children: not(cannedResponse) ? t("neetoRules.common.preview") : sortedActions === null || sortedActions === void 0 ? void 0 : sortedActions.map(function (action) {
+      return renderAction(_objectSpread(_objectSpread({}, action), {}, {
+        actionOptions: actionOptions,
+        setFieldValue: setFieldValue
+      }));
+    })
+  });
+};
+
+var CannedResponsesPane = function CannedResponsesPane(_ref) {
+  var actionNameOptions = _ref.actionNameOptions,
+    areDropdownListsLoading = _ref.areDropdownListsLoading,
+    dropdownList = _ref.dropdownList,
+    isCannedResponsePaneOpen = _ref.isCannedResponsePaneOpen,
+    isLoadingPreview = _ref.isLoadingPreview,
+    macros = _ref.macros,
+    onApply = _ref.onApply,
+    onCancel = _ref.onCancel,
+    previewCannedResponses = _ref.previewCannedResponses,
+    previewParams = _ref.previewParams,
+    _ref$variables = _ref.variables,
+    variables = _ref$variables === void 0 ? [] : _ref$variables;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    cannedResponse = _useState2[0],
+    setCannedResponse = _useState2[1];
+  var initialFocusRef = useRef();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var options = macros === null || macros === void 0 ? void 0 : macros.map(function (_ref2) {
+    var name = _ref2.name,
+      id = _ref2.id;
+    return {
+      label: name,
+      value: id
+    };
+  });
+  var handleSelect = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref3) {
+      var value;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            value = _ref3.value;
+            _context.next = 3;
+            return previewCannedResponses({
+              id: value,
+              payload: previewParams
+            }, {
+              onSuccess: function onSuccess(response) {
+                return setCannedResponse(values(response || {})[0]);
+              }
+            });
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleSelect(_x) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  var handleSubmit = function handleSubmit(values) {
+    onApply({
+      cannedResponse: cannedResponse,
+      setCannedResponse: setCannedResponse,
+      onSettled: onCancel,
+      updatedValues: omit(["cannedResponse"], values)
+    });
+  };
+  var handleCancel = function handleCancel() {
+    onCancel();
+    setCannedResponse(null);
+  };
+  return /*#__PURE__*/jsxs(Sheet, {
+    initialFocusRef: initialFocusRef,
+    isOpen: isCannedResponsePaneOpen,
+    onClose: handleCancel,
+    children: [/*#__PURE__*/jsx(Sheet.Header, {
+      children: /*#__PURE__*/jsx(Sheet.Title, {
+        children: t("neetoRules.cannedResponses.title", PLURAL)
+      })
+    }), /*#__PURE__*/jsx(Formik, {
+      initialValues: {
+        cannedResponse: toLabelAndValue(null)
+      },
+      onSubmit: handleSubmit,
+      children: function children(_ref5) {
+        var setFieldValue = _ref5.setFieldValue,
+          isSubmitting = _ref5.isSubmitting;
+        return /*#__PURE__*/jsxs(Form, {
+          className: "flex flex-1 flex-col",
+          children: [/*#__PURE__*/jsx(Sheet.Body, {
+            children: /*#__PURE__*/jsx("div", {
+              className: "flex w-full grow flex-col space-y-4",
+              children: areDropdownListsLoading ? /*#__PURE__*/jsx("div", {
+                className: "flex h-full w-full items-center justify-center",
+                children: /*#__PURE__*/jsx(Spinner, {})
+              }) : /*#__PURE__*/jsxs("div", {
+                className: "flex flex-col gap-y-4",
+                children: [/*#__PURE__*/jsx(Select, {
+                  options: options,
+                  isSearchable: true,
+                  label: t("neetoRules.labels.selectCannedResponse"),
+                  name: "cannedResponse",
+                  ref: initialFocusRef,
+                  onChange: function onChange(value) {
+                    setFieldValue("cannedResponse", value);
+                    handleSelect(value);
+                  }
+                }), isPresent(cannedResponse) && /*#__PURE__*/jsx("div", {
+                  className: "flex flex-col",
+                  children: /*#__PURE__*/jsx(Body, {
+                    actionNameOptions: actionNameOptions,
+                    cannedResponse: cannedResponse,
+                    dropdownList: dropdownList,
+                    setFieldValue: setFieldValue,
+                    variables: variables,
+                    isLoading: isLoadingPreview
+                  })
+                })]
+              })
+            })
+          }), /*#__PURE__*/jsx(Sheet.Footer, {
+            children: /*#__PURE__*/jsx(ActionBlock, {
+              cancelButtonProps: {
+                onClick: handleCancel
+              },
+              isSubmitting: isSubmitting || isLoadingPreview,
+              submitButtonProps: {
+                label: t("neetoRules.common.apply")
+              }
+            })
+          })]
+        });
+      }
+    })]
+  });
+};
+
+export { CannedResponsesPane as default };
+//# sourceMappingURL=CannedResponsesPane.js.map