@bigbinary/neeto-rules-frontend 2.7.19 → 2.7.21

package/dist/{index-Vt6GY_o0.js → index-Fukq1VSN.js}

@@ -8,7 +8,7 @@ var _typeof = require('@babel/runtime/helpers/typeof');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var useAutomationRulesApi = require('./useAutomationRulesApi-C1T2E1AN.js');
-var keyboardShortcuts = require('./keyboardShortcuts-SAk712q8.js');
+var keyboardShortcuts = require('./keyboardShortcuts-DtnjcivY.js');
 var ramda = require('ramda');
 var i18next = require('i18next');
 var yup = require('yup');
@@ -18,9 +18,9 @@ var formik$1 = require('@bigbinary/neeto-atoms/formik');
 var classNames = require('classnames');
 var lucideReact = require('lucide-react');
 var reactI18next = require('react-i18next');
-var useCustomDataStore = require('./useCustomDataStore-D9k8F5g-.js');
+var useCustomDataStore = require('./useCustomDataStore-DPmWkEhs.js');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var useUtilityStore = require('./useUtilityStore-DkxAexDw.js');
+var useUtilityStore = require('./useUtilityStore-gtPhFvpI.js');
 var jsxRuntime = require('react/jsx-runtime');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/v2/react-utils');
 var Editor = require('@monaco-editor/react');
@@ -143,12 +143,15 @@ var Header = function Header(_ref) {
     className = _ref.className;
   var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
       return {
-        resetPanelState: store["resetPanelState"]
+        resetPanelState: store["resetPanelState"],
+        panelState: store["panelState"]
       };
     })),
-    resetPanelState = _useUtilityStore.resetPanelState;
+    resetPanelState = _useUtilityStore.resetPanelState,
+    panelState = _useUtilityStore.panelState;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var isBuilder = (panelState === null || panelState === void 0 ? void 0 : panelState.variant) === "builder";
   return /*#__PURE__*/jsxRuntime.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)),
@@ -156,12 +159,14 @@ var Header = function Header(_ref) {
       className: "flex min-w-0 grow",
       children: children
     }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
-      className: "shrink-0 scale-x-[-1] rtl:rotate-180",
       "data-testid": "collapse-sidebar-button",
-      icon: lucideReact.PanelRightClose,
+      icon: isBuilder ? lucideReact.X : lucideReact.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
     })]
   });
@@ -170,7 +175,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.useUtilityStore(shallow.useShallow(function (store) {
       return {
         panelState: store["panelState"],
@@ -186,7 +193,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,
@@ -197,8 +204,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;
+  react.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__*/jsxRuntime.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__*/jsxRuntime.jsx(Component, _objectSpread$h(_objectSpread$h({}, data), {}, {
       onClose: resetPanelState
@@ -274,7 +299,7 @@ var ErrorCallout = function ErrorCallout(_ref) {
   if (typeof message === "function") return message(selectedField);
   return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Callout, {
     className: "block",
-    variant: "destructive",
+    variant: "danger",
     children: message
   });
 };
@@ -363,6 +388,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 ramda.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 = reactI18next.useTranslation(),
@@ -2630,7 +2667,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 = reactI18next.useTranslation(),
     t = _useTranslation2.t;
   var editorRef = react.useRef(null);
@@ -2706,6 +2745,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__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+      className: "mt-1",
+      color: "muted",
+      variant: "body3",
+      children: hint
     }), isSaveAsTemplateVisible && /*#__PURE__*/jsxRuntime.jsx(SaveAsTemplate, {
       name: name,
       className: "mt-4"
@@ -5124,10 +5168,10 @@ var getSchemaForExecutionDelay = function getSchemaForExecutionDelay(_) {
       return true;
     }
     var schema = yup__namespace.object().shape({
-      value: yup__namespace.number().nullable().integer(i18next.t("neetoRules.validations.number")).typeError(i18next.t("neetoRules.validations.number")).min(1, i18next.t("neetoRules.validations.minDelay", {
-        min: 1
-      })).max(999, i18next.t("neetoRules.validations.maxDelay", {
-        max: 999
+      value: yup__namespace.number().nullable().integer(i18next.t("neetoRules.validations.number")).typeError(i18next.t("neetoRules.validations.number")).min(MIN_DELAY_VALUE, i18next.t("neetoRules.validations.minDelay", {
+        min: MIN_DELAY_VALUE
+      })).max(MAX_DELAY_VALUE, i18next.t("neetoRules.validations.maxDelay", {
+        max: MAX_DELAY_VALUE
       })).required(i18next.t("neetoRules.validations.required.value")),
       unit: yup__namespace.string().nullable().required(i18next.t("neetoRules.validations.required.value"))
     });
@@ -5182,6 +5226,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+$/;
@@ -5399,6 +5445,9 @@ exports.DEFAULT_RULE_ACTION = DEFAULT_RULE_ACTION;
 exports.EditorAction = EditorAction;
 exports.ErrorCallout = ErrorCallout;
 exports.FIELDS_WITH_OPTIONS = FIELDS_WITH_OPTIONS;
+exports.ListField = ListField;
+exports.MAX_DELAY_VALUE = MAX_DELAY_VALUE;
+exports.MIN_DELAY_VALUE = MIN_DELAY_VALUE;
 exports.OPERATORS = OPERATORS;
 exports.PANEL_TYPES = PANEL_TYPES;
 exports.Panel = Panel;
@@ -5412,13 +5461,15 @@ exports.TouchErrors = TouchErrors;
 exports.ValueField = ValueField;
 exports.buildPayload = buildPayload;
 exports.formatData = formatData;
+exports.getActionLabel = getActionLabel;
 exports.getActionOptions = getActionOptions;
 exports.getAllEvents = getAllEvents;
 exports.getFieldDetails = getFieldDetails$1;
 exports.getFieldDetails$1 = getFieldDetails;
 exports.getLogicalOperatorOptions = getLogicalOperatorOptions;
+exports.getOptionsKey = getOptionsKey;
 exports.getSlackChannelErrors = getSlackChannelErrors;
 exports.getValidationSchema = getValidationSchema;
 exports.getVerbOptions = getVerbOptions;
 exports.usePollRuleName = usePollRuleName;
-//# sourceMappingURL=index-Vt6GY_o0.js.map
+//# sourceMappingURL=index-Fukq1VSN.js.map