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

package/dist/SendMessagePane.js

@@ -0,0 +1,356 @@
+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 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 { useRef } from 'react';
+import FormikEditor from '@bigbinary/neeto-editor/FormikEditor';
+import Select from '@bigbinary/neetoui/Select';
+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 { 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';
+
+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: ""
+};
+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"))
+});
+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);
+  })
+});
+var WHATSAPP_MESSAGE_FORM_VALIDATIONS_SCHEMA = yup.object().shape({
+  variableContents: yup.object().shape({
+    body: yup.array().of(yup.string().required(t("neetoMessageTemplate.template.validation.variablePresence")))
+  })
+});
+
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var EmailAndSms = function EmailAndSms(_ref) {
+  var onClose = _ref.onClose,
+    templates = _ref.templates,
+    setFocusField = _ref.setFocusField,
+    templateVariables = _ref.templateVariables,
+    customFields = _ref.customFields,
+    customFieldsInitialValues = _ref.customFieldsInitialValues,
+    customFieldsValidationSchema = _ref.customFieldsValidationSchema,
+    type = _ref.type,
+    handleSubmit = _ref.handleSubmit;
+  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],
+    _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);
+  return /*#__PURE__*/jsx(NeetoUIForm, {
+    formProps: {
+      noValidate: true,
+      className: "flex w-full flex-col gap-y-4 pb-6"
+    },
+    formikProps: {
+      initialValues: updatedInitialValues,
+      validationSchema: updatedValidationSchema,
+      onSubmit: handleSubmit
+    },
+    children: function children(_ref4) {
+      var setValues = _ref4.setValues,
+        values = _ref4.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));
+        (_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, {
+          isClearable: true,
+          isSearchable: true,
+          innerRef: setFocusField,
+          label: t("neetoMessageTemplate.template.title"),
+          options: renameKeys({
+            name: "label",
+            id: "value"
+          }, templates),
+          placeholder: t("neetoMessageTemplate.sendMessage.selectTemplate"),
+          onChange: handleTemplateChange
+        }), customFields, isEmailTemplate && /*#__PURE__*/jsx(Input, {
+          required: true,
+          label: t("neetoMessageTemplate.template.subject"),
+          name: "subject"
+        }), /*#__PURE__*/jsx(FormikEditor, {
+          hideSlashCommands: true,
+          required: true,
+          contentClassName: "max-h-40",
+          defaults: isEmailTemplate ? undefined : [],
+          label: t("neetoMessageTemplate.template.body"),
+          name: "body",
+          ref: editorRef,
+          rows: DEFAULT_EDITOR_ROW_COUNT,
+          variables: templateVariables
+        }), /*#__PURE__*/jsx(Pane.Footer, {
+          className: "absolute bottom-0 left-0",
+          children: /*#__PURE__*/jsx(ActionBlock, {
+            cancelButtonProps: {
+              "data-cy": "message-template-cancel-button",
+              onClick: onClose
+            },
+            submitButtonProps: {
+              "data-cy": "message-template-send-button",
+              label: t("neetoMessageTemplate.template.send")
+            }
+          })
+        })]
+      });
+    }
+  });
+};
+
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Whatsapp = function Whatsapp(_ref) {
+  var _templates$, _templates$2, _templates$3, _templates$4;
+  var templates = _ref.templates,
+    onClose = _ref.onClose,
+    handleSubmit = _ref.handleSubmit,
+    customFields = _ref.customFields,
+    customFieldsInitialValues = _ref.customFieldsInitialValues,
+    customFieldsValidationSchema = _ref.customFieldsValidationSchema;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var getInitialVariableComponents = function getInitialVariableComponents(variables) {
+    var initialComponents = {};
+    variables === null || variables === void 0 || variables.forEach(function (_ref2) {
+      var type = _ref2.type,
+        count = _ref2.count;
+      initialComponents[type] = Array(count).fill("");
+    });
+    return initialComponents;
+  };
+  var getTemplateMessage = function getTemplateMessage(components) {
+    var _nullSafe;
+    return (_nullSafe = nullSafe(pluck)("text", components)) === null || _nullSafe === void 0 ? void 0 : _nullSafe.join("\n");
+  };
+  var initialFormValues = {
+    selectedTemplate: {
+      label: (_templates$ = templates[0]) === null || _templates$ === void 0 ? void 0 : _templates$.name,
+      value: (_templates$2 = templates[0]) === null || _templates$2 === void 0 ? void 0 : _templates$2.id
+    },
+    templateMessage: getTemplateMessage((_templates$3 = templates[0]) === null || _templates$3 === void 0 ? void 0 : _templates$3.components),
+    variableContents: getInitialVariableComponents((_templates$4 = templates[0]) === null || _templates$4 === void 0 ? void 0 : _templates$4.variableCount)
+  };
+  var updatedInitialValues = mergeAll([initialFormValues, customFieldsInitialValues]);
+  var updatedValidationSchema = yup.object().shape(_objectSpread$1(_objectSpread$1({}, WHATSAPP_MESSAGE_FORM_VALIDATIONS_SCHEMA === null || WHATSAPP_MESSAGE_FORM_VALIDATIONS_SCHEMA === void 0 ? void 0 : WHATSAPP_MESSAGE_FORM_VALIDATIONS_SCHEMA.fields), customFieldsValidationSchema === null || customFieldsValidationSchema === void 0 ? void 0 : customFieldsValidationSchema.fields));
+  var initialValueKeys = Object.keys(initialFormValues);
+  return /*#__PURE__*/jsx(NeetoUIForm, {
+    formProps: {
+      noValidate: true,
+      className: "flex w-full flex-col gap-y-4 pb-6"
+    },
+    formikProps: {
+      initialValues: updatedInitialValues,
+      validationSchema: updatedValidationSchema,
+      onSubmit: handleSubmit
+    },
+    children: function children(_ref3) {
+      var values = _ref3.values,
+        setValues = _ref3.setValues;
+      var handleTemplateChange = function handleTemplateChange(value) {
+        if (!value) return;
+        var template = findBy({
+          id: value === null || value === void 0 ? void 0 : value.value
+        }, templates);
+        var customFieldValues = omit(initialValueKeys, values);
+        setValues(_objectSpread$1({
+          selectedTemplate: {
+            label: template.name,
+            value: template.id
+          },
+          templateMessage: getTemplateMessage(template.components),
+          variableContents: getInitialVariableComponents(template.variableCount)
+        }, customFieldValues));
+      };
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(Select$1, {
+          required: true,
+          defaultValue: initialFormValues.selectedTemplate,
+          label: t("neetoMessageTemplate.template.title"),
+          name: "selectedTemplate",
+          options: renameKeys({
+            name: "label",
+            id: "value"
+          }, templates),
+          onChange: handleTemplateChange
+        }), customFields, /*#__PURE__*/jsx(Textarea, {
+          disabled: true,
+          nakedTextarea: true,
+          label: t("neetoMessageTemplate.template.preview"),
+          value: values.templateMessage
+        }), isNotEmpty(values.variableContents) && /*#__PURE__*/jsx(Fragment, {
+          children: Object.keys(values.variableContents).map(function (group) {
+            return /*#__PURE__*/jsxs("div", {
+              className: "flex flex-col gap-y-2",
+              children: [/*#__PURE__*/jsx(Typography, {
+                style: "h4",
+                children: t("neetoMessageTemplate.template.resolveVariable", {
+                  type: capitalize(group)
+                })
+              }), values.variableContents[group].map(function (_, index) {
+                return /*#__PURE__*/jsx("div", {
+                  children: /*#__PURE__*/jsx(Input, {
+                    required: true,
+                    label: "{{".concat(index + 1, "}}"),
+                    name: "variableContents.".concat(group, ".").concat(index)
+                  }, "".concat(group, "-").concat(index))
+                }, "".concat(group, "-").concat(index));
+              })]
+            }, group);
+          })
+        }), /*#__PURE__*/jsx(Pane.Footer, {
+          className: "absolute bottom-0 left-0",
+          children: /*#__PURE__*/jsx(ActionBlock, {
+            cancelButtonProps: {
+              "data-cy": "message-template-cancel-button",
+              onClick: onClose
+            },
+            submitButtonProps: {
+              "data-cy": "message-template-send-button",
+              label: t("neetoMessageTemplate.template.send")
+            }
+          })
+        })]
+      });
+    }
+  });
+};
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SendMessagePane = function SendMessagePane(props) {
+  var isOpen = props.isOpen,
+    onClose = props.onClose;
+  return /*#__PURE__*/jsx(Pane, {
+    isOpen: isOpen,
+    onClose: onClose,
+    children: function children(paneProps) {
+      return /*#__PURE__*/jsx(SendMessageForm, _objectSpread({}, _objectSpread(_objectSpread({}, props), {}, {
+        paneProps: paneProps
+      })));
+    }
+  });
+};
+var SendMessageForm = function SendMessageForm(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "" : _ref$type,
+    _ref$handleSubmit = _ref.handleSubmit,
+    handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? noop : _ref$onClose,
+    _ref$customFields = _ref.customFields,
+    customFields = _ref$customFields === void 0 ? null : _ref$customFields,
+    _ref$customFieldsInit = _ref.customFieldsInitialValues,
+    customFieldsInitialValues = _ref$customFieldsInit === void 0 ? {} : _ref$customFieldsInit,
+    _ref$customFieldsVali = _ref.customFieldsValidationSchema,
+    customFieldsValidationSchema = _ref$customFieldsVali === void 0 ? {} : _ref$customFieldsVali,
+    _ref$templateVariable = _ref.templateVariables,
+    templateVariables = _ref$templateVariable === void 0 ? {} : _ref$templateVariable,
+    _ref$ownerId = _ref.ownerId,
+    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,
+    setFocusField = _ref.paneProps.setFocusField;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var value = MESSAGE_TEMPLATES[type].value;
+  var isWhatsappTemplate = type === "whatsapp";
+  var templateParams = {
+    status: "active",
+    templateType: value,
+    ownerId: ownerId
+  };
+  var _useFetchTemplates = useFetchTemplates(templateParams),
+    _useFetchTemplates$da = _useFetchTemplates.data,
+    _useFetchTemplates$da2 = _useFetchTemplates$da === void 0 ? {} : _useFetchTemplates$da,
+    _useFetchTemplates$da3 = _useFetchTemplates$da2.templates,
+    templates = _useFetchTemplates$da3 === void 0 ? [] : _useFetchTemplates$da3,
+    isLoading = _useFetchTemplates.isLoading;
+  if (isLoading) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(Spinner, {})
+    });
+  }
+  if (isEmpty(templates)) {
+    return /*#__PURE__*/jsx(NoDataPage, {
+      addNewTemplateRoute: addNewTemplateRoute,
+      helpDocUrl: helpDocUrl,
+      type: type
+    });
+  }
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Pane.Header, {
+      children: /*#__PURE__*/jsxs(Typography, {
+        style: "h2",
+        weight: "semibold",
+        children: [t("neetoMessageTemplate.common.send"), " ", MESSAGE_TYPES[type]]
+      })
+    }), /*#__PURE__*/jsx(Pane.Body, {
+      children: isWhatsappTemplate ? /*#__PURE__*/jsx(Whatsapp, {
+        customFields: customFields,
+        customFieldsInitialValues: customFieldsInitialValues,
+        customFieldsValidationSchema: customFieldsValidationSchema,
+        handleSubmit: handleSubmit,
+        onClose: onClose,
+        templates: templates
+      }) : /*#__PURE__*/jsx(EmailAndSms, {
+        customFields: customFields,
+        customFieldsInitialValues: customFieldsInitialValues,
+        customFieldsValidationSchema: customFieldsValidationSchema,
+        handleSubmit: handleSubmit,
+        onClose: onClose,
+        setFocusField: setFocusField,
+        templateVariables: templateVariables,
+        templates: templates,
+        type: type
+      })
+    })]
+  });
+};
+
+export { SendMessagePane as default };
+//# sourceMappingURL=SendMessagePane.js.map

