@abtnode/ux 1.16.25-next-bc2f4c63 → 1.16.26-beta-e0056285

package/lib/locales/vi.js

@@ -263,7 +263,7 @@ var _default = exports.default = {
     protected: 'Bảo vệ',
     protocol: 'Giao thức',
     publish: 'Xuất bản',
-    published: 'Đã xuất bản',
+    published: 'Công bố',
     purchase: 'Mua hàng',
     readMore: 'Nhiều hơn',
     redirect: 'Chuyển hướng',
@@ -354,7 +354,12 @@ var _default = exports.default = {
     endTime: 'Thời gian kết thúc',
     selected: 'Đã chọn',
     timeoutError: 'Lỗi thời gian chờ',
-    tags: 'Tags'
+    tags: 'Tags',
+    publishToStore: 'Xuất bản vào Cửa hàng',
+    connectToStore: 'Kết nối tới Cửa hàng',
+    uploaded: 'Đã tải lên',
+    uploadToStore: 'Tải lên Cửa hàng',
+    upload: 'Tải lên'
   },
   blocklet: {
     external: 'Bên ngoài',
@@ -661,12 +666,12 @@ var _default = exports.default = {
       resourceTitle: 'Tài nguyên',
       blockletEmptyTip: 'Ở đây không có khối',
       createBlockletTip: 'Bạn có thể tạo blocklet mới thông qua các tài nguyên, thành phần và cấu hình hiện có trong ứng dụng này',
-      createBlocklet: 'Tạo một khối mới',
+      createBlocklet: 'Khối mới',
       deleteBlockletTip: 'Blocklet không thể khôi phục sau khi xóa, vui lòng xác nhận',
       componentNotRunning: 'Thành phần {name} không đang chạy, vui lòng khởi động trước',
       releaseEmptyTip: 'Không có bản phát hành ở đây',
       createReleaseTip: 'Bạn có thể tạo một phiên bản của blocklet, cùng với ghi chú về phiên bản và tài nguyên, để mọi người khác có thể sử dụng',
-      createRelease: 'Tạo phiên bản mới',
+      createRelease: 'Phiên bản mới',
       deleteReleaseTip: 'Phiên bản không thể khôi phục sau khi xóa',
       createBlockletDid: 'Tạo từ Ví Điện tử DID',
       createReleaseSuccess: 'Phát hành được tạo thành công',
@@ -686,13 +691,21 @@ var _default = exports.default = {
         noDescription: 'Yêu cầu miêu tả Blocklet',
         noNote: 'Cần có Ghi chú phát hành'
       },
-      packTip: 'Các thành phần và cấu hình ứng dụng sẽ được tự động bao gồm trong blocklet',
+      packTip: 'Hiện tại, blocklet có thể được cài đặt trực tiếp như các ứng dụng. Các thành phần và cấu hình ứng dụng sẽ được tự động bao gồm trong Blocklet.',
       resourceChangedWarning: 'Bạn đã chỉnh sửa nguồn tài nguyên, vui lòng lưu lại đúng giờ',
-      installResourceTip: 'Vui lòng thêm thành phần vào ứng dụng, URL thành phần:',
+      installResourceTip: 'Đường dẫn Cài đặt:',
       installResourceTip2: 'Nếu bạn muốn xem thêm những mẹo khác, vui lòng truy cập',
       installResourceHelp: 'Tài liệu giúp đỡ',
       componentIncluded: 'Bao gồm',
-      componentForceRequired: 'Bắt Buộc Yêu Cầu'
+      componentForceRequired: 'Bắt Buộc Yêu Cầu',
+      productListTitle: 'Xuất bản Blocklets',
+      download: 'Tải về {name}',
+      delete: 'Xóa {name}',
+      copyInstallUrl: 'Sao chép URL cài đặt',
+      install: 'Cài đặt {name}',
+      publishToStoreSuccess: 'Blocklet đã được xuất bản vào cửa hàng thành công',
+      connectStoreSuccess: 'Kết nối Blocklet Store thành công',
+      uploadToStoreSuccess: 'Blocklet đã tải lên Store thành công, bạn cần phải xuất bản nó trong Store'
     },
     titleValidationError: 'Độ dài tiêu đề phải ít nhất 3 ký tự',
     descriptionValidationError: 'Chiều dài mô tả phải từ 3 đến 160 ký tự.'
@@ -796,7 +809,7 @@ var _default = exports.default = {
         switchLabel: 'Trang Chào mừng'
       },
       upgrade: {
-        title: 'Nâng cấp Máy chủ Blocklet {version}',
+        title: 'Nâng cấp máy chủ Blocklet',
         description: 'Trong quá trình nâng cấp, máy chủ Blocklet của bạn sẽ vào chế độ bảo trì trong vài phút trong khi cập nhật hoàn tất.',
         dialog: 'Nhấp vào "xác nhận" để cài đặt bản cập nhật. Blocklet Server sẽ vào chế độ bảo trì cho đến khi cập nhật hoàn thành và tự động trở lại chế độ sản xuất.',
         confirm: 'Nâng cấp',
@@ -809,7 +822,7 @@ var _default = exports.default = {
         verifying: 'Đang xác minh máy chủ Blocklet v{version}',
         rollback: 'Máy chủ Rollback Blocklet',
         complete: 'Nâng cấp đã hoàn thành!',
-        progress: 'Nâng cấp Blocklet Server {version}',
+        progress: 'Nâng cấp {name}',
         check: 'Kiểm tra cập nhật',
         latest: 'Bạn đang chạy phiên bản mới nhất.'
       },
@@ -824,7 +837,7 @@ var _default = exports.default = {
         cleanup: 'Đảm bảo mọi thứ đều ổn',
         rollback: 'Dọn dẹp trạng thái bẩn',
         complete: 'Giữ hoàn chỉnh!',
-        progress: 'Khởi động lại máy chủ Blocklet'
+        progress: 'Khởi động lại {name}'
       },
       register: {
         titleAdded: 'Thêm vào Blocklet Launcher',

package/lib/locales/zh-tw.js

@@ -354,7 +354,12 @@ var _default = exports.default = {
     endTime: '結束時間',
     selected: '已選取',
     timeoutError: '超時錯誤',
-    tags: '標籤'
+    tags: '標籤',
+    publishToStore: '發布到商店',
+    connectToStore: '連接至商店',
+    uploaded: '已上傳',
+    uploadToStore: '上傳至 Store',
+    upload: '上傳'
   },
   blocklet: {
     external: '外部的',
@@ -661,12 +666,12 @@ var _default = exports.default = {
       resourceTitle: '資源',
       blockletEmptyTip: '這裡沒有任何區塊元件',
       createBlockletTip: '您可以透過現有的資源、元件和設定，在此應用程式中建立新的 blocklet',
-      createBlocklet: '建立新的 blocklet',
+      createBlocklet: '新的區塊',
       deleteBlockletTip: '刪除後無法恢復區塊，請確認',
       componentNotRunning: '{name}元件未運行，請先啟動。',
       releaseEmptyTip: '這裡沒有任何發布',
       createReleaseTip: '您可以創建一個區塊釋出，附帶釋出說明和資源，供其他人使用',
-      createRelease: '建立一個新的發布',
+      createRelease: '新版本發布',
       deleteReleaseTip: '刪除後無法還原發布',
       createBlockletDid: '從DID錢包創建',
       createReleaseSuccess: '發佈成功',
@@ -686,13 +691,21 @@ var _default = exports.default = {
         noDescription: '需要提供 Blocklet 描述',
         noNote: '需要提供發佈說明'
       },
-      packTip: '組件和應用程式配置將自動包含在區塊中',
+      packTip: '目前，blocklet可以直接安裝為應用程序。組件和應用程序配置將自動包含在blocklet中',
       resourceChangedWarning: '您已修改資源，請儘速保存',
-      installResourceTip: '請將元件新增到應用程式中，元件URL:',
+      installResourceTip: '安裝網址:',
       installResourceTip2: '如果您想查看更多提示，請訪問 {name}',
       installResourceHelp: '幫助文件',
       componentIncluded: '已包含',
-      componentForceRequired: '強制要求'
+      componentForceRequired: '強制要求',
+      productListTitle: '發布 Blocklets',
+      download: '下載 {name}',
+      delete: '刪除 {name}',
+      copyInstallUrl: '複製安裝連結',
+      install: '安裝{name}',
+      publishToStoreSuccess: '成功發佈到 Store 的區塊鏈',
+      connectStoreSuccess: 'Store 連線成功',
+      uploadToStoreSuccess: 'Blocklet 成功上傳至 Store，請在 Store 中發布'
     },
     titleValidationError: '標題長度必須至少為3到40個字符',
     descriptionValidationError: '描述長度必須介於3到160個字符之間'
@@ -796,7 +809,7 @@ var _default = exports.default = {
         switchLabel: '歡迎頁面'
       },
       upgrade: {
-        title: '升級 Blocklet 伺服器 {version}',
+        title: '升級 Blocklet 伺服器',
         description: '在升級期間，您的 Blocklet 伺服器將進入維護模式，更新完成後將持續幾分鐘。',
         dialog: '點擊"確認"安裝更新。Blocklet服務器將進入維護模式，直到更新完成並自動返回生產模式。',
         confirm: '升級',
@@ -809,7 +822,7 @@ var _default = exports.default = {
         verifying: '正在驗證Blocklet服務器v{version}',
         rollback: '回滾Blocklet伺服器',
         complete: '升級完成！',
-        progress: '正在升級Blocklet伺服器{version}',
+        progress: '升級 {name}',
         check: '檢查更新',
         latest: '您正在執行最新版本。'
       },
@@ -824,7 +837,7 @@ var _default = exports.default = {
         cleanup: '確保一切正常',
         rollback: '清理髒污狀態',
         complete: '維護完成！',
-        progress: '重新啟動 Blocklet 伺服器'
+        progress: '重新啟動 {name}'
       },
       register: {
         titleAdded: '已新增至 Blocklet Launcher',

package/lib/locales/zh.js

@@ -263,7 +263,7 @@ var _default = exports.default = {
     protected: '受保护',
     protocol: '协议',
     publish: '发布',
-    published: '发布于',
+    published: '已发布',
     purchase: '购买',
     readMore: '更多',
     redirect: '重定向',
@@ -354,7 +354,12 @@ var _default = exports.default = {
     endTime: '结束时间',
     selected: '已选中',
     timeoutError: '超时错误',
-    tags: '标签'
+    tags: '标签',
+    publishToStore: '发布到 Store',
+    connectToStore: '连接 Store',
+    uploaded: '已上传',
+    uploadToStore: '上传到 Store',
+    upload: '上传'
   },
   blocklet: {
     external: '外部',
@@ -661,26 +666,26 @@ var _default = exports.default = {
       productTitle: 'Blocklet 详情',
       versionTitle: '版本信息',
       imgTitle: '图片资源',
-      resourceTitle: '组件资源',
-      blockletEmptyTip: '这里没有任何 blocklet',
+      resourceTitle: '资源型 Blocklet',
+      blockletEmptyTip: '这里没有任何 Blocklet',
       createBlockletTip: '你可以使用此应用的资源，组件，配置制作新的 Blocklet',
-      createBlocklet: '创建 Blocklet',
+      createBlocklet: '新的块',
       deleteBlockletTip: '此 Blocklet 删除后不可恢复，是否继续？',
       componentNotRunning: '组件 {name} 未运行',
       releaseEmptyTip: '这里没有任何发布',
-      createReleaseTip: '您可以创建 Blocklet 发布，在发布中包含说明和资源，以供其他人使用',
-      createRelease: '创建新的发布',
+      createReleaseTip: '您可以创建 Blocklet 新版本，在发布中包含说明和资源，以供其他人使用',
+      createRelease: '创建新的版本',
       deleteReleaseTip: '此发布删除后不可恢复，是否继续？',
       createBlockletDid: '通过 DID 钱包创建',
       createReleaseSuccess: '发布成功',
       saveDraftSuccess: '保存成功',
-      packTip: 'Blocklet 中将自动包含组件和应用配置',
+      packTip: '您的 Blocklet 现在可以直接安装为应用程序。应用程序配置将自动包含在内',
       resourceChangedWarning: '您修改了资源，请及时保存',
-      installResourceTip: '请在应用中添加组件，组件 URL：',
+      installResourceTip: '安装网址:',
       installResourceTip2: '如果你需要更多提示，请查看',
       installResourceHelp: '帮助文档',
       componentIncluded: '包含',
-      componentForceRequired: '强制依赖',
+      componentForceRequired: '强依赖',
       connect: {
         title: '创建 Blocklet DID',
         scan: '扫描下面的二维码来生成 Blocklet DID',
@@ -695,7 +700,15 @@ var _default = exports.default = {
         noVersion: '请填写 Blocklet 版本号',
         noDescription: '请填写 Blocklet 描述',
         noNote: '请填写 发布说明'
-      }
+      },
+      productListTitle: '发布 Blocklets',
+      download: '下载 {name}',
+      delete: '删除 {name}',
+      copyInstallUrl: '复制安装链接',
+      install: '安装 {name}',
+      publishToStoreSuccess: '成功发布 Blocklet 到 Store',
+      connectStoreSuccess: 'Blocklet 成功连接 Store',
+      uploadToStoreSuccess: 'Blocklet 成功上传至 Store，请在 Store 中发布'
     },
     titleValidationError: '标题长度必须至少为3到40个字符',
     descriptionValidationError: '描述长度必须在3到160个字符之间'
@@ -792,7 +805,7 @@ var _default = exports.default = {
       nftDomainUrl: 'NFT Domain 地址',
       nftDomainUrlPlaceholder: '你可以选择其它的 NFT Domain 服务器, 也可以使用官方提供的版本',
       upgrade: {
-        title: '升级节点 {version}',
+        title: '升级 Blocklet 服务器',
         description: '在升级期间，节点将会进入维护模式几分钟。',
         dialog: '点击 “确认” 安装更新。节点将进入维护模式，直到更新完成并自动返回生产模式。',
         confirm: '升级',
@@ -805,7 +818,7 @@ var _default = exports.default = {
         verifying: '验证节点新版本 v{version}',
         rollback: '回滚此次升级',
         complete: '升级完成!',
-        progress: '正在升级节点 {version}',
+        progress: '升级 {name}',
         check: '检查更新',
         latest: '太棒了，你的节点已经是最新版！'
       },
@@ -820,7 +833,7 @@ var _default = exports.default = {
         cleanup: '验证重启成功',
         rollback: '撤销重启操作',
         complete: '维护完成',
-        progress: '正在重启节点'
+        progress: '重新开始 {name}'
       },
       welcome: {
         switchLabel: 'Welcome 页面'

package/lib/store/add.js

@@ -23,6 +23,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const useStyles = (0, _styles.makeStyles)(theme => ({
   addMenuItemRoot: {
+    marginTop: '8px',
     justifyContent: 'center',
     color: theme.palette.primary.main,
     lineHeight: '3.2'

package/lib/store/delete.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = DeleteStore;
 var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _useTheme = _interopRequireDefault(require("@mui/material/styles/useTheme"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _DeleteOutline = _interopRequireDefault(require("@mui/icons-material/DeleteOutline"));
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
+var _material = require("@mui/material");
 var _node = require("../contexts/node");
 var _deleteConfirm = _interopRequireDefault(require("../delete-confirm"));
 var _util = require("../util");
@@ -74,11 +74,16 @@ function DeleteStore(_ref) {
     setConfirmSetting(setting);
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+      color: "primary",
       disabled: loading,
       onClick: onMenuItemClick,
-      size: "large",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteOutline.default, {})
+      size: "small",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteOutline.default, {
+        sx: {
+          zoom: 0.95
+        }
+      })
     }), confirmSetting && /*#__PURE__*/(0, _jsxRuntime.jsx)(_deleteConfirm.default, {
       keyName: confirmSetting.keyName,
       title: confirmSetting.title,

package/lib/store/item.js

@@ -5,16 +5,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = StoreItem;
 var _styles = require("@mui/styles");
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _ListItemSecondaryAction = _interopRequireDefault(require("@mui/material/ListItemSecondaryAction"));
+var _material = require("@mui/material");
 var _Launch = _interopRequireDefault(require("@mui/icons-material/Launch"));
-var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _BackupOutlined = _interopRequireDefault(require("@mui/icons-material/BackupOutlined"));
+var _LinkOutlined = _interopRequireDefault(require("@mui/icons-material/LinkOutlined"));
+var _Done = _interopRequireDefault(require("@mui/icons-material/Done"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
+var _urlJoin = _interopRequireDefault(require("url-join"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
 var _delete = _interopRequireDefault(require("./delete"));
+var _node = require("../contexts/node");
+var _util = require("../util");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* eslint-disable react/jsx-one-expression-per-line */
-
 const useStyles = (0, _styles.makeStyles)(() => ({
   buttonText: {
     textTransform: 'none !important'
@@ -22,63 +27,254 @@ const useStyles = (0, _styles.makeStyles)(() => ({
   iconRoot: {
     minWidth: 24
   },
+  box: {
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    overflow: 'hidden',
+    width: '100%'
+  },
   menuName: {
+    flexShrink: 1,
     display: 'flex',
     flexDirection: 'column',
-    marginRight: '100px',
-    '& span': {
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap'
-    }
+    overflow: 'hidden',
+    flex: 1
+  },
+  actions: {
+    flex: 1,
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'flex-end',
+    alignItems: 'center'
+  },
+  title: {
+    fontSize: 16,
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap'
+  },
+  url: {
+    fontSize: 14,
+    opacity: 0.5,
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap'
+  },
+  buttonLine: {
+    height: '100%',
+    width: '1px',
+    backgroundColor: '#e0e0e0'
   }
 }));
 function StoreItem(_ref) {
   let {
     teamDid,
+    projectId,
+    releaseId,
     store,
-    onDelete
+    onDelete,
+    kind,
+    published,
+    connected,
+    releaseType,
+    onPublish
   } = _ref;
   const classes = useStyles();
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const {
+    api
+  } = (0, _node.useNodeContext)();
+  const [loading, setLoading] = (0, _react.useState)(false);
+  const isPublish = kind === 'publish';
+  const handleOpenUrl = e => {
+    e.stopPropagation();
+    if (isPublish) {
+      window.open((0, _urlJoin.default)(store.url, 'developer/blocklets'));
+      return;
+    }
+    window.open(store.url);
+  };
+  const handleConnectToStore = () => {
+    setLoading(true);
+    setTimeout(() => {
+      setLoading(false);
+    }, 10000);
+    api.connectToStore({
+      input: {
+        did: teamDid,
+        storeUrl: store.url,
+        storeId: store.id,
+        storeName: store.name
+      }
+    }).then(res => {
+      if (!(res !== null && res !== void 0 && res.url)) {
+        _Toast.default.error('failed to connect to store');
+        return;
+      }
+      window.open(res.url);
+    }).catch(err => {
+      _Toast.default.error((0, _util.formatError)(err));
+    });
+  };
+  const handleUploadToStore = () => {
+    setLoading(true);
+    api.publishToStore({
+      input: {
+        did: teamDid,
+        storeId: store.id,
+        storeName: store.name,
+        projectId,
+        releaseId,
+        type: releaseType
+      }
+    }).then(res => {
+      if (res.url === 'uploaded') {
+        _Toast.default.success(t('blocklet.publish.uploadToStoreSuccess'));
+      } else if (res.url === 'published') {
+        _Toast.default.success(t('blocklet.publish.publishToStoreSuccess'));
+      }
+      onPublish === null || onPublish === void 0 || onPublish(null);
+    }).catch(err => {
+      _Toast.default.error((0, _util.formatError)(err));
+      onPublish === null || onPublish === void 0 || onPublish(err);
+    }).finally(() => {
+      setLoading(false);
+    });
+  };
+  (0, _react.useEffect)(() => {
+    if (connected) {
+      setLoading(false);
+    }
+  }, [connected]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: classes.menuName,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-      component: "span",
-      variant: "subtitle1",
-      style: {
-        fontWeight: '400'
+    className: classes.box,
+    children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.CircularProgress, {
+      sx: {
+        marginRight: 2
       },
-      children: store.name
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-      className: "url",
-      component: "span",
-      variant: "inherit",
-      children: "".concat(store.url)
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ListItemSecondaryAction.default, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
-        onClick: e => {
-          e.stopPropagation();
-          window.open(store.url);
+      size: 16
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: classes.menuName,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        component: "span",
+        className: classes.title,
+        variant: "subtitle1",
+        children: store.name
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+        className: classes.url,
+        component: "span",
+        variant: "inherit",
+        children: "".concat(store.url)
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: classes.actions,
+      children: [isPublish && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ButtonGroup, {
+        disabled: loading,
+        variant: "outlined",
+        sx: {
+          height: 36
+        },
+        size: "small",
+        children: [!connected && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Button, {
+          sx: {
+            paddingLeft: 2,
+            paddingRight: 2,
+            fontSize: 15
+          },
+          onClick: handleConnectToStore,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkOutlined.default, {
+            sx: {
+              marginRight: 1
+            }
+          }), t('common.connect')]
+        }), connected && published && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Button, {
+          disabled: true,
+          sx: {
+            paddingLeft: 2,
+            paddingRight: 2,
+            fontSize: 15
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Done.default, {
+            sx: {
+              marginRight: 1
+            }
+          }), t('common.uploaded')]
+        }), connected && !published && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Button, {
+          sx: {
+            paddingLeft: 2,
+            paddingRight: 2,
+            fontSize: 15
+          },
+          onClick: handleUploadToStore,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BackupOutlined.default, {
+            sx: {
+              marginRight: 1
+            }
+          }), t('common.upload')]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+          onClick: handleOpenUrl,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Launch.default, {
+            sx: {
+              zoom: 0.9
+            }
+          })
+        }), !store.protected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_delete.default, {
+          store: store,
+          onDelete: onDelete,
+          teamDid: teamDid
+        })]
+      }), !isPublish && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ButtonGroup, {
+        disabled: loading,
+        variant: "outlined",
+        sx: {
+          height: 36
         },
-        size: "large",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Launch.default, {})
-      }), !store.protected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_delete.default, {
-        store: store,
-        onDelete: onDelete,
-        teamDid: teamDid
+        size: "small",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+          onClick: handleOpenUrl,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Launch.default, {
+            sx: {
+              zoom: 0.9
+            }
+          })
+        }), !store.protected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_delete.default, {
+          store: store,
+          onDelete: onDelete,
+          teamDid: teamDid
+        })]
       })]
     })]
   });
 }
 StoreItem.propTypes = {
+  kind: _propTypes.default.string,
   teamDid: _propTypes.default.string.isRequired,
+  published: _propTypes.default.bool,
+  connected: _propTypes.default.bool,
+  projectId: _propTypes.default.string,
+  releaseId: _propTypes.default.string,
+  releaseType: _propTypes.default.string,
   store: _propTypes.default.shape({
+    id: _propTypes.default.string.isRequired,
     name: _propTypes.default.string.isRequired,
     url: _propTypes.default.string.isRequired,
-    protected: _propTypes.default.bool
+    protected: _propTypes.default.bool,
+    connected: _propTypes.default.bool
   }).isRequired,
-  onDelete: _propTypes.default.func
+  onDelete: _propTypes.default.func,
+  onPublish: _propTypes.default.func
 };
 StoreItem.defaultProps = {
+  kind: 'store',
+  published: false,
+  connected: false,
+  releaseId: '',
+  projectId: '',
+  releaseType: '',
+  onPublish: () => {},
   onDelete: () => {}
 };

package/lib/team/members/connections.js

@@ -24,7 +24,8 @@ function UserConnections(_ref) {
       nameWidth: 120,
       name: account.provider,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
-        did: account.did
+        did: account.did,
+        showQrcode: true
       })
     }, account.did);
   });

package/lib/team/members/member.js

@@ -351,7 +351,8 @@ function Member(_ref2) {
               className: "did",
               mt: 1,
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
-                did: pageState.user.did
+                did: pageState.user.did,
+                showQrcode: true
               })
             })]
           })]