@abtnode/ux 1.16.26-beta-818ea1c5 → 1.16.26-beta-351de484

package/es/locales/th.js

@@ -663,7 +663,6 @@ export default {
       blockletEmptyTip: 'ไม่มีบล็อกเลตใดๆ ที่นี่',
       createBlockletTip: 'คุณสามารถสร้างบล็อกเล็ตใหม่ผ่านทรัพยากรที่มีอยู่และองค์ประกอบในแอปพลิเคชันนี้ได้',
       createBlocklet: 'บล็อกใหม่',
-      deleteBlockletTip: 'Blocklet ไม่สามารถกู้คืนได้หลังการลบ กรุณายืนยัน',
       componentNotRunning: 'ส่วนประกอบ {name} ไม่ได้ทำงาน โปรดเริ่มต้นใช้งานก่อน',
       releaseEmptyTip: 'ไม่มีการเผยแพร่ที่นี่',
       createReleaseTip: 'คุณสามารถสร้างการเปิดตัวของโบล็กเล็ตพร้อมกับบันทึกการเปิดตัวและทรัพยากรสำหรับผู้อื่นที่ต้องการใช้',
@@ -708,7 +707,11 @@ export default {
         title: 'ลบ {name}',
         scan: 'สแกนรหัส QR ด้านล่างเพื่อลบ {name}',
         confirm: 'ยืนยันการใช้งานกระเป๋าสตางค์ DID',
-        success: 'โครงการ Blocklet ได้ถูกลบแล้ว โปรดดำเนินการต่อ'
+        success: 'โครงการ Blocklet ได้ถูกลบแล้ว โปรดดำเนินการต่อ',
+        tip1: 'โครงการ Blocklet จะไม่สามารถกู้คืนได้หลังจากการลบ',
+        tip2: 'คุณจะไม่สามารถเผยแพร่เวอร์ชันใหม่ไปยังบล็อกเลตที่ถูกลบอีกต่อไปแล้วซึ่งหมายความว่าบล็อกเลตจะไม่ได้รับการอัปเดตต่อไปในร้านค้าอีกต่อไป',
+        tip3: 'การลบบล็อกเล็ตจะไม่ส่งผลต่อเวอร์ชันที่เผยแพร่ในร้านค้า',
+        description: 'หลังจากลบ Blocklet แล้วคุณจะพบปัญหาต่อไปนี้ คุณแน่ใจหรือว่าต้องการลบหรือไม่?'
       }
     },
     titleValidationError: 'ความยาวของชื่อต้องมีอย่างน้อย 3 ตัวอักษร',
@@ -1685,12 +1688,39 @@ export default {
       domain: 'โดเมน',
       domainDescription: 'จำเป็นต้องระบุโดเมนของ Auth0',
       clientId: 'รหัสลูกค้า',
-      clientIdDescribe: 'ต้องใช้ clientId ของ Auth0'
+      clientIdDescribe: 'ต้องใช้ clientId ของ Auth0',
+      clientSecret: 'ความลับของลูกค้า'
     },
     comingSoon: 'มีวิธีการเข้าสู่ระบบเพิ่มเติมกำลังอยู่ในขั้นตอนก่อสร้าง',
     moreLogin: 'เข้าสู่ระบบเพิ่มเติม',
     federated: 'เข้าสู่ระบบเฟเดอเรท',
