@bigbinary/neeto-rules-frontend 2.7.20 → 2.7.22

package/dist/{index-BXLCiV70.js → index-CcbW7H2S.js}

@@ -6,19 +6,19 @@ import _typeof from '@babel/runtime/helpers/typeof';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { b as useUpdateAutomationRule, e as useFetchNameGenerationStatus } from './useAutomationRulesApi-C9I3wUZ8.js';
-import { u as useOnClickOutside, S as SHORTCUTS, f as flatten } from './keyboardShortcuts-DXP5YgeG.js';
-import { toLower, identity, pluck, isEmpty, mergeDeepLeft, isNotNil, whereAny, reject, equals, unless, path, omit, useWith, split, when, is, trim, eqBy, F, values, isNil, without, append, pipe, filter, uniq, join, map, assoc, mergeLeft, includes, test } from 'ramda';
+import { u as useOnClickOutside, S as SHORTCUTS, f as flatten } from './keyboardShortcuts-_OrtgF0A.js';
+import { toLower, identity, pluck, isEmpty, replace, mergeDeepLeft, isNotNil, whereAny, reject, equals, unless, path, omit, useWith, split, when, is, trim, eqBy, F, values, isNil, without, append, pipe, filter, uniq, join, map, assoc, mergeLeft, includes, test } from 'ramda';
 import { t } from 'i18next';
 import * as yup from 'yup';
 import { useShallow } from 'zustand/shallow';
 import { Button, Callout, Typography, Input as Input$1, Label, Select, DatePicker, Checkbox, Badge, RadioGroup as RadioGroup$1, TimePicker } from '@bigbinary/neeto-atoms';
 import { RadioGroup, Textarea, Input as Input$2, Switch, MultiEmailInput, Select as Select$1 } from '@bigbinary/neeto-atoms/formik';
 import classNames from 'classnames';
-import { PanelRightClose, Search, Trash2, CircleHelp, RefreshCw, Lock, Check, X, Plus, ChevronLeft } from 'lucide-react';
+import { X, PanelRightClose, Search, Trash2, CircleHelp, RefreshCw, Lock, Check, Plus, ChevronLeft } from 'lucide-react';
 import { useTranslation, Trans } from 'react-i18next';
-import { a as useActiveField } from './useCustomDataStore-CU3KpyD4.js';
+import { a as useActiveField } from './useCustomDataStore-CEbhXugO.js';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { u as useUtilityStore } from './useUtilityStore-BBb39TOj.js';
+import { u as useUtilityStore } from './useUtilityStore-BVCulMEC.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { withT, useStateWithDependency, useDebounce } from '@bigbinary/neeto-commons-frontend/v2/react-utils';
 import Editor from '@monaco-editor/react';
@@ -122,12 +122,15 @@ var Header = function Header(_ref) {
     className = _ref.className;
   var _useUtilityStore = useUtilityStore(useShallow(function (store) {
       return {
-        resetPanelState: store["resetPanelState"]
+        resetPanelState: store["resetPanelState"],
+        panelState: store["panelState"]
       };
     })),
-    resetPanelState = _useUtilityStore.resetPanelState;
+    resetPanelState = _useUtilityStore.resetPanelState,
+    panelState = _useUtilityStore.panelState;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var isBuilder = (panelState === null || panelState === void 0 ? void 0 : panelState.variant) === "builder";
   return /*#__PURE__*/jsxs("div", {
     "data-testid": "pane-header",
     className: classNames("neeto-rules-side-panel__header border-border flex items-start justify-between border-b p-6", _defineProperty({}, className, className)),
@@ -135,12 +138,14 @@ var Header = function Header(_ref) {
       className: "flex min-w-0 grow",
       children: children
     }), /*#__PURE__*/jsx(Button, {
-      className: "shrink-0 scale-x-[-1] rtl:rotate-180",
       "data-testid": "collapse-sidebar-button",
-      icon: PanelRightClose,
+      icon: isBuilder ? X : PanelRightClose,
       size: "default",
-      title: t("neetoRules.common.collapseSidebar"),
       variant: "ghost",
+      className: classNames("shrink-0", {
+        "scale-x-[-1] rtl:rotate-180": !isBuilder
+      }),
+      title: isBuilder ? t("neetoRules.common.close") : t("neetoRules.common.collapseSidebar"),
       onClick: resetPanelState
     })]
   });
