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

package/dist/index.js

@@ -1,5 +1,5 @@
 import React, { useState, useRef, useEffect } from 'react';
-import { noop, isNotEmpty, renameKeys, findBy, capitalize, nullSafe } from '@bigbinary/neeto-cist';
+import { hyphenate, noop, isNotEmpty, renameKeys, findBy, capitalize, nullSafe } from '@bigbinary/neeto-cist';
 import { buildFiltersFromURL, Bar } from '@bigbinary/neeto-filters-frontend';
 import Container from '@bigbinary/neeto-molecules/Container';
 import NeetoHeader from '@bigbinary/neeto-molecules/Header';
@@ -268,17 +268,20 @@ var getMenuItems = function getMenuItems(_ref) {
   return [{
     key: MENU_ITEMS.EDIT,
     label: t("neetoMessageTemplate.template.edit"),
-    onClick: handleEditTemplate
+    onClick: handleEditTemplate,
+    "data-cy": "message-template-edit-button"
   }, {
     key: MENU_ITEMS.STATUS,
     label: equals(status, "active") ? t("neetoMessageTemplate.template.markAsInactive") : t("neetoMessageTemplate.template.markAsActive"),
     onClick: function onClick() {
       return handleMarkActiveInactive(status);
-    }
+    },
+    "data-cy": "message-template-status-button"
   }, {
     key: MENU_ITEMS.DELETE,
     label: t("neetoMessageTemplate.template.delete"),
-    onClick: handleDeleteTemplate
+    onClick: handleDeleteTemplate,
+    "data-cy": "message-template-delete-button"
   }];
 };
 
@@ -317,6 +320,9 @@ var RowActions = function RowActions(_ref) {
     });
   };
   return /*#__PURE__*/React.createElement(MoreDropdown, {
+    dropdownButtonProps: {
+      "data-cy": "message-template-dropdown"
+    },
     dropdownProps: {
       strategy: "fixed"
     },
@@ -329,11 +335,12 @@ var RowActions = function RowActions(_ref) {
   });
 };
 
-var renderSearchProps = function renderSearchProps(label) {
+var renderSearchProps = function renderSearchProps(label, value) {
   return {
     placeholder: t("neetoMessageTemplate.template.search", {
-      what: label.toLowerCase()
-    })
+      what: label
+    }),
+    "data-cy": "".concat(hyphenate(value), "-search-input")
   };
 };
 var buildTableColumnData = function buildTableColumnData(setManageTemplatePane, ownerId) {
@@ -844,20 +851,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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-flex neeto-ui-items-center left-0 flex gap-x-2"
   }, /*#__PURE__*/React.createElement(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.createElement(Button, {
+    "data-cy": "message-template-test-button",
     disabled: isTestingTemplateRestricted || isTestMessageLoading,
     loading: isTestMessageLoading,
     style: "primary",
@@ -953,11 +961,13 @@ var Form = function Form(_ref) {
     }), /*#__PURE__*/React.createElement(Pane.Footer, {
       className: "absolute bottom-0 left-0 flex gap-x-2"
     }, /*#__PURE__*/React.createElement(Button, {
+      "data-cy": "message-template-submit-button",
       disabled: !(dirty && isValid) || isSubmitting,
       label: t("neetoMessageTemplate.template.saveChanges"),
       loading: isSubmitting,
       type: "submit"
     }), /*#__PURE__*/React.createElement(Button, {
+      "data-cy": "message-template-reset-button",
       label: t("neetoMessageTemplate.template.cancel"),
       style: "text",
       type: "reset",
@@ -1026,7 +1036,7 @@ var useFilters = function useFilters() {
     pageProperties = _useState2[0],
     setPageProperties = _useState2[1];
   var _useQueryParams = useQueryParams(),
-    _useQueryParams$searc = _useQueryParams.search_term,
+    _useQueryParams$searc = _useQueryParams.searchTerm,
     searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
   var filterColumns = buildTableColumnData().filter(prop("node"));
   var searchKeywordProps = {
@@ -1245,13 +1255,14 @@ var MessageTemplates = function MessageTemplates(_ref) {
     });
   }, [value]);
   return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(NeetoHeader, {
+    breadcrumbs: breadcrumbs,
+    searchProps: renderSearchProps(label, value),
+    title: label,
     actionBlock: /*#__PURE__*/React.createElement(Button, {
+      "data-cy": "add-".concat(hyphenate(value), "-button"),
       label: addText,
       onClick: handleActionClick
-    }),
-    breadcrumbs: breadcrumbs,
-    searchProps: renderSearchProps(label),
-    title: label
+    })
   }), /*#__PURE__*/React.createElement(SubHeader, {
     leftActionBlock: /*#__PURE__*/React.createElement(Bar, {
       columns: filterColumns,
@@ -1394,11 +1405,13 @@ var EmailAndSms = function EmailAndSms(_ref) {
     }), /*#__PURE__*/React.createElement(Pane.Footer, {
       className: "absolute bottom-0 left-0 flex gap-x-2"
     }, /*#__PURE__*/React.createElement(Button, {
+      "data-cy": "message-template-send-button",
       disabled: isSubmitting,
       label: t("neetoMessageTemplate.template.send"),
       loading: isSubmitting,
       type: "submit"
     }), /*#__PURE__*/React.createElement(Button, {
+      "data-cy": "message-template-cancel-button",
       label: t("neetoMessageTemplate.template.cancel"),
       style: "text",
       type: "reset",
@@ -1509,11 +1522,13 @@ var Whatsapp = function Whatsapp(_ref) {
     })), /*#__PURE__*/React.createElement(Pane.Footer, {
       className: "absolute bottom-0 left-0 flex gap-x-2"
     }, /*#__PURE__*/React.createElement(Button$1, {
+      "data-cy": "message-template-send-button",
       disabled: isSubmitting,
       label: t("neetoMessageTemplate.template.send"),
       loading: isSubmitting,
       type: "submit"
     }), /*#__PURE__*/React.createElement(Button$1, {
+      "data-cy": "message-template-cancel-button",
       label: t("neetoMessageTemplate.template.cancel"),
       style: "text",
       type: "reset",