@blocklet/ui-react 2.9.13 → 2.9.14

package/lib/Icon/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Icon 组件, 基于 mui Avatar 组件扩展对 iconify 的支持
+ */
+declare function Icon({ icon, size, sx, ...rest }: {
+    [x: string]: any;
+    icon: any;
+    size: any;
+    sx: any;
+}): import("react").JSX.Element | null;
+declare namespace Icon {
+    namespace propTypes {
+        let icon: any;
+        let size: any;
+        let sx: any;
+    }
+    namespace defaultProps {
+        let size_1: null;
+        export { size_1 as size };
+        let sx_1: null;
+        export { sx_1 as sx };
+    }
+}
+export default Icon;

package/lib/Icon/index.js

@@ -3,31 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = Icon;
+module.exports = Icon;
+var _jsxRuntime = require("react/jsx-runtime");
 require("iconify-icon");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
 var _utils = require("../utils");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["icon", "size", "sx"];
-/**
- * Icon 组件, 基于 mui Avatar 组件扩展对 iconify 的支持
- */
 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 Icon(_ref) {
-  let {
-      icon,
-      size,
-      sx
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+function Icon({
+  icon,
+  size,
+  sx,
+  ...rest
+}) {
   const _sx = [...(Array.isArray(sx) ? sx : [sx])];
   if (size) {
     _sx.push({
@@ -35,58 +23,56 @@ function Icon(_ref) {
       height: size
     });
   }
-  // 禁用默认的 circular variant 样式
   if (!rest.variant) {
     _sx.push({
-      '&.MuiAvatar-root': {
-        color: 'inherit',
-        fontWeight: 'bold',
-        backgroundColor: 'transparent',
+      "&.MuiAvatar-root": {
+        color: "inherit",
+        fontWeight: "bold",
+        backgroundColor: "transparent",
         borderRadius: 0
       },
       // 无 icon 背景时, svg icon 尺寸与窗口尺寸一致
-      '&.MuiAvatar-root svg': {
-        width: '100%',
-        height: '100%'
+      "&.MuiAvatar-root svg": {
+        width: "100%",
+        height: "100%"
       }
     });
   }
   if ((0, _utils.isUrl)(icon)) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, _objectSpread(_objectSpread({
-      as: "span"
-    }, rest), {}, {
+    return /* @__PURE__ */(0, _jsxRuntime.jsx)(_Avatar.default, {
+      as: "span",
+      ...rest,
       src: icon,
       sx: _sx
-    }));
+    });
   }
   if ((0, _utils.isIconifyString)(icon)) {
-    // y = 0.6 * x + 4
     const height = size ? 0.6 * size + 4 : 0;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, _objectSpread(_objectSpread({
-      as: "span"
-    }, rest), {}, {
+    return /* @__PURE__ */(0, _jsxRuntime.jsx)(_Avatar.default, {
+      as: "span",
+      ...rest,
       sx: _sx,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("iconify-icon", {
-        icon: icon,
-        height: height || undefined
+      children: /* @__PURE__ */(0, _jsxRuntime.jsx)("iconify-icon", {
+        icon,
+        height: height || void 0
       })
-    }));
+    });
   }
-  // letter avatar
-  if (icon && typeof icon === 'string') {
+  if (icon && typeof icon === "string") {
     _sx.push({
-      '&.MuiAvatar-root': _objectSpread({
-        display: 'inline-flex'
-      }, size && {
-        fontSize: size - 2
-      })
+      "&.MuiAvatar-root": {
+        display: "inline-flex",
+        ...(size && {
+          fontSize: size - 2
+        })
+      }
     });
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.default, _objectSpread(_objectSpread({
-      as: "span"
-    }, rest), {}, {
+    return /* @__PURE__ */(0, _jsxRuntime.jsx)(_Avatar.default, {
+      as: "span",
+      ...rest,
       sx: _sx,
       children: Array.from(icon)[0]
-    }));
+    });
   }
   return null;
 }

package/lib/UserCenter/components/notification.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { User } from '../../@types';
+export default function Notification({ user }: {
+    user: User;
+}): import("react").JSX.Element;

package/lib/UserCenter/components/notification.js

@@ -0,0 +1,261 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = Notification;
+var _jsxRuntime = require("react/jsx-runtime");
+var _material = require("@mui/material");
+var _ahooks = require("ahooks");
+var _react = require("@iconify/react");
+var _addRounded = _interopRequireDefault(require("@iconify-icons/material-symbols/add-rounded"));
+var _Switch = _interopRequireDefault(require("@arcblock/ux/lib/Switch"));
+var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
+var _Colors = require("@arcblock/ux/lib/Colors");
+var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
+var _utils = require("@arcblock/ux/lib/SessionUser/libs/utils");
+var _util = require("@arcblock/ux/lib/Locale/util");
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _locales = require("../libs/locales");
+var _webhookItem = _interopRequireDefault(require("./webhook-item"));
+var _utils2 = require("../libs/utils");
+var _client = require("../libs/client");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function Notification({
+  user
+}) {
+  const {
+    locale
+  } = (0, _context.useLocaleContext)();
+  const t = (0, _ahooks.useMemoizedFn)((key, data = {}) => {
+    return (0, _util.translate)(_locales.translations, key, locale, "en", data);
+  });
+  const currentState = (0, _ahooks.useReactive)({
+    showAdd: false
+  });
+  const notificationConfigState = (0, _ahooks.useRequest)(async () => {
+    const data = await _client.client.user.getUserNotificationConfig();
+    return data;
+  }, {
+    refreshDeps: [user],
+    loadingDelay: 300
+  });
+  const notifications = (0, _ahooks.useCreation)(() => {
+    return {
+      wallet: true,
+      email: true,
+      phone: false,
+      ...(notificationConfigState?.data?.notifications || {})
+    };
+  }, [notificationConfigState?.data?.notifications]);
+  const webhooks = (0, _ahooks.useCreation)(() => {
+    return notificationConfigState?.data?.webhooks || [];
+  }, [notificationConfigState?.data?.webhooks]);
+  const onSaveChanges = (0, _ahooks.useMemoizedFn)(async values => {
+    try {
+      await _client.client.user.saveUserNotificationConfig(values);
+      _Toast.default.success(t("saveSuccess"));
+      notificationConfigState.run();
+    } catch (err) {
+      _Toast.default.error((0, _utils2.formatAxiosError)(err));
+    }
+  });
+  const handleChangeSwitch = (0, _ahooks.useMemoizedFn)(async (channel, value) => {
+    await onSaveChanges({
+      notifications: {
+        [channel]: value
+      }
+    });
+  });
+  const handleTestWebhook = async data => {
+    try {
+      await _client.client.user.testNotificationWebhook(data);
+      _Toast.default.success(t("webhookTested"));
+    } catch (err) {
+      _Toast.default.error((0, _utils2.formatAxiosError)(err));
+    }
+  };
+  const handleDeleteWebhook = (0, _ahooks.useMemoizedFn)(async index => {
+    await onSaveChanges({
+      webhooks: webhooks.filter((_, i) => i !== index)
+    });
+  });
+  const handleEditWebhook = (0, _ahooks.useMemoizedFn)(async (index, webhook) => {
+    await onSaveChanges({
+      webhooks: webhooks.map((item, i) => i === index ? webhook : item)
+    });
+  });
+  const handleAddWebhook = (0, _ahooks.useMemoizedFn)(async webhook => {
+    await onSaveChanges({
+      webhooks: [...webhooks, webhook]
+    });
+    currentState.showAdd = false;
+  });
+  if (notificationConfigState.error) {
+    return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Alert, {
+      severity: "error",
+      children: notificationConfigState.error.message
+    });
+  }
+  if (notificationConfigState.loading || !notificationConfigState.data) {
+    return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
+      sx: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        height: "100px"
+      },
+      children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.CircularProgress, {})
+    });
+  }
+  return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
+    sx: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 2
+    },
+    children: [/* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        gap: 1,
+        alignItems: "start",
+        ".MuiFormControlLabel-root": {
+          gap: 1,
+          m: 0,
+          flexDirection: {
+            xs: "row-reverse",
+            md: "row"
+          },
+          width: {
+            xs: "100%",
+            md: "unset"
+          }
+        },
+        ".MuiSwitch-track": {
+          borderRadius: "100vw"
+        },
+        ".MuiSwitch-thumb": {
+          borderRadius: "100%"
+        },
+        ".MuiSwitch-root.MuiSwitch-sizeSmall": {
+          height: "20px",
+          width: "36px",
+          ".MuiSwitch-thumb": {
+            width: "16px",
+            height: "16px"
+          }
+        }
+      },
+      children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_Switch.default, {
+        checked: notifications.wallet,
+        labelProps: {
+          label: /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Typography, {
+            color: "text.primary",
+            sx: {
+              fontSize: 14,
+              display: "flex",
+              flexFlow: "wrap",
+              columnGap: 1,
+              flex: 1
+            },
+            children: [t("walletNotification"), (0, _utils.getWalletDid)(user) && /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
+              component: "span",
+              color: "text.secondary",
+              fontSize: 13,
+              children: (0, _utils.getWalletDid)(user)
+            })]
+          })
+        },
+        size: "small",
+        onChange: event => handleChangeSwitch("wallet", event.target.checked)
+      }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_Switch.default, {
+        checked: notifications.email,
+        labelProps: {
+          label: /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Typography, {
+            color: "text.primary",
+            sx: {
+              fontSize: 14,
+              display: "flex",
+              flexFlow: "wrap",
+              columnGap: 1,
+              flex: 1
+            },
+            children: [t("emailNotification"), user?.email && /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
+              component: "span",
+              color: "text.secondary",
+              fontSize: 13,
+              children: user?.email
+            })]
+          })
+        },
+        size: "small",
+        onChange: event => handleChangeSwitch("email", event.target.checked)
+      }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_Switch.default, {
+        disabled: true,
+        checked: notifications.phone,
+        labelProps: {
+          label: /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Typography, {
+            color: "text.primary",
+            sx: {
+              fontSize: 14,
+              display: "flex",
+              flexFlow: "wrap",
+              columnGap: 1,
+              flex: 1
+            },
+            children: [t("phoneNotification"), user?.phone && /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
+              component: "span",
+              color: "text.secondary",
+              fontSize: 13,
+              children: user?.phone
+            })]
+          })
+        },
+        size: "small",
+        onChange: event => handleChangeSwitch("phone", event.target.checked)
+      })]
+    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Divider, {}), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Stack, {
+      spacing: 1.5,
+      useFlexGap: true,
+      direction: "column",
+      alignItems: "start",
+      children: [webhooks.map((item, index) => /* @__PURE__ */(0, _jsxRuntime.jsx)(_webhookItem.default, {
+        onTest: handleTestWebhook,
+        onDelete: () => handleDeleteWebhook(index),
+        onSave: (...args) => handleEditWebhook(index, ...args),
+        type: item.type,
+        url: item.url,
+        edit: false
+      }, `${index}_${item.url}`)), currentState.showAdd && /* @__PURE__ */(0, _jsxRuntime.jsx)(_webhookItem.default, {
+        onTest: handleTestWebhook,
+        onCancel: () => {
+          currentState.showAdd = false;
+        },
+        onSave: (...args) => handleAddWebhook(...args),
+        edit: true
+      }, "add"), /* @__PURE__ */(0, _jsxRuntime.jsx)(_Button.default, {
+        variant: "outlined",
+        size: "small",
+        sx: {
+          color: _Colors.temp.foregroundsFgBase,
+          borderColor: _Colors.temp.strokeBorderBase,
+          backgroundColor: _Colors.temp.buttonsButtonNeutral,
+          "&:hover": {
+            borderColor: _Colors.temp.strokeBorderBase,
+            backgroundColor: _Colors.temp.buttonsButtonNeutralHover
+          },
+          py: 0.5,
+          borderRadius: 2
+        },
+        startIcon: /* @__PURE__ */(0, _jsxRuntime.jsx)(_react.Icon, {
+          icon: _addRounded.default
+        }),
+        onClick: () => {
+          currentState.showAdd = true;
+        },
+        children: t("addWebhook")
+      })]
+    })]
+  });
+}

