@blocklet/ui-react 2.9.28 → 2.9.30

package/lib/ComponentInstaller/index.js

@@ -5,18 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 module.exports = WrapComponentInstaller;
 var _jsxRuntime = require("react/jsx-runtime");
-var _material = require("@mui/material");
-var _react = require("@iconify/react");
-var _Colors = require("@arcblock/ux/lib/Colors");
 var _Session = require("@arcblock/did-connect/lib/Session");
-var _react2 = require("react");
+var _Colors = require("@arcblock/ux/lib/Colors");
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _util = require("@arcblock/ux/lib/Locale/util");
 var _SessionPermission = _interopRequireDefault(require("@arcblock/ux/lib/SessionPermission"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("@iconify/react");
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+var _material = require("@mui/material");
 var _ahooks = require("ahooks");
-var _util = require("@arcblock/ux/lib/Locale/util");
-var _context = require("@arcblock/ux/lib/Locale/context");
-var _useComponentInstalled = _interopRequireDefault(require("./use-component-installed"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react2 = require("react");
+var _installerItem = _interopRequireDefault(require("./installer-item"));
 var _locales = _interopRequireDefault(require("./locales"));
+var _useComponentInstalled = _interopRequireDefault(require("./use-component-installed"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ComponentInstaller({
   warnIcon,
@@ -39,11 +41,8 @@ function ComponentInstaller({
   });
   const {
     installed,
-    optionalComponent,
-    installUrl,
-    storeUrl,
+    optComponents,
     installStatus,
-    installStatusDone,
     definedInBlockletYML
   } = (0, _useComponentInstalled.default)({
     did,
@@ -51,19 +50,9 @@ function ComponentInstaller({
     onError
   });
   const sessionCtx = (0, _react2.useContext)(_Session.SessionContext);
-  const handleInstall = () => {
-    window.open(installUrl, "_blank");
-  };
   const handleClose = () => {
     onClose?.(false);
   };
-  const handleOpenStore = () => {
-    window.open(storeUrl, "_blank");
-  };
-  const handleRefresh = () => {
-    window.location.reload();
-  };
-  const size = 60;
   if (disabled) {
     return children;
   }
@@ -83,11 +72,8 @@ function ComponentInstaller({
         return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
           children: [fallback, children({
             hasPermission,
-            optionalComponent,
-            installStatus,
-            handleOpenStore,
-            handleInstall,
-            handleRefresh
+            optComponents,
+            installStatus
           })]
         });
       }
@@ -112,7 +98,7 @@ function ComponentInstaller({
                 zIndex: 3e3,
                 borderRadius: 3,
                 width: 400,
-                maxWidth: 400,
+                maxWidth: "90vw",
                 borderColor: _Colors.temp.lineStep,
                 border: "0 !important",
                 fontSize: "14px",
@@ -129,6 +115,7 @@ function ComponentInstaller({
                     padding: "20px 24px",
                     marginLeft: 0,
                     display: "flex",
+                    alignItems: "center",
                     flexDirection: "row",
                     justifyContent: "flex-start"
                   },
@@ -145,7 +132,16 @@ function ComponentInstaller({
                       fontWeight: "bold"
                     },
                     children: t("componentInstallerTitle")
-                  })]
+                  }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
+                    sx: {
+                      flex: 1
+                    }
+                  }), onClose ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.IconButton, {
+                    variant: "outlined",
+                    className: "button",
+                    onClick: handleClose,
+                    children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_Close.default, {})
+                  }) : null]
                 }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
                   sx: {
                     width: "100%",
@@ -158,19 +154,6 @@ function ComponentInstaller({
                     marginTop: 0
                   },
                   children: [t("componentInstallerNoDefinedInBlockletYML"), ": ", did]
-                }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-                  sx: {
-                    padding: "0px 24px"
-                  },
-                  children: onClose ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Button, {
-                    sx: {
-                      marginBottom: 2
-                    },
-                    variant: "outlined",
-                    className: "button",
-                    onClick: handleClose,
-                    children: t("componentInstallerClose")
-                  }) : null
                 })]
               }) : /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
                 sx: {
@@ -183,6 +166,7 @@ function ComponentInstaller({
                     marginLeft: 0,
                     display: "flex",
                     flexDirection: "row",
+                    alignItems: "center",
                     justifyContent: "flex-start"
                   },
                   children: [warnIcon || /* @__PURE__ */(0, _jsxRuntime.jsx)(_react.Icon, {
@@ -198,132 +182,36 @@ function ComponentInstaller({
                       fontWeight: "bold"
                     },
                     children: t("componentInstallerTitle")
-                  })]
+                  }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
+                    sx: {
+                      flex: 1
+                    }
+                  }), onClose ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.IconButton, {
+                    variant: "outlined",
+                    className: "button",
+                    onClick: handleClose,
+                    children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_Close.default, {})
+                  }) : null]
                 }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
                   sx: {
                     width: "100%",
                     height: "1px",
                     backgroundColor: _Colors.temp.gray6
                   }
