@bigbinary/neeto-rules-frontend 0.4.4 → 0.4.5

package/dist/index.cjs.js

@@ -1524,7 +1524,8 @@ var DropdownField$1 = function DropdownField(_ref) {
 };
 
 var EditorAction = function EditorAction(_ref) {
-  var name = _ref.name,
+  var autoFocus = _ref.autoFocus,
+    name = _ref.name,
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? "" : _ref$value,
     label = _ref.label,
@@ -1541,10 +1542,10 @@ var EditorAction = function EditorAction(_ref) {
     setFieldValue(name, editorData);
   }, [debouncedValue]);
   return /*#__PURE__*/React__default["default"].createElement(neetoEditor.FormikEditor, {
+    autoFocus: autoFocus,
     label: label,
     name: name,
     variables: variables,
-    autoFocus: true,
     hideSlashCommands: true,
     addons: EDITOR_ADDONS,
     className: "w-full",
@@ -1627,7 +1628,7 @@ var InputField$2 = function InputField(_ref) {
     label: label,
     type: "text"
   }, field, {
-    error: meta.error,
+    error: meta.touched ? meta.error : "",
     ref: initialFocusRef,
     value: text,
     onChange: function onChange(e) {
@@ -1654,12 +1655,14 @@ var EmailFields = function EmailFields(_ref) {
     showPane = _useState2[0],
     setShowPane = _useState2[1];
   var initialFocusRef = React.useRef(null);
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   useOnButtonPressed(initialFocusRef, function () {
     return setShowPane(false);
   });
   var isValid = errors.actions && ramda.isNotNil((_errors$actions = errors.actions) === null || _errors$actions === void 0 || (_errors$actions = _errors$actions.value) === null || _errors$actions === void 0 ? void 0 : _errors$actions[index]) && ramda.isNotNil((_touched$actions = touched.actions) === null || _touched$actions === void 0 || (_touched$actions = _touched$actions.value) === null || _touched$actions === void 0 ? void 0 : _touched$actions[index]);
-  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || i18next.t("neetoRules.common.as");
-  var defaultLabel = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.emailPlaceholder) || i18next.t("neetoRules.common.email");
+  var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.as");
+  var defaultLabel = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.emailPlaceholder) || t("neetoRules.common.email");
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     className: "neeto-ui-text-gray-700 mt-1",
     "data-cy": "action-email-seperator-text",
@@ -1700,10 +1703,11 @@ var EmailFields = function EmailFields(_ref) {
     className: "mb-4",
     "data-cy": "email-action-subject-text-field",
     initialFocusRef: isEmailIdField ? null : initialFocusRef,
-    label: i18next.t("neetoRules.labels.subject"),
+    label: t("neetoRules.labels.subject"),
     name: "".concat(name, ".subject")
   }), /*#__PURE__*/React__default["default"].createElement(EditorAction, {
-    label: i18next.t("neetoRules.labels.body"),
+    autoFocus: !isEmailIdField && selectedField.hideSubject,
+    label: t("neetoRules.labels.body"),
     name: "".concat(name, ".body"),
     value: (_action$metadata = action.metadata) === null || _action$metadata === void 0 ? void 0 : _action$metadata.body,
     variables: selectedField === null || selectedField === void 0 ? void 0 : selectedField.variables
@@ -1711,12 +1715,12 @@ var EmailFields = function EmailFields(_ref) {
     className: "flex items-center space-x-2"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     "data-cy": "save-changes-button",
-    label: i18next.t("neetoRules.common.saveChange"),
+    label: t("neetoRules.common.saveChange"),
     onClick: function onClick() {
       return setShowPane(false);
     }
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    label: i18next.t("neetoRules.buttons.cancel"),
+    label: t("neetoRules.buttons.cancel"),
     style: "text",
     onClick: function onClick() {
       return setShowPane(false);