@bigbinary/neeto-rules-frontend 2.7.20 → 2.7.22

package/dist/NeetoRulesForm.js

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import './keyboardShortcuts-DXP5YgeG.js';
+import './keyboardShortcuts-_OrtgF0A.js';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useShallow } from 'zustand/shallow';
@@ -15,7 +15,7 @@ import { u as useUtilityStore } from './useUtilityStore-CCUYS1mS.js';
 import classNames from 'classnames';
 import Typography from '@bigbinary/neetoui/Typography';
 import { isNotNil, isEmpty, pluck } from 'ramda';
-import { g as getActionOptions, a as getFieldDetails, b as getSlackChannelErrors, c as getOptionsKey, d as getActionLabel, A as ActionSubItem, F as FIELDS_WITH_OPTIONS, P as PANEL_TYPES, D as DEFAULT_RULE_ACTION, e as getLogicalOperatorOptions, f as getFieldDetails$1, h as getVerbOptions, R as RadioField$1, S as SelectField$1, V as ValueField, i as DEFAULT_DELAY, j as getAllEvents, O as OPERATORS$1, k as STATUS_KEYS, l as formatData, u as usePollRuleName, T as TouchErrors, m as buildPayload, n as ScrollToErrorField, o as Panel, p as getValidationSchema, q as DEFAULT_INITIAL_VALUE } from './index-D_dEe2Gg.js';
+import { g as getActionOptions, a as getFieldDetails, b as getSlackChannelErrors, c as getOptionsKey, d as getActionLabel, A as ActionSubItem, F as FIELDS_WITH_OPTIONS, P as PANEL_TYPES, D as DEFAULT_RULE_ACTION, e as getLogicalOperatorOptions, f as getFieldDetails$1, h as getVerbOptions, R as RadioField$1, S as SelectField$1, V as ValueField, i as DEFAULT_DELAY, j as getAllEvents, O as OPERATORS$1, k as STATUS_KEYS, l as formatData, u as usePollRuleName, T as TouchErrors, m as buildPayload, n as ScrollToErrorField, o as Panel, p as getValidationSchema, q as DEFAULT_INITIAL_VALUE } from './index-BZYwFjcS.js';
 import { a as useActiveField, u as useCustomDataStore } from './useCustomDataStore-BtKYtLVc.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { joinHyphenCase } from '@bigbinary/neeto-commons-frontend/utils';

package/dist/cjs/NeetoRulesBuilder.js

@@ -2,7 +2,7 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectDestructuringEmpty = require('@babel/runtime/helpers/objectDestructuringEmpty');
-var keyboardShortcuts = require('../keyboardShortcuts-lX0oq49M.js');
+var keyboardShortcuts = require('../keyboardShortcuts-DtnjcivY.js');
 var shallow = require('zustand/shallow');
 var react = require('react');
 var classNames = require('classnames');
@@ -13,7 +13,7 @@ var Header = require('@bigbinary/neeto-molecules/Header');
 var Spinner = require('@bigbinary/neetoui/Spinner');
 var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
 var reactI18next = require('react-i18next');
-var index = require('../index-DMCgC01M.js');
+var index = require('../index-49edM85x.js');
 var useCustomDataStore = require('../useCustomDataStore-DxFx8aCf.js');
 var useUtilityStore = require('../useUtilityStore-C_U20IMX.js');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
