@bigbinary/neeto-message-templates-frontend 0.6.3 → 0.6.4

package/app/javascript/src/translations/en.json

@@ -48,7 +48,11 @@
         "emailAddressFormatValidation": "Invalid email address",
         "validPhoneNumber": "Enter valid phone number",
         "variablePresence": "Variable should not be empty"
-      }
+      },
+      "templateName": "Template name",
+      "emailSubject": "Email subject",
+      "emailBody": "Email body",
+      "smsBody": "SMS body"
     },
     "sendMessage": {
       "email": "Send email",

package/dist/index.cjs.js

@@ -21,9 +21,9 @@ var zustand = require('zustand');
 var neetoEditor = require('@bigbinary/neeto-editor');
 var formik$1 = require('@bigbinary/neetoui/formik');
 var reactI18next = require('react-i18next');
+var formik = require('formik');
 var PhoneNumber = require('@bigbinary/neeto-molecules/PhoneNumber');
 var yup = require('yup');
-var formik = require('formik');
 var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
 var neetoIcons = require('@bigbinary/neeto-icons');
 
@@ -2441,6 +2441,7 @@ var handleEditTemplate = function handleEditTemplate(setManageTemplatePane, temp
 };
 var renderSearchProps = function renderSearchProps(label, value) {
   return {
+    className: "w-52",
     placeholder: i18next.t("neetoMessageTemplate.template.search", {
       what: label
     }),
@@ -2491,6 +2492,72 @@ var buildTableColumnData$1 = function buildTableColumnData(setManageTemplatePane
   }];
 };
 
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
+var _excluded = ["label", "name"];
+var FormikAdaptiveInput = function FormikAdaptiveInput(_ref) {
+  var label = _ref.label,
+    name = _ref.name,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useFormikContext = formik.useFormikContext(),
+    submitForm = _useFormikContext.submitForm;
+  var handleKeyDown = function handleKeyDown(event) {
+    if (event.key !== "Enter" || event.shiftKey) return;
+    event.preventDefault();
+    submitForm();
+  };
+  return /*#__PURE__*/React__default["default"].createElement(formik$1.Textarea, _extends({
+    label: label,
+    name: name,
+    className: "neeto-message-templates-nano-adaptive-input",
+    resize: "none",
+    size: "small",
+    onKeyDown: handleKeyDown
+  }, otherProps));
+};
+
 // eslint-disable-next-line @bigbinary/neeto/file-name-and-export-name-standards
 var formatEditorContent$1 = function formatEditorContent(value) {
   return value === null || value === void 0 ? void 0 : value.replaceAll(/<\/?(?!img)\w*\b[^>]*>/gi, "").trim();
@@ -2524,21 +2591,6 @@ var PHONE_NUMBER_VALIDATION_SCHEMA = yup__namespace.string().test("testPhoneNumb
   return PhoneNumber.isPhoneNumberValid(value);
 });
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
@@ -3047,6 +3099,7 @@ var Form$1 = function Form(_ref) {
       }
     });
   };
+  var messageBodyLabel = isEmailTemplate ? t("neetoMessageTemplate.template.emailBody") : t("neetoMessageTemplate.template.smsBody");
   return /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
     formProps: {
       noValidate: true,
@@ -3065,19 +3118,19 @@ var Form$1 = function Form(_ref) {
       isSubmitting = _ref4.isSubmitting;
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
       required: true,
-      label: t("neetoMessageTemplate.template.name"),
+      label: t("neetoMessageTemplate.template.templateName"),
       name: "name",
       ref: setInitialFocusField
-    }), isEmailTemplate && /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
+    }), isEmailTemplate && /*#__PURE__*/React__default["default"].createElement(FormikAdaptiveInput, {
       required: true,
-      label: t("neetoMessageTemplate.template.subject"),
+      label: t("neetoMessageTemplate.template.emailSubject"),
       name: "subject"
     }), /*#__PURE__*/React__default["default"].createElement(neetoEditor.FormikEditor, {
       hideSlashCommands: true,
       required: true,
       contentClassName: "max-h-40",
       defaults: isEmailTemplate ? undefined : [],
-      label: t("neetoMessageTemplate.template.body"),
+      label: messageBodyLabel,
       name: "body",
       ref: editorRef,
       rows: DEFAULT_EDITOR_ROW_COUNT,
@@ -3387,6 +3440,7 @@ var MessageTemplates = function MessageTemplates(_ref) {
     setFilters(filters);
     setPageProperties(DEFAULT_PAGE_PROPERTIES);
   };
+  var templatesCount = (templatesData === null || templatesData === void 0 ? void 0 : templatesData.totalCount) || 0;
   React.useEffect(function () {
     setTemplateState({
       templateType: value
@@ -3410,6 +3464,9 @@ var MessageTemplates = function MessageTemplates(_ref) {
       onChange: handleChange
     }),
     rightActionBlock: /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"].RightBlock, {
+      dataProps: {
+        totalCount: isFilterApplied ? null : templatesCount
+      },
       filterProps: {
         columns: filterColumns,
         isOpen: isFilterPaneOpen,
@@ -3749,6 +3806,11 @@ var SendMessagePane = function SendMessagePane(_ref) {
   })));
 };
 
+var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
+
+var css = ".neeto-message-templates-nano-adaptive-input textarea{--neeto-ui-input-line-height:1.5}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX2FkYXB0aXZlX2lucHV0LnNjc3MiLCJhcHAvamF2YXNjcmlwdC9zdHlsZXNoZWV0cy9hcHBsaWNhdGlvbi5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNFLHNEQUNFLGdDQ0FKIiwic291cmNlc0NvbnRlbnQiOlsiLm5lZXRvLW1lc3NhZ2UtdGVtcGxhdGVzLW5hbm8tYWRhcHRpdmUtaW5wdXQge1xuICB0ZXh0YXJlYSB7XG4gICAgLS1uZWV0by11aS1pbnB1dC1saW5lLWhlaWdodDogMS41O1xuICB9XG59XG4iLCIubmVldG8tbWVzc2FnZS10ZW1wbGF0ZXMtbmFuby1hZGFwdGl2ZS1pbnB1dCB0ZXh0YXJlYSB7XG4gIC0tbmVldG8tdWktaW5wdXQtbGluZS1oZWlnaHQ6IDEuNTtcbn0iXX0= */";
+n(css,{});
+
 var VALID_URL_REGEX = /^(https?):\/\/([a-zA-Z0-9-]+\.){1,}[a-zA-Z]{2,}\/?[^\s]*$/;
 var ADDITIONAL_DATA_INITIAL_VALUE = {
   key: "",