@bigbinary/neeto-message-templates-frontend 0.4.2 → 0.4.4

package/dist/index.cjs.js

@@ -301,17 +301,20 @@ var getMenuItems = function getMenuItems(_ref) {
   return [{
     key: MENU_ITEMS.EDIT,
     label: i18next.t("neetoMessageTemplate.template.edit"),
-    onClick: handleEditTemplate
+    onClick: handleEditTemplate,
+    "data-cy": "message-template-edit-button"
   }, {
     key: MENU_ITEMS.STATUS,
     label: ramda.equals(status, "active") ? i18next.t("neetoMessageTemplate.template.markAsInactive") : i18next.t("neetoMessageTemplate.template.markAsActive"),
     onClick: function onClick() {
       return handleMarkActiveInactive(status);
-    }
+    },
+    "data-cy": "message-template-status-button"
   }, {
     key: MENU_ITEMS.DELETE,
     label: i18next.t("neetoMessageTemplate.template.delete"),
-    onClick: handleDeleteTemplate
+    onClick: handleDeleteTemplate,
+    "data-cy": "message-template-delete-button"
   }];
 };
 
@@ -350,6 +353,9 @@ var RowActions = function RowActions(_ref) {
     });
   };
   return /*#__PURE__*/React__default["default"].createElement(MoreDropdown__default["default"], {
+    dropdownButtonProps: {
+      "data-cy": "message-template-dropdown"
+    },
     dropdownProps: {
       strategy: "fixed"
     },
@@ -362,11 +368,12 @@ var RowActions = function RowActions(_ref) {
   });
 };
 
-var renderSearchProps = function renderSearchProps(label) {
+var renderSearchProps = function renderSearchProps(label, value) {
   return {
     placeholder: i18next.t("neetoMessageTemplate.template.search", {
-      what: label.toLowerCase()
-    })
+      what: label
+    }),
+    "data-cy": "".concat(neetoCist.hyphenate(value), "-search-input")
   };
 };
 var buildTableColumnData = function buildTableColumnData(setManageTemplatePane, ownerId) {
@@ -877,20 +884,21 @@ var TestMessage = function TestMessage(_ref) {
     };
   }();
   var handleKeyDown = function handleKeyDown(event) {
-    if (event.key === "Enter") {
-      event.stopPropagation();
-      event.preventDefault();
-      handleSubmitTestTemplate(values);
-    }
+    if (event.key !== "Enter") return;
+    event.stopPropagation();
+    event.preventDefault();
+    handleSubmitTestTemplate(values);
   };
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-ui-flex neeto-ui-items-center left-0 flex gap-x-2"
   }, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
+    "data-cy": "message-template-test-input",
     name: isEmailTemplate ? "testEmailAddress" : "testPhoneNumber",
     placeholder: t(isEmailTemplate ? "neetoMessageTemplate.template.emailAddress" : "neetoMessageTemplate.template.phoneNumber"),
     onKeyDown: handleKeyDown,
     onKeyUp: handleTestValidation
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    "data-cy": "message-template-test-button",
     disabled: isTestingTemplateRestricted || isTestMessageLoading,
     loading: isTestMessageLoading,
     style: "primary",
@@ -986,11 +994,13 @@ var Form = function Form(_ref) {
     }), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
       className: "absolute bottom-0 left-0 flex gap-x-2"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      "data-cy": "message-template-submit-button",
       disabled: !(dirty && isValid) || isSubmitting,
       label: t("neetoMessageTemplate.template.saveChanges"),
       loading: isSubmitting,
       type: "submit"
     }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      "data-cy": "message-template-reset-button",
       label: t("neetoMessageTemplate.template.cancel"),
       style: "text",
       type: "reset",
@@ -1059,7 +1069,7 @@ var useFilters = function useFilters() {
     pageProperties = _useState2[0],
     setPageProperties = _useState2[1];
   var _useQueryParams = reactUtils.useQueryParams(),
-    _useQueryParams$searc = _useQueryParams.search_term,
+    _useQueryParams$searc = _useQueryParams.searchTerm,
     searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
   var filterColumns = buildTableColumnData().filter(ramda.prop("node"));
   var searchKeywordProps = {
@@ -1278,13 +1288,14 @@ var MessageTemplates = function MessageTemplates(_ref) {
     });
   }, [value]);
   return /*#__PURE__*/React__default["default"].createElement(Container__default["default"], null, /*#__PURE__*/React__default["default"].createElement(NeetoHeader__default["default"], {
+    breadcrumbs: breadcrumbs,
+    searchProps: renderSearchProps(label, value),
+    title: label,
     actionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      "data-cy": "add-".concat(neetoCist.hyphenate(value), "-button"),
       label: addText,
       onClick: handleActionClick
-    }),
-    breadcrumbs: breadcrumbs,
-    searchProps: renderSearchProps(label),
-    title: label
+    })
   }), /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"], {
     leftActionBlock: /*#__PURE__*/React__default["default"].createElement(neetoFiltersFrontend.Bar, {
       columns: filterColumns,
@@ -1427,11 +1438,13 @@ var EmailAndSms = function EmailAndSms(_ref) {
     }), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
       className: "absolute bottom-0 left-0 flex gap-x-2"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      "data-cy": "message-template-send-button",
       disabled: isSubmitting,
       label: t("neetoMessageTemplate.template.send"),
       loading: isSubmitting,
       type: "submit"
     }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+      "data-cy": "message-template-cancel-button",
       label: t("neetoMessageTemplate.template.cancel"),
       style: "text",
       type: "reset",
@@ -1542,11 +1555,13 @@ var Whatsapp = function Whatsapp(_ref) {
     })), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
       className: "absolute bottom-0 left-0 flex gap-x-2"
     }, /*#__PURE__*/React__default["default"].createElement(formik$1.Button, {
+      "data-cy": "message-template-send-button",
       disabled: isSubmitting,
       label: t("neetoMessageTemplate.template.send"),
       loading: isSubmitting,
       type: "submit"
     }), /*#__PURE__*/React__default["default"].createElement(formik$1.Button, {
+      "data-cy": "message-template-cancel-button",
       label: t("neetoMessageTemplate.template.cancel"),
       style: "text",
       type: "reset",