@bigbinary/neeto-webhooks-frontend 2.2.8 → 2.2.10

package/dist/cjs/NeetoWebhooks.js

@@ -1,6 +1,8 @@
 'use strict';
 
+var ramda = require('ramda');
 var reactRouterDom = require('react-router-dom');
+var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var neetoCist = require('@bigbinary/neeto-cist');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
@@ -18,7 +20,6 @@ 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 _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
@@ -30,7 +31,6 @@ var Typography = require('@bigbinary/neetoui/Typography');
 var Tab = require('@bigbinary/neetoui/Tab');
 var Tag = require('@bigbinary/neetoui/Tag');
 var i18next = require('i18next');
-var ramda = require('ramda');
 var Alert = require('@bigbinary/neetoui/Alert');
 var Plus = require('@bigbinary/neeto-icons/Plus');
 var HelpPopover = require('@bigbinary/neeto-molecules/HelpPopover');
@@ -63,6 +63,12 @@ function _interopNamespaceDefault(e) {
 
 var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
 
+var HELP_LINK_URLS = {
+  webhooks: "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")
+};
+
 var getDeliveriesPath = function getDeliveriesPath(webhooksPath) {
   return "".concat(webhooksPath, "/:webhookId/deliveries");
 };
@@ -158,12 +164,6 @@ 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")
-};
-
 var DELIVERY_TAB = {
   response: "response",
   request: "request"
@@ -449,7 +449,8 @@ var buildColumns$1 = function buildColumns(_ref) {
 
 var Deliveries = function Deliveries(_ref) {
   var webhooksUrl = _ref.webhooksUrl,
-    hostBreadcrumbs = _ref.breadcrumbs;
+    hostBreadcrumbs = _ref.breadcrumbs,
+    helpLink = _ref.helpLink;
   var _useRouteMatch = reactRouterDom.useRouteMatch(),
     deliveriesUrl = _useRouteMatch.url;
   var history = reactRouterDom.useHistory();
@@ -500,7 +501,7 @@ var Deliveries = function Deliveries(_ref) {
         title: t("neetoWebhooks.delivery.title"),
         description: t("neetoWebhooks.delivery.helpDescription"),
         helpLinkProps: {
-          href: HELP_LINK_URLS.deliveries
+          href: helpLink
         }
       }
     }), neetoCist.isNotEmpty(deliveries) ? /*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
@@ -711,10 +712,12 @@ var getMenuItems = function getMenuItems(_ref) {
   return [{
     key: MENU_ITEMS.EDIT,
     label: i18next.t("neetoWebhooks.buttons.edit"),
+    "data-cy": "neeto-webhooks-edit-button",
     onClick: onEdit
   }, {
     key: MENU_ITEMS.DELETE,
     label: i18next.t("neetoWebhooks.buttons.delete"),
+    "data-cy": "neeto-webhooks-delete-button",
     onClick: onDelete
   }];
 };
@@ -827,7 +830,9 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
     isOpen = _ref.isOpen,
     onClose = _ref.onClose,
     onCreate = _ref.onCreate,
-    webhooks = _ref.webhooks;
+    webhooks = _ref.webhooks,
+    webhooksHelpLink = _ref.webhooksHelpLink,
+    secretsHelpLink = _ref.secretsHelpLink;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = react.useState(false),
@@ -907,7 +912,7 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
       }), /*#__PURE__*/jsxRuntime.jsx(HelpPopover, {
         description: t("neetoWebhooks.webhook.helpDescription"),
         helpLinkProps: {
-          href: HELP_LINK_URLS.webhook
+          href: webhooksHelpLink
         },
         title: t("neetoWebhooks.webhook.title")
       })]