package/lib/UserCenter/components/passport.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { StackProps } from '@mui/material';
+import type { User } from '../../@types';
+export default function Passport({ user, ...rest }: {
+    user: User;
+} & StackProps): import("react").JSX.Element;

package/lib/UserCenter/components/passport.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = Passport;
+var _jsxRuntime = require("react/jsx-runtime");
+var _material = require("@mui/material");
+var _Empty = _interopRequireDefault(require("@arcblock/ux/lib/Empty"));
+var _Theme = require("@arcblock/ux/lib/Theme");
+var _Colors = require("@arcblock/ux/lib/Colors");
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Passport = _interopRequireDefault(require("@arcblock/ux/lib/Passport"));
+var _constant = require("@abtnode/constant");
+var _ahooks = require("ahooks");
+var _uniqBy = _interopRequireDefault(require("lodash/uniqBy"));
+var _utils = require("../libs/utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function Passport({
+  user,
+  ...rest
+}) {
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const theme = (0, _Theme.useTheme)();
+  const passports = (0, _ahooks.useCreation)(() => {
+    const passportList = (user?.passports || []).map(x => ({
+      ...x,
+      revoked: x.status === _constant.PASSPORT_STATUS.REVOKED
+    }));
+    passportList.sort((a, b) => {
+      if (a.revoked === b.revoked) {
+        return 0;
+      }
+      if (a.revoked) {
+        return 1;
+      } else {
+        return -1;
+      }
+    });
+    return (0, _uniqBy.default)(passportList, "role");
+  }, [user?.passports]);
+  const currentRole = (0, _ahooks.useCreation)(() => passports?.find(item => item.name === user.role), [passports, user?.role]);
+  const activeColor = (0, _ahooks.useCreation)(() => {
+    return theme?.palette?.primary?.main || _Colors.temp.textBase;
+  }, [theme?.palette?.primary?.main]);
+  if (passports.length === 0) {
+    return /* @__PURE__ */(0, _jsxRuntime.jsx)(_Empty.default, {
+      children: t("noPassport")
+    });
+  }
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Stack, {
+    direction: "row",
+    spacing: 3,
+    flexWrap: "wrap",
+    useFlexGap: true,
+    ...rest,
+    children: passports.map(x => /* @__PURE__ */(0, _jsxRuntime.jsx)(_Passport.default, {
+      passport: x,
+      user,
+      width: 200,
+      color: window.blocklet.passportColor,
+      createPassportSvg: _utils.createPassportSvg,
+      title: currentRole.role === x.role ? t("currentPassport") : "",
+      sx: {
+        flexDirection: "column",
+        alignItems: "center",
+        gap: 1,
+        ".passport-item__display": {
+          width: 166,
+          height: 166,
+          borderRadius: 2,
+          px: 2,
+          display: "flex",
+          justifyContent: "center",
+          backgroundColor: "white",
+          boxShadow: currentRole.role === x.role ? `0px 2px 4px 0px ${activeColor}, 0px 1px 2px -1px ${activeColor}, 0px 0px 0px 1px ${activeColor} !important` : "0px 2px 4px 0px rgba(2, 7, 19, 0.04), 0px 1px 2px -1px rgba(2, 7, 19, 0.08), 0px 0px 0px 1px rgba(2, 7, 19, 0.08) !important"
+        },
+        ".passport-item__body": {
+          marginLeft: "0 !important"
+        }
+      }
+    }, x.id))
+  });
+}

