@abtnode/ux 1.16.29-beta-e04c6f40 → 1.16.29-beta-db5c4ed6

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

@@ -3,7 +3,6 @@ import PropTypes from 'prop-types';
 import { useEffect, useRef, useState } from 'react';
 import { useParams } from 'react-router-dom';
 import { isInServerlessMode } from '@abtnode/util/lib/serverless';
-import Alert from '@mui/material/Alert';
 import AnimationWaiter from '@arcblock/ux/lib/AnimationWaiter';
 import Button from '@arcblock/ux/lib/Button';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
@@ -14,6 +13,7 @@ import PageHeader from '@blocklet/launcher-layout/lib/page-header';
 import styled from '@emotion/styled';
 import CheckIcon from '@mui/icons-material/Check';
 import AddIcon from '@mui/icons-material/Link';
+import Alert from '@mui/material/Alert';
 import Box from '@mui/material/Box';
 import Spinner from '@mui/material/CircularProgress';
 import TextField from '@mui/material/TextField';
@@ -23,9 +23,9 @@ import flatten from 'lodash/flatten';
 import isEmpty from 'lodash/isEmpty';
 import isNil from 'lodash/isNil';
 import uniqBy from 'lodash/uniqBy';
+import Toast from '@arcblock/ux/lib/Toast';
 import urlPathFriendly from '@blocklet/meta/lib/url-path-friendly';
 import { getDisplayName, getSharedConfigObj, hasStartEngine, isFreeBlocklet } from '@blocklet/meta/lib/util';
-import Toast from '@arcblock/ux/lib/Toast';
 import { useBlockletContext } from '../../../contexts/blocklet';
 import { ConfigSpaceProvider } from '../../../contexts/config-space';
 import { useNodeContext } from '../../../contexts/node';
@@ -783,19 +783,8 @@ export default function AddComponentCore({
         onClickNext: onNext,
         installRelated: installRelated,
         onChangeInstallRelated: setInstallRelated,
-        handleDescEle: /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx("p", {
-            children: /*#__PURE__*/_jsx("div", {
-              // eslint-disable-next-line
-              dangerouslySetInnerHTML: {
-                __html: t(`blocklet.component.addComponentTip.${params.requirePurchase ? 'isPurchase' : 'isFree'}`, {
-                  name: getComponentName()
-                })
-              }
-            })
-          }), /*#__PURE__*/_jsx("p", {
-            children: t('blocklet.component.addComponentTip.belowInformation')
-          })]
+        handleDescEle: /*#__PURE__*/_jsx("p", {
+          children: t('blocklet.component.addComponentTip.belowInformation')
         })
       })]
     }),

package/lib/blocklet/logo-uploader.js

@@ -57,7 +57,7 @@ export default function LogoUploader({
       },
       coreProps: {
         restrictions: {
-          allowedFileTypes: ['image/*', '.jpg', '.jpeg', '.png', '.gif', '.svg'],
+          allowedFileExts: ['.webp', '.jpg', '.jpeg', '.png', '.gif', '.svg'],
           maxFileSize: 1024 * 1024 * 10,
           maxNumberOfFiles: 1
         }

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

@@ -15,7 +15,7 @@ import { useNodeContext } from '../../../contexts/node';
 import useWantToConnectStore from '../hooks/use-want-to-connect-store';
 import EmptySpinner from '../../../empty-spinner';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const allowedFileTypes = ['image/*', '.jpg', '.jpeg', '.png', '.gif', '.svg'];
+const allowedFileExts = ['.webp', '.jpg', '.jpeg', '.png', '.gif', '.svg'];
 const maxFileSize = 1024 * 1024 * 10; // 10 MB
 
 // eslint-disable-next-line import/no-unresolved
@@ -211,11 +211,11 @@ function Branding({
           }
         })]
       })
-    }), /*#__PURE__*/_jsxs(Box, {
+    }), /*#__PURE__*/_jsx(Box, {
       display: "flex",
       mt: 3,
       className: "section full-width",
-      children: [/*#__PURE__*/_jsxs(Box, {
+      children: /*#__PURE__*/_jsxs(Box, {
         sx: {
           flex: 1
         },
@@ -303,61 +303,58 @@ function Branding({
             })]
           })]
         })]
