@arcblock/did-playground 2.13.70 → 3.0.0

package/lib/Action/index.js

@@ -1,272 +1,203 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _ahooks = require("ahooks");
-var _useBrowser = _interopRequireDefault(require("@arcblock/react-hooks/lib/useBrowser"));
-var _Theme = require("@arcblock/ux/lib/Theme");
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
-var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
-var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
-var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
-var _Util = require("@arcblock/ux/lib/Util");
-var _session = require("./session");
-var _actions = require("./actions");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["autoClose", "action", "buttonText", "buttonColor", "buttonVariant", "buttonSize", "buttonRounded", "children", "disableClose", "title", "scanMessage", "successMessage", "successUrl", "successTarget", "frameProps", "confirmMessage", "extraParams", "timeout", "webWalletUrl"];
-var _templateObject;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-function Close(_ref) {
-  let {
-    onClose
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CloseContainer, {
-    onClick: onClose,
-    children: "\xD7"
-  });
+import { jsx as n, jsxs as l, Fragment as k } from "react/jsx-runtime";
+import { use as ne, useState as d, useEffect as ie } from "react";
+import t from "prop-types";
+import { useSize as ae } from "ahooks";
+import ce from "@arcblock/react-hooks/lib/useBrowser";
+import { styled as le, useTheme as ue } from "@arcblock/ux/lib/Theme";
+import s from "lodash/isUndefined";
+import { CircularProgress as fe, Dialog as me, DialogContent as de } from "@mui/material";
+import ge from "@arcblock/did-connect/lib/Connect";
+import R from "@arcblock/ux/lib/Button";
+import { mergeProps as pe } from "@arcblock/ux/lib/Util";
+import { SessionContext as be } from "./session.js";
+import { getMessage as i, actions as q, getActionName as E, getActionParams as he } from "./actions.js";
+function h({ onClose: u }) {
+  return /* @__PURE__ */ n(Ce, { onClick: u, children: "×" });
 }
-Close.propTypes = {
-  onClose: _propTypes.default.func.isRequired
-};
-const CloseContainer = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: ", ";\n  position: absolute;\n  top: 1rem;\n  right: 1rem;\n  color: #999999;\n  font-size: 2rem;\n  line-height: 1rem;\n  cursor: pointer;\n  user-select: none;\n"])), props => props.disableClose ? 'none' : 'block');
-function PlaygroundAction(props) {
-  const newProps = (0, _Util.mergeProps)(props, PlaygroundAction, ['buttonRounded', 'extraParams', 'timeout']);
-  const {
-      autoClose,
-      action,
-      buttonText,
-      buttonColor,
-      buttonVariant,
-      buttonSize,
-      buttonRounded,
-      children,
-      disableClose,
-      title,
-      scanMessage,
-      successMessage,
-      successUrl,
-      successTarget,
-      frameProps,
-      confirmMessage,
-      extraParams,
-      timeout,
-      webWalletUrl
-    } = newProps,
-    rest = _objectWithoutProperties(newProps, _excluded);
-  const theme = (0, _Theme.useTheme)();
-  const browser = (0, _useBrowser.default)();
-  const {
-    api,
-    session
-  } = (0, _react.useContext)(_session.SessionContext);
-  const [open, setOpen] = (0, _react.useState)(false);
-  const [loading, setLoading] = (0, _react.useState)(false);
-  const [dynamicParams, setDynamicParams] = (0, _react.useState)({});
-  const size = (0, _ahooks.useSize)(document.body);
-  const [success, setSuccess] = (0, _react.useState)(false);
-  const [showFrame, setShowFrame] = (0, _react.useState)(success && successUrl && successTarget === 'frame');
-  const width = (size === null || size === void 0 ? void 0 : size.width) || 0;
-
-  // 当打开或关闭组件时，重置部分状态
-  (0, _react.useEffect)(() => () => {
-    setSuccess(false);
-    setShowFrame(false);
-  }, [open]);
-
-  // If this is just a login button, we do not do anything actually
-  if (action === 'login') {
-    if (session.user) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread(_objectSpread({}, rest), {}, {
-        rounded: buttonRounded,
-        color: buttonColor,
-        variant: buttonVariant,
-        size: buttonSize,
-        children: (0, _actions.getMessage)(successMessage || "Hello ".concat(session.user.name), session)
-      }));
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread(_objectSpread({}, rest), {}, {
-      rounded: buttonRounded,
-      color: buttonColor,
-      variant: buttonVariant,
-      size: buttonSize,
-      onClick: () => session.login(),
-      children: (0, _actions.getMessage)(buttonText || title, session)
-    }));
-  }
-  const config = _actions.actions[action];
-  if (!_actions.actions[action]) {
-    throw new Error("Unsupported playground action ".concat(action));
-  }
-  const doStart = async () => {
-    if (typeof config.onStart === 'function') {
+h.propTypes = { onClose: t.func.isRequired };
+const Ce = le("div")`
+  display: ${(u) => u.disableClose ? "none" : "block"};
+  position: absolute;
+  top: 1rem;
+  right: 1rem;
+  color: #999999;
+  font-size: 2rem;
+  line-height: 1rem;
+  cursor: pointer;
+  user-select: none;
+`;
+function I(u) {
+  const e = Object.assign({}, u);
+  s(e.autoClose) && (e.autoClose = !0), s(e.buttonText) && (e.buttonText = ""), s(e.buttonColor) && (e.buttonColor = "primary"), s(e.buttonVariant) && (e.buttonVariant = "contained"), s(e.buttonSize) && (e.buttonSize = "large"), s(e.buttonRounded) && (e.buttonRounded = !1), s(e.scanMessage) && (e.scanMessage = "Scan the QR Code with your DID Wallet"), s(e.confirmMessage) && (e.confirmMessage = "Confirm in your DID Wallet"), s(e.successMessage) && (e.successMessage = "Operation success!"), s(e.extraParams) && (e.extraParams = {}), s(e.timeout) && (e.timeout = 5 * 60 * 1e3), s(e.successUrl) && (e.successUrl = ""), s(e.successTarget) && (e.successTarget = "_self"), s(e.frameProps) && (e.frameProps = {}), s(e.webWalletUrl) && (e.webWalletUrl = "");
+  const B = pe(e, I, ["buttonRounded", "extraParams", "timeout"]), {
+    autoClose: H,
+    action: g,
+    buttonText: U,
+    buttonColor: C,
+    buttonVariant: w,
+    buttonSize: y,
+    buttonRounded: P,
+    children: D,
+    disableClose: we,
+    title: S,
+    scanMessage: K,
+    successMessage: z,
+    successUrl: r,
+    successTarget: p,
+    frameProps: L,
+    confirmMessage: N,
+    extraParams: Q,
+    timeout: G,
+    webWalletUrl: J,
+    ...a
+  } = B, W = ue(), j = ce(), { api: v, session: o } = ne(be), [x, T] = d(!1), [X, F] = d(!1), [Y, Z] = d({}), M = ae(document.body), [b, _] = d(!1), [c, A] = d(b && r && p === "frame"), ee = (M == null ? void 0 : M.width) || 0;
+  if (ie(
+    () => () => {
+      _(!1), A(!1);
+    },
+    [x]
+  ), g === "login")
+    return o.user ? /* @__PURE__ */ n(R, { ...a, rounded: P, color: C, variant: w, size: y, children: i(z || `Hello ${o.user.name}`, o) }) : /* @__PURE__ */ n(
+      R,
+      {
+        ...a,
+        rounded: P,
+        color: C,
+        variant: w,
+        size: y,
+        onClick: () => o.login(),
+        children: i(U || S, o)
+      }
+    );
+  const f = q[g];
+  if (!q[g])
+    throw new Error(`Unsupported playground action ${g}`);
+  const O = async () => {
+    if (typeof f.onStart == "function") {
       try {
-        setLoading(true);
-        const params = await config.onStart(api, session);
-        setDynamicParams(params);
-        setLoading(false);
-      } catch (err) {
-        console.error("Cannot generate dynamicParams for playground action ".concat((0, _actions.getActionName)(config, rest)));
+        F(!0);
+        const $ = await f.onStart(v, o);
+        Z($), F(!1);
+      } catch {
+        console.error(`Cannot generate dynamicParams for playground action ${E(f, a)}`);
       }
-      setOpen(true);
-    } else {
-      setOpen(true);
-    }
-  };
-  const onStart = async () => {
-    if (!session.user) {
-      session.login(doStart);
+      T(!0);
+    } else
+      T(!0);
+  }, te = async () => {
+    if (!o.user) {
+      o.login(O);
       return;
     }
-    await doStart();
-  };
-  const onClose = () => setOpen(false);
-  const onSuccess = () => {
-    setSuccess(true);
-    if (successUrl) {
-      if (successTarget === 'frame') {
-        setShowFrame(!!successUrl);
-      } else if (successTarget === '_blank') {
-        // 这里是安全的
-        window.open(successUrl, '_blank');
-      } else {
-        // 这里是安全的
-        window.open(successUrl, '_self');
+    await O();
+  }, m = () => T(!1), se = () => {
+    _(!0), r ? p === "frame" ? A(!!r) : p === "_blank" ? window.open(r, "_blank") : window.open(r, "_self") : D || H && setTimeout(m, 2e3);
+  }, oe = () => /* @__PURE__ */ l(k, { children: [
+    /* @__PURE__ */ n(h, { onClose: m }),
+    /* @__PURE__ */ l("div", { children: [
+      "Redirecting to",
+      " ",
+      /* @__PURE__ */ n("a", { href: r, target: p, children: r })
+    ] })
+  ] }), re = () => /* @__PURE__ */ l(k, { children: [
+    /* @__PURE__ */ n(h, { onClose: m }),
+    /* @__PURE__ */ n(
+      "iframe",
+      {
+        style: { width: "100%", height: "100%" },
+        allow: "fullscreen",
+        id: "successFrame",
+        title: "successFrame",
+        src: r,
+        ...L
       }
-    } else if (children) {
-      // Do nothing
-    } else if (autoClose) {
-      setTimeout(onClose, 2000);
-    }
-  };
-  const renderRedirectUrlAfterSuccess = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Close, {
-      onClose: onClose
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      children: ["Redirecting to", ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-        href: successUrl,
-        target: successTarget,
-        children: successUrl
-      })]
-    })]
-  });
-  const renderFrameAfterSuccess = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Close, {
-      onClose: onClose
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", _objectSpread({
-      style: {
-        width: '100%',
-        height: '100%'
-      },
-      allow: "fullscreen",
-      id: "successFrame",
-      title: "successFrame",
-      src: successUrl
-    }, frameProps))]
-  });
-  const showDidConnect = !successUrl || successUrl && !success;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, _objectSpread(_objectSpread({}, rest), {}, {
-      rounded: buttonRounded,
-      color: buttonColor,
-      variant: buttonVariant,
-      size: buttonSize,
-      onClick: onStart,
-      children: [(0, _actions.getMessage)(buttonText || title, session), " ", loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
-        size: 12,
-        sx: {
-          color: '#fff'
+    )
+  ] }), V = !r || r && !b;
+  return /* @__PURE__ */ l(k, { children: [
+    /* @__PURE__ */ l(
+      R,
+      {
+        ...a,
+        rounded: P,
+        color: C,
+        variant: w,
+        size: y,
+        onClick: te,
+        children: [
+          i(U || S, o),
+          " ",
+          X && /* @__PURE__ */ n(fe, { size: 12, sx: { color: "#fff" } })
+        ]
+      }
+    ),
+    x && !V && /* @__PURE__ */ n(
+      me,
+      {
+        open: !0,
+        disableEscapeKeyDown: !0,
+        fullScreen: ee < W.breakpoints.values.sm && !(j.wallet || j.arcSphere),
+        fullWidth: c,
+        maxWidth: c ? "lg" : "",
+        children: /* @__PURE__ */ l(
+          de,
+          {
+            style: {
+              padding: b && !c && r ? 55 : 0,
+              display: "flex",
+              justifyContent: "center",
+              alignItems: "center",
+              height: c ? W.breakpoints.values.md : ""
+            },
+            children: [
+              /* @__PURE__ */ n(h, { onClose: m }),
+              r && b && !c && oe(),
+              c && re()
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ n(
+      ge,
+      {
+        popup: !0,
+        open: x && V,
+        action: E(f, a),
+        checkFn: v.get,
+        onClose: m,
+        onSuccess: se,
+        checkTimeout: G,
+        extraParams: Object.assign(he(f, a, o), Y, Q),
+        webWalletUrl: J,
+        messages: {
+          title: i(S, o),
+          scan: i(K, o),
+          confirm: i(N, o),
+          success: D || i(z, o)
         }
-      })]
-    })), open && !showDidConnect && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
-      open: true,
-      disableEscapeKeyDown: true,
-      fullScreen: width < theme.breakpoints.values.sm && !(browser.wallet || browser.arcSphere),
-      fullWidth: showFrame,
-      maxWidth: showFrame ? 'lg' : '',
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DialogContent.default, {
-        style: {
-          padding: success && !showFrame && successUrl ? 55 : 0,
-          display: 'flex',
-          justifyContent: 'center',
-          alignItems: 'center',
-          height: showFrame ? theme.breakpoints.values.md : ''
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Close, {
-          onClose: onClose
-        }), successUrl && success && !showFrame && renderRedirectUrlAfterSuccess(), showFrame && renderFrameAfterSuccess()]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, {
-      popup: true,
-      open: open && showDidConnect,
-      action: (0, _actions.getActionName)(config, rest),
-      checkFn: api.get,
-      onClose: onClose,
-      onSuccess: onSuccess,
-      checkTimeout: timeout
-      // 3 layers of extraParams: user props, dynamically generated, from other props
-      ,
-      extraParams: Object.assign((0, _actions.getActionParams)(config, rest, session), dynamicParams, extraParams),
-      webWalletUrl: webWalletUrl,
-      messages: {
-        title: (0, _actions.getMessage)(title, session),
-        scan: (0, _actions.getMessage)(scanMessage, session),
-        confirm: (0, _actions.getMessage)(confirmMessage, session),
-        success: children || (0, _actions.getMessage)(successMessage, session)
       }
-    })]
-  });
+    )
+  ] });
 }
