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

package/dist/SendMessagePane.js

@@ -1,12 +1,13 @@
-import { D as DEFAULT_EDITOR_ROW_COUNT, _ as _defineProperty, M as MESSAGE_TEMPLATES, b as useFetchTemplates, e as MESSAGE_TYPES } from './useTemplatesApi-45d43d41.js';
-import { renameKeys, findBy, isNotEmpty, capitalize, nullSafe, noop } from '@bigbinary/neeto-cist';
+import { _ as _defineProperty, a as useFetchTemplates } from './useTemplatesApi-983b3584.js';
+import { isPresent, renameKeys, findBy, isNotEmpty, capitalize, nullSafe, noop } from '@bigbinary/neeto-cist';
 import Pane from '@bigbinary/neetoui/Pane';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import Typography from '@bigbinary/neetoui/Typography';
-import { pick, mergeAll, omit, pluck, isEmpty } from 'ramda';
-import { useTranslation } from 'react-i18next';
-import { N as NoDataPage } from './NoDataPage-4ba91a9f.js';
-import { _ as _slicedToArray } from './slicedToArray-b4278ecd.js';
+import { omit, mergeAll, pluck, isEmpty } from 'ramda';
+import { useTranslation, Trans } from 'react-i18next';
+import Button from '@bigbinary/neetoui/Button';
+import { M as MESSAGE_TEMPLATES, b as MESSAGE_TYPES, _ as _slicedToArray, D as DEFAULT_EDITOR_ROW_COUNT } from './constants-73e7bb3b.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useRef } from 'react';
 import FormikEditor from '@bigbinary/neeto-editor/FormikEditor';
 import Select from '@bigbinary/neetoui/Select';
@@ -14,33 +15,87 @@ import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
 import NeetoUIForm from '@bigbinary/neetoui/formik/Form';
 import Input from '@bigbinary/neetoui/formik/Input';
 import * as yup from 'yup';
+import { S as SaveAsTemplate, a as areValuesEqual } from './utils-733df41c.js';
 import { t } from 'i18next';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Textarea from '@bigbinary/neetoui/Textarea';
 import Select$1 from '@bigbinary/neetoui/formik/Select';
-import '@bigbinary/neeto-commons-frontend/constants';
 import '@tanstack/react-query';
 import '@bigbinary/neeto-commons-frontend/react-utils';
 import 'axios';
 import 'util';