-    runTest: 'ทดสอบ'
+    runTest: 'ทดสอบ',
+    github: {
+      enable: 'เปิดใช้งานเข้าสู่ระบบ Github',
+      clientId: 'รหัสลูกค้า',
+      clientIdDescribe: 'ต้องการ clientId ของแอปพลิเคชัน OAuth บน Github',
+      clientSecret: 'รหัสลับของลูกค้า',
+      clientSecretDescribe: 'จำเป็นต้องมี clientSecret แอปพลิเคชัน Github OAuth'
+    },
+    google: {
+      enable: 'เปิดใช้งานการเข้าสู่ระบบด้วย Google',
+      clientId: 'รหัสลูกค้า',
+      clientIdDescribe: 'ต้องการ clientId ของแอปพลิเคชัน Google OAuth',
+      clientSecret: 'ความลับของลูกค้า',
+      clientSecretDescribe: 'ต้องมี clientSecret ของแอปพลิเคชัน OAuth ของ Google'
+    },
+    apple: {
+      enable: 'เปิดใช้งานเข้าสู่ระบบ Apple',
+      teamId: 'รหัสทีม',
+      teamIdDescribe: 'ต้องการ ID ทีมของแอปพลิเคชัน OAuth ของแอปเปิ้ล',
+      serviceId: 'รหัสบริการ',
+      serviceIdDescribe: 'จำเป็นต้องมี Apple OAuth Service ID',
+      keyId: 'รหัสคีย์',
+      keyIdDescribe: 'ต้องการรหัสแอป Apple OAuth',
+      authKey: 'รหัส Auth',
+      authKeyDescribe: 'ต้องใช้รหัสการตรวจสอบสิทธิ์ของแอป OAuth ของ Apple'
+    },
+    oauth: 'การเข้าสู่ระบบของบุคคลที่สาม'
   },
   expiration: {
     mobile: {

package/es/locales/vi.js

@@ -663,7 +663,6 @@ export default {
       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: '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',
@@ -708,7 +707,11 @@ export default {
         title: 'Xóa {name}',
         scan: 'Quét mã QR bên dưới để xóa {name}',
         confirm: 'Xác nhận sử dụng Ví DID',
-        success: 'Dự án Blocklet đã bị xóa, vui lòng tiếp tục hoạt động của bạn'
+        success: 'Dự án Blocklet đã bị xóa, vui lòng tiếp tục hoạt động của bạn',
+        tip1: 'Dự án Blocklet sẽ không thể khôi phục sau khi xóa',
+        tip2: 'Bạn sẽ không còn có khả năng xuất bản phiên bản mới cho Blocklet đã bị xóa, điều đó có nghĩa là Blocklet sẽ không được cập nhật nữa trên Cửa hàng.',
+        tip3: 'Xóa Blocklet sẽ không ảnh hưởng đến phiên bản hiện tại đã được xuất bản trong Cửa hàng.',
+        description: 'Sau khi xóa Blocklet, bạn sẽ gặp các vấn đề sau, bạn có chắc chắn muốn xóa nó không?'
       }
     },
     titleValidationError: 'Độ dài tiêu đề phải ít nhất 3 ký tự',
@@ -1685,12 +1688,39 @@ export default {
       domain: 'Tên miền',
       domainDescription: 'Yêu cầu tên miền của Auth0',
       clientId: 'Mã khách hàng',
-      clientIdDescribe: 'Yêu cầu clientId của Auth0'
+      clientIdDescribe: 'Yêu cầu clientId của Auth0',
+      clientSecret: 'Bí mật của khách hàng'
     },
     comingSoon: 'Có thêm phương thức đăng nhập đang được xây dựng',
     moreLogin: 'Đăng nhập thêm',
     federated: 'Đăng nhập liên kết',
-    runTest: 'Kiểm tra'
+    runTest: 'Kiểm tra',
+    github: {
+      enable: 'Bật đăng nhập Github',
+      clientId: 'ID Khách hàng',
+      clientIdDescribe: 'Yêu cầu clientId của ứng dụng OAuth trên Github',
+      clientSecret: 'Bí Mật Khách Hàng',
+      clientSecretDescribe: 'Bí mật ứng dụng OAuth của Github là bắt buộc'
+    },
+    google: {
+      enable: 'Kích hoạt đăng nhập Google',
+      clientId: 'Mã khách hàng',
+      clientIdDescribe: 'Yêu cầu clientId của ứng dụng Google OAuth',
+      clientSecret: 'Bí Mật Khách Hàng',
+      clientSecretDescribe: 'ClientSecret của ứng dụng Google OAuth là bắt buộc'
+    },
+    apple: {
+      enable: 'Bật đăng nhập Apple',
+      teamId: 'ID nhóm',
+      teamIdDescribe: 'Cần có ID nhóm ứng dụng OAuth của Apple',
+      serviceId: 'ID dịch vụ',
+      serviceIdDescribe: 'Cần có ID Dịch vụ ứng dụng OAuth của Apple',
+      keyId: 'Mã khóa',
+      keyIdDescribe: 'Cần ID ứng dụng Apple OAuth',
+      authKey: 'Khóa Auth',
+      authKeyDescribe: 'Cần Khoá xác thực ứng dụng Apple OAuth'
+    },
+    oauth: 'Đăng nhập bên thứ ba'
   },
   expiration: {
     mobile: {

package/es/locales/zh-tw.js

@@ -663,7 +663,6 @@ export default {
       blockletEmptyTip: '這裡沒有任何區塊元件',
       createBlockletTip: '您可以透過現有的資源、元件和設定，在此應用程式中建立新的 blocklet',
       createBlocklet: '新增 Blocklet',
-      deleteBlockletTip: '刪除後無法恢復區塊，請確認',
       componentNotRunning: '{name}元件未運行，請先啟動。',
       releaseEmptyTip: '這裡沒有任何發布',
       createReleaseTip: '您可以創建一個區塊釋出，附帶釋出說明和資源，供其他人使用',
@@ -708,7 +707,11 @@ export default {
         title: '刪除{name}',
         scan: '掃描下方的QR碼以刪除{name}',
         confirm: '確認使用DID錢包',
-        success: 'Blocklet 專案已被刪除，請繼續進行操作'
+        success: 'Blocklet 已被刪除，請繼續進行操作',
+        tip1: 'Blocklet 項目一旦刪除將無法恢復。',
+        tip2: '您將無法再向已刪除的 Blocklet 發佈新版本，這意味著該 Blocklet 將不再在商店中更新。',
+        tip3: '刪除 Blocklet 不會影響商店中已發布的版本。',
+        description: '您確定要刪除這個 Blocklet 嗎？刪除後可能會遇到以下問題：'
       }
     },
     titleValidationError: '標題長度必須至少為3到40個字符',
@@ -1685,12 +1688,39 @@ export default {
       domain: '網域',
       domainDescription: '需要填寫Auth0的網域',
       clientId: '客戶ID',
-      clientIdDescribe: '需要 Auth0 的 clientId'
+      clientIdDescribe: '需要 Auth0 的 clientId',
+      clientSecret: '客戶端密鑰'
     },
     comingSoon: '更多的登入方式正在建設中',
     moreLogin: '登入',
     federated: '聯邦登錄',
-    runTest: '測試'
+    runTest: '測試',
+    github: {
+      enable: '啟用 Github 登入',
+      clientId: '客戶 ID',
+      clientIdDescribe: 'Github OAuth 應用程式客戶端 ID 是必要的',
+      clientSecret: '客戶端密鑰',
+      clientSecretDescribe: 'Github OAuth 應用程式的 clientSecret 資訊是必要的'
+    },
+    google: {
+      enable: '啟用谷歌登入',
+      clientId: '客戶ID',
+      clientIdDescribe: '需要 Google OAuth 應用的客户端ID',
+      clientSecret: '客戶機密',
+      clientSecretDescribe: 'Google OAuth 應用程式的 clientSecret 是必須的'
+    },
+    apple: {
+      enable: '啟用 Apple 登入',
+      teamId: '團隊 ID',
+      teamIdDescribe: '需要 Apple OAuth 應用程式團隊 ID',
+      serviceId: '服務編號',
+      serviceIdDescribe: '需要 Apple OAuth 應用服務 ID',
+      keyId: '金鑰識別碼',
+      keyIdDescribe: '需要 Apple OAuth 應用程式金鑰 ID',
+      authKey: '認證密鑰',
+      authKeyDescribe: '需要蘋果OAuth應用程序的認證密鑰'
+    },
+    oauth: '第三方登入'
   },
   expiration: {
     mobile: {

package/es/locales/zh.js

@@ -666,7 +666,6 @@ export default {
       blockletEmptyTip: '这里没有任何 Blocklet',
       createBlockletTip: '你可以使用此应用的资源，组件，配置制作新的 Blocklet',
       createBlocklet: '新建 Blocklet',
-      deleteBlockletTip: '此 Blocklet 删除后不可恢复，是否继续？',
       componentNotRunning: '组件 {name} 未运行',
       releaseEmptyTip: '这里没有任何发布',
       createReleaseTip: '您可以创建 Blocklet 新版本，在发布中包含说明和资源，以供其他人使用',
@@ -711,7 +710,11 @@ export default {
         title: '删除{name}',
         scan: '扫描下方的QR码以删除{name}',
         confirm: '确认使用DID钱包',
-        success: 'Blocklet 项目已被删除，请继续操作'
+        success: 'Blocklet 已被删除，请继续操作',
+        tip1: 'Blocklet 一旦删除将无法恢复。',
+        tip2: '您将不能再向已删除的 Blocklet 发布新版本，这意味着 Blocklet 将不再在商店中更新。',
+        tip3: '删除 Blocklet 不会影响商店中已发布的版本。',
+        description: '您确定要删除这个 Blocklet 吗？删除后可能会遇到以下问题：'
       }
     },
     titleValidationError: '标题长度必须至少为3到40个字符',
@@ -1691,13 +1694,40 @@ export default {
       enable: '是否开启 Auth0 登录',
       domain: 'Domain',
       domainDescription: '请输入 Auth0 的 Domain',
-      clientId: 'ClientID',
-      clientIdDescribe: '请输入 Auth0 的 ClientID'
+      clientId: '客户端ID',
+      clientIdDescribe: '请输入 Auth0 的 ClientID',
+      clientSecret: '客户端密钥'
     },
     comingSoon: '更多登录方式正在建设中',
     moreLogin: '更多登录方式',
     federated: '统一登录',
-    runTest: '测试'
+    runTest: '测试',
+    github: {
+      enable: '启用 Github 登录',
+      clientId: '客户识别码',
+      clientIdDescribe: 'Github OAuth 应用程序客户端 ID 是必需的',
+      clientSecret: '客户端密钥',
+      clientSecretDescribe: 'Github OAuth 应用的 clientSecret 信息是必需的'
+    },
+    google: {
+      enable: '启用谷歌登录',
+      clientId: '客户ID',
+      clientIdDescribe: '需要 Google OAuth 应用的客户端ID',
+      clientSecret: '客户端密钥',
+      clientSecretDescribe: 'Google OAuth 应用的 clientSecret 是必需的'
+    },
+    apple: {
+      enable: '启用 Apple 登录',
+      teamId: '团队 ID',
+      teamIdDescribe: '需要 Apple OAuth 应用程序团队 ID',
+      serviceId: '服务编号',
+      serviceIdDescribe: '需要 Apple OAuth 应用服务 ID',
+      keyId: '密钥 ID',
+      keyIdDescribe: '需要 Apple OAuth 应用程序密钥 ID',
+      authKey: '认证密钥',
+      authKeyDescribe: '需要苹果OAuth应用程序的认证密钥'
+    },
+    oauth: '第三方登录'
   },
   expiration: {
     mobile: {

package/es/store/connect-actions.js

@@ -15,7 +15,8 @@ function ConnectActions({
   onConnect,
   onDelete,
   store,
-  teamDid
+  teamDid,
+  projectId
 }) {
   const [anchorEl, setAnchorEl] = useState(null);
   const open = Boolean(anchorEl);
@@ -34,6 +35,10 @@ function ConnectActions({
   const handleClose = () => {
     setAnchorEl(null);
   };
+  const handleConnect = () => {
+    setShowReconnectConfirm(false);
+    onConnect();
+  };
   const actions = [{
     label: t('common.visitStore'),
     action: handleOpenUrl,
@@ -92,25 +97,27 @@ function ConnectActions({
         store: store,
         onDelete: onDelete,
         teamDid: teamDid,
+        projectId: projectId,
         children: /*#__PURE__*/_jsxs(MenuItem, {
           dense: true,
           disabled: store.protected,
           children: [/*#__PURE__*/_jsx(DeleteOutlineIcon, {
-            color: "action",
             sx: {
+              color: 'error.main',
               marginRight: 1
             }
           }), /*#__PURE__*/_jsx(Box, {
-            color: "action",
+            color: "error.main",
             children: t('common.delete')
           })]
         })
       })]
     }), showReconnectConfirm && /*#__PURE__*/_jsx(ConfirmDialog, {
+      displayError: true,
       title: `${t('common.reconnect')} ${store.name}`,
       description: t('blocklet.publish.reconnectStoreTip'),
       confirm: t('common.confirm'),
-      onConfirm: onConnect,
+      onConfirm: handleConnect,
       onCancel: () => setShowReconnectConfirm(false)
     })]
   });
@@ -120,9 +127,11 @@ ConnectActions.propTypes = {
   onConnect: PropTypes.func,
   onDelete: PropTypes.func,
   store: PropTypes.object.isRequired,
-  teamDid: PropTypes.string.isRequired
+  teamDid: PropTypes.string.isRequired,
+  projectId: PropTypes.string
 };
 ConnectActions.defaultProps = {
+  projectId: '',
   connected: false,
   onConnect: () => {},
   onDelete: () => {}

package/es/store/delete.js

@@ -13,7 +13,8 @@ export default function DeleteStore({
   store,
   teamDid,
   onDelete,
-  children
+  children,
+  projectId = ''
 }) {
   const {
     api
@@ -34,7 +35,8 @@ export default function DeleteStore({
       await api.deleteBlockletStore({
         input: {
           teamDid,
-          url: store.url
+          url: store.url,
+          projectId
         }
       });
       if (onDelete && typeof onDelete === 'function') {
@@ -97,9 +99,11 @@ DeleteStore.propTypes = {
   children: PropTypes.node,
   teamDid: PropTypes.string.isRequired,
   store: PropTypes.object.isRequired,
-  onDelete: PropTypes.func
+  onDelete: PropTypes.func,
+  projectId: PropTypes.string
 };
 DeleteStore.defaultProps = {
   children: null,
+  projectId: '',
   onDelete: () => {}
 };

package/es/store/item.js

@@ -1,8 +1,9 @@
-import { makeStyles } from '@mui/styles';
-import { Typography, Button, ButtonGroup, CircularProgress } from '@mui/material';
+import { makeStyles, styled } from '@mui/styles';
+import { Typography, Button, ButtonGroup, CircularProgress, Box, Tooltip, tooltipClasses } from '@mui/material';
 import LaunchIcon from '@mui/icons-material/Launch';
 import PublishIcon from '@mui/icons-material/BackupOutlined';
 import LinkOutlinedIcon from '@mui/icons-material/LinkOutlined';
+import AdminPanelSettingsIcon from '@mui/icons-material/AdminPanelSettings';
 import DoneIcon from '@mui/icons-material/Done';
 import PropTypes from 'prop-types';
 import { useEffect, useState } from 'react';
@@ -13,7 +14,8 @@ import DeleteStore from './delete';
 import { useNodeContext } from '../contexts/node';
 import { formatError } from '../util';
 import ConnectActions from './connect-actions';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import DidAddress from '../did-address';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const useStyles = makeStyles(() => ({
   buttonText: {
     textTransform: 'none !important'
@@ -62,6 +64,28 @@ const useStyles = makeStyles(() => ({
     backgroundColor: '#e0e0e0'
   }
 }));
+const WhiteTooltip = styled(({
+  className,
+  ...props
+}) => /*#__PURE__*/_jsx(Tooltip, {
+  ...props,
+  classes: {
+    popper: className
+  }
+}))(({
+  theme
+}) => ({
+  [`& .${tooltipClasses.tooltip}`]: {
+    backgroundColor: '#fff',
+    color: 'rgba(0, 0, 0, 0.87)',
+    maxWidth: 220,
+    borderRadius: 8,
+    padding: theme.spacing(2),
+    fontSize: theme.typography.pxToRem(12),
+    border: '1px solid rgba(0,0,0,0.08)',
+    boxShadow: '0px 4px 8px rgba(0, 0, 0, 0.05)'
+  }
+}));
 export default function StoreItem({
   teamDid,
   projectId,
@@ -70,7 +94,7 @@ export default function StoreItem({
   onDelete,
   kind,
   published,
-  connected,
+  connectedStore,
   releaseType,
   onPublish
 }) {
@@ -83,6 +107,7 @@ export default function StoreItem({
   } = useNodeContext();
   const [loading, setLoading] = useState(false);
   const isPublish = kind === 'publish';
+  const connected = !!connectedStore;
   const handleOpenUrl = e => {
     e.stopPropagation();
     if (isPublish) {
@@ -101,7 +126,8 @@ export default function StoreItem({
         did: teamDid,
         storeUrl: store.url,
         storeId: store.id,
-        storeName: store.name
+        storeName: store.name,
+        projectId
       }
     }).then(res => {
       if (!res?.url) {
@@ -145,18 +171,24 @@ export default function StoreItem({
   }, [connected]);
   return /*#__PURE__*/_jsxs("div", {
     className: classes.box,
-    children: [loading && /*#__PURE__*/_jsx(CircularProgress, {
+    children: [!isPublish && loading && /*#__PURE__*/_jsx(CircularProgress, {
       sx: {
         marginRight: 2
       },
       size: 16
     }), /*#__PURE__*/_jsxs("div", {
       className: classes.menuName,
-      children: [/*#__PURE__*/_jsx(Typography, {
-        component: "span",
-        className: classes.title,
-        variant: "subtitle1",
-        children: store.name
+      children: [/*#__PURE__*/_jsx(Box, {
+        sx: {
+          display: 'flex',
+          flexDirection: 'row'
+        },
+        children: /*#__PURE__*/_jsx(Typography, {
+          component: "span",
+          className: classes.title,
+          variant: "subtitle1",
+          children: store.name
+        })
       }), /*#__PURE__*/_jsx(Typography, {
         className: classes.url,
         component: "span",
@@ -165,7 +197,29 @@ export default function StoreItem({
       })]
     }), /*#__PURE__*/_jsxs("div", {
       className: classes.actions,
-      children: [isPublish && /*#__PURE__*/_jsxs(ButtonGroup, {
+      children: [connectedStore && /*#__PURE__*/_jsx(WhiteTooltip, {
+        placement: "left",
+        title: /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(Typography, {
+            component: "span",
+            className: classes.title,
+            variant: "subtitle1",
+            children: connectedStore.developerName
+          }), /*#__PURE__*/_jsx(DidAddress, {
+            size: 14,
+            responsive: true,
+            did: connectedStore.developerDid
+          })]
+        }),
+        children: /*#__PURE__*/_jsx(AdminPanelSettingsIcon, {
+          sx: {
+            color: 'rgba(10,10,60,0.3)',
+            fontSize: 22,
+            marginRight: 1,
+            cursor: 'help'
+          }
+        })
+      }), isPublish && /*#__PURE__*/_jsxs(ButtonGroup, {
         disabled: loading,
         variant: "outlined",
         sx: {
@@ -176,10 +230,16 @@ export default function StoreItem({
           sx: {
             paddingLeft: 2,
             paddingRight: 2,
-            fontSize: 15
+            fontSize: 15,
+            width: 130
           },
           onClick: handleConnectToStore,
-          children: [/*#__PURE__*/_jsx(LinkOutlinedIcon, {
+          children: [loading ? /*#__PURE__*/_jsx(CircularProgress, {
+            sx: {
+              marginRight: 1
+            },
+            size: 16
+          }) : /*#__PURE__*/_jsx(LinkOutlinedIcon, {
             sx: {
               marginRight: 1
             }
@@ -189,9 +249,15 @@ export default function StoreItem({
           sx: {
             paddingLeft: 2,
             paddingRight: 2,
-            fontSize: 15
+            fontSize: 15,
+            width: 130
           },
-          children: [/*#__PURE__*/_jsx(DoneIcon, {
+          children: [loading ? /*#__PURE__*/_jsx(CircularProgress, {
+            sx: {
+              marginRight: 1
+            },
+            size: 16
+          }) : /*#__PURE__*/_jsx(DoneIcon, {
             sx: {
               marginRight: 1
             }
@@ -200,15 +266,23 @@ export default function StoreItem({
           sx: {
             paddingLeft: 2,
             paddingRight: 2,
-            fontSize: 15
+            fontSize: 15,
+            width: 130
           },
           onClick: handleUploadToStore,
-          children: [/*#__PURE__*/_jsx(PublishIcon, {
+          children: [loading ? /*#__PURE__*/_jsx(CircularProgress, {
             sx: {
               marginRight: 1
+            },
+            size: 16
+          }) : /*#__PURE__*/_jsx(PublishIcon, {
+            sx: {
+              marginRight: 1,
+              fontSize: 20
             }
           }), t('common.upload')]
         }), /*#__PURE__*/_jsx(ConnectActions, {
+          projectId: projectId,
           connected: connected,
           store: store,
           onDelete: onDelete,
@@ -242,7 +316,12 @@ StoreItem.propTypes = {
   kind: PropTypes.string,
   teamDid: PropTypes.string.isRequired,
   published: PropTypes.bool,
-  connected: PropTypes.bool,
+  connectedStore: PropTypes.shape({
+    storeId: PropTypes.string,
+    storeUrl: PropTypes.string,
+    developerDid: PropTypes.string,
+    developerName: PropTypes.string
+  }),
   projectId: PropTypes.string,
   releaseId: PropTypes.string,
   releaseType: PropTypes.string,
@@ -259,7 +338,7 @@ StoreItem.propTypes = {
 StoreItem.defaultProps = {
   kind: 'store',
   published: false,
-  connected: false,
+  connectedStore: null,
   releaseId: '',
   projectId: '',
   releaseType: '',

package/es/team/members/index.js

@@ -5,7 +5,7 @@ import styled from '@emotion/styled';
 import isEmpty from 'lodash/isEmpty';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { Badge, IconButton, Tooltip, Checkbox, Box, FormControlLabel } from '@mui/material';
+import { Badge, IconButton, Tooltip, Checkbox, Box, FormControlLabel, useMediaQuery } from '@mui/material';
 import Dialog, { useConfirm } from '@arcblock/ux/lib/Dialog';
 import AddIcon from '@mui/icons-material/Add';
 import LoopIcon from '@mui/icons-material/Loop';
@@ -20,7 +20,7 @@ import Datatable, { getDurableData } from '@arcblock/ux/lib/Datatable';
 import RelativeTime from '@arcblock/ux/lib/RelativeTime';
 import Toast from '@arcblock/ux/lib/Toast';
 import { USER_TYPE } from '@abtnode/constant';
-import { TeamEvents } from '@blocklet/constant';
+import { TeamEvents, PROVIDER_NAME } from '@blocklet/constant';
 import useUrlState from '@ahooksjs/use-url-state';
 import { useMemoizedFn, useMount } from 'ahooks';
 import { UserSessions } from '@blocklet/ui-react';
@@ -140,6 +140,7 @@ export default function MemberList({
   const {
     appIdList = []
   } = useBlockletContext();
+  const isMobile = useMediaQuery(theme => theme.breakpoints.down('md'));
   const {
     teamDid,
     invitations,
@@ -303,7 +304,8 @@ export default function MemberList({
       customBodyRender: e => {
         return /*#__PURE__*/_jsx(DidAddress, {
           size: 14,
-          responsive: true,
+          responsive: !isMobile,
+          compact: isMobile,
           copyable: false,
           did: e
         });
@@ -314,9 +316,14 @@ export default function MemberList({
     name: 'lastLoginAt',
     options: {
       customBodyRender: e => {
-        return /*#__PURE__*/_jsx(RelativeTime, {
-          value: e,
-          locale: locale
+        return /*#__PURE__*/_jsx(Box, {
+          sx: {
+            minWidth: '100px'
+          },
+          children: /*#__PURE__*/_jsx(RelativeTime, {
+            value: e,
+            locale: locale
+          })
         });
       }
     }
@@ -335,12 +342,7 @@ export default function MemberList({
       customBodyRenderLite: rowIndex => {
         const user = users[rowIndex];
         const source = user.sourceProvider || USER_TYPE.WALLET;
-        const providerNameMap = {
-          auth0: 'Auth0',
-          wallet: 'DID wallet',
-          federated: 'Federated'
-        };
-        const providerName = providerNameMap[source] || source;
+        const providerName = PROVIDER_NAME[source] || source;
         if (user.sourceAppPid) {
           return `${providerName} (${t('team.member.federated')})`;
         }
@@ -684,7 +686,8 @@ const Div = styled.div`
       }
     }
     .right {
-      flex-grow: 1;
+      flex: 1;
+      overflow: auto;
     }
   }