@bigbinary/neeto-webhooks-frontend 3.0.11 → 3.0.13

package/README.md

@@ -44,7 +44,6 @@ The engine is used to manage webhooks across neeto products.
    ```ruby
    mount NeetoWebhooksEngine::Engine, at: "/neeto_webhooks"
    ```
-   **NOTE: The mount point must be `/neeto_webhooks` and cannot be changed to any other path.**
 4. Run the following command to copy the migrations from the engine to the host
    application:
    ```zsh

package/dist/.ready

@@ -0,0 +1 @@
+Built at 2026-06-11T08:45:16.737Z

package/dist/NeetoWebhooks.js

@@ -1,10 +1,10 @@
 import { prop, pluck, assoc, mergeRight } from 'ramda';
 import { useRouteMatch, useHistory, useParams, Switch as Switch$1, Route } from 'react-router-dom';
-import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
+import { q as queryClient, u as useRedeliverWebhook, a as useShowDelivery, b as useFetchDeliveries, g as getDeliveriesPath, c as getDeliveryDetailsPath, d as useUpdateWebhook, v as v4, e as useCreateWebhook, f as useShowWebhook, h as useFetchEvents, i as useFetchWebhooks, j as useDestroyWebhook, H as HELP_LINK_URLS } from './main-CfvmjDDj.js';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { isPresent, removeBy, isNotEmpty, findIndexBy, 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 { SINGULAR, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_INDEX, PLURAL } from '@bigbinary/neeto-commons-frontend/constants';
+import { useQueryParams, withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
 import Container from '@bigbinary/neeto-molecules/Container';
 import Header$2 from '@bigbinary/neeto-molecules/Header';
@@ -14,10 +14,9 @@ import Spinner from '@bigbinary/neetoui/Spinner';
 import Table from '@bigbinary/neetoui/Table';
 import { useTranslation } from 'react-i18next';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { QueryClient, QueryCache, QueryClientProvider, useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
+import { QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import axios from 'axios';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import DateFormat from '@bigbinary/neeto-molecules/DateFormat';
@@ -28,7 +27,7 @@ import { useState, useRef, useMemo, useEffect, memo, useCallback } from 'react';
 import Typography from '@bigbinary/neetoui/Typography';
 import Tab from '@bigbinary/neetoui/Tab';
 import Tag from '@bigbinary/neetoui/Tag';
-import { t as t$1 } from 'i18next';
+import { t } from 'i18next';
 import Alert from '@bigbinary/neetoui/Alert';
 import { FieldArray, ErrorMessage } from 'formik';
 import Plus from '@bigbinary/neeto-icons/Plus';
@@ -43,31 +42,11 @@ import Checkbox from '@bigbinary/neetoui/Checkbox';
 import * as yup from 'yup';
 import Switch from '@bigbinary/neetoui/Switch';
 import SubHeader from '@bigbinary/neeto-molecules/SubHeader';
-
-var HELP_LINK_URLS = {
-  webhooks: "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")
-};
-
-var getDeliveriesPath = function getDeliveriesPath(webhooksPath) {
-  return "".concat(webhooksPath, "/:webhookId/deliveries");
-};
-var getDeliveryDetailsPath = function getDeliveryDetailsPath(deliveriesPath) {
-  return "".concat(deliveriesPath, "/:deliveryId/");
-};
-
-var queryClient = new QueryClient({
-  queryCache: new QueryCache(),
-  defaultOptions: {
-    queries: {
-      staleTime: DEFAULT_STALE_TIME
-    }
-  }
-});
+import '@bigbinary/neeto-commons-frontend/initializers';
+import 'axios';
 
 function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var withReactQuery = function withReactQuery(Component) {
   var QueryWrapper = function QueryWrapper(props) {
     return /*#__PURE__*/jsxs(QueryClientProvider, {
@@ -81,70 +60,6 @@ var withReactQuery = function withReactQuery(Component) {
   return QueryWrapper;
 };
 
-var baseUrl$2 = "/neeto_webhooks";
-var fetch$1 = function fetch(webhookId, params) {
-  return axios.get("".concat(baseUrl$2, "/webhooks/").concat(webhookId, "/deliveries"), {
-    params: params
-  });
-};
-var show$1 = function show(id, webhookId) {
-  return axios.get("".concat(baseUrl$2, "/webhooks/").concat(webhookId, "/deliveries/").concat(id));
-};
-var redeliver = function redeliver(delivery_id, webhookId) {
-  return axios.post("".concat(baseUrl$2, "/webhooks/").concat(webhookId, "/deliveries/").concat(delivery_id, "/redeliver"));
-};
-var deliveriesApi = {
-  fetch: fetch$1,
-  show: show$1,
-  redeliver: redeliver
-};
-
-var QUERY_KEYS = {
-  DELIVERY_LIST: "delivery-list",
-  DELIVERY_DETAILS: "delivery-details",
-  WEBHOOK_LIST: "webhook-list",
-  WEBHOOK_DETAILS: "webhook-details",
-  EVENTS_LIST: "events-list"
-};
-var DELIVERY_STALE_TIME = 3200000; // 1 hour
-var WEBHOOK_STALE_TIME = 3200000; // 1 hour
-var POST_REDELIVERY_ON_SUCCESS_TIMEOUT = 5000; // 5 seconds
-
-var useFetchDeliveries = function useFetchDeliveries(webhookId, params) {
-  return useQuery({
-    queryKey: [QUERY_KEYS.DELIVERY_LIST, webhookId, params],
-    queryFn: function queryFn() {
-      return deliveriesApi.fetch(webhookId, params);
-    },
-    staleTime: DELIVERY_STALE_TIME
-  });
-};
-var useShowDelivery = function useShowDelivery(id, webhookId) {
-  return useQuery({
-    queryKey: [QUERY_KEYS.DELIVERY_DETAILS, id, webhookId],
-    queryFn: function queryFn() {
-      return deliveriesApi.show(id, webhookId);
-    },
-    staleTime: DELIVERY_STALE_TIME,
-    enabled: !!id
-  });
-};
-var useRedeliverWebhook = function useRedeliverWebhook(deliveryId, webhookSid) {
-  var queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: function mutationFn() {
-      return deliveriesApi.redeliver(deliveryId, webhookSid);
-    },
-    onSuccess: function onSuccess() {
-      setTimeout(function () {
-        return queryClient.invalidateQueries({
-          queryKey: [QUERY_KEYS.DELIVERY_LIST]
-        });
-      }, POST_REDELIVERY_ON_SUCCESS_TIMEOUT);
-    }
-  });
-};
-
 var DELIVERY_TAB = {
   response: "response",
   request: "request"
@@ -365,7 +280,7 @@ var buildColumns$1 = function buildColumns(_ref) {
   var deliveryDetailsPath = _ref.deliveryDetailsPath,
     page = _ref.page;
   return [{
-    title: t$1("neetoWebhooks.delivery.deliveryId"),
+    title: t("neetoWebhooks.delivery.deliveryId"),
     key: "identifier",
     dataIndex: "identifier",
     width: 390,
@@ -382,12 +297,12 @@ var buildColumns$1 = function buildColumns(_ref) {
           children: delivery.identifier
         }), delivery.redelivery && /*#__PURE__*/jsx(Tag, {
           style: "info",
-          children: t$1("neetoWebhooks.delivery.redelivery")
+          children: t("neetoWebhooks.delivery.redelivery")
         })]
       });
     }
   }, {
-    title: t$1("neetoWebhooks.tableHeaders.createdAt"),
+    title: t("neetoWebhooks.tableHeaders.createdAt"),
     key: "createdAt",
     dataIndex: "createdAt",
     width: 280,
@@ -402,7 +317,7 @@ var buildColumns$1 = function buildColumns(_ref) {
       });
     }
   }, {
-    title: t$1("neetoWebhooks.common.responseStatus"),
+    title: t("neetoWebhooks.common.responseStatus"),
     key: "responseStatusCode",
     width: 250,
     render: function render(_ref2) {
@@ -421,7 +336,7 @@ var buildColumns$1 = function buildColumns(_ref) {
       });
     }
   }, {
-    title: t$1("neetoWebhooks.common.event", SINGULAR),
+    title: t("neetoWebhooks.common.event", SINGULAR),
     key: "event",
     dataIndex: "event",
     width: 270,
@@ -429,7 +344,7 @@ var buildColumns$1 = function buildColumns(_ref) {
   }];
 };
 
-var Deliveries = function Deliveries(_ref) {
+var Deliveries$1 = function Deliveries(_ref) {
   var webhooksUrl = _ref.webhooksUrl,
     hostBreadcrumbs = _ref.breadcrumbs,
     helpLink = _ref.helpLink;
@@ -517,108 +432,7 @@ var Deliveries = function Deliveries(_ref) {
     })]
   });
 };
-var Deliveries$1 = withReactQuery(Deliveries);
-
-var baseUrl$1 = "/neeto_webhooks/webhooks";
-var fetch = function fetch(params) {
-  return axios.get(baseUrl$1, {
-    params: params
-  });
-};
-var create = function create(payload) {
-  return axios.post(baseUrl$1, {
-    webhook: payload
-  });
-};
-var show = function show(id) {
-  return axios.get("".concat(baseUrl$1, "/").concat(id));
-};
-var update = function update(id, payload) {
-  return axios.put("".concat(baseUrl$1, "/").concat(id), {
-    webhook: payload
-  });
-};
-var destroy = function destroy(id) {
-  return axios["delete"]("".concat(baseUrl$1, "/").concat(id));
-};
-var webhooksApi = {
-  fetch: fetch,
-  create: create,
-  show: show,
-  update: update,
-  destroy: destroy
-};
-
-var useFetchWebhooks = function useFetchWebhooks(params) {
-  return useQuery({
-    queryKey: [QUERY_KEYS.WEBHOOK_LIST, params],
-    queryFn: function queryFn() {
-      return webhooksApi.fetch(params);
-    },
-    staleTime: WEBHOOK_STALE_TIME
-  });
-};
-var useCreateWebhook = function useCreateWebhook(options) {
-  return useMutationWithInvalidation(webhooksApi.create, {
-    keysToInvalidate: [[QUERY_KEYS.WEBHOOK_LIST]],
-    onSuccess: function onSuccess() {
-      var _options$onSuccess;
-      options === null || options === void 0 || (_options$onSuccess = options.onSuccess) === null || _options$onSuccess === void 0 || _options$onSuccess.call(options);
-    }
-  });
-};
-var useShowWebhook = function useShowWebhook(id) {
-  return useQuery({
-    queryKey: [QUERY_KEYS.WEBHOOK_DETAILS, id],
-    queryFn: function queryFn() {
-      return webhooksApi.show(id);
-    },
-    enabled: !!id,
-    staleTime: WEBHOOK_STALE_TIME
-  });
-};
-var useUpdateWebhook = function useUpdateWebhook(id, options) {
-  return useMutationWithInvalidation(function (_ref) {
-    var id = _ref.id,
-      payload = _ref.payload;
-    return webhooksApi.update(id, payload);
-  }, {
-    keysToInvalidate: [[QUERY_KEYS.WEBHOOK_LIST], [QUERY_KEYS.WEBHOOK_DETAILS, id], [QUERY_KEYS.DELIVERY_LIST, id]],
-    onSuccess: function onSuccess() {
-      var _options$onSuccess2;
-      options === null || options === void 0 || (_options$onSuccess2 = options.onSuccess) === null || _options$onSuccess2 === void 0 || _options$onSuccess2.call(options);
-    },
-    onError: function onError(error) {
-      var _options$onError;
-      options === null || options === void 0 || (_options$onError = options.onError) === null || _options$onError === void 0 || _options$onError.call(options, error);
-    }
-  });
-};
-var useDestroyWebhook = function useDestroyWebhook(options) {
-  return useMutationWithInvalidation(webhooksApi.destroy, {
-    keysToInvalidate: [[QUERY_KEYS.WEBHOOK_LIST]],
-    onSuccess: function onSuccess() {
-      var _options$onSuccess3;
-      options === null || options === void 0 || (_options$onSuccess3 = options.onSuccess) === null || _options$onSuccess3 === void 0 || _options$onSuccess3.call(options);
-    }
-  });
-};
-
-var baseUrl = "/neeto_webhooks/events/all";
-var all = function all() {
-  return axios.get(baseUrl);
-};
-var eventsApi = {
-  all: all
-};
-
-var useFetchEvents = function useFetchEvents() {
-  return useQuery({
-    queryKey: [QUERY_KEYS.EVENTS_LIST],
-    queryFn: eventsApi.all,
-    staleTime: WEBHOOK_STALE_TIME
-  });
-};
+var Deliveries = withReactQuery(Deliveries$1);
 
 var MENU_ITEMS = {
   EDIT: "edit",
@@ -646,7 +460,8 @@ var EventCheckbox = function EventCheckbox(_ref) {
   };
   return /*#__PURE__*/jsx("div", {
     children: events.map(function (event) {
-      var index = findIndexBy(event, values.events);
+      var _values$events;
+      var index = findIndexBy(event, (_values$events = values.events) !== null && _values$events !== void 0 ? _values$events : []);
       var isSelected = index > -1;
       return /*#__PURE__*/jsx(Checkbox, {
         checked: isSelected,
@@ -660,70 +475,6 @@ var EventCheckbox = function EventCheckbox(_ref) {
   });
 };
 
-// Unique ID creation requires a high quality random # generator. In the browser we therefore
-// require the crypto API and do not support built-in fallback to lower quality random number
-// generators (like Math.random()).
-var getRandomValues;
-var rnds8 = new Uint8Array(16);
-function rng() {
-  // lazy load so that environments that need to polyfill have a chance to do so
-  if (!getRandomValues) {
-    // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation. Also,
-    // find the complete implementation of crypto (msCrypto) on IE11.
-    getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto) || typeof msCrypto !== 'undefined' && typeof msCrypto.getRandomValues === 'function' && msCrypto.getRandomValues.bind(msCrypto);
-
-    if (!getRandomValues) {
-      throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
-    }
-  }
-
-  return getRandomValues(rnds8);
-}
-
-var REGEX = /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;
-
-function validate(uuid) {
-  return typeof uuid === 'string' && REGEX.test(uuid);
-}
-
-/**
- * Convert array of 16 byte values to UUID string format of the form:
- * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
- */
-
-var byteToHex = [];
-
-for (var i = 0; i < 256; ++i) {
-  byteToHex.push((i + 0x100).toString(16).substr(1));
-}
-
-function stringify(arr) {
-  var offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  // Note: Be careful editing this code!  It's been tuned for performance
-  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  var uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one
-  // of the following:
-  // - One or more input array values don't map to a hex octet (leading to
-  // "undefined" in the uuid)
-  // - Invalid input values for the RFC `version` or `variant` fields
-
-  if (!validate(uuid)) {
-    throw TypeError('Stringified UUID is invalid');
-  }
-
-  return uuid;
-}
-
-function v4(options, buf, offset) {
-  options = options || {};
-  var rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
-
-  rnds[6] = rnds[6] & 0x0f | 0x40;
-  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
-
-  return stringify(rnds);
-}
-
 var ToggleActiveSwitch = function ToggleActiveSwitch(_ref) {
   var isActive = _ref.isActive,
     webhookId = _ref.webhookId;
@@ -762,28 +513,28 @@ var ToggleActiveSwitch = function ToggleActiveSwitch(_ref) {
 };
 
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getMenuItems = function getMenuItems(_ref) {
   var onEdit = _ref.onEdit,
     onDelete = _ref.onDelete;
   return [{
     key: MENU_ITEMS.EDIT,
-    label: t$1("neetoWebhooks.buttons.edit"),
+    label: t("neetoWebhooks.buttons.edit"),
     "data-testid": "neeto-webhooks-edit-button",
     onClick: onEdit
   }, {
     key: MENU_ITEMS.DELETE,
-    label: t$1("neetoWebhooks.buttons.delete"),
+    label: t("neetoWebhooks.buttons.delete"),
     "data-testid": "neeto-webhooks-delete-button",
     onClick: onDelete
   }];
 };
 var getValidationSchema = function getValidationSchema(webhooks) {
   return yup.object().shape({
-    endpoint: yup.string().trim().matches(/^(https?):\/\//i, t$1("neetoWebhooks.errors.webhook.invalidUrlProtocol")).url(t$1("neetoWebhooks.errors.webhook.invalidUrl")).required(t$1("neetoWebhooks.errors.webhook.required")).test("Is endpoint unique", t$1("neetoWebhooks.errors.webhook.urlNotUnique"), function (endpoint, ctx) {
+    endpoint: yup.string().trim().matches(/^(https?):\/\//i, t("neetoWebhooks.errors.webhook.invalidUrlProtocol")).url(t("neetoWebhooks.errors.webhook.invalidUrl")).required(t("neetoWebhooks.errors.webhook.required")).test("Is endpoint unique", t("neetoWebhooks.errors.webhook.urlNotUnique"), function (endpoint, ctx) {
       return !pluck("endpoint", removeById(ctx.parent.id, webhooks)).includes(endpoint === null || endpoint === void 0 ? void 0 : endpoint.trim());
     }),
-    events: yup.array()["default"]([]).min(1, t$1("neetoWebhooks.errors.webhook.events.required")),
+    events: yup.array()["default"]([]).min(1, t("neetoWebhooks.errors.webhook.events.required")),
     secret: yup.string().trim().nullable()
   });
 };
@@ -826,13 +577,13 @@ var formatTimeUntilExpiration = function formatTimeUntilExpiration(expiresAt) {
   var diffHours = Math.floor(diffMs / (1000 * 60 * 60));
   var diffDays = Math.floor(diffHours / 24);
   if (diffDays > 0) {
-    return t$1("neetoWebhooks.webhook.versionStatus.expiresIn.days", {
+    return t("neetoWebhooks.webhook.versionStatus.expiresIn.days", {
       count: diffDays
     });
   }
   var remainingHours = diffHours;
   var remainingMinutes = Math.floor(diffMs % (1000 * 60 * 60) / (1000 * 60));
-  return t$1("neetoWebhooks.webhook.versionStatus.expiresIn.hoursAndMinutes", {
+  return t("neetoWebhooks.webhook.versionStatus.expiresIn.hoursAndMinutes", {
     hours: remainingHours,
     hoursPlural: remainingHours !== 1 ? "s" : "",
     minutes: remainingMinutes,
@@ -842,7 +593,7 @@ var formatTimeUntilExpiration = function formatTimeUntilExpiration(expiresAt) {
 var formatExpiredDate = function formatExpiredDate(expiresAt) {
   if (!expiresAt) return null;
   var expiry = new Date(expiresAt);
-  return t$1("neetoWebhooks.webhook.versionStatus.expiredOn", {
+  return t("neetoWebhooks.webhook.versionStatus.expiredOn", {
     date: expiry.toLocaleDateString()
   });
 };
@@ -851,7 +602,7 @@ var buildColumns = function buildColumns(_ref6) {
     handleEdit = _ref6.handleEdit,
     deliveriesPath = _ref6.deliveriesPath;
   return [{
-    title: t$1("neetoWebhooks.common.endpoint"),
+    title: t("neetoWebhooks.common.endpoint"),
     key: "endpoint",
     dataIndex: "endpoint",
     width: 700,
@@ -886,7 +637,7 @@ var buildColumns = function buildColumns(_ref6) {
       });
     }
   }, {
-    title: t$1("neetoWebhooks.webhook.active"),
+    title: t("neetoWebhooks.webhook.active"),
     key: "isActive",
     dataIndex: "isActive",
     render: function render(isActive, webhook) {
@@ -897,7 +648,7 @@ var buildColumns = function buildColumns(_ref6) {
     },
     width: 150
   }, {
-    title: t$1("neetoWebhooks.webhook.version"),
+    title: t("neetoWebhooks.webhook.version"),
     dataIndex: "version",
     key: "version",
     render: function render(version, webhook) {
@@ -922,14 +673,14 @@ var buildColumns = function buildColumns(_ref6) {
             href: webhook.defaultVersionPayloadDocUrl,
             rel: "noopener noreferrer",
             target: "_blank",
-            children: t$1("neetoWebhooks.webhook.versionStatus.moreDetails")
+            children: t("neetoWebhooks.webhook.versionStatus.moreDetails")
           }), "."]
         })]
       });
     },
     width: 200
   }, {
-    title: t$1("neetoWebhooks.common.event", PLURAL),
+    title: t("neetoWebhooks.common.event", PLURAL),
     dataIndex: "events",
     key: "events",
     render: function render(events) {
@@ -946,7 +697,7 @@ var generateRandomSecret = function generateRandomSecret() {
 };
 
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var AddWebhookPane = function AddWebhookPane(_ref) {
   var editingWebhookId = _ref.editingWebhookId,
     entityId = _ref.entityId,
@@ -1175,8 +926,8 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
 };
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Header = withT(function (_ref) {
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Header$1 = withT(function (_ref) {
   var t = _ref.t,
     breadcrumbs = _ref.breadcrumbs,
     title = _ref.title,
@@ -1215,9 +966,9 @@ var Header = withT(function (_ref) {
     })]
   });
 });
-var Header$1 = /*#__PURE__*/memo(Header);
+var Header = /*#__PURE__*/memo(Header$1);
 
-var Webhooks = function Webhooks(_ref) {
+var Webhooks$1 = function Webhooks(_ref) {
   var deliveriesPath = _ref.deliveriesPath,
     entityType = _ref.entityType,
     breadcrumbs = _ref.breadcrumbs,
@@ -1293,7 +1044,7 @@ var Webhooks = function Webhooks(_ref) {
   }
   return /*#__PURE__*/jsxs(Container, {
     className: containerClassName,
-    children: [/*#__PURE__*/jsx(Header$1, {
+    children: [/*#__PURE__*/jsx(Header, {
       breadcrumbs: breadcrumbs,
       headerSize: headerSize,
       setIsAddWebhookPaneOpen: setIsAddWebhookPaneOpen,
@@ -1365,12 +1116,7 @@ var Webhooks = function Webhooks(_ref) {
     })]
   });
 };
-var Webhooks$1 = withReactQuery(Webhooks);
-
-var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
-
-var css = ".neeto-molecules-header .neeto-molecules-header__breadcrumbs-wrap{flex-wrap:wrap}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9tYWluLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxrRUFDRSxjQUNGIiwic291cmNlc0NvbnRlbnQiOlsiLm5lZXRvLW1vbGVjdWxlcy1oZWFkZXIgLm5lZXRvLW1vbGVjdWxlcy1oZWFkZXJfX2JyZWFkY3J1bWJzLXdyYXAge1xuICBmbGV4LXdyYXA6IHdyYXA7XG59XG4iXX0= */";
-n(css,{});
+var Webhooks = withReactQuery(Webhooks$1);
 
 var NeetoWebhooks = function NeetoWebhooks(_ref) {
   var entityType = _ref.entityType,
@@ -1396,7 +1142,7 @@ var NeetoWebhooks = function NeetoWebhooks(_ref) {
       exact: true,
       path: webhooksPath,
       component: function component() {
-        return /*#__PURE__*/jsx(Webhooks$1, {
+        return /*#__PURE__*/jsx(Webhooks, {
           breadcrumbs: breadcrumbs,
           containerClassName: containerClassName,
           deliveriesPath: deliveriesPath,
@@ -1415,7 +1161,7 @@ var NeetoWebhooks = function NeetoWebhooks(_ref) {
       exact: true,
       path: deliveryDetailsPath,
       render: function render() {
-        return /*#__PURE__*/jsx(Deliveries$1, {
+        return /*#__PURE__*/jsx(Deliveries, {
           breadcrumbs: breadcrumbs,
           webhooksUrl: webhooksUrl,
           helpLink: helpLinks.deliveries
@@ -1424,7 +1170,7 @@ var NeetoWebhooks = function NeetoWebhooks(_ref) {
     }), /*#__PURE__*/jsx(Route, {
       path: deliveriesPath,
       render: function render() {
-        return /*#__PURE__*/jsx(Deliveries$1, {
+        return /*#__PURE__*/jsx(Deliveries, {
           breadcrumbs: breadcrumbs,
           webhooksUrl: webhooksUrl,
           helpLink: helpLinks.deliveries