-import '@bigbinary/neetoui/Button';
+import '@bigbinary/neeto-commons-frontend/constants';
+import 'formik';
+import './objectWithoutProperties-a0edb288.js';
+import 'classnames';
+import '@bigbinary/neetoui/Label';
+import '@bigbinary/neetoui/formik/Switch';
+
+var NoDataPage = function NoDataPage(_ref) {
+  var type = _ref.type,
+    _ref$helpDocUrl = _ref.helpDocUrl,
+    helpDocUrl = _ref$helpDocUrl === void 0 ? "" : _ref$helpDocUrl;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var label = MESSAGE_TEMPLATES[type].label;
+  if (type === MESSAGE_TYPES.whatsapp) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center px-6 text-center",
+      children: /*#__PURE__*/jsxs(Typography, {
+        children: [t("neetoMessageTemplate.template.emptyState", {
+          type: t("neetoMessageTemplate.template.whatsappTemplates")
+        }), " ", helpDocUrl && /*#__PURE__*/jsx(Trans, {
+          i18nKey: "neetoMessageTemplate.template.whatsapp.helpDocText",
+          components: {
+            Link: /*#__PURE__*/jsx(Button, {
+              href: helpDocUrl,
+              size: "large",
+              style: "link"
+            })
+          }
+        })]
+      })
+    });
+  }
+  return /*#__PURE__*/jsx("div", {
+    className: "flex h-full w-full flex-col items-center justify-center",
+    children: /*#__PURE__*/jsx(Typography, {
+      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.object().shape({
   subject: yup.string().trim().required(t("neetoMessageTemplate.template.validation.subjectPresence")),
   body: yup.string().test("body", t("neetoMessageTemplate.template.validation.bodyPresence"), function (value) {
     return !!formatEditorContent(value);
-  }).required(t("neetoMessageTemplate.template.validation.bodyPresence"))
+  }).required(t("neetoMessageTemplate.template.validation.bodyPresence")),
+  templateName: yup.string().when("shouldSaveAsTemplate", {
+    is: true,
+    then: yup.string().required(t("neetoMessageTemplate.template.validation.requiredEntity", {
+      entity: t("neetoMessageTemplate.template.templateName")
+    }))
+  })
 });
 var SMS_MESSAGE_FORM_VALIDATION_SCHEMA = yup.object().shape({
   body: yup.string().required(t("neetoMessageTemplate.template.validation.bodyPresence")).test("body", t("neetoMessageTemplate.template.validation.bodyPresence"), function (value) {
     return !!formatEditorContent(value);
+  }),
+  templateName: yup.string().when("shouldSaveAsTemplate", {
+    is: true,
+    then: yup.string().required(t("neetoMessageTemplate.template.validation.requiredEntity", {
+      entity: t("neetoMessageTemplate.template.templateName")
+    }))
   })
 });
 var WHATSAPP_MESSAGE_FORM_VALIDATIONS_SCHEMA = yup.object().shape({
@@ -60,18 +115,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 = useRef(null);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var isEmailTemplate = type === "email";
-  var _ref2 = isEmailTemplate ? [SEND_MESSAGE_INITIAL_VALUES, EMAIL_MESSAGE_FORM_SCHEMA] : [pick(["body"], SEND_MESSAGE_INITIAL_VALUES), SMS_MESSAGE_FORM_VALIDATION_SCHEMA],
+  var _ref2 = isEmailTemplate ? [SEND_MESSAGE_INITIAL_VALUES, EMAIL_MESSAGE_FORM_SCHEMA] : [omit(["subject"], SEND_MESSAGE_INITIAL_VALUES), SMS_MESSAGE_FORM_VALIDATION_SCHEMA],
     _ref3 = _slicedToArray(_ref2, 2),
     INITIAL_VALUES = _ref3[0],
     SEND_MESSAGE_FORM_SCHEMA = _ref3[1];
   var updatedInitialValues = mergeAll([INITIAL_VALUES, customFieldsInitialValues]);
   var updatedValidationSchema = yup.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 = findBy({
+      id: id
+    }, templates);
+    var hasContent = isPresent(subject) || isPresent(body);
+    var isContentDifferentFromTemplate = !(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 = isPresent(templates);
   return /*#__PURE__*/jsx(NeetoUIForm, {
     formProps: {
       noValidate: true,
@@ -82,21 +151,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 = omit(initialValueKeys, values);
         var template = 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__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(Select, {
+        children: [isTemplateSelectionEnabled && /*#__PURE__*/jsx(Select, {
           isClearable: true,
           isSearchable: true,
           innerRef: setFocusField,
@@ -110,10 +178,12 @@ var EmailAndSms = function EmailAndSms(_ref) {
         }), customFields, isEmailTemplate && /*#__PURE__*/jsx(Input, {
           required: true,
           label: t("neetoMessageTemplate.template.subject"),
-          name: "subject"
+          name: "subject",
+          ref: isTemplateSelectionEnabled ? null : setFocusField
         }), /*#__PURE__*/jsx(FormikEditor, {
           hideSlashCommands: true,
           required: true,
+          autoFocus: !(isTemplateSelectionEnabled || isEmailTemplate),
           contentClassName: "max-h-40",
           defaults: isEmailTemplate ? undefined : [],
           label: t("neetoMessageTemplate.template.body"),
@@ -121,7 +191,7 @@ var EmailAndSms = function EmailAndSms(_ref) {
           ref: editorRef,
           rows: DEFAULT_EDITOR_ROW_COUNT,
           variables: templateVariables
-        }), /*#__PURE__*/jsx(Pane.Footer, {
+        }), shouldShowSaveAsTemplate(values) && /*#__PURE__*/jsx(SaveAsTemplate, {}), /*#__PURE__*/jsx(Pane.Footer, {
           className: "absolute bottom-0 left-0",
           children: /*#__PURE__*/jsx(ActionBlock, {
             cancelButtonProps: {
@@ -291,8 +361,8 @@ 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 = useTranslation(),
     t = _useTranslation.t;
@@ -315,9 +385,8 @@ var SendMessageForm = function SendMessageForm(_ref) {
       children: /*#__PURE__*/jsx(Spinner, {})
     });
   }
-  if (isEmpty(templates)) {
+  if (isWhatsappTemplate && isEmpty(templates)) {
     return /*#__PURE__*/jsx(NoDataPage, {
-      addNewTemplateRoute: addNewTemplateRoute,
       helpDocUrl: helpDocUrl,
       type: type
     });
@@ -342,6 +411,7 @@ var SendMessageForm = function SendMessageForm(_ref) {
         customFieldsInitialValues: customFieldsInitialValues,
         customFieldsValidationSchema: customFieldsValidationSchema,
         handleSubmit: handleSubmit,
+        isSaveAsTemplateEnabled: isSaveAsTemplateEnabled,
         onClose: onClose,
         setFocusField: setFocusField,
         templateVariables: templateVariables,

package/dist/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAGC,KAAK,EAAA;AAAA,EAAA,OAC/BA,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEC,UAAU,CAAC,0BAA0B,EAAE,EAAE,CAAC,CAACC,IAAI,EAAE,CAAA;AAAA,CAAA,CAAA;AAEnD,IAAMC,2BAA2B,GAAG;AAAEC,EAAAA,OAAO,EAAE,EAAE;AAAEC,EAAAA,IAAI,EAAE,EAAA;AAAG,CAAC,CAAA;AAE7D,IAAMC,yBAAyB,GAAGC,GAAG,CAACC,MAAM,EAAE,CAACC,KAAK,CAAC;AAC1DL,EAAAA,OAAO,EAAEG,GAAG,CACTG,MAAM,EAAE,CACRR,IAAI,EAAE,CACNS,QAAQ,CAACC,CAAC,CAAC,0DAA0D,CAAC,CAAC;AAC1EP,EAAAA,IAAI,EAAEE,GAAG,CACNG,MAAM,EAAE,CACRG,IAAI,CACH,MAAM,EACND,CAAC,CAAC,uDAAuD,CAAC,EAC1D,UAAAZ,KAAK,EAAA;AAAA,IAAA,OAAI,CAAC,CAACD,mBAAmB,CAACC,KAAK,CAAC,CAAA;AAAA,GACvC,CAAC,CACAW,QAAQ,CAACC,CAAC,CAAC,uDAAuD,CAAC,CAAA;AACxE,CAAC,CAAC,CAAA;AAEK,IAAME,kCAAkC,GAAGP,GAAG,CAACC,MAAM,EAAE,CAACC,KAAK,CAAC;EACnEJ,IAAI,EAAEE,GAAG,CACNG,MAAM,EAAE,CACRC,QAAQ,CAACC,CAAC,CAAC,uDAAuD,CAAC,CAAC,CACpEC,IAAI,CACH,MAAM,EACND,CAAC,CAAC,uDAAuD,CAAC,EAC1D,UAAAZ,KAAK,EAAA;AAAA,IAAA,OAAI,CAAC,CAACD,mBAAmB,CAACC,KAAK,CAAC,CAAA;GACvC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEK,IAAMe,wCAAwC,GAAGR,GAAG,CAACC,MAAM,EAAE,CAACC,KAAK,CAAC;EACzEO,gBAAgB,EAAET,GAAG,CAACC,MAAM,EAAE,CAACC,KAAK,CAAC;IACnCJ,IAAI,EAAEE,GAAG,CACNU,KAAK,EAAE,CACPC,EAAE,CACDX,GAAG,CACAG,MAAM,EAAE,CACRC,QAAQ,CACPC,CAAC,CAAC,2DAA2D,CAC/D,CACJ,CAAA;GACH,CAAA;AACH,CAAC,CAAC;;;;AC5BF,IAAMO,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAUX;AAAA,EAAA,IATJC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IACbC,iBAAiB,GAAAJ,IAAA,CAAjBI,iBAAiB;IACjBC,YAAY,GAAAL,IAAA,CAAZK,YAAY;IACZC,yBAAyB,GAAAN,IAAA,CAAzBM,yBAAyB;IACzBC,4BAA4B,GAAAP,IAAA,CAA5BO,4BAA4B;IAC5BC,IAAI,GAAAR,IAAA,CAAJQ,IAAI;IACJC,YAAY,GAAAT,IAAA,CAAZS,YAAY,CAAA;AAEZ,EAAA,IAAMC,SAAS,GAAGC,MAAM,CAAC,IAAI,CAAC,CAAA;AAC9B,EAAA,IAAAC,eAAA,GAAcC,cAAc,EAAE;IAAtBrB,CAAC,GAAAoB,eAAA,CAADpB,CAAC,CAAA;AAET,EAAA,IAAMsB,eAAe,GAAGN,IAAI,KAAK,OAAO,CAAA;EACxC,IAAAO,KAAA,GAAmDD,eAAe,GAC9D,CAAC/B,2BAA2B,EAAEG,yBAAyB,CAAC,GACxD,CACE8B,IAAI,CAAC,CAAC,MAAM,CAAC,EAAEjC,2BAA2B,CAAC,EAC3CW,kCAAkC,CACnC;IAAAuB,KAAA,GAAAC,cAAA,CAAAH,KAAA,EAAA,CAAA,CAAA;AALEI,IAAAA,cAAc,GAAAF,KAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,wBAAwB,GAAAH,KAAA,CAAA,CAAA,CAAA,CAAA;EAO/C,IAAMI,oBAAoB,GAAGC,QAAQ,CAAC,CACpCH,cAAc,EACdb,yBAAyB,CAC1B,CAAC,CAAA;AAEF,EAAA,IAAMiB,uBAAuB,GAAGpC,GAAG,CAACC,MAAM,EAAE,CAACC,KAAK,CAAAmC,eAAA,CAAAA,eAAA,CAC7CJ,EAAAA,EAAAA,wBAAwB,KAAxBA,IAAAA,IAAAA,wBAAwB,KAAxBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,wBAAwB,CAAEK,MAAM,CAChClB,EAAAA,4BAA4B,KAA5BA,IAAAA,IAAAA,4BAA4B,KAA5BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,4BAA4B,CAAEkB,MAAM,CACxC,CAAC,CAAA;AACF,EAAA,IAAMC,gBAAgB,GAAGC,MAAM,CAACC,IAAI,CAACT,cAAc,CAAC,CAAA;EAEpD,oBACEU,GAAA,CAACC,WAAI,EAAA;AACHC,IAAAA,SAAS,EAAE;AACTC,MAAAA,UAAU,EAAE,IAAI;AAChBC,MAAAA,SAAS,EAAE,mCAAA;KACX;AACFC,IAAAA,WAAW,EAAE;AACXC,MAAAA,aAAa,EAAEd,oBAAoB;AACnCe,MAAAA,gBAAgB,EAAEb,uBAAuB;AACzCc,MAAAA,QAAQ,EAAE5B,YAAAA;KACV;AAAA6B,IAAAA,QAAA,EAED,SAAAA,QAAAC,CAAAA,KAAA,EAA2B;AAAA,MAAA,IAAxBC,SAAS,GAAAD,KAAA,CAATC,SAAS;QAAEC,MAAM,GAAAF,KAAA,CAANE,MAAM,CAAA;AACnB,MAAA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAG9D,KAAK,EAAI;AAAA,QAAA,IAAA+D,kBAAA,CAAA;QACpC,IAAI,CAAC/D,KAAK,EAAE,OAAA;AACZ,QAAA,IAAMgE,iBAAiB,GAAGC,IAAI,CAACnB,gBAAgB,EAAEe,MAAM,CAAC,CAAA;QACxD,IAAMK,QAAQ,GAAGC,MAAM,CAAC;AAAEC,UAAAA,EAAE,EAAEpE,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEA,KAAAA;SAAO,EAAEsB,SAAS,CAAC,CAAA;QACxDsC,SAAS,CAAAhB,eAAA,CAAAA,eAAA,KAAMsB,QAAQ,CAAA,EAAKF,iBAAiB,CAAE,CAAC,CAAA;AAChD,QAAA,CAAAD,kBAAA,GAAAjC,SAAS,CAACuC,OAAO,MAAA,IAAA,IAAAN,kBAAA,KAAA,KAAA,CAAA,IAAA,CAAAA,kBAAA,GAAjBA,kBAAA,CAAmBO,MAAM,MAAAP,IAAAA,IAAAA,kBAAA,KAAAA,KAAAA,CAAAA,IAAAA,CAAAA,kBAAA,GAAzBA,kBAAA,CAA2BQ,QAAQ,cAAAR,kBAAA,KAAA,KAAA,CAAA,IAAnCA,kBAAA,CAAqCS,UAAU,CAACN,QAAQ,CAAC7D,IAAI,CAAC,CAAA;OAC/D,CAAA;MAED,oBACEoE,IAAA,CAAAC,QAAA,EAAA;QAAAhB,QAAA,EAAA,cACET,GAAA,CAAC0B,MAAM,EAAA;UACLC,WAAW,EAAA,IAAA;UACXC,YAAY,EAAA,IAAA;AACZC,UAAAA,QAAQ,EAAEvD,aAAc;AACxBwD,UAAAA,KAAK,EAAEnE,CAAC,CAAC,qCAAqC,CAAE;UAChDoE,OAAO,EAAEC,UAAU,CAAC;AAAEC,YAAAA,IAAI,EAAE,OAAO;AAAEd,YAAAA,EAAE,EAAE,OAAA;WAAS,EAAE9C,SAAS,CAAE;AAC/D6D,UAAAA,WAAW,EAAEvE,CAAC,CAAC,iDAAiD,CAAE;AAClEwE,UAAAA,QAAQ,EAAEtB,oBAAAA;SACX,CAAC,EACDrC,YAAY,EACZS,eAAe,iBACde,GAAA,CAACoC,KAAK,EAAA;UACJ1E,QAAQ,EAAA,IAAA;AACRoE,UAAAA,KAAK,EAAEnE,CAAC,CAAC,uCAAuC,CAAE;AAClDsE,UAAAA,IAAI,EAAC,SAAA;AAAS,SACf,CACF,eACDjC,GAAA,CAACqC,YAAY,EAAA;UACXC,iBAAiB,EAAA,IAAA;UACjB5E,QAAQ,EAAA,IAAA;AACR6E,UAAAA,gBAAgB,EAAC,UAAU;AAC3BC,UAAAA,QAAQ,EAAEvD,eAAe,GAAGwD,SAAS,GAAG,EAAG;AAC3CX,UAAAA,KAAK,EAAEnE,CAAC,CAAC,oCAAoC,CAAE;AAC/CsE,UAAAA,IAAI,EAAC,MAAM;AACXS,UAAAA,GAAG,EAAE7D,SAAU;AACf8D,UAAAA,IAAI,EAAEC,wBAAyB;AAC/BC,UAAAA,SAAS,EAAEtE,iBAAAA;AAAkB,SAC9B,CAAC,eACFyB,GAAA,CAAC8C,IAAI,CAACC,MAAM,EAAA;AAAC3C,UAAAA,SAAS,EAAC,0BAA0B;UAAAK,QAAA,eAC/CT,GAAA,CAACgD,WAAW,EAAA;AACVC,YAAAA,iBAAiB,EAAE;AACjB,cAAA,SAAS,EAAE,gCAAgC;AAC3CC,cAAAA,OAAO,EAAE9E,OAAAA;aACT;AACF+E,YAAAA,iBAAiB,EAAE;AACjB,cAAA,SAAS,EAAE,8BAA8B;cACzCrB,KAAK,EAAEnE,CAAC,CAAC,oCAAoC,CAAA;AAC/C,aAAA;WACD,CAAA;AAAC,SACS,CAAC,CAAA;AAAA,OACd,CAAC,CAAA;AAEP,KAAA;AAAC,GACG,CAAC,CAAA;AAEX,CAAC;;;;ACxGD,IAAMyF,QAAQ,GAAG,SAAXA,QAAQA,CAAAjF,IAAA,EAOR;AAAA,EAAA,IAAAkF,WAAA,EAAAC,YAAA,EAAAC,YAAA,EAAAC,YAAA,CAAA;AAAA,EAAA,IANJnF,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTD,OAAO,GAAAD,IAAA,CAAPC,OAAO;IACPQ,YAAY,GAAAT,IAAA,CAAZS,YAAY;IACZJ,YAAY,GAAAL,IAAA,CAAZK,YAAY;IACZC,yBAAyB,GAAAN,IAAA,CAAzBM,yBAAyB;IACzBC,4BAA4B,GAAAP,IAAA,CAA5BO,4BAA4B,CAAA;AAE5B,EAAA,IAAAK,eAAA,GAAcC,cAAc,EAAE;IAAtBrB,CAAC,GAAAoB,eAAA,CAADpB,CAAC,CAAA;AAET,EAAA,IAAM8F,4BAA4B,GAAG,SAA/BA,4BAA4BA,CAAGZ,SAAS,EAAI;IAChD,IAAMa,iBAAiB,GAAG,EAAE,CAAA;IAE5Bb,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,IAAAA,SAAS,CAAEc,OAAO,CAAC,UAAAzE,KAAA,EAAqB;AAAA,MAAA,IAAlBP,IAAI,GAAAO,KAAA,CAAJP,IAAI;QAAEiF,KAAK,GAAA1E,KAAA,CAAL0E,KAAK,CAAA;AAC/BF,MAAAA,iBAAiB,CAAC/E,IAAI,CAAC,GAAGkF,KAAK,CAACD,KAAK,CAAC,CAACE,IAAI,CAAC,EAAE,CAAC,CAAA;AACjD,KAAC,CAAC,CAAA;AAEF,IAAA,OAAOJ,iBAAiB,CAAA;GACzB,CAAA;AAED,EAAA,IAAMK,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAGC,UAAU,EAAA;AAAA,IAAA,IAAAC,SAAA,CAAA;AAAA,IAAA,OAAA,CAAAA,SAAA,GACnCC,QAAQ,CAACC,KAAK,CAAC,CAAC,MAAM,EAAEH,UAAU,CAAC,MAAA,IAAA,IAAAC,SAAA,KAAnCA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAA,CAAqCG,IAAI,CAAC,IAAI,CAAC,CAAA;AAAA,GAAA,CAAA;AAEjD,EAAA,IAAMC,iBAAiB,GAAG;AACxBC,IAAAA,gBAAgB,EAAE;AAAExC,MAAAA,KAAK,EAAAuB,CAAAA,WAAA,GAAEhF,SAAS,CAAC,CAAC,CAAC,MAAA,IAAA,IAAAgF,WAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,WAAA,CAAcpB,IAAI;MAAElF,KAAK,EAAA,CAAAuG,YAAA,GAAEjF,SAAS,CAAC,CAAC,CAAC,MAAAiF,IAAAA,IAAAA,YAAA,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAA,CAAcnC,EAAAA;KAAI;AACxEoD,IAAAA,eAAe,EAAER,kBAAkB,CAAAR,CAAAA,YAAA,GAAClF,SAAS,CAAC,CAAC,CAAC,cAAAkF,YAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZA,YAAA,CAAcS,UAAU,CAAC;AAC7DjG,IAAAA,gBAAgB,EAAE0F,4BAA4B,CAAAD,CAAAA,YAAA,GAACnF,SAAS,CAAC,CAAC,CAAC,MAAAmF,IAAAA,IAAAA,YAAA,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAA,CAAcgB,aAAa,CAAA;GAC3E,CAAA;EAED,IAAMhF,oBAAoB,GAAGC,QAAQ,CAAC,CACpC4E,iBAAiB,EACjB5F,yBAAyB,CAC1B,CAAC,CAAA;AAEF,EAAA,IAAMiB,uBAAuB,GAAGpC,GAAG,CAACC,MAAM,EAAE,CAACC,KAAK,CAAAmC,eAAA,CAAAA,eAAA,CAC7C7B,EAAAA,EAAAA,wCAAwC,KAAxCA,IAAAA,IAAAA,wCAAwC,KAAxCA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,wCAAwC,CAAE8B,MAAM,CAChDlB,EAAAA,4BAA4B,KAA5BA,IAAAA,IAAAA,4BAA4B,KAA5BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,4BAA4B,CAAEkB,MAAM,CACxC,CAAC,CAAA;AAEF,EAAA,IAAMC,gBAAgB,GAAGC,MAAM,CAACC,IAAI,CAACsE,iBAAiB,CAAC,CAAA;EAEvD,oBACErE,GAAA,CAACC,WAAI,EAAA;AACHC,IAAAA,SAAS,EAAE;AACTC,MAAAA,UAAU,EAAE,IAAI;AAChBC,MAAAA,SAAS,EAAE,mCAAA;KACX;AACFC,IAAAA,WAAW,EAAE;AACXC,MAAAA,aAAa,EAAEd,oBAAoB;AACnCe,MAAAA,gBAAgB,EAAEb,uBAAuB;AACzCc,MAAAA,QAAQ,EAAE5B,YAAAA;KACV;AAAA6B,IAAAA,QAAA,EAED,SAAAA,QAAArB,CAAAA,KAAA,EAA2B;AAAA,MAAA,IAAxBwB,MAAM,GAAAxB,KAAA,CAANwB,MAAM;QAAED,SAAS,GAAAvB,KAAA,CAATuB,SAAS,CAAA;AACnB,MAAA,IAAME,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAG9D,KAAK,EAAI;QACpC,IAAI,CAACA,KAAK,EAAE,OAAA;QAEZ,IAAMkE,QAAQ,GAAGC,MAAM,CAAC;AAAEC,UAAAA,EAAE,EAAEpE,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAEA,KAAAA;SAAO,EAAEsB,SAAS,CAAC,CAAA;AACxD,QAAA,IAAM0C,iBAAiB,GAAGC,IAAI,CAACnB,gBAAgB,EAAEe,MAAM,CAAC,CAAA;AACxDD,QAAAA,SAAS,CAAAhB,eAAA,CAAA;AACP2E,UAAAA,gBAAgB,EAAE;YAAExC,KAAK,EAAEb,QAAQ,CAACgB,IAAI;YAAElF,KAAK,EAAEkE,QAAQ,CAACE,EAAAA;WAAI;AAC9DoD,UAAAA,eAAe,EAAER,kBAAkB,CAAC9C,QAAQ,CAAC+C,UAAU,CAAC;AACxDjG,UAAAA,gBAAgB,EAAE0F,4BAA4B,CAC5CxC,QAAQ,CAACuD,aACX,CAAA;SACGzD,EAAAA,iBAAiB,CACrB,CAAC,CAAA;OACH,CAAA;MAED,oBACES,IAAA,CAAAC,QAAA,EAAA;QAAAhB,QAAA,EAAA,cACET,GAAA,CAAC0B,QAAM,EAAA;UACLhE,QAAQ,EAAA,IAAA;UACR+G,YAAY,EAAEJ,iBAAiB,CAACC,gBAAiB;AACjDxC,UAAAA,KAAK,EAAEnE,CAAC,CAAC,qCAAqC,CAAE;AAChDsE,UAAAA,IAAI,EAAC,kBAAkB;UACvBF,OAAO,EAAEC,UAAU,CAAC;AAAEC,YAAAA,IAAI,EAAE,OAAO;AAAEd,YAAAA,EAAE,EAAE,OAAA;WAAS,EAAE9C,SAAS,CAAE;AAC/D8D,UAAAA,QAAQ,EAAEtB,oBAAAA;AAAqB,SAChC,CAAC,EACDrC,YAAY,eACbwB,GAAA,CAAC0E,QAAQ,EAAA;UACPC,QAAQ,EAAA,IAAA;UACRC,aAAa,EAAA,IAAA;AACb9C,UAAAA,KAAK,EAAEnE,CAAC,CAAC,uCAAuC,CAAE;UAClDZ,KAAK,EAAE6D,MAAM,CAAC2D,eAAAA;SACf,CAAC,EACDM,UAAU,CAACjE,MAAM,CAAC7C,gBAAgB,CAAC,iBAClCiC,GAAA,CAAAyB,QAAA,EAAA;AAAAhB,UAAAA,QAAA,EACGX,MAAM,CAACC,IAAI,CAACa,MAAM,CAAC7C,gBAAgB,CAAC,CAAC+G,GAAG,CAAC,UAAAC,KAAK,EAAA;AAAA,YAAA,oBAC7CvD,IAAA,CAAA,KAAA,EAAA;AAAKpB,cAAAA,SAAS,EAAC,uBAAuB;cAAAK,QAAA,EAAA,cACpCT,GAAA,CAACgF,UAAU,EAAA;AAACC,gBAAAA,KAAK,EAAC,IAAI;AAAAxE,gBAAAA,QAAA,EACnB9C,CAAC,CAAC,+CAA+C,EAAE;kBAClDgB,IAAI,EAAEuG,UAAU,CAACH,KAAK,CAAA;iBACvB,CAAA;AAAC,eACQ,CAAC,EACZnE,MAAM,CAAC7C,gBAAgB,CAACgH,KAAK,CAAC,CAACD,GAAG,CAAC,UAACK,CAAC,EAAEC,KAAK,EAAA;AAAA,gBAAA,oBAC3CpF,GAAA,CAAA,KAAA,EAAA;kBAAAS,QAAA,eACET,GAAA,CAACoC,KAAK,EAAA;oBACJ1E,QAAQ,EAAA,IAAA;AAERoE,oBAAAA,KAAK,OAAAuD,MAAA,CAAOD,KAAK,GAAG,CAAC,EAAK,IAAA,CAAA;AAC1BnD,oBAAAA,IAAI,sBAAAoD,MAAA,CAAsBN,KAAK,EAAAM,GAAAA,CAAAA,CAAAA,MAAA,CAAID,KAAK,CAAA;AAAG,mBAAA,EAAA,EAAA,CAAAC,MAAA,CAFnCN,KAAK,OAAAM,MAAA,CAAID,KAAK,CAGvB,CAAA;iBAACC,EAAAA,EAAAA,CAAAA,MAAA,CANSN,KAAK,EAAA,GAAA,CAAA,CAAAM,MAAA,CAAID,KAAK,CAOtB,CAAC,CAAA;AAAA,eACP,CAAC,CAAA;AAAA,aAAA,EAfwCL,KAgBvC,CAAC,CAAA;WACP,CAAA;AAAC,SACF,CACH,eACD/E,GAAA,CAAC8C,IAAI,CAACC,MAAM,EAAA;AAAC3C,UAAAA,SAAS,EAAC,0BAA0B;UAAAK,QAAA,eAC/CT,GAAA,CAACgD,WAAW,EAAA;AACVC,YAAAA,iBAAiB,EAAE;AACjB,cAAA,SAAS,EAAE,gCAAgC;AAC3CC,cAAAA,OAAO,EAAE9E,OAAAA;aACT;AACF+E,YAAAA,iBAAiB,EAAE;AACjB,cAAA,SAAS,EAAE,8BAA8B;cACzCrB,KAAK,EAAEnE,CAAC,CAAC,oCAAoC,CAAA;AAC/C,aAAA;WACD,CAAA;AAAC,SACS,CAAC,CAAA;AAAA,OACd,CAAC,CAAA;AAEP,KAAA;AAAC,GACG,CAAC,CAAA;AAEX,CAAC;;;;ACjID,IAAM2H,eAAe,GAAG,SAAlBA,eAAeA,CAAGC,KAAK,EAAI;AAC/B,EAAA,IAAQC,MAAM,GAAcD,KAAK,CAAzBC,MAAM;IAAEpH,OAAO,GAAKmH,KAAK,CAAjBnH,OAAO,CAAA;EAEvB,oBACE4B,GAAA,CAAC8C,IAAI,EAAA;AAAO0C,IAAAA,MAAM,EAANA,MAAM;AAAEpH,IAAAA,OAAO,EAAPA,OAAO;IAAAqC,QAAA,EACxB,SAAAA,QAAAA,CAAAgF,SAAS,EAAA;MAAA,oBAAIzF,GAAA,CAAC0F,eAAe,EAAA/F,aAAA,KAAAA,aAAA,CAAAA,aAAA,CAAA,EAAA,EAAU4F,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEE,QAAAA,SAAS,EAATA,SAAAA;AAAS,OAAA,CAAA,CAAK,CAAC,CAAA;AAAA,KAAA;AAAA,GAC1D,CAAC,CAAA;AAEX,EAAC;AAED,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAAvH,IAAA,EAYf;AAAA,EAAA,IAAAwH,SAAA,GAAAxH,IAAA,CAXJQ,IAAI;AAAJA,IAAAA,IAAI,GAAAgH,SAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,SAAA;IAAAC,iBAAA,GAAAzH,IAAA,CACTS,YAAY;AAAZA,IAAAA,YAAY,GAAAgH,iBAAA,KAAGC,KAAAA,CAAAA,GAAAA,IAAI,GAAAD,iBAAA;IAAAE,YAAA,GAAA3H,IAAA,CACnBC,OAAO;AAAPA,IAAAA,OAAO,GAAA0H,YAAA,KAAGD,KAAAA,CAAAA,GAAAA,IAAI,GAAAC,YAAA;IAAAC,iBAAA,GAAA5H,IAAA,CACdK,YAAY;AAAZA,IAAAA,YAAY,GAAAuH,iBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,iBAAA;IAAAC,qBAAA,GAAA7H,IAAA,CACnBM,yBAAyB;AAAzBA,IAAAA,yBAAyB,GAAAuH,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAC,qBAAA,GAAA9H,IAAA,CAC9BO,4BAA4B;AAA5BA,IAAAA,4BAA4B,GAAAuH,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAC,qBAAA,GAAA/H,IAAA,CACjCI,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAA2H,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAC,YAAA,GAAAhI,IAAA,CACtBiI,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,YAAA;IAAAE,eAAA,GAAAlI,IAAA,CACZmI,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,eAAA;IAAAE,qBAAA,GAAApI,IAAA,CACfqI,mBAAmB;AAAnBA,IAAAA,mBAAmB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,qBAAA;AACXjI,IAAAA,aAAa,GAAAH,IAAA,CAA1BsH,SAAS,CAAInH,aAAa,CAAA;AAE1B,EAAA,IAAAS,eAAA,GAAcC,cAAc,EAAE;IAAtBrB,CAAC,GAAAoB,eAAA,CAADpB,CAAC,CAAA;AAET,EAAA,IAAQZ,KAAK,GAAK0J,iBAAiB,CAAC9H,IAAI,CAAC,CAAjC5B,KAAK,CAAA;AACb,EAAA,IAAM2J,kBAAkB,GAAG/H,IAAI,KAAK,UAAU,CAAA;AAC9C,EAAA,IAAMgI,cAAc,GAAG;AACrBC,IAAAA,MAAM,EAAE,QAAQ;AAChBC,IAAAA,YAAY,EAAE9J,KAAK;AACnBqJ,IAAAA,OAAO,EAAPA,OAAAA;GACD,CAAA;AAED,EAAA,IAAAU,kBAAA,GACEC,iBAAiB,CAACJ,cAAc,CAAC;IAAAK,qBAAA,GAAAF,kBAAA,CAD3BG,IAAI;AAAAC,IAAAA,sBAAA,GAAAF,qBAAA,KAAA,KAAA,CAAA,GAAuB,EAAE,GAAAA,qBAAA;IAAAG,sBAAA,GAAAD,sBAAA,CAArB7I,SAAS;AAATA,IAAAA,SAAS,GAAA8I,sBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,sBAAA;IAASC,SAAS,GAAAN,kBAAA,CAATM,SAAS,CAAA;AAGhD,EAAA,IAAIA,SAAS,EAAE;AACb,IAAA,oBACEpH,GAAA,CAAA,KAAA,EAAA;AAAKI,MAAAA,SAAS,EAAC,gDAAgD;AAAAK,MAAAA,QAAA,eAC7DT,GAAA,CAACqH,OAAO,EAAE,EAAA,CAAA;AAAC,KACR,CAAC,CAAA;AAEV,GAAA;AAEA,EAAA,IAAIC,OAAO,CAACjJ,SAAS,CAAC,EAAE;IACtB,oBAAO2B,GAAA,CAACuH,UAAU,EAAA;AAAOf,MAAAA,mBAAmB,EAAnBA,mBAAmB;AAAEF,MAAAA,UAAU,EAAVA,UAAU;AAAE3H,MAAAA,IAAI,EAAJA,IAAAA;AAAI,KAAK,CAAC,CAAA;AACtE,GAAA;EAEA,oBACE6C,IAAA,CAAAC,QAAA,EAAA;AAAAhB,IAAAA,QAAA,EACET,cAAAA,GAAA,CAAC8C,IAAI,CAAC0E,MAAM,EAAA;MAAA/G,QAAA,eACVe,IAAA,CAACwD,UAAU,EAAA;AAACC,QAAAA,KAAK,EAAC,IAAI;AAACwC,QAAAA,MAAM,EAAC,UAAU;QAAAhH,QAAA,EAAA,CACrC9C,CAAC,CAAC,kCAAkC,CAAC,EAAC,GAAC,EAAC+J,aAAa,CAAC/I,IAAI,CAAC,CAAA;OAClD,CAAA;AAAC,KACF,CAAC,eACdqB,GAAA,CAAC8C,IAAI,CAAC6E,IAAI,EAAA;AAAAlH,MAAAA,QAAA,EACPiG,kBAAkB,gBACjB1G,GAAA,CAAC4H,QAAY,EAAA;AAETpJ,QAAAA,YAAY,EAAZA,YAAY;AACZC,QAAAA,yBAAyB,EAAzBA,yBAAyB;AACzBC,QAAAA,4BAA4B,EAA5BA,4BAA4B;AAC5BE,QAAAA,YAAY,EAAZA,YAAY;AACZR,QAAAA,OAAO,EAAPA,OAAO;AACPC,QAAAA,SAAS,EAATA,SAAAA;AAAS,OAEZ,CAAC,gBAEF2B,GAAA,CAAC9B,WAAW,EAAA;AAERM,QAAAA,YAAY,EAAZA,YAAY;AACZC,QAAAA,yBAAyB,EAAzBA,yBAAyB;AACzBC,QAAAA,4BAA4B,EAA5BA,4BAA4B;AAC5BE,QAAAA,YAAY,EAAZA,YAAY;AACZR,QAAAA,OAAO,EAAPA,OAAO;AACPE,QAAAA,aAAa,EAAbA,aAAa;AACbC,QAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBF,QAAAA,SAAS,EAATA,SAAS;AACTM,QAAAA,IAAI,EAAJA,IAAAA;OAEH,CAAA;AACF,KACQ,CAAC,CAAA;AAAA,GACZ,CAAC,CAAA;AAEP,CAAC;;;;"}
+{"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/SendToApiPane.js

@@ -1,19 +1,19 @@
-import { b as useFetchTemplates, _ as _defineProperty } from './useTemplatesApi-45d43d41.js';
-import { isPresent, renameKeys } from '@bigbinary/neeto-cist';
+import { a as useFetchTemplates, _ as _defineProperty } from './useTemplatesApi-983b3584.js';
+import { isPresent, renameKeys, findBy } from '@bigbinary/neeto-cist';
 import Pane from '@bigbinary/neetoui/Pane';
 import Select from '@bigbinary/neetoui/Select';
+import Spinner from '@bigbinary/neetoui/Spinner';
 import Typography from '@bigbinary/neetoui/Typography';
 import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
 import Input from '@bigbinary/neetoui/formik/Input';
 import NeetoUIForm from '@bigbinary/neetoui/formik/Form';
-import { isEmpty, modify } from 'ramda';
+import { modify, equals } from 'ramda';
 import { useTranslation } from 'react-i18next';
 import { V as VALID_URL_REGEX, a as ADDITIONAL_DATA_INITIAL_VALUE, S as SAMPLE_URL, K as KeyValuePairs, r as rejectEmptyKeyValuePairs, b as API_TEMPLATE_TYPE } from './utils-b93467c8.js';
-import { N as NoDataPage } from './NoDataPage-4ba91a9f.js';
+import { S as SaveAsTemplate, a as areValuesEqual } from './utils-733df41c.js';
 import { t } from 'i18next';
 import * as yup from 'yup';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import '@bigbinary/neeto-commons-frontend/constants';
 import '@tanstack/react-query';
 import '@bigbinary/neeto-commons-frontend/react-utils';
 import 'axios';
@@ -22,17 +22,29 @@ import 'formik';
 import '@bigbinary/neeto-icons/Delete';
 import '@bigbinary/neetoui/Button';
 import '@bigbinary/neetoui/Label';
+import 'react';
+import './objectWithoutProperties-a0edb288.js';
+import 'classnames';
+import '@bigbinary/neetoui/formik/Switch';
 
 var SEND_TO_API_FORM_INITIAL_VALUES = {
   endpoint: "",
-  additionalData: [ADDITIONAL_DATA_INITIAL_VALUE]
+  additionalData: [ADDITIONAL_DATA_INITIAL_VALUE],
+  shouldSaveAsTemplate: false,
+  templateName: ""
 };
 var SEND_TO_API_FORM_VALIDATION_SCHEMA = yup.object({
   endpoint: yup.string().required(t("neetoMessageTemplate.api.validation.endpointPresence")).matches(VALID_URL_REGEX, t("neetoMessageTemplate.api.validation.validEndpoint")),
   additionalData: yup.array().of(yup.object({
     key: yup.string(),
     value: yup.string()
-  }))
+  })),
+  templateName: yup.string().when("shouldSaveAsTemplate", {
+    is: true,
+    then: yup.string().required(t("neetoMessageTemplate.template.validation.requiredEntity", {
+      entity: t("neetoMessageTemplate.template.templateName")
+    }))
+  })
 });
 
 var formatAdditionalData = function formatAdditionalData(additionalData) {
@@ -59,7 +71,6 @@ var SendToApiForm = function SendToApiForm(_ref) {
     onClose = _ref.onClose,
     onSubmit = _ref.onSubmit,
     isSubmitting = _ref.isSubmitting,
-    addNewTemplateRoute = _ref.addNewTemplateRoute,
     setFocusField = _ref.paneProps.setFocusField;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -73,18 +84,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 = findBy({
+      id: option.value
+    }, templates);
+    setValues(_objectSpread(_objectSpread({}, values), modify("additionalData", formatAdditionalData, template)));
   };
   var handleSubmit = function handleSubmit(formValues) {
     var additionalDataModifiedFormValues = modify("additionalData", rejectEmptyKeyValuePairs, formValues);
     onSubmit(additionalDataModifiedFormValues);
   };
-  if (isEmpty(templates)) {
-    return /*#__PURE__*/jsx(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 = findBy({
+      id: id
+    }, templates);
+    var hasContent = isPresent(endpoint) || isPresent(rejectEmptyKeyValuePairs(additionalData));
+    var isContentDifferentFromTemplate = !(areValuesEqual(template === null || template === void 0 ? void 0 : template.endpoint, endpoint) && equals(template === null || template === void 0 ? void 0 : template.additionalData, additionalData));
+    return hasContent && isContentDifferentFromTemplate;
+  };
+  var isTemplateSelectionEnabled = isPresent(templates);
+  if (isLoadingTemplates) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(Spinner, {})
     });
   }
   return /*#__PURE__*/jsxs(Fragment, {
@@ -100,13 +127,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__*/jsxs(Fragment, {
           children: [/*#__PURE__*/jsx(Pane.Body, {
             children: /*#__PURE__*/jsxs("div", {
               className: "w-full space-y-5",
-              children: [/*#__PURE__*/jsx(Select, {
+              children: [isTemplateSelectionEnabled && /*#__PURE__*/jsx(Select, {
                 innerRef: setFocusField,
                 isLoading: isLoadingTemplates,
                 label: t("neetoMessageTemplate.template.title"),
@@ -116,17 +144,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__*/jsx(Input, {
                 required: true,
                 label: t("neetoMessageTemplate.api.endpoint"),
                 name: "endpoint",
-                placeholder: SAMPLE_URL
+                placeholder: SAMPLE_URL,
+                ref: isTemplateSelectionEnabled ? null : setFocusField
               }), /*#__PURE__*/jsx(KeyValuePairs, {
                 label: t("neetoMessageTemplate.api.additionalData"),
                 name: "additionalData"
-              })]
+              }), shouldShowSaveAsTemplate(values) && /*#__PURE__*/jsx(SaveAsTemplate, {})]
             })
           }), /*#__PURE__*/jsx(Pane.Footer, {
             children: /*#__PURE__*/jsx(ActionBlock, {

package/dist/SendToApiPane.js.map

@@ -1 +1 @@
-{"version":3,"file":"SendToApiPane.js","sources":["../app/javascript/src/components/Api/SendToApiPane/constants.js","../app/javascript/src/components/Api/SendToApiPane/utils.js","../app/javascript/src/components/Api/SendToApiPane/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nimport { ADDITIONAL_DATA_INITIAL_VALUE, VALID_URL_REGEX } from \"../constants\";\n\nexport const SEND_TO_API_FORM_INITIAL_VALUES = {\n  endpoint: \"\",\n  additionalData: [ADDITIONAL_DATA_INITIAL_VALUE],\n};\n\nexport const SEND_TO_API_FORM_VALIDATION_SCHEMA = yup.object({\n  endpoint: yup\n    .string()\n    .required(t(\"neetoMessageTemplate.api.validation.endpointPresence\"))\n    .matches(\n      VALID_URL_REGEX,\n      t(\"neetoMessageTemplate.api.validation.validEndpoint\")\n    ),\n  additionalData: yup\n    .array()\n    .of(yup.object({ key: yup.string(), value: yup.string() })),\n});\n","import { isPresent } from \"neetocist\";\n\nimport { ADDITIONAL_DATA_INITIAL_VALUE } from \"../constants\";\n\nexport const formatAdditionalData = additionalData =>\n  isPresent(additionalData) ? additionalData : [ADDITIONAL_DATA_INITIAL_VALUE];\n","import { renameKeys } from \"neetocist\";\nimport { Pane, Select, Typography } from \"neetoui\";\nimport { ActionBlock, Input, Form as NeetoUIForm } from \"neetoui/formik\";\nimport { isEmpty, modify } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { SAMPLE_URL } from \"components/Api/ApiTemplates/constants\";\nimport { API_TEMPLATE_TYPE } from \"components/Api/constants\";\nimport { rejectEmptyKeyValuePairs } from \"components/Api/utils\";\nimport KeyValuePairs from \"components/commons/KeyValuePairs\";\nimport NoDataPage from \"components/commons/NoDataPage\";\nimport { useFetchTemplates } from \"hooks/reactQuery/useTemplatesApi\";\n\nimport {\n  SEND_TO_API_FORM_INITIAL_VALUES,\n  SEND_TO_API_FORM_VALIDATION_SCHEMA,\n} from \"./constants\";\nimport { formatAdditionalData } from \"./utils\";\n\nconst SendToApiPane = props => {\n  const { isOpen, onClose } = props;\n\n  return (\n    <Pane {...{ isOpen, onClose }}>\n      {paneProps => <SendToApiForm {...{ ...props, paneProps }} />}\n    </Pane>\n  );\n};\n\nconst SendToApiForm = ({\n  ownerId,\n  onClose,\n  onSubmit,\n  isSubmitting,\n  addNewTemplateRoute,\n  paneProps: { setFocusField },\n}) => {\n  const { t } = useTranslation();\n\n  const { data: { templates = [] } = {}, isLoading: isLoadingTemplates } =\n    useFetchTemplates({\n      status: \"active\",\n      templateType: API_TEMPLATE_TYPE,\n      ownerId,\n    });\n\n  const handleTemplateChange = (setFieldValue, template) => {\n    setFieldValue(\"endpoint\", template.endpoint);\n    setFieldValue(\n      \"additionalData\",\n      formatAdditionalData(template.additionalData)\n    );\n  };\n\n  const handleSubmit = formValues => {\n    const additionalDataModifiedFormValues = modify(\n      \"additionalData\",\n      rejectEmptyKeyValuePairs,\n      formValues\n    );\n\n    onSubmit(additionalDataModifiedFormValues);\n  };\n\n  if (isEmpty(templates)) {\n    return <NoDataPage {...{ addNewTemplateRoute }} type=\"api\" />;\n  }\n\n  return (\n    <>\n      <Pane.Header>\n        <Typography style=\"h2\" weight=\"semibold\">\n          {t(\"neetoMessageTemplate.api.sendToApi\")}\n        </Typography>\n      </Pane.Header>\n      <NeetoUIForm\n        formikProps={{\n          initialValues: SEND_TO_API_FORM_INITIAL_VALUES,\n          validationSchema: SEND_TO_API_FORM_VALIDATION_SCHEMA,\n          onSubmit: handleSubmit,\n        }}\n      >\n        {({ setFieldValue }) => (\n          <>\n            <Pane.Body>\n              <div className=\"w-full space-y-5\">\n                <Select\n                  innerRef={setFocusField}\n                  isLoading={isLoadingTemplates}\n                  label={t(\"neetoMessageTemplate.template.title\")}\n                  options={renameKeys(\n                    { name: \"label\", id: \"value\" },\n                    templates\n                  )}\n                  placeholder={t(\n                    \"neetoMessageTemplate.sendMessage.selectTemplate\"\n                  )}\n                  onChange={template =>\n                    handleTemplateChange(setFieldValue, template)\n                  }\n                />\n                <Input\n                  required\n                  label={t(\"neetoMessageTemplate.api.endpoint\")}\n                  name=\"endpoint\"\n                  placeholder={SAMPLE_URL}\n                />\n                <KeyValuePairs\n                  label={t(\"neetoMessageTemplate.api.additionalData\")}\n                  name=\"additionalData\"\n                />\n              </div>\n            </Pane.Body>\n            <Pane.Footer>\n              <ActionBlock\n                {...{ isSubmitting }}\n                cancelButtonProps={{\n                  onClick: onClose,\n                  \"data-cy\": \"api-template-cancel-button\",\n                }}\n                submitButtonProps={{\n                  label: t(\"neetoMessageTemplate.template.send\"),\n                  \"data-cy\": \"api-template-send-button\",\n                }}\n              />\n            </Pane.Footer>\n          </>\n        )}\n      </NeetoUIForm>\n    </>\n  );\n};\n\nexport default SendToApiPane;\n"],"names":["SEND_TO_API_FORM_INITIAL_VALUES","endpoint","additionalData","ADDITIONAL_DATA_INITIAL_VALUE","SEND_TO_API_FORM_VALIDATION_SCHEMA","yup","object","string","required","t","matches","VALID_URL_REGEX","array","of","key","value","formatAdditionalData","isPresent","SendToApiPane","props","isOpen","onClose","_jsx","Pane","children","paneProps","SendToApiForm","_objectSpread","_ref","ownerId","onSubmit","isSubmitting","addNewTemplateRoute","setFocusField","_useTranslation","useTranslation","_useFetchTemplates","useFetchTemplates","status","templateType","API_TEMPLATE_TYPE","_useFetchTemplates$da","data","_useFetchTemplates$da2","_useFetchTemplates$da3","templates","isLoadingTemplates","isLoading","handleTemplateChange","setFieldValue","template","handleSubmit","formValues","additionalDataModifiedFormValues","modify","rejectEmptyKeyValuePairs","isEmpty","NoDataPage","type","_jsxs","_Fragment","Header","Typography","style","weight","NeetoUIForm","formikProps","initialValues","validationSchema","_ref2","Body","className","Select","innerRef","label","options","renameKeys","name","id","placeholder","onChange","Input","SAMPLE_URL","KeyValuePairs","Footer","ActionBlock","cancelButtonProps","onClick","submitButtonProps"],"mappings":"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"}
+{"version":3,"file":"SendToApiPane.js","sources":["../app/javascript/src/components/Api/SendToApiPane/constants.js","../app/javascript/src/components/Api/SendToApiPane/utils.js","../app/javascript/src/components/Api/SendToApiPane/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nimport { ADDITIONAL_DATA_INITIAL_VALUE, VALID_URL_REGEX } from \"../constants\";\n\nexport const SEND_TO_API_FORM_INITIAL_VALUES = {\n  endpoint: \"\",\n  additionalData: [ADDITIONAL_DATA_INITIAL_VALUE],\n  shouldSaveAsTemplate: false,\n  templateName: \"\",\n};\n\nexport const SEND_TO_API_FORM_VALIDATION_SCHEMA = yup.object({\n  endpoint: yup\n    .string()\n    .required(t(\"neetoMessageTemplate.api.validation.endpointPresence\"))\n    .matches(\n      VALID_URL_REGEX,\n      t(\"neetoMessageTemplate.api.validation.validEndpoint\")\n    ),\n  additionalData: yup\n    .array()\n    .of(yup.object({ key: yup.string(), value: yup.string() })),\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","import { isPresent } from \"neetocist\";\n\nimport { ADDITIONAL_DATA_INITIAL_VALUE } from \"../constants\";\n\nexport const formatAdditionalData = additionalData =>\n  isPresent(additionalData) ? additionalData : [ADDITIONAL_DATA_INITIAL_VALUE];\n","import { findBy, isPresent, renameKeys } from \"neetocist\";\nimport { Pane, Select, Spinner, Typography } from \"neetoui\";\nimport { ActionBlock, Input, Form as NeetoUIForm } from \"neetoui/formik\";\nimport { equals, modify } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { SAMPLE_URL } from \"components/Api/ApiTemplates/constants\";\nimport { API_TEMPLATE_TYPE } from \"components/Api/constants\";\nimport { rejectEmptyKeyValuePairs } from \"components/Api/utils\";\nimport KeyValuePairs from \"components/commons/KeyValuePairs\";\nimport SaveAsTemplate from \"components/commons/SaveAsTemplate\";\nimport { areValuesEqual } from \"components/utils\";\nimport { useFetchTemplates } from \"hooks/reactQuery/useTemplatesApi\";\n\nimport {\n  SEND_TO_API_FORM_INITIAL_VALUES,\n  SEND_TO_API_FORM_VALIDATION_SCHEMA,\n} from \"./constants\";\nimport { formatAdditionalData } from \"./utils\";\n\nconst SendToApiPane = props => {\n  const { isOpen, onClose } = props;\n\n  return (\n    <Pane {...{ isOpen, onClose }}>\n      {paneProps => <SendToApiForm {...{ ...props, paneProps }} />}\n    </Pane>\n  );\n};\n\nconst SendToApiForm = ({\n  ownerId,\n  onClose,\n  onSubmit,\n  isSubmitting,\n  paneProps: { setFocusField },\n}) => {\n  const { t } = useTranslation();\n\n  const { data: { templates = [] } = {}, isLoading: isLoadingTemplates } =\n    useFetchTemplates({\n      status: \"active\",\n      templateType: API_TEMPLATE_TYPE,\n      ownerId,\n    });\n\n  const handleTemplateChange = (setValues, values, option) => {\n    if (!option) return;\n\n    const template = findBy({ id: option.value }, templates);\n\n    setValues({\n      ...values,\n      ...modify(\"additionalData\", formatAdditionalData, template),\n    });\n  };\n\n  const handleSubmit = formValues => {\n    const additionalDataModifiedFormValues = modify(\n      \"additionalData\",\n      rejectEmptyKeyValuePairs,\n      formValues\n    );\n\n    onSubmit(additionalDataModifiedFormValues);\n  };\n\n  const shouldShowSaveAsTemplate = ({ id, endpoint, additionalData } = {}) => {\n    const template = findBy({ id }, templates);\n    const hasContent =\n      isPresent(endpoint) ||\n      isPresent(rejectEmptyKeyValuePairs(additionalData));\n\n    const isContentDifferentFromTemplate = !(\n      areValuesEqual(template?.endpoint, endpoint) &&\n      equals(template?.additionalData, additionalData)\n    );\n\n    return hasContent && isContentDifferentFromTemplate;\n  };\n\n  const isTemplateSelectionEnabled = isPresent(templates);\n\n  if (isLoadingTemplates) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <Pane.Header>\n        <Typography style=\"h2\" weight=\"semibold\">\n          {t(\"neetoMessageTemplate.api.sendToApi\")}\n        </Typography>\n      </Pane.Header>\n      <NeetoUIForm\n        formikProps={{\n          initialValues: SEND_TO_API_FORM_INITIAL_VALUES,\n          validationSchema: SEND_TO_API_FORM_VALIDATION_SCHEMA,\n          onSubmit: handleSubmit,\n        }}\n      >\n        {({ values, setValues }) => (\n          <>\n            <Pane.Body>\n              <div className=\"w-full space-y-5\">\n                {isTemplateSelectionEnabled && (\n                  <Select\n                    innerRef={setFocusField}\n                    isLoading={isLoadingTemplates}\n                    label={t(\"neetoMessageTemplate.template.title\")}\n                    options={renameKeys(\n                      { name: \"label\", id: \"value\" },\n                      templates\n                    )}\n                    placeholder={t(\n                      \"neetoMessageTemplate.sendMessage.selectTemplate\"\n                    )}\n                    onChange={template =>\n                      handleTemplateChange(setValues, values, template)\n                    }\n                  />\n                )}\n                <Input\n                  required\n                  label={t(\"neetoMessageTemplate.api.endpoint\")}\n                  name=\"endpoint\"\n                  placeholder={SAMPLE_URL}\n                  ref={isTemplateSelectionEnabled ? null : setFocusField}\n                />\n                <KeyValuePairs\n                  label={t(\"neetoMessageTemplate.api.additionalData\")}\n                  name=\"additionalData\"\n                />\n                {shouldShowSaveAsTemplate(values) && <SaveAsTemplate />}\n              </div>\n            </Pane.Body>\n            <Pane.Footer>\n              <ActionBlock\n                {...{ isSubmitting }}\n                cancelButtonProps={{\n                  onClick: onClose,\n                  \"data-cy\": \"api-template-cancel-button\",\n                }}\n                submitButtonProps={{\n                  label: t(\"neetoMessageTemplate.template.send\"),\n                  \"data-cy\": \"api-template-send-button\",\n                }}\n              />\n            </Pane.Footer>\n          </>\n        )}\n      </NeetoUIForm>\n    </>\n  );\n};\n\nexport default SendToApiPane;\n"],"names":["SEND_TO_API_FORM_INITIAL_VALUES","endpoint","additionalData","ADDITIONAL_DATA_INITIAL_VALUE","shouldSaveAsTemplate","templateName","SEND_TO_API_FORM_VALIDATION_SCHEMA","yup","object","string","required","t","matches","VALID_URL_REGEX","array","of","key","value","when","is","then","entity","formatAdditionalData","isPresent","SendToApiPane","props","isOpen","onClose","_jsx","Pane","children","paneProps","SendToApiForm","_objectSpread","_ref","ownerId","onSubmit","isSubmitting","setFocusField","_useTranslation","useTranslation","_useFetchTemplates","useFetchTemplates","status","templateType","API_TEMPLATE_TYPE","_useFetchTemplates$da","data","_useFetchTemplates$da2","_useFetchTemplates$da3","templates","isLoadingTemplates","isLoading","handleTemplateChange","setValues","values","option","template","findBy","id","modify","handleSubmit","formValues","additionalDataModifiedFormValues","rejectEmptyKeyValuePairs","shouldShowSaveAsTemplate","_ref2","arguments","length","undefined","hasContent","isContentDifferentFromTemplate","areValuesEqual","equals","isTemplateSelectionEnabled","className","Spinner","_jsxs","_Fragment","Header","Typography","style","weight","NeetoUIForm","formikProps","initialValues","validationSchema","_ref3","Body","Select","innerRef","label","options","renameKeys","name","placeholder","onChange","Input","SAMPLE_URL","ref","KeyValuePairs","SaveAsTemplate","Footer","ActionBlock","cancelButtonProps","onClick","submitButtonProps"],"mappings":"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"}