@@ -1145,6 +1145,7 @@ var MetaBlock = function MetaBlock(_ref) {
         children: t("neetoRules.builder.automationName")
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         ref: nameRef,
+        "data-testid": "rule-name-edit",
         role: handleEditName ? "button" : undefined,
         tabIndex: handleEditName ? 0 : undefined,
         className: classNames("mb-meta-input-wrap", {
@@ -1153,6 +1154,7 @@ var MetaBlock = function MetaBlock(_ref) {
         onClick: handleEditName,
         children: [/*#__PURE__*/jsxRuntime.jsx("span", {
           className: "mb-meta-name-display",
+          "data-testid": "rule-name",
           children: rule.name
         }), /*#__PURE__*/jsxRuntime.jsx("span", {
           "aria-hidden": true,
@@ -1174,8 +1176,10 @@ var MetaBlock = function MetaBlock(_ref) {
       })]
     }), /*#__PURE__*/jsxRuntime.jsxs("label", {
       className: "mb-meta-active",
+      "data-testid": "rule-active-label",
       children: [/*#__PURE__*/jsxRuntime.jsx("input", {
         checked: rule.active,
+        "data-testid": "rule-active-checkbox",
         readOnly: !handleToggleActive,
         type: "checkbox",
         onChange: handleToggleActive || undefined
@@ -3135,6 +3139,7 @@ var Canvas = function Canvas(_ref) {
       }) : /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "mb-add-row",
         children: /*#__PURE__*/jsxRuntime.jsx(Button, {
+          "data-testid": "rule-delay-add",
           icon: Plus,
           iconPosition: "left",
           label: t("neetoRules.common.addDelay"),
@@ -3253,6 +3258,7 @@ var ActionConfigFields = function ActionConfigFields(_ref) {
   };
   var noMatches = /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "mb-pane-empty",
+    "data-testid": "pane-no-matches",
     children: t("neetoRules.builder.noMatches")
   });
   if (type === ACTION_CONFIG_TYPES.emailChannel) {
@@ -3617,6 +3623,7 @@ var ConfigPane = function ConfigPane(_ref) {
       children: /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex w-full flex-col gap-y-2",
         children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+          "data-testid": "pane-title",
           style: "h3",
           children: title
         }), configSubtitle && /*#__PURE__*/jsxRuntime.jsx(Typography, {
@@ -3626,6 +3633,7 @@ var ConfigPane = function ConfigPane(_ref) {
         }), showSearch && /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "mb-pane-search",
           children: /*#__PURE__*/jsxRuntime.jsx(Input, {
+            dataTestid: "pane-search",
             placeholder: t("neetoRules.builder.searchPlaceholder"),
             prefix: /*#__PURE__*/jsxRuntime.jsx(Search, {}),
             size: "large",
@@ -3667,6 +3675,7 @@ var ConfigPane = function ConfigPane(_ref) {
       })
     }), shouldAdvanceToRecipient && /*#__PURE__*/jsxRuntime.jsx(index.Panel.Footer, {
       children: /*#__PURE__*/jsxRuntime.jsx(Button, {
+        "data-testid": "continue-button",
         label: t("neetoRules.buttons.continue"),
         size: "large",
         onClick: handleContinue
@@ -3723,6 +3732,7 @@ var DelayPane = function DelayPane(_ref) {
       children: /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-col gap-y-1",
         children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+          "data-testid": "pane-title",
           style: "h3",
           children: t("neetoRules.common.addDelay")
         }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
@@ -3744,6 +3754,7 @@ var DelayPane = function DelayPane(_ref) {
           className: "flex items-start gap-x-2",
           children: [/*#__PURE__*/jsxRuntime.jsx(Input$1, {
             className: "w-44",
+            dataTestid: "delay-value",
             max: index.MAX_DELAY_VALUE,
             min: index.MIN_DELAY_VALUE,
             name: "".concat(name, ".value.value"),
@@ -3751,6 +3762,7 @@ var DelayPane = function DelayPane(_ref) {
             size: "large",
             type: "number"
           }), /*#__PURE__*/jsxRuntime.jsx(Select, {
+            dataTestid: "delay-unit",
             defaultValue: neetoCist.findBy({
               value: value === null || value === void 0 ? void 0 : value.unit
             }, unitOptions),
@@ -3787,6 +3799,7 @@ var asText = function asText(value) {
 var NumberStepper = function NumberStepper(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
+    dataTestid = _ref.dataTestid,
     label = _ref.label,
     _ref$min = _ref.min,
     min = _ref$min === void 0 ? STEPPER_MIN_VALUE : _ref$min,
@@ -3820,6 +3833,7 @@ var NumberStepper = function NumberStepper(_ref) {
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "mb-stepper",
     children: /*#__PURE__*/jsxRuntime.jsx(Input, {
+      dataTestid: dataTestid,
       error: error,
       label: label,
       min: min,
@@ -3832,6 +3846,7 @@ var NumberStepper = function NumberStepper(_ref) {
         children: [/*#__PURE__*/jsxRuntime.jsx("button", {
           "aria-label": t("neetoRules.builder.aria.increase"),
           className: "mb-stepper-btn",
+          "data-testid": "stepper-increase",
           tabIndex: SKIP_TAB_INDEX,
           type: "button",
           onClick: function onClick() {
@@ -3841,6 +3856,7 @@ var NumberStepper = function NumberStepper(_ref) {
         }), /*#__PURE__*/jsxRuntime.jsx("button", {
           "aria-label": t("neetoRules.builder.aria.decrease"),
           className: "mb-stepper-btn",
+          "data-testid": "stepper-decrease",
           tabIndex: SKIP_TAB_INDEX,
           type: "button",
           onClick: function onClick() {
@@ -3902,6 +3918,7 @@ var LeadTimePane = function LeadTimePane(_ref) {
       children: /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-col gap-y-1",
         children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+          "data-testid": "pane-title",
           style: "h3",
           children: t("neetoRules.builder.leadTimeTitle")
         }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
@@ -3923,6 +3940,7 @@ var LeadTimePane = function LeadTimePane(_ref) {
           children: [/*#__PURE__*/jsxRuntime.jsx("div", {
             className: "flex-1",
             children: /*#__PURE__*/jsxRuntime.jsx(NumberStepper, {
+              dataTestid: "lead-time",
               error: touched ? error : "",
               value: amount,
               onChange: function onChange(value) {
@@ -3935,6 +3953,7 @@ var LeadTimePane = function LeadTimePane(_ref) {
           }), /*#__PURE__*/jsxRuntime.jsx("div", {
             className: "w-32 shrink-0",
             children: /*#__PURE__*/jsxRuntime.jsx(Select$1, {
+              dataTestid: "lead-time-unit",
               isSearchable: false,
               options: LEAD_TIME_UNITS,
               value: neetoCist.findBy({
@@ -3968,6 +3987,7 @@ var NamePane = function NamePane(_ref) {
       children: /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-col gap-y-1",
         children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+          "data-testid": "pane-title",
           style: "h3",
           children: t("neetoRules.builder.automationName")
         }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
@@ -4145,6 +4165,7 @@ var OptionsPane = function OptionsPane(_ref) {
     if (ramda.isEmpty(filtered)) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "mb-pane-empty",
+        "data-testid": "pane-no-matches",
         children: t("neetoRules.builder.noMatches")
       });
     }
@@ -4204,6 +4225,7 @@ var OptionsPane = function OptionsPane(_ref) {
       children: /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex w-full flex-col gap-y-2",
         children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+          "data-testid": "pane-title",
           style: "h3",
           children: title
         }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
@@ -4214,6 +4236,7 @@ var OptionsPane = function OptionsPane(_ref) {
           className: "mb-pane-search",
           ref: searchRef,
           children: /*#__PURE__*/jsxRuntime.jsx(Input, {
+            dataTestid: "pane-search",
             placeholder: t("neetoRules.builder.searchPlaceholder"),
             prefix: /*#__PURE__*/jsxRuntime.jsx(Search, {}),
             size: "large",
@@ -4228,6 +4251,7 @@ var OptionsPane = function OptionsPane(_ref) {
       children: [renderBody(), belowContent]
     }), cascade && /*#__PURE__*/jsxRuntime.jsx(index.Panel.Footer, {
       children: /*#__PURE__*/jsxRuntime.jsx(Button, {
+        "data-testid": "continue-button",
         disabled: !canContinue,
         label: t("neetoRules.buttons.continue"),
         size: "large",
@@ -4390,6 +4414,7 @@ var RecipientPane = function RecipientPane(_ref) {
       children: /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex w-full flex-col gap-y-2",
         children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+          "data-testid": "pane-title",
           style: "h3",
           children: meta.recipientTitle || t("neetoRules.builder.panes.recipientTitle")
         }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
@@ -4436,6 +4461,7 @@ var ConditionValueFields = function ConditionValueFields(_ref) {
   };
   var noMatches = /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "mb-pane-empty",
+    "data-testid": "pane-no-matches",
     children: t("neetoRules.builder.noMatches")
   });
   if (type === CONDITION_VALUE_TYPES.multiSelect && neetoCist.isNotEmpty(enumOptions)) {
@@ -4590,6 +4616,7 @@ var ValuePane = function ValuePane(_ref) {
       children: /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex w-full flex-col gap-y-2",
         children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+          "data-testid": "pane-title",
           style: "h3",
           children: t("neetoRules.builder.pickValue", {
             field: (field === null || field === void 0 ? void 0 : field.label) || t("neetoRules.builder.valueWord")
@@ -4604,6 +4631,7 @@ var ValuePane = function ValuePane(_ref) {
           className: "mb-pane-search",
           ref: searchRef,
           children: /*#__PURE__*/jsxRuntime.jsx(Input, {
+            dataTestid: "pane-search",
             placeholder: t("neetoRules.builder.searchPlaceholder"),
             prefix: /*#__PURE__*/jsxRuntime.jsx(Search, {}),
             size: "large",