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

package/dist/utils-b93467c8.js

@@ -0,0 +1,151 @@
+import { t } from 'i18next';
+import * as yup from 'yup';
+import { FieldArray } from 'formik';
+import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
+import Delete from '@bigbinary/neeto-icons/Delete';
+import Button from '@bigbinary/neetoui/Button';
+import Label from '@bigbinary/neetoui/Label';
+import Input from '@bigbinary/neetoui/formik/Input';
+import { isNotEmpty } from '@bigbinary/neeto-cist';
+import { whereAny, reject, isEmpty } from 'ramda';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+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: t("neetoMessageTemplate.template.name")
+}, {
+  dataIndex: "status",
+  key: "status",
+  title: t("neetoMessageTemplate.template.active"),
+  render: function render(status) {
+    return status === "active" ? t("neetoMessageTemplate.yes") : t("neetoMessageTemplate.no");
+  },
+  width: "20%"
+}];
+var FILTER_COLUMNS = [{
+  key: "name",
+  node: "name",
+  label: t("neetoMessageTemplate.template.name"),
+  type: "text"
+}, {
+  key: "status",
+  node: "status",
+  label: t("neetoMessageTemplate.template.active"),
+  type: "single_option",
+  values: [{
+    label: t("neetoMessageTemplate.yes"),
+    value: "active"
+  }, {
+    label: 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.object({
+  name: yup.string().trim().required(t("neetoMessageTemplate.template.validation.namePresence")),
+  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 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 = whereAny({
+  key: isNotEmpty,
+  value: isNotEmpty
+});
+
+var KeyValuePairs = withT(function (_ref) {
+  var t = _ref.t,
+    name = _ref.name,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label;
+  return /*#__PURE__*/jsx(FieldArray, {
+    name: name,
+    children: function children(arrayHelpers) {
+      var data = arrayHelpers.form.values[name];
+      var showDeleteButton = data.length > 1 || isKeyOrValueNotEmpty(data[0]);
+      return /*#__PURE__*/jsxs("div", {
+        className: "space-y-2",
+        children: [/*#__PURE__*/jsx(Label, {
+          children: label
+        }), data.map(function (_, index) {
+          return /*#__PURE__*/jsxs("div", {
+            className: "flex h-8 space-x-3",
+            children: [/*#__PURE__*/jsx(Input, {
+              className: "w-2/5",
+              "data-cy": "key-input-".concat(index),
+              name: "".concat(name, ".").concat(index, ".key"),
+              placeholder: t("neetoMessageTemplate.api.key")
+            }), /*#__PURE__*/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__*/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__*/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 = reject(whereAny({
+  key: isEmpty,
+  value: isEmpty
+}));
+
+export { API_TEMPLATE_INITIAL_VALUES as A, FILTER_COLUMNS as F, KeyValuePairs as K, SAMPLE_URL as S, TEMPLATE_STATUS as T, VALID_URL_REGEX as V, ADDITIONAL_DATA_INITIAL_VALUE as a, API_TEMPLATE_TYPE as b, API_TEMPLATE_FORM_VALIDATION_SCHEMA as c, rejectEmptyKeyValuePairs as r };
+//# sourceMappingURL=utils-b93467c8.js.map

package/dist/utils-b93467c8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-b93467c8.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 = \"\" }) => (\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>{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","_jsx","FieldArray","children","form","showDeleteButton","_jsxs","className","Label","map","_","Input","concat","placeholder","suffix","Button","icon","Delete","size","style","onClick","rejectEmptyKeyValuePairs","reject","isEmpty"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-message-templates-frontend",
-  "version": "1.0.2",
+  "version": "1.2.0",
   "description": "To manage message templates across neeto products.",
   "license": "UNLICENSED",
   "homepage": "https://github.com/bigbinary/neeto-message-templates-nano",
@@ -39,6 +39,18 @@
       "bundle exec rubocop -a --force-exclusion"
     ]
   },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/cjs/index.js",
+      "types": "./types.d.ts"
+    },
+    "./*": {
+      "import": "./dist/*.js",
+      "require": "./dist/cjs/*.js",
+      "types": "./types.d.ts"
+    }
+  },
   "devDependencies": {
     "@babel/core": "7.23.2",
     "@babel/eslint-parser": "7.22.15",
@@ -50,14 +62,14 @@
     "@bigbinary/babel-preset-neeto": "1.0.6",
     "@bigbinary/eslint-plugin-neeto": "1.5.2",
     "@bigbinary/neeto-audit-frontend": "2.0.12",
-    "@bigbinary/neeto-cist": "1.0.10",
-    "@bigbinary/neeto-commons-frontend": "4.1.0",
+    "@bigbinary/neeto-cist": "1.0.11",
+    "@bigbinary/neeto-commons-frontend": "4.3.7",
     "@bigbinary/neeto-editor": "^1.28.26",
-    "@bigbinary/neeto-filters-frontend": "4.0.0",
-    "@bigbinary/neeto-icons": "1.19.1",
-    "@bigbinary/neeto-molecules": "3.2.1",
+    "@bigbinary/neeto-filters-frontend": "4.2.0",
+    "@bigbinary/neeto-icons": "1.20.0",
+    "@bigbinary/neeto-molecules": "3.3.11",
     "@bigbinary/neeto-team-members-frontend": "2.9.2",
-    "@bigbinary/neetoui": "7.0.2",
+    "@bigbinary/neetoui": "8.2.2",
     "@emotion/is-prop-valid": "1.2.0",
     "@faker-js/faker": "8.2.0",
     "@honeybadger-io/js": "6.5.3",
@@ -156,12 +168,12 @@
   },
   "peerDependencies": {
     "@bigbinary/neeto-cist": "latest",
-    "@bigbinary/neeto-commons-frontend": "4.1.0",
+    "@bigbinary/neeto-commons-frontend": "4.3.7",
     "@bigbinary/neeto-editor": "^1.26.3",
-    "@bigbinary/neeto-filters-frontend": "4.0.0",
-    "@bigbinary/neeto-icons": "1.19.1",
-    "@bigbinary/neeto-molecules": "3.2.1",
-    "@bigbinary/neetoui": "7.0.2",
+    "@bigbinary/neeto-filters-frontend": "4.2.0",
+    "@bigbinary/neeto-icons": "1.20.0",
+    "@bigbinary/neeto-molecules": "3.3.11",
+    "@bigbinary/neetoui": "8.2.2",
     "@honeybadger-io/js": "^6.5.3",
     "@honeybadger-io/react": "^6.1.9",
     "@tanstack/react-query": "5.40.0",