@bigbinary/neeto-message-templates-frontend 1.3.10 → 1.4.0

package/dist/utils-3fvk3PIJ.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var react = require('react');
+var formik = require('formik');
+var neetoCist = require('@bigbinary/neeto-cist');
+var Input = require('@bigbinary/neetoui/formik/Input');
+var Switch = require('@bigbinary/neetoui/formik/Switch');
+var reactI18next = require('react-i18next');
+var jsxRuntime = require('react/jsx-runtime');
+var ramda = require('ramda');
+
+var SaveAsTemplate = function SaveAsTemplate() {
+  var _useFormikContext = formik.useFormikContext(),
+    shouldSaveAsTemplate = _useFormikContext.values.shouldSaveAsTemplate,
+    setFieldValue = _useFormikContext.setFieldValue;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  react.useEffect(function () {
+    return function () {
+      setFieldValue("shouldSaveAsTemplate", false);
+      setFieldValue("templateName", "");
+    };
+  }, []);
+  var handleChange = function handleChange(_ref) {
+    var checked = _ref.target.checked;
+    if (!checked) {
+      setFieldValue("templateName", "");
+    }
+    setFieldValue("shouldSaveAsTemplate", checked);
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-col space-y-4",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Switch, {
+      "data-cy": "neeto-message-template-".concat(neetoCist.hyphenate(t("neetoMessageTemplate.sendMessage.saveAsTemplate")), "-switch"),
+      label: t("neetoMessageTemplate.sendMessage.saveAsTemplate"),
+      name: "shouldSaveAsTemplate",
+      onChange: handleChange
+    }), shouldSaveAsTemplate && /*#__PURE__*/jsxRuntime.jsx(Input, {
+      autoFocus: true,
+      required: true,
+      label: t("neetoMessageTemplate.template.templateName"),
+      name: "templateName"
+    })]
+  });
+};
+
+var areValuesEqual = function areValuesEqual(value1, value2) {
+  var normalize = ramda.when(ramda.is(String), ramda.trim);
+  return ramda.eqBy(normalize, value1, value2);
+};
+
+exports.SaveAsTemplate = SaveAsTemplate;
+exports.areValuesEqual = areValuesEqual;
+//# sourceMappingURL=utils-3fvk3PIJ.js.map

package/dist/utils-3fvk3PIJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-3fvk3PIJ.js","sources":["../app/javascript/src/components/commons/SaveAsTemplate.jsx","../app/javascript/src/components/utils.js"],"sourcesContent":["import { useEffect } from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport { hyphenate } from \"neetocist\";\nimport { Input, Switch } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\n\nconst SaveAsTemplate = () => {\n  const {\n    values: { shouldSaveAsTemplate },\n    setFieldValue,\n  } = useFormikContext();\n\n  const { t } = useTranslation();\n\n  useEffect(\n    () => () => {\n      setFieldValue(\"shouldSaveAsTemplate\", false);\n      setFieldValue(\"templateName\", \"\");\n    },\n    []\n  );\n\n  const handleChange = ({ target: { checked } }) => {\n    if (!checked) {\n      setFieldValue(\"templateName\", \"\");\n    }\n\n    setFieldValue(\"shouldSaveAsTemplate\", checked);\n  };\n\n  return (\n    <div className=\"flex flex-col space-y-4\">\n      <Switch\n        data-cy={`neeto-message-template-${hyphenate(t(\"neetoMessageTemplate.sendMessage.saveAsTemplate\"))}-switch`}\n        label={t(\"neetoMessageTemplate.sendMessage.saveAsTemplate\")}\n        name=\"shouldSaveAsTemplate\"\n        onChange={handleChange}\n      />\n      {shouldSaveAsTemplate && (\n        <Input\n          autoFocus\n          required\n          label={t(\"neetoMessageTemplate.template.templateName\")}\n          name=\"templateName\"\n        />\n      )}\n    </div>\n  );\n};\n\nexport default SaveAsTemplate;\n","import { eqBy, is, trim, when } from \"ramda\";\n\nexport const areValuesEqual = (value1, value2) => {\n  const normalize = when(is(String), trim);\n\n  return eqBy(normalize, value1, value2);\n};\n"],"names":["SaveAsTemplate","_useFormikContext","useFormikContext","shouldSaveAsTemplate","values","setFieldValue","_useTranslation","useTranslation","t","useEffect","handleChange","_ref","checked","target","_jsxs","className","children","_jsx","Switch","concat","hyphenate","label","name","onChange","Input","autoFocus","required","areValuesEqual","value1","value2","normalize","when","is","String","trim","eqBy"],"mappings":";;;;;;;;;;;AAOA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,GAAS;AAC3B,EAAA,IAAAC,iBAAA,GAGIC,uBAAgB,EAAE;AAFVC,IAAAA,oBAAoB,GAAAF,iBAAA,CAA9BG,MAAM,CAAID,oBAAoB;IAC9BE,aAAa,GAAAJ,iBAAA,CAAbI,aAAa;AAGf,EAAA,IAAAC,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AAETC,EAAAA,eAAS,CACP,YAAA;AAAA,IAAA,OAAM,YAAM;AACVJ,MAAAA,aAAa,CAAC,sBAAsB,EAAE,KAAK,CAAC;AAC5CA,MAAAA,aAAa,CAAC,cAAc,EAAE,EAAE,CAAC;KAClC;AAAA,GAAA,EACD,EACF,CAAC;AAED,EAAA,IAAMK,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAgC;AAAA,IAAA,IAAhBC,OAAO,GAAAD,IAAA,CAAjBE,MAAM,CAAID,OAAO;IACvC,IAAI,CAACA,OAAO,EAAE;AACZP,MAAAA,aAAa,CAAC,cAAc,EAAE,EAAE,CAAC;AACnC;AAEAA,IAAAA,aAAa,CAAC,sBAAsB,EAAEO,OAAO,CAAC;GAC/C;AAED,EAAA,oBACEE,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,yBAAyB;IAAAC,QAAA,EAAA,cACtCC,cAAA,CAACC,MAAM,EAAA;MACL,SAAAC,EAAAA,yBAAAA,CAAAA,MAAA,CAAmCC,mBAAS,CAACZ,CAAC,CAAC,iDAAiD,CAAC,CAAC,EAAU,SAAA,CAAA;AAC5Ga,MAAAA,KAAK,EAAEb,CAAC,CAAC,iDAAiD,CAAE;AAC5Dc,MAAAA,IAAI,EAAC,sBAAsB;AAC3BC,MAAAA,QAAQ,EAAEb;AAAa,KACxB,CAAC,EACDP,oBAAoB,iBACnBc,cAAA,CAACO,KAAK,EAAA;MACJC,SAAS,EAAA,IAAA;MACTC,QAAQ,EAAA,IAAA;AACRL,MAAAA,KAAK,EAAEb,CAAC,CAAC,4CAA4C,CAAE;AACvDc,MAAAA,IAAI,EAAC;AAAc,KACpB,CACF;AAAA,GACE,CAAC;AAEV;;AC/CO,IAAMK,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,MAAM,EAAEC,MAAM,EAAK;EAChD,IAAMC,SAAS,GAAGC,UAAI,CAACC,QAAE,CAACC,MAAM,CAAC,EAAEC,UAAI,CAAC;AAExC,EAAA,OAAOC,UAAI,CAACL,SAAS,EAAEF,MAAM,EAAEC,MAAM,CAAC;AACxC;;;;;"}

