@abtnode/ux 1.16.29-beta-0070353c → 1.16.29-beta-e04c6f40

package/lib/locales/id.js

@@ -356,7 +356,9 @@ export default {
     blockletStudio: 'Studio',
     visitStore: 'Kunjungi Toko',
     reconnect: 'Menghubungkan kembali',
-    change: 'Perubahan'
+    change: 'Perubahan',
+    disconnect: 'Putuskan Sambungan',
+    sourceApp: 'Milik aplikasi'
   },
   blocklet: {
     external: 'Eksternal',
@@ -727,7 +729,7 @@ export default {
       },
       resourceTip: 'Saat ini, sebagai Blok Sumber Daya, tidak dapat diinstal langsung dari Toko.',
       whyCantSeeInStore: 'Mengapa saya tidak dapat melihat blok ini di Toko?',
-      whyCantSeeResourceBlockletInStore: 'Mengapa saya tidak bisa melihat Resource Blocklet ini di Toko?',
+      whyCantSeeResourceBlockletInStore: 'Resource Blocklet disembunyikan dari halaman daftar toko secara default',
       tenantScope: 'Penyewa',
       blockletStudio: 'Blocklet Studio',
       allComponentsNotRunning: 'Blocklets tidak sedang berjalan, harap mulai terlebih dahulu',
@@ -744,7 +746,9 @@ export default {
       branding: 'Branding',
       brandingHelp: 'Informasi lebih lanjut tentang blocklet akan ditampilkan di Toko',
       resourceSelect: 'Pilih sumber dari blocklets',
-      resourceUpload: 'Unggah sumber daya dari disk Anda (index.html diperlukan dalam arsip)'
+      resourceUpload: 'Unggah sumber daya dari disk Anda (index.html diperlukan dalam arsip)',
+      deleteStoreTip: 'Apakah Anda yakin ingin menghapus {name} dari daftar Toko Koneksi?',
+      disconnectStoreTip: 'Setelah terputus, blocklet akan dihapus dari toko. Apa Anda yakin untuk memutuskan?'
     },
     titleValidationError: 'Panjang judul harus setidaknya 3 karakter',
     descriptionValidationError: 'Panjang deskripsi harus antara 3 dan 160 karakter.'

package/lib/locales/ja.js

@@ -356,7 +356,9 @@ export default {
     blockletStudio: 'スタジオ',
     visitStore: '店を訪れる',
     reconnect: '再接続する',
-    change: '変更'
+    change: '変更',
+    disconnect: '接続を切る',
+    sourceApp: 'このアプリに所属'
   },
   blocklet: {
     external: '外部',
@@ -727,7 +729,7 @@ export default {
       },
       resourceTip: '現在、リソースブロックレットとしては、ストアから直接インストールすることはできません。',
       whyCantSeeInStore: 'なぜこのブロックレットをストアで見ることができないのですか？',
-      whyCantSeeResourceBlockletInStore: 'なぜ私はこのリソースブロックレットをストアで見ることができないのですか？',
+      whyCantSeeResourceBlockletInStore: 'リソースBlockletはデフォルトでストアリストページから非表示になっています',
       tenantScope: 'テナント',
       blockletStudio: 'Blocklet Studio',
       allComponentsNotRunning: 'Blockletsは動作していません、まず起動してください',
@@ -744,7 +746,9 @@ export default {
       branding: 'ブランディング',
       brandingHelp: 'ストアにブロックレットの詳細情報が表示されます',
       resourceSelect: 'ブロックレットからリソースを選択する',
-      resourceUpload: 'ディスクからリソースをアップロードします（アーカイブにindex.htmlが必要です）'
+      resourceUpload: 'ディスクからリソースをアップロードします（アーカイブにindex.htmlが必要です）',
+      deleteStoreTip: '{name}を接続ストアリストから削除してもよろしいですか？',
+      disconnectStoreTip: 'ブロックレットの接続を解除すると、ブロックレットはストアから削除されます。接続を解除してもよろしいですか？'
     },
     titleValidationError: 'タイトルの長さは最低3文字以上である必要があります',
     descriptionValidationError: '説明の長さは3から160文字の間でなければなりません'

package/lib/locales/ko.js

@@ -356,7 +356,9 @@ export default {
     blockletStudio: '스튜디오',
     visitStore: '가게 방문하기',
     reconnect: '재연결',
-    change: '변경'
+    change: '변경',
+    disconnect: '연결 끊기',
+    sourceApp: '앱에 속함'
   },
   blocklet: {
     external: '외부의',
@@ -727,7 +729,7 @@ export default {
       },
       resourceTip: '현재, 리소스 블록릿으로서, 직접 상점에서 설치할 수 없습니다.',
       whyCantSeeInStore: '왜 스토어에서 이 블록렛을 볼 수 없는 거죠?',
-      whyCantSeeResourceBlockletInStore: '왜 이 리소스 블록릿을 상점에서 볼 수 없는 것인가요?',
+      whyCantSeeResourceBlockletInStore: '리소스 블록릿은 기본적으로 상점 목록 페이지에서 숨겨져 있습니다',
       tenantScope: '임차인',
       blockletStudio: 'Blocklet Studio',
       allComponentsNotRunning: 'Blocklets가 실행되고 있지 않습니다. 먼저 시작해주세요.',
@@ -744,7 +746,9 @@ export default {
       branding: '브랜딩',
       brandingHelp: '블록릿에 대한 자세한 정보가 스토어에 표시됩니다',
       resourceSelect: '블록릿에서 리소스 선택',
-      resourceUpload: '디스크에서 리소스를 업로드하세요 (아카이브에 index.html이 필요합니다)'
+      resourceUpload: '디스크에서 리소스를 업로드하세요 (아카이브에 index.html이 필요합니다)',
+      deleteStoreTip: '{name}을(를) 연결 스토어 목록에서 제거하시겠습니까?',
+      disconnectStoreTip: '연결이 끊어지면 Blocklet이 스토어에서 제거됩니다. 연결을 끊으시겠습니까?'
     },
     titleValidationError: '제목 길이는 최소 3자 이상이어야 합니다',
     descriptionValidationError: '설명 길이는 3에서 160자 사이여야 합니다'

package/lib/locales/pt.js

@@ -356,7 +356,9 @@ export default {
     blockletStudio: 'Estúdio',
     visitStore: 'Visite a loja',
     reconnect: 'Reconectar',
-    change: 'Mudança'
+    change: 'Mudança',
+    disconnect: 'Desconectar',
+    sourceApp: 'Pertence ao app'
   },
   blocklet: {
     external: 'Externo',
@@ -727,7 +729,7 @@ export default {
       },
       resourceTip: 'Atualmente, como um Bloquete de Recursos, ele não pode ser instalado diretamente da Loja.',
       whyCantSeeInStore: 'Por que não consigo ver este bloco na loja?',
-      whyCantSeeResourceBlockletInStore: 'Por que não consigo ver este Resource Blocklet na Loja?',
+      whyCantSeeResourceBlockletInStore: 'Os Blocos de Recursos estão ocultos da página de listagem da loja por padrão',
       tenantScope: 'Inquilino',
       blockletStudio: 'Blocklet Studio',
       allComponentsNotRunning: 'O Blocklets não está em execução, por favor, inicie-o primeiro',
@@ -744,7 +746,9 @@ export default {
       branding: 'Marca',
       brandingHelp: 'Mais informações sobre o blocklet serão exibidas na Loja',
       resourceSelect: 'Selecionar recurso dos blocos',
-      resourceUpload: 'Carregar recurso do seu disco (index.html é necessário no arquivo)'
+      resourceUpload: 'Carregar recurso do seu disco (index.html é necessário no arquivo)',
+      deleteStoreTip: 'Tem certeza de que deseja remover {name} da lista da Loja de Conexão?',
+      disconnectStoreTip: 'Após desconectado, o Blocklet será removido da loja. Você tem certeza que deseja desconectar?'
     },
     titleValidationError: 'O comprimento do título deve ter pelo menos 3 caracteres',
     descriptionValidationError: 'O comprimento da descrição deve estar entre 3 e 160 caracteres.'

package/lib/locales/ru.js

@@ -356,7 +356,9 @@ export default {
     blockletStudio: 'Студия',
     visitStore: 'Посетите магазин',
     reconnect: 'Восстановить соединение',
-    change: 'Изменение'
+    change: 'Изменение',
+    disconnect: 'Отсоединить',
+    sourceApp: 'Принадлежит приложению'
   },
   blocklet: {
     external: 'Внешний',
@@ -727,7 +729,7 @@ export default {
       },
       resourceTip: 'В настоящее время, как ресурсный блоклет, его нельзя установить напрямую из Магазина.',
       whyCantSeeInStore: 'Почему я не вижу этот блоклет в магазине?',
-      whyCantSeeResourceBlockletInStore: 'Почему я не вижу этот ресурсный блоклет в магазине?',
+      whyCantSeeResourceBlockletInStore: 'Реурсные блоклеты по умолчанию скрыты со страницы списка магазина',
       tenantScope: 'Арендатор',
       blockletStudio: 'Студия Блоклет',
       allComponentsNotRunning: 'Blocklets не запускается, пожалуйста, сначала запустите его',
@@ -744,7 +746,9 @@ export default {
       branding: 'Брендинг',
       brandingHelp: 'Больше информации о блоклете будет отображаться в магазине',
       resourceSelect: 'Выберите ресурс из блоклетов',
-      resourceUpload: 'Загрузите ресурс с вашего диска (в архиве требуется index.html)'
+      resourceUpload: 'Загрузите ресурс с вашего диска (в архиве требуется index.html)',
+      deleteStoreTip: 'Вы уверены, что хотите удалить {name} из списка магазина Connect?',
+      disconnectStoreTip: 'Блоклет будет удален из магазина после отключения. Уверены, что хотите отключить?'
     },
     titleValidationError: 'Длина заголовка должна быть не менее 3 символов',
     descriptionValidationError: 'Длина описания должна быть от 3 до 160 символов'

package/lib/locales/th.js

@@ -356,7 +356,9 @@ export default {
     blockletStudio: 'สตูดิโอ',
     visitStore: 'เยี่ยมชมร้านค้า',
     reconnect: 'เชื่อมต่อใหม่',
-    change: 'เปลี่ยนแปลง'
+    change: 'เปลี่ยนแปลง',
+    disconnect: 'ตัดการเชื่อมต่อ',
+    sourceApp: 'เป็นของแอป'
   },
   blocklet: {
     external: 'ภายนอก',
@@ -727,7 +729,7 @@ export default {
       },
       resourceTip: 'ปัจจุบันเป็นบล็อกทรัพยากร ไม่สามารถติดตั้งโดยตรงจากร้านค้าได้',
       whyCantSeeInStore: 'ทำไมฉันไม่สามารถเห็นบล็อกเล็ตนี้ในร้านค้าได้หรือ?',
-      whyCantSeeResourceBlockletInStore: 'ทำไมฉันไม่สามารถเห็น Resource Blocklet นี้ในร้านค้าได้?',
+      whyCantSeeResourceBlockletInStore: 'Resource Blocklet ถูกซ่อนจากหน้ารายการร้านค้าโดยค่าตั้งต้น',
       tenantScope: 'ผู้เช่า',
       blockletStudio: 'Blocklet Studio',
       allComponentsNotRunning: 'Blocklets ไม่ได้ทำงาน โปรดเริ่มต้นใช้งานก่อน',
@@ -744,7 +746,9 @@ export default {
       branding: 'การติดตามแบรนด์',
       brandingHelp: 'ข้อมูลเพิ่มเติมเกี่ยวกับ blocklet จะแสดงในร้านค้า',
       resourceSelect: 'เลือกทรัพยากรจากบล็อกเล็ต',
-      resourceUpload: 'อัปโหลดทรัพยากรจากดิสก์ของคุณ (index.html จำเป็นในไฟล์เข้าเก็บ)'
+      resourceUpload: 'อัปโหลดทรัพยากรจากดิสก์ของคุณ (index.html จำเป็นในไฟล์เข้าเก็บ)',
+      deleteStoreTip: 'คุณแน่ใจหรือว่าต้องการลบ {name} ออกจากรายการร้านค้าเชื่อมต่อหรือไม่?',
+      disconnectStoreTip: 'เมื่อยกเลิกการเชื่อมต่อแล้ว Blocklet จะถูกลบออกจากร้าน คุณแน่ใจไหมว่าต้องการยกเลิกการเชื่อมต่อหรือไม่'
     },
     titleValidationError: 'ความยาวของชื่อต้องมีอย่างน้อย 3 ตัวอักษร',
     descriptionValidationError: 'ความยาวคำอธิบายต้องอยู่ระหว่าง 3 ถึง 160 ตัวอักษร.'

package/lib/locales/vi.js

@@ -356,7 +356,9 @@ export default {
     blockletStudio: 'Studio',
     visitStore: 'Ghé cửa hàng',
     reconnect: 'Kết nối lại',
-    change: 'Thay đổi'
+    change: 'Thay đổi',
+    disconnect: 'Ngắt kết nối',
+    sourceApp: 'Thuộc về ứng dụng'
   },
   blocklet: {
     external: 'Bên ngoài',
@@ -727,7 +729,7 @@ export default {
       },
       resourceTip: 'Hiện tại, là một khối tài nguyên, nó không thể được cài đặt trực tiếp từ Cửa hàng.',
       whyCantSeeInStore: 'Tại sao tôi không thể thấy khối này trong Cửa hàng?',
-      whyCantSeeResourceBlockletInStore: 'Tại sao tôi không thể thấy Resource Blocklet này trong Cửa hàng?',
+      whyCantSeeResourceBlockletInStore: 'Resource Blocklet được ẩn khỏi trang danh sách cửa hàng mặc định',
       tenantScope: 'Người thuê',
       blockletStudio: 'Blocklet Studio',
       allComponentsNotRunning: 'Blocklets không đang chạy, vui lòng khởi động nó trước',
@@ -744,7 +746,9 @@ export default {
       branding: 'Thương hiệu',
       brandingHelp: 'Thông tin chi tiết về blocklet sẽ được hiển thị trên Cửa hàng',
       resourceSelect: 'Chọn tài nguyên từ blocklets',
-      resourceUpload: 'Tải tài nguyên từ ổ đĩa của bạn (index.html cần thiết trong tệp nén)'
+      resourceUpload: 'Tải tài nguyên từ ổ đĩa của bạn (index.html cần thiết trong tệp nén)',
+      deleteStoreTip: 'Bạn có chắc chắn muốn xóa {name} khỏi danh sách Cửa hàng Kết nối không?',
+      disconnectStoreTip: 'Sau khi ngắt kết nối, Blocklet sẽ bị xóa khỏi cửa hàng. Bạn có chắc chắn muốn ngắt kết nối không?'
     },
     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ự.'

package/lib/locales/zh-tw.js

@@ -356,7 +356,9 @@ export default {
     blockletStudio: 'Studio',
     visitStore: '訪問 Store',
     reconnect: '重新連接',
-    change: '更改'
+    change: '更改',
+    disconnect: '斷開連線',
+    sourceApp: '屬於此 App'
   },
   blocklet: {
     external: '外部的',
@@ -727,7 +729,7 @@ export default {
       },
       resourceTip: '目前，作為資源型 Blocklet，無法直接從商店安裝。',
       whyCantSeeInStore: '為什麼我無法在商店中看到這個 Blocklet？',
-      whyCantSeeResourceBlockletInStore: '為什麼我在商店裡看不到這個資源型 Blocklet？',
+      whyCantSeeResourceBlockletInStore: '資源Blocklet預設情況下在商店列表頁面上被隱藏',
       tenantScope: '租戶',
       blockletStudio: 'Blocklet Studio',
       allComponentsNotRunning: 'Blocklets未執行，請先啟動',
@@ -744,7 +746,9 @@ export default {
       branding: '品牌',
       brandingHelp: '將在商店中顯示有關區塊的更多信息',
       resourceSelect: '從 blocklets 選擇資源',
-      resourceUpload: '從您的磁盤上傳資源（存檔中需要index.html）'
+      resourceUpload: '從您的磁盤上傳資源（存檔中需要index.html）',
+      deleteStoreTip: '您確定要將{name}從連接商店列表中移除嗎？',
+      disconnectStoreTip: '斷開連線後，blocklet 將從商店中移除。您確定要斷開連線嗎？'
     },
     titleValidationError: '標題長度必須至少為3到40個字符',
     descriptionValidationError: '描述長度必須介於3到160個字符之間'

package/lib/locales/zh.js

@@ -356,7 +356,9 @@ export default {
     blockletStudio: 'Studio',
     visitStore: '访问 Store',
     reconnect: '重新连接',
-    change: '更改'
+    change: '更改',
+    sourceApp: '所属应用',
+    disconnect: '断开连接'
   },
   blocklet: {
     external: '外部',
@@ -732,7 +734,7 @@ export default {
       },
       resourceTip: '目前，作为资源型 Blocklet，它无法直接从 Store 安装。',
       whyCantSeeInStore: '为什么我不能在 Store 中看到这个 Blocklet？',
-      whyCantSeeResourceBlockletInStore: '为什么我在商店里看不到这个资源型 Blocklet？',
+      whyCantSeeResourceBlockletInStore: '资源Blocklet默认情况下在商店列表页面上被隐藏',
       tenantScope: '租户',
       blockletStudio: 'Blocklet Studio',
       allComponentsNotRunning: 'Blocklets未运行，请先启动',
@@ -747,7 +749,9 @@ export default {
       branding: '品牌',
       brandingHelp: '将在商店中显示有关区块链的更多信息',
       resourceSelect: '从 blocklets 选择资源',
-      resourceUpload: '从您的磁盘上传资源（存档中需要index.html）'
+      resourceUpload: '从您的磁盘上传资源（存档中需要index.html）',
+      deleteStoreTip: '您确定要将{name}从连接商店列表中移除吗？',
+      disconnectStoreTip: '断开连接后，blocklet 将从商店中移除。您确定要断开连接吗？'
     },
     titleValidationError: '标题长度必须至少为3到40个字符',
     descriptionValidationError: '描述长度必须在3到160个字符之间'

package/lib/store/add.js

@@ -27,14 +27,17 @@ export default function AddStore({
   storeList,
   teamDid,
   onAdd,
-  scope
+  scope,
+  hiddenChildren,
+  open,
+  onClose
 }) {
   const {
     api
   } = useNodeContext();
   const [loading, setLoading] = useState(false);
   const [disable, setDisable] = useState(true);
-  const [open, setOpen] = useState(false);
+  const [isOpen, setIsOpen] = useState(false);
   const [url, setUrl] = useState('');
   const [error, setError] = useState('');
   const {
@@ -59,7 +62,8 @@ export default function AddStore({
         }
       });
       onAdd(decoded);
-      setOpen(false);
+      setIsOpen(false);
+      onClose();
     } catch (err) {
       const errMsg = `${t('store.blockletRegistry.addFailed')} ${formatError(err)}`;
       setError(errMsg);
@@ -67,13 +71,17 @@ export default function AddStore({
       setLoading(false);
     }
   };
+  const handleClose = () => {
+    setIsOpen(false);
+    onClose();
+  };
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsxs(ListItem, {
+    children: [!hiddenChildren && /*#__PURE__*/_jsxs(ListItem, {
       button: true,
       disabled: disabled,
       className: classes.addMenuItemRoot,
       onClick: () => {
-        setOpen(true);
+        setIsOpen(true);
       },
       children: [/*#__PURE__*/_jsx(AddIcon, {
         font: true
@@ -85,8 +93,8 @@ export default function AddStore({
       title: t('store.blockletRegistry.addRegistry'),
       fullWidth: true,
       maxWidth: "md",
-      open: open,
-      onClose: () => setOpen(false),
+      open: open || isOpen,
+      onClose: handleClose,
       PaperProps: {
         style: {
           minHeight: 'auto'
@@ -96,7 +104,7 @@ export default function AddStore({
         children: [/*#__PURE__*/_jsx(Button, {
           onClick: e => {
             e.stopPropagation();
-            setOpen(false);
+            handleClose();
           },
           color: "inherit",
           children: t('common.cancel')
@@ -172,11 +180,17 @@ AddStore.propTypes = {
   disabled: PropTypes.bool,
   storeList: PropTypes.array,
   onAdd: PropTypes.func,
-  scope: PropTypes.string
+  scope: PropTypes.string,
+  hiddenChildren: PropTypes.bool,
+  open: PropTypes.bool,
+  onClose: PropTypes.func
 };
 AddStore.defaultProps = {
   disabled: false,
   storeList: [],
   onAdd: () => {},
-  scope: ''
+  scope: '',
+  hiddenChildren: false,
+  open: false,
+  onClose: () => {}
 };

package/lib/store/connect-actions.js

@@ -4,7 +4,7 @@ import { Box, Button, Menu, MenuItem } from '@mui/material';
 import MoreVertIcon from '@mui/icons-material/MoreVert';
 import { joinURL } from 'ufo';
 import LaunchIcon from '@mui/icons-material/Launch';
-import LinkOutlinedIcon from '@mui/icons-material/LinkOutlined';
+import LinkOffIcon from '@mui/icons-material/LinkOff';
 import DeleteOutlineIcon from '@mui/icons-material/DeleteOutline';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import ConfirmDialog from '../confirm';
@@ -12,7 +12,7 @@ import DeleteStore from './delete';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function ConnectActions({
   connected,
-  onConnect,
+  onDisconnect,
   onDelete,
   store,
   teamDid,
@@ -23,7 +23,7 @@ function ConnectActions({
   const {
     t
   } = useLocaleContext();
-  const [showReconnectConfirm, setShowReconnectConfirm] = useState(false);
+  const [showDisconnectConfirm, setShowDisconnectConfirm] = useState(false);
   const handleOpenUrl = e => {
     e.stopPropagation();
     window.open(joinURL(store.url, 'developer/blocklets'));
@@ -35,21 +35,21 @@ function ConnectActions({
   const handleClose = () => {
     setAnchorEl(null);
   };
-  const handleConnect = () => {
-    setShowReconnectConfirm(false);
-    onConnect();
+  const handleDisconnect = () => {
+    setShowDisconnectConfirm(false);
+    onDisconnect();
   };
   const actions = [{
     label: t('common.visitStore'),
     action: handleOpenUrl,
     icon: LaunchIcon
   }, {
-    label: t('common.reconnect'),
+    label: t('common.disconnect'),
     action: () => {
       handleClose();
-      setShowReconnectConfirm(true);
+      setShowDisconnectConfirm(true);
     },
-    icon: LinkOutlinedIcon,
+    icon: LinkOffIcon,
     hidden: !connected
   }];
   return /*#__PURE__*/_jsxs(_Fragment, {
@@ -93,7 +93,7 @@ function ConnectActions({
             children: x.label
           })]
         }, x.label);
-      }), /*#__PURE__*/_jsx(DeleteStore, {
+      }), !store.protected && /*#__PURE__*/_jsx(DeleteStore, {
         store: store,
         onDelete: onDelete,
         teamDid: teamDid,
@@ -112,19 +112,19 @@ function ConnectActions({
           })]
         })
       })]
-    }), showReconnectConfirm && /*#__PURE__*/_jsx(ConfirmDialog, {
+    }), showDisconnectConfirm && /*#__PURE__*/_jsx(ConfirmDialog, {
       displayError: true,
-      title: `${t('common.reconnect')} ${store.name}`,
-      description: t('blocklet.publish.reconnectStoreTip'),
+      title: `${t('common.disconnect')} ${store.name}`,
+      description: t('blocklet.publish.disconnectStoreTip'),
       confirm: t('common.confirm'),
-      onConfirm: handleConnect,
-      onCancel: () => setShowReconnectConfirm(false)
+      onConfirm: handleDisconnect,
+      onCancel: () => setShowDisconnectConfirm(false)
     })]
   });
 }
 ConnectActions.propTypes = {
   connected: PropTypes.bool,
-  onConnect: PropTypes.func,
+  onDisconnect: PropTypes.func,
   onDelete: PropTypes.func,
   store: PropTypes.object.isRequired,
   teamDid: PropTypes.string.isRequired,
@@ -133,7 +133,7 @@ ConnectActions.propTypes = {
 ConnectActions.defaultProps = {
   projectId: '',
   connected: false,
-  onConnect: () => {},
-  onDelete: () => {}
+  onDelete: () => {},
+  onDisconnect: () => {}
 };
 export default ConnectActions;

package/lib/store/item.js

@@ -17,6 +17,10 @@ import ConnectActions from './connect-actions';
 import DidAddress from '../did-address';
 import usePromiseWindowOpen from '../hooks/use-promise-window-open';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export const BEHAVIOR = {
+  CONNECT: 'connect',
+  SELECT: 'select'
+};
 const useStyles = makeStyles(() => ({
   buttonText: {
     textTransform: 'none !important'
@@ -98,7 +102,9 @@ export default function StoreItem({
   connectedStore,
   releaseType,
   onPublish,
-  onOpenConnectStore
+  onOpenConnectStore,
+  onSelectConnectStore,
+  behavior
 }) {
   const classes = useStyles();
   const {
@@ -123,6 +129,10 @@ export default function StoreItem({
     window.open(store.url);
   };
   const handleConnectToStore = () => {
+    if (behavior === BEHAVIOR.SELECT) {
+      onSelectConnectStore(store);
+      return;
+    }
     openWindow(async (newWindow, open) => {
       try {
         const res = await api.connectToStore({
@@ -153,6 +163,16 @@ export default function StoreItem({
       }
     });
   };
+  const handleDisconnectStore = async () => {
+    await api.disconnectFromStore({
+      input: {
+        did: teamDid,
+        storeId: store.id,
+        projectId
+      }
+    });
+    onDelete();
+  };
   const handleUploadToStore = () => {
     setLoading(true);
     api.publishToStore({
@@ -302,7 +322,7 @@ export default function StoreItem({
           store: store,
           onDelete: onDelete,
           teamDid: teamDid,
-          onConnect: handleConnectToStore
+          onDisconnect: handleDisconnectStore
         })]
       }), !isPublish && /*#__PURE__*/_jsxs(ButtonGroup, {
         disabled: loading,
@@ -349,7 +369,9 @@ StoreItem.propTypes = {
   }).isRequired,
   onDelete: PropTypes.func,
   onPublish: PropTypes.func,
-  onOpenConnectStore: PropTypes.func
+  onOpenConnectStore: PropTypes.func,
+  behavior: PropTypes.string,
+  onSelectConnectStore: PropTypes.func
 };
 StoreItem.defaultProps = {
   kind: 'store',
@@ -358,7 +380,9 @@ StoreItem.defaultProps = {
   releaseId: '',
   projectId: '',
   releaseType: '',
+  behavior: BEHAVIOR.CONNECT,
   onPublish: () => {},
   onDelete: () => {},
-  onOpenConnectStore: () => {}
+  onOpenConnectStore: () => {},
+  onSelectConnectStore: () => {}
 };

package/lib/team/members/index.js

@@ -151,7 +151,8 @@ export default function MemberList({
     refresh,
     enablePassportIssuance,
     endpoint,
-    api
+    api,
+    blocklet
   } = useTeamContext();
   const {
     inService,
@@ -159,6 +160,36 @@ export default function MemberList({
       useSubscription
     }
   } = useNodeContext();
+  const appInfoList = [];
+  if (inService && blocklet) {
+    const federatedMaster = (blocklet.settings?.federated?.sites || []).find(item => item.isMaster !== false);
+    const federatedCurrent = (blocklet.settings?.federated?.sites || []).find(item => item.appId === blocklet.appDid);
+    if (federatedCurrent?.status === 'approved') {
+      appInfoList.push({
+        appId: federatedMaster.appId,
+        appName: federatedMaster.appName,
+        appDescription: federatedMaster.appDescription,
+        appLogo: federatedMaster.appLogo,
+        appPid: federatedMaster.appPid,
+        appUrl: federatedMaster.appUrl,
+        version: federatedMaster.version,
+        sourceAppPid: federatedMaster.appPid,
+        provider: 'wallet'
+      });
+    }
+    appInfoList.push({
+      appId: federatedCurrent.appId,
+      appName: federatedCurrent.appName,
+      appDescription: federatedCurrent.appDescription,
+      appLogo: federatedCurrent.appLogo,
+      appPid: federatedCurrent.appPid,
+      appUrl: federatedCurrent.appUrl,
+      version: federatedCurrent.version,
+      // NOTICE: null 代表该值置空
+      sourceAppPid: null,
+      provider: 'wallet'
+    });
+  }
   const {
     t,
     locale
@@ -604,6 +635,7 @@ export default function MemberList({
       teamDid: teamDid,
       endpoint: endpoint,
       roles: roles,
+      apps: appInfoList,
       onCancel: () => setShowInviteMember(false),
       onSuccess: () => {
         refresh();