@bigbinary/neeto-rules-frontend 2.5.44 → 2.5.46

package/dist/NeetoRulesForm.js

@@ -83,7 +83,7 @@ var Body = function Body(_ref) {
   var children = _ref.children,
     className = _ref.className;
   return /*#__PURE__*/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
   });
@@ -93,7 +93,7 @@ var Footer = function Footer(_ref) {
   var children = _ref.children,
     className = _ref.className;
   return /*#__PURE__*/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
   });
@@ -111,14 +111,14 @@ var Header = function Header(_ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/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__*/jsx("div", {
       className: "flex min-w-0 grow",
       children: children
     }), /*#__PURE__*/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",
@@ -404,11 +404,11 @@ var ActionPanel = function ActionPanel() {
       children: /*#__PURE__*/jsxs("div", {
         className: "flex flex-col space-y-2",
         children: [/*#__PURE__*/jsxs(Typography, {
-          "data-cy": "action-title",
+          "data-testid": "action-title",
           style: "h3",
           children: [label, "..."]
         }), /*#__PURE__*/jsx(Typography, {
-          "data-cy": "action-description",
+          "data-testid": "action-description",
           style: "body2",
           children: t("neetoRules.form.addActionDescription")
         })]
@@ -419,7 +419,7 @@ var ActionPanel = function ActionPanel() {
       }),
       children: [(isSearchable || errorMessage) && /*#__PURE__*/jsxs(StickySidebarHeader, {
         children: [isSearchable && /*#__PURE__*/jsx(Input$1, {
-          "data-cy": "search-text-field",
+          "data-testid": "search-text-field",
           placeholder: t("neetoRules.common.search"),
           prefix: /*#__PURE__*/jsx(Search, {}),
           value: searchTerm,
@@ -451,12 +451,12 @@ var ActionPanel = function ActionPanel() {
         })
       }) : /*#__PURE__*/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__*/jsx(Panel.Footer, {
       children: /*#__PURE__*/jsx(Button, {
-        "data-cy": "continue-button",
+        "data-testid": "continue-button",
         onClick: handleContinue,
         children: t("neetoRules.buttons.continue")
       })
@@ -537,12 +537,12 @@ var Target$k = function Target(_ref) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [separator && /*#__PURE__*/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__*/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", {
@@ -777,7 +777,7 @@ var CustomHeaders = function CustomHeaders(_ref) {
     children: [/*#__PURE__*/jsx(Switch, _objectSpread$t({
       label: label,
       onFocus: onFocus,
-      "data-cy": "neeto-rules-api-fields-".concat(hyphenate(label), "-switch"),
+      "data-testid": "neeto-rules-api-fields-".concat(hyphenate(label), "-switch"),
       name: switchName,
       onChange: handleChange
     }, withHelpPopover(helpPopoverProps))), isCustomHeadersEnabled && /*#__PURE__*/jsx(KeyValuePairsField, {
@@ -890,7 +890,7 @@ var JsonEditor = function JsonEditor(_ref) {
     className: "space-y-2",
     children: [/*#__PURE__*/jsx(Label, _objectSpread$s(_objectSpread$s({
       required: true,
-      "data-cy": "api-field-body"
+      "data-testid": "api-field-body"
     }, isPresent(helpPopoverProps) && {
       helpIconProps: {
         icon: Help,
@@ -918,7 +918,7 @@ var JsonEditor = function JsonEditor(_ref) {
         onMount: handleEditorDidMount
       }), error && touched && /*#__PURE__*/jsx("div", {
         className: "neeto-ui-input__error",
-        "data-cy": "json-field-input-error",
+        "data-testid": "json-field-input-error",
         children: error
       })]
     })]
@@ -947,7 +947,7 @@ var SaveAsTemplate = function SaveAsTemplate(_ref) {
   return /*#__PURE__*/jsxs("div", {
     className: classNames(["flex flex-col space-y-4", className]),
     children: [/*#__PURE__*/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
@@ -1054,12 +1054,12 @@ var Target$j = function Target(_ref) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/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__*/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", {
@@ -1130,7 +1130,7 @@ var ApiFields = function ApiFields(_ref2) {
     }), /*#__PURE__*/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,
@@ -1183,6 +1183,7 @@ var Target$i = function Target(_ref) {
       weight: "normal",
       children: separator
     }), /*#__PURE__*/jsx(Button, {
+      "data-testid": "custom-action-button-".concat(hyphenate(defaultLabel)),
       label: defaultLabel.toLowerCase(),
       style: "link",
       className: classNames("neeto-ui-text-gray-800 neeto-ui-font-semibold underline", {
@@ -1239,7 +1240,7 @@ var Target$h = function Target(_ref) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [!selectedField.hideSeparator && /*#__PURE__*/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
@@ -1360,7 +1361,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
@@ -1406,12 +1407,12 @@ var Target$g = function Target(_ref) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [!selectedField.hideSeparator && /*#__PURE__*/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__*/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", {
@@ -1479,7 +1480,7 @@ var SelectField$2 = function SelectField(_ref2) {
       onFocus: setFieldActive
     })), handleSlackChannelRefresh && action.name === "message_to_slack" && /*#__PURE__*/jsx(Button, {
       className: "mt-[22px]",
-      "data-cy": "refresh-slack-button",
+      "data-testid": "refresh-slack-button",
       icon: Refresh,
       size: "medium",
       style: "secondary",
@@ -1525,12 +1526,12 @@ var Target$f = function Target(_ref) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/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__*/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", {
@@ -1629,7 +1630,7 @@ var EmailFields = function EmailFields(_ref2) {
     }), !selectedField.hideSubject && /*#__PURE__*/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,
@@ -1677,13 +1678,13 @@ var Target$e = function Target(_ref) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [!selectedField.hideSeparator && /*#__PURE__*/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__*/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,
@@ -1792,7 +1793,7 @@ var InlineInput = /*#__PURE__*/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;
@@ -1804,7 +1805,7 @@ var InlineInput = /*#__PURE__*/forwardRef(function (props, ref) {
     }, otherProps), {}, {
       suffix: /*#__PURE__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsx(Button, {
-          "data-cy": "inline-input-submit-button",
+          "data-testid": "inline-input-submit-button",
           disabled: !isValidValue,
           icon: Check,
           style: "text",
@@ -1812,7 +1813,7 @@ var InlineInput = /*#__PURE__*/forwardRef(function (props, ref) {
           onClick: onSubmit
         }), /*#__PURE__*/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,
@@ -1848,12 +1849,12 @@ var Target$d = function Target(_ref) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/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__*/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", {
@@ -1894,12 +1895,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__*/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__*/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",
@@ -1914,7 +1915,7 @@ var ListField = function ListField(_ref2) {
             children: function children(message) {
               return /*#__PURE__*/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
               });
@@ -1928,7 +1929,7 @@ var ListField = function ListField(_ref2) {
             }
           }) : /*#__PURE__*/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",
@@ -1975,7 +1976,7 @@ var Target$c = function Target(_ref) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [!selectedField.hideSeparator && /*#__PURE__*/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
@@ -1995,7 +1996,7 @@ var Target$c = function Target(_ref) {
               what: ""
             })
           }), /*#__PURE__*/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", {
@@ -2104,7 +2105,7 @@ var Target$b = function Target(_ref) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [!selectedField.hideSeparator && /*#__PURE__*/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
@@ -2124,7 +2125,7 @@ var Target$b = function Target(_ref) {
               what: ""
             })
           }), /*#__PURE__*/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", {
@@ -2190,7 +2191,7 @@ var MultiSelectCheckbox$1 = function MultiSelectCheckbox(_ref2) {
       return /*#__PURE__*/createElement(Checkbox, {
         ref: ref,
         checked: selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.includes(option.value),
-        "data-cy": "".concat(joinHyphenCase(option.label), "-checkbox"),
+        "data-testid": "".concat(joinHyphenCase(option.label), "-checkbox"),
         id: option.value,
         key: option.value,
         label: option.label,
@@ -2234,12 +2235,12 @@ var Target$a = function Target(_ref) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/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__*/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", {
@@ -2314,12 +2315,12 @@ var Target$9 = function Target(_ref) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [!selectedField.hideSeparator && /*#__PURE__*/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__*/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", {
@@ -2447,7 +2448,7 @@ var STYLES = {
 };
 var MultiValueRemove = function MultiValueRemove(props) {
   return /*#__PURE__*/jsx(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__*/jsx(Close, {
       size: 16
     })
@@ -2468,7 +2469,7 @@ var ValueContainer = function ValueContainer(_ref) {
     rest = _children.slice(1);
   var shouldCollapse = !isFocused && value.length > visiblePhoneNumbersCount;
   return /*#__PURE__*/jsxs(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__*/jsx(Tag, {
       style: "secondary",
       label: t("neetoRules.labels.remainingItemsCount", {
@@ -2479,7 +2480,7 @@ var ValueContainer = function ValueContainer(_ref) {
 };
 var ClearIndicator = function ClearIndicator(props) {
   return /*#__PURE__*/jsx(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__*/jsx(Close, {
       className: "cursor-pointer",
       size: 16
@@ -2570,7 +2571,7 @@ var MultiPhoneNumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
       children: /*#__PURE__*/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__*/jsx(CreatableSelect, _objectSpread$l({
@@ -2606,7 +2607,7 @@ var MultiPhoneNumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
       value: value
     }, otherProps))), !!error && /*#__PURE__*/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__*/jsxs("span", {
         className: "neeto-ui-font-semibold cursor-pointer",
         onClick: handleFilterPhoneNumbers,
@@ -2614,7 +2615,7 @@ var MultiPhoneNumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
       })]
     }), /*#__PURE__*/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")
     })]
   });
@@ -2689,12 +2690,12 @@ var Target$8 = function Target(_ref) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/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__*/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", {
@@ -3228,7 +3229,7 @@ var ActionSubItemPanel = function ActionSubItemPanel() {
           className: "flex items-center space-x-2",
           children: [/*#__PURE__*/jsx(Button, {
             className: "shrink-0 rtl:rotate-180",
-            "data-cy": "back-button",
+            "data-testid": "back-button",
             icon: Left,
             size: "medium",
             style: "text",
@@ -3246,12 +3247,12 @@ var ActionSubItemPanel = function ActionSubItemPanel() {
               }));
             }
           }), /*#__PURE__*/jsx(Typography, {
-            "data-cy": "action-sub-item-title",
+            "data-testid": "action-sub-item-title",
             style: "h3",
             children: header
           })]
         }), /*#__PURE__*/jsx(Typography, {
-          "data-cy": "action-sub-item-description",
+          "data-testid": "action-sub-item-description",
           style: "body2",
           children: t("neetoRules.form.addActionSubItemDescription")
         })]
@@ -3280,7 +3281,7 @@ var ActionSubItemPanel = function ActionSubItemPanel() {
       })]
     }), /*#__PURE__*/jsx(Panel.Footer, {
       children: /*#__PURE__*/jsx(Button, {
-        "data-cy": "continue-button",
+        "data-testid": "continue-button",
         onClick: handleContinue,
         children: t("neetoRules.buttons.continue")
       })
@@ -3316,6 +3317,7 @@ var Target$7 = function Target(_ref) {
   var isFieldInvalid = meta.touched && meta.error;
   return /*#__PURE__*/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,
@@ -3411,7 +3413,7 @@ var Target$6 = function Target(_ref) {
   var label = valueTerm !== null && valueTerm !== void 0 && valueTerm.trim().length ? valueTerm : t("neetoRules.form.addValue");
   return /*#__PURE__*/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,
@@ -3489,7 +3491,7 @@ var Target$5 = function Target(_ref) {
           weight: "normal",
           children: t("neetoRules.common.or")
         }), /*#__PURE__*/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", {
@@ -3504,7 +3506,7 @@ var Target$5 = function Target(_ref) {
       }, idx);
     })
   }) : /*#__PURE__*/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", {
@@ -3597,7 +3599,7 @@ var Target$4 = function Target(_ref) {
           weight: "normal",
           children: t("neetoRules.common.or")
         }), /*#__PURE__*/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", {
@@ -3612,7 +3614,7 @@ var Target$4 = function Target(_ref) {
       }, idx);
     })
   }) : /*#__PURE__*/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", {
@@ -3664,7 +3666,7 @@ var MultiSelectCheckbox = function MultiSelectCheckbox(_ref2) {
         return /*#__PURE__*/createElement(Checkbox, _objectSpread$i({
           ref: ref,
           checked: selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.includes(option.value),
-          "data-cy": "".concat(joinHyphenCase(option.label), "-checkbox"),
+          "data-testid": "".concat(joinHyphenCase(option.label), "-checkbox"),
           id: option.value,
           key: option.value,
           label: option.label,
@@ -3752,7 +3754,7 @@ var Target$3 = function Target(_ref) {
           weight: "normal",
           children: t("neetoRules.common.or")
         }), /*#__PURE__*/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", {
@@ -3767,7 +3769,7 @@ var Target$3 = function Target(_ref) {
       }, idx);
     })
   }) : /*#__PURE__*/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", {
@@ -3811,7 +3813,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"),
@@ -3855,7 +3857,7 @@ var Target$2 = function Target(_ref) {
     };
   }, [field.value, options]);
   return /*#__PURE__*/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", {
@@ -3914,7 +3916,7 @@ var RadioField$1 = function RadioField(_ref2) {
     className: "w-full",
     children: [isSearchable && /*#__PURE__*/jsx(StickySidebarHeader, {
       children: /*#__PURE__*/jsx(Input$1, {
-        "data-cy": "search-text-field",
+        "data-testid": "search-text-field",
         placeholder: t("neetoRules.common.search"),
         prefix: /*#__PURE__*/jsx(Search, {}),
         value: searchTerm,
@@ -3945,7 +3947,7 @@ var RadioField$1 = function RadioField(_ref2) {
       })
     })) : /*#__PURE__*/jsx("div", {
       className: "py-1 text-sm",
-      "data-cy": "no-options-menu-item",
+      "data-testid": "no-options-menu-item",
       children: t("neetoRules.common.noOptions")
     })]
   });
@@ -3959,8 +3961,8 @@ var Target$1 = function Target(_ref) {
     placeholder = _ref.placeholder,
     _ref$onClick = _ref.onClick,
     _onClick = _ref$onClick === void 0 ? 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 = useTranslation(),
     t = _useTranslation.t;
   var _useField = useField(name),
@@ -3982,7 +3984,7 @@ var Target$1 = function Target(_ref) {
     };
   }, [field.value, dropdownOptions]);
   return /*#__PURE__*/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", {
@@ -4073,6 +4075,7 @@ var Target = function Target(_ref) {
   var isFieldInvalid = meta.touched && meta.error;
   return /*#__PURE__*/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,
@@ -4193,11 +4196,11 @@ var FieldPanel = function FieldPanel() {
       children: /*#__PURE__*/jsxs("div", {
         className: "flex flex-col space-y-2",
         children: [/*#__PURE__*/jsxs(Typography, {
-          "data-cy": "condition-title",
+          "data-testid": "condition-title",
           style: "h3",
           children: [index ? logicalOperatorLabel : conditionLabel, "..."]
         }), /*#__PURE__*/jsx(Typography, {
-          "data-cy": "condition-description",
+          "data-testid": "condition-description",
           style: "body2",
           children: t("neetoRules.form.addConditionDescription")
         })]
@@ -4217,7 +4220,7 @@ var FieldPanel = function FieldPanel() {
       })
     }), /*#__PURE__*/jsx(Panel.Footer, {
       children: /*#__PURE__*/jsx(Button, {
-        "data-cy": "continue-button",
+        "data-testid": "continue-button",
         onClick: handleContinue,
         children: t("neetoRules.buttons.continue")
       })
@@ -4283,7 +4286,7 @@ var ValueField = function ValueField(_ref) {
   if (fieldType === CONDITION_VALUE_TYPES.select || fieldType === CONDITION_VALUE_TYPES.dropdown) {
     return isTarget ? /*#__PURE__*/jsx(SelectField$1.Target, {
       onClick: onClick,
-      dataCy: "select-value-dropdown-button",
+      dataTestid: "select-value-dropdown-button",
       dropdownOptions: options,
       name: "".concat(name, ".value")
     }) : /*#__PURE__*/jsx(SelectField$1, {
@@ -4436,12 +4439,12 @@ var VerbAndValuePanel = function VerbAndValuePanel() {
               }));
             }
           }), /*#__PURE__*/jsxs(Typography, {
-            "data-cy": "condition-verb-and-value-title",
+            "data-testid": "condition-verb-and-value-title",
             style: "h3",
             children: [index ? logicalOperatorLabel : conditionLabel, " ", fieldLabel, "..."]
           })]
         }), /*#__PURE__*/jsx(Typography, {
-          "data-cy": "condition-verb-and-value-description",
+          "data-testid": "condition-verb-and-value-description",
           style: "body2",
           children: t("neetoRules.form.addConditionVerbAndValueDescription")
         })]