package/dist/SendMessagePane.js.map

@@ -0,0 +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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"}

package/dist/SendToApiPane.js

@@ -0,0 +1,151 @@
+import { b as useFetchTemplates, _ as _defineProperty } from './useTemplatesApi-45d43d41.js';
+import { isPresent, renameKeys } from '@bigbinary/neeto-cist';
+import Pane from '@bigbinary/neetoui/Pane';
+import Select from '@bigbinary/neetoui/Select';
+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 { 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 { 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';
+import 'util';
+import 'formik';
+import '@bigbinary/neeto-icons/Delete';
+import '@bigbinary/neetoui/Button';
+import '@bigbinary/neetoui/Label';
+
+var SEND_TO_API_FORM_INITIAL_VALUES = {
+  endpoint: "",
+  additionalData: [ADDITIONAL_DATA_INITIAL_VALUE]
+};
+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()
+  }))
+});
+
+var formatAdditionalData = function formatAdditionalData(additionalData) {
+  return isPresent(additionalData) ? additionalData : [ADDITIONAL_DATA_INITIAL_VALUE];
+};
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SendToApiPane = function SendToApiPane(props) {
+  var isOpen = props.isOpen,
+    onClose = props.onClose;
+  return /*#__PURE__*/jsx(Pane, {
+    isOpen: isOpen,
+    onClose: onClose,
+    children: function children(paneProps) {
+      return /*#__PURE__*/jsx(SendToApiForm, _objectSpread({}, _objectSpread(_objectSpread({}, props), {}, {
+        paneProps: paneProps
+      })));
+    }
+  });
+};
+var SendToApiForm = function SendToApiForm(_ref) {
+  var ownerId = _ref.ownerId,
+    onClose = _ref.onClose,
+    onSubmit = _ref.onSubmit,
+    isSubmitting = _ref.isSubmitting,
+    addNewTemplateRoute = _ref.addNewTemplateRoute,
+    setFocusField = _ref.paneProps.setFocusField;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useFetchTemplates = useFetchTemplates({
+      status: "active",
+      templateType: API_TEMPLATE_TYPE,
+      ownerId: ownerId
+    }),
+    _useFetchTemplates$da = _useFetchTemplates.data,
+    _useFetchTemplates$da2 = _useFetchTemplates$da === void 0 ? {} : _useFetchTemplates$da,
+    _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 handleSubmit = function handleSubmit(formValues) {
+    var additionalDataModifiedFormValues = modify("additionalData", rejectEmptyKeyValuePairs, formValues);
+    onSubmit(additionalDataModifiedFormValues);
+  };
+  if (isEmpty(templates)) {
+    return /*#__PURE__*/jsx(NoDataPage, {
+      addNewTemplateRoute: addNewTemplateRoute,
+      type: "api"
+    });
+  }
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Pane.Header, {
+      children: /*#__PURE__*/jsx(Typography, {
+        style: "h2",
+        weight: "semibold",
+        children: t("neetoMessageTemplate.api.sendToApi")
+      })
+    }), /*#__PURE__*/jsx(NeetoUIForm, {
+      formikProps: {
+        initialValues: SEND_TO_API_FORM_INITIAL_VALUES,
+        validationSchema: SEND_TO_API_FORM_VALIDATION_SCHEMA,
+        onSubmit: handleSubmit
+      },
+      children: function children(_ref2) {
+        var setFieldValue = _ref2.setFieldValue;
+        return /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(Pane.Body, {
+            children: /*#__PURE__*/jsxs("div", {
+              className: "w-full space-y-5",
+              children: [/*#__PURE__*/jsx(Select, {
+                innerRef: setFocusField,
+                isLoading: isLoadingTemplates,
+                label: t("neetoMessageTemplate.template.title"),
+                options: renameKeys({
+                  name: "label",
+                  id: "value"
+                }, templates),
+                placeholder: t("neetoMessageTemplate.sendMessage.selectTemplate"),
+                onChange: function onChange(template) {
+                  return handleTemplateChange(setFieldValue, template);
+                }
+              }), /*#__PURE__*/jsx(Input, {
+                required: true,
+                label: t("neetoMessageTemplate.api.endpoint"),
+                name: "endpoint",
+                placeholder: SAMPLE_URL
+              }), /*#__PURE__*/jsx(KeyValuePairs, {
+                label: t("neetoMessageTemplate.api.additionalData"),
+                name: "additionalData"
+              })]
+            })
+          }), /*#__PURE__*/jsx(Pane.Footer, {
+            children: /*#__PURE__*/jsx(ActionBlock, {
+              isSubmitting: isSubmitting,
+              cancelButtonProps: {
+                onClick: onClose,
+                "data-cy": "api-template-cancel-button"
+              },
+              submitButtonProps: {
+                label: t("neetoMessageTemplate.template.send"),
+                "data-cy": "api-template-send-button"
+              }
+            })
+          })]
+        });
+      }
+    })]
+  });
+};
+
+export { SendToApiPane as default };
+//# sourceMappingURL=SendToApiPane.js.map

package/dist/SendToApiPane.js.map

@@ -0,0 +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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"}