-                }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
+                }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
                   sx: {
-                    padding: "20px 24px",
-                    paddingTop: 0.5,
-                    marginTop: 2,
-                    display: "flex",
-                    flexDirection: "row",
-                    justifyContent: "start",
-                    alignItems: "flex-start"
+                    maxHeight: "70vh",
+                    overflowY: "auto"
                   },
-                  children: [/* @__PURE__ */(0, _jsxRuntime.jsx)("img", {
-                    style: {
-                      width: size,
-                      height: size,
-                      minWidth: size,
-                      minHeight: size
-                    },
-                    src: optionalComponent.logoUrl,
-                    alt: optionalComponent.meta.title
-                  }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
-                    sx: {
-                      display: "flex",
-                      flexDirection: "column",
-                      justifyContent: "start",
-                      alignItems: "start",
-                      marginLeft: 2
-                    },
-                    children: [/* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
-                      sx: {
-                        fontSize: "16px",
-                        fontWeight: "bold",
-                        cursor: "pointer",
-                        ".link-icon": {
-                          opacity: 0
-                        },
-                        ":hover .link-icon": {
-                          opacity: 1
-                        }
-                      },
-                      onClick: handleOpenStore,
-                      children: [optionalComponent.meta.title, /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
-                        sx: {
-                          paddingLeft: 1,
-                          fontSize: "13px",
-                          fontWeight: "400"
-                        },
-                        component: "span",
-                        children: [optionalComponent.meta.version, /* @__PURE__ */(0, _jsxRuntime.jsx)(_react.Icon, {
-                          className: "link-icon",
-                          icon: "fluent:open-20-filled",
-                          style: {
-                            color: _Colors.temp.primaryBase,
-                            fontSize: 16,
-                            transform: "translate(6px, 3px)",
-                            transition: "all 0.3s"
-                          }
-                        })]
-                      })]
-                    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-                      sx: {
-                        marginTop: 0,
-                        opacity: 0.7
-                      },
-                      children: optionalComponent.meta.description
-                    }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
-                      sx: {
-                        display: hasPermission ? "flex" : "none",
-                        flexDirection: "row",
-                        gap: 1
-                      },
-                      children: [installStatus ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-                        sx: {
-                          marginTop: 2,
-                          opacity: 0.7
-                        },
-                        children: installStatusDone ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Button, {
-                          variant: "contained",
-                          onClick: handleRefresh,
-                          children: t("componentInstallerRefresh")
-                        }, "refresh") : /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Button, {
-                          disabled: true,
-                          sx: {
-                            color: "#333"
-                          },
-                          startIcon: /* @__PURE__ */(0, _jsxRuntime.jsx)(_react.Icon, {
-                            icon: "line-md:loading-loop",
-                            style: {
-                              color: "#333",
-                              fontSize: 16
-                            }
-                          }),
-                          variant: "contained",
-                          children: installStatus
-                        }, "status")
-                      }) : /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Button, {
-                        sx: {
-                          marginTop: 2
-                        },
-                        variant: "contained",
-                        className: "button",
-                        onClick: handleInstall,
-                        children: t("componentInstallerInstall")
-                      }, "install"), onClose ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Button, {
-                        sx: {
-                          marginTop: 2
-                        },
-                        variant: "outlined",
-                        className: "button",
-                        onClick: handleClose,
-                        children: t("componentInstallerClose")
-                      }) : null]
-                    }), installStatusDone ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
-                      sx: {
-                        marginTop: 2,
-                        opacity: 0.7
-                      },
-                      children: t("componentInstallerSuccessInstalled")
-                    }) : null]
-                  })]
+                  children: optComponents.map((optionalComponent, index) => {
+                    return /* @__PURE__ */(0, _jsxRuntime.jsx)(_installerItem.default, {
+                      t,
+                      hasPermission,
+                      index,
+                      optionalComponent,
+                      installStatus: installStatus[optionalComponent.meta?.did]
+                    }, optionalComponent.meta?.did || index);
+                  })
                 }), hasPermission ? null : /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
                   children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
                     sx: {
@@ -331,25 +219,16 @@ function ComponentInstaller({
                       height: "1px",
                       backgroundColor: _Colors.temp.gray6
                     }
-                  }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
+                  }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
                     sx: {
                       padding: "20px 24px"
                     },
-                    children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
+                    children: /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
                       sx: {
                         opacity: 1
                       },
                       children: t("componentInstallerSuggestions")
-                    }), onClose ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Button, {
-                      sx: {
-                        marginTop: 2,
-                        alignSelf: "flex-start"
-                      },
-                      variant: "outlined",
-                      className: "button",
-                      onClick: handleClose,
-                      children: t("componentInstallerClose")
-                    }) : null]
+                    })
                   })]
                 })]
               })
@@ -363,7 +242,7 @@ function ComponentInstaller({
 ComponentInstaller.propTypes = {
   disabled: _propTypes.default.bool,
   warnIcon: _propTypes.default.node,
-  did: _propTypes.default.string.isRequired,
+  did: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]).isRequired,
   noPermissionMute: _propTypes.default.bool,
   onInstalled: _propTypes.default.func,
   onError: _propTypes.default.func,
@@ -393,5 +272,9 @@ function WrapComponentInstaller(props) {
   return props.children;
 }
 WrapComponentInstaller.propTypes = {
+  ...ComponentInstaller.propTypes,
   children: _propTypes.default.any.isRequired
+};
+WrapComponentInstaller.defaultProps = {
+  ...ComponentInstaller.defaultProps
 };

package/lib/ComponentInstaller/installer-item.d.ts

@@ -0,0 +1,21 @@
+declare function InstallerItem({ optionalComponent, index, installStatus, hasPermission, t }: {
+    optionalComponent: any;
+    index: any;
+    installStatus: any;
+    hasPermission: any;
+    t: any;
+}): import("react").JSX.Element;
+declare namespace InstallerItem {
+    namespace propTypes {
+        let t: any;
+        let optionalComponent: any;
+        let index: any;
+        let installStatus: any;
+        let hasPermission: any;
+    }
+    namespace defaultProps {
+        let installStatus_1: string;
+        export { installStatus_1 as installStatus };
+    }
+}
+export default InstallerItem;

package/lib/ComponentInstaller/installer-item.js

@@ -0,0 +1,161 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+module.exports = InstallerItem;
+var _jsxRuntime = require("react/jsx-runtime");
+var _Colors = require("@arcblock/ux/lib/Colors");
+var _react = require("@iconify/react");
+var _material = require("@mui/material");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function InstallerItem({
+  optionalComponent,
+  index,
+  installStatus,
+  hasPermission,
+  t
+}) {
+  const handleInstall = () => {
+    window.open(optionalComponent?.installUrl, "_blank");
+  };
+  const handleOpenStore = () => {
+    window.open(optionalComponent?.storeUrl, "_blank");
+  };
+  const handleRefresh = () => {
+    window.location.reload();
+  };
+  const installStatusDone = installStatus === "stopped" || installStatus === "running";
+  const size = 60;
+  return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
+    children: [index === 0 ? null : /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
+      sx: {
+        width: "100%",
+        height: "1px",
+        backgroundColor: _Colors.temp.gray6
+      }
+    }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
+      sx: {
+        padding: "20px 24px",
+        paddingTop: 0.5,
+        marginTop: 2,
+        display: "flex",
+        flexDirection: "row",
+        justifyContent: "start",
+        alignItems: "flex-start"
+      },
+      children: [/* @__PURE__ */(0, _jsxRuntime.jsx)("img", {
+        style: {
+          width: size,
+          height: size,
+          minWidth: size,
+          minHeight: size
+        },
+        src: optionalComponent.logoUrl,
+        alt: optionalComponent.meta.title
+      }), /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
+        sx: {
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "start",
+          alignItems: "start",
+          marginLeft: 2
+        },
+        children: [/* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
+          sx: {
+            fontSize: "16px",
+            fontWeight: "bold",
+            cursor: "pointer",
+            ".link-icon": {
+              opacity: 0
+            },
+            ":hover .link-icon": {
+              opacity: 1
+            }
+          },
+          onClick: () => handleOpenStore(optionalComponent.meta?.did),
+          children: [optionalComponent.meta.title, /* @__PURE__ */(0, _jsxRuntime.jsxs)(_material.Box, {
+            sx: {
+              paddingLeft: 1,
+              fontSize: "13px",
+              fontWeight: "400"
+            },
+            component: "span",
+            children: [optionalComponent.meta.version, /* @__PURE__ */(0, _jsxRuntime.jsx)(_react.Icon, {
+              className: "link-icon",
+              icon: "fluent:open-20-filled",
+              style: {
+                color: _Colors.temp.primaryBase,
+                fontSize: 16,
+                transform: "translate(6px, 3px)",
+                transition: "all 0.3s"
+              }
+            })]
+          })]
+        }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
+          sx: {
+            marginTop: 0,
+            opacity: 0.7
+          },
+          children: optionalComponent.meta.description
+        }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
+          sx: {
+            display: hasPermission ? "flex" : "none",
+            flexDirection: "row",
+            gap: 1
+          },
+          children: installStatus ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
+            sx: {
+              marginTop: 2,
+              opacity: 0.7
+            },
+            children: installStatusDone ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Button, {
+              variant: "contained",
+              onClick: handleRefresh,
+              children: t("componentInstallerRefresh")
+            }, "refresh") : /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Button, {
+              disabled: true,
+              sx: {
+                color: "#333"
+              },
+              startIcon: /* @__PURE__ */(0, _jsxRuntime.jsx)(_react.Icon, {
+                icon: "line-md:loading-loop",
+                style: {
+                  color: "#333",
+                  fontSize: 16
+                }
+              }),
+              variant: "contained",
+              children: installStatus
+            }, "status")
+          }) : /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Button, {
+            sx: {
+              marginTop: 2
+            },
+            variant: "contained",
+            className: "button",
+            onClick: () => handleInstall(optionalComponent.meta?.did),
+            children: t("componentInstallerInstall")
+          }, "install")
+        }), installStatusDone ? /* @__PURE__ */(0, _jsxRuntime.jsx)(_material.Box, {
+          sx: {
+            marginTop: 2,
+            opacity: 0.7
+          },
+          children: t("componentInstallerSuccessInstalled")
+        }) : null]
+      })]
+    })]
+  });
+}
+InstallerItem.propTypes = {
+  t: _propTypes.default.func.isRequired,
+  optionalComponent: _propTypes.default.object.isRequired,
+  index: _propTypes.default.number.isRequired,
+  installStatus: _propTypes.default.string,
+  hasPermission: _propTypes.default.bool.isRequired
+};
+InstallerItem.defaultProps = {
+  installStatus: ""
+};

