@abtnode/ux 1.15.17 → 1.16.0-beta-b16cb035

package/lib/blocklet/version.js

@@ -0,0 +1,156 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockletVersion;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _notistack = require("notistack");
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _ArrowUpward = _interopRequireDefault(require("@mui/icons-material/ArrowUpward"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _constant = require("@blocklet/constant");
+var _util = require("@blocklet/meta/lib/util");
+var _tag = _interopRequireDefault(require("../tag"));
+var _confirm = _interopRequireDefault(require("../confirm"));
+var _node = require("../contexts/node");
+var _util2 = require("../util");
+var _permission = require("../permission");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["blocklet", "checkUpgrade", "hasPermission"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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; }
+function Version(_ref) {
+  let {
+      blocklet,
+      checkUpgrade,
+      hasPermission
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const {
+    api
+  } = (0, _node.useNodeContext)();
+  const {
+    t
+  } = (0, _react.useContext)(_context.LocaleContext);
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [error, setError] = (0, _react.useState)('');
+  const [newVersionBlocklet, setNewVersionBlocklet] = (0, _react.useState)(null);
+  const [confirmSetting, setConfirmSetting] = (0, _react.useState)(null);
+  const {
+    enqueueSnackbar
+  } = (0, _notistack.useSnackbar)();
+  (0, _react.useEffect)(() => {
+    setNewVersionBlocklet(null);
+    if (checkUpgrade && blocklet.mode !== _constant.BLOCKLET_MODES.DEVELOPMENT) {
+      // The implementation was removed and will be restore in the further
+    }
+  }, [blocklet, checkUpgrade]); // eslint-disable-line
+
+  const onCancel = () => {
+    setLoading(false);
+    setConfirmSetting(null);
+  };
+  const onConfirm = async () => {
+    setLoading(true);
+    try {
+      const input = {
+        did: blocklet.meta.did,
+        version: newVersionBlocklet.version,
+        storeUrl: newVersionBlocklet.registryUrl || ''
+      };
+      await (0, _util2.sleep)(2000);
+      await api.upgradeBlocklet({
+        input
+      });
+    } catch (err) {
+      enqueueSnackbar("Blocklet upgrade failed: ".concat((0, _util2.formatError)(err)), {
+        autoHideDuration: 5000,
+        variant: 'error'
+      });
+    } finally {
+      setLoading(false);
+      setConfirmSetting(null);
+    }
+  };
+  const setting = {
+    title: "".concat(t('common.upgrade'), " ").concat(t('common.blocklet'), " ").concat((0, _util.getDisplayName)(blocklet)),
+    description: t('blocklet.action.upgradeDescription'),
+    confirm: t('blocklet.action.confirmUpgrade'),
+    cancel: t('common.cancel'),
+    onConfirm,
+    onCancel
+  };
+  if (hasPermission && newVersionBlocklet && !(0, _util2.isInProgress)(blocklet.status)) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tag.default, _objectSpread(_objectSpread({}, rest), {}, {
+        children: blocklet.meta.version
+      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+        title: t('common.updateAvailable', {
+          version: newVersionBlocklet.version
+        }),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+          size: "small",
+          style: {
+            marginLeft: 8
+          },
+          disabled: loading,
+          onClick: () => setConfirmSetting(setting),
+          children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+            size: 16
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowUpward.default, {
+            style: {
+              fontSize: 16,
+              color: 'red'
+            }
+          })
+        })
+      }), !!error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.default, {
+        variant: "error",
+        message: error,
+        onClose: () => setError('')
+      }), confirmSetting && /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirm.default, {
+        title: confirmSetting.title,
+        description: confirmSetting.description,
+        confirm: confirmSetting.confirm,
+        cancel: confirmSetting.cancel,
+        params: confirmSetting.params,
+        onConfirm: confirmSetting.onConfirm,
+        onCancel: confirmSetting.onCancel
+      })]
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tag.default, _objectSpread(_objectSpread({}, rest), {}, {
+    children: blocklet.meta.version
+  }));
+}
+Version.propTypes = {
+  blocklet: _propTypes.default.object.isRequired,
+  checkUpgrade: _propTypes.default.bool,
+  hasPermission: _propTypes.default.bool
+};
+Version.defaultProps = {
+  checkUpgrade: false,
+  hasPermission: false
+};
+const BlockletVersionInDaemon = (0, _permission.withPermission)(Version, 'mutate_blocklets');
+const BlockletVersionInService = (0, _permission.withPermission)(Version, '', _util2.BlockletAdminRoles);
+function BlockletVersion(props) {
+  const {
+    inService
+  } = (0, _node.useNodeContext)();
+  if (inService) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockletVersionInService, _objectSpread({}, props));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockletVersionInDaemon, _objectSpread({}, props));
+}

