@bigbinary/neeto-message-templates-frontend 1.2.0 → 1.3.0

package/dist/cjs/SendMessagePane.js

@@ -1,14 +1,15 @@
 'use strict';
 
-var useTemplatesApi = require('../useTemplatesApi-943ef380.js');
+var useTemplatesApi = require('../useTemplatesApi-d8923769.js');
 var neetoCist = require('@bigbinary/neeto-cist');
 var Pane = require('@bigbinary/neetoui/Pane');
 var Spinner = require('@bigbinary/neetoui/Spinner');
 var Typography = require('@bigbinary/neetoui/Typography');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
-var NoDataPage = require('../NoDataPage-00b22095.js');
-var slicedToArray = require('../slicedToArray-f320d9e7.js');
+var Button = require('@bigbinary/neetoui/Button');
+var constants = require('../constants-237a4b54.js');
+var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var FormikEditor = require('@bigbinary/neeto-editor/FormikEditor');
 var Select = require('@bigbinary/neetoui/Select');
@@ -16,16 +17,20 @@ var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
 var NeetoUIForm = require('@bigbinary/neetoui/formik/Form');
 var Input = require('@bigbinary/neetoui/formik/Input');
 var yup = require('yup');
+var utils = require('../utils-900aa952.js');
 var i18next = require('i18next');
-var jsxRuntime = require('react/jsx-runtime');
 var Textarea = require('@bigbinary/neetoui/Textarea');
 var Select$1 = require('@bigbinary/neetoui/formik/Select');
-require('@bigbinary/neeto-commons-frontend/constants');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/react-utils');
 require('axios');
 require('util');
