@abtnode/ux 1.16.26-beta-4831bf3f → 1.16.26-beta-346cba92

package/lib/locales/id.js

@@ -359,7 +359,9 @@ var _default = exports.default = {
     uploaded: 'Diunggah',
     uploadToStore: 'Unggah ke Toko',
     upload: 'Unggah',
-    blockletStudio: 'Blocklet Studio'
+    blockletStudio: 'Blocklet Studio',
+    visitStore: 'Kunjungi toko',
+    reconnect: 'Menghubungkan kembali'
   },
   blocklet: {
     external: 'Eksternal',
@@ -706,7 +708,8 @@ var _default = exports.default = {
       publishToStoreSuccess: 'Blocklet berhasil dipublikasikan ke Store',
       connectStoreSuccess: 'Penyimpanan Blocklet berhasil terhubung',
       uploadToStoreSuccess: 'Blocklet berhasil diunggah ke Store, Anda perlu mempublikasikannya di Store',
-      viewLastRelease: 'Tampilkan rilis terakhir'
+      viewLastRelease: 'Tampilkan rilis terakhir',
+      reconnectStoreTip: 'Setelah terhubung kembali, pengembang baru akan terikat. Apakah Anda yakin ingin terhubung kembali?'
     },
     titleValidationError: 'Panjang judul harus setidaknya 3 karakter',
     descriptionValidationError: 'Panjang deskripsi harus antara 3 dan 160 karakter.'

package/lib/locales/ja.js

@@ -359,7 +359,9 @@ var _default = exports.default = {
     uploaded: 'アップロードされました',
     uploadToStore: 'ストアにアップロード',
     upload: 'アップロード',
-    blockletStudio: 'Blocklet Studio'
+    blockletStudio: 'Blocklet Studio',
+    visitStore: '店舗を訪れる',
+    reconnect: '再接続する'
   },
   blocklet: {
     external: '外部',
@@ -706,7 +708,8 @@ var _default = exports.default = {
       publishToStoreSuccess: 'ブロックレットが正常にストアに公開されました',
       connectStoreSuccess: 'Blockletストアが正常に接続されました',
       uploadToStoreSuccess: 'ブロックレットがストアに正常にアップロードされました。ストアで公開する必要があります',
-      viewLastRelease: '最新リリースを表示する'
+      viewLastRelease: '最新リリースを表示する',
+      reconnectStoreTip: '再接続後、新しい開発者がバインドされます。再接続しますか？'
     },
     titleValidationError: 'タイトルの長さは最低3文字以上である必要があります',
     descriptionValidationError: '説明の長さは3から160文字の間でなければなりません'

package/lib/locales/ko.js

@@ -359,7 +359,9 @@ var _default = exports.default = {
     uploaded: '업로드되었습니다',
     uploadToStore: '스토어에 업로드',
     upload: '업로드',
-    blockletStudio: 'Blocklet Studio'
+    blockletStudio: 'Blocklet Studio',
+    visitStore: '상점 방문하기',
+    reconnect: '재연결'
   },
   blocklet: {
     external: '외부의',
@@ -706,7 +708,8 @@ var _default = exports.default = {
       publishToStoreSuccess: 'Store에 블록릿 성공적으로 발행됐습니다',
       connectStoreSuccess: '블록렛 스토어가 성공적으로 연결되었습니다',
       uploadToStoreSuccess: '블록렛이 성공적으로 스토어에 업로드되었습니다. 스토어에서 게시해야 합니다',
-      viewLastRelease: '최신 릴리스 보기'
+      viewLastRelease: '최신 릴리스 보기',
+      reconnectStoreTip: '재연결 후에는 새로운 개발자가 연결됩니다. 재연결 하시겠습니까?'
     },
     titleValidationError: '제목 길이는 최소 3자 이상이어야 합니다',
     descriptionValidationError: '설명 길이는 3에서 160자 사이여야 합니다'

package/lib/locales/pt.js

@@ -359,7 +359,9 @@ var _default = exports.default = {
     uploaded: 'Carregado',
     uploadToStore: 'Enviar para a Loja',
     upload: 'Upload',
-    blockletStudio: 'Blocklet Studio'
+    blockletStudio: 'Blocklet Studio',
+    visitStore: 'Visite a loja',
+    reconnect: 'Reconectar'
   },
   blocklet: {
     external: 'Externo',
@@ -706,7 +708,8 @@ var _default = exports.default = {
       publishToStoreSuccess: 'Blocklet publicado na loja com sucesso',
       connectStoreSuccess: 'Loja de Blocos conectada com sucesso',
       uploadToStoreSuccess: 'Blocklet enviado para a Store com sucesso, você precisa publicá-lo na Store',
-      viewLastRelease: 'Visualizar última versão'
+      viewLastRelease: 'Visualizar última versão',
+      reconnectStoreTip: 'Após reconectar, um novo desenvolvedor será vinculado. Você tem certeza de que deseja reconectar?'
     },
     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

@@ -359,7 +359,9 @@ var _default = exports.default = {
     uploaded: 'Загружено',
     uploadToStore: 'Загрузить в магазин',
     upload: 'Загрузить',
-    blockletStudio: 'Студия Блоклет'
+    blockletStudio: 'Студия Блоклет',
+    visitStore: 'Посетите магазин',
+    reconnect: 'Восстановить соединение'
   },
   blocklet: {
     external: 'Внешний',
@@ -706,7 +708,8 @@ var _default = exports.default = {
       publishToStoreSuccess: 'Блоклет успешно опубликован в магазине',
       connectStoreSuccess: 'Успешное подключение к Blocklet Store',
       uploadToStoreSuccess: 'Блоклет успешно загружен в магазин, вам нужно опубликовать его в магазине',
-      viewLastRelease: 'Просмотр последнего релиза'
+      viewLastRelease: 'Просмотр последнего релиза',
+      reconnectStoreTip: 'После переподключения будет назначен новый разработчик. Вы уверены, что хотите переподключиться?'
     },
     titleValidationError: 'Длина заголовка должна быть не менее 3 символов',
     descriptionValidationError: 'Длина описания должна быть от 3 до 160 символов'

package/lib/locales/th.js

@@ -359,7 +359,9 @@ var _default = exports.default = {
     uploaded: 'อัปโหลดแล้ว',
     uploadToStore: 'อัปโหลดไปยังร้านค้า',
     upload: 'อัปโหลด',
-    blockletStudio: 'Blocklet Studio'
+    blockletStudio: 'Blocklet Studio',
+    visitStore: 'เยี่ยมชมร้านค้า',
+    reconnect: 'เชื่อมต่อใหม่'
   },
   blocklet: {
     external: 'ภายนอก',
@@ -706,7 +708,8 @@ var _default = exports.default = {
       publishToStoreSuccess: 'Blocklet ได้เผยแพร่ในร้านค้าเรียบร้อยแล้ว',
       connectStoreSuccess: 'เชื่อมต่อ Blocklet Store สำเร็จ',
       uploadToStoreSuccess: 'อัพโหลด Blocklet เข้าสู่ Store สำเร็จแล้ว คุณต้องเผยแพร่ในร้านค้า',
-      viewLastRelease: 'ดูรายการอัพเดตล่าสุด'
+      viewLastRelease: 'ดูรายการอัพเดตล่าสุด',
+      reconnectStoreTip: 'หลังจากเชื่อมต่อใหม่ จะมีนักพัฒนารุ่นใหม่เข้ามาเป็นที่ผูกพัน คุณแน่ใจหรือไม่ว่าต้องการที่จะเชื่อมต่อใหม่หรือไม่?'
     },
     titleValidationError: 'ความยาวของชื่อต้องมีอย่างน้อย 3 ตัวอักษร',
     descriptionValidationError: 'ความยาวคำอธิบายต้องอยู่ระหว่าง 3 ถึง 160 ตัวอักษร.'

package/lib/locales/vi.js

@@ -359,7 +359,9 @@ var _default = exports.default = {
     uploaded: 'Đã tải lên',
     uploadToStore: 'Tải lên Cửa hàng',
     upload: 'Tải lên',
-    blockletStudio: 'Blocklet Studio'
+    blockletStudio: 'Blocklet Studio',
+    visitStore: 'Ghé thăm cửa hàng',
+    reconnect: 'Kết nối lại'
   },
   blocklet: {
     external: 'Bên ngoài',
@@ -706,7 +708,8 @@ var _default = exports.default = {
       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',
-      viewLastRelease: 'Xem phiên bản phát hành gần đây nhất'
+      viewLastRelease: 'Xem phiên bản phát hành gần đây nhất',
+      reconnectStoreTip: 'Sau khi kết nối lại, một nhà phát triển mới sẽ được liên kết. Bạn có chắc chắn muốn kết nối lạ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

@@ -359,7 +359,9 @@ var _default = exports.default = {
     uploaded: '已上傳',
     uploadToStore: '上傳至 Store',
     upload: '上傳',
-    blockletStudio: 'Blocklet Studio'
+    blockletStudio: 'Blocklet Studio',
+    visitStore: '訪問 Store',
+    reconnect: '重新連接'
   },
   blocklet: {
     external: '外部的',
@@ -666,7 +668,7 @@ var _default = exports.default = {
       resourceTitle: '資源',
       blockletEmptyTip: '這裡沒有任何區塊元件',
       createBlockletTip: '您可以透過現有的資源、元件和設定，在此應用程式中建立新的 blocklet',
-      createBlocklet: '新的區塊',
+      createBlocklet: '新增 Blocklet',
       deleteBlockletTip: '刪除後無法恢復區塊，請確認',
       componentNotRunning: '{name}元件未運行，請先啟動。',
       releaseEmptyTip: '這裡沒有任何發布',
@@ -706,7 +708,8 @@ var _default = exports.default = {
       publishToStoreSuccess: '成功發佈到 Store 的區塊鏈',
       connectStoreSuccess: 'Store 連線成功',
       uploadToStoreSuccess: 'Blocklet 成功上傳至 Store，請在 Store 中發布',
-      viewLastRelease: '查看最新版本'
+      viewLastRelease: '查看最新版本',
+      reconnectStoreTip: '重新連接後，將綁定一個新的開發者。你確定要重新連接嗎？'
     },
     titleValidationError: '標題長度必須至少為3到40個字符',
     descriptionValidationError: '描述長度必須介於3到160個字符之間'

package/lib/locales/zh.js

@@ -359,7 +359,9 @@ var _default = exports.default = {
     uploaded: '已上传',
     uploadToStore: '上传到 Store',
     upload: '上传',
-    blockletStudio: 'Blocklet Studio'
+    blockletStudio: 'Blocklet Studio',
+    visitStore: '访问 Store',
+    reconnect: '重新连接'
   },
   blocklet: {
     external: '外部',
@@ -669,7 +671,7 @@ var _default = exports.default = {
       resourceTitle: '资源型 Blocklet',
       blockletEmptyTip: '这里没有任何 Blocklet',
       createBlockletTip: '你可以使用此应用的资源，组件，配置制作新的 Blocklet',
-      createBlocklet: '新的块',
+      createBlocklet: '新建 Blocklet',
       deleteBlockletTip: '此 Blocklet 删除后不可恢复，是否继续？',
       componentNotRunning: '组件 {name} 未运行',
       releaseEmptyTip: '这里没有任何发布',
@@ -709,7 +711,8 @@ var _default = exports.default = {
       publishToStoreSuccess: '成功发布 Blocklet 到 Store',
       connectStoreSuccess: 'Blocklet 成功连接 Store',
       uploadToStoreSuccess: 'Blocklet 成功上传至 Store，请在 Store 中发布',
-      viewLastRelease: '查看最新版本'
+      viewLastRelease: '查看最新版本',
+      reconnectStoreTip: '重新连接后，将绑定一个新的开发者。你确定要重新连接吗？'
     },
     titleValidationError: '标题长度必须至少为3到40个字符',
     descriptionValidationError: '描述长度必须在3到160个字符之间'

package/lib/store/connect-actions.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
+var _material = require("@mui/material");
+var _MoreVert = _interopRequireDefault(require("@mui/icons-material/MoreVert"));
+var _urlJoin = _interopRequireDefault(require("url-join"));
+var _Launch = _interopRequireDefault(require("@mui/icons-material/Launch"));
+var _LinkOutlined = _interopRequireDefault(require("@mui/icons-material/LinkOutlined"));
+var _DeleteOutline = _interopRequireDefault(require("@mui/icons-material/DeleteOutline"));
+var _context = require("@arcblock/ux/lib/Locale/context");
+var _confirm = _interopRequireDefault(require("../confirm"));
+var _delete = _interopRequireDefault(require("./delete"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ConnectActions(_ref) {
+  let {
+    connected,
+    onConnect,
+    onDelete,
+    store,
+    teamDid
+  } = _ref;
+  const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
+  const open = Boolean(anchorEl);
+  const {
+    t
+  } = (0, _context.useLocaleContext)();
+  const [showReconnectConfirm, setShowReconnectConfirm] = (0, _react.useState)(false);
+  const handleOpenUrl = e => {
+    e.stopPropagation();
+    window.open((0, _urlJoin.default)(store.url, 'developer/blocklets'));
+    window.open(store.url);
+  };
+  const handleOpen = event => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handleClose = () => {
+    setAnchorEl(null);
+  };
+  const actions = [{
+    label: t('common.visitStore'),
+    action: handleOpenUrl,
+    icon: _Launch.default
+  }, {
+    label: t('common.reconnect'),
+    action: () => {
+      handleClose();
+      setShowReconnectConfirm(true);
+    },
+    icon: _LinkOutlined.default,
+    hidden: !connected
+  }];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+      ref: anchorEl,
+      color: "primary",
+      onClick: handleOpen,
+      size: "small",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MoreVert.default, {
+        sx: {
+          zoom: 0.95
+        }
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Menu, {
+      anchorEl: anchorEl,
+      open: open,
+      onClose: handleClose,
+      anchorOrigin: {
+        vertical: 'bottom',
+        horizontal: 'center'
+      },
+      transformOrigin: {
+        vertical: 'top',
+        horizontal: 'center'
+      },
+      children: [actions.map(x => {
+        if (x.hidden) {
+          return null;
+        }
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
+          dense: true,
+          onClick: x.action,
+          disabled: x.disabled,
+          children: [x.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(x.icon, {
+            color: "action",
+            sx: {
+              marginRight: 1
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+            color: "action",
+            children: x.label
+          })]
+        }, x.label);
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_delete.default, {
+        store: store,
+        onDelete: onDelete,
+        teamDid: teamDid,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.MenuItem, {
+          dense: true,
+          disabled: store.protected,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteOutline.default, {
+            color: "action",
+            sx: {
+              marginRight: 1
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+            color: "action",
+            children: t('common.delete')
+          })]
+        })
+      })]
+    }), showReconnectConfirm && /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirm.default, {
+      title: "".concat(t('common.reconnect'), " ").concat(store.name),
+      description: t('blocklet.publish.reconnectStoreTip'),
+      confirm: t('common.confirm'),
+      onConfirm: onConnect,
+      onCancel: () => setShowReconnectConfirm(false)
+    })]
+  });
+}
+ConnectActions.propTypes = {
+  connected: _propTypes.default.bool,
+  onConnect: _propTypes.default.func,
+  onDelete: _propTypes.default.func,
+  store: _propTypes.default.object.isRequired,
+  teamDid: _propTypes.default.string.isRequired
+};
+ConnectActions.defaultProps = {
+  connected: false,
+  onConnect: () => {},
+  onDelete: () => {}
+};
+var _default = exports.default = ConnectActions;

package/lib/store/delete.js

@@ -20,7 +20,8 @@ function DeleteStore(_ref) {
   let {
     store,
     teamDid,
-    onDelete
+    onDelete,
+    children
   } = _ref;
   const {
     api
@@ -74,7 +75,10 @@ function DeleteStore(_ref) {
     setConfirmSetting(setting);
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+    children: [children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      onClick: onMenuItemClick,
+      children: children
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
       color: "primary",
       disabled: loading,
       onClick: onMenuItemClick,
@@ -98,10 +102,12 @@ function DeleteStore(_ref) {
   });
 }
 DeleteStore.propTypes = {
+  children: _propTypes.default.node,
   teamDid: _propTypes.default.string.isRequired,
   store: _propTypes.default.object.isRequired,
   onDelete: _propTypes.default.func
 };
 DeleteStore.defaultProps = {
+  children: null,
   onDelete: () => {}
 };

package/lib/store/item.js

@@ -18,6 +18,7 @@ var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
 var _delete = _interopRequireDefault(require("./delete"));
 var _node = require("../contexts/node");
 var _util = require("../util");
+var _connectActions = _interopRequireDefault(require("./connect-actions"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const useStyles = (0, _styles.makeStyles)(() => ({
@@ -215,17 +216,12 @@ function StoreItem(_ref) {
               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, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_connectActions.default, {
+          connected: connected,
           store: store,
           onDelete: onDelete,
-          teamDid: teamDid
+          teamDid: teamDid,
+          onConnect: handleConnectToStore
         })]
       }), !isPublish && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ButtonGroup, {
         disabled: loading,

package/lib/util/join-url-keep-search.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _urlJoin = _interopRequireDefault(require("url-join"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const joinUrlKeepSearch = (originalUrl, path) => {
+  if (!originalUrl) {
+    return '';
+  }
+  if (!path) {
+    return originalUrl;
+  }
+  const url = new URL(originalUrl);
+  const searchParams = new URLSearchParams(url.searchParams);
+  const newPath = new URL((0, _urlJoin.default)(url.origin, path));
+  newPath.search = searchParams.toString();
+  return newPath.toString();
+};
+var _default = exports.default = joinUrlKeepSearch;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abtnode/ux",
-  "version": "1.16.26-beta-4831bf3f",
+  "version": "1.16.26-beta-346cba92",
   "description": "UX components shared across abtnode packages",
   "publishConfig": {
     "access": "public"
@@ -28,9 +28,9 @@
   "author": "linchen <linchen1987@foxmail.com> (http://github.com/linchen1987)",
   "license": "Apache-2.0",
   "dependencies": {
-    "@abtnode/auth": "1.16.26-beta-4831bf3f",
-    "@abtnode/constant": "1.16.26-beta-4831bf3f",
-    "@abtnode/util": "1.16.26-beta-4831bf3f",
+    "@abtnode/auth": "1.16.26-beta-346cba92",
+    "@abtnode/constant": "1.16.26-beta-346cba92",
+    "@abtnode/util": "1.16.26-beta-346cba92",
     "@ahooksjs/use-url-state": "^3.5.1",
     "@arcblock/did": "^1.18.115",
     "@arcblock/did-connect": "^2.9.65",
@@ -40,10 +40,10 @@
     "@arcblock/react-hooks": "^2.9.65",
     "@arcblock/terminal": "^2.9.65",
     "@arcblock/ux": "^2.9.65",
-    "@blocklet/constant": "1.16.26-beta-4831bf3f",
+    "@blocklet/constant": "1.16.26-beta-346cba92",
     "@blocklet/launcher-layout": "2.3.2",
     "@blocklet/list": "^0.12.85",
-    "@blocklet/meta": "1.16.26-beta-4831bf3f",
+    "@blocklet/meta": "1.16.26-beta-346cba92",
     "@blocklet/ui-react": "^2.9.65",
     "@blocklet/uploader": "^0.0.76",
     "@emotion/react": "^11.10.4",
@@ -107,7 +107,7 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0"
   },
-  "gitHead": "e1b75eed1841ae3589b3f854a9f027f1b7da64ba",
+  "gitHead": "389bb6584585302b9b12ec7133c73cb28b0d663b",
   "exports": {
     ".": {
       "import": "./es/index.js",