@@ -149,7 +154,9 @@ var Header = function Header(_ref) {
 var _excluded$8 = ["component"];
 function ownKeys$h(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$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Panel = function Panel() {
+var Panel = function Panel(_ref) {
+  var _ref$configMap = _ref.configMap,
+    configMap = _ref$configMap === void 0 ? PANEL_TYPE_CONFIG_MAP : _ref$configMap;
   var _useUtilityStore = useUtilityStore(useShallow(function (store) {
       return {
         panelState: store["panelState"],
@@ -165,7 +172,7 @@ var Panel = function Panel() {
   };
   var data = {};
   if (panelState.type) {
-    Object.assign(config, PANEL_TYPE_CONFIG_MAP[panelState.type]);
+    Object.assign(config, configMap[panelState.type]);
     Object.assign(data, panelState.data);
   }
   var Component = config.component,
@@ -176,8 +183,26 @@ var Panel = function Panel() {
     small: "neeto-rules-side-panel--small",
     large: "neeto-rules-side-panel--large"
   }[panelState.size] || "neeto-rules-side-panel--small";
+  var isBuilderPane = panelState.variant === "builder" && isOpen;
+  useEffect(function () {
+    if (!isBuilderPane) return undefined;
+    var handleKeyDown = function handleKeyDown(event) {
+      var target = event.target;
+      if (event.key !== "Enter" || event.shiftKey || (target === null || target === void 0 ? void 0 : target.tagName) === "TEXTAREA" || target !== null && target !== void 0 && target.isContentEditable) {
+        return;
+      }
+      var primaryButton = document.querySelector(".neeto-rules-side-panel__footer button");
+      if (!primaryButton) return;
+      event.preventDefault();
+      primaryButton.click();
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return function () {
+      return document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [isBuilderPane]);
   return /*#__PURE__*/jsx("div", _objectSpread$h(_objectSpread$h({
-    className: classNames("neeto-rules-side-panel border-border transition-width bg-background ms-auto flex h-screen max-h-full flex-col overflow-y-auto border-s duration-300 ease-in-out", _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, panelSize, isOpen), "w-0 overflow-hidden", !isOpen), "absolute", hasOverlays), "end-0", hasOverlays))
+    className: classNames("neeto-rules-side-panel nrb-atoms border-border transition-width bg-background ms-auto flex h-screen max-h-full flex-col overflow-y-auto border-s duration-300 ease-in-out", _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, panelSize, isOpen), "w-0 overflow-hidden", !isOpen), "absolute", hasOverlays), "end-0", hasOverlays))
   }, paneProps), {}, {
     children: /*#__PURE__*/jsx(Component, _objectSpread$h(_objectSpread$h({}, data), {}, {
       onClose: resetPanelState
@@ -253,7 +278,7 @@ var ErrorCallout = function ErrorCallout(_ref) {
   if (typeof message === "function") return message(selectedField);
   return /*#__PURE__*/jsx(Callout, {
     className: "block",
-    variant: "destructive",
+    variant: "danger",
     children: message
   });
 };
@@ -342,6 +367,18 @@ var getPanelSize = function getPanelSize(selectedField) {
   var isLargeType = [ACTION_TYPES.sendToApi, ACTION_TYPES.smsToNumbers, ACTION_TYPES.sms, ACTION_TYPES.smsTo, ACTION_TYPES.emailToIds, ACTION_TYPES.email, ACTION_TYPES.emailTo, ACTION_TYPES.note, ACTION_TYPES.longText, ACTION_TYPES.textarea, ACTION_TYPES.list].includes(selectedField === null || selectedField === void 0 ? void 0 : selectedField.type) || !!(selectedField !== null && selectedField !== void 0 && selectedField.component);
   return isLargeType ? "large" : "small";
 };
+var getActionLabel = function getActionLabel(action) {
+  var modifiedActionLabel = action.toLowerCase();
+  return replace(/slack/g, "Slack", modifiedActionLabel);
+};
+var getOptionsKey = function getOptionsKey() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return options.map(function (_ref3) {
+    var value = _ref3.value,
+      label = _ref3.label;
+    return "".concat(value, ":").concat(label);
+  }).join(",");
+};
 
 var ActionPanel = function ActionPanel() {
   var _useTranslation = useTranslation(),
@@ -2609,7 +2646,9 @@ var SmsFields = function SmsFields(_ref2) {
     showPhoneNumberInput = _ref2$showPhoneNumber === void 0 ? false : _ref2$showPhoneNumber,
     fieldOptions = _ref2.fieldOptions,
     _ref2$shouldAutoFocus = _ref2.shouldAutoFocus,
-    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus;
+    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus,
+    _ref2$hint = _ref2.hint,
+    hint = _ref2$hint === void 0 ? null : _ref2$hint;
   var _useTranslation2 = useTranslation(),
     t = _useTranslation2.t;
   var editorRef = useRef(null);
@@ -2685,6 +2724,11 @@ var SmsFields = function SmsFields(_ref2) {
       variables: selectedField === null || selectedField === void 0 ? void 0 : selectedField.variables,
       editorRef: isFirstFieldInForm("body") ? mergeRefs(editorRef, initialFocusRef) : editorRef,
       onFocus: setFieldActive
+    }), hint && /*#__PURE__*/jsx(Typography, {
+      className: "mt-1",
+      color: "muted",
+      variant: "body3",
+      children: hint
     }), isSaveAsTemplateVisible && /*#__PURE__*/jsx(SaveAsTemplate, {
       name: name,
       className: "mt-4"
@@ -5103,10 +5147,10 @@ var getSchemaForExecutionDelay = function getSchemaForExecutionDelay(_) {
       return true;
     }
     var schema = yup.object().shape({
-      value: yup.number().nullable().integer(t("neetoRules.validations.number")).typeError(t("neetoRules.validations.number")).min(1, t("neetoRules.validations.minDelay", {
-        min: 1
-      })).max(999, t("neetoRules.validations.maxDelay", {
-        max: 999
+      value: yup.number().nullable().integer(t("neetoRules.validations.number")).typeError(t("neetoRules.validations.number")).min(MIN_DELAY_VALUE, t("neetoRules.validations.minDelay", {
+        min: MIN_DELAY_VALUE
+      })).max(MAX_DELAY_VALUE, t("neetoRules.validations.maxDelay", {
+        max: MAX_DELAY_VALUE
       })).required(t("neetoRules.validations.required.value")),
       unit: yup.string().nullable().required(t("neetoRules.validations.required.value"))
     });
@@ -5161,6 +5205,8 @@ var FIELD_TYPES = {
   multiSelect: "multi-select",
   executionDelay: "execution-delay"
 };
+var MIN_DELAY_VALUE = 1;
+var MAX_DELAY_VALUE = 999;
 var VALIDATION_SCHEMA = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FIELD_TYPES.text, getSchemaForStrings), FIELD_TYPES.longText, getSchemaForStrings), FIELD_TYPES.dropdown, getSchemaForStrings), FIELD_TYPES.radio, getSchemaForStrings), FIELD_TYPES.events, getEventsSchema), FIELD_TYPES.condition, getConditionsSchema), FIELD_TYPES.actions, getActionsSchema), FIELD_TYPES.multiSelect, getSchemaForArray), FIELD_TYPES.executionDelay, getSchemaForExecutionDelay);
 var DECIMAL_NUMBER_REGEX = /^-?\d*\.?\d+$/;
 var NUMBER_REGEX = /^-?\d+$/;
@@ -5371,5 +5417,5 @@ var formatData = function formatData(data) {
   }, {});
 };
 
-export { ActionSubItem as A, DEFAULT_RULE_ACTION as D, EditorAction as E, FIELDS_WITH_OPTIONS as F, OPERATORS as O, PANEL_TYPES as P, RadioField as R, SelectField as S, TouchErrors as T, ValueField as V, getFieldDetails$1 as a, getSlackChannelErrors as b, getLogicalOperatorOptions as c, getFieldDetails as d, getVerbOptions as e, DEFAULT_DELAY as f, getActionOptions as g, getAllEvents as h, STATUS_KEYS as i, formatData as j, buildPayload as k, ScrollToErrorField as l, Panel as m, getValidationSchema as n, DEFAULT_INITIAL_VALUE as o, ErrorCallout as p, SmsFields as q, PhoneNumberField as r, usePollRuleName as u };
-//# sourceMappingURL=index-BXLCiV70.js.map
+export { ActionSubItem as A, DEFAULT_RULE_ACTION as D, EditorAction as E, FIELDS_WITH_OPTIONS as F, ListField as L, MIN_DELAY_VALUE as M, OPERATORS as O, PANEL_TYPES as P, RadioField as R, SelectField as S, TouchErrors as T, ValueField as V, getFieldDetails$1 as a, getSlackChannelErrors as b, getOptionsKey as c, getActionLabel as d, getLogicalOperatorOptions as e, getFieldDetails as f, getActionOptions as g, getVerbOptions as h, DEFAULT_DELAY as i, getAllEvents as j, STATUS_KEYS as k, formatData as l, buildPayload as m, ScrollToErrorField as n, Panel as o, getValidationSchema as p, DEFAULT_INITIAL_VALUE as q, ErrorCallout as r, SmsFields as s, MAX_DELAY_VALUE as t, usePollRuleName as u, PhoneNumberField as v };
+//# sourceMappingURL=index-CcbW7H2S.js.map