-require('@bigbinary/neetoui/Button');
+require('@bigbinary/neeto-commons-frontend/constants');
+require('formik');
+require('../objectWithoutProperties-2fed2d7d.js');
+require('classnames');
+require('@bigbinary/neetoui/Label');
+require('@bigbinary/neetoui/formik/Switch');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -50,6 +55,7 @@ function _interopNamespace(e) {
 var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
 var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
 var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var FormikEditor__default = /*#__PURE__*/_interopDefaultLegacy(FormikEditor);
 var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
 var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
@@ -59,22 +65,72 @@ var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
 var Select__default$1 = /*#__PURE__*/_interopDefaultLegacy(Select$1);
 
+var NoDataPage = function NoDataPage(_ref) {
+  var type = _ref.type,
+    _ref$helpDocUrl = _ref.helpDocUrl,
+    helpDocUrl = _ref$helpDocUrl === void 0 ? "" : _ref$helpDocUrl;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var label = constants.MESSAGE_TEMPLATES[type].label;
+  if (type === constants.MESSAGE_TYPES.whatsapp) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center px-6 text-center",
+      children: /*#__PURE__*/jsxRuntime.jsxs(Typography__default["default"], {
+        children: [t("neetoMessageTemplate.template.emptyState", {
+          type: t("neetoMessageTemplate.template.whatsappTemplates")
+        }), " ", helpDocUrl && /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+          i18nKey: "neetoMessageTemplate.template.whatsapp.helpDocText",
+          components: {
+            Link: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+              href: helpDocUrl,
+              size: "large",
+              style: "link"
+            })
+          }
+        })]
+      })
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "flex h-full w-full flex-col items-center justify-center",
+    children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+      children: t("neetoMessageTemplate.template.emptyState", {
+        type: label
+      })
+    })
+  });
+};
+
 var formatEditorContent = function formatEditorContent(value) {
   return value === null || value === void 0 ? void 0 : value.replaceAll(/<\/?(?!img)\w*\b[^>]*>/gi, "").trim();
 };
 var SEND_MESSAGE_INITIAL_VALUES = {
   subject: "",
-  body: ""
+  body: "",
+  shouldSaveAsTemplate: false,
+  templateName: ""
 };
 var EMAIL_MESSAGE_FORM_SCHEMA = yup__namespace.object().shape({
   subject: yup__namespace.string().trim().required(i18next.t("neetoMessageTemplate.template.validation.subjectPresence")),
   body: yup__namespace.string().test("body", i18next.t("neetoMessageTemplate.template.validation.bodyPresence"), function (value) {
     return !!formatEditorContent(value);
-  }).required(i18next.t("neetoMessageTemplate.template.validation.bodyPresence"))
+  }).required(i18next.t("neetoMessageTemplate.template.validation.bodyPresence")),
+  templateName: yup__namespace.string().when("shouldSaveAsTemplate", {
+    is: true,
+    then: yup__namespace.string().required(i18next.t("neetoMessageTemplate.template.validation.requiredEntity", {
+      entity: i18next.t("neetoMessageTemplate.template.templateName")
+    }))
+  })
 });
 var SMS_MESSAGE_FORM_VALIDATION_SCHEMA = yup__namespace.object().shape({
   body: yup__namespace.string().required(i18next.t("neetoMessageTemplate.template.validation.bodyPresence")).test("body", i18next.t("neetoMessageTemplate.template.validation.bodyPresence"), function (value) {
     return !!formatEditorContent(value);
+  }),
+  templateName: yup__namespace.string().when("shouldSaveAsTemplate", {
+    is: true,
+    then: yup__namespace.string().required(i18next.t("neetoMessageTemplate.template.validation.requiredEntity", {
+      entity: i18next.t("neetoMessageTemplate.template.templateName")
+    }))
   })
 });
 var WHATSAPP_MESSAGE_FORM_VALIDATIONS_SCHEMA = yup__namespace.object().shape({
@@ -94,18 +150,32 @@ var EmailAndSms = function EmailAndSms(_ref) {
     customFieldsInitialValues = _ref.customFieldsInitialValues,
     customFieldsValidationSchema = _ref.customFieldsValidationSchema,
     type = _ref.type,
-    handleSubmit = _ref.handleSubmit;
+    handleSubmit = _ref.handleSubmit,
+    isSaveAsTemplateEnabled = _ref.isSaveAsTemplateEnabled;
   var editorRef = react.useRef(null);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var isEmailTemplate = type === "email";
-  var _ref2 = isEmailTemplate ? [SEND_MESSAGE_INITIAL_VALUES, EMAIL_MESSAGE_FORM_SCHEMA] : [ramda.pick(["body"], SEND_MESSAGE_INITIAL_VALUES), SMS_MESSAGE_FORM_VALIDATION_SCHEMA],
-    _ref3 = slicedToArray._slicedToArray(_ref2, 2),
+  var _ref2 = isEmailTemplate ? [SEND_MESSAGE_INITIAL_VALUES, EMAIL_MESSAGE_FORM_SCHEMA] : [ramda.omit(["subject"], SEND_MESSAGE_INITIAL_VALUES), SMS_MESSAGE_FORM_VALIDATION_SCHEMA],
+    _ref3 = constants._slicedToArray(_ref2, 2),
     INITIAL_VALUES = _ref3[0],
     SEND_MESSAGE_FORM_SCHEMA = _ref3[1];
   var updatedInitialValues = ramda.mergeAll([INITIAL_VALUES, customFieldsInitialValues]);
   var updatedValidationSchema = yup__namespace.object().shape(_objectSpread$2(_objectSpread$2({}, SEND_MESSAGE_FORM_SCHEMA === null || SEND_MESSAGE_FORM_SCHEMA === void 0 ? void 0 : SEND_MESSAGE_FORM_SCHEMA.fields), customFieldsValidationSchema === null || customFieldsValidationSchema === void 0 ? void 0 : customFieldsValidationSchema.fields));
-  var initialValueKeys = Object.keys(INITIAL_VALUES);
+  var shouldShowSaveAsTemplate = function shouldShowSaveAsTemplate() {
+    var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      id = _ref4.id,
+      subject = _ref4.subject,
+      body = _ref4.body;
+    if (!isSaveAsTemplateEnabled) return false;
+    var template = neetoCist.findBy({
+      id: id
+    }, templates);
+    var hasContent = neetoCist.isPresent(subject) || neetoCist.isPresent(body);
+    var isContentDifferentFromTemplate = !(utils.areValuesEqual(template === null || template === void 0 ? void 0 : template.subject, subject) && (template === null || template === void 0 ? void 0 : template.body) === body);
+    return hasContent && isContentDifferentFromTemplate;
+  };
+  var isTemplateSelectionEnabled = neetoCist.isPresent(templates);
   return /*#__PURE__*/jsxRuntime.jsx(NeetoUIForm__default["default"], {
     formProps: {
       noValidate: true,
@@ -116,21 +186,20 @@ var EmailAndSms = function EmailAndSms(_ref) {
       validationSchema: updatedValidationSchema,
       onSubmit: handleSubmit
     },
-    children: function children(_ref4) {
-      var setValues = _ref4.setValues,
-        values = _ref4.values;
+    children: function children(_ref5) {
+      var setValues = _ref5.setValues,
+        values = _ref5.values;
       var handleTemplateChange = function handleTemplateChange(value) {
         var _editorRef$current;
         if (!value) return;
-        var customFieldValues = ramda.omit(initialValueKeys, values);
         var template = neetoCist.findBy({
           id: value === null || value === void 0 ? void 0 : value.value
         }, templates);
-        setValues(_objectSpread$2(_objectSpread$2({}, template), customFieldValues));
+        setValues(_objectSpread$2(_objectSpread$2({}, values), template));
         (_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 || (_editorRef$current = _editorRef$current.editor) === null || _editorRef$current === void 0 || (_editorRef$current = _editorRef$current.commands) === null || _editorRef$current === void 0 || _editorRef$current.setContent(template.body);
       };
       return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
+        children: [isTemplateSelectionEnabled && /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
           isClearable: true,
           isSearchable: true,
           innerRef: setFocusField,
@@ -144,18 +213,20 @@ var EmailAndSms = function EmailAndSms(_ref) {
         }), customFields, isEmailTemplate && /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
           required: true,
           label: t("neetoMessageTemplate.template.subject"),
-          name: "subject"
+          name: "subject",
+          ref: isTemplateSelectionEnabled ? null : setFocusField
         }), /*#__PURE__*/jsxRuntime.jsx(FormikEditor__default["default"], {
           hideSlashCommands: true,
           required: true,
+          autoFocus: !(isTemplateSelectionEnabled || isEmailTemplate),
           contentClassName: "max-h-40",
           defaults: isEmailTemplate ? undefined : [],
           label: t("neetoMessageTemplate.template.body"),
           name: "body",
           ref: editorRef,
-          rows: useTemplatesApi.DEFAULT_EDITOR_ROW_COUNT,
+          rows: constants.DEFAULT_EDITOR_ROW_COUNT,
           variables: templateVariables
-        }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
+        }), shouldShowSaveAsTemplate(values) && /*#__PURE__*/jsxRuntime.jsx(utils.SaveAsTemplate, {}), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
           className: "absolute bottom-0 left-0",
           children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
             cancelButtonProps: {
@@ -325,12 +396,12 @@ var SendMessageForm = function SendMessageForm(_ref) {
     ownerId = _ref$ownerId === void 0 ? "" : _ref$ownerId,
     _ref$helpDocUrl = _ref.helpDocUrl,
     helpDocUrl = _ref$helpDocUrl === void 0 ? "" : _ref$helpDocUrl,
-    _ref$addNewTemplateRo = _ref.addNewTemplateRoute,
-    addNewTemplateRoute = _ref$addNewTemplateRo === void 0 ? "" : _ref$addNewTemplateRo,
+    _ref$isSaveAsTemplate = _ref.isSaveAsTemplateEnabled,
+    isSaveAsTemplateEnabled = _ref$isSaveAsTemplate === void 0 ? true : _ref$isSaveAsTemplate,
     setFocusField = _ref.paneProps.setFocusField;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var value = useTemplatesApi.MESSAGE_TEMPLATES[type].value;
+  var value = constants.MESSAGE_TEMPLATES[type].value;
   var isWhatsappTemplate = type === "whatsapp";
   var templateParams = {
     status: "active",
@@ -349,9 +420,8 @@ var SendMessageForm = function SendMessageForm(_ref) {
       children: /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {})
     });
   }
-  if (ramda.isEmpty(templates)) {
-    return /*#__PURE__*/jsxRuntime.jsx(NoDataPage.NoDataPage, {
-      addNewTemplateRoute: addNewTemplateRoute,
+  if (isWhatsappTemplate && ramda.isEmpty(templates)) {
+    return /*#__PURE__*/jsxRuntime.jsx(NoDataPage, {
       helpDocUrl: helpDocUrl,
       type: type
     });
@@ -361,7 +431,7 @@ var SendMessageForm = function SendMessageForm(_ref) {
       children: /*#__PURE__*/jsxRuntime.jsxs(Typography__default["default"], {
         style: "h2",
         weight: "semibold",
-        children: [t("neetoMessageTemplate.common.send"), " ", useTemplatesApi.MESSAGE_TYPES[type]]
+        children: [t("neetoMessageTemplate.common.send"), " ", constants.MESSAGE_TYPES[type]]
       })
     }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
       children: isWhatsappTemplate ? /*#__PURE__*/jsxRuntime.jsx(Whatsapp, {
@@ -376,6 +446,7 @@ var SendMessageForm = function SendMessageForm(_ref) {
         customFieldsInitialValues: customFieldsInitialValues,
         customFieldsValidationSchema: customFieldsValidationSchema,
         handleSubmit: handleSubmit,
+        isSaveAsTemplateEnabled: isSaveAsTemplateEnabled,
         onClose: onClose,
         setFocusField: setFocusField,
         templateVariables: templateVariables,

package/dist/cjs/SendMessagePane.js.map

@@ -1 +1 @@
-{"version":3,"file":"SendMessagePane.js","sources":["../../app/javascript/src/components/SendMessagePane/constants.js","../../app/javascript/src/components/SendMessagePane/Form/EmailAndSms.jsx","../../app/javascript/src/components/SendMessagePane/Form/Whatsapp.jsx","../../app/javascript/src/components/SendMessagePane/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nconst formatEditorContent = value =>\n  value?.replaceAll(/<\\/?(?!img)\\w*\\b[^>]*>/gi, \"\").trim();\n\nexport const SEND_MESSAGE_INITIAL_VALUES = { subject: \"\", body: \"\" };\n\nexport const EMAIL_MESSAGE_FORM_SCHEMA = yup.object().shape({\n  subject: yup\n    .string()\n    .trim()\n    .required(t(\"neetoMessageTemplate.template.validation.subjectPresence\")),\n  body: yup\n    .string()\n    .test(\n      \"body\",\n      t(\"neetoMessageTemplate.template.validation.bodyPresence\"),\n      value => !!formatEditorContent(value)\n    )\n    .required(t(\"neetoMessageTemplate.template.validation.bodyPresence\")),\n});\n\nexport const SMS_MESSAGE_FORM_VALIDATION_SCHEMA = yup.object().shape({\n  body: yup\n    .string()\n    .required(t(\"neetoMessageTemplate.template.validation.bodyPresence\"))\n    .test(\n      \"body\",\n      t(\"neetoMessageTemplate.template.validation.bodyPresence\"),\n      value => !!formatEditorContent(value)\n    ),\n});\n\nexport const WHATSAPP_MESSAGE_FORM_VALIDATIONS_SCHEMA = yup.object().shape({\n  variableContents: yup.object().shape({\n    body: yup\n      .array()\n      .of(\n        yup\n          .string()\n          .required(\n            t(\"neetoMessageTemplate.template.validation.variablePresence\")\n          )\n      ),\n  }),\n});\n","import { useRef } from \"react\";\n\nimport { findBy, renameKeys } from \"neetocist\";\nimport { FormikEditor } from \"neetoeditor\";\nimport { Pane, Select } from \"neetoui\";\nimport { ActionBlock, Form, Input } from \"neetoui/formik\";\nimport { mergeAll, omit, pick } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport * as yup from \"yup\";\n\nimport { DEFAULT_EDITOR_ROW_COUNT } from \"components/constants\";\n\nimport {\n  EMAIL_MESSAGE_FORM_SCHEMA,\n  SEND_MESSAGE_INITIAL_VALUES,\n  SMS_MESSAGE_FORM_VALIDATION_SCHEMA,\n} from \"../constants\";\n\nconst EmailAndSms = ({\n  onClose,\n  templates,\n  setFocusField,\n  templateVariables,\n  customFields,\n  customFieldsInitialValues,\n  customFieldsValidationSchema,\n  type,\n  handleSubmit,\n}) => {\n  const editorRef = useRef(null);\n  const { t } = useTranslation();\n\n  const isEmailTemplate = type === \"email\";\n  const [INITIAL_VALUES, SEND_MESSAGE_FORM_SCHEMA] = isEmailTemplate\n    ? [SEND_MESSAGE_INITIAL_VALUES, EMAIL_MESSAGE_FORM_SCHEMA]\n    : [\n        pick([\"body\"], SEND_MESSAGE_INITIAL_VALUES),\n        SMS_MESSAGE_FORM_VALIDATION_SCHEMA,\n      ];\n\n  const updatedInitialValues = mergeAll([\n    INITIAL_VALUES,\n    customFieldsInitialValues,\n  ]);\n\n  const updatedValidationSchema = yup.object().shape({\n    ...SEND_MESSAGE_FORM_SCHEMA?.fields,\n    ...customFieldsValidationSchema?.fields,\n  });\n  const initialValueKeys = Object.keys(INITIAL_VALUES);\n\n  return (\n    <Form\n      formProps={{\n        noValidate: true,\n        className: \"flex w-full flex-col gap-y-4 pb-6\",\n      }}\n      formikProps={{\n        initialValues: updatedInitialValues,\n        validationSchema: updatedValidationSchema,\n        onSubmit: handleSubmit,\n      }}\n    >\n      {({ setValues, values }) => {\n        const handleTemplateChange = value => {\n          if (!value) return;\n          const customFieldValues = omit(initialValueKeys, values);\n          const template = findBy({ id: value?.value }, templates);\n          setValues({ ...template, ...customFieldValues });\n          editorRef.current?.editor?.commands?.setContent(template.body);\n        };\n\n        return (\n          <>\n            <Select\n              isClearable\n              isSearchable\n              innerRef={setFocusField}\n              label={t(\"neetoMessageTemplate.template.title\")}\n              options={renameKeys({ name: \"label\", id: \"value\" }, templates)}\n              placeholder={t(\"neetoMessageTemplate.sendMessage.selectTemplate\")}\n              onChange={handleTemplateChange}\n            />\n            {customFields}\n            {isEmailTemplate && (\n              <Input\n                required\n                label={t(\"neetoMessageTemplate.template.subject\")}\n                name=\"subject\"\n              />\n            )}\n            <FormikEditor\n              hideSlashCommands\n              required\n              contentClassName=\"max-h-40\"\n              defaults={isEmailTemplate ? undefined : []}\n              label={t(\"neetoMessageTemplate.template.body\")}\n              name=\"body\"\n              ref={editorRef}\n              rows={DEFAULT_EDITOR_ROW_COUNT}\n              variables={templateVariables}\n            />\n            <Pane.Footer className=\"absolute bottom-0 left-0\">\n              <ActionBlock\n                cancelButtonProps={{\n                  \"data-cy\": \"message-template-cancel-button\",\n                  onClick: onClose,\n                }}\n                submitButtonProps={{\n                  \"data-cy\": \"message-template-send-button\",\n                  label: t(\"neetoMessageTemplate.template.send\"),\n                }}\n              />\n            </Pane.Footer>\n          </>\n        );\n      }}\n    </Form>\n  );\n};\nexport default EmailAndSms;\n","import {\n  capitalize,\n  nullSafe,\n  findBy,\n  isNotEmpty,\n  renameKeys,\n} from \"neetocist\";\nimport { Pane, Textarea, Typography } from \"neetoui\";\nimport { Select, Form, Input, ActionBlock } from \"neetoui/formik\";\nimport { mergeAll, omit, pluck } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport * as yup from \"yup\";\n\nimport { WHATSAPP_MESSAGE_FORM_VALIDATIONS_SCHEMA } from \"../constants\";\n\nconst Whatsapp = ({\n  templates,\n  onClose,\n  handleSubmit,\n  customFields,\n  customFieldsInitialValues,\n  customFieldsValidationSchema,\n}) => {\n  const { t } = useTranslation();\n\n  const getInitialVariableComponents = variables => {\n    const initialComponents = {};\n\n    variables?.forEach(({ type, count }) => {\n      initialComponents[type] = Array(count).fill(\"\");\n    });\n\n    return initialComponents;\n  };\n\n  const getTemplateMessage = components =>\n    nullSafe(pluck)(\"text\", components)?.join(\"\\n\");\n\n  const initialFormValues = {\n    selectedTemplate: { label: templates[0]?.name, value: templates[0]?.id },\n    templateMessage: getTemplateMessage(templates[0]?.components),\n    variableContents: getInitialVariableComponents(templates[0]?.variableCount),\n  };\n\n  const updatedInitialValues = mergeAll([\n    initialFormValues,\n    customFieldsInitialValues,\n  ]);\n\n  const updatedValidationSchema = yup.object().shape({\n    ...WHATSAPP_MESSAGE_FORM_VALIDATIONS_SCHEMA?.fields,\n    ...customFieldsValidationSchema?.fields,\n  });\n\n  const initialValueKeys = Object.keys(initialFormValues);\n\n  return (\n    <Form\n      formProps={{\n        noValidate: true,\n        className: \"flex w-full flex-col gap-y-4 pb-6\",\n      }}\n      formikProps={{\n        initialValues: updatedInitialValues,\n        validationSchema: updatedValidationSchema,\n        onSubmit: handleSubmit,\n      }}\n    >\n      {({ values, setValues }) => {\n        const handleTemplateChange = value => {\n          if (!value) return;\n\n          const template = findBy({ id: value?.value }, templates);\n          const customFieldValues = omit(initialValueKeys, values);\n          setValues({\n            selectedTemplate: { label: template.name, value: template.id },\n            templateMessage: getTemplateMessage(template.components),\n            variableContents: getInitialVariableComponents(\n              template.variableCount\n            ),\n            ...customFieldValues,\n          });\n        };\n\n        return (\n          <>\n            <Select\n              required\n              defaultValue={initialFormValues.selectedTemplate}\n              label={t(\"neetoMessageTemplate.template.title\")}\n              name=\"selectedTemplate\"\n              options={renameKeys({ name: \"label\", id: \"value\" }, templates)}\n              onChange={handleTemplateChange}\n            />\n            {customFields}\n            <Textarea\n              disabled\n              nakedTextarea\n              label={t(\"neetoMessageTemplate.template.preview\")}\n              value={values.templateMessage}\n            />\n            {isNotEmpty(values.variableContents) && (\n              <>\n                {Object.keys(values.variableContents).map(group => (\n                  <div className=\"flex flex-col gap-y-2\" key={group}>\n                    <Typography style=\"h4\">\n                      {t(\"neetoMessageTemplate.template.resolveVariable\", {\n                        type: capitalize(group),\n                      })}\n                    </Typography>\n                    {values.variableContents[group].map((_, index) => (\n                      <div key={`${group}-${index}`}>\n                        <Input\n                          required\n                          key={`${group}-${index}`}\n                          label={`{{${index + 1}}}`}\n                          name={`variableContents.${group}.${index}`}\n                        />\n                      </div>\n                    ))}\n                  </div>\n                ))}\n              </>\n            )}\n            <Pane.Footer className=\"absolute bottom-0 left-0\">\n              <ActionBlock\n                cancelButtonProps={{\n                  \"data-cy\": \"message-template-cancel-button\",\n                  onClick: onClose,\n                }}\n                submitButtonProps={{\n                  \"data-cy\": \"message-template-send-button\",\n                  label: t(\"neetoMessageTemplate.template.send\"),\n                }}\n              />\n            </Pane.Footer>\n          </>\n        );\n      }}\n    </Form>\n  );\n};\n\nexport default Whatsapp;\n","import { noop } from \"neetocist\";\nimport { Pane, Spinner, Typography } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport NoDataPage from \"components/commons/NoDataPage\";\nimport { MESSAGE_TEMPLATES, MESSAGE_TYPES } from \"components/constants\";\nimport { useFetchTemplates } from \"hooks/reactQuery/useTemplatesApi\";\n\nimport EmailAndSms from \"./Form/EmailAndSms\";\nimport WhatsappForm from \"./Form/Whatsapp\";\n\nconst SendMessagePane = props => {\n  const { isOpen, onClose } = props;\n\n  return (\n    <Pane {...{ isOpen, onClose }}>\n      {paneProps => <SendMessageForm {...{ ...props, paneProps }} />}\n    </Pane>\n  );\n};\n\nconst SendMessageForm = ({\n  type = \"\",\n  handleSubmit = noop,\n  onClose = noop,\n  customFields = null,\n  customFieldsInitialValues = {},\n  customFieldsValidationSchema = {},\n  templateVariables = {},\n  ownerId = \"\", // Optional by default. Required in case if the owner of message-templates is not the Organization\n  helpDocUrl = \"\",\n  addNewTemplateRoute = \"\",\n  paneProps: { setFocusField },\n}) => {\n  const { t } = useTranslation();\n\n  const { value } = MESSAGE_TEMPLATES[type];\n  const isWhatsappTemplate = type === \"whatsapp\";\n  const templateParams = {\n    status: \"active\",\n    templateType: value,\n    ownerId,\n  };\n\n  const { data: { templates = [] } = {}, isLoading } =\n    useFetchTemplates(templateParams);\n\n  if (isLoading) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  if (isEmpty(templates)) {\n    return <NoDataPage {...{ addNewTemplateRoute, helpDocUrl, type }} />;\n  }\n\n  return (\n    <>\n      <Pane.Header>\n        <Typography style=\"h2\" weight=\"semibold\">\n          {t(\"neetoMessageTemplate.common.send\")} {MESSAGE_TYPES[type]}\n        </Typography>\n      </Pane.Header>\n      <Pane.Body>\n        {isWhatsappTemplate ? (\n          <WhatsappForm\n            {...{\n              customFields,\n              customFieldsInitialValues,\n              customFieldsValidationSchema,\n              handleSubmit,\n              onClose,\n              templates,\n            }}\n          />\n        ) : (\n          <EmailAndSms\n            {...{\n              customFields,\n              customFieldsInitialValues,\n              customFieldsValidationSchema,\n              handleSubmit,\n              onClose,\n              setFocusField,\n              templateVariables,\n              templates,\n              type,\n            }}\n          />\n        )}\n      </Pane.Body>\n    </>\n  );\n};\n\nexport default SendMessagePane;\n"],"names":["formatEditorContent","value","replaceAll","trim","SEND_MESSAGE_INITIAL_VALUES","subject","body","EMAIL_MESSAGE_FORM_SCHEMA","yup","object","shape","string","required","t","test","SMS_MESSAGE_FORM_VALIDATION_SCHEMA","WHATSAPP_MESSAGE_FORM_VALIDATIONS_SCHEMA","variableContents","array","of","EmailAndSms","_ref","onClose","templates","setFocusField","templateVariables","customFields","customFieldsInitialValues","customFieldsValidationSchema","type","handleSubmit","editorRef","useRef","_useTranslation","useTranslation","isEmailTemplate","_ref2","pick","_ref3","_slicedToArray","INITIAL_VALUES","SEND_MESSAGE_FORM_SCHEMA","updatedInitialValues","mergeAll","updatedValidationSchema","_objectSpread","fields","initialValueKeys","Object","keys","_jsx","Form","formProps","noValidate","className","formikProps","initialValues","validationSchema","onSubmit","children","_ref4","setValues","values","handleTemplateChange","_editorRef$current","customFieldValues","omit","template","findBy","id","current","editor","commands","setContent","_jsxs","_Fragment","Select","isClearable","isSearchable","innerRef","label","options","renameKeys","name","placeholder","onChange","Input","FormikEditor","hideSlashCommands","contentClassName","defaults","undefined","ref","rows","DEFAULT_EDITOR_ROW_COUNT","variables","Pane","Footer","ActionBlock","cancelButtonProps","onClick","submitButtonProps","Whatsapp","_templates$","_templates$2","_templates$3","_templates$4","getInitialVariableComponents","initialComponents","forEach","count","Array","fill","getTemplateMessage","components","_nullSafe","nullSafe","pluck","join","initialFormValues","selectedTemplate","templateMessage","variableCount","defaultValue","Textarea","disabled","nakedTextarea","isNotEmpty","map","group","Typography","style","capitalize","_","index","concat","SendMessagePane","props","isOpen","paneProps","SendMessageForm","_ref$type","_ref$handleSubmit","noop","_ref$onClose","_ref$customFields","_ref$customFieldsInit","_ref$customFieldsVali","_ref$templateVariable","_ref$ownerId","ownerId","_ref$helpDocUrl","helpDocUrl","_ref$addNewTemplateRo","addNewTemplateRoute","MESSAGE_TEMPLATES","isWhatsappTemplate","templateParams","status","templateType","_useFetchTemplates","useFetchTemplates","_useFetchTemplates$da","data","_useFetchTemplates$da2","_useFetchTemplates$da3","isLoading","Spinner","isEmpty","NoDataPage","Header","weight","MESSAGE_TYPES","Body","WhatsappForm"],"mappings":"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"}
+{"version":3,"file":"SendMessagePane.js","sources":["../../app/javascript/src/components/commons/NoDataPage.jsx","../../app/javascript/src/components/SendMessagePane/constants.js","../../app/javascript/src/components/SendMessagePane/Form/EmailAndSms.jsx","../../app/javascript/src/components/SendMessagePane/Form/Whatsapp.jsx","../../app/javascript/src/components/SendMessagePane/index.jsx"],"sourcesContent":["import { Button, Typography } from \"neetoui\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { MESSAGE_TEMPLATES, MESSAGE_TYPES } from \"components/constants\";\n\nconst NoDataPage = ({ type, helpDocUrl = \"\" }) => {\n  const { t } = useTranslation();\n\n  const { label } = MESSAGE_TEMPLATES[type];\n\n  if (type === MESSAGE_TYPES.whatsapp) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center px-6 text-center\">\n        <Typography>\n          {t(\"neetoMessageTemplate.template.emptyState\", {\n            type: t(\"neetoMessageTemplate.template.whatsappTemplates\"),\n          })}{\" \"}\n          {helpDocUrl && (\n            <Trans\n              i18nKey=\"neetoMessageTemplate.template.whatsapp.helpDocText\"\n              components={{\n                Link: <Button href={helpDocUrl} size=\"large\" style=\"link\" />,\n              }}\n            />\n          )}\n        </Typography>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex h-full w-full flex-col items-center justify-center\">\n      <Typography>\n        {t(\"neetoMessageTemplate.template.emptyState\", {\n          type: label,\n        })}\n      </Typography>\n    </div>\n  );\n};\n\nexport default NoDataPage;\n","import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nconst formatEditorContent = value =>\n  value?.replaceAll(/<\\/?(?!img)\\w*\\b[^>]*>/gi, \"\").trim();\n\nexport const SEND_MESSAGE_INITIAL_VALUES = {\n  subject: \"\",\n  body: \"\",\n  shouldSaveAsTemplate: false,\n  templateName: \"\",\n};\n\nexport const EMAIL_MESSAGE_FORM_SCHEMA = yup.object().shape({\n  subject: yup\n    .string()\n    .trim()\n    .required(t(\"neetoMessageTemplate.template.validation.subjectPresence\")),\n  body: yup\n    .string()\n    .test(\n      \"body\",\n      t(\"neetoMessageTemplate.template.validation.bodyPresence\"),\n      value => !!formatEditorContent(value)\n    )\n    .required(t(\"neetoMessageTemplate.template.validation.bodyPresence\")),\n  templateName: yup.string().when(\"shouldSaveAsTemplate\", {\n    is: true,\n    then: yup.string().required(\n      t(\"neetoMessageTemplate.template.validation.requiredEntity\", {\n        entity: t(\"neetoMessageTemplate.template.templateName\"),\n      })\n    ),\n  }),\n});\n\nexport const SMS_MESSAGE_FORM_VALIDATION_SCHEMA = yup.object().shape({\n  body: yup\n    .string()\n    .required(t(\"neetoMessageTemplate.template.validation.bodyPresence\"))\n    .test(\n      \"body\",\n      t(\"neetoMessageTemplate.template.validation.bodyPresence\"),\n      value => !!formatEditorContent(value)\n    ),\n  templateName: yup.string().when(\"shouldSaveAsTemplate\", {\n    is: true,\n    then: yup.string().required(\n      t(\"neetoMessageTemplate.template.validation.requiredEntity\", {\n        entity: t(\"neetoMessageTemplate.template.templateName\"),\n      })\n    ),\n  }),\n});\n\nexport const WHATSAPP_MESSAGE_FORM_VALIDATIONS_SCHEMA = yup.object().shape({\n  variableContents: yup.object().shape({\n    body: yup\n      .array()\n      .of(\n        yup\n          .string()\n          .required(\n            t(\"neetoMessageTemplate.template.validation.variablePresence\")\n          )\n      ),\n  }),\n});\n","import { useRef } from \"react\";\n\nimport { findBy, isPresent, renameKeys } from \"neetocist\";\nimport { FormikEditor } from \"neetoeditor\";\nimport { Pane, Select } from \"neetoui\";\nimport { ActionBlock, Form, Input } from \"neetoui/formik\";\nimport { mergeAll, omit } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport * as yup from \"yup\";\n\nimport SaveAsTemplate from \"components/commons/SaveAsTemplate\";\nimport { DEFAULT_EDITOR_ROW_COUNT } from \"components/constants\";\nimport { areValuesEqual } from \"components/utils\";\n\nimport {\n  EMAIL_MESSAGE_FORM_SCHEMA,\n  SEND_MESSAGE_INITIAL_VALUES,\n  SMS_MESSAGE_FORM_VALIDATION_SCHEMA,\n} from \"../constants\";\n\nconst EmailAndSms = ({\n  onClose,\n  templates,\n  setFocusField,\n  templateVariables,\n  customFields,\n  customFieldsInitialValues,\n  customFieldsValidationSchema,\n  type,\n  handleSubmit,\n  isSaveAsTemplateEnabled,\n}) => {\n  const editorRef = useRef(null);\n  const { t } = useTranslation();\n\n  const isEmailTemplate = type === \"email\";\n  const [INITIAL_VALUES, SEND_MESSAGE_FORM_SCHEMA] = isEmailTemplate\n    ? [SEND_MESSAGE_INITIAL_VALUES, EMAIL_MESSAGE_FORM_SCHEMA]\n    : [\n        omit([\"subject\"], SEND_MESSAGE_INITIAL_VALUES),\n        SMS_MESSAGE_FORM_VALIDATION_SCHEMA,\n      ];\n\n  const updatedInitialValues = mergeAll([\n    INITIAL_VALUES,\n    customFieldsInitialValues,\n  ]);\n\n  const updatedValidationSchema = yup.object().shape({\n    ...SEND_MESSAGE_FORM_SCHEMA?.fields,\n    ...customFieldsValidationSchema?.fields,\n  });\n\n  const shouldShowSaveAsTemplate = ({ id, subject, body } = {}) => {\n    if (!isSaveAsTemplateEnabled) return false;\n\n    const template = findBy({ id }, templates);\n    const hasContent = isPresent(subject) || isPresent(body);\n    const isContentDifferentFromTemplate = !(\n      areValuesEqual(template?.subject, subject) && template?.body === body\n    );\n\n    return hasContent && isContentDifferentFromTemplate;\n  };\n\n  const isTemplateSelectionEnabled = isPresent(templates);\n\n  return (\n    <Form\n      formProps={{\n        noValidate: true,\n        className: \"flex w-full flex-col gap-y-4 pb-6\",\n      }}\n      formikProps={{\n        initialValues: updatedInitialValues,\n        validationSchema: updatedValidationSchema,\n        onSubmit: handleSubmit,\n      }}\n    >\n      {({ setValues, values }) => {\n        const handleTemplateChange = value => {\n          if (!value) return;\n\n          const template = findBy({ id: value?.value }, templates);\n          setValues({ ...values, ...template });\n          editorRef.current?.editor?.commands?.setContent(template.body);\n        };\n\n        return (\n          <>\n            {isTemplateSelectionEnabled && (\n              <Select\n                isClearable\n                isSearchable\n                innerRef={setFocusField}\n                label={t(\"neetoMessageTemplate.template.title\")}\n                options={renameKeys({ name: \"label\", id: \"value\" }, templates)}\n                placeholder={t(\n                  \"neetoMessageTemplate.sendMessage.selectTemplate\"\n                )}\n                onChange={handleTemplateChange}\n              />\n            )}\n            {customFields}\n            {isEmailTemplate && (\n              <Input\n                required\n                label={t(\"neetoMessageTemplate.template.subject\")}\n                name=\"subject\"\n                ref={isTemplateSelectionEnabled ? null : setFocusField}\n              />\n            )}\n            <FormikEditor\n              hideSlashCommands\n              required\n              autoFocus={!(isTemplateSelectionEnabled || isEmailTemplate)}\n              contentClassName=\"max-h-40\"\n              defaults={isEmailTemplate ? undefined : []}\n              label={t(\"neetoMessageTemplate.template.body\")}\n              name=\"body\"\n              ref={editorRef}\n              rows={DEFAULT_EDITOR_ROW_COUNT}\n              variables={templateVariables}\n            />\n            {shouldShowSaveAsTemplate(values) && <SaveAsTemplate />}\n            <Pane.Footer className=\"absolute bottom-0 left-0\">\n              <ActionBlock\n                cancelButtonProps={{\n                  \"data-cy\": \"message-template-cancel-button\",\n                  onClick: onClose,\n                }}\n                submitButtonProps={{\n                  \"data-cy\": \"message-template-send-button\",\n                  label: t(\"neetoMessageTemplate.template.send\"),\n                }}\n              />\n            </Pane.Footer>\n          </>\n        );\n      }}\n    </Form>\n  );\n};\nexport default EmailAndSms;\n","import {\n  capitalize,\n  nullSafe,\n  findBy,\n  isNotEmpty,\n  renameKeys,\n} from \"neetocist\";\nimport { Pane, Textarea, Typography } from \"neetoui\";\nimport { Select, Form, Input, ActionBlock } from \"neetoui/formik\";\nimport { mergeAll, omit, pluck } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport * as yup from \"yup\";\n\nimport { WHATSAPP_MESSAGE_FORM_VALIDATIONS_SCHEMA } from \"../constants\";\n\nconst Whatsapp = ({\n  templates,\n  onClose,\n  handleSubmit,\n  customFields,\n  customFieldsInitialValues,\n  customFieldsValidationSchema,\n}) => {\n  const { t } = useTranslation();\n\n  const getInitialVariableComponents = variables => {\n    const initialComponents = {};\n\n    variables?.forEach(({ type, count }) => {\n      initialComponents[type] = Array(count).fill(\"\");\n    });\n\n    return initialComponents;\n  };\n\n  const getTemplateMessage = components =>\n    nullSafe(pluck)(\"text\", components)?.join(\"\\n\");\n\n  const initialFormValues = {\n    selectedTemplate: { label: templates[0]?.name, value: templates[0]?.id },\n    templateMessage: getTemplateMessage(templates[0]?.components),\n    variableContents: getInitialVariableComponents(templates[0]?.variableCount),\n  };\n\n  const updatedInitialValues = mergeAll([\n    initialFormValues,\n    customFieldsInitialValues,\n  ]);\n\n  const updatedValidationSchema = yup.object().shape({\n    ...WHATSAPP_MESSAGE_FORM_VALIDATIONS_SCHEMA?.fields,\n    ...customFieldsValidationSchema?.fields,\n  });\n\n  const initialValueKeys = Object.keys(initialFormValues);\n\n  return (\n    <Form\n      formProps={{\n        noValidate: true,\n        className: \"flex w-full flex-col gap-y-4 pb-6\",\n      }}\n      formikProps={{\n        initialValues: updatedInitialValues,\n        validationSchema: updatedValidationSchema,\n        onSubmit: handleSubmit,\n      }}\n    >\n      {({ values, setValues }) => {\n        const handleTemplateChange = value => {\n          if (!value) return;\n\n          const template = findBy({ id: value?.value }, templates);\n          const customFieldValues = omit(initialValueKeys, values);\n          setValues({\n            selectedTemplate: { label: template.name, value: template.id },\n            templateMessage: getTemplateMessage(template.components),\n            variableContents: getInitialVariableComponents(\n              template.variableCount\n            ),\n            ...customFieldValues,\n          });\n        };\n\n        return (\n          <>\n            <Select\n              required\n              defaultValue={initialFormValues.selectedTemplate}\n              label={t(\"neetoMessageTemplate.template.title\")}\n              name=\"selectedTemplate\"\n              options={renameKeys({ name: \"label\", id: \"value\" }, templates)}\n              onChange={handleTemplateChange}\n            />\n            {customFields}\n            <Textarea\n              disabled\n              nakedTextarea\n              label={t(\"neetoMessageTemplate.template.preview\")}\n              value={values.templateMessage}\n            />\n            {isNotEmpty(values.variableContents) && (\n              <>\n                {Object.keys(values.variableContents).map(group => (\n                  <div className=\"flex flex-col gap-y-2\" key={group}>\n                    <Typography style=\"h4\">\n                      {t(\"neetoMessageTemplate.template.resolveVariable\", {\n                        type: capitalize(group),\n                      })}\n                    </Typography>\n                    {values.variableContents[group].map((_, index) => (\n                      <div key={`${group}-${index}`}>\n                        <Input\n                          required\n                          key={`${group}-${index}`}\n                          label={`{{${index + 1}}}`}\n                          name={`variableContents.${group}.${index}`}\n                        />\n                      </div>\n                    ))}\n                  </div>\n                ))}\n              </>\n            )}\n            <Pane.Footer className=\"absolute bottom-0 left-0\">\n              <ActionBlock\n                cancelButtonProps={{\n                  \"data-cy\": \"message-template-cancel-button\",\n                  onClick: onClose,\n                }}\n                submitButtonProps={{\n                  \"data-cy\": \"message-template-send-button\",\n                  label: t(\"neetoMessageTemplate.template.send\"),\n                }}\n              />\n            </Pane.Footer>\n          </>\n        );\n      }}\n    </Form>\n  );\n};\n\nexport default Whatsapp;\n","import { noop } from \"neetocist\";\nimport { Pane, Spinner, Typography } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport NoDataPage from \"components/commons/NoDataPage\";\nimport { MESSAGE_TEMPLATES, MESSAGE_TYPES } from \"components/constants\";\nimport { useFetchTemplates } from \"hooks/reactQuery/useTemplatesApi\";\n\nimport EmailAndSms from \"./Form/EmailAndSms\";\nimport WhatsappForm from \"./Form/Whatsapp\";\n\nconst SendMessagePane = props => {\n  const { isOpen, onClose } = props;\n\n  return (\n    <Pane {...{ isOpen, onClose }}>\n      {paneProps => <SendMessageForm {...{ ...props, paneProps }} />}\n    </Pane>\n  );\n};\n\nconst SendMessageForm = ({\n  type = \"\",\n  handleSubmit = noop,\n  onClose = noop,\n  customFields = null,\n  customFieldsInitialValues = {},\n  customFieldsValidationSchema = {},\n  templateVariables = {},\n  ownerId = \"\", // Optional by default. Required in case if the owner of message-templates is not the Organization\n  helpDocUrl = \"\",\n  isSaveAsTemplateEnabled = true,\n  paneProps: { setFocusField },\n}) => {\n  const { t } = useTranslation();\n\n  const { value } = MESSAGE_TEMPLATES[type];\n  const isWhatsappTemplate = type === \"whatsapp\";\n  const templateParams = {\n    status: \"active\",\n    templateType: value,\n    ownerId,\n  };\n\n  const { data: { templates = [] } = {}, isLoading } =\n    useFetchTemplates(templateParams);\n\n  if (isLoading) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  if (isWhatsappTemplate && isEmpty(templates)) {\n    return <NoDataPage {...{ helpDocUrl, type }} />;\n  }\n\n  return (\n    <>\n      <Pane.Header>\n        <Typography style=\"h2\" weight=\"semibold\">\n          {t(\"neetoMessageTemplate.common.send\")} {MESSAGE_TYPES[type]}\n        </Typography>\n      </Pane.Header>\n      <Pane.Body>\n        {isWhatsappTemplate ? (\n          <WhatsappForm\n            {...{\n              customFields,\n              customFieldsInitialValues,\n              customFieldsValidationSchema,\n              handleSubmit,\n              onClose,\n              templates,\n            }}\n          />\n        ) : (\n          <EmailAndSms\n            {...{\n              customFields,\n              customFieldsInitialValues,\n              customFieldsValidationSchema,\n              handleSubmit,\n              isSaveAsTemplateEnabled,\n              onClose,\n              setFocusField,\n              templateVariables,\n              templates,\n              type,\n            }}\n          />\n        )}\n      </Pane.Body>\n    </>\n  );\n};\n\nexport default SendMessagePane;\n"],"names":["NoDataPage","_ref","type","_ref$helpDocUrl","helpDocUrl","_useTranslation","useTranslation","t","label","MESSAGE_TEMPLATES","MESSAGE_TYPES","whatsapp","_jsx","className","children","_jsxs","Typography","Trans","i18nKey","components","Link","Button","href","size","style","formatEditorContent","value","replaceAll","trim","SEND_MESSAGE_INITIAL_VALUES","subject","body","shouldSaveAsTemplate","templateName","EMAIL_MESSAGE_FORM_SCHEMA","yup","object","shape","string","required","test","when","is","then","entity","SMS_MESSAGE_FORM_VALIDATION_SCHEMA","WHATSAPP_MESSAGE_FORM_VALIDATIONS_SCHEMA","variableContents","array","of","EmailAndSms","onClose","templates","setFocusField","templateVariables","customFields","customFieldsInitialValues","customFieldsValidationSchema","handleSubmit","isSaveAsTemplateEnabled","editorRef","useRef","isEmailTemplate","_ref2","omit","_ref3","_slicedToArray","INITIAL_VALUES","SEND_MESSAGE_FORM_SCHEMA","updatedInitialValues","mergeAll","updatedValidationSchema","_objectSpread","fields","shouldShowSaveAsTemplate","_ref4","arguments","length","undefined","id","template","findBy","hasContent","isPresent","isContentDifferentFromTemplate","areValuesEqual","isTemplateSelectionEnabled","Form","formProps","noValidate","formikProps","initialValues","validationSchema","onSubmit","_ref5","setValues","values","handleTemplateChange","_editorRef$current","current","editor","commands","setContent","_Fragment","Select","isClearable","isSearchable","innerRef","options","renameKeys","name","placeholder","onChange","Input","ref","FormikEditor","hideSlashCommands","autoFocus","contentClassName","defaults","rows","DEFAULT_EDITOR_ROW_COUNT","variables","SaveAsTemplate","Pane","Footer","ActionBlock","cancelButtonProps","onClick","submitButtonProps","Whatsapp","_templates$","_templates$2","_templates$3","_templates$4","getInitialVariableComponents","initialComponents","forEach","count","Array","fill","getTemplateMessage","_nullSafe","nullSafe","pluck","join","initialFormValues","selectedTemplate","templateMessage","variableCount","initialValueKeys","Object","keys","customFieldValues","defaultValue","Textarea","disabled","nakedTextarea","isNotEmpty","map","group","capitalize","_","index","concat","SendMessagePane","props","isOpen","paneProps","SendMessageForm","_ref$type","_ref$handleSubmit","noop","_ref$onClose","_ref$customFields","_ref$customFieldsInit","_ref$customFieldsVali","_ref$templateVariable","_ref$ownerId","ownerId","_ref$isSaveAsTemplate","isWhatsappTemplate","templateParams","status","templateType","_useFetchTemplates","useFetchTemplates","_useFetchTemplates$da","data","_useFetchTemplates$da2","_useFetchTemplates$da3","isLoading","Spinner","isEmpty","Header","weight","Body","WhatsappForm"],"mappings":"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"}

package/dist/cjs/SendToApiPane.js

@@ -1,9 +1,10 @@
 'use strict';
 
-var useTemplatesApi = require('../useTemplatesApi-943ef380.js');
+var useTemplatesApi = require('../useTemplatesApi-d8923769.js');
 var neetoCist = require('@bigbinary/neeto-cist');
 var Pane = require('@bigbinary/neetoui/Pane');
 var Select = require('@bigbinary/neetoui/Select');
+var Spinner = require('@bigbinary/neetoui/Spinner');
 var Typography = require('@bigbinary/neetoui/Typography');
 var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
 var Input = require('@bigbinary/neetoui/formik/Input');
@@ -11,11 +12,10 @@ var NeetoUIForm = require('@bigbinary/neetoui/formik/Form');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
 var utils = require('../utils-90248b52.js');
-var NoDataPage = require('../NoDataPage-00b22095.js');
+var utils$1 = require('../utils-900aa952.js');
 var i18next = require('i18next');
 var yup = require('yup');
 var jsxRuntime = require('react/jsx-runtime');
-require('@bigbinary/neeto-commons-frontend/constants');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/react-utils');
 require('axios');
@@ -24,6 +24,10 @@ require('formik');
 require('@bigbinary/neeto-icons/Delete');
 require('@bigbinary/neetoui/Button');
 require('@bigbinary/neetoui/Label');
+require('react');
+require('../objectWithoutProperties-2fed2d7d.js');
+require('classnames');
+require('@bigbinary/neetoui/formik/Switch');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -47,6 +51,7 @@ function _interopNamespace(e) {
 
 var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
 var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
+var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
 var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
 var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
 var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
@@ -55,14 +60,22 @@ var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 
 var SEND_TO_API_FORM_INITIAL_VALUES = {
   endpoint: "",
-  additionalData: [utils.ADDITIONAL_DATA_INITIAL_VALUE]
+  additionalData: [utils.ADDITIONAL_DATA_INITIAL_VALUE],
+  shouldSaveAsTemplate: false,
+  templateName: ""
 };
 var SEND_TO_API_FORM_VALIDATION_SCHEMA = yup__namespace.object({
   endpoint: yup__namespace.string().required(i18next.t("neetoMessageTemplate.api.validation.endpointPresence")).matches(utils.VALID_URL_REGEX, i18next.t("neetoMessageTemplate.api.validation.validEndpoint")),
   additionalData: yup__namespace.array().of(yup__namespace.object({
     key: yup__namespace.string(),
     value: yup__namespace.string()
-  }))
+  })),
+  templateName: yup__namespace.string().when("shouldSaveAsTemplate", {
+    is: true,
+    then: yup__namespace.string().required(i18next.t("neetoMessageTemplate.template.validation.requiredEntity", {
+      entity: i18next.t("neetoMessageTemplate.template.templateName")
+    }))
+  })
 });
 
 var formatAdditionalData = function formatAdditionalData(additionalData) {
@@ -89,7 +102,6 @@ var SendToApiForm = function SendToApiForm(_ref) {
     onClose = _ref.onClose,
     onSubmit = _ref.onSubmit,
     isSubmitting = _ref.isSubmitting,
-    addNewTemplateRoute = _ref.addNewTemplateRoute,
     setFocusField = _ref.paneProps.setFocusField;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
@@ -103,18 +115,34 @@ var SendToApiForm = function SendToApiForm(_ref) {
     _useFetchTemplates$da3 = _useFetchTemplates$da2.templates,
     templates = _useFetchTemplates$da3 === void 0 ? [] : _useFetchTemplates$da3,
     isLoadingTemplates = _useFetchTemplates.isLoading;
-  var handleTemplateChange = function handleTemplateChange(setFieldValue, template) {
-    setFieldValue("endpoint", template.endpoint);
-    setFieldValue("additionalData", formatAdditionalData(template.additionalData));
+  var handleTemplateChange = function handleTemplateChange(setValues, values, option) {
+    if (!option) return;
+    var template = neetoCist.findBy({
+      id: option.value
+    }, templates);
+    setValues(_objectSpread(_objectSpread({}, values), ramda.modify("additionalData", formatAdditionalData, template)));
   };
   var handleSubmit = function handleSubmit(formValues) {
     var additionalDataModifiedFormValues = ramda.modify("additionalData", utils.rejectEmptyKeyValuePairs, formValues);
     onSubmit(additionalDataModifiedFormValues);
   };
-  if (ramda.isEmpty(templates)) {
-    return /*#__PURE__*/jsxRuntime.jsx(NoDataPage.NoDataPage, {
-      addNewTemplateRoute: addNewTemplateRoute,
-      type: "api"
+  var shouldShowSaveAsTemplate = function shouldShowSaveAsTemplate() {
+    var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      id = _ref2.id,
+      endpoint = _ref2.endpoint,
+      additionalData = _ref2.additionalData;
+    var template = neetoCist.findBy({
+      id: id
+    }, templates);
+    var hasContent = neetoCist.isPresent(endpoint) || neetoCist.isPresent(utils.rejectEmptyKeyValuePairs(additionalData));
+    var isContentDifferentFromTemplate = !(utils$1.areValuesEqual(template === null || template === void 0 ? void 0 : template.endpoint, endpoint) && ramda.equals(template === null || template === void 0 ? void 0 : template.additionalData, additionalData));
+    return hasContent && isContentDifferentFromTemplate;
+  };
+  var isTemplateSelectionEnabled = neetoCist.isPresent(templates);
+  if (isLoadingTemplates) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {})
     });
   }
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
@@ -130,13 +158,14 @@ var SendToApiForm = function SendToApiForm(_ref) {
         validationSchema: SEND_TO_API_FORM_VALIDATION_SCHEMA,
         onSubmit: handleSubmit
       },
-      children: function children(_ref2) {
-        var setFieldValue = _ref2.setFieldValue;
+      children: function children(_ref3) {
+        var values = _ref3.values,
+          setValues = _ref3.setValues;
         return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
             children: /*#__PURE__*/jsxRuntime.jsxs("div", {
               className: "w-full space-y-5",
-              children: [/*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
+              children: [isTemplateSelectionEnabled && /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
                 innerRef: setFocusField,
                 isLoading: isLoadingTemplates,
                 label: t("neetoMessageTemplate.template.title"),
@@ -146,17 +175,18 @@ var SendToApiForm = function SendToApiForm(_ref) {
                 }, templates),
                 placeholder: t("neetoMessageTemplate.sendMessage.selectTemplate"),
                 onChange: function onChange(template) {
-                  return handleTemplateChange(setFieldValue, template);
+                  return handleTemplateChange(setValues, values, template);
                 }
               }), /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
                 required: true,
                 label: t("neetoMessageTemplate.api.endpoint"),
                 name: "endpoint",
-                placeholder: utils.SAMPLE_URL
+                placeholder: utils.SAMPLE_URL,
+                ref: isTemplateSelectionEnabled ? null : setFocusField
               }), /*#__PURE__*/jsxRuntime.jsx(utils.KeyValuePairs, {
                 label: t("neetoMessageTemplate.api.additionalData"),
                 name: "additionalData"
-              })]
+              }), shouldShowSaveAsTemplate(values) && /*#__PURE__*/jsxRuntime.jsx(utils$1.SaveAsTemplate, {})]
             })
           }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
             children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {