@bigbinary/neeto-webhooks-frontend 2.1.0 → 2.1.2

package/dist/cjs/NeetoWebhooks.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var React = require('react');
-var ramda = require('ramda');
 var reactRouterDom = require('react-router-dom');
 var neetoCist = require('@bigbinary/neeto-cist');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
@@ -18,6 +17,7 @@ var reactQuery = require('@tanstack/react-query');
 var reactQueryDevtools = require('@tanstack/react-query-devtools');
 var jsxRuntime = require('react/jsx-runtime');
 var axios = require('axios');
+var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
 var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
 var Button = require('@bigbinary/neetoui/Button');
 var Pane = require('@bigbinary/neetoui/Pane');
@@ -26,6 +26,7 @@ var Tab = require('@bigbinary/neetoui/Tab');
 var Tag = require('@bigbinary/neetoui/Tag');
 var i18next = require('i18next');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var ramda = require('ramda');
 var Alert = require('@bigbinary/neetoui/Alert');
 var Plus = require('@bigbinary/neeto-icons/Plus');
 var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
@@ -85,12 +86,6 @@ var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
 var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
 var yup__namespace = /*#__PURE__*/_interopNamespace(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");
 };
@@ -258,6 +253,12 @@ var useRedeliverWebhook = function useRedeliverWebhook(deliveryId, webhookSid) {
   });
 };
 
+var HELP_LINK_URLS = {
+  webhook: "https://help.".concat(initializers.globalProps.appName, ".com/articles/creating-a-webhook"),
+  secrets: "https://help.".concat(initializers.globalProps.appName, ".com/articles/securing-webhook-requests"),
+  deliveries: "https://help.".concat(initializers.globalProps.appName, ".com/articles/managing-webhook-deliveries")
+};
+
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
@@ -820,7 +821,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;
@@ -841,9 +842,6 @@ var Details = function Details(_ref) {
       return _ref2.apply(this, arguments);
     };
   }();
-  if (neetoCist.isNotPresent(delivery)) {
-    return null;
-  }
   return /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"], {
     onClose: onClose,
     isOpen: neetoCist.isPresent(deliveryId),
@@ -965,8 +963,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 = reactRouterDom.useRouteMatch(),
     deliveriesUrl = _useRouteMatch.url;
   var history = reactRouterDom.useHistory();
@@ -1011,7 +1008,7 @@ var Deliveries = function Deliveries(_ref) {
         children: [t("neetoWebhooks.delivery.title"), /*#__PURE__*/jsxRuntime.jsx(HelpPopover__default["default"], {
           description: t("neetoWebhooks.delivery.helpDescription"),
           helpLinkProps: {
-            href: helpLink
+            href: HELP_LINK_URLS.deliveries
           },
           title: t("neetoWebhooks.delivery.title")
         })]
@@ -1331,9 +1328,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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = React.useState(false),
@@ -1413,7 +1408,7 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
       }), /*#__PURE__*/jsxRuntime.jsx(HelpPopover__default["default"], {
         description: t("neetoWebhooks.webhook.helpDescription"),
         helpLinkProps: {
-          href: webhookHelpLink
+          href: HELP_LINK_URLS.webhook
         },
         title: t("neetoWebhooks.webhook.title")
       })]
@@ -1461,7 +1456,7 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
                     className: "flex items-center gap-x-2",
                     children: [t("neetoWebhooks.webhook.secret"), /*#__PURE__*/jsxRuntime.jsx(HelpPopover__default["default"], {
                       helpLinkProps: {
-                        href: secretsHelpLink
+                        href: HELP_LINK_URLS.secrets
                       },
                       description: t("neetoWebhooks.webhook.secretkeyHelpDescription"),
                       title: t("neetoWebhooks.webhook.secretkeyHelpTitle")
@@ -1519,8 +1514,7 @@ var Header = reactUtils.withT(function (_ref) {
     breadcrumbs = _ref.breadcrumbs,
     title = _ref.title,
     setIsAddWebhookPaneOpen = _ref.setIsAddWebhookPaneOpen,
-    headerSize = _ref.headerSize,
-    webhookHelpLink = _ref.webhookHelpLink;
+    headerSize = _ref.headerSize;
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(Header__default["default"], {
       breadcrumbs: breadcrumbs,
@@ -1537,7 +1531,7 @@ var Header = reactUtils.withT(function (_ref) {
         children: [t("neetoWebhooks.webhook.title"), /*#__PURE__*/jsxRuntime.jsx(HelpPopover__default["default"], {
           description: t("neetoWebhooks.webhook.helpDescription"),
           helpLinkProps: {
-            href: webhookHelpLink
+            href: HELP_LINK_URLS.webhook
           },
           title: t("neetoWebhooks.webhook.title")
         })]
@@ -1563,9 +1557,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 = React.useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     editingWebhookId = _useState2[0],
@@ -1629,8 +1621,7 @@ var Webhooks = function Webhooks(_ref) {
       breadcrumbs: breadcrumbs,
       headerSize: headerSize,
       setIsAddWebhookPaneOpen: setIsAddWebhookPaneOpen,
-      title: title,
-      webhookHelpLink: webhookHelpLink
+      title: title
     }), neetoCist.isNotEmpty(webhooks) ? /*#__PURE__*/jsxRuntime.jsx(TableWrapper__default["default"], {
       hasPagination: totalCount > constants.DEFAULT_PAGE_SIZE,
       children: /*#__PURE__*/jsxRuntime.jsx(Table__default["default"], {
@@ -1669,8 +1660,6 @@ var Webhooks = function Webhooks(_ref) {
       entityId: entityId,
       entityType: entityType,
       onCreate: onCreate,
-      secretsHelpLink: secretsHelpLink,
-      webhookHelpLink: webhookHelpLink,
       webhooks: webhooks,
       isOpen: isAddWebhookPaneOpen,
       onClose: handlePaneClose
@@ -1711,15 +1700,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 = reactRouterDom.useRouteMatch(),
     webhooksPath = _useRouteMatch.path,
     webhooksUrl = _useRouteMatch.url;
   var deliveriesPath = getDeliveriesPath(webhooksUrl);
   var deliveryDetailsPath = getDeliveryDetailsPath(deliveriesPath);
-  var helpLinks = ramda.mergeRight(HELP_LINK_URLS, helpLinkUrls);
   return /*#__PURE__*/jsxRuntime.jsxs(reactRouterDom.Switch, {
     children: [/*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Route, {
       exact: true,
@@ -1734,9 +1720,7 @@ var NeetoWebhooks = function NeetoWebhooks(_ref) {
           headerSize: headerSize,
           onCreate: onCreate,
           onDelete: onDelete,
-          title: title,
-          secretsHelpLink: helpLinks.secrets,
-          webhookHelpLink: helpLinks.webhook
+          title: title
         });
       }
     }), /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Route, {
@@ -1745,17 +1729,15 @@ var NeetoWebhooks = function NeetoWebhooks(_ref) {
       render: function render() {
         return /*#__PURE__*/jsxRuntime.jsx(Deliveries$1, {
           breadcrumbs: breadcrumbs,
-          webhooksUrl: webhooksUrl,
-          helpLink: helpLinks.deliveries
+          webhooksUrl: webhooksUrl
         });
       }
     }), /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Route, {
       path: deliveriesPath,
-      component: function component() {
+      render: function render() {
         return /*#__PURE__*/jsxRuntime.jsx(Deliveries$1, {
           breadcrumbs: breadcrumbs,
-          webhooksUrl: webhooksUrl,
-          helpLink: helpLinks.deliveries
+          webhooksUrl: webhooksUrl
         });
       }
     })]