@@ -4466,7 +4469,7 @@ var VerbAndValuePanel = function VerbAndValuePanel() {
       })
     }), /*#__PURE__*/jsx(Panel.Footer, {
       children: /*#__PURE__*/jsx(Button, {
-        "data-cy": "continue-button",
+        "data-testid": "continue-button",
         onClick: handleContinue,
         children: t("neetoRules.buttons.continue")
       })
@@ -4771,11 +4774,11 @@ var EventsPanel = function EventsPanel() {
       children: /*#__PURE__*/jsxs("div", {
         className: "flex flex-col space-y-2",
         children: [/*#__PURE__*/jsxs(Typography, {
-          "data-cy": "event-title",
+          "data-testid": "event-title",
           style: "h3",
           children: [t("neetoRules.common.when"), "..."]
         }), /*#__PURE__*/jsx(Typography, {
-          "data-cy": "event-description",
+          "data-testid": "event-description",
           style: "body2",
           children: t("neetoRules.form.addEventDescription")
         })]
@@ -4786,7 +4789,7 @@ var EventsPanel = function EventsPanel() {
       }),
       children: [isSearchable && /*#__PURE__*/jsx(StickySidebarHeader, {
         children: /*#__PURE__*/jsx(Input$1, {
-          "data-cy": "search-text-field",
+          "data-testid": "search-text-field",
           placeholder: t("neetoRules.common.search"),
           prefix: /*#__PURE__*/jsx(Search, {}),
           value: searchTerm,
@@ -4808,7 +4811,7 @@ var EventsPanel = function EventsPanel() {
               ref: ref,
               onFocus: setFieldActive
             } : {}), {}, {
-              "data-cy": "".concat(joinHyphenCase(option.label), "-radio"),
+              "data-testid": "".concat(joinHyphenCase(option.label), "-radio"),
               key: option.value,
               label: option.label,
               value: option.value
@@ -4819,7 +4822,7 @@ var EventsPanel = function EventsPanel() {
             ref: ref
           } : {}), {}, {
             checked: eventNames === null || eventNames === void 0 ? void 0 : eventNames.includes(option.value),
-            "data-cy": "".concat(joinHyphenCase(option.label), "-checkbox"),
+            "data-testid": "".concat(joinHyphenCase(option.label), "-checkbox"),
             id: option.value,
             key: option.value,
             label: option.label,
@@ -4830,17 +4833,17 @@ var EventsPanel = function EventsPanel() {
           }));
         }) : /*#__PURE__*/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__*/jsx("div", {
           className: "neeto-ui-input__error",
-          "data-cy": "event-field-input-error",
+          "data-testid": "event-field-input-error",
           children: error
         })]
       })]
     }), /*#__PURE__*/jsx(Panel.Footer, {
       children: /*#__PURE__*/jsx(Button, {
-        "data-cy": "continue-button",
+        "data-testid": "continue-button",
         onClick: handleContinue,
         children: t("neetoRules.buttons.continue")
       })
@@ -4913,7 +4916,7 @@ var PerformerPanel = function PerformerPanel() {
           className: "flex items-center space-x-2",
           children: [/*#__PURE__*/jsx(Button, {
             className: "shrink-0 rtl:rotate-180",
-            "data-cy": "back-button",
+            "data-testid": "back-button",
             icon: Left,
             size: "medium",
             style: "text",
@@ -4930,12 +4933,12 @@ var PerformerPanel = function PerformerPanel() {
               }));
             }
           }), /*#__PURE__*/jsxs(Typography, {
-            "data-cy": "performer-title",
+            "data-testid": "performer-title",
             style: "h3",
             children: [t("neetoRules.form.actionTriggeredBy"), "..."]
           })]
         }), /*#__PURE__*/jsx(Typography, {
-          "data-cy": "performer-description",
+          "data-testid": "performer-description",
           style: "body2",
           children: t("neetoRules.form.addPerformerDescription")
         })]
