@bigbinary/neeto-webhooks-frontend 2.1.1 → 2.1.3

package/dist/NeetoWebhooks.js

@@ -1,5 +1,4 @@
 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 { 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';
@@ -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);
@@ -913,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();
@@ -959,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")
         })]
@@ -1279,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),
@@ -1361,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")
       })]
@@ -1409,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")
@@ -1467,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,
@@ -1485,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")
         })]
@@ -1511,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],
@@ -1577,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, {
@@ -1599,7 +1593,7 @@ var Webhooks = function Webhooks(_ref) {
       children: /*#__PURE__*/jsx(NoData, {
         title: t("neetoWebhooks.webhook.empty"),
         helpText: /*#__PURE__*/jsx(Button, {
-          href: webhookHelpLink,
+          href: HELP_LINK_URLS.webhook,
           label: t("neetoWebhooks.webhook.emptyHelpText"),
           rel: "noreferrer",
           style: "link",
@@ -1617,8 +1611,6 @@ var Webhooks = function Webhooks(_ref) {
       entityId: entityId,
       entityType: entityType,
       onCreate: onCreate,
-      secretsHelpLink: secretsHelpLink,
-      webhookHelpLink: webhookHelpLink,
       webhooks: webhooks,
       isOpen: isAddWebhookPaneOpen,
       onClose: handlePaneClose
@@ -1659,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,
@@ -1682,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, {
@@ -1693,8 +1680,7 @@ 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, {
@@ -1702,8 +1688,7 @@ var NeetoWebhooks = function NeetoWebhooks(_ref) {
       render: function render() {
         return /*#__PURE__*/jsx(Deliveries$1, {
           breadcrumbs: breadcrumbs,
-          webhooksUrl: webhooksUrl,
-          helpLink: helpLinks.deliveries
+          webhooksUrl: webhooksUrl
         });
       }
     })]