@bigbinary/neeto-webhooks-frontend 2.1.0 → 2.1.2

package/dist/NeetoWebhooks.js

@@ -1,7 +1,6 @@
 import React, { useState, useRef, useEffect, useCallback } from 'react';
-import { prop, pluck, assoc, mergeRight } from 'ramda';
 import { useRouteMatch, useHistory, useParams, Switch as Switch$1, Route } from 'react-router-dom';
-import { isNotPresent, isPresent, removeBy, isNotEmpty, removeById, findBy } from '@bigbinary/neeto-cist';
+import { isPresent, removeBy, isNotEmpty, removeById, findBy } from '@bigbinary/neeto-cist';
 import { DEFAULT_STALE_TIME, SINGULAR, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_INDEX, PLURAL } from '@bigbinary/neeto-commons-frontend/constants';
 import { useQueryParams, useMutationWithInvalidation, withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Container from '@bigbinary/neeto-molecules/Container';
@@ -16,6 +15,7 @@ import { QueryClient, QueryCache, QueryClientProvider, useQuery, useQueryClient,
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import axios from 'axios';
+import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
 import DateFormat from '@bigbinary/neeto-molecules/DateFormat';
 import Button from '@bigbinary/neetoui/Button';
 import Pane from '@bigbinary/neetoui/Pane';
@@ -24,6 +24,7 @@ import Tab from '@bigbinary/neetoui/Tab';
 import Tag from '@bigbinary/neetoui/Tag';
 import { t as t$1 } from 'i18next';
 import { buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
+import { prop, pluck, assoc } from 'ramda';
 import Alert from '@bigbinary/neetoui/Alert';
 import Plus from '@bigbinary/neeto-icons/Plus';
 import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
@@ -36,12 +37,6 @@ import Switch from '@bigbinary/neetoui/formik/Switch';
 import Textarea from '@bigbinary/neetoui/formik/Textarea';
 import * as yup from 'yup';
 
-var HELP_LINK_URLS = {
-  webhook: "https://neetocalhelp.neetokb.com/p/a-4bb6c2a2",
-  secrets: "https://neetocalhelp.neetokb.com/p/a-80de90bd",
-  deliveries: "https://help.neetocal.com/articles/managing-webhook-deliveries"
-};
-
 var getDeliveriesPath = function getDeliveriesPath(webhooksPath) {
   return "".concat(webhooksPath, "/:webhookId/deliveries");
 };
@@ -209,6 +204,12 @@ var useRedeliverWebhook = function useRedeliverWebhook(deliveryId, webhookSid) {
   });
 };
 
+var HELP_LINK_URLS = {
+  webhook: "https://help.".concat(globalProps.appName, ".com/articles/creating-a-webhook"),
+  secrets: "https://help.".concat(globalProps.appName, ".com/articles/securing-webhook-requests"),
+  deliveries: "https://help.".concat(globalProps.appName, ".com/articles/managing-webhook-deliveries")
+};
+
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
@@ -771,7 +772,7 @@ var Details = function Details(_ref) {
     isRedelivering = _useRedeliverWebhook.isPending,
     redeliverWebhook = _useRedeliverWebhook.mutateAsync;
   var _useShowDelivery = useShowDelivery(deliveryId, webhookSid),
-    isLoading = _useShowDelivery.isLoading,
+    isLoading = _useShowDelivery.isPending,
     _useShowDelivery$data = _useShowDelivery.data,
     _useShowDelivery$data2 = _useShowDelivery$data === void 0 ? {} : _useShowDelivery$data,
     delivery = _useShowDelivery$data2.delivery;
@@ -792,9 +793,6 @@ var Details = function Details(_ref) {
       return _ref2.apply(this, arguments);
     };
   }();
-  if (isNotPresent(delivery)) {
-    return null;
-  }
   return /*#__PURE__*/jsx(Pane, {
     onClose: onClose,
     isOpen: isPresent(deliveryId),
@@ -916,8 +914,7 @@ var buildColumns$1 = function buildColumns(_ref) {
 
 var Deliveries = function Deliveries(_ref) {
   var webhooksUrl = _ref.webhooksUrl,
-    hostBreadcrumbs = _ref.breadcrumbs,
-    helpLink = _ref.helpLink;
+    hostBreadcrumbs = _ref.breadcrumbs;
   var _useRouteMatch = useRouteMatch(),
     deliveriesUrl = _useRouteMatch.url;
   var history = useHistory();
@@ -962,7 +959,7 @@ var Deliveries = function Deliveries(_ref) {
         children: [t("neetoWebhooks.delivery.title"), /*#__PURE__*/jsx(HelpPopover, {
           description: t("neetoWebhooks.delivery.helpDescription"),
           helpLinkProps: {
-            href: helpLink
+            href: HELP_LINK_URLS.deliveries
           },
           title: t("neetoWebhooks.delivery.title")
         })]
@@ -1282,9 +1279,7 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
     isOpen = _ref.isOpen,
     onClose = _ref.onClose,
     onCreate = _ref.onCreate,
-    webhooks = _ref.webhooks,
-    webhookHelpLink = _ref.webhookHelpLink,
-    secretsHelpLink = _ref.secretsHelpLink;
+    webhooks = _ref.webhooks;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useState = useState(false),
@@ -1364,7 +1359,7 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
       }), /*#__PURE__*/jsx(HelpPopover, {
         description: t("neetoWebhooks.webhook.helpDescription"),
         helpLinkProps: {
-          href: webhookHelpLink
+          href: HELP_LINK_URLS.webhook
         },
         title: t("neetoWebhooks.webhook.title")
       })]
@@ -1412,7 +1407,7 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
                     className: "flex items-center gap-x-2",
                     children: [t("neetoWebhooks.webhook.secret"), /*#__PURE__*/jsx(HelpPopover, {
                       helpLinkProps: {
-                        href: secretsHelpLink
+                        href: HELP_LINK_URLS.secrets
                       },
                       description: t("neetoWebhooks.webhook.secretkeyHelpDescription"),
                       title: t("neetoWebhooks.webhook.secretkeyHelpTitle")
@@ -1470,8 +1465,7 @@ var Header = withT(function (_ref) {
     breadcrumbs = _ref.breadcrumbs,
     title = _ref.title,
     setIsAddWebhookPaneOpen = _ref.setIsAddWebhookPaneOpen,
-    headerSize = _ref.headerSize,
-    webhookHelpLink = _ref.webhookHelpLink;
+    headerSize = _ref.headerSize;
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Header$2, {
       breadcrumbs: breadcrumbs,
@@ -1488,7 +1482,7 @@ var Header = withT(function (_ref) {
         children: [t("neetoWebhooks.webhook.title"), /*#__PURE__*/jsx(HelpPopover, {
           description: t("neetoWebhooks.webhook.helpDescription"),
           helpLinkProps: {
-            href: webhookHelpLink
+            href: HELP_LINK_URLS.webhook
           },
           title: t("neetoWebhooks.webhook.title")
         })]
@@ -1514,9 +1508,7 @@ var Webhooks = function Webhooks(_ref) {
     onDelete = _ref.onDelete,
     headerSize = _ref.headerSize,
     _ref$containerClassNa = _ref.containerClassName,
-    containerClassName = _ref$containerClassNa === void 0 ? "" : _ref$containerClassNa,
-    webhookHelpLink = _ref.webhookHelpLink,
-    secretsHelpLink = _ref.secretsHelpLink;
+    containerClassName = _ref$containerClassNa === void 0 ? "" : _ref$containerClassNa;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     editingWebhookId = _useState2[0],
@@ -1580,8 +1572,7 @@ var Webhooks = function Webhooks(_ref) {
       breadcrumbs: breadcrumbs,
       headerSize: headerSize,
       setIsAddWebhookPaneOpen: setIsAddWebhookPaneOpen,
-      title: title,
-      webhookHelpLink: webhookHelpLink
+      title: title
     }), isNotEmpty(webhooks) ? /*#__PURE__*/jsx(TableWrapper, {
       hasPagination: totalCount > DEFAULT_PAGE_SIZE,
       children: /*#__PURE__*/jsx(Table, {
@@ -1620,8 +1611,6 @@ var Webhooks = function Webhooks(_ref) {
       entityId: entityId,
       entityType: entityType,
       onCreate: onCreate,
-      secretsHelpLink: secretsHelpLink,
-      webhookHelpLink: webhookHelpLink,
       webhooks: webhooks,
       isOpen: isAddWebhookPaneOpen,
       onClose: handlePaneClose
@@ -1662,15 +1651,12 @@ var NeetoWebhooks = function NeetoWebhooks(_ref) {
     onCreate = _ref.onCreate,
     onDelete = _ref.onDelete,
     headerSize = _ref.headerSize,
-    _ref$helpLinkUrls = _ref.helpLinkUrls,
-    helpLinkUrls = _ref$helpLinkUrls === void 0 ? {} : _ref$helpLinkUrls,
     containerClassName = _ref.containerClassName;
   var _useRouteMatch = useRouteMatch(),
     webhooksPath = _useRouteMatch.path,
     webhooksUrl = _useRouteMatch.url;
   var deliveriesPath = getDeliveriesPath(webhooksUrl);
   var deliveryDetailsPath = getDeliveryDetailsPath(deliveriesPath);
-  var helpLinks = mergeRight(HELP_LINK_URLS, helpLinkUrls);
   return /*#__PURE__*/jsxs(Switch$1, {
     children: [/*#__PURE__*/jsx(Route, {
       exact: true,
@@ -1685,9 +1671,7 @@ var NeetoWebhooks = function NeetoWebhooks(_ref) {
           headerSize: headerSize,
           onCreate: onCreate,
           onDelete: onDelete,
-          title: title,
-          secretsHelpLink: helpLinks.secrets,
-          webhookHelpLink: helpLinks.webhook
+          title: title
         });
       }
     }), /*#__PURE__*/jsx(Route, {
@@ -1696,17 +1680,15 @@ var NeetoWebhooks = function NeetoWebhooks(_ref) {
       render: function render() {
         return /*#__PURE__*/jsx(Deliveries$1, {
           breadcrumbs: breadcrumbs,
-          webhooksUrl: webhooksUrl,
-          helpLink: helpLinks.deliveries
+          webhooksUrl: webhooksUrl
         });
       }
     }), /*#__PURE__*/jsx(Route, {
       path: deliveriesPath,
-      component: function component() {
+      render: function render() {
         return /*#__PURE__*/jsx(Deliveries$1, {
           breadcrumbs: breadcrumbs,
-          webhooksUrl: webhooksUrl,
-          helpLink: helpLinks.deliveries
+          webhooksUrl: webhooksUrl
         });
       }
     })]