-      }), /*#__PURE__*/_jsx(Suspense, {
-        fallback: /*#__PURE__*/_jsx(EmptySpinner, {}),
-        children: /*#__PURE__*/_jsx(UploaderComponent, {
-          ref: uploaderLogoRef,
-          popup: true,
-          onUploadFinish: result => {
-            setParams({
-              blockletLogo: result.data.filename
-            });
-            setInitLogoUrl('');
-            uploaderLogoRef.current.close();
-          },
-          plugins: ['ImageEditor'],
-          installerProps: {
-            disabled: true
-          },
-          apiPathProps: {
-            uploader: uploadLogoPrefix,
-            disableMediaKitPrefix: true
-          },
-          coreProps: {
-            restrictions: {
-              allowedFileTypes,
-              maxFileSize,
-              maxNumberOfFiles: 1
-            }
+      })
+    }), /*#__PURE__*/_jsxs(Suspense, {
+      fallback: /*#__PURE__*/_jsx(EmptySpinner, {}),
+      children: [/*#__PURE__*/_jsx(UploaderComponent, {
+        ref: uploaderLogoRef,
+        popup: true,
+        onUploadFinish: result => {
+          setParams({
+            blockletLogo: result.data.filename
+          });
+          setInitLogoUrl('');
+          uploaderLogoRef.current.close();
+        },
+        plugins: ['ImageEditor'],
+        installerProps: {
+          disabled: true
+        },
+        apiPathProps: {
+          uploader: uploadLogoPrefix,
+          disableMediaKitPrefix: true
+        },
+        coreProps: {
+          restrictions: {
+            allowedFileExts,
+            maxFileSize,
+            maxNumberOfFiles: 1
           }
-        }, "uploader-logo")
-      }), /*#__PURE__*/_jsx(Suspense, {
-        fallback: /*#__PURE__*/_jsx(EmptySpinner, {}),
-        children: /*#__PURE__*/_jsx(UploaderComponent, {
-          ref: uploaderScreenshotRef,
-          popup: true,
-          onUploadFinish: result => {
-            const blockletScreenshots = params.blockletScreenshots || [];
-            blockletScreenshots.push(result.data?.filename);
-            setParams({
-              blockletScreenshots
-            });
-            uploaderScreenshotRef.current.close();
-          },
-          plugins: ['ImageEditor'],
-          apiPathProps: {
-            uploader: uploadScreenshotPrefix,
-            disableMediaKitPrefix: true
-          },
-          coreProps: {
-            restrictions: {
-              allowedFileTypes,
-              maxFileSize,
-              maxNumberOfFiles: 5 - screenshotUrls.length
-            }
+        }
+      }, "uploader-logo"), /*#__PURE__*/_jsx(UploaderComponent, {
+        ref: uploaderScreenshotRef,
+        popup: true,
+        onUploadFinish: result => {
+          const blockletScreenshots = params.blockletScreenshots || [];
+          blockletScreenshots.push(result.data?.filename);
+          setParams({
+            blockletScreenshots
+          });
+          uploaderScreenshotRef.current.close();
+        },
+        plugins: ['ImageEditor'],
+        apiPathProps: {
+          uploader: uploadScreenshotPrefix,
+          disableMediaKitPrefix: true
+        },
+        coreProps: {
+          restrictions: {
+            allowedFileExts,
+            maxFileSize,
+            maxNumberOfFiles: 5 - screenshotUrls.length
           }
-        }, "uploader-screenshot")
-      })]
+        }
+      }, "uploader-screenshot")]
     })]
   });
 }

package/lib/blocklet/publish/create-release/connect-store-button.js

@@ -1,16 +1,20 @@
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
-import { BLOCKLET_TENANT_MODES } from '@blocklet/constant';
 import AddIcon from '@mui/icons-material/Add';
 import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
-import { Button, ButtonGroup, CircularProgress, ClickAwayListener, Divider, Grow, IconButton, MenuItem, MenuList, Paper, Popper, Typography } from '@mui/material';
+import { Box, Button, ButtonGroup, CircularProgress, ClickAwayListener, Divider, Grow, IconButton, MenuItem, MenuList, Paper, Popper, Typography } from '@mui/material';
 import PropTypes from 'prop-types';
 import { Icon } from '@iconify/react';
 import { useRef, useState } from 'react';
 import Toast from '@arcblock/ux/lib/Toast';
 import formatError from '@abtnode/util/lib/format-error';
