@bigbinary/neeto-webhooks-frontend 2.1.4 → 2.2.1

package/dist/NeetoWebhooks.js

@@ -1,4 +1,3 @@
-import React, { useState, useRef, useEffect, useCallback } from 'react';
 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';
@@ -6,9 +5,9 @@ import { useQueryParams, useMutationWithInvalidation, withT } from '@bigbinary/n
 import Container from '@bigbinary/neeto-molecules/Container';
 import Header$2 from '@bigbinary/neeto-molecules/Header';
 import HelpPopover from '@bigbinary/neeto-molecules/HelpPopover';
-import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
 import NoData from '@bigbinary/neetoui/NoData';
+import Spinner from '@bigbinary/neetoui/Spinner';
 import Table from '@bigbinary/neetoui/Table';
 import { useTranslation } from 'react-i18next';
 import { QueryClient, QueryCache, QueryClientProvider, useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
@@ -19,6 +18,7 @@ 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';
+import { useState, useRef, useEffect, memo, useCallback } from 'react';
 import Typography from '@bigbinary/neetoui/Typography';
 import Tab from '@bigbinary/neetoui/Tab';
 import Tag from '@bigbinary/neetoui/Tag';
@@ -28,7 +28,6 @@ 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';
-import Spinner from '@bigbinary/neetoui/Spinner';
 import Input from '@bigbinary/neetoui/formik/Input';
 import Form from '@bigbinary/neetoui/formik/Form';
 import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
@@ -798,7 +797,10 @@ var Details = function Details(_ref) {
     isOpen: isPresent(deliveryId),
     size: "large",
     children: /*#__PURE__*/jsx(Fragment, {
-      children: isLoading ? /*#__PURE__*/jsx(PageLoader, {}) : /*#__PURE__*/jsxs(Fragment, {
+      children: isLoading ? /*#__PURE__*/jsx("div", {
+        className: "flex h-full w-full items-center justify-center",
+        children: /*#__PURE__*/jsx(Spinner, {})
+      }) : /*#__PURE__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsx(Pane.Header, {
           children: /*#__PURE__*/jsxs(Fragment, {
             children: [/*#__PURE__*/jsx(DateFormat.Date, {
@@ -949,7 +951,12 @@ var Deliveries = function Deliveries(_ref) {
     link: window.location.pathname,
     text: endpoint
   }]);
-  if (isLoading) return /*#__PURE__*/jsx(PageLoader, {});
+  if (isLoading) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(Spinner, {})
+    });
+  }
   return /*#__PURE__*/jsxs(Container, {
     className: "w-full",
     children: [/*#__PURE__*/jsx(Header$2, {
@@ -1496,7 +1503,7 @@ var Header = withT(function (_ref) {
     })]
   });
 });
-var Header$1 = /*#__PURE__*/React.memo(Header);
+var Header$1 = /*#__PURE__*/memo(Header);
 
 var Webhooks = function Webhooks(_ref) {
   var deliveriesPath = _ref.deliveriesPath,
@@ -1564,7 +1571,10 @@ var Webhooks = function Webhooks(_ref) {
     setIsDeleteAlertOpen(true);
   }, []);
   if (isLoading) {
-    return /*#__PURE__*/jsx(PageLoader, {});
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(Spinner, {})
+    });
   }
   return /*#__PURE__*/jsxs(Container, {
     className: containerClassName,