@abtnode/ux 1.16.20 → 1.16.21-beta-edf184e1

package/es/notifications/page.js

@@ -0,0 +1,316 @@
+/* eslint-disable react/jsx-one-expression-per-line */
+/* eslint-disable operator-linebreak */
+import { useState, useContext } from 'react';
+import styled from '@emotion/styled';
+import { Link } from 'react-router-dom';
+import PropTypes from 'prop-types';
+import { format } from 'timeago.js';
+import List from '@mui/material/List';
+import ListItem from '@mui/material/ListItem';
+import ListItemText from '@mui/material/ListItemText';
+import Spinner from '@mui/material/CircularProgress';
+import ListItemAvatar from '@mui/material/ListItemAvatar';
+import Tooltip from '@mui/material/Tooltip';
+import Avatar from '@mui/material/Avatar';
+import Divider from '@mui/material/Divider';
+import Typography from '@mui/material/Typography';
+import Checkbox from '@mui/material/Checkbox';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import ListItemSecondaryAction from '@mui/material/ListItemSecondaryAction';
+import IconButton from '@mui/material/IconButton';
+import VisibilityOffIcon from '@mui/icons-material/VisibilityOff';
+import Box from '@mui/material/Box';
+import Pagination from '@mui/lab/Pagination';
+import Button from '@arcblock/ux/lib/Button';
+import { LocaleContext } from '@arcblock/ux/lib/Locale/context';
+import NotificationTag from './tag';
+import { BlockletAdminRoles, formatLocale, formatToDatetime } from '../util';
+import Permission from '../permission';
+import { useNodeContext } from '../contexts/node';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export default function NotificationsPage({
+  api,
+  paging,
+  loading,
+  notifications,
+  updateNotifications,
+  teamDid
+}) {
+  const {
+    inService
+  } = useNodeContext();
+  const [showRead, setShowRead] = useState(true);
+  const [isMarkingAll, setIsMarkingAll] = useState(false);
+  const {
+    t,
+    locale
+  } = useContext(LocaleContext);
+  const onUnreadNotifications = async () => {
+    setIsMarkingAll(true);
+    const ids = notifications.filter(x => x.read === false).map(x => x.id).join(',');
+    if (inService) {
+      await api.readBlockletNotifications({
+        input: {
+          id: ids,
+          teamDid
+        }
+      });
+    } else {
+      await api.readNotifications({
+        input: {
+          id: ids
+        }
+      });
+    }
+    updateNotifications();
+    setIsMarkingAll(false);
+  };
+  const markAsRead = async id => {
+    if (inService) {
+      await api.readBlockletNotifications({
+        input: {
+          id,
+          teamDid
+        }
+      });
+    } else {
+      await api.readNotifications({
+        input: {
+          id
+        }
+      });
+    }
+    updateNotifications();
+  };
+  const filtered = showRead ? notifications : notifications.filter(x => x.read === false);
+  const hasUnRead = notifications.filter(x => x.read === false).length > 0;
+  const itemTitle = x => /*#__PURE__*/_jsxs("div", {
+    className: "title",
+    children: [x.title, ' ', /*#__PURE__*/_jsx("span", {
+      className: "time-ago",
+      title: formatToDatetime(x.createdAt, locale),
+      children: format(new Date(x.createdAt), formatLocale(locale))
+    })]
+  });
+  return /*#__PURE__*/_jsxs(Div, {
+    children: [/*#__PURE__*/_jsxs(Typography, {
+      component: "h2",
+      variant: "h4",
+      className: "page-header",
+      color: "textPrimary",
+      children: [t('notification.title'), /*#__PURE__*/_jsxs(Typography, {
+        component: "span",
+        className: "notification-actions",
+        children: [/*#__PURE__*/_jsx(FormControlLabel, {
+          control: /*#__PURE__*/_jsx(Checkbox, {
+            checked: showRead,
+            onChange: () => setShowRead(!showRead),
+            name: "showRead",
+            color: "primary"
+          }),
+          label: t('notification.showRead')
+        }), /*#__PURE__*/_jsx(Permission, {
+          permission: inService ? '' : 'mutate_notification',
+          role: inService ? BlockletAdminRoles : [],
+          children: hasUnRead && /*#__PURE__*/_jsxs(Button, {
+            disabled: isMarkingAll,
+            onClick: onUnreadNotifications,
+            className: "",
+            children: [isMarkingAll && /*#__PURE__*/_jsx(Spinner, {
+              size: 16,
+              style: {
+                marginRight: '1em'
+              }
+            }), t('notification.markAllAsRead')]
+          })
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsxs(List, {
+      className: "notification-list",
+      children: [loading && /*#__PURE__*/_jsx(Spinner, {
+        size: [32, 20],
+        style: {
+          opacity: '0.8',
+          zIndex: 10000,
+          position: 'fixed',
+          top: 30,
+          left: '50%',
+          marginLeft: -16
+        }
+      }), filtered.length === 0 && /*#__PURE__*/_jsx(Typography, {
+        component: "p",
+        variant: "body1",
+        className: "notification-tip",
+        children: t('notification.empty')
+      }), filtered.length > 0 && filtered.map(x => {
+        if (x.action) {
+          return /*#__PURE__*/_jsxs(ListItem, {
+            component: Link,
+            to: x.action,
+            alignItems: "flex-start",
+            disabled: x.read,
+            children: [/*#__PURE__*/_jsx(ListItemAvatar, {
+              className: "list-item-avatar",
+              children: /*#__PURE__*/_jsxs(_Fragment, {
+                children: [/*#__PURE__*/_jsx(Avatar, {
+                  children: x.entityType.substr(0, 1).toUpperCase()
+                }), /*#__PURE__*/_jsx(NotificationTag, {
+                  className: "notification-tag",
+                  status: x.severity
+                })]
+              })
+            }), /*#__PURE__*/_jsx(ListItemText, {
+              className: "list-item-text",
+              classes: {
+                secondary: 'list-item-secondary-text'
+              },
+              primary: itemTitle(x),
+              secondary: x.description
+            }), x.read === false && /*#__PURE__*/_jsx(ListItemSecondaryAction, {
+              children: /*#__PURE__*/_jsx(Tooltip, {
+                title: t('notification.markAsRead'),
+                children: /*#__PURE__*/_jsx(IconButton, {
+                  edge: "end",
+                  "aria-label": "delete",
+                  onClick: () => markAsRead(x.id),
+                  size: "large",
+                  children: /*#__PURE__*/_jsx(VisibilityOffIcon, {})
+                })
+              })
+            })]
+          }, x.id);
+        }
+        return /*#__PURE__*/_jsxs(ListItem, {
+          alignItems: "flex-start",
+          disabled: x.read,
+          children: [/*#__PURE__*/_jsx(ListItemAvatar, {
+            className: "list-item-avatar",
+            children: /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx(Avatar, {
+                children: x.entityType.substr(0, 1).toUpperCase()
+              }), /*#__PURE__*/_jsx(NotificationTag, {
+                className: "notification-tag",
+                status: x.severity
+              })]
+            })
+          }), /*#__PURE__*/_jsx(ListItemText, {
+            className: "list-item-text",
+            classes: {
+              secondary: 'list-item-secondary-text'
+            },
+            primary: itemTitle(x),
+            secondary: x.description
+          }), x.read === false && /*#__PURE__*/_jsx(ListItemSecondaryAction, {
+            children: /*#__PURE__*/_jsx(Tooltip, {
+              title: t('notification.markAsRead'),
+              children: /*#__PURE__*/_jsx(IconButton, {
+                edge: "end",
+                "aria-label": "delete",
+                onClick: () => markAsRead(x.id),
+                size: "large",
+                children: /*#__PURE__*/_jsx(VisibilityOffIcon, {})
+              })
+            })
+          })]
+        }, x.id);
+      })]
+    }), !!filtered.length && paging.pageCount > 1 && /*#__PURE__*/_jsx(Box, {
+      mt: 2,
+      display: "flex",
+      justifyContent: "flex-end",
+      children: /*#__PURE__*/_jsx(Pagination, {
+        disabled: loading,
+        count: paging.pageCount,
+        page: paging.page,
+        onChange: (e, value) => {
+          updateNotifications({
+            page: value
+          });
+        }
+      })
+    })]
+  });
+}
+const Div = styled.div`
+  min-height: 60vh;
+
+  .page-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .notification-actions {
+      width: auto;
+      display: flex;
+      justify-content: space-between;
+    }
+  }
+
+  .page-content {
+    margin-top: 16px;
+  }
+
+  .list-item-avatar {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    min-width: 80px;
+
+    .notification-tag {
+      margin-top: 4px;
+    }
+  }
+
+  .MuiListItem-root:not(.Mui-disabled) {
+    .MuiAvatar-root {
+      background: ${props => props.theme.palette.primary.light};
+    }
+  }
+
+  .list-item-text {
+    .title {
+      display: flex;
+      align-items: center;
+      .time-ago {
+        background: #bdbdbd;
+        font-size: 11px;
+        margin-left: 8px;
+        color: #f7f8f8;
+        border-radius: 3px;
+        padding: 1px 4px;
+      }
+    }
+  }
+  .Mui-disabled .list-item-text .title .time-ago {
+    background: #666;
+  }
+
+  .list-item-secondary-text {
+    word-break: break-word;
+  }
+`;
+NotificationsPage.propTypes = {
+  loading: PropTypes.bool,
+  paging: PropTypes.objectOf(PropTypes.any),
+  api: PropTypes.shape({
+    readNotifications: PropTypes.func.isRequired,
+    readBlockletNotifications: PropTypes.func.isRequired
+  }).isRequired,
+  notifications: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string,
+    read: PropTypes.bool,
+    entityType: PropTypes.string,
+    title: PropTypes.string,
+    createdAt: PropTypes.string,
+    description: PropTypes.string
+  }).isRequired).isRequired,
+  updateNotifications: PropTypes.func.isRequired,
+  teamDid: PropTypes.string
+};
+NotificationsPage.defaultProps = {
+  paging: false,
+  loading: false,
+  teamDid: ''
+};

package/es/notifications/tag.js

@@ -0,0 +1,28 @@
+import PropTypes from 'prop-types';
+import Tag from '@arcblock/ux/lib/Tag';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function NotificationTag({
+  status,
+  ...rest
+}) {
+  const map = {
+    warning: 'warning',
+    error: 'error',
+    info: 'primary'
+  };
+  if (!status || status === 'info' || status === 'success') {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(Tag, {
+    type: map[status],
+    style: {
+      borderRadius: 5,
+      border: '1px solid #ccc'
+    },
+    ...rest,
+    children: status
+  });
+}
+NotificationTag.propTypes = {
+  status: PropTypes.string.isRequired
+};

package/lib/blocklet/configuration.js

@@ -20,7 +20,7 @@ var _constant2 = require("@blocklet/constant");
 var _util = require("@blocklet/meta/lib/util");
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
 var _formTextInput = _interopRequireDefault(require("../form/form-text-input"));
-var _formSelectInput = _interopRequireDefault(require("../form/form-select-input"));
+var _formAutocompleteInput = _interopRequireDefault(require("../form/form-autocomplete-input"));
 var _node = require("../contexts/node");
 var _util2 = require("../util");
 var _mode = require("../util/mode");
@@ -46,8 +46,10 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const languages = Object.keys(_constant2.SUPPORTED_LANGUAGES).map(x => ({
   code: x,
-  name: _constant2.SUPPORTED_LANGUAGES[x].nativeName
+  name: _constant2.SUPPORTED_LANGUAGES[x].nativeName,
+  enName: _constant2.SUPPORTED_LANGUAGES[x].name
 }));
+const languagesFilterKeys = ['name', 'enName', 'code'];
 function BlockletEnvironment(_ref) {
   var _blocklet$settings;
   let {
@@ -370,16 +372,19 @@ function BlockletEnvironment(_ref) {
         fontSize: 14,
         mb: 0,
         children: t('blocklet.config.languages')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_formSelectInput.default, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_formAutocompleteInput.default, {
         style: {
           marginTop: 0
         },
         disabled: loading || disabled,
         loading: loading,
         options: languages,
+        noEmpty: true,
         initialValue: customLanguages ? customLanguages.value.split(',') : ['en', 'zh'],
         onSubmit: value => onSubmitConfig('BLOCKLET_APP_LANGUAGES', value),
-        helperText: t('blocklet.config.selectLanguagesTip')
+        helperText: t('blocklet.config.selectLanguagesTip'),
+        placeholder: t('common.search'),
+        filterKeys: languagesFilterKeys
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       className: "config-form",

package/lib/blocklet/router/action/add-domain-alias.js

@@ -12,10 +12,11 @@ var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useSetState = _interopRequireDefault(require("react-use/lib/useSetState"));
 var _confirm = _interopRequireDefault(require("../../../confirm"));
+var _domain = require("../../../contexts/domain");
 var _node = require("../../../contexts/node");
 var _util = require("../../../util");
-var _util2 = require("../util");
 var _addDomain = _interopRequireDefault(require("../add-domain"));
+var _util2 = require("../util");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -23,7 +24,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function AddDomainAlias(_ref) {
+function AddDomainAliasComponent(_ref) {
   let {
     id,
     children,
@@ -44,6 +45,7 @@ function AddDomainAlias(_ref) {
     confirmSetting: null
   });
   const cnameDomain = systemDomains.find(item => (0, _urlEvaluation.isDidDomain)(item));
+  const domainContext = (0, _domain.useDomainContext)();
   const onCancel = () => {
     setState({
       loading: false,
@@ -58,10 +60,16 @@ function AddDomainAlias(_ref) {
       loading: true
     });
     try {
+      const domain = (0, _util2.parseDomainFromURL)(params.domain);
+      const validateResult = await domainContext.validateDomain(domain);
+      if (!validateResult) {
+        // eslint-disable-next-line consistent-return
+        return false;
+      }
       await api.addDomainAlias({
         input: {
           id,
-          domainAlias: (0, _util2.parseDomainFromURL)(params.domain),
+          domainAlias: domain,
           teamDid
         }
       });
@@ -69,6 +77,10 @@ function AddDomainAlias(_ref) {
       setState({
         confirmSetting: null
       });
+    } catch (error) {
+      domainContext.setError(error.message);
+      // eslint-disable-next-line consistent-return
+      return false; // 防止 Dialog 关闭
     } finally {
       setState({
         loading: false
@@ -140,13 +152,14 @@ function AddDomainAlias(_ref) {
       params: state.confirmSetting.params,
       onConfirm: state.confirmSetting.onConfirm,
       onCancel: state.confirmSetting.onCancel,
+      displayError: false,
       color: "primary",
       loading: state.loading,
       maxWidth: "lg"
     })]
   });
 }
-AddDomainAlias.propTypes = {
+AddDomainAliasComponent.propTypes = {
   id: _propTypes.default.string.isRequired,
   children: _propTypes.default.any,
   title: _propTypes.default.string,
@@ -155,9 +168,14 @@ AddDomainAlias.propTypes = {
   appId: _propTypes.default.string,
   appPk: _propTypes.default.string.isRequired
 };
-AddDomainAlias.defaultProps = {
+AddDomainAliasComponent.defaultProps = {
   children: null,
   title: '',
   teamDid: '',
   appId: null
-};
+};
+function AddDomainAlias(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_domain.DomainProvider, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AddDomainAliasComponent, _objectSpread({}, props))
+  });
+}

package/lib/blocklet/router/add-domain.js

@@ -7,15 +7,18 @@ exports.default = AddDomain;
 var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _context = require("@arcblock/ux/lib/Locale/context");
+var _InfoOutlined = _interopRequireDefault(require("@mui/icons-material/InfoOutlined"));
 var _OpenInNew = _interopRequireDefault(require("@mui/icons-material/OpenInNew"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _Link = _interopRequireDefault(require("@mui/material/Link"));
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _useTheme = _interopRequireDefault(require("@mui/material/styles/useTheme"));
 var _noop = _interopRequireDefault(require("lodash/noop"));
 var _trim = _interopRequireDefault(require("lodash/trim"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useSetState = _interopRequireDefault(require("react-use/lib/useSetState"));
 var _urlJoin = _interopRequireDefault(require("url-join"));
+var _domain = require("../../contexts/domain");
 var _node = require("../../contexts/node");
 var _util = require("../../util");
 var _api = require("../../util/api");
@@ -54,11 +57,14 @@ function AddDomain(_ref) {
     api,
     info
   } = (0, _node.useNodeContext)();
+  const domainContext = (0, _domain.useDomainContext)();
+  const theme = (0, _useTheme.default)();
   const [state, setState] = (0, _useSetState.default)({
     domain: defaultCustomDomain,
     error: null,
     type: info !== null && info !== void 0 && info.nftDomainUrl ? 'nftDomain' : 'inputDomain',
-    showNFTDomainAuth: false
+    showNFTDomainAuth: false,
+    showDnsTip: false
   });
   let nftDomainURL = '';
   if (info.nftDomainUrl) {
@@ -100,25 +106,28 @@ function AddDomain(_ref) {
       });
     }
   };
+  const error = state.error || domainContext.error; // TODO: state error 可能不需要了
+
   const domainTypes = {
     inputDomain: {
       name: t('router.domainAlias.inputDomain'),
       component: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
           label: t('router.domainAlias.add.domainDescription'),
-          helperText: state.error || t('router.domainAlias.add.helperText'),
+          helperText: error || t('router.domainAlias.add.helperText'),
           inputProps: {
             'data-cy': 'domain-name-input'
           },
           fullWidth: true,
           disabled: disabled,
           value: state.domain,
+          size: "small",
+          variant: "outlined",
+          error: !!error,
           onChange: e => {
             var _e$target;
             const value = (0, _trim.default)((_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value);
-            setState({
-              domain: value
-            });
+            domainContext.setDomain(value);
             const errMessage = (0, _util.validateDomain)(value, locale);
             setState({
               domain: value,
@@ -131,20 +140,35 @@ function AddDomain(_ref) {
           },
           autoFocus: autoFocus,
           onBlur: () => {
-            if (!state.domain) {
+            if (!domainContext.domain) {
               setState({
                 error: null
               });
+              domainContext.setError(null);
             }
+          }
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+          sx: {
+            cursor: 'pointer',
+            fontSize: '14px',
+            display: 'flex',
+            alignItems: 'center',
+            gap: '4px',
+            marginTop: '8px',
+            lineHeight: 1,
+            color: theme.palette.primary.main
           },
-          size: "small",
-          variant: "outlined",
-          error: !!state.error
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_dnsTip.default, {
+          onClick: () => setState({
+            showDnsTip: !state.showDnsTip
+          }),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_InfoOutlined.default, {
+            fontSize: "1em"
+          }), t('router.domainAlias.showTipHint')]
+        }), state.showDnsTip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_dnsTip.default, {
           domain: state.domain,
           resolvedTarget: cnameDomain,
           style: {
-            marginTop: '8px'
+            marginTop: '4px'
           }
         })]
       })
@@ -237,6 +261,10 @@ function AddDomain(_ref) {
         var _domainTypes$type, _domainTypes$type2;
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
           children: [inputDomainTypes.length > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+            sx: {
+              fontWeight: 700,
+              color: theme.palette.text.primary
+            },
             children: "".concat(t("optionsOrder.".concat(index + 1)), ": ").concat((_domainTypes$type = domainTypes[type]) === null || _domainTypes$type === void 0 ? void 0 : _domainTypes$type.name)
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
             sx: {

package/lib/confirm.js

@@ -22,7 +22,7 @@ var _util = require("./util");
 var _mobileWidth = _interopRequireDefault(require("./hooks/mobile-width"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
-const _excluded = ["title", "description", "showCancel", "cancel", "confirm", "color", "params", "onCancel", "onConfirm", "loading"];
+const _excluded = ["title", "description", "showCancel", "cancel", "confirm", "color", "params", "onCancel", "onConfirm", "loading", "displayError"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 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; }
@@ -43,7 +43,8 @@ function ConfirmDialog(_ref) {
       params: initialParams,
       onCancel,
       onConfirm,
-      loading: inputLoading
+      loading: inputLoading,
+      displayError
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const [params, setParams] = (0, _react.useState)(initialParams);
@@ -58,7 +59,10 @@ function ConfirmDialog(_ref) {
     if (typeof cb === 'function') {
       setLoading(true);
       try {
-        await cb(params);
+        const res = await cb(params);
+        if (res === false) {
+          return;
+        }
         setOpen(false);
       } catch (err) {
         setError((0, _util.formatError)(err));
@@ -96,7 +100,7 @@ function ConfirmDialog(_ref) {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContentText.default, {
         component: "div",
         children: d
-      }), !!error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
+      }), !!error && displayError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
         severity: "error",
         style: {
           width: '100%',
@@ -151,7 +155,8 @@ ConfirmDialog.propTypes = {
   // This object holds states managed in the dialog
   onCancel: _propTypes.default.func,
   onConfirm: _propTypes.default.func.isRequired,
-  loading: _propTypes.default.bool
+  loading: _propTypes.default.bool,
+  displayError: _propTypes.default.bool
 };
 ConfirmDialog.defaultProps = {
   onCancel: () => {},
@@ -160,6 +165,7 @@ ConfirmDialog.defaultProps = {
   confirm: 'Confirm',
   color: 'error',
   params: {},
-  loading: false
+  loading: false,
+  displayError: true
 };
 const StyledDialog = (0, _styled.default)(_Dialog.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .delete-actions .Mui-disabled {\n    color: rgba(0, 0, 0, 0.26) !important;\n    box-shadow: none;\n    background-color: rgba(0, 0, 0, 0.12) !important;\n  }\n"])));