package/lib/card-selector.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CardSelector;
+var _react = require("react");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+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 CardSelector(_ref) {
+  let {
+    list,
+    width,
+    height,
+    cardSpace,
+    onSelect,
+    defaultIndex
+  } = _ref;
+  const [selectedId, setSelectedId] = (0, _react.useState)(0);
+  const [translateX, setTranslateX] = (0, _react.useState)(0);
+  const outterCon = (0, _react.useRef)(null);
+
+  // 选择卡片
+  const selectedItem = i => {
+    if (i < 0 || i > list.length - 1) {
+      return;
+    }
+    setSelectedId(i);
+
+    // 外部容器大小
+    const outerWidth = outterCon.current.clientWidth;
+    setTranslateX(i * (width + cardSpace) - (outerWidth - width) / 2 + cardSpace * 0.5);
+    onSelect(i);
+  };
+  (0, _react.useEffect)(() => {
+    selectedItem(defaultIndex);
+    const func = e => e.preventDefault();
+    outterCon.current.addEventListener('touchmove', func, {
+      passive: false
+    });
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  let startX;
+  const touchstart = e => {
+    const point = e.touches[0];
+    startX = point.clientX;
+  };
+  const touchend = e => {
+    const point = e.changedTouches[0];
+    const diffX = startX - point.clientX;
+    if (Math.abs(diffX) > 60) {
+      if (diffX > 0) {
+        selectedItem(selectedId + 1);
+      } else {
+        selectedItem(selectedId - 1);
+      }
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Contianer, {
+    ref: outterCon,
+    onTouchStart: touchstart,
+    onTouchEnd: touchend,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "card-container",
+      style: {
+        transform: "translate(".concat(-translateX, "px, 0)")
+      },
+      children: list.map((e, i) => {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "card-item ".concat(i === selectedId ? 'selected' : ''),
+          style: {
+            width,
+            height,
+            margin: cardSpace / 2
+          }
+          // eslint-disable-next-line react/no-array-index-key
+          ,
+
+          onClick: () => selectedItem(i),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+            src: e.src,
+            alt: e.name
+          })
+        }, i);
+      })
+    })
+  });
+}
+const Contianer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  overflow: hidden;\n  mask-image: linear-gradient(to left, transparent, black 3%, black 97%, transparent);\n  overflow: hidden;\n  .card-container {\n    display: flex;\n    white-space: nowrap;\n    width: max-content;\n    transition: all ease 0.3s;\n  }\n  .card-item {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    flex-shrink: 0;\n    cursor: pointer;\n    img {\n      max-width: 100%;\n      max-height: 100%;\n      width: auto;\n      height: auto;\n      outline: #526ded solid 0;\n      transition: all ease 0.2s;\n      box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;\n    }\n    &.selected {\n      cursor: default;\n      img {\n        outline: #526ded solid 5px;\n      }\n    }\n  }\n"])));
+CardSelector.propTypes = {
+  list: _propTypes.default.array,
+  width: _propTypes.default.number,
+  height: _propTypes.default.number,
+  cardSpace: _propTypes.default.number,
+  onSelect: _propTypes.default.func,
+  defaultIndex: _propTypes.default.number
+};
+CardSelector.defaultProps = {
+  list: '',
+  width: 300,
+  height: 400,
+  cardSpace: 40,
+  onSelect: () => {},
+  defaultIndex: 0
+};

package/lib/certificate.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Certificate;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _get = _interopRequireDefault(require("lodash/get"));
+var _Https = _interopRequireDefault(require("@mui/icons-material/Https"));
+var _Popover = _interopRequireDefault(require("@mui/material/Popover"));
+var _Card = _interopRequireDefault(require("@mui/material/Card"));
+var _CardContent = _interopRequireDefault(require("@mui/material/CardContent"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _util = require("./util");
+var _node = require("./contexts/node");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function Certificate(_ref) {
+  let {
+    certificate
+  } = _ref;
+  const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
+  const node = (0, _node.useNodeContext)();
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const handlePopoverOpen = event => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handlePopoverClose = () => {
+    setAnchorEl(null);
+  };
+  const open = Boolean(anchorEl);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Https.default, {
+      "aria-owns": open ? 'mouse-over-popover' : undefined,
+      onMouseEnter: handlePopoverOpen,
+      onMouseLeave: handlePopoverClose,
+      style: {
+        color: '#44cdc6',
+        fontSize: 20,
+        marginLeft: 8,
+        cursor: 'pointer'
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
+      id: "mouse-over-popover",
+      style: {
+        pointerEvents: 'none'
+      },
+      open: open,
+      anchorEl: anchorEl,
+      anchorOrigin: {
+        vertical: 'bottom',
+        horizontal: 'left'
+      },
+      transformOrigin: {
+        vertical: 'top',
+        horizontal: 'left'
+      },
+      onClose: handlePopoverClose,
+      disableRestoreFocus: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Card.default, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CardContent.default, {
+          style: {
+            display: 'flex'
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+              src: "".concat(node.imgPrefix, "/https-certificate-icon.png"),
+              alt: "certificate icon",
+              style: {
+                maxHeight: '100%',
+                maxWidth: '100%'
+              }
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+            component: "div",
+            style: {
+              marginLeft: '16px'
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+              component: "div",
+              style: {
+                fontWeight: 'bold'
+              },
+              children: certificate.domain
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+              component: "div",
+              children: "".concat(t('common.issuer'), ": ").concat((0, _get.default)(certificate, 'issuer.commonName', ''))
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+              component: "div",
+              children: "".concat(t('router.cert.issuedOn'), ": ").concat((0, _util.formatToDate)(certificate.validFrom))
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+              component: "div",
+              children: "".concat(t('router.cert.expiryOn'), ": ").concat((0, _util.formatToDate)(certificate.validTo))
+            })]
+          })]
+        })
+      })
+    })]
+  });
+}
+Certificate.propTypes = {
+  certificate: _propTypes.default.object
+};
+Certificate.defaultProps = {
+  certificate: {}
+};