package/dist/utils-o_45ksFf.js

@@ -0,0 +1,51 @@
+import { useEffect } from 'react';
+import { useFormikContext } from 'formik';
+import { hyphenate } from '@bigbinary/neeto-cist';
+import Input from '@bigbinary/neetoui/formik/Input';
+import Switch from '@bigbinary/neetoui/formik/Switch';
+import { useTranslation } from 'react-i18next';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { when, is, trim, eqBy } from 'ramda';
+
+var SaveAsTemplate = function SaveAsTemplate() {
+  var _useFormikContext = useFormikContext(),
+    shouldSaveAsTemplate = _useFormikContext.values.shouldSaveAsTemplate,
+    setFieldValue = _useFormikContext.setFieldValue;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  useEffect(function () {
+    return function () {
+      setFieldValue("shouldSaveAsTemplate", false);
+      setFieldValue("templateName", "");
+    };
+  }, []);
+  var handleChange = function handleChange(_ref) {
+    var checked = _ref.target.checked;
+    if (!checked) {
+      setFieldValue("templateName", "");
+    }
+    setFieldValue("shouldSaveAsTemplate", checked);
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex flex-col space-y-4",
+    children: [/*#__PURE__*/jsx(Switch, {
+      "data-cy": "neeto-message-template-".concat(hyphenate(t("neetoMessageTemplate.sendMessage.saveAsTemplate")), "-switch"),
+      label: t("neetoMessageTemplate.sendMessage.saveAsTemplate"),
+      name: "shouldSaveAsTemplate",
+      onChange: handleChange
+    }), shouldSaveAsTemplate && /*#__PURE__*/jsx(Input, {
+      autoFocus: true,
+      required: true,
+      label: t("neetoMessageTemplate.template.templateName"),
+      name: "templateName"
+    })]
+  });
+};
+
+var areValuesEqual = function areValuesEqual(value1, value2) {
+  var normalize = when(is(String), trim);
+  return eqBy(normalize, value1, value2);
+};
+
+export { SaveAsTemplate as S, areValuesEqual as a };
+//# sourceMappingURL=utils-o_45ksFf.js.map