+import { useSessionContext } from '../../../contexts/session';
 import AddStore from '../../../store/add';
 import { useNodeContext } from '../../../contexts/node';
 import ConfirmDialog from '../../../confirm';
+import { useBlockletContext } from '../../../contexts/blocklet';
+import ShortenLabel from '../../component/shorten-label';
+import canDeleteStore from '../utils/can-delete-store';
+import getStudioStoreList from '../utils/get-studio-store-list';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function ConnectStoreButton({
   blocklet,
@@ -24,12 +28,18 @@ export default function ConnectStoreButton({
   const {
     t
   } = useLocaleContext();
+  const {
+    session
+  } = useSessionContext();
+  const {
+    api,
+    info: nodeInfo,
+    inService
+  } = useNodeContext();
+  const blockletContext = useBlockletContext();
   const [open, setOpen] = useState(false);
   const anchorRef = useRef(null);
   const [openAddStore, setOpenAddStore] = useState(false);
-  const {
-    api
-  } = useNodeContext();
   const [deleteStore, setDeleteStore] = useState(null);
   const handleSelectStore = nextStore => {
     onChangeStore(nextStore);
@@ -59,17 +69,27 @@ export default function ConnectStoreButton({
         input: {
           teamDid: blocklet.meta.did,
           url: deleteStore.url,
-          projectId: ''
+          projectId: '',
+          scope: deleteStore.scope || 'studio'
         }
       });
-      setDeleteStore(null);
+      await blockletContext?.actions?.refreshBlocklet();
     } catch (err) {
       Toast.error(`Remove Blocklet Store Error: ${formatError(err)}`);
+    } finally {
+      setDeleteStore(null);
     }
   };
-  const storeList = blocklet?.settings?.storeList || [];
+  const {
+    storeList
+  } = getStudioStoreList({
+    fromBlocklet: inService,
+    blocklet,
+    nodeInfo,
+    componentDid,
+    userDid: session?.user?.did
+  });
   const did = blocklet?.meta?.did;
-  const manageable = !(componentDid && window.blocklet?.tenantMode === BLOCKLET_TENANT_MODES.MULTIPLE);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsxs(ButtonGroup, {
       disabled: disabled,
@@ -100,16 +120,16 @@ export default function ConnectStoreButton({
       },
       open: open,
       anchorEl: anchorRef.current,
+      placement: "bottom-end",
       role: undefined,
       transition: true,
       disablePortal: true,
       children: ({
-        TransitionProps,
-        placement
+        TransitionProps
       }) => /*#__PURE__*/_jsx(Grow, {
         ...TransitionProps,
         style: {
-          transformOrigin: placement === 'bottom' ? 'center top' : 'center bottom'
+          transformOrigin: 'center top'
         },
         children: /*#__PURE__*/_jsx(Paper, {
           children: /*#__PURE__*/_jsx(ClickAwayListener, {
@@ -117,16 +137,35 @@ export default function ConnectStoreButton({
             children: /*#__PURE__*/_jsxs(MenuList, {
               id: "split-button-menu",
               autoFocusItem: true,
+              sx: {
+                maxHeight: 300,
+                overflowY: 'auto'
+              },
               children: [storeList.map(option => /*#__PURE__*/_jsxs(MenuItem, {
                 selected: option.id === store.id,
                 sx: {
-                  height: 40
+                  height: 56
                 },
                 onClick: () => handleSelectStore(option),
-                children: [/*#__PURE__*/_jsx(Typography, {
-                  variant: "inherit",
-                  children: option.name
-                }), manageable && !option.protected && /*#__PURE__*/_jsx(IconButton, {
+                children: [/*#__PURE__*/_jsxs(Box, {
+                  children: [/*#__PURE__*/_jsx(ShortenLabel, {
+                    sx: {
+                      fontSize: '16px'
+                    },
+                    maxLength: 24,
+                    children: option.name
+                  }), /*#__PURE__*/_jsx(ShortenLabel, {
+                    sx: {
+                      fontSize: '13px',
+                      opacity: 0.6
+                    },
+                    maxLength: 30,
+                    children: option.url
+                  })]
+                }), canDeleteStore({
+                  store: option,
+                  userDid: session?.user?.did
+                }) && /*#__PURE__*/_jsx(IconButton, {
                   sx: {
                     ml: 1
                   },
@@ -139,7 +178,7 @@ export default function ConnectStoreButton({
                     icon: "ic:outline-delete"
                   })
                 })]
-              }, option.url)), manageable && /*#__PURE__*/_jsx(Divider, {}), manageable && /*#__PURE__*/_jsxs(MenuItem, {
+              }, option.url)), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsxs(MenuItem, {
                 onClick: handleOpenAddStore,
                 children: [/*#__PURE__*/_jsx(AddIcon, {
                   font: true
@@ -158,7 +197,8 @@ export default function ConnectStoreButton({
       onClose: handleCloseAddStore,
       teamDid: did,
       storeList: storeList,
-      scope: "studio"
+      scope: "studio",
+      onAdd: blockletContext?.actions?.refreshBlocklet
     }), deleteStore && /*#__PURE__*/_jsx(ConfirmDialog, {
       displayError: true,
       title: `${t('common.delete')} ${deleteStore.name}`,

package/lib/blocklet/publish/create-release/connect-store-list.js

@@ -4,9 +4,11 @@ import { Box, List, Alert, ListItem, ListItemText } from '@mui/material';
 import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import LaunchIcon from '@mui/icons-material/Launch';
 import { blueGrey } from '@mui/material/colors';
-import { BLOCKLET_TENANT_MODES } from '@blocklet/constant';
 import AddStore from '../../../store/add';
 import StoreItem from '../../../store/item';
+import { useSessionContext } from '../../../contexts/session';
+import { useBlockletContext } from '../../../contexts/blocklet';
+import getStudioStoreList from '../utils/get-studio-store-list';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function ConnectStoreList({
   blocklet,
@@ -26,7 +28,22 @@ function ConnectStoreList({
   const {
     t
   } = useLocaleContext();
-  const storeList = blocklet?.settings?.storeList || [];
+  const {
+    actions: {
+      refreshBlocklet
+    }
+  } = useBlockletContext();
+  const {
+    session
+  } = useSessionContext();
+  const {
+    storeList
+  } = getStudioStoreList({
+    fromBlocklet: true,
+    blocklet,
+    componentDid,
+    userDid: session?.user?.did
+  });
   const connectedMap = useMemo(() => {
     if (!connectedStores?.length) {
       return {};
@@ -74,14 +91,16 @@ function ConnectStoreList({
             connectedStore: connectedMap[x.id],
             onPublish: onPublish,
             onDelete: onDelete,
+            scope: x.scope || 'studio',
             onOpenConnectStore: onOpenConnectStore
           })
         })
       }, x.url))
-    }), componentDid && window.blocklet?.tenantMode === BLOCKLET_TENANT_MODES.MULTIPLE ? null : /*#__PURE__*/_jsx(AddStore, {
+    }), /*#__PURE__*/_jsx(AddStore, {
       teamDid: did,
       storeList: storeList,
-      scope: "studio"
+      scope: "studio",
+      onAdd: refreshBlocklet
     })]
   });
 }

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

@@ -165,7 +165,7 @@ function Header({
         Toast.error(err?.response?.data?.error?.message || err.message);
         setLoading(false);
         setParamsErrTip({
-          resources: 'Invalid save the resource'
+          blockletResource: 'Invalid save the resource'
         });
         return;
       }
@@ -197,6 +197,16 @@ function Header({
           componentDid
         }, '*');
       }
+      setParamsErrTip({
+        blockletResource: '',
+        blockletTitle: '',
+        blockletDescription: '',
+        blockletVersion: '',
+        blockletLogo: '',
+        projectId: '',
+        blockletIntroduction: '',
+        note: ''
+      });
       if (mode === 'create' || mode === 'new-release') {
         const id = res?.release?.id;
         navigate(`../${projectId}/view/${id}`, {
@@ -208,7 +218,7 @@ function Header({
     }).catch(err => {
       const msg = formatError(err);
       Toast.error(msg);
-      if (/resource.*empty/.test(msg)) {
+      if (/resource/.test(msg) || /zip/.test(msg)) {
         setParamsErrTip({
           blockletResource: msg
         });

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

@@ -53,9 +53,7 @@ const addComponentTabs = ({
   });
 };
 const pickParams = (baseParams, app) => {
-  const params = pick(baseParams, ['blockletVersion', 'blockletTitle', 'blockletDescription', 'blockletLogo', 'blockletIntroduction', 'blockletScreenshots', 'connectedStores', 'blockletComponents', 'lastReleaseId', 'uploadedResource'
-  // 'note',
-  ]);
+  const params = pick(baseParams, ['blockletVersion', 'blockletTitle', 'blockletDescription', 'blockletLogo', 'blockletIntroduction', 'blockletScreenshots', 'connectedStores', 'blockletComponents', 'lastReleaseId', 'uploadedResource', 'note']);
   if (!params.blockletComponents) {
     params.blockletComponents = (app.children || []).map(x => ({
       did: x.meta.did,
@@ -134,7 +132,7 @@ export default function CreateRelease({
   const setSelectedResourceIds = useCallback((...args) => {
     _setSelectedResourceIds(...args);
     setParamsErrTip({
-      blockletResources: ''
+      blockletResource: ''
     });
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
@@ -190,6 +188,9 @@ export default function CreateRelease({
         Toast.error('Release not found');
         return;
       }
+      if (mode !== 'view') {
+        res.release.note = '';
+      }
       setParams(lastParams => pickParams({
         ...lastParams,
         ...res.release,
@@ -520,7 +521,9 @@ export default function CreateRelease({
                   readOnly: readOnly,
                   projectId: projectId === UNOWNED_DID ? '' : projectId,
                   params: params,
-                  setParams: setParams
+                  error: paramsErrTip.blockletResource,
+                  setParams: setParams,
+                  setParamsErrTip: setParamsErrTip
                 })]
               })
             })

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

@@ -29,7 +29,7 @@ export default function ReleaseStepper({
       return paramsErrTip?.blockletTitle || paramsErrTip?.projectId || paramsErrTip?.blockletDescription;
     }
     if (step === 2) {
-      return paramsErrTip?.blockletResources;
+      return paramsErrTip?.blockletResource;
     }
     if (step >= 4) {
       return paramsErrTip?.blockletVersion || paramsErrTip?.note;
@@ -156,6 +156,6 @@ ReleaseStepper.propTypes = {
     blockletTitle: PropTypes.string,
     blockletDescription: PropTypes.string,
     note: PropTypes.string,
-    blockletResources: PropTypes.string
+    blockletResource: PropTypes.string
   }).isRequired
 };

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

@@ -6,7 +6,7 @@ import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
 import Toast from '@arcblock/ux/lib/Toast/index';
 import EmptySpinner from '../../../empty-spinner';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const allowedFileTypes = ['.zip', '.gz'];
+const allowedFileExts = ['.zip', '.gz'];
 const maxFileSize = 1024 * 1024 * 100; // 100 MB
 
 // eslint-disable-next-line import/no-unresolved
@@ -18,7 +18,9 @@ export default function ResourceUpload({
   projectId,
   readOnly,
   params,
-  setParams
+  setParams,
+  setParamsErrTip,
+  error
 }) {
   const {
     t
@@ -74,6 +76,9 @@ export default function ResourceUpload({
           setParams({
             uploadedResource: result.data.filename
           });
+          setParamsErrTip({
+            blockletResource: ''
+          });
           uploaderRef.current?.close();
         },
         plugins: ['ImageEditor'],
@@ -86,12 +91,17 @@ export default function ResourceUpload({
         },
         coreProps: {
           restrictions: {
-            allowedFileTypes,
+            allowedFileExts,
             maxFileSize,
             maxNumberOfFiles: 1
           }
         }
       }, "uploader-resource")
+    }), !!error && /*#__PURE__*/_jsx(Box, {
+      color: "error.main",
+      mt: 1,
+      fontSize: 14,
+      children: error
     })]
   });
 }
@@ -100,6 +110,8 @@ ResourceUpload.propTypes = {
   projectId: PropTypes.string.isRequired,
   readOnly: PropTypes.bool.isRequired,
   params: PropTypes.object.isRequired,
-  setParams: PropTypes.func.isRequired
+  setParams: PropTypes.func.isRequired,
+  error: PropTypes.string.isRequired,
+  setParamsErrTip: PropTypes.func.isRequired
 };
 ResourceUpload.defaultProps = {};

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

@@ -140,7 +140,10 @@ export default function Tree({
             }), /*#__PURE__*/_jsx(Box, {
               className: "name",
               children: node.name
-            }), node.url && /*#__PURE__*/_jsx("a", {
+            }), node.url &&
+            /*#__PURE__*/
+            // eslint-disable-next-line jsx-a11y/control-has-associated-label
+            _jsx("a", {
               href: node.url,
               target: "_blank",
               rel: "noreferrer",

package/lib/blocklet/publish/hooks/use-want-to-connect-store.js

@@ -1,8 +1,12 @@
 import { BLOCKLET_STORE } from '@abtnode/constant';
 import { useCallback, useMemo, useState } from 'react';
+import { useSessionContext } from '../../../contexts/session';
 const LOCAL_STORAGE_KEY = 'lastWantToConnectStoreId';
 function useWantToConnectStore(blocklet) {
   const [_wantToConnectStore, _setWantToConnectStore] = useState(null);
+  const {
+    session
+  } = useSessionContext();
   const setWantToConnectStore = useCallback(x => {
     _setWantToConnectStore(x);
     localStorage.setItem(LOCAL_STORAGE_KEY, x?.id);
@@ -13,8 +17,16 @@ function useWantToConnectStore(blocklet) {
     if (lastStore) {
       return lastStore;
     }
-    return (blocklet?.settings?.storeList || []).find(x => x.id === BLOCKLET_STORE.id);
-  }, [blocklet?.settings?.storeList]);
+    return (blocklet?.settings?.storeList || []).find(x => {
+      if (x.id !== BLOCKLET_STORE.id) {
+        return false;
+      }
+      if (x.scope && x.scope !== 'studio' && x.scope !== session?.user?.did) {
+        return false;
+      }
+      return true;
+    });
+  }, [blocklet?.settings?.storeList, session?.user?.did]);
   const wantToConnectStore = _wantToConnectStore || baseStore;
   return [wantToConnectStore, setWantToConnectStore];
 }

package/lib/blocklet/publish/utils/can-delete-store.js

@@ -0,0 +1,18 @@
+import { BLOCKLET_TENANT_MODES } from '@blocklet/constant';
+const canDeleteStore = ({
+  store,
+  userDid
+}) => {
+  const singleTenant = !(window.blocklet?.tenantMode === BLOCKLET_TENANT_MODES.MULTIPLE);
+  if (store.protected) {
+    return false;
+  }
+  if (store.scope && store.scope === userDid) {
+    return true;
+  }
+  if (singleTenant) {
+    return store.scope === 'studio';
+  }
+  return false;
+};
+export default canDeleteStore;

package/lib/blocklet/publish/utils/get-studio-store-list.js

@@ -0,0 +1,15 @@
+const getStudioStoreList = ({
+  fromBlocklet,
+  nodeInfo,
+  blocklet,
+  userDid
+}) => {
+  const teamDid = fromBlocklet ? blocklet?.meta?.did : nodeInfo?.did;
+  let storeList = fromBlocklet ? blocklet?.settings?.storeList || [] : nodeInfo?.blockletRegistryList || [];
+  storeList = storeList.filter(x => x.protected || !x.scope || x.scope === 'studio' || x.scope === userDid);
+  return {
+    teamDid,
+    storeList
+  };
+};
+export default getStudioStoreList;

package/lib/blocklet/publish/utils/validate-params.js

@@ -23,7 +23,7 @@ export const validateParams = ({
   }
   if (!params.uploadedResource && !hasSelectedResources) {
     errors.push({
-      param: 'blockletResources',
+      param: 'blockletResource',
       message: t('blocklet.publish.errorTip.noResource')
     });
   }