@bigbinary/neeto-message-templates-frontend 0.7.3 → 0.7.5

package/dist/index.cjs.js

@@ -23,7 +23,7 @@ var require$$0 = require('util');
 var zustand = require('zustand');
 var jsxRuntime = require('react/jsx-runtime');
 var Pane = require('@bigbinary/neetoui/Pane');
-var neetoEditor = require('@bigbinary/neeto-editor');
+var FormikEditor = require('@bigbinary/neeto-editor/FormikEditor');
 var NeetoUIForm = require('@bigbinary/neetoui/formik/Form');
 var Input = require('@bigbinary/neetoui/formik/Input');
 var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
@@ -72,6 +72,7 @@ var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
 var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
+var FormikEditor__default = /*#__PURE__*/_interopDefaultLegacy(FormikEditor);
 var NeetoUIForm__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIForm);
 var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
 var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
@@ -3156,7 +3157,7 @@ var Form$1 = function Form(_ref) {
       required: true,
       label: t("neetoMessageTemplate.template.emailSubject"),
       name: "subject"
-    }), /*#__PURE__*/jsxRuntime.jsx(neetoEditor.FormikEditor, {
+    }), /*#__PURE__*/jsxRuntime.jsx(FormikEditor__default["default"], {
       hideSlashCommands: true,
       required: true,
       contentClassName: "max-h-40",
@@ -3720,7 +3721,7 @@ var EmailAndSms = function EmailAndSms(_ref) {
           required: true,
           label: t("neetoMessageTemplate.template.subject"),
           name: "subject"
-        }), /*#__PURE__*/jsxRuntime.jsx(neetoEditor.FormikEditor, {
+        }), /*#__PURE__*/jsxRuntime.jsx(FormikEditor__default["default"], {
           hideSlashCommands: true,
           required: true,
           contentClassName: "max-h-40",
@@ -4061,13 +4062,16 @@ var KeyValuePairs = reactUtils.withT(function (_ref) {
             className: "flex h-8 space-x-3",
             children: [/*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
               className: "w-2/5",
+              "data-cy": "key-input-".concat(index),
               name: "".concat(name, ".").concat(index, ".key"),
               placeholder: t("neetoMessageTemplate.api.key")
             }), /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
               className: "w-3/5",
+              "data-cy": "value-input-".concat(index),
               name: "".concat(name, ".").concat(index, ".value"),
               placeholder: t("neetoMessageTemplate.api.value"),
               suffix: showDeleteButton && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                "data-cy": "delete-key-value-pair-".concat(index),
                 icon: neetoIcons.Delete,
                 size: "small",
                 style: "text",
@@ -4083,6 +4087,7 @@ var KeyValuePairs = reactUtils.withT(function (_ref) {
           }, index);
         }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
           className: "w-full justify-center",
+          "data-cy": "add-key-value-pair-button",
           label: t("neetoMessageTemplate.api.addKeyValuePair"),
           style: "secondary",
           onClick: function onClick() {
@@ -4123,30 +4128,37 @@ var buildTableColumnData = function buildTableColumnData(_ref) {
       return /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex items-center justify-between gap-x-3",
         children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          "data-cy": "api-template-name-link",
           label: name,
           style: "link",
           onClick: function onClick() {
             return handleOpenEditPane(apiTemplate);
           }
         }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
+          dropdownButtonProps: {
+            "data-cy": "api-template-dropdown"
+          },
           dropdownProps: {
             strategy: "fixed"
           },
           menuItems: [{
             key: "edit",
             label: i18next.t("neetoMessageTemplate.template.edit"),
+            "data-cy": "api-template-button-edit-button",
             onClick: function onClick() {
               return handleOpenEditPane(apiTemplate);
             }
           }, {
             key: "status",
             label: ramda.equals(apiTemplate.status, TEMPLATE_STATUS.ACTIVE) ? i18next.t("neetoMessageTemplate.template.markAsInactive") : i18next.t("neetoMessageTemplate.template.markAsActive"),
+            "data-cy": "api-template-button-status-button",
             onClick: function onClick() {
               return handleMarkAsActiveOrInactive(apiTemplate);
             }
           }, {
             key: "delete",
             label: i18next.t("neetoMessageTemplate.template.delete"),
+            "data-cy": "api-template-button-delete-button",
             onClick: function onClick() {
               return handleOpenDeleteAlert(apiTemplate);
             }
@@ -4390,13 +4402,15 @@ var ApiTemplates = function ApiTemplates(_ref) {
       breadcrumbs: breadcrumbs,
       size: "small",
       actionBlock: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        "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__*/jsxRuntime.jsxs("span", {
         className: "flex",
@@ -4502,6 +4516,10 @@ var SEND_TO_API_FORM_VALIDATION_SCHEMA = yup__namespace.object({
   }))
 });
 
+var formatAdditionalData = function formatAdditionalData(additionalData) {
+  return neetoCist.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) {
@@ -4538,7 +4556,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 = ramda.modify("additionalData", rejectEmptyKeyValuePairs, formValues);
@@ -4595,10 +4613,12 @@ var SendToApiForm = function SendToApiForm(_ref) {
             children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
               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"
               }
             })
           })]