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

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';
@@ -4012,13 +4012,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",
@@ -4034,6 +4037,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() {
@@ -4074,30 +4078,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);
             }
@@ -4341,13 +4352,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",
@@ -4453,6 +4466,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) {
@@ -4489,7 +4506,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);
@@ -4546,10 +4563,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"
               }
             })
           })]