package/dist/utils-o_45ksFf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-o_45ksFf.js","sources":["../app/javascript/src/components/commons/SaveAsTemplate.jsx","../app/javascript/src/components/utils.js"],"sourcesContent":["import { useEffect } from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport { hyphenate } from \"neetocist\";\nimport { Input, Switch } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\n\nconst SaveAsTemplate = () => {\n  const {\n    values: { shouldSaveAsTemplate },\n    setFieldValue,\n  } = useFormikContext();\n\n  const { t } = useTranslation();\n\n  useEffect(\n    () => () => {\n      setFieldValue(\"shouldSaveAsTemplate\", false);\n      setFieldValue(\"templateName\", \"\");\n    },\n    []\n  );\n\n  const handleChange = ({ target: { checked } }) => {\n    if (!checked) {\n      setFieldValue(\"templateName\", \"\");\n    }\n\n    setFieldValue(\"shouldSaveAsTemplate\", checked);\n  };\n\n  return (\n    <div className=\"flex flex-col space-y-4\">\n      <Switch\n        data-cy={`neeto-message-template-${hyphenate(t(\"neetoMessageTemplate.sendMessage.saveAsTemplate\"))}-switch`}\n        label={t(\"neetoMessageTemplate.sendMessage.saveAsTemplate\")}\n        name=\"shouldSaveAsTemplate\"\n        onChange={handleChange}\n      />\n      {shouldSaveAsTemplate && (\n        <Input\n          autoFocus\n          required\n          label={t(\"neetoMessageTemplate.template.templateName\")}\n          name=\"templateName\"\n        />\n      )}\n    </div>\n  );\n};\n\nexport default SaveAsTemplate;\n","import { eqBy, is, trim, when } from \"ramda\";\n\nexport const areValuesEqual = (value1, value2) => {\n  const normalize = when(is(String), trim);\n\n  return eqBy(normalize, value1, value2);\n};\n"],"names":["SaveAsTemplate","_useFormikContext","useFormikContext","shouldSaveAsTemplate","values","setFieldValue","_useTranslation","useTranslation","t","useEffect","handleChange","_ref","checked","target","_jsxs","className","children","_jsx","Switch","concat","hyphenate","label","name","onChange","Input","autoFocus","required","areValuesEqual","value1","value2","normalize","when","is","String","trim","eqBy"],"mappings":";;;;;;;;;AAOA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,GAAS;AAC3B,EAAA,IAAAC,iBAAA,GAGIC,gBAAgB,EAAE;AAFVC,IAAAA,oBAAoB,GAAAF,iBAAA,CAA9BG,MAAM,CAAID,oBAAoB;IAC9BE,aAAa,GAAAJ,iBAAA,CAAbI,aAAa;AAGf,EAAA,IAAAC,eAAA,GAAcC,cAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AAETC,EAAAA,SAAS,CACP,YAAA;AAAA,IAAA,OAAM,YAAM;AACVJ,MAAAA,aAAa,CAAC,sBAAsB,EAAE,KAAK,CAAC;AAC5CA,MAAAA,aAAa,CAAC,cAAc,EAAE,EAAE,CAAC;KAClC;AAAA,GAAA,EACD,EACF,CAAC;AAED,EAAA,IAAMK,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAgC;AAAA,IAAA,IAAhBC,OAAO,GAAAD,IAAA,CAAjBE,MAAM,CAAID,OAAO;IACvC,IAAI,CAACA,OAAO,EAAE;AACZP,MAAAA,aAAa,CAAC,cAAc,EAAE,EAAE,CAAC;AACnC;AAEAA,IAAAA,aAAa,CAAC,sBAAsB,EAAEO,OAAO,CAAC;GAC/C;AAED,EAAA,oBACEE,IAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,yBAAyB;IAAAC,QAAA,EAAA,cACtCC,GAAA,CAACC,MAAM,EAAA;MACL,SAAAC,EAAAA,yBAAAA,CAAAA,MAAA,CAAmCC,SAAS,CAACZ,CAAC,CAAC,iDAAiD,CAAC,CAAC,EAAU,SAAA,CAAA;AAC5Ga,MAAAA,KAAK,EAAEb,CAAC,CAAC,iDAAiD,CAAE;AAC5Dc,MAAAA,IAAI,EAAC,sBAAsB;AAC3BC,MAAAA,QAAQ,EAAEb;AAAa,KACxB,CAAC,EACDP,oBAAoB,iBACnBc,GAAA,CAACO,KAAK,EAAA;MACJC,SAAS,EAAA,IAAA;MACTC,QAAQ,EAAA,IAAA;AACRL,MAAAA,KAAK,EAAEb,CAAC,CAAC,4CAA4C,CAAE;AACvDc,MAAAA,IAAI,EAAC;AAAc,KACpB,CACF;AAAA,GACE,CAAC;AAEV;;AC/CO,IAAMK,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,MAAM,EAAEC,MAAM,EAAK;EAChD,IAAMC,SAAS,GAAGC,IAAI,CAACC,EAAE,CAACC,MAAM,CAAC,EAAEC,IAAI,CAAC;AAExC,EAAA,OAAOC,IAAI,CAACL,SAAS,EAAEF,MAAM,EAAEC,MAAM,CAAC;AACxC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-message-templates-frontend",
-  "version": "1.3.10",
+  "version": "1.4.0",
   "description": "To manage message templates across neeto products.",
   "license": "UNLICENSED",
   "homepage": "https://github.com/bigbinary/neeto-message-templates-nano",
@@ -63,17 +63,18 @@
     "@bigbinary/babel-preset-neeto": "^1.0.3",
     "@bigbinary/eslint-plugin-neeto": "1.6.2",
     "@bigbinary/neeto-cist": "1.0.17",
-    "@bigbinary/neeto-commons-frontend": "4.13.39",
-    "@bigbinary/neeto-editor": "1.47.7",
+    "@bigbinary/neeto-commons-frontend": "4.13.40",
+    "@bigbinary/neeto-editor": "1.47.10",
     "@bigbinary/neeto-filters-frontend": "4.3.19",
     "@bigbinary/neeto-icons": "1.20.47",