@@ -954,7 +959,7 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
                   className: "flex items-center gap-x-2",
                   children: [t("neetoWebhooks.webhook.secret"), /*#__PURE__*/jsxRuntime.jsx(HelpPopover, {
                     helpLinkProps: {
-                      href: HELP_LINK_URLS.secrets
+                      href: secretsHelpLink
                     },
                     popoverProps: {
                       position: "bottom"
@@ -1030,7 +1035,8 @@ var Header = reactUtils.withT(function (_ref) {
     titleHelpPopoverProps = _ref.titleHelpPopoverProps,
     setIsAddWebhookPaneOpen = _ref.setIsAddWebhookPaneOpen,
     headerSize = _ref.headerSize,
-    webhooks = _ref.webhooks;
+    webhooks = _ref.webhooks,
+    webhooksHelpLink = _ref.webhooksHelpLink;
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(Header$2, {
       breadcrumbs: breadcrumbs,
@@ -1046,7 +1052,7 @@ var Header = reactUtils.withT(function (_ref) {
       titleHelpPopoverProps: _objectSpread({
         description: t("neetoWebhooks.webhook.helpDescription"),
         helpLinkProps: {
-          href: HELP_LINK_URLS.webhook
+          href: webhooksHelpLink
         },
         title: t("neetoWebhooks.webhook.title")
       }, titleHelpPopoverProps)
@@ -1074,7 +1080,9 @@ var Webhooks = function Webhooks(_ref) {
     onDelete = _ref.onDelete,
     headerSize = _ref.headerSize,
     _ref$containerClassNa = _ref.containerClassName,
-    containerClassName = _ref$containerClassNa === void 0 ? "" : _ref$containerClassNa;
+    containerClassName = _ref$containerClassNa === void 0 ? "" : _ref$containerClassNa,
+    webhooksHelpLink = _ref.webhooksHelpLink,
+    secretsHelpLink = _ref.secretsHelpLink;
   var _useState = react.useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     editingWebhookId = _useState2[0],
@@ -1143,7 +1151,8 @@ var Webhooks = function Webhooks(_ref) {
       setIsAddWebhookPaneOpen: setIsAddWebhookPaneOpen,
       title: title,
       titleHelpPopoverProps: titleHelpPopoverProps,
-      webhooks: webhooks
+      webhooks: webhooks,
+      webhooksHelpLink: webhooksHelpLink
     }), neetoCist.isNotEmpty(webhooks) ? /*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
       hasPagination: totalCount > constants.DEFAULT_PAGE_SIZE,
       children: /*#__PURE__*/jsxRuntime.jsx(Table, {
@@ -1182,7 +1191,9 @@ var Webhooks = function Webhooks(_ref) {
       entityId: entityId,
       entityType: entityType,
       onCreate: onCreate,
+      secretsHelpLink: secretsHelpLink,
       webhooks: webhooks,
+      webhooksHelpLink: webhooksHelpLink,
       isOpen: isAddWebhookPaneOpen,
       onClose: handlePaneClose
     }), /*#__PURE__*/jsxRuntime.jsx(Alert, {
@@ -1223,12 +1234,15 @@ var NeetoWebhooks = function NeetoWebhooks(_ref) {
     onCreate = _ref.onCreate,
     onDelete = _ref.onDelete,
     headerSize = _ref.headerSize,
-    containerClassName = _ref.containerClassName;
+    containerClassName = _ref.containerClassName,
+    _ref$helpLinkUrls = _ref.helpLinkUrls,
+    helpLinkUrls = _ref$helpLinkUrls === void 0 ? {} : _ref$helpLinkUrls;
   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,
@@ -1244,7 +1258,9 @@ var NeetoWebhooks = function NeetoWebhooks(_ref) {
           onCreate: onCreate,
           onDelete: onDelete,
           title: title,
-          titleHelpPopoverProps: titleHelpPopoverProps
+          titleHelpPopoverProps: titleHelpPopoverProps,
+          secretsHelpLink: helpLinks.secrets,
+          webhooksHelpLink: helpLinks.webhooks
         });
       }
     }), /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Route, {
@@ -1253,7 +1269,8 @@ var NeetoWebhooks = function NeetoWebhooks(_ref) {
       render: function render() {
         return /*#__PURE__*/jsxRuntime.jsx(Deliveries$1, {
           breadcrumbs: breadcrumbs,
-          webhooksUrl: webhooksUrl
+          webhooksUrl: webhooksUrl,
+          helpLink: helpLinks.deliveries
         });
       }
     }), /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Route, {
@@ -1261,7 +1278,8 @@ var NeetoWebhooks = function NeetoWebhooks(_ref) {
       render: function render() {
         return /*#__PURE__*/jsxRuntime.jsx(Deliveries$1, {
           breadcrumbs: breadcrumbs,
-          webhooksUrl: webhooksUrl
+          webhooksUrl: webhooksUrl,
+          helpLink: helpLinks.deliveries
         });
       }
     })]