@bigbinary/neeto-message-templates-frontend 2.0.7 → 2.0.8

package/dist/JsonEditor-BMMyHPxh.js

@@ -0,0 +1,434 @@
+'use strict';
+
+var i18next = require('i18next');
+var neetoCist = require('@bigbinary/neeto-cist');
+var yup = require('yup');
+var ramda = require('ramda');
+var react = require('react');
+var formik$1 = require('@bigbinary/neeto-atoms/formik');
+var formik = require('formik');
+var reactI18next = require('react-i18next');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/v2/react-utils');
+var Delete = require('@bigbinary/neeto-icons/Delete');
+var jsxRuntime = require('react/jsx-runtime');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var Editor = require('@monaco-editor/react');
+var Help = require('@bigbinary/neeto-icons/Help');
+var DynamicVariables = require('@bigbinary/neeto-molecules/v2/DynamicVariables');
+require('./json_editor-CvRhtSA3.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+var VALID_URL_REGEX = /^(https?):\/\/([a-zA-Z0-9-]+\.){1,}[a-zA-Z]{2,}\/?[^\s]*$/;
+var CUSTOM_HEADERS_INITIAL_VALUE = {
+  key: "",
+  value: ""
+};
+var API_TEMPLATE_TYPE = "api_template";
+var API_TEMPLATES_HELP_POPOVER_PROPS = {
+  apiTemplates: {
+    description: i18next.t("neetoMessageTemplate.api.helpPopovers.apiTemplates.description"),
+    helpLinkProps: {
+      "data-testid": "help-popover-link-button"
+    },
+    popoverProps: {
+      position: "top"
+    }
+  },
+  sendToApi: {
+    description: i18next.t("neetoMessageTemplate.api.helpPopovers.sendToApi.description"),
+    helpLinkProps: {
+      "data-testid": "send-to-api-action-help-link"
+    },
+    popoverProps: {
+      position: "top"
+    }
+  },
+  customHeaders: {
+    description: i18next.t("neetoMessageTemplate.api.helpPopovers.customHeaders.description"),
+    helpLinkProps: {
+      label: i18next.t("neetoMessageTemplate.template.viewHelpArticle"),
+      "data-testid": "api-templates-custom-headers-help-link"
+    },
+    position: "top"
+  },
+  body: {
+    description: i18next.t("neetoMessageTemplate.api.helpPopovers.body.description"),
+    helpLinkProps: {
+      label: i18next.t("neetoMessageTemplate.template.viewHelpArticle"),
+      "data-testid": "api-templates-body-help-link"
+    },
+    position: "top"
+  }
+};
+var JSON_LANGUAGE = "json";
+var EDITOR_CONFIG = {
+  formatOnType: true,
+  formatOnPaste: true,
+  automaticLayout: true,
+  tabSize: 2,
+  minimap: {
+    enabled: false
+  },
+  scrollBeyondLastLine: false,
+  autoIndent: "full"
+};
+
+[{
+  dataIndex: "name",
+  key: "name",
+  title: i18next.t("neetoMessageTemplate.template.name")
+}, {
+  dataIndex: "status",
+  key: "status",
+  title: i18next.t("neetoMessageTemplate.template.active"),
+  render: function render(status) {
+    return status === "active" ? i18next.t("neetoMessageTemplate.yes") : i18next.t("neetoMessageTemplate.no");
+  },
+  width: "20%"
+}];
+var FILTER_COLUMNS = [{
+  key: "name",
+  node: "name",
+  label: i18next.t("neetoMessageTemplate.template.name"),
+  type: "text"
+}, {
+  key: "status",
+  node: "status",
+  label: i18next.t("neetoMessageTemplate.template.active"),
+  type: "single_option",
+  values: [{
+    label: i18next.t("neetoMessageTemplate.yes"),
+    value: "active"
+  }, {
+    label: i18next.t("neetoMessageTemplate.no"),
+    value: "inactive"
+  }]
+}];
+var API_TEMPLATE_INITIAL_VALUES = {
+  name: "",
+  endpoint: "",
+  enableCustomHeaders: false,
+  customHeaders: [CUSTOM_HEADERS_INITIAL_VALUE],
+  body: "{}"
+};
+var SAMPLE_URL = "https://example.com";
+var API_TEMPLATE_FORM_VALIDATION_SCHEMA = yup__namespace.object({
+  name: yup__namespace.string().trim().required(i18next.t("neetoMessageTemplate.validations.requiredEntity", {
+    entity: i18next.t("neetoMessageTemplate.template.name")
+  })),
+  endpoint: yup__namespace.string().trim().required(i18next.t("neetoMessageTemplate.validations.requiredEntity", {
+    entity: i18next.t("neetoMessageTemplate.api.endpoint")
+  })).matches(VALID_URL_REGEX, i18next.t("neetoMessageTemplate.api.validation.validEndpoint")),
+  body: yup__namespace.string().trim().required(i18next.t("neetoMessageTemplate.validations.requiredEntity", {
+    entity: i18next.t("neetoMessageTemplate.template.body")
+  })).test("is-valid-json-and-not-empty", function (value, context) {
+    if (!value) return true;
+    try {
+      var parsedValue = JSON.parse(value);
+      if (neetoCist.isNotPresent(parsedValue)) {
+        return context.createError({
+          message: i18next.t("neetoMessageTemplate.validations.requiredEntity", {
+            entity: i18next.t("neetoMessageTemplate.template.body")
+          })
+        });
+      }
+      return true;
+    } catch (_unused) {
+      return context.createError({
+        message: i18next.t("neetoMessageTemplate.api.validation.invalidJsonBody")
+      });
+    }
+  })
+});
+var TEMPLATE_STATUS = {
+  ACTIVE: "active",
+  INACTIVE: "inactive"
+};
+
+var sanitizeHelpPopoverProps = ramda.map(ramda.unless(ramda.path(["helpLinkProps", "href"]), ramda.omit(["helpLinkProps"])));
+var buildHelpPopoverProps = function buildHelpPopoverProps(popoverProps) {
+  var combinedProps = ramda.mergeDeepLeft(popoverProps, API_TEMPLATES_HELP_POPOVER_PROPS);
+  return sanitizeHelpPopoverProps(combinedProps);
+};
+var rejectEmptyKeyValuePairs = ramda.reject(ramda.whereAny({
+  key: ramda.isEmpty,
+  value: ramda.isEmpty
+}));
+
+var removeOption = function removeOption(_ref) {
+  var arrayHelpers = _ref.arrayHelpers,
+    index = _ref.index,
+    data = _ref.data;
+  if (data.length === 1) {
+    arrayHelpers.remove(index);
+    arrayHelpers.push(CUSTOM_HEADERS_INITIAL_VALUE);
+    return;
+  }
+  arrayHelpers.remove(index);
+};
+var addOption = function addOption(arrayHelpers) {
+  return arrayHelpers.push(CUSTOM_HEADERS_INITIAL_VALUE);
+};
+var isKeyOrValueNotEmpty = ramda.whereAny({
+  key: neetoCist.isNotEmpty,
+  value: neetoCist.isNotEmpty
+});
+
+var KeyValuePairs = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    name = _ref.name,
+    entity = _ref.entity;
+  return /*#__PURE__*/jsxRuntime.jsx(formik.FieldArray, {
+    name: name,
+    children: function children(arrayHelpers) {
+      var data = arrayHelpers.form.values[name] || [CUSTOM_HEADERS_INITIAL_VALUE];
+      var showDeleteButton = data.length > 1 || isKeyOrValueNotEmpty(data[0]);
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-col space-y-2",
+        children: [data.map(function (_, index) {
+          return /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "flex h-8 space-x-3",
+            children: [/*#__PURE__*/jsxRuntime.jsx(formik$1.Input, {
+              className: "w-1/3",
+              "data-testid": "key-input-".concat(index),
+              name: "".concat(name, ".").concat(index, ".key"),
+              placeholder: t("neetoMessageTemplate.api.key")
+            }), /*#__PURE__*/jsxRuntime.jsx(formik$1.Input, {
+              className: "w-2/3",
+              "data-testid": "value-input-".concat(index),
+              name: "".concat(name, ".").concat(index, ".value"),
+              placeholder: t("neetoMessageTemplate.api.value"),
+              suffix: showDeleteButton && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+                "data-testid": "delete-key-value-pair-".concat(index),
+                icon: Delete,
+                size: "sm",
+                variant: "ghost",
+                onClick: function onClick() {
+                  return removeOption({
+                    arrayHelpers: arrayHelpers,
+                    index: index,
+                    data: data
+                  });
+                }
+              })
+            })]
+          }, index);
+        }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+          className: "w-30 ms-auto",
+          "data-testid": "add-key-value-pair-button",
+          label: t("neetoMessageTemplate.api.addEntity", {
+            entity: entity
+          }),
+          variant: "outline",
+          onClick: function onClick() {
+            return addOption(arrayHelpers);
+          }
+        })]
+      });
+    }
+  });
+});
+
+var CustomHeaders = function CustomHeaders(_ref) {
+  var _ref$helpPopoverProps = _ref.helpPopoverProps,
+    helpPopoverProps = _ref$helpPopoverProps === void 0 ? {} : _ref$helpPopoverProps;
+  var _useFormikContext = formik.useFormikContext(),
+    enableCustomHeaders = _useFormikContext.values.enableCustomHeaders,
+    setFieldValue = _useFormikContext.setFieldValue;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  react.useEffect(function () {
+    return function () {
+      setFieldValue("enableCustomHeaders", false);
+      setFieldValue("customHeaders", [CUSTOM_HEADERS_INITIAL_VALUE]);
+    };
+  }, []);
+  var handleCheckedChange = function handleCheckedChange(checked) {
+    if (!checked) {
+      setFieldValue("customHeaders", [CUSTOM_HEADERS_INITIAL_VALUE]);
+    }
+    setFieldValue("enableCustomHeaders", checked);
+  };
+  var label = t("neetoMessageTemplate.api.includeHeaders");
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-col space-y-4",
+    children: [/*#__PURE__*/jsxRuntime.jsx(formik$1.Switch, {
+      label: label,
+      "data-testid": "neeto-message-template-".concat(neetoCist.hyphenate(label), "-switch"),
+      name: "enableCustomHeaders",
+      labelProps: {
+        className: "ms-2",
+        helpIconProps: {
+          popoverProps: helpPopoverProps
+        }
+      },
+      onCheckedChange: handleCheckedChange
+    }), enableCustomHeaders && /*#__PURE__*/jsxRuntime.jsx(KeyValuePairs, {
+      entity: t("neetoMessageTemplate.api.headers"),
+      name: "customHeaders"
+    })]
+  });
+};
+
+var JsonEditor = function JsonEditor(_ref) {
+  var name = _ref.name,
+    _ref$helpPopoverProps = _ref.helpPopoverProps,
+    helpPopoverProps = _ref$helpPopoverProps === void 0 ? {} : _ref$helpPopoverProps,
+    _ref$initialValue = _ref.initialValue,
+    initialValue = _ref$initialValue === void 0 ? "{}" : _ref$initialValue,
+    _ref$templateVariable = _ref.templateVariables,
+    templateVariables = _ref$templateVariable === void 0 ? [] : _ref$templateVariable;
+  var editorRef = react.useRef(null);
+  var completionProviderRef = react.useRef(null);
+  var _useField = formik.useField(name),
+    _useField2 = _slicedToArray(_useField, 3);
+    _useField2[0];
+    var _useField2$ = _useField2[1],
+    touched = _useField2$.touched,
+    error = _useField2$.error,
+    _useField2$2 = _useField2[2],
+    setValue = _useField2$2.setValue,
+    setTouched = _useField2$2.setTouched;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var handleEditorDidMount = function handleEditorDidMount(editor, monaco) {
+    editorRef.current = editor;
+    completionProviderRef.current = monaco.languages.registerCompletionItemProvider(JSON_LANGUAGE, {
+      triggerCharacters: ["{"],
+      provideCompletionItems: function provideCompletionItems(model, position) {
+        var lineContent = model.getLineContent(position.lineNumber);
+        var beforeCursor = lineContent.slice(0, position.column - 1);
+        if (!beforeCursor.endsWith('"{')) {
+          return {
+            suggestions: []
+          };
+        }
+        var suggestions = templateVariables.map(function (_ref2) {
+          var key = _ref2.key,
+            label = _ref2.label;
+          return {
+            label: label,
+            kind: monaco.languages.CompletionItemKind.Variable,
+            insertText: "{".concat(key, "}}"),
+            insertTextRules: monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,
+            detail: t("neetoMessageTemplate.api.insertPlaceholder", {
+              label: label
+            })
+          };
+        });
+        return {
+          suggestions: suggestions
+        };
+      }
+    });
+  };
+  var insertVariable = function insertVariable(_ref3) {
+    var key = _ref3.key;
+    var editor = editorRef.current;
+    if (!editor) return;
+    var selection = editor.getSelection();
+    var range = {
+      startLineNumber: selection.startLineNumber,
+      startColumn: selection.startColumn,
+      endLineNumber: selection.endLineNumber,
+      endColumn: selection.endColumn
+    };
+    var text = "\"{{".concat(key, "}}\"");
+    editor.executeEdits("", [{
+      range: range,
+      text: text,
+      forceMoveMarkers: true
+    }]);
+    var position = editor.getPosition();
+    editor.setPosition({
+      lineNumber: position.lineNumber,
+      column: position.column + text.length
+    });
+    editor.focus();
+  };
+  var handleChange = function handleChange(value) {
+    setTouched(true);
+    setValue(value);
+  };
+  react.useEffect(function () {
+    var editor = editorRef.current;
+    if (!editor) return;
+    var currentValue = editor.getValue();
+    if (currentValue !== initialValue) {
+      editor.setValue(initialValue);
+    }
+  }, [initialValue]);
+  react.useEffect(function () {
+    return function () {
+      var _completionProviderRe;
+      (_completionProviderRe = completionProviderRef.current) === null || _completionProviderRe === void 0 || _completionProviderRe.dispose();
+      completionProviderRef.current = null;
+    };
+  }, []);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "space-y-2",
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Label, {
+      required: true,
+      "data-testid": "message-template-body",
+      helpIconProps: {
+        icon: Help,
+        popoverProps: helpPopoverProps
+      },
+      children: t("neetoMessageTemplate.template.body")
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "neeto-message-template-json-editor__wrapper",
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "neeto-message-template-json-editor__dynamic-variables",
+        children: /*#__PURE__*/jsxRuntime.jsx(DynamicVariables, {
+          variables: templateVariables,
+          onVariableClick: insertVariable
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(Editor, {
+        className: "neeto-message-template-json-editor__editor",
+        defaultLanguage: JSON_LANGUAGE,
+        defaultValue: initialValue,
+        height: "100%",
+        options: EDITOR_CONFIG,
+        theme: "vs-dark",
+        onChange: handleChange,
+        onMount: handleEditorDidMount
+      }), touched && error && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "text-destructive mt-1 text-xs",
+        children: error
+      })]
+    })]
+  });
+};
+
+exports.API_TEMPLATE_FORM_VALIDATION_SCHEMA = API_TEMPLATE_FORM_VALIDATION_SCHEMA;
+exports.API_TEMPLATE_INITIAL_VALUES = API_TEMPLATE_INITIAL_VALUES;
+exports.API_TEMPLATE_TYPE = API_TEMPLATE_TYPE;
+exports.CUSTOM_HEADERS_INITIAL_VALUE = CUSTOM_HEADERS_INITIAL_VALUE;
+exports.CustomHeaders = CustomHeaders;
+exports.FILTER_COLUMNS = FILTER_COLUMNS;
+exports.JsonEditor = JsonEditor;
+exports.SAMPLE_URL = SAMPLE_URL;
+exports.TEMPLATE_STATUS = TEMPLATE_STATUS;
+exports.VALID_URL_REGEX = VALID_URL_REGEX;
+exports.buildHelpPopoverProps = buildHelpPopoverProps;
+exports.rejectEmptyKeyValuePairs = rejectEmptyKeyValuePairs;
+//# sourceMappingURL=JsonEditor-BMMyHPxh.js.map

