@bigbinary/neeto-message-templates-frontend 0.8.0-beta1 → 1.0.0

package/dist/index.js

@@ -1,5 +1,5 @@
 import { useState, useRef, useEffect } from 'react';
-import { hyphenate, noop, isNotEmpty, renameKeys, findBy, capitalize, nullSafe } from '@bigbinary/neeto-cist';
+import { hyphenate, noop, isNotEmpty, renameKeys, findBy, capitalize, nullSafe, isPresent } 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';
@@ -19,7 +19,7 @@ import require$$0 from 'util';
 import { create } from 'zustand';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Pane from '@bigbinary/neetoui/Pane';
-import { FormikEditor } from '@bigbinary/neeto-editor';
+import FormikEditor from '@bigbinary/neeto-editor/FormikEditor';
 import NeetoUIForm from '@bigbinary/neetoui/formik/Form';
 import Input from '@bigbinary/neetoui/formik/Input';
 import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
@@ -35,7 +35,7 @@ import Spinner from '@bigbinary/neetoui/Spinner';
 import Select from '@bigbinary/neetoui/Select';
 import Textarea$1 from '@bigbinary/neetoui/Textarea';
 import Select$1 from '@bigbinary/neetoui/formik/Select';
-import { Delete } from '@bigbinary/neeto-icons';
+import Delete from '@bigbinary/neeto-icons/Delete';
 import Label from '@bigbinary/neetoui/Label';
 
 function _typeof$1(o) {
@@ -2303,7 +2303,7 @@ var useCreateTemplate = function useCreateTemplate(ownerId, options) {
       ownerId: ownerIdValue(ownerId)
     });
   }, _objectSpread$d({
-    keysToInvalidate: [QUERY_KEYS.NEETO_MESSAGE_TEMPLATES]
+    keysToInvalidate: [[QUERY_KEYS.NEETO_MESSAGE_TEMPLATES]]
   }, options));
 };
 var useUpdateTemplate = function useUpdateTemplate(ownerId) {
@@ -2316,7 +2316,7 @@ var useUpdateTemplate = function useUpdateTemplate(ownerId) {
       ownerId: ownerIdValue(ownerId)
     });
   }, {
-    keysToInvalidate: [QUERY_KEYS.NEETO_MESSAGE_TEMPLATES]
+    keysToInvalidate: [[QUERY_KEYS.NEETO_MESSAGE_TEMPLATES]]
   });
 };
 var useDeleteTemplate = function useDeleteTemplate(ownerId) {
@@ -2326,7 +2326,7 @@ var useDeleteTemplate = function useDeleteTemplate(ownerId) {
       ownerId: ownerIdValue(ownerId)
     });
   }, {
-    keysToInvalidate: [QUERY_KEYS.NEETO_MESSAGE_TEMPLATES]
+    keysToInvalidate: [[QUERY_KEYS.NEETO_MESSAGE_TEMPLATES]]
   });
 };
 
