@abtnode/ux 1.16.26-beta-bdd2d7c0 → 1.16.26-beta-4831bf3f

package/es/locales/pt.js

@@ -256,7 +256,6 @@ export default {
     preview: 'Visualização',
     protected: 'Protegido',
     protocol: 'Protocolo',
-    publish: 'Publicar',
     published: 'Publicado',
     purchase: 'Compra',
     readMore: 'Mais',
@@ -353,7 +352,8 @@ export default {
     connectToStore: 'Conectar à Loja',
     uploaded: 'Carregado',
     uploadToStore: 'Enviar para a Loja',
-    upload: 'Upload'
+    upload: 'Upload',
+    blockletStudio: 'Blocklet Studio'
   },
   blocklet: {
     external: 'Externo',
@@ -692,14 +692,15 @@ export default {
       installResourceHelp: 'Documento de ajuda',
       componentIncluded: 'Incluído',
       componentForceRequired: 'Forçado Obrigatório',
-      productListTitle: 'Publicar Blocklets',
+      productListTitle: 'Blocklet Studio',
       download: 'Baixe {name}',
       delete: 'Excluir {name}',
       copyInstallUrl: 'Copiar URL de instalação',
       install: 'Instale {name}',
       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'
+      uploadToStoreSuccess: 'Blocklet enviado para a Store com sucesso, você precisa publicá-lo na Store',
+      viewLastRelease: 'Visualizar última versão'
     },
     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/es/locales/ru.js

@@ -256,7 +256,6 @@ export default {
     preview: 'Предварительный просмотр',
     protected: 'Защищено',
     protocol: 'Протокол',
-    publish: 'Опубликовать',
     published: 'Опубликовано',
     purchase: 'Покупка',
     readMore: 'Больше',
@@ -353,7 +352,8 @@ export default {
     connectToStore: 'Подключитесь к магазину',
     uploaded: 'Загружено',
     uploadToStore: 'Загрузить в магазин',
-    upload: 'Загрузить'
+    upload: 'Загрузить',
+    blockletStudio: 'Студия Блоклет'
   },
   blocklet: {
     external: 'Внешний',
@@ -692,14 +692,15 @@ export default {
       installResourceHelp: 'Документация помощи',
       componentIncluded: 'Включено',
       componentForceRequired: 'Принудительно Требуется',
-      productListTitle: 'Опубликовать блоклеты',
+      productListTitle: 'Blocklet Studio',
       download: 'Скачать {name}',
       delete: 'Удалить {name}',
       copyInstallUrl: 'Скопируйте URL для установки',
       install: 'Установить {name}',
       publishToStoreSuccess: 'Блоклет успешно опубликован в магазине',
       connectStoreSuccess: 'Успешное подключение к Blocklet Store',
-      uploadToStoreSuccess: 'Блоклет успешно загружен в магазин, вам нужно опубликовать его в магазине'
+      uploadToStoreSuccess: 'Блоклет успешно загружен в магазин, вам нужно опубликовать его в магазине',
+      viewLastRelease: 'Просмотр последнего релиза'
     },
     titleValidationError: 'Длина заголовка должна быть не менее 3 символов',
     descriptionValidationError: 'Длина описания должна быть от 3 до 160 символов'

package/es/locales/th.js

@@ -256,7 +256,6 @@ export default {
     preview: 'ดูตัวอย่าง',
     protected: 'ป้องกัน',
     protocol: 'โปรโตคอล',
-    publish: 'เผยแพร่',
     published: 'เผยแพร่',
     purchase: 'การซื้อ',
     readMore: 'มากขึ้น',
@@ -353,7 +352,8 @@ export default {
     connectToStore: 'เชื่อมต่อกับร้านค้า',
     uploaded: 'อัปโหลดแล้ว',
     uploadToStore: 'อัปโหลดไปยังร้านค้า',
-    upload: 'อัปโหลด'
+    upload: 'อัปโหลด',
+    blockletStudio: 'Blocklet Studio'
   },
   blocklet: {
     external: 'ภายนอก',
@@ -692,14 +692,15 @@ export default {
       installResourceHelp: 'เอกสารช่วยเหลือ',
       componentIncluded: 'รวมอยู่ใน',
       componentForceRequired: 'บังคับต้องการ',
-      productListTitle: 'เผยแพร่ Blocklets',
+      productListTitle: 'Blocklet Studio',
       download: 'ดาวน์โหลด {name}',
       delete: 'ลบ {name}',
       copyInstallUrl: 'คัดลอก URL การติดตั้ง',
       install: 'ติดตั้ง {name}',
       publishToStoreSuccess: 'Blocklet ได้เผยแพร่ในร้านค้าเรียบร้อยแล้ว',
       connectStoreSuccess: 'เชื่อมต่อ Blocklet Store สำเร็จ',
-      uploadToStoreSuccess: 'อัพโหลด Blocklet เข้าสู่ Store สำเร็จแล้ว คุณต้องเผยแพร่ในร้านค้า'
+      uploadToStoreSuccess: 'อัพโหลด Blocklet เข้าสู่ Store สำเร็จแล้ว คุณต้องเผยแพร่ในร้านค้า',
+      viewLastRelease: 'ดูรายการอัพเดตล่าสุด'
     },
     titleValidationError: 'ความยาวของชื่อต้องมีอย่างน้อย 3 ตัวอักษร',
     descriptionValidationError: 'ความยาวคำอธิบายต้องอยู่ระหว่าง 3 ถึง 160 ตัวอักษร.'

package/es/locales/vi.js

@@ -256,7 +256,6 @@ export default {
     preview: 'Xem trước',
     protected: 'Bảo vệ',
     protocol: 'Giao thức',
-    publish: 'Xuất bản',
     published: 'Công bố',
     purchase: 'Mua hàng',
     readMore: 'Nhiều hơn',
@@ -353,7 +352,8 @@ export default {
     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'
+    upload: 'Tải lên',
+    blockletStudio: 'Blocklet Studio'
   },
   blocklet: {
     external: 'Bên ngoài',
@@ -692,14 +692,15 @@ export default {
       installResourceHelp: 'Tài liệu giúp đỡ',
       componentIncluded: 'Bao gồm',
       componentForceRequired: 'Bắt Buộc Yêu Cầu',
-      productListTitle: 'Xuất bản Blocklets',
+      productListTitle: 'Blocklet Studio',
       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'
+      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'
     },
     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/es/locales/zh-tw.js

@@ -256,7 +256,6 @@ export default {
     preview: '預覽',
     protected: '受保護',
     protocol: '協議',
-    publish: '發布',
     published: '已發布',
     purchase: '購買',
     readMore: '更多',
@@ -353,7 +352,8 @@ export default {
     connectToStore: '連接至商店',
     uploaded: '已上傳',
     uploadToStore: '上傳至 Store',
-    upload: '上傳'
+    upload: '上傳',
+    blockletStudio: 'Blocklet Studio'
   },
   blocklet: {
     external: '外部的',
@@ -692,14 +692,15 @@ export default {
       installResourceHelp: '幫助文件',
       componentIncluded: '已包含',
       componentForceRequired: '強制要求',
-      productListTitle: '發布 Blocklets',
+      productListTitle: 'Blocklet Studio',
       download: '下載 {name}',
       delete: '刪除 {name}',
       copyInstallUrl: '複製安裝連結',
       install: '安裝{name}',
       publishToStoreSuccess: '成功發佈到 Store 的區塊鏈',
       connectStoreSuccess: 'Store 連線成功',
-      uploadToStoreSuccess: 'Blocklet 成功上傳至 Store，請在 Store 中發布'
+      uploadToStoreSuccess: 'Blocklet 成功上傳至 Store，請在 Store 中發布',
+      viewLastRelease: '查看最新版本'
     },
     titleValidationError: '標題長度必須至少為3到40個字符',
     descriptionValidationError: '描述長度必須介於3到160個字符之間'

package/es/locales/zh.js

@@ -256,7 +256,6 @@ export default {
     preview: '预览',
     protected: '受保护',
     protocol: '协议',
-    publish: '发布',
     published: '已发布',
     purchase: '购买',
     readMore: '更多',
@@ -353,7 +352,8 @@ export default {
     connectToStore: '连接 Store',
     uploaded: '已上传',
     uploadToStore: '上传到 Store',
-    upload: '上传'
+    upload: '上传',
+    blockletStudio: 'Blocklet Studio'
   },
   blocklet: {
     external: '外部',
@@ -695,14 +695,15 @@ export default {
         noDescription: '请填写 Blocklet 描述',
         noNote: '请填写 发布说明'
       },
-      productListTitle: '发布 Blocklets',
+      productListTitle: 'Blocklet Studio',
       download: '下载 {name}',
       delete: '删除 {name}',
       copyInstallUrl: '复制安装链接',
       install: '安装 {name}',
       publishToStoreSuccess: '成功发布 Blocklet 到 Store',
       connectStoreSuccess: 'Blocklet 成功连接 Store',
-      uploadToStoreSuccess: 'Blocklet 成功上传至 Store，请在 Store 中发布'
+      uploadToStoreSuccess: 'Blocklet 成功上传至 Store，请在 Store 中发布',
+      viewLastRelease: '查看最新版本'
     },
     titleValidationError: '标题长度必须至少为3到40个字符',
     descriptionValidationError: '描述长度必须在3到160个字符之间'

package/lib/blocklet/publish/create-release.js

@@ -18,6 +18,7 @@ var _Breadcrumbs = _interopRequireDefault(require("@mui/material/Breadcrumbs"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _DeleteOutline = _interopRequireDefault(require("@mui/icons-material/DeleteOutline"));
+var _CloudUploadRounded = _interopRequireDefault(require("@mui/icons-material/CloudUploadRounded"));
 var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
 var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
@@ -522,7 +523,7 @@ function CreateRelease(_ref2) {
         "aria-label": "breadcrumb",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
           to: "../",
-          children: t('common.publish')
+          children: t('common.blockletStudio')
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
           to: "../".concat(projectId),
           children: (params === null || params === void 0 ? void 0 : params.blockletTitle) || 'Blocklet'
@@ -571,10 +572,15 @@ function CreateRelease(_ref2) {
               href: (0, _urlJoin.default)("".concat(_constant2.WELLKNOWN_SERVICE_PATH_PREFIX, "/api/project/").concat(blocklet.meta.did, "/").concat(projectId, "/").concat(releaseId, "/download/").concat((release.files || [])[0])),
               children: t('common.download')
             })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
             variant: "contained",
             onClick: () => setShowStoreDialog(true),
-            children: t('common.uploadToStore')
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CloudUploadRounded.default, {
+              style: {
+                fontSize: '1.3em',
+                marginRight: 4
+              }
+            }), t('common.uploadToStore')]
           })]
         })]
       })]

package/lib/blocklet/publish/project-list.js

@@ -7,15 +7,14 @@ exports.default = ProjectList;
 var _react = _interopRequireWildcard(require("react"));
 var _reactRouterDom = require("react-router-dom");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _urlJoin = _interopRequireDefault(require("url-join"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _Add = _interopRequireDefault(require("@mui/icons-material/Add"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-var _LibraryAdd = _interopRequireDefault(require("@mui/icons-material/LibraryAdd"));
 var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
-var _InstallDesktop = _interopRequireDefault(require("@mui/icons-material/InstallDesktop"));
-var _Download = _interopRequireDefault(require("@mui/icons-material/Download"));
+var _FileOpen = _interopRequireDefault(require("@mui/icons-material/FileOpen"));
+var _AddBox = _interopRequireDefault(require("@mui/icons-material/AddBox"));
+var _HelpOutlineOutlined = _interopRequireDefault(require("@mui/icons-material/HelpOutlineOutlined"));
 var _constant = require("@abtnode/constant");
 var _Datatable = _interopRequireDefault(require("@arcblock/ux/lib/Datatable"));
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
@@ -30,13 +29,12 @@ var _didAddress = _interopRequireDefault(require("../../did-address"));
 var _confirm = _interopRequireDefault(require("../../confirm"));
 var _bundleAvatar = _interopRequireDefault(require("../bundle-avatar"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _window$env, _templateObject;
+var _templateObject;
 /* eslint-disable react/no-unstable-nested-components */
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-const serverEndpoint = (_window$env = window.env) === null || _window$env === void 0 ? void 0 : _window$env.serverEndpoint;
 function ProjectList() {
   const navigate = (0, _reactRouterDom.useNavigate)();
   const {
@@ -222,16 +220,6 @@ function ProjectList() {
     options: {
       customBodyRenderLite: rawIndex => {
         const project = projects[rawIndex];
-        let installUrl = '';
-        let downloadUrl = '';
-        if (project.lastReleaseId) {
-          const blockletMetaUrl = (0, _urlJoin.default)(serverEndpoint, "/api/project/".concat(blocklet.meta.did, "/").concat(project.id, "/").concat(project.lastReleaseId, "/release/blocklet.json"));
-          const url = new URL(serverEndpoint);
-          url.pathname = (0, _urlJoin.default)(url.pathname, '/launch-blocklet/agreement');
-          url.searchParams.set('blocklet_meta_url', blockletMetaUrl);
-          installUrl = url.href;
-          downloadUrl = (0, _urlJoin.default)("".concat(_constant.WELLKNOWN_SERVICE_PATH_PREFIX, "/api/project/").concat(blocklet.meta.did, "/").concat(project.id, "/").concat(project.lastReleaseId, "/download/").concat((project.lastReleaseFiles || [])[0]));
-        }
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
           display: "flex",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
@@ -242,49 +230,27 @@ function ProjectList() {
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
                 color: "primary",
                 "aria-label": "create",
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LibraryAdd.default, {
-                  sx: {
-                    fontSize: 18
-                  }
-                })
-              })
-            })
-          }), !!project.lastReleaseId && project.type === 'pack' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
-            title: t('blocklet.publish.install', {
-              name: project.blockletTitle
-            }),
-            placement: "top",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
-              color: "secondary",
-              "aria-label": "create",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-                style: {
-                  display: 'flex'
-                },
-                href: installUrl,
-                target: "_blank",
-                rel: "noreferrer",
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_InstallDesktop.default, {
-                  sx: {
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AddBox.default, {
+                  style: {
                     fontSize: 18
                   }
                 })
               })
             })
           }), !!project.lastReleaseId && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
-            title: t('blocklet.publish.download', {
+            title: t('blocklet.publish.viewLastRelease', {
               name: project.blockletTitle
             }),
             placement: "top",
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
-              color: "primary",
+              color: "secondary",
               "aria-label": "create",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
                 style: {
                   display: 'flex'
                 },
-                href: downloadUrl,
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Download.default, {
+                to: "".concat(project.id, "/").concat(project.lastReleaseId),
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileOpen.default, {
                   sx: {
                     fontSize: 18
                   }
@@ -316,12 +282,28 @@ function ProjectList() {
       display: "flex",
       justifyContent: "space-between",
       alignItems: "center",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-        sx: {
-          fontSize: '1.2rem',
-          fontWeight: 'bold'
-        },
-        children: t('blocklet.publish.productListTitle')
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        display: "flex",
+        flexDirection: "row",
+        alignItems: "center",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+          sx: {
+            fontSize: '1.2rem',
+            fontWeight: 'bold'
+          },
+          children: t('blocklet.publish.productListTitle')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Tooltip, {
+          title: t('blocklet.publish.createBlockletTip'),
+          arrow: true,
+          placement: "right",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HelpOutlineOutlined.default, {
+            sx: {
+              opacity: 0.6,
+              fontSize: '1.1em',
+              ml: 1
+            }
+          })
+        })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
         onClick: handleNewBlocklet,
         variant: "contained",

package/lib/blocklet/publish/release-list.js

@@ -13,6 +13,7 @@ var _context = require("@arcblock/ux/lib/Locale/context");
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
 var _Breadcrumbs = _interopRequireDefault(require("@mui/material/Breadcrumbs"));
 var _Download = _interopRequireDefault(require("@mui/icons-material/Download"));
 var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
@@ -24,6 +25,7 @@ var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
 var _Tag = _interopRequireDefault(require("@arcblock/ux/lib/Tag"));
 var _RelativeTime = _interopRequireDefault(require("@arcblock/ux/lib/RelativeTime"));
 var _constant2 = require("@blocklet/constant");
+var _InstallDesktop = _interopRequireDefault(require("@mui/icons-material/InstallDesktop"));
 var _blocklet = require("../../contexts/blocklet");
 var _node = require("../../contexts/node");
 var _emptySpinner = _interopRequireDefault(require("../../empty-spinner"));
@@ -36,6 +38,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 function ReleaseList() {
+  var _window$env;
   const {
     t,
     locale
@@ -53,6 +56,7 @@ function ReleaseList() {
   const [releases, setReleases] = (0, _react.useState)(null);
   const [project, setProject] = (0, _react.useState)(null);
   const [deleteConfirm, setDeleteConfirm] = (0, _react.useState)(null);
+  const serverEndpoint = (_window$env = window.env) === null || _window$env === void 0 ? void 0 : _window$env.serverEndpoint;
   const getReleases = () => {
     api.getReleases({
       input: {
@@ -136,7 +140,7 @@ function ReleaseList() {
     "aria-label": "breadcrumb",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
       to: "..",
-      children: t('common.publish')
+      children: t('common.blockletStudio')
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
       color: "text.primary",
       children: project.blockletTitle
@@ -229,36 +233,77 @@ function ReleaseList() {
     options: {
       customBodyRenderLite: rawIndex => {
         const release = releases[rawIndex];
+        let installUrl = '';
+        let downloadUrl = '';
+        const published = release.status === 'published';
+        if (published) {
+          const blockletMetaUrl = (0, _urlJoin.default)(serverEndpoint, "/api/project/".concat(blocklet.meta.did, "/").concat(project.id, "/").concat(project.lastReleaseId, "/release/blocklet.json"));
+          const url = new URL(serverEndpoint);
+          url.pathname = (0, _urlJoin.default)(url.pathname, '/launch-blocklet/agreement');
+          url.searchParams.set('blocklet_meta_url', blockletMetaUrl);
+          installUrl = url.href;
+          downloadUrl = (0, _urlJoin.default)("".concat(_constant.WELLKNOWN_SERVICE_PATH_PREFIX, "/api/project/").concat(blocklet.meta.did, "/").concat(project.id, "/").concat(project.lastReleaseId, "/download/").concat((project.lastReleaseFiles || [])[0]));
+        }
+        console.error('--debug--', release);
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
           display: "flex",
           alignItems: "center",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
-            color: "primary",
-            "aria-label": "download",
-            disabled: release.status !== 'published',
-            children: release.status === 'published' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-              style: {
-                display: 'flex'
-              },
-              href: (0, _urlJoin.default)("".concat(_constant.WELLKNOWN_SERVICE_PATH_PREFIX, "/api/project/").concat(blocklet.meta.did, "/").concat(project.id, "/").concat(release.id, "/download/").concat((release.files || [])[0])),
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Download.default, {
+          children: [published && project.type === 'pack' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+            title: t('blocklet.publish.install', {
+              name: project.blockletTitle
+            }),
+            placement: "top",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+              color: "secondary",
+              "aria-label": "create",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+                style: {
+                  display: 'flex'
+                },
+                href: installUrl,
+                target: "_blank",
+                rel: "noreferrer",
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_InstallDesktop.default, {
+                  sx: {
+                    fontSize: 18
+                  }
+                })
+              })
+            })
+          }), published && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+            title: t('blocklet.publish.download', {
+              name: project.blockletTitle
+            }),
+            placement: "top",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+              color: "primary",
+              "aria-label": "download",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+                style: {
+                  display: 'flex'
+                },
+                href: downloadUrl,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Download.default, {
+                  sx: {
+                    fontSize: 18
+                  }
+                })
+              })
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
+            title: t('blocklet.publish.delete', {
+              name: project.blockletTitle
+            }),
+            placement: "top",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+              color: "primary",
+              "aria-label": "delete",
+              onClick: () => onDeleteRelease(release),
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Delete.default, {
                 sx: {
                   fontSize: 18
                 }
               })
-            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Download.default, {
-              sx: {
-                fontSize: 18
-              }
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
-            color: "primary",
-            "aria-label": "delete",
-            onClick: () => onDeleteRelease(release),
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Delete.default, {
-              sx: {
-                fontSize: 18
-              }
             })
           })]
         });

package/lib/locales/ar.js

@@ -262,7 +262,6 @@ var _default = exports.default = {
     preview: 'معاينة',
     protected: 'محمي',
     protocol: 'بروتوكول',
-    publish: 'نشر',
     published: 'نشرت',
     purchase: 'شراء',
     readMore: 'أكثر',
@@ -359,7 +358,8 @@ var _default = exports.default = {
     connectToStore: 'الاتصال بالمتجر',
     uploaded: 'تم التحميل',
     uploadToStore: 'تحميل إلى المتجر',
-    upload: 'تحميل'
+    upload: 'تحميل',
+    blockletStudio: 'استوديو بلوكليت'
   },
   blocklet: {
     external: 'خارجي',
@@ -698,14 +698,15 @@ var _default = exports.default = {
       installResourceHelp: 'وثيقة المساعدة',
       componentIncluded: 'مدرج',
       componentForceRequired: 'مجبر مطلوب',
-      productListTitle: 'نشر بلوكلتس',
+      productListTitle: 'استوديو بلوكليت',
       download: 'تحميل {name}',
       delete: 'احذف {name}',
       copyInstallUrl: 'انسخ عنوان URL للتثبيت',
       install: 'تثبيت {name}',
       publishToStoreSuccess: 'تم نشر بلوكليت بنجاح في المتجر',
       connectStoreSuccess: 'تم الاتصال بمتجر البلوكليت بنجاح',
-      uploadToStoreSuccess: 'تم تحميل بلوكليت بنجاح في المتجر ، تحتاج إلى نشره في المتجر'
+      uploadToStoreSuccess: 'تم تحميل بلوكليت بنجاح في المتجر ، تحتاج إلى نشره في المتجر',
+      viewLastRelease: 'عرض آخر إصدار'
     },
     titleValidationError: 'يجب أن يكون طول العنوان على الأقل 3 أحرف',
     descriptionValidationError: 'يجب أن تكون طول الوصف بين 3 و 160 حرفًا'

package/lib/locales/de.js

@@ -262,7 +262,6 @@ var _default = exports.default = {
     preview: 'Vorschau',
     protected: 'Geschützt',
     protocol: 'Protokoll',
-    publish: 'Veröffentlichen',
     published: 'Veröffentlicht',
     purchase: 'Kauf',
     readMore: 'Mehr',
@@ -359,7 +358,8 @@ var _default = exports.default = {
     connectToStore: 'Verbinden Sie mit dem Geschäft',
     uploaded: 'Hochgeladen',
     uploadToStore: 'Upload in den Shop',
-    upload: 'Hochladen'
+    upload: 'Hochladen',
+    blockletStudio: 'Blocklet Studio'
   },
   blocklet: {
     external: 'Extern',
@@ -698,14 +698,15 @@ var _default = exports.default = {
       installResourceHelp: 'Hilfe-Dokument',
       componentIncluded: 'Eingeschlossen',
       componentForceRequired: 'Erzwungen Erforderlich',
-      productListTitle: 'Veröffentliche Blocklets',
+      productListTitle: 'Blocklet Studio',
       download: 'Download {name}',
       delete: 'Lösche {name}',
       copyInstallUrl: 'Kopiere Installations-URL',
       install: 'Installiere {name}',
       publishToStoreSuccess: 'Blocklet erfolgreich im Store veröffentlicht',
       connectStoreSuccess: 'Blocklet Store erfolgreich verbunden',
-      uploadToStoreSuccess: 'Blocklet erfolgreich im Store hochgeladen, du musst es im Store veröffentlichen'
+      uploadToStoreSuccess: 'Blocklet erfolgreich im Store hochgeladen, du musst es im Store veröffentlichen',
+      viewLastRelease: 'Letzte Version anzeigen'
     },
     titleValidationError: 'Die Länge des Titels muss mindestens 3 Zeichen betragen',
     descriptionValidationError: 'Die Beschreibungslänge muss zwischen 3 und 160 Zeichen liegen'

package/lib/locales/en.js

@@ -173,7 +173,7 @@ var _default = exports.default = {
     download: 'Download',
     uploadToStore: 'Upload to Store',
     connectToStore: 'Connect to Store',
-    publish: 'Publish',
+    blockletStudio: 'Blocklet Studio',
     upload: 'Upload',
     uploaded: 'Uploaded',
     downloading: 'Downloading',
@@ -651,7 +651,7 @@ var _default = exports.default = {
       isInProgress: 'Blocklet is in progress, please wait for it to finish'
     },
     publish: {
-      productListTitle: 'Publish Blocklets',
+      productListTitle: 'Blocklet Studio',
       download: 'Download {name}',
       delete: 'Delete {name}',
       copyInstallUrl: 'Copy Install URL',
@@ -667,6 +667,7 @@ var _default = exports.default = {
       deleteBlockletTip: 'The blocklet cannot be recovered after deletion, please confirm',
       componentNotRunning: 'Component {name} is not running, please start it first',
       releaseEmptyTip: 'There aren’t any releases here',
+      viewLastRelease: 'View last release',
       createReleaseTip: 'You can create a release of the blocklet, along with release notes and resources, for other people to use',
       createRelease: 'New release',
       deleteReleaseTip: 'The release cannot be recovered after deletion',