@bigbinary/neeto-webhooks-frontend 1.6.1 → 1.6.3

package/dist/index.js

@@ -1,6 +1,7 @@
 import React, { useState, useRef, useCallback } from 'react';
 import { useParams, useRouteMatch, 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, PLURAL } from '@bigbinary/neeto-commons-frontend/constants';
 import Container from '@bigbinary/neeto-molecules/Container';
 import Header$2 from '@bigbinary/neeto-molecules/Header';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
@@ -9,13 +10,12 @@ import { Spinner, Typography, Tag, Tab, Pane, Button, Table, NoData, Dropdown, A
 import { useTranslation, Trans } from 'react-i18next';
 import { QueryClient, QueryCache, QueryClientProvider, useQuery, useQueryClient, useMutation } from 'react-query';
 import { ReactQueryDevtools } from 'react-query/devtools';
-import { DEFAULT_STALE_TIME, SINGULAR, PLURAL } from '@bigbinary/neeto-commons-frontend/constants';
 import axios from 'axios';
 import DateFormat from '@bigbinary/neeto-molecules/DateFormat';
 import { t as t$1 } from 'i18next';
 import { prop, pluck, assoc } from 'ramda';
 import { MenuHorizontal, Info } from '@bigbinary/neeto-icons';
-import { Form, Input, Select, Switch, ActionBlock } from '@bigbinary/neetoui/formik';
+import { Form, Textarea, Select, Input, Switch, ActionBlock } from '@bigbinary/neetoui/formik';
 import { buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
 import * as yup from 'yup';
 
@@ -170,8 +170,6 @@ var useRedeliverWebhook = function useRedeliverWebhook() {
   });
 };
 
-var DEFAULT_PAGE_SIZE = 10;
-
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
     var info = gen[key](arg);
@@ -792,7 +790,7 @@ var Deliveries = function Deliveries(_ref) {
   var _useFetchDeliveries = useFetchDeliveries({
       webhookId: webhookId,
       page: pageNumber,
-      limit: DEFAULT_PAGE_SIZE
+      pageSize: DEFAULT_PAGE_SIZE
     }),
     isLoading = _useFetchDeliveries.isLoading,
     isFetching = _useFetchDeliveries.isFetching,
@@ -1176,13 +1174,14 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
       className: "flex items-center justify-center"
     }, /*#__PURE__*/React.createElement(Spinner, null)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pane.Body, null, /*#__PURE__*/React.createElement("div", {
       className: "w-full space-y-4"
-    }, /*#__PURE__*/React.createElement(Input, {
+    }, /*#__PURE__*/React.createElement(Textarea, {
       required: true,
       "data-cy": "endpoint-input-field",
       label: t("neetoWebhooks.webhook.endpoint"),
       name: "endpoint",
       placeholder: t("neetoWebhooks.webhook.endpointPlaceholder"),
-      ref: endpointRef
+      ref: endpointRef,
+      rows: 1
     }), !isLoading && /*#__PURE__*/React.createElement(Select, {
       isMulti: true,
       required: true,
@@ -1197,7 +1196,7 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
       name: "secret",
       placeholder: t("neetoWebhooks.webhook.secretPlaceholder"),
       label: /*#__PURE__*/React.createElement(Trans, {
-        i18nKey: "webhook.secret",
+        i18nKey: "neetoWebhooks.webhook.secret",
         components: {
           helpLink: /*#__PURE__*/React.createElement("a", {
             href: WEBHOOK_HELP_URL,
@@ -1285,7 +1284,7 @@ var Webhooks = function Webhooks(_ref) {
   var _useFetchWebhooks = useFetchWebhooks({
       entityId: entityId,
       page: pageNumber,
-      limit: DEFAULT_PAGE_SIZE
+      pageSize: DEFAULT_PAGE_SIZE
     }),
     isLoading = _useFetchWebhooks.isLoading,
     isFetching = _useFetchWebhooks.isFetching,