-PlaygroundAction.propTypes = {
-  action: _propTypes.default.string.isRequired,
-  autoClose: _propTypes.default.bool,
-  buttonText: _propTypes.default.string,
-  buttonColor: _propTypes.default.string,
-  buttonVariant: _propTypes.default.string,
-  buttonSize: _propTypes.default.string,
-  buttonRounded: _propTypes.default.bool,
-  title: _propTypes.default.string.isRequired,
-  scanMessage: _propTypes.default.string,
-  successMessage: _propTypes.default.string,
-  confirmMessage: _propTypes.default.string,
-  extraParams: _propTypes.default.object,
-  timeout: _propTypes.default.number,
-  successUrl: _propTypes.default.string,
-  successTarget: _propTypes.default.oneOf(['_blank', '_self', 'frame']),
-  frameProps: _propTypes.default.object,
-  webWalletUrl: _propTypes.default.string
+I.propTypes = {
+  action: t.string.isRequired,
+  autoClose: t.bool,
+  buttonText: t.string,
+  buttonColor: t.string,
+  buttonVariant: t.string,
+  buttonSize: t.string,
+  buttonRounded: t.bool,
+  title: t.string.isRequired,
+  scanMessage: t.string,
+  successMessage: t.string,
+  confirmMessage: t.string,
+  extraParams: t.object,
+  timeout: t.number,
+  successUrl: t.string,
+  successTarget: t.oneOf(["_blank", "_self", "frame"]),
+  frameProps: t.object,
+  webWalletUrl: t.string
 };
-PlaygroundAction.defaultProps = {
-  autoClose: true,
-  // 只在没有 successUrl 属性下有效
-  buttonText: '',
-  buttonColor: 'primary',
-  // primary | secondary | reverse | error
-  buttonVariant: 'contained',
-  // contained | outlined | default
-  buttonSize: 'large',
-  // small | large | medium
-  buttonRounded: false,
-  scanMessage: 'Scan the QR Code with your DID Wallet',
-  confirmMessage: 'Confirm in your DID Wallet',
-  successMessage: 'Operation success!',
-  extraParams: {},
-  timeout: 5 * 60 * 1000,
-  successUrl: '',
-  successTarget: '_self',
-  frameProps: {},
-  webWalletUrl: ''
+export {
+  I as default
 };
-var _default = exports.default = PlaygroundAction;

package/lib/Action/session.js

@@ -1,17 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.withSession = exports.SessionProvider = exports.SessionContext = exports.SessionConsumer = void 0;
-var _Session = require("@arcblock/did-connect/lib/Session");
-const {
-  SessionProvider,
-  SessionContext,
-  SessionConsumer,
-  withSession
-} = (0, _Session.createAuthServiceSessionContext)();
-exports.withSession = withSession;
-exports.SessionConsumer = SessionConsumer;
-exports.SessionContext = SessionContext;
-exports.SessionProvider = SessionProvider;
+import { createAuthServiceSessionContext as e } from "@arcblock/did-connect/lib/Session";
+const { SessionProvider: s, SessionContext: t, SessionConsumer: i, withSession: n } = e();
+export {
+  i as SessionConsumer,
+  t as SessionContext,
+  s as SessionProvider,
+  n as withSession
+};

package/lib/index.js

@@ -1,32 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "PlaygroundAction", {
-  enumerable: true,
-  get: function get() {
-    return _Action.default;
-  }
-});
-Object.defineProperty(exports, "SessionConsumer", {
-  enumerable: true,
-  get: function get() {
-    return _session.SessionConsumer;
-  }
-});
-Object.defineProperty(exports, "SessionContext", {
-  enumerable: true,
-  get: function get() {
-    return _session.SessionContext;
-  }
-});
-Object.defineProperty(exports, "SessionProvider", {
-  enumerable: true,
-  get: function get() {
-    return _session.SessionProvider;
-  }
-});
-var _Action = _interopRequireDefault(require("./Action"));
-var _session = require("./Action/session");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import { default as r } from "./Action/index.js";
+import { SessionConsumer as n, SessionContext as t, SessionProvider as i } from "./Action/session.js";
+export {
+  r as PlaygroundAction,
+  n as SessionConsumer,
+  t as SessionContext,
+  i as SessionProvider
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/did-playground",
-  "version": "2.13.70",
+  "version": "3.0.0",
   "description": "React components that works with wallet-playground",
   "keywords": [
     "react",
@@ -18,8 +18,8 @@
   "scripts": {
     "lint": "eslint src tests --ext js --ext jsx",
     "lint:fix": "npm run lint -- --fix",
-    "build": "../../node_modules/.bin/babel src --out-dir lib --copy-files",
-    "watch": "../../node_modules/.bin/babel src --out-dir lib -w --copy-files",
+    "build": "vite build",
+    "watch": "vite build --watch",
     "precommit": "CI=1 npm run lint",
     "prepush": "CI=1 npm run lint",
     "prepublish": "npm run build",
@@ -30,28 +30,21 @@
     "url": "https://github.com/ArcBlock/wallet-playground/issues"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^2.13.70",
-    "@arcblock/react-hooks": "^2.13.70",
-    "ahooks": "^3.7.10",
-    "axios": "^1.7.5",
-    "core-js": "^3.25.5",
+    "@arcblock/did-connect": "3.0.0",
+    "@arcblock/react-hooks": "3.0.0",
+    "ahooks": "^3.8.5",
+    "axios": "^1.10.0",
     "mustache": "^4.2.0"
   },
   "peerDependencies": {
-    "@arcblock/ux": "^2.11.48",
-    "@emotion/react": "^11.10.4",
-    "@emotion/styled": "^11.10.4",
-    "@mui/material": "^5.15.0",
-    "react": "^18.2.0"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.19.3",
-    "@babel/core": "^7.19.3",
-    "@babel/preset-env": "^7.19.3",
-    "@babel/preset-react": "^7.18.6"
+    "@arcblock/ux": "workspace:*",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@mui/material": "^7.1.2",
+    "react": "^19.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b38a83a2c7d9a22e90bab369d8f61340db2abbd0"
+  "gitHead": "b001c32ca85d40d8a0784ca581bfd54d90550b24"
 }