-    "@bigbinary/neeto-molecules": "3.16.49",
-    "@bigbinary/neeto-team-members-frontend": "4.5.8",
-    "@bigbinary/neetoui": "8.3.6",
+    "@bigbinary/neeto-molecules": "3.16.55",
+    "@bigbinary/neeto-team-members-frontend": "4.5.9",
+    "@bigbinary/neetoui": "8.3.7",
     "@emotion/is-prop-valid": "1.2.0",
     "@faker-js/faker": "8.2.0",
     "@honeybadger-io/js": "6.10.1",
     "@honeybadger-io/react": "6.1.25",
+    "@monaco-editor/react": "^4.7.0",
     "@rollup/plugin-alias": "5.1.1",
     "@rollup/plugin-babel": "6.0.4",
     "@rollup/plugin-commonjs": "25.0.7",
@@ -139,8 +140,8 @@
     "process": "^0.11.10",
     "qs": "^6.11.2",
     "ramda": "0.29.0",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "react-helmet": "^6.1.0",
     "react-i18next": "12.3.1",
     "react-router-dom": "5.3.3",
@@ -167,7 +168,7 @@
     "webpack": "5.76.0",
     "webpack-assets-manifest": "^5.1.0",
     "webpack-cli": "4.10.0",
-    "webpack-dev-server": "^4.15.0",
+    "webpack-dev-server": "^5.2.1",
     "yup": "0.32.11",
     "zustand": "4.4.2"
   },
@@ -175,15 +176,16 @@
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@babel/runtime": "7.26.10",
     "@bigbinary/neeto-cist": "1.0.17",
-    "@bigbinary/neeto-commons-frontend": "4.13.39",
-    "@bigbinary/neeto-editor": "1.47.7",
+    "@bigbinary/neeto-commons-frontend": "4.13.40",
+    "@bigbinary/neeto-editor": "1.47.10",
     "@bigbinary/neeto-filters-frontend": "4.3.19",
     "@bigbinary/neeto-icons": "1.20.47",
-    "@bigbinary/neeto-molecules": "3.16.49",
-    "@bigbinary/neeto-team-members-frontend": "4.5.8",
-    "@bigbinary/neetoui": "8.3.6",
+    "@bigbinary/neeto-molecules": "3.16.55",
+    "@bigbinary/neeto-team-members-frontend": "4.5.9",
+    "@bigbinary/neetoui": "8.3.7",
     "@honeybadger-io/js": "6.10.1",
     "@honeybadger-io/react": "6.1.25",
+    "@monaco-editor/react": "^4.7.0",
     "@tailwindcss/container-queries": "^0.1.1",
     "@tanstack/react-query": "5.59.20",
     "@tanstack/react-query-devtools": "5.59.20",
@@ -202,8 +204,8 @@
     "path-browserify": "^1.0.1",
     "qs": "^6.11.2",
     "ramda": "0.29.0",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "react-helmet": "^6.1.0",
     "react-i18next": "12.3.1",
     "react-router-dom": "5.3.3",
