@abtnode/ux 1.16.31-beta-52250475 → 1.16.31-beta-a0cc72cf

package/lib/blocklet/component/did-space/item.js

@@ -77,7 +77,6 @@ function SpaceItem({
       children: [/*#__PURE__*/_jsx(Box, {
         display: "flex",
         children: /*#__PURE__*/_jsx(PreviewSpaceNft, {
-          alt: spaceGateway.did,
           src: getSpaceNftDisplayUrlFromEndpoint(spaceGateway.endpoint)
         })
       }), /*#__PURE__*/_jsxs(Box, {

package/lib/blocklet/configuration.js

@@ -44,10 +44,11 @@ function BlockletEnvironment({
   const {
     t
   } = useContext(LocaleContext);
-  const [loading, setLoading] = useState('');
+  const [loading, setLoading] = useState(false);
   const [showTransferOwner, setShowTransferOwner] = useState(false);
   const whoCanAccess = getWhoCanAccess(blocklet);
   const publicToStore = blocklet?.settings?.publicToStore;
+  const inviteEnabled = !!blocklet?.settings?.invite?.enabled;
   const disabled = loading || !hasPermission;
   const {
     logoUrl,
@@ -171,6 +172,26 @@ function BlockletEnvironment({
   };
   const onDeletableChange = createBooleanConfigHandler('BLOCKLET_DELETABLE', checked => checked ? 'no' : 'yes');
   const onTenantModeChange = createBooleanConfigHandler('BLOCKLET_APP_TENANT_MODE', checked => checked ? BLOCKLET_TENANT_MODES.MULTIPLE : BLOCKLET_TENANT_MODES.SINGLE);
+  const onChangeInviteSettings = async e => {
+    if (loading) {
+      return;
+    }
+    setLoading(true);
+    try {
+      await api.updateInviteSettings({
+        input: {
+          did: blocklet.meta.did,
+          invite: {
+            enabled: e.target.checked
+          }
+        }
+      });
+    } catch (err) {
+      Toast.error(err.message);
+    } finally {
+      setLoading(false);
+    }
+  };
   const onUpdateCors = async value => {
     const oldValue = site.corsAllowedOrigins || [];
     const newValue = value.split(',').map(x => x.trim()).filter(Boolean);
@@ -493,6 +514,22 @@ function BlockletEnvironment({
             onChange: onTenantModeChange
           })]
         })
+      }), /*#__PURE__*/_jsx(Box, {
+        className: "config-form",
+        children: /*#__PURE__*/_jsxs(Box, {
+          className: "config-item",
+          children: [/*#__PURE__*/_jsxs(Box, {
+            className: "config-label",
+            children: [t('team.invite.setting'), /*#__PURE__*/_jsx(Box, {
+              className: "config-desc",
+              children: t(`team.invite.${inviteEnabled ? 'enabled' : 'disabled'}`)
+            })]
+          }), /*#__PURE__*/_jsx(Switch, {
+            disabled: disabled,
+            checked: inviteEnabled,
+            onChange: onChangeInviteSettings
+          })]
+        })
       })]
     })]
   });

package/lib/blocklet/storage/item.js