package/dist/JsonEditor-BMMyHPxh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonEditor-BMMyHPxh.js","sources":["../app/javascript/src/v2/components/Api/constants.js","../app/javascript/src/v2/components/Api/ApiTemplates/constants.js","../app/javascript/src/v2/components/Api/utils.js","../app/javascript/src/v2/components/commons/KeyValuePairs/utils.js","../app/javascript/src/v2/components/commons/KeyValuePairs/index.jsx","../app/javascript/src/v2/components/Api/CustomHeaders.jsx","../app/javascript/src/v2/components/Api/JsonEditor.jsx"],"sourcesContent":["import { t } from \"i18next\";\n\nexport const VALID_URL_REGEX =\n  /^(https?):\\/\\/([a-zA-Z0-9-]+\\.){1,}[a-zA-Z]{2,}\\/?[^\\s]*$/;\n\nexport const CUSTOM_HEADERS_INITIAL_VALUE = { key: \"\", value: \"\" };\n\nexport const API_TEMPLATE_TYPE = \"api_template\";\n\nexport const API_TEMPLATES_HELP_POPOVER_PROPS = {\n  apiTemplates: {\n    description: t(\n      \"neetoMessageTemplate.api.helpPopovers.apiTemplates.description\"\n    ),\n    helpLinkProps: { \"data-testid\": \"help-popover-link-button\" },\n    popoverProps: { position: \"top\" },\n  },\n  sendToApi: {\n    description: t(\n      \"neetoMessageTemplate.api.helpPopovers.sendToApi.description\"\n    ),\n    helpLinkProps: { \"data-testid\": \"send-to-api-action-help-link\" },\n    popoverProps: { position: \"top\" },\n  },\n  customHeaders: {\n    description: t(\n      \"neetoMessageTemplate.api.helpPopovers.customHeaders.description\"\n    ),\n    helpLinkProps: {\n      label: t(\"neetoMessageTemplate.template.viewHelpArticle\"),\n      \"data-testid\": \"api-templates-custom-headers-help-link\",\n    },\n    position: \"top\",\n  },\n  body: {\n    description: t(\"neetoMessageTemplate.api.helpPopovers.body.description\"),\n    helpLinkProps: {\n      label: t(\"neetoMessageTemplate.template.viewHelpArticle\"),\n      \"data-testid\": \"api-templates-body-help-link\",\n    },\n    position: \"top\",\n  },\n};\n\nexport const JSON_LANGUAGE = \"json\";\n\nexport const EDITOR_CONFIG = {\n  formatOnType: true,\n  formatOnPaste: true,\n  automaticLayout: true,\n  tabSize: 2,\n  minimap: { enabled: false },\n  scrollBeyondLastLine: false,\n  autoIndent: \"full\",\n};\n","import { t } from \"i18next\";\nimport { isNotPresent } from \"neetocist\";\nimport * as yup from \"yup\";\n\nimport {\n  CUSTOM_HEADERS_INITIAL_VALUE,\n  VALID_URL_REGEX,\n} from \"v2/components/Api/constants\";\n\nexport const TABLE_COLUMN_DATA = [\n  {\n    dataIndex: \"name\",\n    key: \"name\",\n    title: t(\"neetoMessageTemplate.template.name\"),\n  },\n  {\n    dataIndex: \"status\",\n    key: \"status\",\n    title: t(\"neetoMessageTemplate.template.active\"),\n    render: status =>\n      status === \"active\"\n        ? t(\"neetoMessageTemplate.yes\")\n        : t(\"neetoMessageTemplate.no\"),\n    width: \"20%\",\n  },\n];\n\nexport const FILTER_COLUMNS = [\n  {\n    key: \"name\",\n    node: \"name\",\n    label: t(\"neetoMessageTemplate.template.name\"),\n    type: \"text\",\n  },\n  {\n    key: \"status\",\n    node: \"status\",\n    label: t(\"neetoMessageTemplate.template.active\"),\n    type: \"single_option\",\n    values: [\n      { label: t(\"neetoMessageTemplate.yes\"), value: \"active\" },\n      { label: t(\"neetoMessageTemplate.no\"), value: \"inactive\" },\n    ],\n  },\n];\n\nexport const API_TEMPLATE_INITIAL_VALUES = {\n  name: \"\",\n  endpoint: \"\",\n  enableCustomHeaders: false,\n  customHeaders: [CUSTOM_HEADERS_INITIAL_VALUE],\n  body: \"{}\",\n};\n\nexport const SAMPLE_URL = \"https://example.com\";\n\nexport const API_TEMPLATE_FORM_VALIDATION_SCHEMA = yup.object({\n  name: yup\n    .string()\n    .trim()\n    .required(\n      t(\"neetoMessageTemplate.validations.requiredEntity\", {\n        entity: t(\"neetoMessageTemplate.template.name\"),\n      })\n    ),\n  endpoint: yup\n    .string()\n    .trim()\n    .required(\n      t(\"neetoMessageTemplate.validations.requiredEntity\", {\n        entity: t(\"neetoMessageTemplate.api.endpoint\"),\n      })\n    )\n    .matches(\n      VALID_URL_REGEX,\n      t(\"neetoMessageTemplate.api.validation.validEndpoint\")\n    ),\n  body: yup\n    .string()\n    .trim()\n    .required(\n      t(\"neetoMessageTemplate.validations.requiredEntity\", {\n        entity: t(\"neetoMessageTemplate.template.body\"),\n      })\n    )\n    .test(\"is-valid-json-and-not-empty\", (value, context) => {\n      if (!value) return true;\n\n      try {\n        const parsedValue = JSON.parse(value);\n\n        if (isNotPresent(parsedValue)) {\n          return context.createError({\n            message: t(\"neetoMessageTemplate.validations.requiredEntity\", {\n              entity: t(\"neetoMessageTemplate.template.body\"),\n            }),\n          });\n        }\n\n        return true;\n      } catch {\n        return context.createError({\n          message: t(\"neetoMessageTemplate.api.validation.invalidJsonBody\"),\n        });\n      }\n    }),\n});\n\nexport const TEMPLATE_STATUS = { ACTIVE: \"active\", INACTIVE: \"inactive\" };\n","import {\n  isEmpty,\n  reject,\n  whereAny,\n  map,\n  mergeDeepLeft,\n  omit,\n  path,\n  unless,\n} from \"ramda\";\n\nimport { API_TEMPLATES_HELP_POPOVER_PROPS } from \"./constants\";\n\nconst sanitizeHelpPopoverProps = map(\n  unless(path([\"helpLinkProps\", \"href\"]), omit([\"helpLinkProps\"]))\n);\n\nexport const buildHelpPopoverProps = popoverProps => {\n  const combinedProps = mergeDeepLeft(\n    popoverProps,\n    API_TEMPLATES_HELP_POPOVER_PROPS\n  );\n\n  return sanitizeHelpPopoverProps(combinedProps);\n};\n\nexport const rejectEmptyKeyValuePairs = reject(\n  whereAny({ key: isEmpty, value: isEmpty })\n);\n","import { isNotEmpty } from \"neetocist\";\nimport { whereAny } from \"ramda\";\n\nimport { CUSTOM_HEADERS_INITIAL_VALUE } from \"v2/components/Api/constants\";\n\nexport const removeOption = ({ arrayHelpers, index, data }) => {\n  if (data.length === 1) {\n    arrayHelpers.remove(index);\n    arrayHelpers.push(CUSTOM_HEADERS_INITIAL_VALUE);\n\n    return;\n  }\n\n  arrayHelpers.remove(index);\n};\n\nexport const addOption = arrayHelpers =>\n  arrayHelpers.push(CUSTOM_HEADERS_INITIAL_VALUE);\n\nexport const isKeyOrValueNotEmpty = whereAny({\n  key: isNotEmpty,\n  value: isNotEmpty,\n});\n","import { Button } from \"@bigbinary/neeto-atoms\";\nimport { Input } from \"@bigbinary/neeto-atoms/formik\";\nimport { FieldArray } from \"formik\";\nimport { withT } from \"neetocommons/v2/react-utils\";\nimport { Delete } from \"neetoicons\";\n\nimport { CUSTOM_HEADERS_INITIAL_VALUE } from \"v2/components/Api/constants\";\n\nimport { addOption, isKeyOrValueNotEmpty, removeOption } from \"./utils\";\n\nconst KeyValuePairs = withT(({ t, name, entity }) => (\n  <FieldArray {...{ name }}>\n    {arrayHelpers => {\n      const data = arrayHelpers.form.values[name] || [\n        CUSTOM_HEADERS_INITIAL_VALUE,\n      ];\n\n      const showDeleteButton = data.length > 1 || isKeyOrValueNotEmpty(data[0]);\n\n      return (\n        <div className=\"flex flex-col space-y-2\">\n          {data.map((_, index) => (\n            <div className=\"flex h-8 space-x-3\" key={index}>\n              <Input\n                className=\"w-1/3\"\n                data-testid={`key-input-${index}`}\n                name={`${name}.${index}.key`}\n                placeholder={t(\"neetoMessageTemplate.api.key\")}\n              />\n              <Input\n                className=\"w-2/3\"\n                data-testid={`value-input-${index}`}\n                name={`${name}.${index}.value`}\n                placeholder={t(\"neetoMessageTemplate.api.value\")}\n                suffix={\n                  showDeleteButton && (\n                    <Button\n                      data-testid={`delete-key-value-pair-${index}`}\n                      icon={Delete}\n                      size=\"sm\"\n                      variant=\"ghost\"\n                      onClick={() =>\n                        removeOption({ arrayHelpers, index, data })\n                      }\n                    />\n                  )\n                }\n              />\n            </div>\n          ))}\n          <Button\n            className=\"w-30 ms-auto\"\n            data-testid=\"add-key-value-pair-button\"\n            label={t(\"neetoMessageTemplate.api.addEntity\", { entity })}\n            variant=\"outline\"\n            onClick={() => addOption(arrayHelpers)}\n          />\n        </div>\n      );\n    }}\n  </FieldArray>\n));\n\nexport default KeyValuePairs;\n","import { useEffect } from \"react\";\n\nimport { Switch } from \"@bigbinary/neeto-atoms/formik\";\nimport { useFormikContext } from \"formik\";\nimport { hyphenate } from \"neetocist\";\nimport { useTranslation } from \"react-i18next\";\n\nimport KeyValuePairs from \"v2/components/commons/KeyValuePairs\";\n\nimport { CUSTOM_HEADERS_INITIAL_VALUE } from \"./constants\";\n\nconst CustomHeaders = ({ helpPopoverProps = {} }) => {\n  const {\n    values: { enableCustomHeaders },\n    setFieldValue,\n  } = useFormikContext();\n\n  const { t } = useTranslation();\n\n  useEffect(\n    () => () => {\n      setFieldValue(\"enableCustomHeaders\", false);\n      setFieldValue(\"customHeaders\", [CUSTOM_HEADERS_INITIAL_VALUE]);\n    },\n    []\n  );\n\n  const handleCheckedChange = checked => {\n    if (!checked) {\n      setFieldValue(\"customHeaders\", [CUSTOM_HEADERS_INITIAL_VALUE]);\n    }\n\n    setFieldValue(\"enableCustomHeaders\", checked);\n  };\n\n  const label = t(\"neetoMessageTemplate.api.includeHeaders\");\n\n  return (\n    <div className=\"flex flex-col space-y-4\">\n      <Switch\n        {...{ label }}\n        data-testid={`neeto-message-template-${hyphenate(label)}-switch`}\n        name=\"enableCustomHeaders\"\n        labelProps={{\n          className: \"ms-2\",\n          helpIconProps: { popoverProps: helpPopoverProps },\n        }}\n        onCheckedChange={handleCheckedChange}\n      />\n      {enableCustomHeaders && (\n        <KeyValuePairs\n          entity={t(\"neetoMessageTemplate.api.headers\")}\n          name=\"customHeaders\"\n        />\n      )}\n    </div>\n  );\n};\n\nexport default CustomHeaders;\n","import { useEffect, useRef } from \"react\";\n\nimport { Label } from \"@bigbinary/neeto-atoms\";\nimport Editor from \"@monaco-editor/react\";\nimport { useField } from \"formik\";\nimport { Help } from \"neetoicons\";\nimport DynamicVariables from \"neetomolecules/v2/DynamicVariables\";\nimport { useTranslation } from \"react-i18next\";\n\n// eslint-disable-next-line import/extensions\nimport \"stylesheets/components/json_editor.css\";\n\nimport { EDITOR_CONFIG, JSON_LANGUAGE } from \"./constants\";\n\nconst JsonEditor = ({\n  name,\n  helpPopoverProps = {},\n  initialValue = \"{}\",\n  templateVariables = [],\n}) => {\n  const editorRef = useRef(null);\n  const completionProviderRef = useRef(null);\n\n  const [_, { touched, error }, { setValue, setTouched }] = useField(name);\n\n  const { t } = useTranslation();\n\n  const handleEditorDidMount = (editor, monaco) => {\n    editorRef.current = editor;\n\n    completionProviderRef.current =\n      monaco.languages.registerCompletionItemProvider(JSON_LANGUAGE, {\n        triggerCharacters: [\"{\"],\n        provideCompletionItems: (model, position) => {\n          const lineContent = model.getLineContent(position.lineNumber);\n          const beforeCursor = lineContent.slice(0, position.column - 1);\n\n          if (!beforeCursor.endsWith('\"{')) {\n            return { suggestions: [] };\n          }\n\n          const suggestions = templateVariables.map(({ key, label }) => ({\n            label,\n            kind: monaco.languages.CompletionItemKind.Variable,\n            insertText: `{${key}}}`,\n            insertTextRules:\n              monaco.languages.CompletionItemInsertTextRule.InsertAsSnippet,\n            detail: t(\"neetoMessageTemplate.api.insertPlaceholder\", {\n              label,\n            }),\n          }));\n\n          return { suggestions };\n        },\n      });\n  };\n\n  const insertVariable = ({ key }) => {\n    const editor = editorRef.current;\n    if (!editor) return;\n\n    const selection = editor.getSelection();\n    const range = {\n      startLineNumber: selection.startLineNumber,\n      startColumn: selection.startColumn,\n      endLineNumber: selection.endLineNumber,\n      endColumn: selection.endColumn,\n    };\n    const text = `\"{{${key}}}\"`;\n\n    editor.executeEdits(\"\", [{ range, text, forceMoveMarkers: true }]);\n\n    const position = editor.getPosition();\n    editor.setPosition({\n      lineNumber: position.lineNumber,\n      column: position.column + text.length,\n    });\n\n    editor.focus();\n  };\n\n  const handleChange = value => {\n    setTouched(true);\n    setValue(value);\n  };\n\n  useEffect(() => {\n    const editor = editorRef.current;\n    if (!editor) return;\n\n    const currentValue = editor.getValue();\n    if (currentValue !== initialValue) {\n      editor.setValue(initialValue);\n    }\n  }, [initialValue]);\n\n  useEffect(\n    () => () => {\n      completionProviderRef.current?.dispose();\n      completionProviderRef.current = null;\n    },\n    []\n  );\n\n  return (\n    <div className=\"space-y-2\">\n      <Label\n        required\n        data-testid=\"message-template-body\"\n        helpIconProps={{ icon: Help, popoverProps: helpPopoverProps }}\n      >\n        {t(\"neetoMessageTemplate.template.body\")}\n      </Label>\n      <div className=\"neeto-message-template-json-editor__wrapper\">\n        <div className=\"neeto-message-template-json-editor__dynamic-variables\">\n          <DynamicVariables\n            variables={templateVariables}\n            onVariableClick={insertVariable}\n          />\n        </div>\n        <Editor\n          className=\"neeto-message-template-json-editor__editor\"\n          defaultLanguage={JSON_LANGUAGE}\n          defaultValue={initialValue}\n          height=\"100%\"\n          options={EDITOR_CONFIG}\n          theme=\"vs-dark\"\n          onChange={handleChange}\n          onMount={handleEditorDidMount}\n        />\n        {touched && error && (\n          <div className=\"text-destructive mt-1 text-xs\">{error}</div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default JsonEditor;\n"],"names":["VALID_URL_REGEX","CUSTOM_HEADERS_INITIAL_VALUE","key","value","API_TEMPLATE_TYPE","API_TEMPLATES_HELP_POPOVER_PROPS","apiTemplates","description","t","helpLinkProps","popoverProps","position","sendToApi","customHeaders","label","body","JSON_LANGUAGE","EDITOR_CONFIG","formatOnType","formatOnPaste","automaticLayout","tabSize","minimap","enabled","scrollBeyondLastLine","autoIndent","dataIndex","title","render","status","width","FILTER_COLUMNS","node","type","values","API_TEMPLATE_INITIAL_VALUES","name","endpoint","enableCustomHeaders","SAMPLE_URL","API_TEMPLATE_FORM_VALIDATION_SCHEMA","yup","object","string","trim","required","entity","matches","test","context","parsedValue","JSON","parse","isNotPresent","createError","message","_unused","TEMPLATE_STATUS","ACTIVE","INACTIVE","sanitizeHelpPopoverProps","map","unless","path","omit","buildHelpPopoverProps","combinedProps","mergeDeepLeft","rejectEmptyKeyValuePairs","reject","whereAny","isEmpty","removeOption","_ref","arrayHelpers","index","data","length","remove","push","addOption","isKeyOrValueNotEmpty","isNotEmpty","KeyValuePairs","withT","_jsx","FieldArray","children","form","showDeleteButton","_jsxs","className","_","Input","concat","placeholder","suffix","Button","icon","Delete","size","variant","onClick","CustomHeaders","_ref$helpPopoverProps","helpPopoverProps","_useFormikContext","useFormikContext","setFieldValue","_useTranslation","useTranslation","useEffect","handleCheckedChange","checked","Switch","hyphenate","labelProps","helpIconProps","onCheckedChange","JsonEditor","_ref$initialValue","initialValue","_ref$templateVariable","templateVariables","editorRef","useRef","completionProviderRef","_useField","useField","_useField2","_slicedToArray","_useField2$","touched","error","_useField2$2","setValue","setTouched","handleEditorDidMount","editor","monaco","current","languages","registerCompletionItemProvider","triggerCharacters","provideCompletionItems","model","lineContent","getLineContent","lineNumber","beforeCursor","slice","column","endsWith","suggestions","_ref2","kind","CompletionItemKind","Variable","insertText","insertTextRules","CompletionItemInsertTextRule","InsertAsSnippet","detail","insertVariable","_ref3","selection","getSelection","range","startLineNumber","startColumn","endLineNumber","endColumn","text","executeEdits","forceMoveMarkers","getPosition","setPosition","focus","handleChange","currentValue","getValue","_completionProviderRe","dispose","Label","Help","DynamicVariables","variables","onVariableClick","Editor","defaultLanguage","defaultValue","height","options","theme","onChange","onMount"],"mappings":"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"}