@@ -4962,7 +4965,7 @@ var PerformerPanel = function PerformerPanel() {
       })
     }), /*#__PURE__*/jsx(Panel.Footer, {
       children: /*#__PURE__*/jsx(Button, {
-        "data-cy": "continue-button",
+        "data-testid": "continue-button",
         onClick: handleContinue,
         children: t("neetoRules.buttons.continue")
       })
@@ -5498,7 +5501,7 @@ var ActionItem = function ActionItem(_ref) {
         weight: "normal",
         children: label
       }), /*#__PURE__*/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", {
@@ -5534,7 +5537,7 @@ var Card = function Card(_ref) {
   return /*#__PURE__*/jsxs("div", {
     children: [/*#__PURE__*/jsx(Typography, {
       className: "neeto-ui-text-gray-600",
-      "data-cy": "".concat(joinHyphenCase(title), "-card-title"),
+      "data-testid": "".concat(joinHyphenCase(title), "-card-title"),
       style: "h4",
       children: title
     }), /*#__PURE__*/jsx("div", {
@@ -5621,7 +5624,7 @@ var Actions = function Actions(_ref) {
               }), /*#__PURE__*/jsxs("div", {
                 className: "flex flex-wrap shrink-0 self-center",
                 children: [showButton && index === actions.length - 1 && /*#__PURE__*/jsx(Button, {
-                  "data-cy": "add-action-button",
+                  "data-testid": "add-action-button",
                   icon: Plus,
                   size: "medium",
                   style: "text",
@@ -5634,7 +5637,7 @@ var Actions = function Actions(_ref) {
                     setShouldOpenPanel(true);
                   }
                 }), actions.length > 1 && /*#__PURE__*/jsx(Button, {
-                  "data-cy": "delete-action-button-".concat(index),
+                  "data-testid": "delete-action-button-".concat(index),
                   icon: Delete,
                   size: "medium",
                   style: "text",
@@ -5677,7 +5680,7 @@ var LogicalOperator = function LogicalOperator(_ref) {
     options: logicalOperatorOptions,
     value: name,
     customTarget: /*#__PURE__*/jsx(Button, {
-      "data-cy": "logic-operator-button",
+      "data-testid": "logic-operator-button",
       icon: Down,
       iconSize: 16,
       label: logicOperationLabel,
@@ -5939,7 +5942,7 @@ var Conditions = function Conditions(_ref) {
             }), /*#__PURE__*/jsxs("div", {
               className: "flex",
               children: [index === conditions.length - 1 && /*#__PURE__*/jsx(Button, {
-                "data-cy": "add-condition-button",
+                "data-testid": "add-condition-button",
                 icon: Plus,
                 size: "medium",
                 style: "text",
@@ -5951,7 +5954,7 @@ var Conditions = function Conditions(_ref) {
                   return handleAddCondition(arrayHelpers, condition.joinType);
                 }
               }), (allowEmpty || index !== 0) && /*#__PURE__*/jsx(Button, {
-                "data-cy": "delete-condition-button-".concat(index),
+                "data-testid": "delete-condition-button-".concat(index),
                 icon: Delete,
                 size: "medium",
                 style: "text",
@@ -5967,7 +5970,7 @@ var Conditions = function Conditions(_ref) {
           }, index);
         }), isEmpty(conditions) && /*#__PURE__*/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() {
@@ -5976,7 +5979,7 @@ var Conditions = function Conditions(_ref) {
         }), isCallback && isNotEmpty(conditions) && /*#__PURE__*/jsx("div", {
           children: /*#__PURE__*/jsx(Button, {
             className: "mt-2",
-            "data-cy": "preview-callback-button",
+            "data-testid": "preview-callback-button",
             icon: Eye,
             label: t("neetoRules.common.preview"),
             style: "secondary",
@@ -6079,7 +6082,7 @@ var AddDelay = function AddDelay(_ref) {
           })]
         }), /*#__PURE__*/jsx(Button, {
           className: "shrink-0",
-          "data-cy": "delete-delay-button",
+          "data-testid": "delete-delay-button",
           icon: Delete,
           size: "medium",
           style: "text",
@@ -6153,7 +6156,7 @@ var Performer = function Performer(_ref) {
       weight: "normal",
       children: t("neetoRules.common.by")
     }), /*#__PURE__*/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", {
@@ -6239,7 +6242,7 @@ var Events = function Events(_ref) {
             weight: "normal",
             children: t("neetoRules.common.or")
           }), /*#__PURE__*/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", {
@@ -6251,7 +6254,7 @@ var Events = function Events(_ref) {
         }, idx);
       })
     }) : /*#__PURE__*/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", {
@@ -6337,8 +6340,7 @@ var EventConditions = function EventConditions(_ref) {
         }), showAddButton && /*#__PURE__*/jsx(Tooltip, _objectSpread$8(_objectSpread$8({}, tooltipProps), {}, {
           children: /*#__PURE__*/jsx("div", {
             children: /*#__PURE__*/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",
@@ -6446,7 +6448,7 @@ var RadioField = function RadioField(_ref) {
     className: "my-6",
     children: [/*#__PURE__*/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__*/jsx(Radio, _objectSpread$5(_objectSpread$5({
       name: "".concat(name, ".value")
@@ -6892,7 +6894,7 @@ var Form = function Form(_ref) {
                   onClick: handleCancel
                 },
                 submitButtonProps: {
-                  "data-cy": "form-submit-button"
+                  "data-testid": "form-submit-button"
                 }
               })
             })]