@@ -418,7 +418,6 @@ function SpaceItem({
           })]
         })]
       }), /*#__PURE__*/_jsx(PreviewSpaceNft, {
-        alt: spaceGateway.did,
         src: getSpaceNftDisplayUrlFromEndpoint(spaceGateway.endpoint),
         width: "72px",
         height: "72px"

package/lib/blocklet/storage/preview-nft.js

@@ -1,6 +1,5 @@
 import React from "react";
 import { useState } from 'react';
-import ReactPlaceholder from 'react-placeholder';
 import { string } from 'prop-types';
 import { Dialog, DialogContent, IconButton } from '@mui/material';
 import CloseOutlinedIcon from '@mui/icons-material/CloseOutlined';
@@ -204,39 +203,42 @@ EmptySpacesNFT.defaultProps = {
 };
 function PreviewSpaceNft({
   src,
-  alt,
   width,
   height
 }) {
-  const [showEmptySpaceNFT, setShowEmptySpaceNFT] = useState(false);
   const [open, setOpen] = useState(false);
   const handleOpen = () => setOpen(true);
   const handleClose = () => setOpen(false);
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(ReactPlaceholder, {
-      ready: showEmptySpaceNFT,
-      customPlaceholder:
-      /*#__PURE__*/
-      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
-      _jsx("img", {
-        style: {
-          cursor: 'pointer'
-        },
-        alt: alt,
-        src: src,
+    children: [/*#__PURE__*/_jsxs("div", {
+      style: {
+        position: 'relative'
+      },
+      onClick: handleOpen,
+      children: [/*#__PURE__*/_jsx("object", {
+        data: src,
         width: width,
         height: height,
-        onError: () => setShowEmptySpaceNFT(true),
-        onClick: handleOpen
-      }),
-      children: /*#__PURE__*/_jsx(EmptySpacesNFT, {
+        children: /*#__PURE__*/_jsx(EmptySpacesNFT, {
+          viewBox: "0 0 228 258",
+          style: {
+            cursor: 'pointer',
+            width: '64px',
+            height: '64px'
+          }
+        })
+      }), /*#__PURE__*/_jsx("div", {
         style: {
-          cursor: 'pointer',
-          width: '58px',
-          height: '58px'
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          width: '100%',
+          height: '100%',
+          zIndex: '1',
+          cursor: 'pointer'
         },
         onClick: handleOpen
-      })
+      })]
     }), /*#__PURE__*/_jsx(Dialog, {
       open: open,
       onClose: handleClose,
@@ -260,27 +262,27 @@ function PreviewSpaceNft({
             color: 'white'
           },
           children: /*#__PURE__*/_jsx(CloseOutlinedIcon, {})
-        }), showEmptySpaceNFT ? /*#__PURE__*/_jsx(EmptySpacesNFT, {
-          style: {
-            width: '100%',
-            height: '75vh'
-          }
-        }) : /*#__PURE__*/_jsx("img", {
-          src: src,
-          alt: "",
+        }), "(", /*#__PURE__*/_jsx("object", {
+          data: src,
           style: {
             width: '100%',
             height: '75vh',
             objectFit: 'contain'
-          }
-        })]
+          },
+          children: /*#__PURE__*/_jsx(EmptySpacesNFT, {
+            viewBox: "0 0 228 258",
+            style: {
+              width: '100%',
+              height: '75vh'
+            }
+          })
+        }), ")"]
       })
     })]
   });
 }
 PreviewSpaceNft.propTypes = {
   src: string.isRequired,
-  alt: string.isRequired,
   width: string,
   height: string
 };

package/lib/locales/ar.js

