@abtnode/ux 1.16.25-next-bc2f4c63 → 1.16.26-beta-e0056285

package/es/util/index.js

@@ -2,7 +2,7 @@
 /* eslint-disable implicit-arrow-linebreak */
 /* eslint-disable import/prefer-default-export */
 import { BLOCKLET_STORE_API_PREFIX, DEFAULT_DID_DOMAIN, DEFAULT_IP_DOMAIN_SUFFIX, DEFAULT_SLP_DOMAIN, DOMAIN_FOR_DEFAULT_SITE, DOMAIN_FOR_INTERNAL_SITE, DOMAIN_FOR_IP_SITE, DOMAIN_FOR_IP_SITE_REGEXP, IP, ROLES, SLOT_FOR_IP_DNS_SITE, WEB_WALLET_URL, WELLKNOWN_PATH_PREFIX, WELLKNOWN_PING_PREFIX, WELLKNOWN_SERVICE_PATH_PREFIX, WELLKNOWN_BLOCKLET_HEALTH_PATH } from '@abtnode/constant';
-import filesize from 'filesize';
+import { filesize as _filesize } from 'filesize';
 import humanizeUrl from 'humanize-url';
 import isUrl from 'is-url';
 import get from 'lodash/get';
@@ -19,6 +19,13 @@ import checkAccessible from '@abtnode/util/lib/url-evaluation/check-accessible-b
 import { BLOCKLET_MODES } from '@blocklet/constant';
 import urlPathFriendly from '@blocklet/meta/lib/url-path-friendly';
 export { formatError };