package/lib/ComponentInstaller/use-component-installed.d.ts

@@ -4,12 +4,9 @@ declare function useComponentInstalled({ did, onInstalled, onError }: {
     onInstalled: any;
     onError: any;
 }): {
-    optionalComponent: any;
+    optComponents: any;
     installed: any;
-    installUrl: any;
-    storeUrl: any;
-    installStatus: string;
-    setInstallStatus: import("react").Dispatch<import("react").SetStateAction<string>>;
-    installStatusDone: boolean;
+    installStatus: {};
+    setInstallStatus: import("react").Dispatch<import("react").SetStateAction<{}>>;
     definedInBlockletYML: any;
 };

package/lib/ComponentInstaller/use-component-installed.js

@@ -8,12 +8,19 @@ var _constant = require("@arcblock/did-connect/lib/constant");
 var _react = require("react");
 var _urlJoin = _interopRequireDefault(require("url-join"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const parseDidToSet = did => {
+  if (typeof did === 'string') {
+    return new Set(did.split(';;'));
+  }
+  return new Set(did);
+};
 function useComponentInstalled({
   did,
   onInstalled,
   onError
 }) {
-  const [installStatus, setInstallStatus] = (0, _react.useState)('');
+  const didKeys = Array.isArray(did) ? did.join(';;') : did;
+  const [installStatus, setInstallStatus] = (0, _react.useState)({});
   const onInstalledRef = (0, _react.useRef)({
     onInstalled,
     onError
@@ -26,22 +33,26 @@ function useComponentInstalled({
     optionalComponents,
     componentMountPoints
   } = window.blocklet;
-  const optionalComponent = (0, _react.useMemo)(() => {
+  const optComponents = (0, _react.useMemo)(() => {
     if (!optionalComponents || !optionalComponents.length) {
       return null;
     }
-    const component = optionalComponents.find(c => c.meta.did === did);
-    (component ? onInstalledRef.current.onError : onInstalledRef.current.onInstalled)?.(component);
-    return component;
-  }, [did, optionalComponents]);
+    const didSet = parseDidToSet(didKeys);
+    const components = optionalComponents.filter(c => didSet.has(c.meta.did));
+    (components ? onInstalledRef.current.onError : onInstalledRef.current.onInstalled)?.(components);
+    return components;
+  }, [didKeys, optionalComponents]);
   const definedInBlockletYML = (0, _react.useMemo)(() => {
-    if (optionalComponent) {
+    if (optComponents.length) {
       return true;
     }
-    return (componentMountPoints || []).find(item => item.did === did);
-  }, [optionalComponent, componentMountPoints, did]);
-  const installUrl = (0, _urlJoin.default)(window.blocklet.appUrl, _constant.AUTH_SERVICE_PREFIX, `/admin/components?install-component=${did}`);
-  const storeUrl = optionalComponent ? (0, _urlJoin.default)(optionalComponent.meta.homepage, 'blocklets', did) : '';
+    const didSet = parseDidToSet(didKeys);
+    return (componentMountPoints || []).find(item => didSet.has(item.did));
+  }, [optComponents, componentMountPoints, didKeys]);
+  optComponents.forEach(item => {
+    item.storeUrl = (0, _urlJoin.default)(item.meta.homepage, 'blocklets', item.meta.did);
+    item.installUrl = (0, _urlJoin.default)(window.blocklet.appUrl, _constant.AUTH_SERVICE_PREFIX, `/admin/components?install-component=${item.meta.did}`);
+  });
   (0, _react.useEffect)(() => {
     const handle = event => {
       if (event.origin !== window.blocklet.appUrl) {
@@ -49,14 +60,20 @@ function useComponentInstalled({
       }
       if (event.data?.kind === 'component-installer' && event.data?.blocklet?.children) {
         let hasChild = false;
+        const didSet = parseDidToSet(didKeys);
         event.data?.blocklet?.children.forEach(item => {
-          if (item.meta?.did === did) {
+          if (didSet.has(item.meta?.did)) {
             hasChild = true;
-            setInstallStatus(item.status || 'waiting');
+            setInstallStatus(value => {
+              return {
+                ...value,
+                [item.meta?.did]: item.status || 'waiting'
+              };
+            });
           }
         });
         if (!hasChild) {
-          setInstallStatus('');
+          setInstallStatus({});
         }
       }
     };
@@ -64,16 +81,12 @@ function useComponentInstalled({
     return () => {
       window.removeEventListener('message', handle);
     };
-  }, [did]);
-  const installStatusDone = installStatus === 'stopped' || installStatus === 'running';
+  }, [didKeys]);
   return {
-    optionalComponent,
-    installed: !optionalComponent && definedInBlockletYML,
-    installUrl,
-    storeUrl,
+    optComponents,
+    installed: !optComponents.length && definedInBlockletYML,
     installStatus,
     setInstallStatus,
-    installStatusDone,
     definedInBlockletYML
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/ui-react",
-  "version": "2.9.28",
+  "version": "2.9.30",
   "description": "Some useful front-end web components that can be used in Blocklets.",
   "keywords": [
     "react",
@@ -62,10 +62,10 @@
     }
   },
   "dependencies": {
-    "@abtnode/constant": "1.16.23-beta-c9c4e08e",
-    "@arcblock/did-connect": "^2.9.28",
-    "@arcblock/ux": "^2.9.28",
-    "@blocklet/js-sdk": "1.16.23-beta-c9c4e08e",
+    "@abtnode/constant": "1.16.23",
+    "@arcblock/did-connect": "^2.9.30",
+    "@arcblock/ux": "^2.9.30",
+    "@blocklet/js-sdk": "1.16.23",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@iconify-icons/material-symbols": "^1.2.58",
@@ -99,5 +99,5 @@
     "jest": "^28.1.3",
     "unbuild": "^2.0.0"
   },
-  "gitHead": "b6c2134aea9860aa736ebca8342e4770391baf82"
+  "gitHead": "646e8a5d3af47fedb96f0fab9632de11143840f2"
 }