package/dist/{JsonEditor-CGNPIMpX.js → JsonEditor-DEKfDX8p.js}

@@ -18,7 +18,7 @@ var Editor = require('@monaco-editor/react');
 var Help = require('@bigbinary/neeto-icons/Help');
 var DynamicVariables = require('@bigbinary/neeto-molecules/DynamicVariables');
 var Label = require('@bigbinary/neetoui/Label');
-var injectCss = require('./inject-css-vQvjPR2x.js');
+require('./json_editor-CvRhtSA3.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -292,9 +292,6 @@ var CustomHeaders = function CustomHeaders(_ref) {
   });
 };
 
-var css = ".neeto-message-template-json-editor__wrapper{height:40vh;padding-bottom:.75rem;position:relative}.neeto-message-template-json-editor__editor{height:100%}.neeto-message-template-json-editor__dynamic-variables{inset-inline-end:1rem;position:absolute;top:1rem;z-index:10}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvanNvbl9lZGl0b3IuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDZDQUVFLFdBQVksQ0FDWixxQkFBdUIsQ0FGdkIsaUJBR0YsQ0FFQSw0Q0FDRSxXQUNGLENBRUEsdURBR0UscUJBQXNCLENBRnRCLGlCQUFrQixDQUNsQixRQUFTLENBRVQsVUFDRiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by1tZXNzYWdlLXRlbXBsYXRlLWpzb24tZWRpdG9yX193cmFwcGVyIHtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBoZWlnaHQ6IDQwdmg7XG4gIHBhZGRpbmctYm90dG9tOiAwLjc1cmVtO1xufVxuXG4ubmVldG8tbWVzc2FnZS10ZW1wbGF0ZS1qc29uLWVkaXRvcl9fZWRpdG9yIHtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4ubmVldG8tbWVzc2FnZS10ZW1wbGF0ZS1qc29uLWVkaXRvcl9fZHluYW1pYy12YXJpYWJsZXMge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMXJlbTtcbiAgaW5zZXQtaW5saW5lLWVuZDogMXJlbTtcbiAgei1pbmRleDogMTA7XG59XG4iXX0= */";
-injectCss.n(css,{});
-
 var JsonEditor = function JsonEditor(_ref) {
   var name = _ref.name,
     _ref$helpPopoverProps = _ref.helpPopoverProps,
@@ -437,4 +434,4 @@ exports.TEMPLATE_STATUS = TEMPLATE_STATUS;
 exports.VALID_URL_REGEX = VALID_URL_REGEX;
 exports.buildHelpPopoverProps = buildHelpPopoverProps;
 exports.rejectEmptyKeyValuePairs = rejectEmptyKeyValuePairs;
-//# sourceMappingURL=JsonEditor-CGNPIMpX.js.map
+//# sourceMappingURL=JsonEditor-DEKfDX8p.js.map