@bigbinary/neeto-webhooks-frontend 3.0.10 → 3.0.12

package/dist/cjs/NeetoWebhooks.js

@@ -2,7 +2,7 @@
 
 var ramda = require('ramda');
 var reactRouterDom = require('react-router-dom');
-var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
+var main = require('../main-B8V9tERH.js');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var neetoCist = require('@bigbinary/neeto-cist');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
@@ -19,7 +19,6 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var reactQuery = require('@tanstack/react-query');
 var reactQueryDevtools = require('@tanstack/react-query-devtools');
 var jsxRuntime = require('react/jsx-runtime');
-var axios = require('axios');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
@@ -45,6 +44,8 @@ var Checkbox = require('@bigbinary/neetoui/Checkbox');
 var yup = require('yup');
 var Switch = require('@bigbinary/neetoui/Switch');
 var SubHeader = require('@bigbinary/neeto-molecules/SubHeader');
+require('@bigbinary/neeto-commons-frontend/initializers');
+require('axios');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -65,34 +66,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");
-};
-var getDeliveryDetailsPath = function getDeliveryDetailsPath(deliveriesPath) {
-  return "".concat(deliveriesPath, "/:deliveryId/");
-};
-
-var queryClient = new reactQuery.QueryClient({
-  queryCache: new reactQuery.QueryCache(),
-  defaultOptions: {
-    queries: {
-      staleTime: constants.DEFAULT_STALE_TIME
-    }
-  }
-});
-
 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__*/jsxRuntime.jsxs(reactQuery.QueryClientProvider, {
-      client: queryClient,
+      client: main.queryClient,
       children: [/*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$3({}, props)), /*#__PURE__*/jsxRuntime.jsx(reactQueryDevtools.ReactQueryDevtools, {
         initialIsOpen: false,
         position: "bottom"
@@ -102,70 +81,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 reactQuery.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 reactQuery.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 = reactQuery.useQueryClient();
-  return reactQuery.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"
@@ -301,10 +216,10 @@ var Details = function Details(_ref) {
     webhookSid = _ref.webhookSid;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useRedeliverWebhook = useRedeliverWebhook(deliveryId, webhookSid),
+  var _useRedeliverWebhook = main.useRedeliverWebhook(deliveryId, webhookSid),
     isRedelivering = _useRedeliverWebhook.isPending,
     redeliverWebhook = _useRedeliverWebhook.mutateAsync;
-  var _useShowDelivery = useShowDelivery(deliveryId, webhookSid),
+  var _useShowDelivery = main.useShowDelivery(deliveryId, webhookSid),
     isLoading = _useShowDelivery.isPending,
     _useShowDelivery$data = _useShowDelivery.data,
     _useShowDelivery$data2 = _useShowDelivery$data === void 0 ? {} : _useShowDelivery$data,
@@ -465,9 +380,9 @@ var Deliveries = function Deliveries(_ref) {
   var _useQueryParams = reactUtils.useQueryParams(),
     _useQueryParams$page = _useQueryParams.page,
     page = _useQueryParams$page === void 0 ? constants.DEFAULT_PAGE_INDEX : _useQueryParams$page;
-  var deliveriesPath = getDeliveriesPath(webhooksUrl);
-  var deliveryDetailsPath = getDeliveryDetailsPath(deliveriesUrl);
-  var _useFetchDeliveries = useFetchDeliveries(webhookId, {
+  var deliveriesPath = main.getDeliveriesPath(webhooksUrl);
+  var deliveryDetailsPath = main.getDeliveryDetailsPath(deliveriesUrl);
+  var _useFetchDeliveries = main.useFetchDeliveries(webhookId, {
       page: page,
       pageSize: constants.DEFAULT_PAGE_SIZE
     }),
@@ -540,107 +455,6 @@ 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 reactQuery.useQuery({
-    queryKey: [QUERY_KEYS.WEBHOOK_LIST, params],
-    queryFn: function queryFn() {
-      return webhooksApi.fetch(params);
-    },
-    staleTime: WEBHOOK_STALE_TIME
-  });
-};
-var useCreateWebhook = function useCreateWebhook(options) {
-  return reactUtils.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 reactQuery.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 reactUtils.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 reactUtils.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 reactQuery.useQuery({
-    queryKey: [QUERY_KEYS.EVENTS_LIST],
-    queryFn: eventsApi.all,
-    staleTime: WEBHOOK_STALE_TIME
-  });
-};
-
 var MENU_ITEMS = {
   EDIT: "edit",
   DELETE: "delete"
@@ -667,7 +481,8 @@ var EventCheckbox = function EventCheckbox(_ref) {
   };
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     children: events.map(function (event) {
-      var index = neetoCist.findIndexBy(event, values.events);
+      var _values$events;
+      var index = neetoCist.findIndexBy(event, (_values$events = values.events) !== null && _values$events !== void 0 ? _values$events : []);
       var isSelected = index > -1;
       return /*#__PURE__*/jsxRuntime.jsx(Checkbox, {
         checked: isSelected,
@@ -681,70 +496,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;
@@ -753,7 +504,7 @@ var ToggleActiveSwitch = function ToggleActiveSwitch(_ref) {
     status = _useState2[0],
     setStatus = _useState2[1];
   var previousStatusRef = react.useRef(isActive);
-  var _useUpdateWebhook = useUpdateWebhook(webhookId, {
+  var _useUpdateWebhook = main.useUpdateWebhook(webhookId, {
       onError: function onError() {
         // Revert to the previous state
         setStatus(previousStatusRef.current);
@@ -783,7 +534,7 @@ 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;
@@ -963,11 +714,11 @@ var buildColumns = function buildColumns(_ref6) {
   }];
 };
 var generateRandomSecret = function generateRandomSecret() {
-  return v4().replace(/-/g, "");
+  return main.v4().replace(/-/g, "");
 };
 
 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,
@@ -984,24 +735,24 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isSecretInputFieldVisible = _useState2[0],
     setIsSecretInputFieldVisible = _useState2[1];
-  var _useCreateWebhook = useCreateWebhook({
+  var _useCreateWebhook = main.useCreateWebhook({
       onSuccess: function onSuccess() {
         onClose();
         onCreate === null || onCreate === void 0 || onCreate();
       }
     }),
     createWebhook = _useCreateWebhook.mutate;
-  var _useShowWebhook = useShowWebhook(editingWebhookId),
+  var _useShowWebhook = main.useShowWebhook(editingWebhookId),
     _useShowWebhook$data = _useShowWebhook.data,
     _useShowWebhook$data2 = _useShowWebhook$data === void 0 ? {} : _useShowWebhook$data,
     _useShowWebhook$data3 = _useShowWebhook$data2.webhook,
     webhook = _useShowWebhook$data3 === void 0 ? {} : _useShowWebhook$data3;
-  var _useUpdateWebhook = useUpdateWebhook(editingWebhookId, {
+  var _useUpdateWebhook = main.useUpdateWebhook(editingWebhookId, {
       onSuccess: onClose
     }),
     updateWebhook = _useUpdateWebhook.mutate;
   var endpointRef = react.useRef();
-  var _useFetchEvents = useFetchEvents(),
+  var _useFetchEvents = main.useFetchEvents(),
     _useFetchEvents$data = _useFetchEvents.data,
     events = _useFetchEvents$data === void 0 ? [] : _useFetchEvents$data,
     isLoading = _useFetchEvents.isLoading;
@@ -1196,7 +947,7 @@ 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; }
+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 = reactUtils.withT(function (_ref) {
   var t = _ref.t,
     breadcrumbs = _ref.breadcrumbs,
@@ -1273,7 +1024,7 @@ var Webhooks = function Webhooks(_ref) {
   var _useQueryParams = reactUtils.useQueryParams(),
     _useQueryParams$page = _useQueryParams.page,
     page = _useQueryParams$page === void 0 ? constants.DEFAULT_PAGE_INDEX : _useQueryParams$page;
-  var _useFetchWebhooks = useFetchWebhooks({
+  var _useFetchWebhooks = main.useFetchWebhooks({
       entityId: entityId,
       page: page,
       pageSize: constants.DEFAULT_PAGE_SIZE
@@ -1286,7 +1037,7 @@ var Webhooks = function Webhooks(_ref) {
     webhooks = _useFetchWebhooks$dat3 === void 0 ? [] : _useFetchWebhooks$dat3,
     _useFetchWebhooks$dat4 = _useFetchWebhooks$dat2.totalCount,
     totalCount = _useFetchWebhooks$dat4 === void 0 ? 0 : _useFetchWebhooks$dat4;
-  var _useDestroyWebhook = useDestroyWebhook({
+  var _useDestroyWebhook = main.useDestroyWebhook({
       onSuccess: function onSuccess() {
         setIsDeleteAlertOpen(false);
         onDelete === null || onDelete === void 0 || onDelete();
@@ -1388,11 +1139,6 @@ 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 NeetoWebhooks = function NeetoWebhooks(_ref) {
   var entityType = _ref.entityType,
     entityId = _ref.entityId,
@@ -1409,9 +1155,9 @@ var NeetoWebhooks = function NeetoWebhooks(_ref) {
   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);
+  var deliveriesPath = main.getDeliveriesPath(webhooksUrl);
+  var deliveryDetailsPath = main.getDeliveryDetailsPath(deliveriesPath);
+  var helpLinks = ramda.mergeRight(main.HELP_LINK_URLS, helpLinkUrls);
   return /*#__PURE__*/jsxRuntime.jsxs(reactRouterDom.Switch, {
     children: [/*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Route, {
       exact: true,