@@ -3650,13 +3650,14 @@ var EmailAndSms = function EmailAndSms(_ref) {
       var setValues = _ref4.setValues,
         values = _ref4.values;
       var handleTemplateChange = function handleTemplateChange(value) {
+        var _editorRef$current;
         if (!value) return;
         var customFieldValues = omit(initialValueKeys, values);
         var template = findBy({
           id: value === null || value === void 0 ? void 0 : value.value
         }, templates);
         setValues(_objectSpread$5(_objectSpread$5({}, template), customFieldValues));
-        editorRef.current.editor.commands.setContent(template.body);
+        (_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 || (_editorRef$current = _editorRef$current.editor) === null || _editorRef$current === void 0 || (_editorRef$current = _editorRef$current.commands) === null || _editorRef$current === void 0 || _editorRef$current.setContent(template.body);
       };
       return /*#__PURE__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsx(Select, {
@@ -4015,13 +4016,16 @@ var KeyValuePairs = withT(function (_ref) {
             className: "flex h-8 space-x-3",
             children: [/*#__PURE__*/jsx(Input, {
               className: "w-2/5",
+              "data-cy": "key-input-".concat(index),
               name: "".concat(name, ".").concat(index, ".key"),
               placeholder: t("neetoMessageTemplate.api.key")
             }), /*#__PURE__*/jsx(Input, {
               className: "w-3/5",
+              "data-cy": "value-input-".concat(index),
               name: "".concat(name, ".").concat(index, ".value"),
               placeholder: t("neetoMessageTemplate.api.value"),
               suffix: showDeleteButton && /*#__PURE__*/jsx(Button, {
+                "data-cy": "delete-key-value-pair-".concat(index),
                 icon: Delete,
                 size: "small",
                 style: "text",
@@ -4037,6 +4041,7 @@ var KeyValuePairs = withT(function (_ref) {
           }, index);
         }), /*#__PURE__*/jsx(Button, {
           className: "w-full justify-center",
+          "data-cy": "add-key-value-pair-button",
           label: t("neetoMessageTemplate.api.addKeyValuePair"),
           style: "secondary",
           onClick: function onClick() {
@@ -4077,30 +4082,37 @@ var buildTableColumnData = function buildTableColumnData(_ref) {
       return /*#__PURE__*/jsxs("div", {
         className: "flex items-center justify-between gap-x-3",
         children: [/*#__PURE__*/jsx(Button, {
+          "data-cy": "api-template-name-link",
           label: name,
           style: "link",
           onClick: function onClick() {
             return handleOpenEditPane(apiTemplate);
           }
         }), /*#__PURE__*/jsx(MoreDropdown, {
+          dropdownButtonProps: {
+            "data-cy": "api-template-dropdown"
+          },
           dropdownProps: {
             strategy: "fixed"
           },
           menuItems: [{
             key: "edit",
             label: t$1("neetoMessageTemplate.template.edit"),
+            "data-cy": "api-template-button-edit-button",
             onClick: function onClick() {
               return handleOpenEditPane(apiTemplate);
             }
           }, {
             key: "status",
             label: equals(apiTemplate.status, TEMPLATE_STATUS.ACTIVE) ? t$1("neetoMessageTemplate.template.markAsInactive") : t$1("neetoMessageTemplate.template.markAsActive"),
+            "data-cy": "api-template-button-status-button",
             onClick: function onClick() {
               return handleMarkAsActiveOrInactive(apiTemplate);
             }
           }, {
             key: "delete",
             label: t$1("neetoMessageTemplate.template.delete"),
+            "data-cy": "api-template-button-delete-button",
             onClick: function onClick() {
               return handleOpenDeleteAlert(apiTemplate);
             }
@@ -4344,13 +4356,15 @@ var ApiTemplates = function ApiTemplates(_ref) {
       breadcrumbs: breadcrumbs,
       size: "small",
       actionBlock: /*#__PURE__*/jsx(Button, {
+        "data-cy": "add-api-templates-button",
         label: t("neetoMessageTemplate.api.addApiTemplate"),
         onClick: function onClick() {
           return setIsFormPaneOpen(true);
         }
       }),
       searchProps: {
-        placeholder: t("neetoMessageTemplate.template.searchApiTemplates")
+        placeholder: t("neetoMessageTemplate.template.searchApiTemplates"),
+        "data-cy": "api-templates-search-input"
       },
       title: /*#__PURE__*/jsxs("span", {
         className: "flex",
@@ -4456,6 +4470,10 @@ var SEND_TO_API_FORM_VALIDATION_SCHEMA = yup.object({
   }))
 });
 
+var formatAdditionalData = function formatAdditionalData(additionalData) {
+  return isPresent(additionalData) ? additionalData : [ADDITIONAL_DATA_INITIAL_VALUE];
+};
+
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SendToApiPane = function SendToApiPane(props) {
@@ -4492,7 +4510,7 @@ var SendToApiForm = function SendToApiForm(_ref) {
     isLoadingTemplates = _useFetchTemplates.isLoading;
   var handleTemplateChange = function handleTemplateChange(setFieldValue, template) {
     setFieldValue("endpoint", template.endpoint);
-    setFieldValue("additionalData", template.additionalData);
+    setFieldValue("additionalData", formatAdditionalData(template.additionalData));
   };
   var handleSubmit = function handleSubmit(formValues) {
     var additionalDataModifiedFormValues = modify("additionalData", rejectEmptyKeyValuePairs, formValues);
@@ -4549,10 +4567,12 @@ var SendToApiForm = function SendToApiForm(_ref) {
             children: /*#__PURE__*/jsx(ActionBlock, {
               isSubmitting: isSubmitting,
               cancelButtonProps: {
-                onClick: onClose
+                onClick: onClose,
+                "data-cy": "api-template-cancel-button"
               },
               submitButtonProps: {
-                label: t("neetoMessageTemplate.template.send")
+                label: t("neetoMessageTemplate.template.send"),
+                "data-cy": "api-template-send-button"
               }
             })
           })]