@bigbinary/neeto-rules-frontend 2.5.45 → 2.5.46

package/dist/cjs/NeetoRulesForm.js

@@ -104,7 +104,7 @@ var Body = function Body(_ref) {
   var children = _ref.children,
     className = _ref.className;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    "data-cy": "pane-body",
+    "data-testid": "pane-body",
     className: classNames("neeto-rules-side-panel__body grow overflow-y-auto p-6", _defineProperty({}, className, className)),
     children: children
   });
@@ -114,7 +114,7 @@ var Footer = function Footer(_ref) {
   var children = _ref.children,
     className = _ref.className;
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    "data-cy": "pane-footer",
+    "data-testid": "pane-footer",
     className: classNames("neeto-rules-side-panel__footer neeto-ui-border-gray-200 flex items-center justify-between border-t p-6", className),
     children: children
   });
@@ -132,14 +132,14 @@ var Header = function Header(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    "data-cy": "pane-header",
+    "data-testid": "pane-header",
     className: classNames("neeto-rules-side-panel__header neeto-ui-border-gray-200 flex items-start justify-between border-b p-6", _defineProperty({}, className, className)),
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex min-w-0 grow",
       children: children
     }), /*#__PURE__*/jsxRuntime.jsx(Button, {
       className: "shrink-0 scale-x-[-1] rtl:rotate-180",
-      "data-cy": "collapse-sidebar-button",
+      "data-testid": "collapse-sidebar-button",
       icon: Collapse,
       size: "medium",
       style: "text",
@@ -425,11 +425,11 @@ var ActionPanel = function ActionPanel() {
       children: /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-col space-y-2",
         children: [/*#__PURE__*/jsxRuntime.jsxs(Typography, {
-          "data-cy": "action-title",
+          "data-testid": "action-title",
           style: "h3",
           children: [label, "..."]
         }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
-          "data-cy": "action-description",
+          "data-testid": "action-description",
           style: "body2",
           children: t("neetoRules.form.addActionDescription")
         })]
@@ -440,7 +440,7 @@ var ActionPanel = function ActionPanel() {
       }),
       children: [(isSearchable || errorMessage) && /*#__PURE__*/jsxRuntime.jsxs(StickySidebarHeader, {
         children: [isSearchable && /*#__PURE__*/jsxRuntime.jsx(Input$1, {
-          "data-cy": "search-text-field",
+          "data-testid": "search-text-field",
           placeholder: t("neetoRules.common.search"),
           prefix: /*#__PURE__*/jsxRuntime.jsx(Search, {}),
           value: searchTerm,
@@ -472,12 +472,12 @@ var ActionPanel = function ActionPanel() {
         })
       }) : /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "py-1 text-sm",
-        "data-cy": "no-options-menu-item",
+        "data-testid": "no-options-menu-item",
         children: t("neetoRules.common.noOptions")
       })]
     }), /*#__PURE__*/jsxRuntime.jsx(Panel.Footer, {
       children: /*#__PURE__*/jsxRuntime.jsx(Button, {
-        "data-cy": "continue-button",
+        "data-testid": "continue-button",
         onClick: handleContinue,
         children: t("neetoRules.buttons.continue")
       })
@@ -558,12 +558,12 @@ var Target$k = function Target(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [separator && /*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
-      "data-cy": "long-text-action-separator-text",
+      "data-testid": "long-text-action-separator-text",
       style: "h5",
       weight: "normal",
       children: separator
     }), /*#__PURE__*/jsxRuntime.jsx(Button, {
-      "data-cy": "long-text-action-button",
+      "data-testid": "long-text-action-button",
       label: label.toLowerCase(),
       style: "link",
       className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -798,7 +798,7 @@ var CustomHeaders = function CustomHeaders(_ref) {
     children: [/*#__PURE__*/jsxRuntime.jsx(Switch, _objectSpread$t({
       label: label,
       onFocus: onFocus,
-      "data-cy": "neeto-rules-api-fields-".concat(neetoCist.hyphenate(label), "-switch"),
+      "data-testid": "neeto-rules-api-fields-".concat(neetoCist.hyphenate(label), "-switch"),
       name: switchName,
       onChange: handleChange
     }, withHelpPopover(helpPopoverProps))), isCustomHeadersEnabled && /*#__PURE__*/jsxRuntime.jsx(KeyValuePairsField, {
@@ -911,7 +911,7 @@ var JsonEditor = function JsonEditor(_ref) {
     className: "space-y-2",
     children: [/*#__PURE__*/jsxRuntime.jsx(Label, _objectSpread$s(_objectSpread$s({
       required: true,
-      "data-cy": "api-field-body"
+      "data-testid": "api-field-body"
     }, neetoCist.isPresent(helpPopoverProps) && {
       helpIconProps: {
         icon: Help,
@@ -939,7 +939,7 @@ var JsonEditor = function JsonEditor(_ref) {
         onMount: handleEditorDidMount
       }), error && touched && /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "neeto-ui-input__error",
-        "data-cy": "json-field-input-error",
+        "data-testid": "json-field-input-error",
         children: error
       })]
     })]
@@ -968,7 +968,7 @@ var SaveAsTemplate = function SaveAsTemplate(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: classNames(["flex flex-col space-y-4", className]),
     children: [/*#__PURE__*/jsxRuntime.jsx(Switch, {
-      "data-cy": "neeto-rules-save-as-template-switch",
+      "data-testid": "neeto-rules-save-as-template-switch",
       label: t("neetoRules.labels.saveAsTemplate"),
       name: switchName,
       onChange: handleChange
@@ -1075,12 +1075,12 @@ var Target$j = function Target(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
-      "data-cy": "api-action-separator-text",
+      "data-testid": "api-action-separator-text",
       style: "h5",
       weight: "normal",
       children: separator
     }), /*#__PURE__*/jsxRuntime.jsx(Button, {
-      "data-cy": "api-action-button",
+      "data-testid": "api-action-button",
       label: defaultLabel.toLowerCase(),
       style: "link",
       className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -1151,7 +1151,7 @@ var ApiFields = function ApiFields(_ref2) {
     }), /*#__PURE__*/jsxRuntime.jsx(Input$2, {
       required: true,
       className: "mb-4",
-      "data-cy": "api-action-endpoint-text-field",
+      "data-testid": "api-action-endpoint-text-field",
       label: t("neetoRules.labels.endpoint"),
       name: "".concat(name, ".endpoint"),
       placeholder: SAMPLE_ENDPOINT,
@@ -1204,7 +1204,7 @@ var Target$i = function Target(_ref) {
       weight: "normal",
       children: separator
     }), /*#__PURE__*/jsxRuntime.jsx(Button, {
-      "data-cy": "custom-action-button-".concat(neetoCist.hyphenate(defaultLabel)),
+      "data-testid": "custom-action-button-".concat(neetoCist.hyphenate(defaultLabel)),
       label: defaultLabel.toLowerCase(),
       style: "link",
       className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -1261,7 +1261,7 @@ var Target$h = function Target(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [!selectedField.hideSeparator && /*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
-      "data-cy": "action-dropdown-seperator-text",
+      "data-testid": "action-dropdown-seperator-text",
       style: "h5",
       weight: "normal",
       children: separator
@@ -1382,7 +1382,7 @@ var EditorAction = function EditorAction(_ref) {
     variables: variables,
     hideSlashCommands: true,
     className: "w-full",
-    "data-cy": "neeto-editor",
+    "data-testid": "neeto-editor",
     key: name,
     ref: editorRef,
     onChange: setEditorData
@@ -1428,12 +1428,12 @@ var Target$g = function Target(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [!selectedField.hideSeparator && /*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
-      "data-cy": "action-dropdown-seperator-text",
+      "data-testid": "action-dropdown-seperator-text",
       style: "h5",
       weight: "normal",
       children: separator
     }), /*#__PURE__*/jsxRuntime.jsx(Button, {
-      "data-cy": "action-dropdown-button",
+      "data-testid": "action-dropdown-button",
       label: selectedOption === null || selectedOption === void 0 || (_selectedOption$label = selectedOption.label) === null || _selectedOption$label === void 0 ? void 0 : _selectedOption$label.toLowerCase(),
       style: "link",
       className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -1501,7 +1501,7 @@ var SelectField$2 = function SelectField(_ref2) {
       onFocus: setFieldActive
     })), handleSlackChannelRefresh && action.name === "message_to_slack" && /*#__PURE__*/jsxRuntime.jsx(Button, {
       className: "mt-[22px]",
-      "data-cy": "refresh-slack-button",
+      "data-testid": "refresh-slack-button",
       icon: Refresh,
       size: "medium",
       style: "secondary",
@@ -1547,12 +1547,12 @@ var Target$f = function Target(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
-      "data-cy": "action-email-seperator-text",
+      "data-testid": "action-email-seperator-text",
       style: "h5",
       weight: "normal",
       children: separator
     }), /*#__PURE__*/jsxRuntime.jsx(Button, {
-      "data-cy": "email-action-button",
+      "data-testid": "email-action-button",
       label: defaultLabel.toLowerCase(),
       style: "link",
       className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -1651,7 +1651,7 @@ var EmailFields = function EmailFields(_ref2) {
     }), !selectedField.hideSubject && /*#__PURE__*/jsxRuntime.jsx(Input$2, {
       required: true,
       className: "mb-4",
-      "data-cy": "email-action-subject-text-field",
+      "data-testid": "email-action-subject-text-field",
       label: t("neetoRules.labels.subject"),
       name: "".concat(name, ".subject"),
       ref: isFirstFieldInForm("subject") ? initialFocusRef : null,
@@ -1699,13 +1699,13 @@ var Target$e = function Target(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [!selectedField.hideSeparator && /*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700 mt-1",
-      "data-cy": "action-dropdown-seperator-text",
+      "data-testid": "action-dropdown-seperator-text",
       style: "h5",
       weight: "normal",
       children: separator
     }), /*#__PURE__*/jsxRuntime.jsx(Button, {
       label: label,
-      "data-cy": "action-value-input-button",
+      "data-testid": "action-value-input-button",
       style: "link",
       className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
         "neeto-ui-text-accent-800": isFieldActive,
@@ -1814,7 +1814,7 @@ var InlineInput = /*#__PURE__*/react.forwardRef(function (props, ref) {
       autoFocus: true,
       required: true,
       className: "neeto-planner-inline-input",
-      "data-cy": "inline-input-field",
+      "data-testid": "inline-input-field",
       value: inputValue,
       ref: function ref(node) {
         inputFieldEscapeHotkeyRef.current = node;
@@ -1826,7 +1826,7 @@ var InlineInput = /*#__PURE__*/react.forwardRef(function (props, ref) {
     }, otherProps), {}, {
       suffix: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
-          "data-cy": "inline-input-submit-button",
+          "data-testid": "inline-input-submit-button",
           disabled: !isValidValue,
           icon: Check,
           style: "text",
@@ -1834,7 +1834,7 @@ var InlineInput = /*#__PURE__*/react.forwardRef(function (props, ref) {
           onClick: onSubmit
         }), /*#__PURE__*/jsxRuntime.jsx(Button, {
           ref: ref,
-          "data-cy": "inline-input-cancel-button",
+          "data-testid": "inline-input-cancel-button",
           icon: Close,
           style: "text",
           tooltipProps: LIST_FIELD_TOOLTIP_PROPS.cancel,
@@ -1870,12 +1870,12 @@ var Target$d = function Target(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
-      "data-cy": "list-action-separator-text",
+      "data-testid": "list-action-separator-text",
       style: "h5",
       weight: "normal",
       children: separator
     }), /*#__PURE__*/jsxRuntime.jsx(Button, {
-      "data-cy": "list-action-button",
+      "data-testid": "list-action-button",
       label: t("neetoRules.form.list"),
       style: "link",
       className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -1916,12 +1916,12 @@ var ListField = function ListField(_ref2) {
               className: "neeto-ui-bg-white flex flex-wrap justify-between border border-dashed px-2 py-1",
               children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
                 className: "w-4/5 overflow-x-auto",
-                "data-cy": "list-action-item-label",
+                "data-testid": "list-action-item-label",
                 style: "body2",
                 children: item
               }), /*#__PURE__*/jsxRuntime.jsx(Button, {
                 className: "shrink-0",
-                "data-cy": "list-action-delete-item-button",
+                "data-testid": "list-action-delete-item-button",
                 icon: Delete,
                 size: "medium",
                 style: "text",
@@ -1936,7 +1936,7 @@ var ListField = function ListField(_ref2) {
             children: function children(message) {
               return /*#__PURE__*/jsxRuntime.jsx(Typography, {
                 className: "neeto-ui-text-error-500 neeto-ui-text-gray-700",
-                "data-cy": "list-action-error-message",
+                "data-testid": "list-action-error-message",
                 style: "h5",
                 children: message
               });
@@ -1950,7 +1950,7 @@ var ListField = function ListField(_ref2) {
             }
           }) : /*#__PURE__*/jsxRuntime.jsx(Button, {
             ref: ref,
-            "data-cy": "list-action-add-item-button",
+            "data-testid": "list-action-add-item-button",
             icon: Plus,
             label: t("neetoRules.common.addItem"),
             size: "medium",
@@ -1997,7 +1997,7 @@ var Target$c = function Target(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [!selectedField.hideSeparator && /*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
-      "data-cy": "multi-select-action-separator-text",
+      "data-testid": "multi-select-action-separator-text",
       style: "h5",
       weight: "normal",
       children: separator
@@ -2017,7 +2017,7 @@ var Target$c = function Target(_ref) {
               what: ""
             })
           }), /*#__PURE__*/jsxRuntime.jsx(Button, {
-            "data-cy": "multi-select-action-button",
+            "data-testid": "multi-select-action-button",
             label: option === null || option === void 0 ? void 0 : option.label.toLowerCase(),
             style: "link",
             className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -2126,7 +2126,7 @@ var Target$b = function Target(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [!selectedField.hideSeparator && /*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
-      "data-cy": "multi-select-action-separator-text",
+      "data-testid": "multi-select-action-separator-text",
       style: "h5",
       weight: "normal",
       children: separator
@@ -2146,7 +2146,7 @@ var Target$b = function Target(_ref) {
               what: ""
             })
           }), /*#__PURE__*/jsxRuntime.jsx(Button, {
-            "data-cy": "multi-select-action-button",
+            "data-testid": "multi-select-action-button",
             label: option === null || option === void 0 ? void 0 : option.label.toLowerCase(),
             style: "link",
             className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -2212,7 +2212,7 @@ var MultiSelectCheckbox$1 = function MultiSelectCheckbox(_ref2) {
       return /*#__PURE__*/react.createElement(Checkbox, {
         ref: ref,
         checked: selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.includes(option.value),
-        "data-cy": "".concat(utils.joinHyphenCase(option.label), "-checkbox"),
+        "data-testid": "".concat(utils.joinHyphenCase(option.label), "-checkbox"),
         id: option.value,
         key: option.value,
         label: option.label,
@@ -2256,12 +2256,12 @@ var Target$a = function Target(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
-      "data-cy": "note-action-separator-text",
+      "data-testid": "note-action-separator-text",
       style: "h5",
       weight: "normal",
       children: separator
     }), /*#__PURE__*/jsxRuntime.jsx(Button, {
-      "data-cy": "note-action-button",
+      "data-testid": "note-action-button",
       label: defaultLabel.toLowerCase(),
       style: "link",
       className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -2336,12 +2336,12 @@ var Target$9 = function Target(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [!selectedField.hideSeparator && /*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
-      "data-cy": "action-radio-seperator-text",
+      "data-testid": "action-radio-seperator-text",
       style: "h5",
       weight: "normal",
       children: separator
     }), /*#__PURE__*/jsxRuntime.jsx(Button, {
-      "data-cy": "action-radio-button",
+      "data-testid": "action-radio-button",
       label: selectedOption === null || selectedOption === void 0 || (_selectedOption$label = selectedOption.label) === null || _selectedOption$label === void 0 ? void 0 : _selectedOption$label.toLowerCase(),
       style: "link",
       className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -2469,7 +2469,7 @@ var STYLES = {
 };
 var MultiValueRemove = function MultiValueRemove(props) {
   return /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.MultiValueRemove, _objectSpread$m(_objectSpread$m({}, props), {}, {
-    innerProps: _objectSpread$m(_objectSpread$m({}, props.innerProps), {}, _defineProperty({}, "data-cy", "".concat(dasherize(props.data.label), "-remove-icon"))),
+    innerProps: _objectSpread$m(_objectSpread$m({}, props.innerProps), {}, _defineProperty({}, "data-testid", "".concat(dasherize(props.data.label), "-remove-icon"))),
     children: /*#__PURE__*/jsxRuntime.jsx(Close, {
       size: 16
     })
@@ -2490,7 +2490,7 @@ var ValueContainer = function ValueContainer(_ref) {
     rest = _children.slice(1);
   var shouldCollapse = !isFocused && value.length > visiblePhoneNumbersCount;
   return /*#__PURE__*/jsxRuntime.jsxs(reactSelect.components.ValueContainer, _objectSpread$m(_objectSpread$m({}, props), {}, {
-    innerProps: _objectSpread$m(_objectSpread$m({}, props.innerProps), {}, _defineProperty({}, "data-cy", "multi-phone-number-input-container")),
+    innerProps: _objectSpread$m(_objectSpread$m({}, props.innerProps), {}, _defineProperty({}, "data-testid", "multi-phone-number-input-container")),
     children: [shouldCollapse ? firstChild.slice(0, visiblePhoneNumbersCount) : firstChild, shouldCollapse && /*#__PURE__*/jsxRuntime.jsx(Tag, {
       style: "secondary",
       label: t("neetoRules.labels.remainingItemsCount", {
@@ -2501,7 +2501,7 @@ var ValueContainer = function ValueContainer(_ref) {
 };
 var ClearIndicator = function ClearIndicator(props) {
   return /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.ClearIndicator, _objectSpread$m(_objectSpread$m({}, props), {}, {
-    innerProps: _objectSpread$m(_objectSpread$m({}, props.innerProps), {}, _defineProperty({}, "data-cy", "clear-all-button")),
+    innerProps: _objectSpread$m(_objectSpread$m({}, props.innerProps), {}, _defineProperty({}, "data-testid", "clear-all-button")),
     children: /*#__PURE__*/jsxRuntime.jsx(Close, {
       className: "cursor-pointer",
       size: 16
@@ -2592,7 +2592,7 @@ var MultiPhoneNumberInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
       children: /*#__PURE__*/jsxRuntime.jsx(Label, {
         required: true,
         className: "neeto-ui-email-input__label",
-        "data-cy": "".concat(dasherize(label), "-input-label"),
+        "data-testid": "".concat(dasherize(label), "-input-label"),
         children: label
       })
     }), /*#__PURE__*/jsxRuntime.jsx(CreatableSelect, _objectSpread$l({
@@ -2628,7 +2628,7 @@ var MultiPhoneNumberInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
       value: value
     }, otherProps))), !!error && /*#__PURE__*/jsxRuntime.jsxs("p", {
       className: "neeto-ui-input__error",
-      "data-cy": "".concat(dasherize(label), "-input-error"),
+      "data-testid": "".concat(dasherize(label), "-input-error"),
       children: [formatErrorMessage(error), isFilterPhoneNumbersLinkVisible && /*#__PURE__*/jsxRuntime.jsxs("span", {
         className: "neeto-ui-font-semibold cursor-pointer",
         onClick: handleFilterPhoneNumbers,
@@ -2636,7 +2636,7 @@ var MultiPhoneNumberInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
       })]
     }), /*#__PURE__*/jsxRuntime.jsx("p", {
       className: "neeto-ui-input__help-text",
-      "data-cy": "".concat(dasherize(label), "-input-help"),
+      "data-testid": "".concat(dasherize(label), "-input-help"),
       children: t("neetoRules.helpTexts.phoneNumber")
     })]
   });
@@ -2711,12 +2711,12 @@ var Target$8 = function Target(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-700",
-      "data-cy": "sms-action-separator-text",
+      "data-testid": "sms-action-separator-text",
       style: "h5",
       weight: "normal",
       children: separator
     }), /*#__PURE__*/jsxRuntime.jsx(Button, {
-      "data-cy": "sms-action-button",
+      "data-testid": "sms-action-button",
       label: defaultLabel.toLowerCase(),
       style: "link",
       className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -3250,7 +3250,7 @@ var ActionSubItemPanel = function ActionSubItemPanel() {
           className: "flex items-center space-x-2",
           children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
             className: "shrink-0 rtl:rotate-180",
-            "data-cy": "back-button",
+            "data-testid": "back-button",
             icon: Left,
             size: "medium",
             style: "text",
@@ -3268,12 +3268,12 @@ var ActionSubItemPanel = function ActionSubItemPanel() {
               }));
             }
           }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
-            "data-cy": "action-sub-item-title",
+            "data-testid": "action-sub-item-title",
             style: "h3",
             children: header
           })]
         }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
-          "data-cy": "action-sub-item-description",
+          "data-testid": "action-sub-item-description",
           style: "body2",
           children: t("neetoRules.form.addActionSubItemDescription")
         })]
@@ -3302,7 +3302,7 @@ var ActionSubItemPanel = function ActionSubItemPanel() {
       })]
     }), /*#__PURE__*/jsxRuntime.jsx(Panel.Footer, {
       children: /*#__PURE__*/jsxRuntime.jsx(Button, {
-        "data-cy": "continue-button",
+        "data-testid": "continue-button",
         onClick: handleContinue,
         children: t("neetoRules.buttons.continue")
       })
@@ -3338,6 +3338,7 @@ var Target$7 = function Target(_ref) {
   var isFieldInvalid = meta.touched && meta.error;
   return /*#__PURE__*/jsxRuntime.jsx(Button, {
     label: label,
+    "data-testid": "condition-value-select-date-button",
     style: "link",
     className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
       "neeto-ui-text-accent-800": isFieldActive,
@@ -3433,7 +3434,7 @@ var Target$6 = function Target(_ref) {
   var label = valueTerm !== null && valueTerm !== void 0 && valueTerm.trim().length ? valueTerm : t("neetoRules.form.addValue");
   return /*#__PURE__*/jsxRuntime.jsx(Button, {
     label: label,
-    "data-cy": "condition-value-input-button",
+    "data-testid": "condition-value-input-button",
     style: "link",
     className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
       "neeto-ui-text-accent-800": isFieldActive,
@@ -3511,7 +3512,7 @@ var Target$5 = function Target(_ref) {
           weight: "normal",
           children: t("neetoRules.common.or")
         }), /*#__PURE__*/jsxRuntime.jsx(Button, {
-          "data-cy": "condition-value-multi-select-field",
+          "data-testid": "condition-value-multi-select-field",
           label: option === null || option === void 0 || (_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.toLowerCase(),
           style: "link",
           className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -3526,7 +3527,7 @@ var Target$5 = function Target(_ref) {
       }, idx);
     })
   }) : /*#__PURE__*/jsxRuntime.jsx(Button, {
-    "data-cy": "condition-value-multi-select-field",
+    "data-testid": "condition-value-multi-select-field",
     label: defaultLabel,
     style: "link",
     className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -3619,7 +3620,7 @@ var Target$4 = function Target(_ref) {
           weight: "normal",
           children: t("neetoRules.common.or")
         }), /*#__PURE__*/jsxRuntime.jsx(Button, {
-          "data-cy": "condition-value-multi-select-field",
+          "data-testid": "condition-value-multi-select-field",
           label: option === null || option === void 0 || (_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.toLowerCase(),
           style: "link",
           className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -3634,7 +3635,7 @@ var Target$4 = function Target(_ref) {
       }, idx);
     })
   }) : /*#__PURE__*/jsxRuntime.jsx(Button, {
-    "data-cy": "condition-value-multi-select-field",
+    "data-testid": "condition-value-multi-select-field",
     label: defaultLabel,
     style: "link",
     className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -3686,7 +3687,7 @@ var MultiSelectCheckbox = function MultiSelectCheckbox(_ref2) {
         return /*#__PURE__*/react.createElement(Checkbox, _objectSpread$i({
           ref: ref,
           checked: selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.includes(option.value),
-          "data-cy": "".concat(utils.joinHyphenCase(option.label), "-checkbox"),
+          "data-testid": "".concat(utils.joinHyphenCase(option.label), "-checkbox"),
           id: option.value,
           key: option.value,
           label: option.label,
@@ -3774,7 +3775,7 @@ var Target$3 = function Target(_ref) {
           weight: "normal",
           children: t("neetoRules.common.or")
         }), /*#__PURE__*/jsxRuntime.jsx(Button, {
-          "data-cy": "condition-value-multi-select-field",
+          "data-testid": "condition-value-multi-select-field",
           label: option === null || option === void 0 || (_option$label = option.label) === null || _option$label === void 0 ? void 0 : _option$label.toLowerCase(),
           style: "link",
           className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -3789,7 +3790,7 @@ var Target$3 = function Target(_ref) {
       }, idx);
     })
   }) : /*#__PURE__*/jsxRuntime.jsx(Button, {
-    "data-cy": "condition-value-multi-select-field",
+    "data-testid": "condition-value-multi-select-field",
     label: defaultLabel,
     style: "link",
     className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -3833,7 +3834,7 @@ var MultiSelectCreate = function MultiSelectCreate(_ref2) {
     isCreateable: true,
     isMulti: true,
     className: "mt-4 w-full",
-    "data-cy": "multi-select-create-container",
+    "data-testid": "multi-select-create-container",
     innerRef: ref,
     label: t("neetoRules.labels.selectValues"),
     placeholder: t("neetoRules.placeholders.multiSelect"),
@@ -3877,7 +3878,7 @@ var Target$2 = function Target(_ref) {
     };
   }, [field.value, options]);
   return /*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$h({
-    "data-cy": "condition-value-dropdown-button",
+    "data-testid": "condition-value-dropdown-button",
     label: selectedOption === null || selectedOption === void 0 || (_selectedOption$label = selectedOption.label) === null || _selectedOption$label === void 0 ? void 0 : _selectedOption$label.toLowerCase(),
     style: "link",
     className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -3936,7 +3937,7 @@ var RadioField$1 = function RadioField(_ref2) {
     className: "w-full",
     children: [isSearchable && /*#__PURE__*/jsxRuntime.jsx(StickySidebarHeader, {
       children: /*#__PURE__*/jsxRuntime.jsx(Input$1, {
-        "data-cy": "search-text-field",
+        "data-testid": "search-text-field",
         placeholder: t("neetoRules.common.search"),
         prefix: /*#__PURE__*/jsxRuntime.jsx(Search, {}),
         value: searchTerm,
@@ -3967,7 +3968,7 @@ var RadioField$1 = function RadioField(_ref2) {
       })
     })) : /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "py-1 text-sm",
-      "data-cy": "no-options-menu-item",
+      "data-testid": "no-options-menu-item",
       children: t("neetoRules.common.noOptions")
     })]
   });
@@ -3981,8 +3982,8 @@ var Target$1 = function Target(_ref) {
     placeholder = _ref.placeholder,
     _ref$onClick = _ref.onClick,
     _onClick = _ref$onClick === void 0 ? neetoCist.noop : _ref$onClick,
-    _ref$dataCy = _ref.dataCy,
-    dataCy = _ref$dataCy === void 0 ? "condition-verb-dropdown-button" : _ref$dataCy;
+    _ref$dataTestid = _ref.dataTestid,
+    dataTestid = _ref$dataTestid === void 0 ? "condition-verb-dropdown-button" : _ref$dataTestid;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useField = formik.useField(name),
@@ -4004,7 +4005,7 @@ var Target$1 = function Target(_ref) {
     };
   }, [field.value, dropdownOptions]);
   return /*#__PURE__*/jsxRuntime.jsx(Button, {
-    "data-cy": dataCy,
+    "data-testid": dataTestid,
     label: selectedOption === null || selectedOption === void 0 || (_selectedOption$label = selectedOption.label) === null || _selectedOption$label === void 0 ? void 0 : _selectedOption$label.toLowerCase(),
     style: "link",
     className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -4095,6 +4096,7 @@ var Target = function Target(_ref) {
   var isFieldInvalid = meta.touched && meta.error;
   return /*#__PURE__*/jsxRuntime.jsx(Button, {
     label: label,
+    "data-testid": "condition-value-select-time-button",
     style: "link",
     className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
       "neeto-ui-text-accent-800": isFieldActive,
@@ -4215,11 +4217,11 @@ var FieldPanel = function FieldPanel() {
       children: /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-col space-y-2",
         children: [/*#__PURE__*/jsxRuntime.jsxs(Typography, {
-          "data-cy": "condition-title",
+          "data-testid": "condition-title",
           style: "h3",
           children: [index ? logicalOperatorLabel : conditionLabel, "..."]
         }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
-          "data-cy": "condition-description",
+          "data-testid": "condition-description",
           style: "body2",
           children: t("neetoRules.form.addConditionDescription")
         })]
@@ -4239,7 +4241,7 @@ var FieldPanel = function FieldPanel() {
       })
     }), /*#__PURE__*/jsxRuntime.jsx(Panel.Footer, {
       children: /*#__PURE__*/jsxRuntime.jsx(Button, {
-        "data-cy": "continue-button",
+        "data-testid": "continue-button",
         onClick: handleContinue,
         children: t("neetoRules.buttons.continue")
       })
@@ -4305,7 +4307,7 @@ var ValueField = function ValueField(_ref) {
   if (fieldType === constants.CONDITION_VALUE_TYPES.select || fieldType === constants.CONDITION_VALUE_TYPES.dropdown) {
     return isTarget ? /*#__PURE__*/jsxRuntime.jsx(SelectField$1.Target, {
       onClick: onClick,
-      dataCy: "select-value-dropdown-button",
+      dataTestid: "select-value-dropdown-button",
       dropdownOptions: options,
       name: "".concat(name, ".value")
     }) : /*#__PURE__*/jsxRuntime.jsx(SelectField$1, {
@@ -4458,12 +4460,12 @@ var VerbAndValuePanel = function VerbAndValuePanel() {
               }));
             }
           }), /*#__PURE__*/jsxRuntime.jsxs(Typography, {
-            "data-cy": "condition-verb-and-value-title",
+            "data-testid": "condition-verb-and-value-title",
             style: "h3",
             children: [index ? logicalOperatorLabel : conditionLabel, " ", fieldLabel, "..."]
           })]
         }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
-          "data-cy": "condition-verb-and-value-description",
+          "data-testid": "condition-verb-and-value-description",
           style: "body2",
           children: t("neetoRules.form.addConditionVerbAndValueDescription")
         })]
@@ -4488,7 +4490,7 @@ var VerbAndValuePanel = function VerbAndValuePanel() {
       })
     }), /*#__PURE__*/jsxRuntime.jsx(Panel.Footer, {
       children: /*#__PURE__*/jsxRuntime.jsx(Button, {
-        "data-cy": "continue-button",
+        "data-testid": "continue-button",
         onClick: handleContinue,
         children: t("neetoRules.buttons.continue")
       })
@@ -4793,11 +4795,11 @@ var EventsPanel = function EventsPanel() {
       children: /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-col space-y-2",
         children: [/*#__PURE__*/jsxRuntime.jsxs(Typography, {
-          "data-cy": "event-title",
+          "data-testid": "event-title",
           style: "h3",
           children: [t("neetoRules.common.when"), "..."]
         }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
-          "data-cy": "event-description",
+          "data-testid": "event-description",
           style: "body2",
           children: t("neetoRules.form.addEventDescription")
         })]
@@ -4808,7 +4810,7 @@ var EventsPanel = function EventsPanel() {
       }),
       children: [isSearchable && /*#__PURE__*/jsxRuntime.jsx(StickySidebarHeader, {
         children: /*#__PURE__*/jsxRuntime.jsx(Input$1, {
-          "data-cy": "search-text-field",
+          "data-testid": "search-text-field",
           placeholder: t("neetoRules.common.search"),
           prefix: /*#__PURE__*/jsxRuntime.jsx(Search, {}),
           value: searchTerm,
@@ -4830,7 +4832,7 @@ var EventsPanel = function EventsPanel() {
               ref: ref,
               onFocus: setFieldActive
             } : {}), {}, {
-              "data-cy": "".concat(utils.joinHyphenCase(option.label), "-radio"),
+              "data-testid": "".concat(utils.joinHyphenCase(option.label), "-radio"),
               key: option.value,
               label: option.label,
               value: option.value
@@ -4841,7 +4843,7 @@ var EventsPanel = function EventsPanel() {
             ref: ref
           } : {}), {}, {
             checked: eventNames === null || eventNames === void 0 ? void 0 : eventNames.includes(option.value),
-            "data-cy": "".concat(utils.joinHyphenCase(option.label), "-checkbox"),
+            "data-testid": "".concat(utils.joinHyphenCase(option.label), "-checkbox"),
             id: option.value,
             key: option.value,
             label: option.label,
@@ -4852,17 +4854,17 @@ var EventsPanel = function EventsPanel() {
           }));
         }) : /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "py-1 text-sm",
-          "data-cy": "no-options-menu-item",
+          "data-testid": "no-options-menu-item",
           children: t("neetoRules.common.noOptions")
         }), error && touched && /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "neeto-ui-input__error",
-          "data-cy": "event-field-input-error",
+          "data-testid": "event-field-input-error",
           children: error
         })]
       })]
     }), /*#__PURE__*/jsxRuntime.jsx(Panel.Footer, {
       children: /*#__PURE__*/jsxRuntime.jsx(Button, {
-        "data-cy": "continue-button",
+        "data-testid": "continue-button",
         onClick: handleContinue,
         children: t("neetoRules.buttons.continue")
       })
@@ -4935,7 +4937,7 @@ var PerformerPanel = function PerformerPanel() {
           className: "flex items-center space-x-2",
           children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
             className: "shrink-0 rtl:rotate-180",
-            "data-cy": "back-button",
+            "data-testid": "back-button",
             icon: Left,
             size: "medium",
             style: "text",
@@ -4952,12 +4954,12 @@ var PerformerPanel = function PerformerPanel() {
               }));
             }
           }), /*#__PURE__*/jsxRuntime.jsxs(Typography, {
-            "data-cy": "performer-title",
+            "data-testid": "performer-title",
             style: "h3",
             children: [t("neetoRules.form.actionTriggeredBy"), "..."]
           })]
         }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
-          "data-cy": "performer-description",
+          "data-testid": "performer-description",
           style: "body2",
           children: t("neetoRules.form.addPerformerDescription")
         })]
@@ -4984,7 +4986,7 @@ var PerformerPanel = function PerformerPanel() {
       })
     }), /*#__PURE__*/jsxRuntime.jsx(Panel.Footer, {
       children: /*#__PURE__*/jsxRuntime.jsx(Button, {
-        "data-cy": "continue-button",
+        "data-testid": "continue-button",
         onClick: handleContinue,
         children: t("neetoRules.buttons.continue")
       })
@@ -5520,7 +5522,7 @@ var ActionItem = function ActionItem(_ref) {
         weight: "normal",
         children: label
       }), /*#__PURE__*/jsxRuntime.jsx(Button, {
-        "data-cy": "action-dropdown-button",
+        "data-testid": "action-dropdown-button",
         label: selectedLabel.toLowerCase(),
         style: "link",
         className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -5556,7 +5558,7 @@ var Card = function Card(_ref) {
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "neeto-ui-text-gray-600",
-      "data-cy": "".concat(utils.joinHyphenCase(title), "-card-title"),
+      "data-testid": "".concat(utils.joinHyphenCase(title), "-card-title"),
       style: "h4",
       children: title
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -5643,7 +5645,7 @@ var Actions = function Actions(_ref) {
               }), /*#__PURE__*/jsxRuntime.jsxs("div", {
                 className: "flex flex-wrap shrink-0 self-center",
                 children: [showButton && index === actions.length - 1 && /*#__PURE__*/jsxRuntime.jsx(Button, {
-                  "data-cy": "add-action-button",
+                  "data-testid": "add-action-button",
                   icon: Plus,
                   size: "medium",
                   style: "text",
@@ -5656,7 +5658,7 @@ var Actions = function Actions(_ref) {
                     setShouldOpenPanel(true);
                   }
                 }), actions.length > 1 && /*#__PURE__*/jsxRuntime.jsx(Button, {
-                  "data-cy": "delete-action-button-".concat(index),
+                  "data-testid": "delete-action-button-".concat(index),
                   icon: Delete,
                   size: "medium",
                   style: "text",
@@ -5699,7 +5701,7 @@ var LogicalOperator = function LogicalOperator(_ref) {
     options: logicalOperatorOptions,
     value: name,
     customTarget: /*#__PURE__*/jsxRuntime.jsx(Button, {
-      "data-cy": "logic-operator-button",
+      "data-testid": "logic-operator-button",
       icon: Down,
       iconSize: 16,
       label: logicOperationLabel,
@@ -5961,7 +5963,7 @@ var Conditions = function Conditions(_ref) {
             }), /*#__PURE__*/jsxRuntime.jsxs("div", {
               className: "flex",
               children: [index === conditions.length - 1 && /*#__PURE__*/jsxRuntime.jsx(Button, {
-                "data-cy": "add-condition-button",
+                "data-testid": "add-condition-button",
                 icon: Plus,
                 size: "medium",
                 style: "text",
@@ -5973,7 +5975,7 @@ var Conditions = function Conditions(_ref) {
                   return handleAddCondition(arrayHelpers, condition.joinType);
                 }
               }), (allowEmpty || index !== 0) && /*#__PURE__*/jsxRuntime.jsx(Button, {
-                "data-cy": "delete-condition-button-".concat(index),
+                "data-testid": "delete-condition-button-".concat(index),
                 icon: Delete,
                 size: "medium",
                 style: "text",
@@ -5989,7 +5991,7 @@ var Conditions = function Conditions(_ref) {
           }, index);
         }), ramda.isEmpty(conditions) && /*#__PURE__*/jsxRuntime.jsx(Button, {
           className: "neeto-ui-text-gray-600 me-auto",
-          "data-cy": "add-condition-button",
+          "data-testid": "add-condition-button",
           label: t("neetoRules.form.addCondition"),
           style: "text",
           onClick: function onClick() {
@@ -5998,7 +6000,7 @@ var Conditions = function Conditions(_ref) {
         }), isCallback && neetoCist.isNotEmpty(conditions) && /*#__PURE__*/jsxRuntime.jsx("div", {
           children: /*#__PURE__*/jsxRuntime.jsx(Button, {
             className: "mt-2",
-            "data-cy": "preview-callback-button",
+            "data-testid": "preview-callback-button",
             icon: Eye,
             label: t("neetoRules.common.preview"),
             style: "secondary",
@@ -6101,7 +6103,7 @@ var AddDelay = function AddDelay(_ref) {
           })]
         }), /*#__PURE__*/jsxRuntime.jsx(Button, {
           className: "shrink-0",
-          "data-cy": "delete-delay-button",
+          "data-testid": "delete-delay-button",
           icon: Delete,
           size: "medium",
           style: "text",
@@ -6175,7 +6177,7 @@ var Performer = function Performer(_ref) {
       weight: "normal",
       children: t("neetoRules.common.by")
     }), /*#__PURE__*/jsxRuntime.jsx(Button, {
-      "data-cy": "event-performer-dropdown",
+      "data-testid": "event-performer-dropdown",
       label: selectedOption === null || selectedOption === void 0 || (_selectedOption$label = selectedOption.label) === null || _selectedOption$label === void 0 ? void 0 : _selectedOption$label.toLowerCase(),
       style: "link",
       className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -6261,7 +6263,7 @@ var Events = function Events(_ref) {
             weight: "normal",
             children: t("neetoRules.common.or")
           }), /*#__PURE__*/jsxRuntime.jsx(Button, {
-            "data-cy": "condition-value-multi-select-field",
+            "data-testid": "condition-value-multi-select-field",
             label: event === null || event === void 0 || (_event$label = event.label) === null || _event$label === void 0 ? void 0 : _event$label.toLowerCase(),
             style: "link",
             className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -6273,7 +6275,7 @@ var Events = function Events(_ref) {
         }, idx);
       })
     }) : /*#__PURE__*/jsxRuntime.jsx(Button, {
-      "data-cy": "condition-value-multi-select-field",
+      "data-testid": "condition-value-multi-select-field",
       label: defaultLabel,
       style: "link",
       className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -6359,8 +6361,7 @@ var EventConditions = function EventConditions(_ref) {
         }), showAddButton && /*#__PURE__*/jsxRuntime.jsx(Tooltip, _objectSpread$8(_objectSpread$8({}, tooltipProps), {}, {
           children: /*#__PURE__*/jsxRuntime.jsx("div", {
             children: /*#__PURE__*/jsxRuntime.jsx(Button, {
-              "data-cy": "add-condition-button",
-              "data-test-id": "automation-rules-add-events-button",
+              "data-testid": "add-condition-button",
               disabled: isConditionsEmpty,
               icon: Plus,
               size: "medium",
@@ -6468,7 +6469,7 @@ var RadioField = function RadioField(_ref) {
     className: "my-6",
     children: [/*#__PURE__*/jsxRuntime.jsx(Label, {
       className: "mb-4",
-      "data-cy": "radio-field-label",
+      "data-testid": "radio-field-label",
       children: label || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.label)
     }), /*#__PURE__*/jsxRuntime.jsx(Radio, _objectSpread$5(_objectSpread$5({
       name: "".concat(name, ".value")
@@ -6914,7 +6915,7 @@ var Form = function Form(_ref) {
                   onClick: handleCancel
                 },
                 submitButtonProps: {
-                  "data-cy": "form-submit-button"
+                  "data-testid": "form-submit-button"
                 }
               })
             })]