package/lib/click-to-copy.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ClickToCopy;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _ClickToCopy = _interopRequireDefault(require("@arcblock/ux/lib/ClickToCopy"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["children"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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; }
+function ClickToCopy(_ref) {
+  let {
+      children
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const {
+    t
+  } = (0, _react.useContext)(_context.LocaleContext);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickToCopy.default, _objectSpread(_objectSpread({
+    tip: t('common.copyTip'),
+    copiedTip: t('common.copiedTip')
+  }, rest), {}, {
+    children: children
+  }));
+}
+ClickToCopy.propTypes = {
+  children: _propTypes.default.any.isRequired
+};

package/lib/confirm.js

@@ -0,0 +1,149 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ConfirmDialog;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
+var _Alert = _interopRequireDefault(require("@mui/material/Alert"));
+var _useTheme = _interopRequireDefault(require("@mui/material/styles/useTheme"));
+var _useMediaQuery = _interopRequireDefault(require("@mui/material/useMediaQuery"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _util = require("./util");
+var _mobileWidth = _interopRequireDefault(require("./hooks/mobile-width"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+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 ConfirmDialog(_ref) {
+  let {
+    title,
+    description,
+    showCancel,
+    cancel,
+    confirm,
+    color,
+    params: initialParams,
+    onCancel,
+    onConfirm
+  } = _ref;
+  const [params, setParams] = (0, _react.useState)(initialParams);
+  const [open, setOpen] = (0, _react.useState)(true);
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const [error, setError] = (0, _react.useState)('');
+  const {
+    t: changeLocale
+  } = (0, _context.useLocaleContext)();
+  const theme = (0, _useTheme.default)();
+  const onCallback = async cb => {
+    if (typeof cb === 'function') {
+      setLoading(true);
+      try {
+        await cb(params);
+        setOpen(false);
+      } catch (err) {
+        setError((0, _util.formatError)(err));
+        console.error(err);
+      } finally {
+        setLoading(false);
+      }
+    } else {
+      setOpen(false);
+    }
+  };
+  const t = typeof title === 'function' ? title() : title;
+  const d = typeof description === 'function' ? description(params, setParams, setError) : description;
+  const isBreakpointsDownSm = (0, _useMediaQuery.default)(theme.breakpoints.down('md'));
+  const handleClick = e => {
+    e.stopPropagation();
+  };
+  const {
+    minWidth
+  } = (0, _mobileWidth.default)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledDialog, {
+    onClick: handleClick,
+    fullScreen: isBreakpointsDownSm,
+    open: open,
+    style: {
+      minWidth
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogTitle.default, {
+      children: t
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DialogContent.default, {
+      style: {
+        minWidth
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContentText.default, {
+        component: "div",
+        children: d
+      }), !!error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
+        severity: "error",
+        style: {
+          width: '100%',
+          marginTop: 8
+        },
+        children: error
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DialogActions.default, {
+      className: "delete-actions",
+      style: {
+        padding: '8px 24px 24px'
+      },
+      children: [showCancel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+        onClick: e => {
+          e.stopPropagation();
+          onCallback(onCancel);
+        },
+        color: "inherit",
+        "data-cy": "cancel-confirm-dialog",
+        children: cancel || changeLocale('common.cancel')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+        onClick: e => {
+          e.stopPropagation();
+          onCallback(onConfirm);
+        },
+        color: color
+        // eslint-disable-next-line no-underscore-dangle
+        ,
+        disabled: params.__disableConfirm || loading,
+        variant: "contained",
+        "data-cy": "submit-confirm-dialog",
+        autoFocus: true,
+        children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+          size: 16
+        }), confirm]
+      })]
+    })]
+  });
+}
+ConfirmDialog.propTypes = {
+  title: _propTypes.default.any.isRequired,
+  description: _propTypes.default.any.isRequired,
+  // can be a function that renders different content based on params
+  showCancel: _propTypes.default.bool,
+  cancel: _propTypes.default.string,
+  color: _propTypes.default.string,
+  confirm: _propTypes.default.string,
+  params: _propTypes.default.object,
+  // This object holds states managed in the dialog
+  onCancel: _propTypes.default.func,
+  onConfirm: _propTypes.default.func.isRequired
+};
+ConfirmDialog.defaultProps = {
+  onCancel: () => {},
+  showCancel: true,
+  cancel: '',
+  confirm: 'Confirm',
+  color: 'error',
+  params: {}
+};
+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"])));