+export function filesize(size, options = {}) {
+  return _filesize(size, {
+    base: 2,
+    round: 2,
+    ...options
+  });
+}
 export function sleep(t) {
   // eslint-disable-next-line no-promise-executor-return
   return new Promise(resolve => setTimeout(resolve, t));
@@ -204,13 +211,6 @@ export const appendParams = (url, extraParams = {}) => {
 export const isInstalling = status => ['waiting', 'downloading', 'installing', 'upgrading'].includes(status);
 export const isDownloading = status => ['waiting', 'downloading'].includes(status);
 export const isRunning = status => status === 'running';
-export const formatDiskSize = (size, serverPlatform = '') => {
-  const base = serverPlatform === 'linux' ? 2 : 10;
-  return filesize(size, {
-    base,
-    round: 2
-  });
-};
 export const checkInputByType = (type, value) => {
   const typesMap = {
     url: isUrl

package/lib/analytics/disk.js

@@ -63,8 +63,7 @@ LinearProgressWithLabel.propTypes = {
 };
 function DiskMonitor(_ref) {
   let {
-    disk,
-    platform
+    disk
   } = _ref;
   const {
     t
@@ -73,21 +72,21 @@ function DiskMonitor(_ref) {
     id: 1,
     className: 'used',
     title: t('system.used'),
-    metric: (0, _index.formatDiskSize)(disk.used, platform)
+    metric: (0, _index.filesize)(disk.used)
   }, {
     id: 2,
     className: 'free',
     title: t('system.free'),
-    metric: (0, _index.formatDiskSize)(disk.free, platform)
+    metric: (0, _index.filesize)(disk.free)
   }, {
     id: 3,
     className: 'total',
     title: t('system.total'),
-    metric: (0, _index.formatDiskSize)(disk.total, platform)
+    metric: (0, _index.filesize)(disk.total)
   }];
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_card.default, {
     title: "".concat(t('common.disk'), " (").concat(disk.device, ")"),
-    value: (0, _index.formatDiskSize)(disk.used, platform),
+    value: (0, _index.filesize)(disk.used),
     graph: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
       mt: 3,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LinearProgressWithLabel, {
@@ -108,8 +107,7 @@ DiskMonitor.propTypes = {
     free: _propTypes.default.number,
     total: _propTypes.default.number,
     device: _propTypes.default.string
-  }),
-  platform: _propTypes.default.string
+  })
 };
 DiskMonitor.defaultProps = {
   disk: {
@@ -117,6 +115,5 @@ DiskMonitor.defaultProps = {
     free: 0,
     total: 1,
     device: ''
-  },
-  platform: ''
+  }
 };

package/lib/analytics/memory.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = MemoryMonitor;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _filesize = _interopRequireDefault(require("filesize"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _context = require("@arcblock/ux/lib/Locale/context");
 var _chart = _interopRequireDefault(require("./chart"));
@@ -38,21 +37,21 @@ function MemoryMonitor(_ref) {
   }
   memoryList.push({
     title: t('system.used'),
-    metric: (0, _filesize.default)(used)
+    metric: (0, _util.filesize)(used)
   });
   if (showPercent) {
     memoryList.push({
       title: t('system.free'),
-      metric: (0, _filesize.default)(available)
+      metric: (0, _util.filesize)(available)
     }, {
       title: t('system.total'),
-      metric: (0, _filesize.default)(total)
+      metric: (0, _util.filesize)(total)
     });
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_chart.default, {
     id: "mem-sparkline",
     title: title || t('common.memory'),
-    current: "".concat((0, _filesize.default)(Math.floor(used || 0)), " ").concat(memoryPercent),
+    current: "".concat((0, _util.filesize)(Math.floor(used || 0)), " ").concat(memoryPercent),
     data: history,
     description: memoryList.map((x, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
       sx: {
@@ -61,7 +60,7 @@ function MemoryMonitor(_ref) {
       children: [x.title, ": ", x.metric]
     }, x.title)),
     dateFn: v => (0, _util.formatTime)(v, 'HH:mm:ss', locale),
-    valueFn: _filesize.default
+    valueFn: _util.filesize
   });
 }
 MemoryMonitor.propTypes = {

package/lib/analytics/runtime.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = RuntimeInsight;
 var _react = _interopRequireWildcard(require("react"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _filesize = _interopRequireDefault(require("filesize"));
 var _prettyMsI18n = _interopRequireDefault(require("pretty-ms-i18n"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _Datatable = _interopRequireDefault(require("@arcblock/ux/lib/Datatable"));
@@ -121,7 +120,7 @@ function RuntimeInsight() {
         const {
           runtimeInfo
         } = monitList[rawIndex];
-        return (0, _filesize.default)((runtimeInfo === null || runtimeInfo === void 0 ? void 0 : runtimeInfo.memoryUsage) || 0);
+        return (0, _util2.filesize)((runtimeInfo === null || runtimeInfo === void 0 ? void 0 : runtimeInfo.memoryUsage) || 0);
       }
     }
   }, {

package/lib/analytics/traffic.js

@@ -9,7 +9,6 @@ var _react = require("react");
 var _dayjs = _interopRequireDefault(require("@abtnode/util/lib/dayjs"));
 var _nthArg = _interopRequireDefault(require("lodash/nthArg"));
 var _urlJoin = _interopRequireDefault(require("url-join"));
-var _filesize = _interopRequireDefault(require("filesize"));
 var _useAsyncRetry = _interopRequireDefault(require("react-use/lib/useAsyncRetry"));
 var _reactIframe = _interopRequireDefault(require("react-iframe"));
 var _Alert = _interopRequireDefault(require("@mui/material/Alert"));
@@ -145,8 +144,8 @@ function TrafficInsights(_ref) {
     uniqueReferrers: noop,
     uniqueNotFound: noop,
     uniqueStaticFiles: noop,
-    logSize: _filesize.default,
-    bandwidth: _filesize.default
+    logSize: _util.filesize,
+    bandwidth: _util.filesize
   };
   const charts = Object.keys(metrics).map(key => ({
     id: "".concat(key, "_chart"),

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

@@ -695,6 +695,9 @@ function AddComponentCore(_ref3) {
     key: 'selectComponent',
     name: t('blocklet.component.selectComponent'),
     body: /*#__PURE__*/(0, _jsxRuntime.jsxs)(TypographyWrapper, {
+      sx: {
+        width: 400
+      },
       component: "div",
       children: [params.showFromUrlDialog && /*#__PURE__*/(0, _jsxRuntime.jsx)(_installFromUrl.default
       // if not set defaultUrl, the dialog will always show step 1 when the dialog is opened
@@ -1179,7 +1182,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/component/select-store.js

@@ -71,10 +71,10 @@ function SelectStore(_ref) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(SelectStoreTitle, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
         ref: storeSelectRef,
-        color: "secondary",
+        color: "primary",
         "data-cy": "add-component-select-store",
         endIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowDropDown.default, {
-          color: "secondary"
+          color: "primary"
         }),
         onClick: () => {
           setOpen(true);
@@ -83,11 +83,11 @@ function SelectStore(_ref) {
           padding: '0 2px'
         },
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-          color: "secondary",
+          color: "primary",
           children: currentRegistry.name
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-        color: "secondary",
+        color: "primary",
         children: extra
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_TextField.default, {
@@ -124,6 +124,10 @@ function SelectStore(_ref) {
       margin: "normal",
       children: [storeList === null || storeList === void 0 ? void 0 : storeList.map(x => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuItem.default, {
+          sx: {
+            width: '400px',
+            maxWidth: '90vw'
+          },
           value: x,
           "data-cy": x.url,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.default, {

package/lib/blocklet/disk-info.js

@@ -7,11 +7,11 @@ exports.default = BlockletDiskInfo;
 var _react = require("react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _filesize = _interopRequireDefault(require("filesize"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _Link = _interopRequireDefault(require("@mui/material/Link"));
 var _InfoRow = _interopRequireDefault(require("@arcblock/ux/lib/InfoRow"));
 var _context = require("@arcblock/ux/lib/Locale/context");
+var _util = require("../util");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 const _excluded = ["blocklet"];
@@ -50,7 +50,7 @@ function BlockletDiskInfo(_ref) {
       underline: "hover",
       children: dir
     }) : dir, ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
-      children: size ? (0, _filesize.default)(size) : 'empty'
+      children: size ? (0, _util.filesize)(size) : 'empty'
     })]
   });
   const env = blocklet.environments.reduce((acc, x) => {

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/connect-store-list.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _material = require("@mui/material");
+var _add = _interopRequireDefault(require("../../store/add"));
+var _item = _interopRequireDefault(require("../../store/item"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ConnectStoreList(_ref) {
+  var _blocklet$settings, _blocklet$settings4, _blocklet$meta;
+  let {
+    blocklet,
+    releaseId,
+    projectId,
+    releaseType,
+    publishedStoreIds,
+    onPublish
+  } = _ref;
+  const storeList = (blocklet === null || blocklet === void 0 || (_blocklet$settings = blocklet.settings) === null || _blocklet$settings === void 0 ? void 0 : _blocklet$settings.storeList) || [];
+  const connectedMap = (0, _react.useMemo)(() => {
+    var _blocklet$settings2, _blocklet$settings3;
+    if (!(blocklet !== null && blocklet !== void 0 && (_blocklet$settings2 = blocklet.settings) !== null && _blocklet$settings2 !== void 0 && _blocklet$settings2.connectedStores)) {
+      return {};
+    }
+    return blocklet === null || blocklet === void 0 || (_blocklet$settings3 = blocklet.settings) === null || _blocklet$settings3 === void 0 || (_blocklet$settings3 = _blocklet$settings3.connectedStores) === null || _blocklet$settings3 === void 0 ? void 0 : _blocklet$settings3.reduce((acc, x) => {
+      acc[x.storeUrl] = x;
+      return acc;
+    }, {});
+  }, [blocklet === null || blocklet === void 0 || (_blocklet$settings4 = blocklet.settings) === null || _blocklet$settings4 === void 0 ? void 0 : _blocklet$settings4.connectedStores]);
+  const did = blocklet === null || blocklet === void 0 || (_blocklet$meta = blocklet.meta) === null || _blocklet$meta === void 0 ? void 0 : _blocklet$meta.did;
+  const handleAddStore = () => {};
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.List, {
+    children: [storeList === null || storeList === void 0 ? void 0 : storeList.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItem, {
+      "data-cy": "store-switch",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemText, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_item.default, {
+          releaseId: releaseId,
+          projectId: projectId,
+          releaseType: releaseType,
+          kind: "publish",
+          teamDid: did,
+          store: x,
+          published: (publishedStoreIds === null || publishedStoreIds === void 0 ? void 0 : publishedStoreIds.indexOf(x.id)) > -1,
+          connected: !!connectedMap[x.url],
+          onPublish: onPublish
+        })
+      })
+    }, x.url)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_add.default, {
+      onAdd: handleAddStore,
+      teamDid: did,
+      blockletRegistryList: storeList
+    })]
+  });
+}
+ConnectStoreList.propTypes = {
+  blocklet: _propTypes.default.object.isRequired,
+  projectId: _propTypes.default.string.isRequired,
+  releaseId: _propTypes.default.string.isRequired,
+  releaseType: _propTypes.default.string.isRequired,
+  onPublish: _propTypes.default.func,
+  publishedStoreIds: _propTypes.default.arrayOf(_propTypes.default.string)
+};
+ConnectStoreList.defaultProps = {
+  publishedStoreIds: [],
+  onPublish: () => {}
+};
+var _default = exports.default = ConnectStoreList;