@abtnode/ux 1.16.25-next-b726d470 → 1.16.25

package/lib/blocklet/actions.js

@@ -35,7 +35,8 @@ var _confirm = _interopRequireDefault(require("../confirm"));
 var _icons = _interopRequireDefault(require("./icons"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
-const _excluded = ["blocklet", "onStart", "onComplete", "variant", "hasPermission", "useBlockletUrlEvaluation"];
+const _excluded = ["blocklet", "onStart", "onComplete", "variant", "hasPermission", "useBlockletUrlEvaluation"],
+  _excluded2 = ["sx"];
 /* eslint-disable react/no-unstable-nested-components */
 /* eslint-disable operator-linebreak */
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -318,7 +319,18 @@ function BlockletActions(_ref) {
   } : null;
   const cancelDownloadAction = {
     action: 'remove',
-    icon: _icons.default.Remove,
+    icon: _ref3 => {
+      let {
+          sx
+        } = _ref3,
+        restProps = _objectWithoutProperties(_ref3, _excluded2);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.default.Cancel, _objectSpread({
+        sx: _objectSpread(_objectSpread({}, sx), {}, {
+          paddingRight: '2px',
+          zoom: 0.95
+        })
+      }, restProps));
+    },
     name: t('common.cancel'),
     handler: createHandler('cancelDownload', node.api.cancelDownloadBlocklet, true)
   };

package/lib/blocklet/component/add-component-core.js

@@ -1179,7 +1179,7 @@ const ContentWrapper = (0, _styled.default)(_Box.default)(_templateObject4 || (_
   if (className === 'mobileStyle') {
     return "\n      & > div{\n        height: 100%;\n      }\n      .root-header {\n        .app-name-content {\n          display: none;\n        }\n      }\n\n\n\n      // content-panel\n      .root-header + div{\n        padding-top: 0;\n        position: relative;\n        & > div {\n          padding-top: 0;\n        }\n      }\n\n      header + div {\n        padding-top: 0;\n      }\n\n      header {\n        .header-title {\n          margin-left: 0;\n        }\n\n        .header-title-name  {\n          max-width: 100% !important;\n        }\n      }\n      ";
   }
-  return "\n      position: relative;\n      .root-header {\n        z-index: auto !important;\n        position: fixed !important;\n      }\n      & > div {\n        height: 100%;\n        width: 100%;\n        max-width: 100%;\n        & > div {\n          max-height: unset !important;\n          max-width: 100%;\n          & > div {\n            // left-panel\n            &:first-child {\n              padding: 0;\n              width: 25%;\n              min-width: 240px;\n              & > div:first-child {\n                display: none;\n              }\n              // step\n              & > div:last-child {\n                // margin-top: 32px;\n                margin-top: 0;\n              }\n            }\n            // right-panel\n            &:last-child {\n              padding-top: 0;\n              padding-right: 0px;\n              overflow-y: hidden;\n              .app-content {\n                padding: 0 0 24px 0;\n              }\n              .button-container {\n                padding-right: 0;\n              }\n            }\n          }\n        }\n      }\n\n    ";
+  return "\n      position: relative;\n      .ll-container { // \u901A\u8FC7 Launcher Layout \u7EC4\u4EF6\u7EA6\u5B9A\u7684 .ll-container class \u81EA\u5B9A\u4E49 Layout \u6837\u5F0F\n        width: 100%;\n        height: 100%;\n      }\n\n      .root-header {\n        z-index: auto !important;\n        position: fixed !important;\n      }\n      & > div {\n        height: 100%;\n        width: 100%;\n        max-width: 100%;\n        & > div {\n          max-height: unset !important;\n          max-width: 100%;\n          & > div {\n            // left-panel\n            &:first-child {\n              padding: 0;\n              width: 25%;\n              min-width: 240px;\n              & > div:first-child {\n                display: none;\n              }\n              // step\n              & > div:last-child {\n                // margin-top: 32px;\n                margin-top: 0;\n              }\n            }\n            // right-panel\n            &:last-child {\n              padding-top: 0;\n              padding-right: 0px;\n              overflow-y: hidden;\n              .app-content {\n                padding: 0 0 24px 0;\n              }\n              .button-container {\n                padding-right: 0;\n              }\n            }\n          }\n        }\n      }\n\n    ";
 }, props => isMobileContent(props), props => isMobileContent(props));
 const PageHeaderWrapper = (0, _styled.default)(_pageHeader.default)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-bottom: 24px;\n"])));
 const StoreBlockletItemWrapper = _styled.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  position: relative;\n\n  .choose-blocklet {\n    background-color: rgb(236, 251, 253);\n    border-color: rgb(236, 251, 253);\n    border-radius: 8px;\n  }\n\n  .check-container {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    justify-content: flex-end;\n    align-items: flex-end;\n    width: 30px;\n    height: 30px;\n    border-radius: 0 0 8px 0;\n    color: ", ";\n    overflow: hidden;\n    transition: all ease 0.3s;\n    &:after {\n      position: absolute;\n      z-index: 0;\n      display: block;\n      width: 0;\n      height: 0;\n      border-top: transparent solid 15px;\n      border-left: transparent solid 15px;\n      border-bottom: ", " solid 15px;\n      border-right: ", " solid 15px;\n      transition: all ease 0.1s;\n      content: '';\n    }\n\n    .check-icon {\n      position: relative;\n      z-index: 2;\n      margin: 0 1px 1px 0;\n      font-size: 16px;\n      transition: all ease 0.2s;\n    }\n  }\n"])), props => props.theme.palette.common.white, props => props.theme.palette.primary.main, props => props.theme.palette.primary.main);

package/lib/blocklet/component/component-cell.js

@@ -211,7 +211,8 @@ function ComponentCell(_ref) {
   }, {
     name: t('common.did'),
     value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
-      did: componentInfo.meta.did
+      did: componentInfo.meta.did,
+      showQrcode: true
     })
   }, {
     name: t('common.author'),

package/lib/blocklet/icons.js

@@ -12,6 +12,7 @@ var _Autorenew = _interopRequireDefault(require("@mui/icons-material/Autorenew")
 var _Settings = _interopRequireDefault(require("@mui/icons-material/Settings"));
 var _Receipt = _interopRequireDefault(require("@mui/icons-material/Receipt"));
 var _Group = _interopRequireDefault(require("@mui/icons-material/Group"));
+var _NotInterested = _interopRequireDefault(require("@mui/icons-material/NotInterested"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var _default = exports.default = {
   Start: _PlayArrow.default,
@@ -21,5 +22,6 @@ var _default = exports.default = {
   Remove: _Delete.default,
   Config: _Settings.default,
   Log: _Receipt.default,
-  Group: _Group.default
+  Group: _Group.default,
+  Cancel: _NotInterested.default
 };

package/lib/blocklet/overview.js

@@ -54,18 +54,21 @@ function BlockletOverview() {
   const infoRows = [appDid ? {
     name: t('blocklet.appId'),
     value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
-      did: appDid
+      did: appDid,
+      showQrcode: true
     })
   } : null, appPid ? {
     name: t('blocklet.appPid'),
     value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
-      did: appPid
+      did: appPid,
+      showQrcode: true
     })
   } : null, (migratedFrom === null || migratedFrom === void 0 ? void 0 : migratedFrom.length) > 1 ? {
     name: t('blocklet.alsoKnownAs'),
     value: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       children: [(showAllDIDs ? migratedFrom.slice(1) : migratedFrom.slice(1, 2)).map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
-        did: x.appDid
+        did: x.appDid,
+        showQrcode: true
       })), migratedFrom.length > 2 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
         style: {
           marginLeft: '18px'
@@ -90,7 +93,8 @@ function BlockletOverview() {
     value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
       external: true,
       href: (0, _util2.getExplorerLink)(blocklet === null || blocklet === void 0 || (_blocklet$controller = blocklet.controller) === null || _blocklet$controller === void 0 ? void 0 : _blocklet$controller.chainHost, blocklet === null || blocklet === void 0 || (_blocklet$controller2 = blocklet.controller) === null || _blocklet$controller2 === void 0 ? void 0 : _blocklet$controller2.nftId, 'asset'),
-      did: blocklet === null || blocklet === void 0 || (_blocklet$controller3 = blocklet.controller) === null || _blocklet$controller3 === void 0 ? void 0 : _blocklet$controller3.nftId
+      did: blocklet === null || blocklet === void 0 || (_blocklet$controller3 = blocklet.controller) === null || _blocklet$controller3 === void 0 ? void 0 : _blocklet$controller3.nftId,
+      showQrcode: true
     })
   } : null, {
     name: t('blocklet.installedAt'),
@@ -101,8 +105,9 @@ function BlockletOverview() {
   }, {
     name: t('common.owner'),
     value: (_blocklet$settings = blocklet.settings) !== null && _blocklet$settings !== void 0 && _blocklet$settings.owner ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
-      did: blocklet.settings.owner.did
-    }) : '--'
+      did: blocklet.settings.owner.did,
+      showQrcode: true
+    }) : '-'
   }, {
     name: t('blocklet.config.walletType.name'),
     value: WalletType[chainType || 'arcblock'] || chainType
@@ -114,7 +119,8 @@ function BlockletOverview() {
     infoRows.push({
       name: t('common.serverDid'),
       value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
-        did: nodeInfo.did
+        did: nodeInfo.did,
+        showQrcode: true
       })
     }, {
       name: t('common.serverVersion'),

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

@@ -21,6 +21,7 @@ var _DeleteOutline = _interopRequireDefault(require("@mui/icons-material/DeleteO
 var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
 var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
 var _Toast = _interopRequireDefault(require("@arcblock/ux/lib/Toast"));
@@ -30,6 +31,7 @@ var _Alert = _interopRequireDefault(require("@arcblock/ux/lib/Alert"));
 var _constant = require("@blocklet/constant");
 var _constant2 = require("@abtnode/constant");
 var _bundleAvatar = _interopRequireDefault(require("../bundle-avatar"));
+var _session = require("../../contexts/session");
 var _node = require("../../contexts/node");
 var _blocklet = require("../../contexts/blocklet");
 var _emptySpinner = _interopRequireDefault(require("../../empty-spinner"));
@@ -126,8 +128,8 @@ const pickParams = (release, app) => {
   if (!params.blockletComponents) {
     params.blockletComponents = (app.children || []).map(x => ({
       did: x.meta.did,
-      included: true,
-      required: true
+      included: false,
+      required: false
     }));
   } else {
     params.blockletComponents = params.blockletComponents.map(x => _objectSpread(_objectSpread({}, x), {}, {
@@ -143,11 +145,15 @@ function CreateRelease(_ref2) {
   const {
     projectId,
     releaseId: inputReleaseId,
-    componentDid
+    componentDid = ''
   } = (0, _reactRouterDom.useParams)();
   const {
-    t
+    t,
+    locale
   } = (0, _context.useLocaleContext)();
+  const {
+    api: sessionApi
+  } = (0, _session.useSessionContext)();
   const {
     blocklet
   } = (0, _blocklet.useBlockletContext)();
@@ -161,10 +167,14 @@ function CreateRelease(_ref2) {
   } = (0, _node.useNodeContext)();
   const uploaderLogoRef = (0, _react.useRef)(null);
   const uploaderScreenshotRef = (0, _react.useRef)(null);
-  const [projectType, setProjectType] = (0, _react.useState)();
   const [installResourceTip, setInstallResourceTip] = (0, _react.useState)();
+  const [openConnect, setOpenConnect] = (0, _react.useState)(false);
   const releaseId = inputReleaseId === 'create' ? '' : inputReleaseId;
   const mode = inputReleaseId === 'create' ? 'create' : 'edit';
+  const projectType = (0, _react.useMemo)(() => {
+    var _params$blockletCompo;
+    return params !== null && params !== void 0 && (_params$blockletCompo = params.blockletComponents) !== null && _params$blockletCompo !== void 0 && _params$blockletCompo.some(x => x.included) ? 'pack' : 'resource';
+  }, [params === null || params === void 0 ? void 0 : params.blockletComponents]);
   const tabs = [];
   const resourceComponents = ((blocklet === null || blocklet === void 0 ? void 0 : blocklet.children) || []).filter(x => {
     var _x$meta$resource;
@@ -181,10 +191,11 @@ function CreateRelease(_ref2) {
   const [tab, setTab] = (0, _react.useState)((_tabs$ = tabs[0]) === null || _tabs$ === void 0 ? void 0 : _tabs$.value);
   const isPublished = (release === null || release === void 0 ? void 0 : release.status) === 'published';
   const readOnly = isPublished;
-  const getProject = function getProject() {
-    let {
-      typeOnly
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const getProject = () => {
+    if (!projectId) {
+      _Toast.default.error(t('blocklet.publish.errorTip.noDid'));
+      return;
+    }
     api.getProject({
       input: {
         did: blocklet.meta.did,
@@ -193,17 +204,16 @@ function CreateRelease(_ref2) {
     }).then(res => {
       setLoading(false);
       const data = res.project || {};
-      if (typeOnly) {
-        setProjectType(data.type);
-        return;
-      }
       if (!data.blockletVersion) {
         data.blockletVersion = '1.0.0';
       } else if (_semver.default.valid(data.blockletVersion)) {
         data.blockletVersion = _semver.default.inc(data.blockletVersion, 'patch');
       }
-      setParams(pickParams(data, blocklet));
-      setProjectType(data.type);
+      const theParams = pickParams(data, blocklet);
+      if (theParams.blockletTitle === projectId.slice(0, 8)) {
+        theParams.blockletTitle = '';
+      }
+      setParams(theParams);
     }).catch(err => {
       setLoading(false);
       _Toast.default.error((0, _util.formatError)(err));
@@ -232,19 +242,18 @@ function CreateRelease(_ref2) {
         return;
       }
       getRelease();
-      getProject({
-        typeOnly: true
-      });
+      // getProject({ typeOnly: true });
     }
     if (mode === 'create') {
       getProject();
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [mode, releaseId]);
-  (0, _react.useEffect)(() => {
-    getData();
-  }, [getData]);
   const onRelease = status => {
+    if (!projectId) {
+      _Toast.default.error(t('blocklet.publish.errorTip.noDid'));
+      return;
+    }
     const errors = validateParams(params, status, t);
     if (errors) {
       _Toast.default.error(errors.map(x => x.message).join('; '));
@@ -266,11 +275,7 @@ function CreateRelease(_ref2) {
     _params.blockletDescription = (_params.blockletDescription || '').trim();
     _params.blockletIntroduction = (_params.blockletIntroduction || '').trim();
     _params.note = (_params.note || '').trim();
-    if (projectType === 'pack') {
-      _params.blockletComponents = (_params.blockletComponents || []).filter(x => x.included).map(x => (0, _pick.default)(x, ['did', 'required'])).map(JSON.stringify);
-    } else {
-      delete _params.blockletComponents;
-    }
+    _params.blockletComponents = (_params.blockletComponents || []).filter(x => x.included).map(x => (0, _pick.default)(x, ['did', 'required'])).map(JSON.stringify);
     setCreateLoading(status);
     setLoading(true);
     api.createRelease({
@@ -309,12 +314,98 @@ function CreateRelease(_ref2) {
       }
     });
   };
+  const handleDidConnectShow = e => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (!params.blockletTitle) {
+      setParamsErrTip({
+        blockletTitle: t('blocklet.publish.errorTip.noTitle')
+      });
+      _Toast.default.error(t('blocklet.publish.errorTip.noTitle'));
+      return;
+    }
+    if (projectId === '0') {
+      setOpenConnect(true);
+    }
+  };
+  const handleDidConnectClose = () => {
+    setOpenConnect(false);
+  };
+  const handleChangeSelectedComponents = data => {
+    setParams({
+      blockletComponents: data
+    });
+  };
+  const handleCreateBlockletDidError = err => {
+    _Toast.default.error(err.message);
+    setOpenConnect(false);
+  };
+  const handleCreate = nextProjectDid => {
+    var _params$blockletCompo2;
+    if (!nextProjectDid) {
+      _Toast.default.error(t('blocklet.publish.errorTip.noDid'));
+      return;
+    }
+    setLoading(true);
+    api.createProject({
+      input: {
+        did: blocklet.meta.did,
+        blockletTitle: params.blockletTitle || nextProjectDid.slice(0, 9),
+        blockletDid: nextProjectDid,
+        type: ((_params$blockletCompo2 = params.blockletComponents) === null || _params$blockletCompo2 === void 0 ? void 0 : _params$blockletCompo2.length) > 0 ? 'pack' : 'resource',
+        componentDid
+      }
+    }).then(() => {
+      setLoading(false);
+      navigate("/.well-known/service/admin/publish/".concat(nextProjectDid, "/create"), {
+        replace: true
+      });
+    }).catch(err => {
+      setLoading(false);
+      _Toast.default.error(err.message);
+    });
+  };
+  const handleCreateBlockletDidSuccess = result => {
+    var _result$blockletWalle;
+    const did = result === null || result === void 0 || (_result$blockletWalle = result.blockletWallet) === null || _result$blockletWalle === void 0 ? void 0 : _result$blockletWalle.address;
+    if (!did) {
+      _Toast.default.error('Empty Blocklet DID');
+    } else {
+      handleCreate(did);
+    }
+    setOpenConnect(false);
+  };
+  (0, _react.useEffect)(() => {
+    getData();
+  }, [getData]);
   if (!params && loading) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_emptySpinner.default, {});
   }
   if (!params) {
     return null;
   }
+  const connect = openConnect ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, {
+    open: true,
+    popup: true,
+    onClose: handleDidConnectClose,
+    action: "gen-blocklet-key-pair",
+    locale: locale,
+    checkFn: sessionApi.get,
+    saveConnect: false,
+    forceConnected: false,
+    checkTimeout: 5 * 60 * 1000,
+    onSuccess: handleCreateBlockletDidSuccess,
+    onError: handleCreateBlockletDidError,
+    extraParams: {
+      did: blocklet.meta.did
+    },
+    messages: {
+      title: t('blocklet.publish.connect.title'),
+      scan: t('blocklet.publish.connect.scan'),
+      confirm: t('blocklet.publish.connect.confirm'),
+      success: t('blocklet.publish.connect.success')
+    }
+  }) : null;
   const uploadLogoPrefix = "".concat(_constant2.WELLKNOWN_SERVICE_PATH_PREFIX, "/api/project/").concat(blocklet.meta.did, "/").concat(projectId, "/logo/upload");
   const uploadScreenshotPrefix = "".concat(_constant2.WELLKNOWN_SERVICE_PATH_PREFIX, "/api/project/").concat(blocklet.meta.did, "/").concat(projectId, "/screenshot/upload");
   const logoUrl = params !== null && params !== void 0 && params.blockletLogo ? "".concat(uploadLogoPrefix, "/").concat(params.blockletLogo) : "".concat(_constant2.WELLKNOWN_SERVICE_PATH_PREFIX, "/static/images/logo.png");
@@ -374,7 +465,7 @@ function CreateRelease(_ref2) {
             marginRight: 8
           },
           onClick: () => setInstallResourceTip(blockletMetaUrl),
-          children: t('common.install')
+          children: t('blocklet.publish.copyInstallUrl')
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.default, {
           fullWidth: true,
           maxWidth: "sm",
@@ -414,7 +505,7 @@ function CreateRelease(_ref2) {
     }
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Main, _objectSpread(_objectSpread({}, rest), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+    children: [connect, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
       className: "sticky-header",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Breadcrumbs.default, {
         className: "breadcrumbs",
@@ -468,14 +559,8 @@ function CreateRelease(_ref2) {
         })]
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
-      children: [projectType === 'pack' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
-        type: "info",
-        style: {
-          width: '100%'
-        },
-        children: t('blocklet.publish.packTip')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
-        pt: 3
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        pt: 5
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
         display: "flex",
         className: "section",
@@ -509,6 +594,30 @@ function CreateRelease(_ref2) {
             },
             error: !!paramsErrTip.blockletTitle,
             helperText: paramsErrTip.blockletTitle || ''
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+            required: true,
+            label: "Blocklet DID",
+            fullWidth: true,
+            readonly: true,
+            disabled: projectId !== '0',
+            autoComplete: "off",
+            variant: "outlined",
+            onClick: handleDidConnectShow,
+            InputProps: {
+              'data-cy': 'export-blocklet-did',
+              endAdornment: projectId === '0' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputAdornment.default, {
+                position: "end",
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+                  onClick: handleDidConnectShow,
+                  children: t('common.create')
+                })
+              })
+            },
+            helperText: "",
+            value: projectId === '0' ? '' : projectId,
+            sx: {
+              mt: 3
+            }
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
             label: "Blocklet ".concat(t('common.description')),
             placeholder: "Blocklet ".concat(t('common.description')),
@@ -795,7 +904,7 @@ function CreateRelease(_ref2) {
             children: resourceContent
           })]
         })]
-      }), projectType === 'pack' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
         display: "flex",
         mt: 3,
         className: "section full-width",
@@ -812,14 +921,16 @@ function CreateRelease(_ref2) {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectComponents.default, {
             disabled: loading || readOnly,
             app: blocklet,
-            value: params.blockletComponents,
-            onChange: data => {
-              setParams({
-                blockletComponents: data
-              });
-            }
+            value: params.blockletComponents || [],
+            onChange: handleChangeSelectedComponents
           })
         })]
+      }), projectType === 'pack' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
+        type: "info",
+        style: {
+          width: '100%'
+        },
+        children: t('blocklet.publish.packTip')
       })]
     })]
   }));

package/lib/blocklet/publish/index.js

@@ -11,7 +11,6 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _blocklet = require("../../contexts/blocklet");
 var _projectList = _interopRequireDefault(require("./project-list"));
-var _createProject = _interopRequireDefault(require("./create-project"));
 var _releaseList = _interopRequireDefault(require("./release-list"));
 var _createRelease = _interopRequireDefault(require("./create-release"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -57,9 +56,6 @@ function BlockletPublish(_ref) {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
         path: "/",
         element: /*#__PURE__*/(0, _jsxRuntime.jsx)(_projectList.default, {})
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
-        path: "/create",
-        element: /*#__PURE__*/(0, _jsxRuntime.jsx)(_createProject.default, {})
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
         path: "/:projectId",
         element: /*#__PURE__*/(0, _jsxRuntime.jsx)(_releaseList.default, {})