@@ -222,7 +224,9 @@
   "resolutions": {
     "postcss": "^8",
     "wrap-ansi": "7.0.0",
-    "string-width": "4.1.0"
+    "string-width": "4.1.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
   },
   "engines": {
     "node": ">=22.13",

package/types.d.ts

@@ -18,8 +18,32 @@ interface SendToApiHelpPopoverProps {
     description?: React.ReactNode;
     helpLinkProps?: ButtonProps;
     popoverProps?: PopoverProps;
-  },
-  additionalData?: {
+  };
+  customHeaders?: {
+    title?: string;
+    description?: React.ReactNode;
+    helpLinkProps?: ButtonProps;
+  } & PopoverProps;
+  body?: {
+    title?: string;
+    description?: React.ReactNode;
+    helpLinkProps?: ButtonProps;
+  } & PopoverProps;
+}
+
+interface ApiTemplatesHelpPopoverProps {
+  apiTemplates?: {
+    title?: string;
+    description?: React.ReactNode;
+    helpLinkProps?: ButtonProps;
+    popoverProps?: PopoverProps;
+  };
+  customHeaders?: {
+    title?: string;
+    description?: React.ReactNode;
+    helpLinkProps?: ButtonProps;
+  } & PopoverProps;
+  body?: {
     title?: string;
     description?: React.ReactNode;
     helpLinkProps?: ButtonProps;
@@ -58,7 +82,9 @@ interface ApiTemplatesProps {
   ownerId?: string;
   breadcrumbs?: Breadcrumb[];
   onMutationSuccess?: (...args: any[]) => void;
-  helpPopoverProps?: PopoverProps;
+  initialPayload?: object;
+  templateVariables?: TemplateVariables[];
+  helpPopoverProps?: ApiTemplatesHelpPopoverProps;
 }
 
 interface SendToApiPaneProps {
@@ -68,6 +94,7 @@ interface SendToApiPaneProps {
   onSubmit?: (values: { [key: string]: any }) => void;
   isSubmitting?: boolean;
   canManageTemplates?: boolean;
+  templateVariables?: TemplateVariables[];
   helpPopoverProps?: SendToApiHelpPopoverProps;
 }
 

package/dist/utils-CdkVjz8p.js

@@ -1,80 +0,0 @@
-import { useEffect } from 'react';
-import { useFormikContext } from 'formik';
-import Input from '@bigbinary/neetoui/formik/Input';
-import { useTranslation } from 'react-i18next';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import classnames from 'classnames';
-import { hyphenate } from '@bigbinary/neeto-cist';
-import Label from '@bigbinary/neetoui/Label';
-import Typography from '@bigbinary/neetoui/Typography';
-import Switch from '@bigbinary/neetoui/formik/Switch';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { when, is, trim, eqBy } from 'ramda';
-
-var _excluded = ["name", "title", "className"];
-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 SwitchBlock = function SwitchBlock(_ref) {
-  var name = _ref.name,
-    title = _ref.title,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/jsxs(Label, {
-    className: classnames("flex items-center justify-start gap-2 ", className),
-    "data-cy": "neeto-message-template-".concat(hyphenate(title), "-toggle-label"),
-    children: [/*#__PURE__*/jsx(Switch, _objectSpread(_objectSpread({}, _objectSpread(_objectSpread({}, otherProps), {}, {
-      name: name
-    })), {}, {
-      "data-cy": "neeto-message-template-".concat(hyphenate(title), "-switch")
-    })), /*#__PURE__*/jsx(Typography, {
-      component: "span",
-      style: "body1",
-      children: title
-    })]
-  });
-};
-
-var SaveAsTemplate = function SaveAsTemplate() {
-  var _useFormikContext = useFormikContext(),
-    shouldSaveAsTemplate = _useFormikContext.values.shouldSaveAsTemplate,
-    setFieldValue = _useFormikContext.setFieldValue;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  useEffect(function () {
-    return function () {
-      setFieldValue("shouldSaveAsTemplate", false);
-      setFieldValue("templateName", "");
-    };
-  }, []);
-  var handleChange = function handleChange(_ref) {
-    var checked = _ref.target.checked;
-    if (!checked) {
-      setFieldValue("templateName", "");
-    }
-    setFieldValue("shouldSaveAsTemplate", checked);
-  };
-  return /*#__PURE__*/jsxs("div", {
-    className: "flex flex-col space-y-4",
-    children: [/*#__PURE__*/jsx(SwitchBlock, {
-      className: "mt-4",
-      name: "shouldSaveAsTemplate",
-      title: t("neetoMessageTemplate.sendMessage.saveAsTemplate"),
-      onChange: handleChange
-    }), shouldSaveAsTemplate && /*#__PURE__*/jsx(Input, {
-      autoFocus: true,
-      required: true,
-      label: t("neetoMessageTemplate.template.templateName"),
-      name: "templateName"
-    })]
-  });
-};
-
-var areValuesEqual = function areValuesEqual(value1, value2) {
-  var normalize = when(is(String), trim);
-  return eqBy(normalize, value1, value2);
-};
-
-export { SaveAsTemplate as S, areValuesEqual as a };
-//# sourceMappingURL=utils-CdkVjz8p.js.map

package/dist/utils-CdkVjz8p.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-CdkVjz8p.js","sources":["../app/javascript/src/components/commons/SwitchBlock.jsx","../app/javascript/src/components/commons/SaveAsTemplate.jsx","../app/javascript/src/components/utils.js"],"sourcesContent":["import classnames from \"classnames\";\nimport { hyphenate } from \"neetocist\";\nimport { Label, Typography } from \"neetoui\";\nimport { Switch } from \"neetoui/formik\";\n\nconst SwitchBlock = ({ name, title, className = \"\", ...otherProps }) => (\n  <Label\n    className={classnames(\"flex items-center justify-start gap-2 \", className)}\n    data-cy={`neeto-message-template-${hyphenate(title)}-toggle-label`}\n  >\n    <Switch\n      {...{ ...otherProps, name }}\n      data-cy={`neeto-message-template-${hyphenate(title)}-switch`}\n    />\n    <Typography component=\"span\" style=\"body1\">\n      {title}\n    </Typography>\n  </Label>\n);\n\nexport default SwitchBlock;\n","import { useEffect } from \"react\";\n\nimport { useFormikContext } from \"formik\";\nimport { Input } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\n\nimport SwitchBlock from \"./SwitchBlock\";\n\nconst SaveAsTemplate = () => {\n  const {\n    values: { shouldSaveAsTemplate },\n    setFieldValue,\n  } = useFormikContext();\n\n  const { t } = useTranslation();\n\n  useEffect(\n    () => () => {\n      setFieldValue(\"shouldSaveAsTemplate\", false);\n      setFieldValue(\"templateName\", \"\");\n    },\n    []\n  );\n\n  const handleChange = ({ target: { checked } }) => {\n    if (!checked) {\n      setFieldValue(\"templateName\", \"\");\n    }\n\n    setFieldValue(\"shouldSaveAsTemplate\", checked);\n  };\n\n  return (\n    <div className=\"flex flex-col space-y-4\">\n      <SwitchBlock\n        className=\"mt-4\"\n        name=\"shouldSaveAsTemplate\"\n        title={t(\"neetoMessageTemplate.sendMessage.saveAsTemplate\")}\n        onChange={handleChange}\n      />\n      {shouldSaveAsTemplate && (\n        <Input\n          autoFocus\n          required\n          label={t(\"neetoMessageTemplate.template.templateName\")}\n          name=\"templateName\"\n        />\n      )}\n    </div>\n  );\n};\n\nexport default SaveAsTemplate;\n","import { eqBy, is, trim, when } from \"ramda\";\n\nexport const areValuesEqual = (value1, value2) => {\n  const normalize = when(is(String), trim);\n\n  return eqBy(normalize, value1, value2);\n};\n"],"names":["SwitchBlock","_ref","name","title","_ref$className","className","otherProps","_objectWithoutProperties","_excluded","_jsxs","Label","classnames","concat","hyphenate","children","_jsx","Switch","_objectSpread","Typography","component","style","SaveAsTemplate","_useFormikContext","useFormikContext","shouldSaveAsTemplate","values","setFieldValue","_useTranslation","useTranslation","t","useEffect","handleChange","checked","target","onChange","Input","autoFocus","required","label","areValuesEqual","value1","value2","normalize","when","is","String","trim","eqBy"],"mappings":";;;;;;;;;;;;;;;;;AAKA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;AAAKE,IAAAA,UAAU,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;EAAA,oBAC/DC,IAAA,CAACC,KAAK,EAAA;AACJL,IAAAA,SAAS,EAAEM,UAAU,CAAC,wCAAwC,EAAEN,SAAS,CAAE;AAC3E,IAAA,SAAA,EAAA,yBAAA,CAAAO,MAAA,CAAmCC,SAAS,CAACV,KAAK,CAAC,EAAgB,eAAA,CAAA;AAAAW,IAAAA,QAAA,EAEnEC,cAAAA,GAAA,CAACC,MAAM,EAAAC,aAAA,CAAAA,aAAA,CAAAA,EAAAA,EAAAA,aAAA,CAAAA,aAAA,KACIX,UAAU,CAAA,EAAA,EAAA,EAAA;AAAEJ,MAAAA,IAAI,EAAJA;AAAI,KAAA,CAAA,CAAA,EAAA,EAAA,EAAA;AACzB,MAAA,SAAA,EAAA,yBAAA,CAAAU,MAAA,CAAmCC,SAAS,CAACV,KAAK,CAAC,EAAA,SAAA;AAAU,KAAA,CAC9D,CAAC,eACFY,GAAA,CAACG,UAAU,EAAA;AAACC,MAAAA,SAAS,EAAC,MAAM;AAACC,MAAAA,KAAK,EAAC,OAAO;AAAAN,MAAAA,QAAA,EACvCX;AAAK,KACI,CAAC;AAAA,GACR,CAAC;AAAA,CACT;;ACVD,IAAMkB,cAAc,GAAG,SAAjBA,cAAcA,GAAS;AAC3B,EAAA,IAAAC,iBAAA,GAGIC,gBAAgB,EAAE;AAFVC,IAAAA,oBAAoB,GAAAF,iBAAA,CAA9BG,MAAM,CAAID,oBAAoB;IAC9BE,aAAa,GAAAJ,iBAAA,CAAbI,aAAa;AAGf,EAAA,IAAAC,eAAA,GAAcC,cAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AAETC,EAAAA,SAAS,CACP,YAAA;AAAA,IAAA,OAAM,YAAM;AACVJ,MAAAA,aAAa,CAAC,sBAAsB,EAAE,KAAK,CAAC;AAC5CA,MAAAA,aAAa,CAAC,cAAc,EAAE,EAAE,CAAC;KAClC;AAAA,GAAA,EACD,EACF,CAAC;AAED,EAAA,IAAMK,YAAY,GAAG,SAAfA,YAAYA,CAAA9B,IAAA,EAAgC;AAAA,IAAA,IAAhB+B,OAAO,GAAA/B,IAAA,CAAjBgC,MAAM,CAAID,OAAO;IACvC,IAAI,CAACA,OAAO,EAAE;AACZN,MAAAA,aAAa,CAAC,cAAc,EAAE,EAAE,CAAC;AACnC;AAEAA,IAAAA,aAAa,CAAC,sBAAsB,EAAEM,OAAO,CAAC;GAC/C;AAED,EAAA,oBACEvB,IAAA,CAAA,KAAA,EAAA;AAAKJ,IAAAA,SAAS,EAAC,yBAAyB;IAAAS,QAAA,EAAA,cACtCC,GAAA,CAACf,WAAW,EAAA;AACVK,MAAAA,SAAS,EAAC,MAAM;AAChBH,MAAAA,IAAI,EAAC,sBAAsB;AAC3BC,MAAAA,KAAK,EAAE0B,CAAC,CAAC,iDAAiD,CAAE;AAC5DK,MAAAA,QAAQ,EAAEH;AAAa,KACxB,CAAC,EACDP,oBAAoB,iBACnBT,GAAA,CAACoB,KAAK,EAAA;MACJC,SAAS,EAAA,IAAA;MACTC,QAAQ,EAAA,IAAA;AACRC,MAAAA,KAAK,EAAET,CAAC,CAAC,4CAA4C,CAAE;AACvD3B,MAAAA,IAAI,EAAC;AAAc,KACpB,CACF;AAAA,GACE,CAAC;AAEV;;AChDO,IAAMqC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,MAAM,EAAEC,MAAM,EAAK;EAChD,IAAMC,SAAS,GAAGC,IAAI,CAACC,EAAE,CAACC,MAAM,CAAC,EAAEC,IAAI,CAAC;AAExC,EAAA,OAAOC,IAAI,CAACL,SAAS,EAAEF,MAAM,EAAEC,MAAM,CAAC;AACxC;;;;"}

package/dist/utils-D7y24q1q.js

@@ -1,186 +0,0 @@
-'use strict';
-
-var i18next = require('i18next');
-var yup = require('yup');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var formik = require('formik');
-var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
-var Delete = require('@bigbinary/neeto-icons/Delete');
-var Button = require('@bigbinary/neetoui/Button');
-var Label = require('@bigbinary/neetoui/Label');
-var Input = require('@bigbinary/neetoui/formik/Input');
-var neetoCist = require('@bigbinary/neeto-cist');
-var ramda = require('ramda');
-var jsxRuntime = require('react/jsx-runtime');
-
-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 ADDITIONAL_DATA_INITIAL_VALUE = {
-  key: "",
-  value: ""
-};
-var API_TEMPLATE_TYPE = "api_template";
-
-[{
-  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: "",
-  additionalData: [ADDITIONAL_DATA_INITIAL_VALUE]
-};
-var SAMPLE_URL = "https://example.com";
-var API_TEMPLATE_FORM_VALIDATION_SCHEMA = yup__namespace.object({
-  name: yup__namespace.string().trim().required(i18next.t("neetoMessageTemplate.template.validation.namePresence")),
-  endpoint: yup__namespace.string().required(i18next.t("neetoMessageTemplate.api.validation.endpointPresence")).matches(VALID_URL_REGEX, i18next.t("neetoMessageTemplate.api.validation.validEndpoint")),
-  additionalData: yup__namespace.array().of(yup__namespace.object({
-    key: yup__namespace.string(),
-    value: yup__namespace.string()
-  }))
-});
-var TEMPLATE_STATUS = {
-  ACTIVE: "active",
-  INACTIVE: "inactive"
-};
-
-var removeOption = function removeOption(_ref) {
-  var arrayHelpers = _ref.arrayHelpers,
-    index = _ref.index,
-    data = _ref.data;
-  if (data.length === 1) {
-    arrayHelpers.remove(index);
-    arrayHelpers.push(ADDITIONAL_DATA_INITIAL_VALUE);
-    return;
-  }
-  arrayHelpers.remove(index);
-};
-var addOption = function addOption(arrayHelpers) {
-  return arrayHelpers.push(ADDITIONAL_DATA_INITIAL_VALUE);
-};
-var isKeyOrValueNotEmpty = ramda.whereAny({
-  key: neetoCist.isNotEmpty,
-  value: neetoCist.isNotEmpty
-});
-
-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 KeyValuePairs = reactUtils.withT(function (_ref) {
-  var t = _ref.t,
-    name = _ref.name,
-    _ref$label = _ref.label,
-    label = _ref$label === void 0 ? "" : _ref$label,
-    _ref$labelProps = _ref.labelProps,
-    labelProps = _ref$labelProps === void 0 ? {} : _ref$labelProps;
-  return /*#__PURE__*/jsxRuntime.jsx(formik.FieldArray, {
-    name: name,
-    children: function children(arrayHelpers) {
-      var data = arrayHelpers.form.values[name];
-      var showDeleteButton = data.length > 1 || isKeyOrValueNotEmpty(data[0]);
-      return /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "space-y-2",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Label, _objectSpread(_objectSpread({}, labelProps), {}, {
-          children: label
-        })), data.map(function (_, index) {
-          return /*#__PURE__*/jsxRuntime.jsxs("div", {
-            className: "flex h-8 space-x-3",
-            children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
-              className: "w-2/5",
-              "data-cy": "key-input-".concat(index),
-              name: "".concat(name, ".").concat(index, ".key"),
-              placeholder: t("neetoMessageTemplate.api.key")
-            }), /*#__PURE__*/jsxRuntime.jsx(Input, {
-              className: "w-3/5",
-              "data-cy": "value-input-".concat(index),
-              name: "".concat(name, ".").concat(index, ".value"),
-              placeholder: t("neetoMessageTemplate.api.value"),
-              suffix: showDeleteButton && /*#__PURE__*/jsxRuntime.jsx(Button, {
-                "data-cy": "delete-key-value-pair-".concat(index),
-                icon: Delete,
-                size: "small",
-                style: "text",
-                onClick: function onClick() {
-                  return removeOption({
-                    arrayHelpers: arrayHelpers,
-                    index: index,
-                    data: data
-                  });
-                }
-              })
-            })]
-          }, index);
-        }), /*#__PURE__*/jsxRuntime.jsx(Button, {
-          className: "w-full justify-center",
-          "data-cy": "add-key-value-pair-button",
-          label: t("neetoMessageTemplate.api.addKeyValuePair"),
-          style: "secondary",
-          onClick: function onClick() {
-            return addOption(arrayHelpers);
-          }
-        })]
-      });
-    }
-  });
-});
-
-var rejectEmptyKeyValuePairs = ramda.reject(ramda.whereAny({
-  key: ramda.isEmpty,
-  value: ramda.isEmpty
-}));
-
-exports.ADDITIONAL_DATA_INITIAL_VALUE = ADDITIONAL_DATA_INITIAL_VALUE;
-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.FILTER_COLUMNS = FILTER_COLUMNS;
-exports.KeyValuePairs = KeyValuePairs;
-exports.SAMPLE_URL = SAMPLE_URL;
-exports.TEMPLATE_STATUS = TEMPLATE_STATUS;
-exports.VALID_URL_REGEX = VALID_URL_REGEX;
-exports.rejectEmptyKeyValuePairs = rejectEmptyKeyValuePairs;
-//# sourceMappingURL=utils-D7y24q1q.js.map

