@bigbinary/neeto-webhooks-frontend 1.4.1 → 1.5.0

package/dist/index.js

@@ -3,7 +3,7 @@ import { Link, useParams, useRouteMatch, Switch, Route } from 'react-router-dom'
 import classNames from 'classnames';
 import { dateFormat, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
 import { HamburgerMenu, Search, Right, Close, Check, Info, MenuHorizontal } from '@bigbinary/neeto-icons';
-import { Button, Typography, Input, Spinner, Tab, Accordion, Tag, NoData, Pane, Popover, Dropdown, Alert } from '@bigbinary/neetoui';
+import { Button, Typography, Input, Spinner, Tab, Accordion, Tag, NoData, Pane, Dropdown, Alert } from '@bigbinary/neetoui';
 import { isEmpty, pluck, mergeDeepLeft } from 'ramda';
 import { Neeto } from '@bigbinary/neeto-icons/logos';
 import { QueryClient, QueryCache, QueryClientProvider, useQuery, useQueryClient, useMutation } from 'react-query';
@@ -4885,6 +4885,51 @@ var useDestroyWebhook = function useDestroyWebhook(options) {
   });
 };
 
+function cov_1owqdys1co() {
+  var path = "/home/runner/work/neeto-webhooks-frontend/neeto-webhooks-frontend/src/constants/urls.js";
+  var hash = "646ee44063db873cac5666e02d3c8fcd3c62f653";
+  var global = new Function("return this")();
+  var gcv = "__coverage__";
+  var coverageData = {
+    path: "/home/runner/work/neeto-webhooks-frontend/neeto-webhooks-frontend/src/constants/urls.js",
+    statementMap: {
+      "0": {
+        start: {
+          line: 1,
+          column: 32
+        },
+        end: {
+          line: 1,
+          column: 76
+        }
+      }
+    },
+    fnMap: {},
+    branchMap: {},
+    s: {
+      "0": 0
+    },
+    f: {},
+    b: {},
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "646ee44063db873cac5666e02d3c8fcd3c62f653"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_1owqdys1co = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_1owqdys1co();
+var WEBHOOK_HELP_URL = (cov_1owqdys1co().s[0]++, "https://help.neetocal.com/articles/webhook");
+
 function _assertThisInitialized(self) {
   if (self === void 0) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -7611,7 +7656,7 @@ instance.loadLanguages;
 
 function cov_cbigk78w1() {
   var path = "/home/runner/work/neeto-webhooks-frontend/neeto-webhooks-frontend/src/components/Webhooks/constants.js";
-  var hash = "5e4276d6a404bb56563149e2be272e5b35e6f9dd";
+  var hash = "406540f361b63e66d2909c4920304cefd0c66a31";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -7646,16 +7691,6 @@ function cov_cbigk78w1() {
           line: 20,
           column: 11
         }
-      },
-      "3": {
-        start: {
-          line: 26,
-          column: 2
-        },
-        end: {
-          line: 26,
-          column: 90
-        }
       }
     },
     fnMap: {
@@ -7712,8 +7747,7 @@ function cov_cbigk78w1() {
     s: {
       "0": 0,
       "1": 0,
-      "2": 0,
-      "3": 0
+      "2": 0
     },
     f: {
       "0": 0,
@@ -7721,7 +7755,7 @@ function cov_cbigk78w1() {
     },
     b: {},
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "5e4276d6a404bb56563149e2be272e5b35e6f9dd"
+    hash: "406540f361b63e66d2909c4920304cefd0c66a31"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -7750,11 +7784,10 @@ var VALIDATION_SCHEMA = function VALIDATION_SCHEMA(webhooks) {
     secret: yup.string().trim()
   });
 };
-var WEBHOOK_SECRET_KEY_HELP_URL = (cov_cbigk78w1().s[3]++, "https://neetocalhelp.neetokb.com/articles/webhooks#securing-webhook-using-a-secret-key");
 
 function cov_t5m44crof() {
   var path = "/home/runner/work/neeto-webhooks-frontend/neeto-webhooks-frontend/src/components/Webhooks/AddWebhookPane.jsx";
-  var hash = "bacc9edfe706e4d17d844691ab12b3f2f6caa956";
+  var hash = "2c9d4342641749ebdaaced093d065c7374a61586";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -7762,95 +7795,85 @@ function cov_t5m44crof() {
     statementMap: {
       "0": {
         start: {
-          line: 16,
+          line: 17,
           column: 23
         },
         end: {
-          line: 135,
+          line: 114,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 24,
+          line: 25,
           column: 16
         },
         end: {
-          line: 24,
+          line: 25,
           column: 32
         }
       },
       "2": {
         start: {
-          line: 25,
+          line: 26,
           column: 36
         },
         end: {
-          line: 27,
+          line: 28,
           column: 4
         }
       },
       "3": {
         start: {
-          line: 26,
+          line: 27,
           column: 21
         },
         end: {
-          line: 26,
+          line: 27,
           column: 30
         }
       },
       "4": {
         start: {
-          line: 28,
+          line: 29,
           column: 42
         },
         end: {
-          line: 28,
+          line: 29,
           column: 74
         }
       },
       "5": {
         start: {
-          line: 29,
+          line: 30,
           column: 36
         },
         end: {
-          line: 31,
+          line: 32,
           column: 4
         }
       },
       "6": {
         start: {
-          line: 30,
+          line: 31,
           column: 21
         },
         end: {
-          line: 30,
+          line: 31,
           column: 30
         }
       },
       "7": {
         start: {
-          line: 32,
+          line: 33,
           column: 22
         },
         end: {
-          line: 32,
+          line: 33,
           column: 30
         }
       },
       "8": {
-        start: {
-          line: 33,
-          column: 21
-        },
-        end: {
-          line: 33,
-          column: 29
-        }
-      },
-      "9": {
         start: {
           line: 35,
           column: 24
@@ -7860,7 +7883,7 @@ function cov_t5m44crof() {
           column: 34
         }
       },
-      "10": {
+      "9": {
         start: {
           line: 39,
           column: 23
@@ -7870,7 +7893,7 @@ function cov_t5m44crof() {
           column: 3
         }
       },
-      "11": {
+      "10": {
         start: {
           line: 40,
           column: 4
@@ -7880,33 +7903,33 @@ function cov_t5m44crof() {
           column: 11
         }
       },
-      "12": {
+      "11": {
         start: {
           line: 49,
           column: 2
         },
         end: {
-          line: 134,
+          line: 113,
           column: 4
         }
       },
-      "13": {
+      "12": {
         start: {
-          line: 61,
+          line: 71,
           column: 30
         },
         end: {
-          line: 61,
+          line: 71,
           column: 76
         }
       },
-      "14": {
+      "13": {
         start: {
-          line: 65,
+          line: 75,
           column: 10
         },
         end: {
-          line: 130,
+          line: 109,
           column: 13
         }
       }
@@ -7916,73 +7939,73 @@ function cov_t5m44crof() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 16,
+            line: 17,
             column: 23
           },
           end: {
-            line: 16,
+            line: 17,
             column: 24
           }
         },
         loc: {
           start: {
-            line: 23,
+            line: 24,
             column: 6
           },
           end: {
-            line: 135,
+            line: 114,
             column: 1
           }
         },
-        line: 23
+        line: 24
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 26,
+            line: 27,
             column: 15
           },
           end: {
-            line: 26,
+            line: 27,
             column: 16
           }
         },
         loc: {
           start: {
-            line: 26,
+            line: 27,
             column: 21
           },
           end: {
-            line: 26,
+            line: 27,
             column: 30
           }
         },
-        line: 26
+        line: 27
       },
       "2": {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 30,
+            line: 31,
             column: 15
           },
           end: {
-            line: 30,
+            line: 31,
             column: 16
           }
         },
         loc: {
           start: {
-            line: 30,
+            line: 31,
             column: 21
           },
           end: {
-            line: 30,
+            line: 31,
             column: 30
           }
         },
-        line: 30
+        line: 31
       },
       "3": {
         name: "(anonymous_3)",
@@ -8012,99 +8035,99 @@ function cov_t5m44crof() {
         name: "(anonymous_4)",
         decl: {
           start: {
-            line: 61,
+            line: 71,
             column: 20
           },
           end: {
-            line: 61,
+            line: 71,
             column: 21
           }
         },
         loc: {
           start: {
-            line: 61,
+            line: 71,
             column: 30
           },
           end: {
-            line: 61,
+            line: 71,
             column: 76
           }
         },
-        line: 61
+        line: 71
       },
       "5": {
         name: "(anonymous_5)",
         decl: {
           start: {
-            line: 64,
+            line: 74,
             column: 9
           },
           end: {
-            line: 64,
+            line: 74,
             column: 10
           }
         },
         loc: {
           start: {
-            line: 65,
+            line: 75,
             column: 10
           },
           end: {
-            line: 130,
+            line: 109,
             column: 13
           }
         },
-        line: 65
+        line: 75
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 28,
+            line: 29,
             column: 16
           },
           end: {
-            line: 28,
+            line: 29,
             column: 37
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 28,
+            line: 29,
             column: 35
           },
           end: {
-            line: 28,
+            line: 29,
             column: 37
           }
         }],
-        line: 28
+        line: 29
       },
       "1": {
         loc: {
           start: {
-            line: 28,
+            line: 29,
             column: 18
           },
           end: {
-            line: 28,
+            line: 29,
             column: 30
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 28,
+            line: 29,
             column: 28
           },
           end: {
-            line: 28,
+            line: 29,
             column: 30
           }
         }],
-        line: 28
+        line: 29
       },
       "2": {
         loc: {
@@ -8175,35 +8198,35 @@ function cov_t5m44crof() {
       "4": {
         loc: {
           start: {
-            line: 53,
+            line: 57,
             column: 11
           },
           end: {
-            line: 53,
+            line: 57,
             column: 66
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 53,
+            line: 57,
             column: 30
           },
           end: {
-            line: 53,
+            line: 57,
             column: 47
           }
         }, {
           start: {
-            line: 53,
+            line: 57,
             column: 50
           },
           end: {
-            line: 53,
+            line: 57,
             column: 66
           }
         }],
-        line: 53
+        line: 57
       }
     },
     s: {
@@ -8220,8 +8243,7 @@ function cov_t5m44crof() {
       "10": 0,
       "11": 0,
       "12": 0,
-      "13": 0,
-      "14": 0
+      "13": 0
     },
     f: {
       "0": 0,
@@ -8239,7 +8261,7 @@ function cov_t5m44crof() {
       "4": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "bacc9edfe706e4d17d844691ab12b3f2f6caa956"
+    hash: "2c9d4342641749ebdaaced093d065c7374a61586"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -8290,15 +8312,14 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
     })),
     updateWebhook = _ref5.mutate;
   var endpointRef = (cov_t5m44crof().s[7]++, useRef());
-  var popoverRef = (cov_t5m44crof().s[8]++, useRef());
-  var initialValues = (cov_t5m44crof().s[9]++, editingWebhookId ? (cov_t5m44crof().b[2][0]++, webhook) : (cov_t5m44crof().b[2][1]++, {
+  var initialValues = (cov_t5m44crof().s[8]++, editingWebhookId ? (cov_t5m44crof().b[2][0]++, webhook) : (cov_t5m44crof().b[2][1]++, {
     endpoint: "",
     secret: ""
   }));
-  cov_t5m44crof().s[10]++;
+  cov_t5m44crof().s[9]++;
   var handleSubmit = function handleSubmit(values) {
     cov_t5m44crof().f[3]++;
-    cov_t5m44crof().s[11]++;
+    cov_t5m44crof().s[10]++;
     editingWebhookId ? (cov_t5m44crof().b[3][0]++, updateWebhook({
       id: editingWebhookId,
       payload: values
@@ -8307,22 +8328,32 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
       entityType: entityType
     })));
   };
-  cov_t5m44crof().s[12]++;
+  cov_t5m44crof().s[11]++;
   return /*#__PURE__*/React.createElement(Pane, {
     initialFocusRef: endpointRef,
     isOpen: isOpen,
     onClose: onClose
-  }, /*#__PURE__*/React.createElement(Pane.Header, null, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React.createElement(Pane.Header, {
+    className: "flex items-center space-x-3"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    "data-cy": "add-new-webhook-pane-header",
     style: "h2",
     weight: "semibold"
-  }, editingWebhookId ? (cov_t5m44crof().b[4][0]++, t("webhook.edit")) : (cov_t5m44crof().b[4][1]++, t("webhook.add")))), /*#__PURE__*/React.createElement(Form, {
+  }, editingWebhookId ? (cov_t5m44crof().b[4][0]++, t("webhook.edit")) : (cov_t5m44crof().b[4][1]++, t("webhook.add"))), /*#__PURE__*/React.createElement("a", {
+    href: WEBHOOK_HELP_URL,
+    rel: "noreferrer",
+    target: "_blank"
+  }, /*#__PURE__*/React.createElement(Info, {
+    className: "neeto-ui-text-primary-800 mt-0.5 cursor-pointer",
+    size: 20
+  }))), /*#__PURE__*/React.createElement(Form, {
     formikProps: {
       enableReinitialize: true,
       validationSchema: VALIDATION_SCHEMA(webhooks),
       initialValues: initialValues,
       onSubmit: function onSubmit(values) {
         cov_t5m44crof().f[4]++;
-        cov_t5m44crof().s[13]++;
+        cov_t5m44crof().s[12]++;
         return handleSubmit(VALIDATION_SCHEMA().cast(values));
       }
     }
@@ -8330,40 +8361,21 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
     var dirty = _ref6.dirty,
       isSubmitting = _ref6.isSubmitting;
     cov_t5m44crof().f[5]++;
-    cov_t5m44crof().s[14]++;
+    cov_t5m44crof().s[13]++;
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pane.Body, null, /*#__PURE__*/React.createElement("div", {
       className: "w-full space-y-4"
     }, /*#__PURE__*/React.createElement(Input$1, {
       required: true,
+      "data-cy": "endpoint-input-field",
       label: t("webhook.endpoint"),
       name: "endpoint",
       placeholder: t("webhook.endpointPlaceholder"),
       ref: endpointRef
     }), /*#__PURE__*/React.createElement(Input$1, {
+      "data-cy": "secret-key-input-field",
+      label: t("webhook.secret"),
       name: "secret",
-      placeholder: t("webhook.secretPlaceholder"),
-      label: /*#__PURE__*/React.createElement(React.Fragment, null, t("webhook.secret"), /*#__PURE__*/React.createElement("span", {
-        ref: popoverRef
-      }, /*#__PURE__*/React.createElement(Info, {
-        className: "mx-1",
-        size: 18
-      })), /*#__PURE__*/React.createElement(Popover, {
-        position: "right",
-        reference: popoverRef,
-        content: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Popover.Title, null, t("webhook.secretHelpPopover.title")), /*#__PURE__*/React.createElement(Typography, {
-          lineHeight: "normal",
-          style: "body2"
-        }, t("webhook.secretHelpPopover.description")), /*#__PURE__*/React.createElement("a", {
-          href: WEBHOOK_SECRET_KEY_HELP_URL,
-          rel: "noreferrer",
-          target: "_blank"
-        }, /*#__PURE__*/React.createElement(Button, {
-          className: "neeto-ui-mt-3",
-          label: t("webhook.secretHelpPopover.linkText"),
-          size: "small",
-          style: "link"
-        })))
-      }))
+      placeholder: t("webhook.secretPlaceholder")
     }))), /*#__PURE__*/React.createElement(Pane.Footer, {
       className: "flex gap-2"
     }, /*#__PURE__*/React.createElement(ActionBlock, {
@@ -8670,7 +8682,7 @@ var WebhookItem = function WebhookItem(_ref2) {
 
 function cov_une6dfv6o() {
   var path = "/home/runner/work/neeto-webhooks-frontend/neeto-webhooks-frontend/src/components/Webhooks/index.jsx";
-  var hash = "59cf5b5996d14e69da4aebdd9ad15854a562c8b8";
+  var hash = "5b41c778caf20030622d832ae2adaa3f5f3cb845";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -8682,7 +8694,7 @@ function cov_une6dfv6o() {
           column: 17
         },
         end: {
-          line: 125,
+          line: 127,
           column: 1
         }
       },
@@ -8902,47 +8914,47 @@ function cov_une6dfv6o() {
           column: 2
         },
         end: {
-          line: 124,
+          line: 126,
           column: 4
         }
       },
       "23": {
         start: {
-          line: 75,
+          line: 76,
           column: 29
         },
         end: {
-          line: 75,
+          line: 76,
           column: 58
         }
       },
       "24": {
         start: {
-          line: 89,
+          line: 91,
           column: 10
         },
         end: {
-          line: 95,
+          line: 97,
           column: 12
         }
       },
       "25": {
         start: {
-          line: 120,
+          line: 122,
           column: 23
         },
         end: {
-          line: 120,
+          line: 122,
           column: 50
         }
       },
       "26": {
         start: {
-          line: 121,
+          line: 123,
           column: 24
         },
         end: {
-          line: 121,
+          line: 123,
           column: 57
         }
       }
@@ -8966,7 +8978,7 @@ function cov_une6dfv6o() {
             column: 76
           },
           end: {
-            line: 125,
+            line: 127,
             column: 1
           }
         },
@@ -9072,97 +9084,97 @@ function cov_une6dfv6o() {
         name: "(anonymous_5)",
         decl: {
           start: {
-            line: 75,
+            line: 76,
             column: 23
           },
           end: {
-            line: 75,
+            line: 76,
             column: 24
           }
         },
         loc: {
           start: {
-            line: 75,
+            line: 76,
             column: 29
           },
           end: {
-            line: 75,
+            line: 76,
             column: 58
           }
         },
-        line: 75
+        line: 76
       },
       "6": {
         name: "(anonymous_6)",
         decl: {
           start: {
-            line: 88,
+            line: 90,
             column: 22
           },
           end: {
-            line: 88,
+            line: 90,
             column: 23
           }
         },
         loc: {
           start: {
-            line: 89,
+            line: 91,
             column: 10
           },
           end: {
-            line: 95,
+            line: 97,
             column: 12
           }
         },
-        line: 89
+        line: 91
       },
       "7": {
         name: "(anonymous_7)",
         decl: {
           start: {
-            line: 120,
+            line: 122,
             column: 17
           },
           end: {
-            line: 120,
+            line: 122,
             column: 18
           }
         },
         loc: {
           start: {
-            line: 120,
+            line: 122,
             column: 23
           },
           end: {
-            line: 120,
+            line: 122,
             column: 50
           }
         },
-        line: 120
+        line: 122
       },
       "8": {
         name: "(anonymous_8)",
         decl: {
           start: {
-            line: 121,
+            line: 123,
             column: 18
           },
           end: {
-            line: 121,
+            line: 123,
             column: 19
           }
         },
         loc: {
           start: {
-            line: 121,
+            line: 123,
             column: 24
           },
           end: {
-            line: 121,
+            line: 123,
             column: 57
           }
         },
-        line: 121
+        line: 123
       }
     },
     branchMap: {
@@ -9316,35 +9328,35 @@ function cov_une6dfv6o() {
       "5": {
         loc: {
           start: {
-            line: 97,
+            line: 99,
             column: 9
           },
           end: {
-            line: 101,
+            line: 103,
             column: 9
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 97,
+            line: 99,
             column: 9
           },
           end: {
-            line: 97,
+            line: 99,
             column: 26
           }
         }, {
           start: {
-            line: 98,
+            line: 100,
             column: 10
           },
           end: {
-            line: 100,
+            line: 102,
             column: 16
           }
         }],
-        line: 97
+        line: 99
       }
     },
     s: {
@@ -9396,7 +9408,7 @@ function cov_une6dfv6o() {
       "5": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "59cf5b5996d14e69da4aebdd9ad15854a562c8b8"
+    hash: "5b41c778caf20030622d832ae2adaa3f5f3cb845"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -9492,7 +9504,7 @@ var Webhooks = function Webhooks(_ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: "w-full px-6"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "sticky top-0 z-50 w-full bg-white pb-6"
+    className: "sticky top-0 z-50 w-full bg-white"
   }, /*#__PURE__*/React.createElement(Header, _extends({
     title: t("webhook.title")
   }, (cov_une6dfv6o().b[4][0]++, shouldShowBreadcrumbs) && (cov_une6dfv6o().b[4][1]++, {
@@ -9505,6 +9517,7 @@ var Webhooks = function Webhooks(_ref) {
     }]
   }), {
     actionBlock: /*#__PURE__*/React.createElement(Button, {
+      "data-cy": "add-new-webhook-button",
       label: t("webhook.add"),
       onClick: function onClick() {
         cov_une6dfv6o().f[5]++;
@@ -9514,6 +9527,7 @@ var Webhooks = function Webhooks(_ref) {
     })
   })), /*#__PURE__*/React.createElement(Typography, {
     className: "neeto-ui-text-gray-700",
+    "data-cy": "webhook-description-header",
     style: "h5",
     weight: "normal"
   }, t("webhook.description"))), /*#__PURE__*/React.createElement("div", {