@@ -1221,7 +1221,13 @@ export default {
     title: 'خادم Blocklet الخاص بك يعمل بشكل جيد!'
   },
   team: {
-    invite: 'دعوة جديدة',
+    invite: {
+      action: 'دعوة جديدة',
+      setting: 'إعدادات الدعوة',
+      enabled: 'السماح لأي مستخدم بدعوة مستخدم جديد إلى هذا البلوكليت',
+      disabled: 'يمكن للمالك / المسؤول فقط دعوة مستخدم جديد إلى هذا البلوكلت',
+      inviter: 'دعا بواسطة'
+    },
     add: 'إضافة جديد',
     member: {
       name: 'الاسم',

package/lib/locales/de.js

@@ -1221,7 +1221,13 @@ export default {
     title: 'Ihr Blocklet Server ist aktiv und läuft!'
   },
   team: {
-    invite: 'Neu einladen',
+    invite: {
+      action: 'Neu einladen',
+      setting: 'Einladungseinstellungen',
+      enabled: 'Erlauben Sie jedem Benutzer, einen neuen Benutzer zu diesem Blocklet einzuladen',
+      disabled: 'Nur der Eigentümer/Administrator kann neue Benutzer zu diesem Blocklet einladen',
+      inviter: 'Eingeladen von'
+    },
     add: 'Neu hinzufügen',
     member: {
       name: 'Name',

package/lib/locales/en.js

@@ -1221,8 +1221,14 @@ export default {
     title: 'Your Blocklet Server is up and running!'
   },
   team: {
-    invite: 'Invite New',
     add: 'Add New',
+    invite: {
+      action: 'Invite New',
+      setting: 'Invite Settings',
+      enabled: 'Allow any user to invite new user to this blocklet',
+      disabled: 'Only owner/admin can invite new user to this blocklet',
+      inviter: 'Invited By'
+    },
     member: {
       name: 'Name',
       passport: 'Passport',

package/lib/locales/es.js

@@ -1221,7 +1221,13 @@ export default {
     title: '¡Tu servidor de Blocklet está activo y funcionando!'
   },
   team: {
-    invite: 'Invitar Nuevo',
+    invite: {
+      action: 'Invitar Nuevo',
+      setting: 'Configuración de Invitación',
+      enabled: 'Permitir a cualquier usuario invitar a un nuevo usuario a este bloque',
+      disabled: 'Solo el propietario/administrador puede invitar a un nuevo usuario a este blocklet',
+      inviter: 'Invitado por'
+    },
     add: 'Agregar Nuevo',
     member: {
       name: 'Nombre',

package/lib/locales/fr.js

@@ -1221,7 +1221,13 @@ export default {
     title: 'Votre serveur Blocklet est en ligne et fonctionne !'
   },
   team: {
-    invite: 'Inviter Nouveau',
+    invite: {
+      action: 'Inviter Nouveau',
+      setting: "Paramètres d'invitation",
+      enabled: "Permettre à n'importe quel utilisateur d'inviter un nouvel utilisateur à ce blocklet",
+      disabled: 'Seul le propriétaire/administrateur peut inviter un nouvel utilisateur à ce blocklet',
+      inviter: 'Invité par'
+    },
     add: 'Ajouter nouveau',
     member: {
       name: 'Nom',

package/lib/locales/hi.js

@@ -1221,7 +1221,13 @@ export default {
     title: 'आपका ब्लॉकलेट सर्वर चालू और चल रहा है!'
   },
   team: {
-    invite: 'नया आमंत्रण भेजें',
+    invite: {
+      action: 'नया आमंत्रित करें',
+      setting: 'निमंत्रण सेटिंग्स',
+      enabled: 'किसी भी उपयोगकर्ता को इस ब्लॉकलेट में नए उपयोगकर्ता को आमंत्रित करने की अनुमति दें',
+      disabled: 'केवल मालिक/व्यवस्थापक इस ब्लॉकलेट में नए उपयोगकर्ता को आमंत्रित कर सकते हैं',
+      inviter: 'द्वारा आमंत्रित'
+    },
     add: 'नया जोड़ें',
     member: {
       name: 'नाम',

package/lib/locales/id.js

@@ -1221,7 +1221,13 @@ export default {
     title: 'Server Blocklet Anda sedang berjalan!'
   },
   team: {
-    invite: 'Undang Baru',
+    invite: {
+      action: 'Undang Baru',
+      setting: 'Pengaturan Undangan',
+      enabled: 'Memungkinkan pengguna manapun mengundang pengguna baru ke blocklet ini',
+      disabled: 'Hanya pemilik/admin dapat mengundang pengguna baru ke blocklet ini',
+      inviter: 'Diundang Oleh'
+    },
     add: 'Tambah Baru',
     member: {
       name: 'Nama',

package/lib/locales/ja.js

@@ -1221,7 +1221,13 @@ export default {
     title: 'Blocklet サーバーが稼働しています！'
   },
   team: {
-    invite: '新しい招待状',
+    invite: {
+      action: '新規招待',
+      setting: '招待設定',
+      enabled: 'どのユーザーでも新しいユーザーをこのブロックに招待できるようにする',
+      disabled: '所有者/管理者のみが新しいユーザーをこのブロックに招待できます',
+      inviter: '招待された者'
+    },
     add: '新規追加',
     member: {
       name: '名前',

package/lib/locales/ko.js

@@ -1221,7 +1221,13 @@ export default {
     title: 'Blocklet 서버가 정상적으로 작동 중입니다!'
   },
   team: {
-    invite: '새로운 초대장',
+    invite: {
+      action: '신규 초대',
+      setting: '초대 설정',
+      enabled: '모든 사용자가이 블록에 새 사용자를 초대 할 수 있도록 허용',
+      disabled: '소유자/관리자만이 새로운 사용자를 이 블록에 초대할 수 있습니다',
+      inviter: '초대 받음'
+    },
     add: '새로 추가하기',
     member: {
       name: '이름',

package/lib/locales/pt.js

@@ -1221,7 +1221,13 @@ export default {
     title: 'Seu servidor Blocklet está funcionando!'
   },
   team: {
-    invite: 'Convidar Novo',
+    invite: {
+      action: 'Convidar Novo',
+      setting: 'Configurações de convite',
+      enabled: 'Permitir que qualquer usuário convide um novo usuário para este blocklet',
+      disabled: 'Apenas o proprietário/administrador pode convidar novos usuários para este blocklet',
+      inviter: 'Convidado Por'
+    },
     add: 'Adicionar Novo',
     member: {
       name: 'Nome',

package/lib/locales/ru.js

@@ -1221,7 +1221,13 @@ export default {
     title: 'Ваш сервер Blocklet работает и функционирует!'
   },
   team: {
-    invite: 'Пригласить нового',
+    invite: {
+      action: 'Пригласить Новый',
+      setting: 'Настройки приглашения',
+      enabled: 'Разрешить любому пользователю пригласить нового пользователя в это блоклет',
+      disabled: 'Только владелец/администратор может пригласить нового пользователя в этот блоклет',
+      inviter: 'Приглашенный'
+    },
     add: 'Добавить новый',
     member: {
       name: 'Имя',

package/lib/locales/th.js

@@ -1221,7 +1221,13 @@ export default {
     title: 'เซิร์ฟเวอร์ Blocklet ของคุณพร้อมทำงานแล้ว!'
   },
   team: {
-    invite: 'เชิญผู้ใหม่',
+    invite: {
+      action: 'เชิญใหม่',
+      setting: 'ตั้งค่าเชิญ',
+      enabled: 'อนุญาตให้ผู้ใช้ใดๆ เชิญผู้ใช้ใหม่เข้าสู่บล็อกเล็ตนี้',
+      disabled: 'เฉพาะเจ้าของ/ผู้ดูแลเท่านั้นที่สามารถเชิญผู้ใช้ใหม่เข้าสู่ blocklet นี้',
+      inviter: 'เชิญโดย'
+    },
     add: 'เพิ่มใหม่',
     member: {
       name: 'ชื่อ',

package/lib/locales/vi.js

@@ -1221,7 +1221,13 @@ export default {
     title: 'Máy chủ Blocklet của bạn đã hoạt động!'
   },
   team: {
-    invite: 'Mời Mới',
+    invite: {
+      action: 'Mời Mới',
+      setting: 'Cài đặt Mời',
+      enabled: 'Cho phép bất kỳ người dùng nào mời người dùng mới vào blocklet này',
+      disabled: 'Chỉ chủ sở hữu/quản trị viên mới có thể mời người dùng mới vào blocklet này',
+      inviter: 'Được Mời Bởi'
+    },
     add: 'Thêm Mới',
     member: {
       name: 'Tên',

package/lib/locales/zh-tw.js

@@ -1221,7 +1221,13 @@ export default {
     title: '您的 Blocklet 伺服器已啟動並運行中！'
   },
   team: {
-    invite: '邀請新的',
+    invite: {
+      action: '邀請新人',
+      setting: '邀請設置',
+      enabled: '允許任何使用者邀請新使用者加入此區塊',
+      disabled: '只有擁有者/管理員才能邀請新用戶加入此區塊',
+      inviter: '被邀請者'
+    },
     add: '新增',
     member: {
       name: '名字',

package/lib/locales/zh.js

@@ -1221,7 +1221,13 @@ export default {
     title: '您的节点已启动并正在运行'
   },
   team: {
-    invite: '邀请',
+    invite: {
+      action: '邀请新人',
+      setting: '邀请设置',
+      enabled: '允许任何用户邀请新用户加入此区块',
+      disabled: '只有拥有者/管理员才能邀请新用户加入此区块',
+      inviter: '被邀请者'
+    },
     add: '添加',
     member: {
       name: '姓名',

package/lib/team/members/index.js

@@ -493,7 +493,7 @@ export default function MemberList({
             fontSize: '1.3em',
             marginRight: 4
           }
-        }), t('team.invite')]
+        }), t('team.invite.action')]
       })
     }));
     if (type === 'server') {

package/lib/team/members/member.js

@@ -148,10 +148,10 @@ export default function Member({
       value: pageState.user.fullName
     }, {
       name: t('common.email'),
-      value: pageState.user.email
+      value: pageState.user.email || '-'
     }, {
       name: t('common.phone'),
-      value: pageState.user.phone
+      value: pageState.user.phone || '-'
     }, {
       name: t('team.member.source'),
       value: /*#__PURE__*/_jsx(Box, {
@@ -173,7 +173,15 @@ export default function Member({
       value: formatToDatetime(pageState.user.createdAt, locale)
     }, {
       name: t('common.remark'),
-      value: pageState.user.remark || '--'
+      value: pageState.user.remark || '-'
+    }, {
+      name: t('team.invite.inviter'),
+      value: pageState.user.inviter ? /*#__PURE__*/_jsx(DidAddress, {
+        compact: true,
+        responsive: true,
+        did: pageState.user.inviter,
+        showQrcode: true
+      }) : '-'
     }, Array.isArray(pageState.user.tags) && pageState.user.tags.length > 0 ? {
       name: t('common.tags'),
       value: pageState.user.tags.map(x => /*#__PURE__*/_jsx(Tag, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.16.31-beta-52250475",
+  "version": "1.16.31-beta-a0cc72cf",
   "description": "UX components shared across abtnode packages",
   "publishConfig": {
     "access": "public"
@@ -25,25 +25,25 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "Apache-2.0",
   "dependencies": {
-    "@abtnode/auth": "1.16.31-beta-52250475",
-    "@abtnode/constant": "1.16.31-beta-52250475",
-    "@abtnode/util": "1.16.31-beta-52250475",
+    "@abtnode/auth": "1.16.31-beta-a0cc72cf",
+    "@abtnode/constant": "1.16.31-beta-a0cc72cf",
+    "@abtnode/util": "1.16.31-beta-a0cc72cf",
     "@ahooksjs/use-url-state": "^3.5.1",
-    "@arcblock/did": "^1.18.132",
-    "@arcblock/did-connect": "^2.10.23",
+    "@arcblock/did": "^1.18.135",
+    "@arcblock/did-connect": "^2.10.28",
     "@arcblock/did-motif": "^1.1.13",
-    "@arcblock/icons": "^2.10.23",
-    "@arcblock/nft-display": "2.10.23",
-    "@arcblock/react-hooks": "^2.10.23",
-    "@arcblock/terminal": "^2.10.23",
-    "@arcblock/ux": "^2.10.23",
-    "@blocklet/constant": "1.16.31-beta-52250475",
-    "@blocklet/js-sdk": "1.16.31-beta-52250475",
-    "@blocklet/launcher-layout": "2.10.23",
+    "@arcblock/icons": "^2.10.28",
+    "@arcblock/nft-display": "2.10.28",
+    "@arcblock/react-hooks": "^2.10.28",
+    "@arcblock/terminal": "^2.10.28",
+    "@arcblock/ux": "^2.10.28",
+    "@blocklet/constant": "1.16.31-beta-a0cc72cf",
+    "@blocklet/js-sdk": "1.16.31-beta-a0cc72cf",
+    "@blocklet/launcher-layout": "2.10.28",
     "@blocklet/list": "^0.13.18",
-    "@blocklet/meta": "1.16.31-beta-52250475",
-    "@blocklet/ui-react": "^2.10.23",
-    "@blocklet/uploader": "0.1.27",
+    "@blocklet/meta": "1.16.31-beta-a0cc72cf",
+    "@blocklet/ui-react": "^2.10.28",
+    "@blocklet/uploader": "0.1.28",
     "@emotion/react": "^11.10.4",
     "@emotion/styled": "^11.10.4",
     "@iconify-icons/logos": "^1.2.36",
@@ -56,10 +56,10 @@
     "@mui/styles": "^5.15.11",
     "@mui/x-date-pickers": "^6.19.0",
     "@mui/x-tree-view": "^6.17.0",
-    "@ocap/client": "1.18.132",
+    "@ocap/client": "1.18.135",
     "@uiw/react-markdown-preview": "^5.1.1",
     "ahooks": "^3.7.8",
-    "axios": "^1.7.2",
+    "axios": "^1.7.5",
     "classnames": "^2.3.2",
     "copy-to-clipboard": "^3.3.3",
     "date-fns": "^2.30.0",
@@ -92,7 +92,7 @@
     "react-sortable-tree-theme-material-ui": "^1.0.16",
     "react-use": "^17.4.0",
     "rehype-external-links": "^3.0.0",
-    "semver": "^7.3.8",
+    "semver": "^7.6.3",
     "timeago.js": "^4.0.2",
     "ufo": "^1.5.3",
     "validator": "^13.9.0"
@@ -108,5 +108,5 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0"
   },
-  "gitHead": "26155b86f103f9e64fd8a23b7fffdb279c71209c"
+  "gitHead": "d1eec814979a4086fc5efd7c719687b76c972ec6"
 }