package/lib/UserCenter/components/privacy.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+type PrivacyConfig = {
+    key: string;
+    name: string;
+    value: boolean;
+};
+export default function Privacy({ configList, onSave }: {
+    configList: PrivacyConfig[];
+    onSave: () => void;
+}): import("react").JSX.Element;
+export {};

package/lib/UserCenter/components/privacy.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = Privacy;
+var _jsxRuntime = require("react/jsx-runtime");
+var _material = require("@mui/material");
+var _Switch = _interopRequireDefault(require("@arcblock/ux/lib/Switch"));
+var _react = require("react");
+var _ahooks = require("ahooks");
+var _util = require("@arcblock/ux/lib/Locale/util");
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
+var _locales = require("../libs/locales");
+var _client = require("../libs/client");
+var _utils = require("../libs/utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function Privacy({
+  configList,
+  onSave
+}) {
+  const [dataList, setDataList] = (0, _react.useState)(configList);
+  const {
+    locale
+  } = (0, _context.useLocaleContext)();
+  const t = (0, _ahooks.useMemoizedFn)((key, data = {}) => {
+    return (0, _util.translate)(_locales.translations, key, locale, "en", data);
+  });
+  const handleChangeSwitch = (0, _ahooks.useMemoizedFn)(async (type, value) => {
+    try {
+      const result = await _client.client.user.saveUserPrivacyConfig({
+        [type]: !value
+      });
+      setDataList(dataList.map(item => {
+        return {
+          ...item,
+          value: result?.[item.key] ?? item.value
+        };
+      }));
+      _Toast.default.success(t("saveSuccess"));
+      onSave();
+    } catch (err) {
+      _Toast.default.error((0, _utils.formatAxiosError)(err));
+    }
+  });
+  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
+    sx: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 1,
+      alignItems: "start",
+      ".MuiFormControlLabel-root": {
+        gap: 1,
+        m: 0,
+        flexDirection: {
+          xs: "row-reverse",
+          md: "row"
+        },
+        width: {
+          xs: "100%",
+          md: "unset"
+        }
+      },
+      ".MuiSwitch-track": {
+        borderRadius: "100vw"
+      },
+      ".MuiSwitch-thumb": {
+        borderRadius: "100%"
+      },
+      ".MuiSwitch-root.MuiSwitch-sizeSmall": {
+        height: "20px",
+        width: "36px",
+        ".MuiSwitch-thumb": {
+          width: "16px",
+          height: "16px"
+        }
+      }
+    },
+    children: dataList.map(item => /* @__PURE__ */(0, _jsxRuntime.jsx)(_Switch.default, {
+      checked: !item.value,
+      labelProps: {
+        label: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Typography, {
+          color: "text.primary",
+          sx: {
+            fontSize: 14,
+            display: "flex",
+            flexFlow: "wrap",
+            columnGap: 1,
+            flex: 1
+          },
+          children: t("toPublic", {
+            name: item.name
+          })
+        })
+      },
+      size: "small",
+      onChange: event => handleChangeSwitch(item.key, event.target.checked)
+    }, item.key))
+  });
+}

package/lib/UserCenter/components/settings.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { BoxProps } from '@mui/material';
+import { User, UserCenterTab } from '../../@types';
+export default function Settings({ user, settings, onSave, ...rest }: {
+    user: User;
+    onSave: () => void;
+    settings: {
+        userCenterTabs: UserCenterTab[];
+    };
+} & BoxProps): import("react").JSX.Element | undefined;