@bigbinary/neeto-message-templates-frontend 0.0.6 → 0.0.7

package/dist/index.cjs.js

@@ -5274,6 +5274,9 @@ var template = {
 	addEmailTemplate: "Add new email template",
 	addSmsTemplate: "Add new sms template",
 	addWhatsappTemplate: "Add new whatsapp template",
+	editEmailTemplate: "Edit email template",
+	editSmsTemplate: "Edit sms template",
+	editWhatsappTemplate: "Edit whatsapp template",
 	search: "Search {{what}}",
 	markAsActive: "Mark as active",
 	markAsInactive: "Mark as inactive",
@@ -5314,9 +5317,13 @@ var sendMessage = {
 	sms: "Send sms",
 	selectTemplate: "Select a template"
 };
+var common = {
+	send: "Send"
+};
 var en = {
 	template: template,
-	sendMessage: sendMessage
+	sendMessage: sendMessage,
+	common: common
 };
 
 instance.use(Browser).use(initReactI18next).init({
@@ -5374,20 +5381,23 @@ var MESSAGE_TEMPLATES = {
   email: {
     label: t$1("template.emailTemplates"),
     value: "email_template",
-    addButtonText: t$1("template.addEmailTemplate"),
-    labelSingular: t$1("template.emailTemplate")
+    addText: t$1("template.addEmailTemplate"),
+    labelSingular: t$1("template.emailTemplate"),
+    editText: t$1("template.editEmailTemplate")
   },
   sms: {
     label: t$1("template.smsTemplates"),
     value: "sms_template",
-    addButtonText: t$1("template.addSmsTemplate"),
-    labelSingular: t$1("template.smsTemplate")
+    addText: t$1("template.addSmsTemplate"),
+    labelSingular: t$1("template.smsTemplate"),
+    editText: t$1("template.editSmsTemplate")
   },
   whatsapp: {
     label: t$1("template.whatsappTemplates"),
     value: "whatsapp_template",
-    addButtonText: t$1("template.addWhatsappTemplate"),
-    labelSingular: t$1("template.whatsappTemplate")
+    addText: t$1("template.addWhatsappTemplate"),
+    labelSingular: t$1("template.whatsappTemplate"),
+    editText: t$1("template.editWhatsappTemplate")
   }
 };
 var DEFAULT_EDITOR_ROW_COUNT = 15;
@@ -6174,12 +6184,13 @@ var Form$1 = function Form(_ref) {
 
 var AddEdit = function AddEdit(_ref) {
   var onClose = _ref.onClose,
-    label = _ref.label,
     createUpdateTemplate = _ref.createUpdateTemplate,
     manageTemplatePane = _ref.manageTemplatePane,
     isTestMessageLoading = _ref.isTestMessageLoading,
     handleSubmitTestTemplate = _ref.handleSubmitTestTemplate,
-    shouldIncludeTestTemplate = _ref.shouldIncludeTestTemplate;
+    shouldIncludeTestTemplate = _ref.shouldIncludeTestTemplate,
+    addText = _ref.addText,
+    editText = _ref.editText;
   var initialFocusField = React.useRef();
   var setInitialFocusField = function setInitialFocusField(fieldRef) {
     return initialFocusField.current = fieldRef;
@@ -6187,6 +6198,7 @@ var AddEdit = function AddEdit(_ref) {
   var isOpen = manageTemplatePane.isOpen,
     isEdit = manageTemplatePane.isEdit,
     template = manageTemplatePane.template;
+  var label = isEdit ? editText : addText;
   return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
     initialFocusRef: initialFocusField,
     isOpen: isOpen,
@@ -6282,7 +6294,7 @@ var List = function List(_ref) {
     setPageProperties = _ref.setPageProperties,
     pageProperties = _ref.pageProperties,
     label = _ref.label,
-    addButtonText = _ref.addButtonText,
+    addText = _ref.addText,
     isFilterApplied = _ref.isFilterApplied;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -6326,7 +6338,7 @@ var List = function List(_ref) {
     className: "flex h-full w-full items-center justify-center"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
     primaryButtonProps: {
-      label: addButtonText,
+      label: addText,
       onClick: function onClick() {
         return setManageTemplatePane(ramda.assoc("isOpen", true));
       }
@@ -6393,8 +6405,9 @@ var MessageTemplates = function MessageTemplates(_ref) {
   var _MESSAGE_TEMPLATES$ty = MESSAGE_TEMPLATES[type],
     label = _MESSAGE_TEMPLATES$ty.label,
     value = _MESSAGE_TEMPLATES$ty.value,
-    addButtonText = _MESSAGE_TEMPLATES$ty.addButtonText,
-    labelSingular = _MESSAGE_TEMPLATES$ty.labelSingular;
+    addText = _MESSAGE_TEMPLATES$ty.addText,
+    labelSingular = _MESSAGE_TEMPLATES$ty.labelSingular,
+    editText = _MESSAGE_TEMPLATES$ty.editText;
   var isFilterApplied = pure.isNotEmpty(filters) || pure.isNotEmpty(searchTerm);
   var handleActionClick = function handleActionClick() {
     return setManageTemplatePane(_objectSpread(_objectSpread({}, MESSAGE_TEMPLATE_INITIAL_STATE), {}, {
@@ -6411,13 +6424,13 @@ var MessageTemplates = function MessageTemplates(_ref) {
     });
   }, [value]);
   return /*#__PURE__*/React__default["default"].createElement(Container__default["default"], null, /*#__PURE__*/React__default["default"].createElement(NeetoHeader__default["default"], {
-    breadcrumbs: breadcrumbs,
-    searchProps: renderSearchProps(label, setSearchTerm, searchTerm),
-    title: label,
     actionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-      label: addButtonText,
+      label: addText,
       onClick: handleActionClick
-    })
+    }),
+    breadcrumbs: breadcrumbs,
+    searchProps: renderSearchProps(label, setSearchTerm, searchTerm),
+    title: label
   }), /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"], {
     leftActionBlock: /*#__PURE__*/React__default["default"].createElement(neetoFiltersFrontend.Bar, {
       columns: filterColumns,
@@ -6435,7 +6448,7 @@ var MessageTemplates = function MessageTemplates(_ref) {
       }
     })
   }), /*#__PURE__*/React__default["default"].createElement(List, {
-    addButtonText: addButtonText,
+    addText: addText,
     isFilterApplied: isFilterApplied,
     isLoading: isLoading,
     label: label,
@@ -6446,10 +6459,11 @@ var MessageTemplates = function MessageTemplates(_ref) {
     setPageProperties: setPageProperties,
     templatesData: templatesData
   }), /*#__PURE__*/React__default["default"].createElement(AddEdit, {
+    addText: addText,
     createUpdateTemplate: createUpdateTemplate,
+    editText: editText,
     handleSubmitTestTemplate: handleSubmitTestTemplate,
     isTestMessageLoading: isTestMessageLoading,
-    label: addButtonText,
     manageTemplatePane: manageTemplatePane,
     shouldIncludeTestTemplate: shouldIncludeTestTemplate,
     onClose: function onClose() {
@@ -6567,13 +6581,13 @@ var SendMessagePane = function SendMessagePane(_ref) {
     handleSubmit = _ref$handleSubmit === void 0 ? pure.noop : _ref$handleSubmit,
     _ref$onClose = _ref.onClose,
     onClose = _ref$onClose === void 0 ? pure.noop : _ref$onClose;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var initialFocusField = React.useRef();
   var setInitialFocusField = function setInitialFocusField(fieldRef) {
     return initialFocusField.current = fieldRef;
   };
-  var _MESSAGE_TEMPLATES$ty = MESSAGE_TEMPLATES[type],
-    label = _MESSAGE_TEMPLATES$ty.label,
-    value = _MESSAGE_TEMPLATES$ty.value;
+  var value = MESSAGE_TEMPLATES[type].value;
   var templateParams = {
     status: "active",
     templateType: value
@@ -6591,7 +6605,7 @@ var SendMessagePane = function SendMessagePane(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "h2",
     weight: "semibold"
-  }, label)), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement(Form, {
+  }, t("common.send"), " ", type)), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement(Form, {
     handleSubmit: handleSubmit,
     isEmailTemplate: isEmailTemplate,
     setInitialFocusField: setInitialFocusField,