package/dist/utils-D7y24q1q.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-D7y24q1q.js","sources":["../app/javascript/src/components/Api/constants.js","../app/javascript/src/components/Api/ApiTemplates/constants.js","../app/javascript/src/components/commons/KeyValuePairs/utils.js","../app/javascript/src/components/commons/KeyValuePairs/index.jsx","../app/javascript/src/components/Api/utils.js"],"sourcesContent":["export const VALID_URL_REGEX =\n  /^(https?):\\/\\/([a-zA-Z0-9-]+\\.){1,}[a-zA-Z]{2,}\\/?[^\\s]*$/;\n\nexport const ADDITIONAL_DATA_INITIAL_VALUE = { key: \"\", value: \"\" };\n\nexport const API_TEMPLATE_TYPE = \"api_template\";\n","import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nimport {\n  ADDITIONAL_DATA_INITIAL_VALUE,\n  VALID_URL_REGEX,\n} from \"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  additionalData: [ADDITIONAL_DATA_INITIAL_VALUE],\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(t(\"neetoMessageTemplate.template.validation.namePresence\")),\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\nexport const TEMPLATE_STATUS = { ACTIVE: \"active\", INACTIVE: \"inactive\" };\n","import { isNotEmpty } from \"neetocist\";\nimport { whereAny } from \"ramda\";\n\nimport { ADDITIONAL_DATA_INITIAL_VALUE } from \"components/Api/constants\";\n\nexport const removeOption = ({ arrayHelpers, index, data }) => {\n  if (data.length === 1) {\n    arrayHelpers.remove(index);\n    arrayHelpers.push(ADDITIONAL_DATA_INITIAL_VALUE);\n\n    return;\n  }\n\n  arrayHelpers.remove(index);\n};\n\nexport const addOption = arrayHelpers =>\n  arrayHelpers.push(ADDITIONAL_DATA_INITIAL_VALUE);\n\nexport const isKeyOrValueNotEmpty = whereAny({\n  key: isNotEmpty,\n  value: isNotEmpty,\n});\n","import { FieldArray } from \"formik\";\nimport { withT } from \"neetocommons/react-utils\";\nimport { Delete } from \"neetoicons\";\nimport { Button, Label } from \"neetoui\";\nimport { Input } from \"neetoui/formik\";\n\nimport { addOption, isKeyOrValueNotEmpty, removeOption } from \"./utils\";\n\nconst KeyValuePairs = withT(({ t, name, label = \"\", labelProps = {} }) => (\n  <FieldArray {...{ name }}>\n    {arrayHelpers => {\n      const data = arrayHelpers.form.values[name];\n\n      const showDeleteButton = data.length > 1 || isKeyOrValueNotEmpty(data[0]);\n\n      return (\n        <div className=\"space-y-2\">\n          <Label {...labelProps}>{label}</Label>\n          {data.map((_, index) => (\n            <div className=\"flex h-8 space-x-3\" key={index}>\n              <Input\n                className=\"w-2/5\"\n                data-cy={`key-input-${index}`}\n                name={`${name}.${index}.key`}\n                placeholder={t(\"neetoMessageTemplate.api.key\")}\n              />\n              <Input\n                className=\"w-3/5\"\n                data-cy={`value-input-${index}`}\n                name={`${name}.${index}.value`}\n                placeholder={t(\"neetoMessageTemplate.api.value\")}\n                suffix={\n                  showDeleteButton && (\n                    <Button\n                      data-cy={`delete-key-value-pair-${index}`}\n                      icon={Delete}\n                      size=\"small\"\n                      style=\"text\"\n                      onClick={() =>\n                        removeOption({ arrayHelpers, index, data })\n                      }\n                    />\n                  )\n                }\n              />\n            </div>\n          ))}\n          <Button\n            className=\"w-full justify-center\"\n            data-cy=\"add-key-value-pair-button\"\n            label={t(\"neetoMessageTemplate.api.addKeyValuePair\")}\n            style=\"secondary\"\n            onClick={() => addOption(arrayHelpers)}\n          />\n        </div>\n      );\n    }}\n  </FieldArray>\n));\n\nexport default KeyValuePairs;\n","import { isEmpty, reject, whereAny } from \"ramda\";\n\nexport const rejectEmptyKeyValuePairs = reject(\n  whereAny({ key: isEmpty, value: isEmpty })\n);\n"],"names":["VALID_URL_REGEX","ADDITIONAL_DATA_INITIAL_VALUE","key","value","API_TEMPLATE_TYPE","dataIndex","title","t","render","status","width","FILTER_COLUMNS","node","label","type","values","API_TEMPLATE_INITIAL_VALUES","name","endpoint","additionalData","SAMPLE_URL","API_TEMPLATE_FORM_VALIDATION_SCHEMA","yup","object","string","trim","required","matches","array","of","TEMPLATE_STATUS","ACTIVE","INACTIVE","removeOption","_ref","arrayHelpers","index","data","length","remove","push","addOption","isKeyOrValueNotEmpty","whereAny","isNotEmpty","KeyValuePairs","withT","_ref$label","_ref$labelProps","labelProps","_jsx","FieldArray","children","form","showDeleteButton","_jsxs","className","Label","_objectSpread","map","_","Input","concat","placeholder","suffix","Button","icon","Delete","size","style","onClick","rejectEmptyKeyValuePairs","reject","isEmpty"],"mappings":"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"}